/**
 * selectize.css (v0.12.6)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, .06) !important;
    border: 0 none !important;
    box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #303030;
    opacity: .4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
    color: #000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    /* fixes ie bug (see #392) */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 2px 0 0 0;
    border-left: 1px solid #d0d0d0;
    border-radius: 0 2px 2px 0;
    box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, .05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #cacaca;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #fff;
}

.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 23px;
}

.selectize-control {
    position: relative;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
    color: #303030;
    font-family: inherit;
    font-size: 13px;
    line-height: 18px;
    -webkit-font-smoothing: inherit;
}

.selectize-input, .selectize-control.single .selectize-input.input-active {
    background: #fff;
    cursor: text;
    display: inline-block;
}

.selectize-input {
    border: 1px solid #d0d0d0;
    padding: 8px 8px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
    padding: 6px 8px 3px;
}

.selectize-input.full {
    background-color: #fff;
}

.selectize-input.disabled, .selectize-input.disabled * {
    cursor: default !important;
}

.selectize-input.focus {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);
}

.selectize-input.dropdown-active {
    border-radius: 3px 3px 0 0;
}

.selectize-input > * {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #f2f2f2;
    color: #303030;
    border: 0 solid #d0d0d0;
}

.selectize-control.multi .selectize-input > div.active {
    background: #e8e8e8;
    color: #303030;
    border: 0 solid #cacaca;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
    color: #7d7d7d;
    background: #fff;
    border: 0 solid #fff;
}

.selectize-input > input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 2px 0 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
    display: none;
}

.selectize-input > input:focus {
    outline: none !important;
}

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left;
}

.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #f0f0f0;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    border-radius: 0 0 3px 3px;
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, .2);
    border-radius: 1px;
}

.selectize-dropdown .option, .selectize-dropdown .optgroup-header {
    padding: 5px 8px;
}

.selectize-dropdown .option, .selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
    cursor: inherit;
    opacity: .5;
}

.selectize-dropdown [data-selectable].option {
    opacity: 1;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
    color: #303030;
    background: #fff;
    cursor: default;
}

.selectize-dropdown .active {
    background-color: #f5fafd;
    color: #495c68;
}

.selectize-dropdown .active.create {
    color: #495c68;
}

.selectize-dropdown .create {
    color: rgba(48, 48, 48, .5);
}

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
    cursor: text;
}

.selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #808080 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #808080 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
    left: 15px;
    right: auto;
}

.selectize-control.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
    opacity: .5;
    background-color: #fafafa;
}

/**
 * selectize.bootstrap3.css (v0.12.6) - Bootstrap 3 Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, .06) !important;
    border: 0 none !important;
    box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.selectize-dropdown-header {
    position: relative;
    padding: 3px 12px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    border-radius: 4px 4px 0 0;
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 12px;
    top: 50%;
    color: #333;
    opacity: .4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
    color: #000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    /* fixes ie bug (see #392) */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 1px 0 0 0;
    border-left: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0 2px 2px 0;
    box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, .05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: rgba(0, 0, 0, 0);
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: rgba(77, 77, 77, 0);
}

.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 23px;
}

.selectize-control {
    position: relative;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
    color: #333;
    font-family: inherit;
    font-size: inherit;
    line-height: 20px;
    -webkit-font-smoothing: inherit;
}

.selectize-input, .selectize-control.single .selectize-input.input-active {
    background: #fff;
    cursor: text;
    display: inline-block;
}

.selectize-input {
    border: 1px solid #ccc;
    padding: 6px 12px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 4px;
}

.selectize-control.multi .selectize-input.has-items {
    padding: 5px 12px 2px;
}

.selectize-input.full {
    background-color: #fff;
}

.selectize-input.disabled, .selectize-input.disabled * {
    cursor: default !important;
}

.selectize-input.focus {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);
}

.selectize-input.dropdown-active {
    border-radius: 4px 4px 0 0;
}

.selectize-input > * {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 1px 3px;
    background: #efefef;
    color: #333;
    border: 0 solid rgba(0, 0, 0, 0);
}

.selectize-control.multi .selectize-input > div.active {
    background: #428bca;
    color: #fff;
    border: 0 solid rgba(0, 0, 0, 0);
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
    color: #808080;
    background: #fff;
    border: 0 solid rgba(77, 77, 77, 0);
}

.selectize-input > input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
    display: none;
}

.selectize-input > input:focus {
    outline: none !important;
}

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left;
}

.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #fff;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    border-radius: 0 0 4px 4px;
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(255, 237, 40, .4);
    border-radius: 1px;
}

.selectize-dropdown .option, .selectize-dropdown .optgroup-header {
    padding: 3px 12px;
}

.selectize-dropdown .option, .selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
    cursor: inherit;
    opacity: .5;
}

.selectize-dropdown [data-selectable].option {
    opacity: 1;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
    color: #777;
    background: #fff;
    cursor: default;
}

.selectize-dropdown .active {
    background-color: #f5f5f5;
    color: #262626;
}

.selectize-dropdown .active.create {
    color: #262626;
}

.selectize-dropdown .create {
    color: rgba(51, 51, 51, .5);
}

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
    cursor: text;
}

.selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 17px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #333 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #333 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
    left: 17px;
    right: auto;
}

.selectize-control.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
    opacity: .5;
    background-color: #fff;
}

.selectize-dropdown, .selectize-dropdown.form-control {
    height: auto;
    padding: 0;
    margin: 2px 0 0 0;
    z-index: 1000;
    background: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.selectize-dropdown .optgroup-header {
    font-size: 12px;
    line-height: 1.42857143;
}

.selectize-dropdown .optgroup:first-child:before {
    display: none;
}

.selectize-dropdown .optgroup:before {
    content: ' ';
    display: block;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    margin-left: -12px;
    margin-right: -12px;
}

.selectize-dropdown-content {
    padding: 5px 0;
}

.selectize-dropdown-header {
    padding: 6px 12px;
}

.selectize-input {
    min-height: 34px;
}

.selectize-input.dropdown-active {
    border-radius: 4px;
}

.selectize-input.dropdown-active::before {
    display: none;
}

.selectize-input.focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.has-error .selectize-input {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-error .selectize-input:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.selectize-control.multi .selectize-input.has-items {
    padding-left: 9px;
    padding-right: 9px;
}

.selectize-control.multi .selectize-input > div {
    border-radius: 3px;
}

.form-control.selectize-control {
    padding: 0;
    height: auto;
    border: none;
    background: none;
    box-shadow: none;
    border-radius: 0;
}

.menu-component .dismiss-overlay {
    z-index: 998;
    position: fixed;
    cursor: initial;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: transparent;
}

.menu-component .menu-container {
    padding: 10px 0;
    position: fixed;
    z-index: 999;
    overflow-y: auto;
}

.menu-component .menu-container.show-arrow {
    overflow: inherit;
}

.menu-component .menu-container.show-arrow .arrow,
.menu-component .menu-container.show-arrow .arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.menu-component .menu-container.show-arrow .arrow {
    top: 50%;
    left: -22px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0;
    border-width: 11px;
}

.menu-component .menu-container.show-arrow .arrow::after {
    bottom: -10px;
    left: -8px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0;
    border-width: 10px;
}

.menu-component .menu-container.position-top {
    transform: translateY(-100%);
}

.menu-component .menu-container.absolute {
    position: absolute;
}

.menu-component .menu-container.absolute.position-left {
    transform: translateX(-100%);
}

.menu-component .base-menu {
    cursor: pointer;
    -webkit-user-select: none;
            user-select: none;
    text-align: left;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    border: none;
    background-color: #686868;
}

.menu-component .sub-menu-container {
    position: relative;
}

.menu-component .sub-menu-container.active>.menu-item {
    background-color: #888;
}

.menu-component .sub-menu {
    z-index: 999;
    position: fixed;
    padding: 4px 0;
    bottom: -5px;
    overflow-y: auto;
}

.menu-component .sub-menu .menu-item {
    padding-right: 30px;
}

.menu-component .menu-item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    padding: 3px 20px;
    position: relative;
}

.menu-component .menu-item.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-component .menu-item .menu-fa-icon {
    margin-right: .25em;
}

.menu-component .menu-item .fa-slug {
    height: 1px;
    width: 21px;
    display: inline-block;
}

.menu-component .menu-item.no-hover {
    cursor: default;
}

.menu-component .menu-item:not(.no-hover):hover,
.menu-component .menu-item:not(.no-hover):active {
    background-color: #888;
}

.menu-component a.menu-item, .menu-component a.menu-item:visited,
.menu-component a.menu-item:hover, .menu-component a.menu-item:active {
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}

.menu-component .divider {
    height: 1px;
    width: 100%;
    background-color: #979797;
    margin: 10px 0;
}

.menu-component .menu-title {
    padding-left: 22px;
    padding-right: 22px;
    font-size: 12px;
    color: #b0b0b0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

.menu-component.white .divider {
    background-color: #e3e3e3;
}

.menu-component.white .base-menu {
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    border-radius: 4px;
    background: #fff;
    border: 1px solid #dedede;
}

.menu-component.white .base-menu .menu-item {
    color: #333;
}

.menu-component.white .base-menu .menu-item:not(.no-hover):hover,
.menu-component.white .base-menu .menu-item:not(.no-hover):active {
    background-color: #e6e6e6;
}

.menu-component.white .base-menu .menu-item.danger {
    color: #c9302c;
}

.menu-component.white .base-menu .menu-item.danger:not(.no-hover):hover,
.menu-component.white .base-menu .menu-item.danger:not(.no-hover):active {
    background-color: #c9302c;
    color: #fff;
}

.tabs-container {
    display: flex;
    border-bottom: 1px solid #cdcdcd;
    padding: 0 15px;
}

.tabs-container .tooltip {
    white-space: nowrap;
}

.tabs-container .tablist {
    display: flex;
    flex: 1;
    border: none;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 10px;
    margin-bottom: -1px;
}

.tabs-container .tablist .tab:not(:last-child) {
    margin-right: 30px;
}

.tabs-container .tablist .tab:hover, .tabs-container .tablist .tab:focus {
    background: none;
    color: #333;
    border: none;
}

.tabs-container .tablist .tab .tab-item {
    padding: 0 !important;
    margin-right: 0;
    background: none;
    color: #333;
    border: none;
    display: flex;
    align-items: end;
    cursor: pointer;
}

.tabs-container .tablist .tab .tab-item:hover,
.tabs-container .tablist .tab .tab-item:focus {
    background: none;
    color: #333;
    border: none;
}

.tabs-container .tablist .tab .tab-item .tab-title {
    padding: 7px 2px 8px 2px;
    margin-bottom: 1px;
    color: #919191;
}

.tabs-container .tablist .tab .tab-item .tab-count {
    position: absolute;
    text-align: center;
    display: inline-block;
    background-color: #c9302c;
    border-radius: 8px;
    top: 0;
    min-height: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    min-width: 8px;
}

.tabs-container .tablist .tab .tab-item .tab-count * {
    padding: 0 5px;
}

.tabs-container .tablist .tab .tab-item .tab-count.small {
    margin-top: 5px;
}

.tabs-container .tablist .tab .tab-item .tab-count.inside {
    position: relative;
    padding: 0 5px;
    margin-left: 5px;
    color: #fff;
    background-color: #888;
}

.tabs-container .tablist .tab.active .tab-item .tab-title {
    color: #333;
    border-bottom: 2px solid #333;
}

.tabs-container.dark {
    border-bottom: 1px solid #4f4f4f;
}

.tabs-container.dark .tablist .tab .tab-item .tab-title {
    color: #bebebe;
}

.tabs-container.dark .tablist .tab .tab-item .tab-icon {
    color: #8c8c8c;
    margin-right: 5px;
}

.tabs-container.dark .tablist .tab.active .tab-item .tab-title {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.tabs-container.dark .tablist .tab.active .tab-item .tab-count {
    background-color: #fff;
    color: #4f4f4f;
}

.tabs-container.dark .tablist .tab:hover,
.tabs-container.dark .tablist .tab:focus {
    color: #fff;
}

.tabs-container.dark .tablist .tab:hover .tab-item .tab-title,
.tabs-container.dark .tablist .tab:focus .tab-item .tab-title {
    color: #fff;
}

.tabs-container.compact {
    padding: 0;
}

.tabs-container.large-text .tab-title {
    font-size: 16px;
}

.announcement-area {
    padding: 15px 40px;
    color: #333;
    border-bottom: 1px solid #e3e3e3;
}

.announcement-area .caption {
    display: flex;
    margin-bottom: 5px;
}

.announcement-area .caption .label {
    padding: 4px 6px;
    font-size: 12px;
}

.announcement-area .caption .text {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    margin-left: 5px;
    font-weight: bold;
    color: #333;
}

.announcement-area .caption .text:hover, .announcement-area .caption .text:focus {
    color: #333;
    text-decoration: none;
}

.announcement-area .caption a.text:hover {
    color: #888;
}

.announcement-area .body {
    white-space: normal;
    margin-bottom: 3px;
    font-size: 13px;
    line-height: 18px;
}

.announcement-area .image {
    margin-bottom: 5px;
}

.announcement-area .image img {
    max-width: 100%;
}

.announcement-area .time {
    font-size: 12px;
    line-height: 12px;
    color: #a3a3a3;
}

.announcement-area .link {
    margin-top: 10px;
}

.ui-notification-menu .no-more-notifications {
    text-align: center;
    font-size: 14px;
    color: #a3a3a3;
    line-height: 20px;
    padding-top: 15px;
    padding-bottom: 25px;
}

.ui-notification-menu .item-icon {
    color: #fff;
}

.ui-notification-menu .ui-menu-fa-icon {
    padding-top: 8px !important;
    font-size: 16px !important;
}

.ui-notification-menu .count {
    font-family: Source Sans Pro;
    margin-left: 1px;
    position: absolute;
    top: -5px;
    right: -9px;
    text-align: center;
    display: inline-block;
    background-color: #c9302c;
    border-radius: 8px;
    min-height: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    min-width: 8px;
}

.ui-notification-menu .count * {
    padding: 0 5px;
}

.ui-notification-menu .count.small {
    top: 0;
    right: -5px;
}

.ui-notification-menu .base-menu {
    background-color: #fff;
    color: #333;
    padding: 5px 0;
}

.ui-notification-menu>.base-menu {
    cursor: default;
}

.ui-notification-menu>.base-menu .menu-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ui-notification-menu>.base-menu .menu-body .notification-container {
    margin-top: 10px;
    overflow-y: auto;
    flex: 1;
}

.ui-notification-menu>.base-menu .menu-body .notification-container .section {
    margin-bottom: 15px;
}

.ui-notification-menu>.base-menu .menu-body .notification-container .section .section-title {
    color: #868686;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    border-bottom: 1px solid #e3e3e3;
    padding: 5px 15px;
}

.ui-notification-menu>.base-menu .menu-body .features {
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
}

.ui-notification-menu>.base-menu .menu-body .features .buttons *,
.ui-notification-menu>.base-menu .menu-body .features .buttons *:focus,
.ui-notification-menu>.base-menu .menu-body .features .buttons *:hover {
    cursor: pointer;
    text-decoration: none;
}

.ui-notification-menu>.base-menu .menu-body .features .buttons *:not(:last-child) {
    margin-right: 20px;
}

.ui-notification-menu .notification-feature-button {
    text-align: right;
    margin-left: 3px;
    font-size: 18px;
    float: right;
    color: #333;
    cursor: pointer;
    border-radius: 50%;
    padding: 4px 5px;
    width: 34px;
    height: 34px;
}

.ui-notification-menu .notification-feature-button:hover,
.ui-notification-menu .notification-feature-button:focus {
    background: #e6e6e6;
}

.ui-notification-menu .new-notification {
    position: absolute;
    left: 50%;
}

.ui-notification-menu .new-notification .content {
    cursor: pointer;
    position: relative;
    left: -50%;
    background: #337ab7;
    border-radius: 23px;
    padding: 8px 25px;
    z-index: 2;
    color: #fff;
}

.ui-notification-menu .new-notification .content .fa {
    margin-left: 5px;
}

.ui-notification-menu .notification-component {
    display: flex;
    color: #333;
    padding: 10px 15px;
    border-bottom: 1px solid #e3e3e3;
}

.ui-notification-menu .notification-component a {
    text-decoration: underline;
}

.ui-notification-menu .notification-component:focus,
.ui-notification-menu .notification-component:hover {
    text-decoration: none;
}

.ui-notification-menu .notification-component .header {
    margin-right: 5px;
}

.ui-notification-menu .notification-component .body {
    flex: 1;
}

.ui-notification-menu .notification-component .body .title {
    line-height: 20px;
    margin-top: 2px;
    margin-bottom: 3px;
    font-size: 15px;
    white-space: normal;
    word-break: break-all;
}

.ui-notification-menu .notification-component .body .content {
    cursor: pointer;
    margin-bottom: 10px;
    margin-right: 5px;
    white-space: normal;
    word-break: break-all;
}

.ui-notification-menu .notification-component .body .content pre {
    white-space: normal;
    border: none;
    background: transparent;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
}

.ui-notification-menu .notification-component .body .content pre del {
    background: #f9d7dc;
}

.ui-notification-menu .notification-component .body .content pre ins {
    background: #ddfbe6;
    text-decoration: none;
}

.ui-notification-menu .notification-component .body .content .ui-show-revision-button .ellipsis {
    margin-right: 10px;
}

.ui-notification-menu .notification-component .body .content .ui-show-revision-button .text {
    text-decoration: none;
}

.ui-notification-menu .notification-component .body .content .ui-show-revision-button .text .fa {
    margin-left: 5px;
}

.ui-notification-menu .notification-component .body .content .ui-view-comments-button {
    margin-top: 20px;
}

.ui-notification-menu .notification-component .body .content .ui-view-comments-button .text {
    text-decoration: none;
}

.ui-notification-menu .notification-component .body .content .ui-view-comments-button .text .fa {
    margin-left: 5px;
}

.ui-notification-menu .notification-component .body .content .ui-comment-more-button {
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 12px;
    font-size: 13px;
}

.ui-notification-menu .notification-component .body .content .ui-comment-more-button .fa {
    margin-left: 3px;
}

.ui-notification-menu .notification-component .body .content .ui-comment-less-button {
    width: 100%;
    margin-top: 10px;
    padding: 5px 12px;
    font-size: 13px;
}

.ui-notification-menu .notification-component .body .content .ui-comment-less-button .fa {
    margin-left: 3px;
}

.ui-notification-menu .notification-component .body .content .quotation {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 18px;
}

.ui-notification-menu .notification-component .body .content .comments .comment {
    padding-left: 10px;
    border-left: 1px solid #ccc;
}

.ui-notification-menu .notification-component .body .content .comments .comment:not(:last-child) {
    padding-bottom: 15px;
}

.ui-notification-menu .notification-component .body .content .comments .comment .name {
    font-size: 12px;
    line-height: 12px;
    color: #a3a3a3;
    word-break: break-all;
    white-space: normal;
}

.ui-notification-menu .notification-component .body .content .comments .comment .text {
    font-size: 13px;
    line-height: 18px;
    color: #333;
    margin-bottom: 3px;
    word-break: break-all;
    white-space: normal;
}

.ui-notification-menu .notification-component .body .content .comments .comment .time {
    font-size: 12px;
    line-height: 12px;
    color: #a3a3a3;
    word-break: break-all;
    white-space: normal;
}

.ui-notification-menu .notification-component .body .time {
    color: #a3a3a3;
    font-size: 12px;
    line-height: 12px;
}

.ui-notification-menu .notification-component .footer .menu-component .base-menu .menu-item {
    color: #333;
}

.ui-notification-menu .notification-component .footer .menu-component .base-menu .menu-item:hover,
.ui-notification-menu .notification-component .footer .menu-component .base-menu .menu-item:focus {
    color: #333;
    background: #e6e6e6;
}

.ui-notification-menu .notification-component .footer .menu-component .ui-ellipsis {
    cursor: pointer;
    border-radius: 50%;
    font-size: 20px;
    color: #979797;
}

.ui-notification-menu .notification-component .footer .menu-component .ui-ellipsis:hover,
.ui-notification-menu .notification-component .footer .menu-component .ui-ellipsis:focus {
    background: #e6e6e6;
}

.ui-notification-menu .notification-component .footer .menu-component.open .ui-ellipsis {
    background: #e6e6e6;
}

.ui-notification-menu .notification-component.unread {
    background-color: #f2f2f2;
}

.ui-notification-menu .notification-empty-container {
    position: absolute;
    top: calc(50% - 40px);
    left: 50%;
}

.ui-notification-menu .notification-empty-container .notification-empty {
    position: relative;
    left: -50%;
    text-align: center;
    color: #999;
}

.ui-notification-menu .loading {
    background: #337ab7;
    text-align: center;
    color: #fff;
    padding: 8px 25px;
    margin-top: -15px;
}

.show-unread {
    height: 20px;
}

.switch-container {
    vertical-align: middle;
    margin-right: 5px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 14px;
    margin-top: 2px;
    margin-bottom: 0;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    transition: .4s;
}

input:checked+.slider {
    background-color: #777;
}

input:focus+.slider {
    box-shadow: 0 0 1px #777;
}

input:checked+.slider:before {
    transform: translateX(10px);
}

.slider.round {
    border-radius: 14px;
}

.slider.round:before {
    border-radius: 50%;
}

@media (max-width: 767px) {
    .ui-notification-menu>.base-menu {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        max-height: 100vh !important;
        margin: 0 !important;
        max-width: 100vw !important;
        width: 100% !important;
        border-radius: 0;
    }

    .ui-notification-menu>.base-menu .arrow {
        display: none !important;
    }
}

.feedback-modal .ui-feedback-submit.disabled {
    pointer-events: none;
}

.rating-group .btn {
    color: #8f8f8f;
    background-color: #fff;
    border-color: #8f8f8f;
}

.rating-group .btn:not(:first-child) {
    margin-left: 5px;
}

.rating-group .btn:hover {
    border-color: #8f8f8f;
    background-color: #8f8f8f;
    color: #fff;
}

.rating-group .btn.active {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
}

.site-ui-font {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

.template-empty {
    width: 100%;
    margin-top: 24px;
    text-align: center;
    color: #999;
    font-size: 14px;
}

.template-empty i {
    font-size: 34px;
}

.template-empty>*:not(:last-child) {
    margin-bottom: 6px;
}

.ui-templates-container {
    overflow: auto;
    flex-direction: column;
    display: flex;
    height: 100%;
    min-height: 300px;
}

.ui-templates-container .ui-use-template-btn {
    width: 100%;
    border-radius: 0;
    border-bottom-right-radius: 4px;
    height: 53px;
    font-size: 18px;
}

.ui-templates-container .ui-create-template-btn {
    border-color: #337ab7;
    color: #337ab7;
    height: 40px;
    font-size: 16px;
    padding: 6px 20px;
    text-align: left;
    border-radius: 6px;
}

.ui-templates-container .ui-create-template-btn:hover,
.ui-templates-container .ui-create-template-btn:focus {
    background-color: #337ab7;
    color: #fff;
}

.ui-use-template-btn-mobile {
    width: 100%;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    height: 53px;
    font-size: 18px;
}

.template-content .modal-header {
    padding: 8px 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #f8f8f8;
    text-align: left;
}

.template-content .modal-title {
    line-height: normal;
    height: 20px;
    color: #686868;
}

.template-content .close {
    color: #686868;
    font-size: 18px !important;
    opacity: 1 !important;
    margin-top: 0 !important;
}

.template-content .template-preview-container {
    height: calc(100vh - 215px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.template-content .template-preview-container>div {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.template-content .template-list-container {
    height: calc(100vh - 215px);
    overflow: auto;
}

.template-content input[type=radio][disabled]+span {
    color: #7a7a7a;
}

.template-menu {
    padding: 0 15px 0 57.5px;
    margin-bottom: 26px;
    width: 100%;
    position: absolute;
    bottom: 0;
    max-height: calc(100% - 270px);
    overflow: auto;
}

.template-menu .menu-tip {
    font-size: 18px;
    color: #868686;
    margin-left: 15px;
    font-family: "Source Code Pro", Consolas, monaco, monospace;
}

html[lang^=ja] .template-menu .menu-tip {
    font-family: "Source Code Pro", Consolas, monaco, Meiryo, "ＭＳ ゴシック", "MS Gothic", monospace;
}

html[lang=zh-tw] .template-menu .menu-tip {
    font-family: "Source Code Pro", Consolas, monaco, "Microsoft JhengHei", "微軟正黑", monospace;
}

html[lang=zh-cn] .template-menu .menu-tip {
    font-family: "Source Code Pro", Consolas, monaco, "Microsoft YaHei", "微软雅黑", monospace;
}

.template-menu .menu-item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 250px;
    height: 55px;
    background-color: #3a3e48;
    margin-left: 15px;
    margin-bottom: 15px;
    color: #abb2bf;
    border: none;
    font-size: 16px;
    text-align: left;
    padding: 0 25px;
    border-radius: 6px;
    float: left;
    font-family: "Source Code Pro", Consolas, monaco, monospace;
}

html[lang^=ja] .template-menu .menu-item {
    font-family: "Source Code Pro", Consolas, monaco, Meiryo, "ＭＳ ゴシック", "MS Gothic", monospace;
}

html[lang=zh-tw] .template-menu .menu-item {
    font-family: "Source Code Pro", Consolas, monaco, "Microsoft JhengHei", "微軟正黑", monospace;
}

html[lang=zh-cn] .template-menu .menu-item {
    font-family: "Source Code Pro", Consolas, monaco, "Microsoft YaHei", "微软雅黑", monospace;
}

.template-menu .menu-item:hover {
    color: #abb2bf;
    background-color: #565b67;
}

.template-menu .more-template {
    border: #abb2bf 1px solid;
    background-color: #1e2126;
}

.template-menu .more-template:hover {
    color: #fff;
    border: #fff 1px solid;
    background-color: #1e2126;
}

.template-banner {
    text-align: center;
    -webkit-user-select: none;
            user-select: none;
    padding: 8px 15px;
    background-color: #f8d7da;
    color: #721c24;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.template-banner.online {
    background-color: #c8e9c8;
    color: #007d00;
}

.ui-template-list-filter .ui-template-list-filter-label,
.ui-template-list-filter .ui-template-list-filter-label:hover {
    float: right;
    font-size: 16px;
    color: #777;
    cursor: pointer;
    -webkit-user-select: none;
            user-select: none;
    text-decoration: none;
}

.ui-template-list {
    overflow: auto;
    margin-bottom: 0;
}

.ui-template-list .list-group-item {
    border: none;
    padding: 8px 20px;
    border-radius: 0;
    display: flex;
}

.ui-template-list .list-group-item .list-group-item-heading {
    color: #777;
    flex: 1;
    margin: 0;
    padding: 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.ui-template-list .list-group-item .dropdown-container>.dropdown-menu {
    right: 20px;
    left: auto;
}

.ui-template-list .list-group-item .dropdown-container {
    width: 24px;
    height: 24px;
    margin-left: 2px;
    padding-top: 1px;
}

.ui-template-list .list-group-item .dropdown-container.open {
    background-color: #e7e7e7;
}

.ui-template-list .list-group-item .dropdown-container:hover {
    background-color: #e7e7e7 !important;
}

.ui-template-list .list-group-item.active {
    background: #f5f5f5;
}

.ui-template-list .list-group-item.active .list-group-item-heading {
    color: #777;
}

.ui-template-list .list-group-item.active:focus {
    background: #f5f5f5;
}

.ui-template-list .list-group-item:focus {
    background: transparent;
}

.ui-template-list .list-group-item:hover {
    background: #f5f5f5 !important;
}

.ui-template-list .ui-profile-label {
    margin-left: 5px;
    margin-right: 3px;
}

.ui-template-list .ui-profile-label .ui-avatar {
    width: 18px;
    height: 18px;
    margin-top: 3px;
    border-radius: 100%;
}

.ui-template-spinner {
    position: unset;
    display: unset;
}

@media (max-width: 350px) {
    .template-menu {
        max-height: calc(100% - 300px);
    }
}

@media (max-width: 767px) {
    .template-menu .menu-tip {
        margin-left: 7.5px;
    }

    .template-menu .menu-item {
        margin-left: 7.5px;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .template-content .template-preview-container {
        padding-right: 0;
    }

    .template-content .template-preview-container>div {
        flex: 1;
        display: flex;
        align-items: center;
    }

    .template-content .template-list-container {
        padding-left: 0;
    }

    .template-content .ui-templates-container {
        border-left: 1px solid #d8d8d8;
    }
}

.sidenav-menu .tag-tree:hover {
    background: none;
}

.sidenav-menu .tag-tree .sidenav-menu-link {
    top: 2px;
    display: block;
}

.sidenav-menu .tag-tree .sidenav-menu-link .fa {
    right: 21px;
}

.sidenav-menu .tag-tree .search-wrapper {
    top: 42px;
    transition: padding .1s ease-in-out;
}

.sidenav-menu .tag-tree .search-wrapper .tag-tree-search {
    width: 212px;
    margin: 10px 20px 10px -31px;
    padding-left: 34px;
}

.sidenav-menu .tag-tree .search-wrapper .tag-tree-search::placeholder {
    color: #a1a1a1;
}

.sidenav-menu .tag-tree .search-wrapper .search-clear-btn {
    right: 55px;
    padding-top: 10px;
    padding-left: 12px;
}

.sidenav-menu .tag-tree .tag-tree-search-icon {
    margin-top: 20px;
}

.sidenav-menu .tag-tree .tag-tree-list .tag-tree-item.highlight {
    background-color: #444;
}

.sidenav-menu .tag-tree .tag-tree-list .tag-tree-item .tag-link {
    padding-left: 38px;
    transition: padding .1s ease-in-out;
}

.sidenav-menu .tag-tree .tag-tree-list .tag-tree-item .tag-link:focus,
.sidenav-menu .tag-tree .tag-tree-list .tag-tree-item .tag-link:hover {
    color: #cdcdcd;
    text-decoration: none;
}

.sidenav-menu .tag-tree .tag-tree-list .tag-tree-item .tag-name {
    max-width: 178px;
}

.sidenav-menu .tag-tree .tag-tree-list .tag-tree-item .tag-count {
    height: 18px;
    line-height: 18px;
    border-radius: 15px;
}

.sidenav-menu .tag-tree .tag-tree-list .tag-tree-item.no-result:hover {
    background: none;
}

.modal-header {
    background-color: #f8f8f8;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 8px 15px;
}

.modal-header .close {
    margin-top: -1px;
    font-size: 26px;
    color: #686868;
}

.modal-footer {
    border-top: none;
}

.modal-body {
    overflow: auto;
    word-break: break-word;
    max-height: calc(100vh - 70px);
}

.modal-lang-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-side-menu-block {
    margin-bottom: 30px;
    font-size: 16px;
}

.modal-side-menu-block h4 {
    color: #686868;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.modal-side-menu-block p {
    margin-bottom: 10px;
}

.modal-side-menu-block p:last-child {
    margin-bottom: 0;
}

.modal-lang-menu-item i {
    display: none;
}

.modal-lang-menu-item.active i {
    display: inline-block;
}

.modal-vertical-divider {
    position: absolute;
    left: 0;
    top: -15px;
    height: calc(100% + 30px);
    width: 1px;
    background-color: #e7e7e7;
}

.markdown-example-table-head th {
    color: #686868;
    font-size: 16px;
    border-bottom: 0 !important;
}

.markdown-example-table-body td {
    vertical-align: middle !important;
}

.markdown-example-table-body td a {
    text-decoration: underline;
}

.markdown-example-table-body .example-syntax {
    font-family: "Source Code Pro", Consolas, monaco, monospace;
    letter-spacing: .025em;
    line-height: 1.25;
    font-size: 12px;
    color: #868686;
    padding: 12px 5px;
}

.markdown-example-table-body .example-present {
    font-style: 14px;
    padding: 8px 5px;
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.tabs .tab-item {
    margin-right: 30px;
    margin-bottom: 14px;
    color: #686868;
    transition: .3s;
    font-size: 16px;
}

.tabs .tab-item.active {
    color: #333;
}

.tabs .tab-slider-rail {
    position: relative;
    width: 100%;
    height: 2px;
    background-color: #ccc;
}

.tabs .tab-slider {
    position: absolute;
    left: 0;
    height: 2px;
    background-color: #686868;
    transition: .3s;
}

@media (min-width: 768px) {
    .modal-body {
        max-height: calc(100vh - 90px);
    }
}

.ReactModal__Overlay {
    transition: opacity 200ms ease-in-out;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.ReactModal__Overlay--after-open {
    opacity: 1;
}

.ReactModal__Overlay--before-close {
    opacity: 0;
}

.ReactModal__Content {
    transition: all 200ms ease-in-out;
    transform: translateY(-200px);
    opacity: 0;
    display: inline-block !important;
}

.ReactModal__Content--after-open {
    opacity: 1;
    transform: translateY(0);
}

.ReactModal__Content--before-close {
    opacity: 0;
    transform: translateY(-200px);
}

.btn.disabled {
    pointer-events: none;
}

select.default {
    color: #a9a9a9;
}

.payment-modal a i.fa.fa-angle-right {
    margin-left: 3px;
}

.payment-modal .modal-body {
    padding: 20px;
}

.payment-modal .payment-modal-body {
    display: flex;
    text-align: left;
}

.payment-modal .payment-modal-body a {
    color: #337ab7;
    cursor: pointer;
}

.payment-modal .payment-modal-body .payment-modal-content {
    flex: 1;
    max-width: 280px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container {
    border-radius: 4px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container .plan-details {
    padding: 20px;
    font-size: 12px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container .plan-details .plan-title {
    font-size: 20px;
    margin-bottom: 20px;
    word-break: break-word;
    font-weight: 600;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.update-payment {
    background-color: #f8f8f8;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.update-payment .plan-details {
    color: #686868;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment {
    background-color: #dff0d8;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-details {
    color: #3c763d;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-details .plan-title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-details .plan-title .fa {
    font-size: 24px;
    margin-right: 10px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-details .plan-content {
    font-size: 14px;
    margin-bottom: 20px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-calculator {
    padding: 20px;
    border-top: solid 1px #a9d298;
    font-size: 12px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-calculator .plan-calculator-content {
    color: #3c763d;
    word-break: break-word;
    font-size: 16px;
    font-weight: 500;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-calculator .plan-calculator-content .plan-calculator-input {
    margin-bottom: 5px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-calculator .plan-calculator-content .plan-calculator-input input {
    width: 60px;
    display: inline-block;
    color: #3c763d;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-calculator .plan-calculator-content small {
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.25;
    color: #888;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-price {
    font-size: 28px;
    line-height: 26px;
    font-weight: bold;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-price small {
    font-size: 16px;
    font-weight: 500;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-tip {
    color: #888;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code-reminder {
    background-color: #dff0d8;
    border-radius: 4px;
    margin-top: 15px;
    padding: 20px;
    float: right;
    width: 100%;
    color: #3c763d;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code-reminder .promote-code-reminder-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #3c763d;
    margin-bottom: 5px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code-reminder small {
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #3c763d;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code {
    background-color: #f8f8f8;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 20px;
    float: right;
    width: 100%;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code .form-group {
    margin-bottom: 10px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code .form-group .ui-remove-promote-code {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    color: #337ab7;
    float: right;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code .form-group label {
    color: #686868;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code .form-group input.form-control {
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: rgba(51, 51, 51, .65);
    background-color: #f8f8f8;
    padding: 8px 12px;
    height: 36px;
    box-shadow: none;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code button.ui-validate-promote-code {
    border: 1px solid #337ab7;
    box-sizing: border-box;
    background-color: transparent;
    border-radius: 4px;
    font-weight: normal;
    font-size: 15px;
    line-height: 16px;
    color: #337ab7;
    width: 100%;
    padding: 9px 18px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code button.ui-validate-promote-code:hover,
.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code button.ui-validate-promote-code:focus {
    background-color: #337ab7;
    color: #fff;
}

.payment-modal .payment-modal-body .payment-modal-details {
    flex: 2;
    margin-left: 20px;
}

.payment-modal .payment-modal-body .payment-modal-details .section {
    margin-bottom: 30px;
}

.payment-modal .payment-modal-body .payment-modal-details .section .section-title {
    border-bottom: solid 2px #ccc;
    padding-bottom: 12px;
    font-size: 22px;
    margin: 0 0 20px 0;
    color: #686868;
}

.payment-modal .payment-modal-body .payment-modal-details .section .form-group {
    width: 100%;
}

.payment-modal .payment-modal-body .payment-modal-details .section .team-path-field {
    display: flex;
    align-items: center;
}

.payment-modal .payment-modal-body .payment-modal-details .section .team-path-field input {
    flex: 1;
    margin-left: 5px;
}

.payment-modal .payment-modal-body .payment-modal-details .section .field-group-2 {
    display: flex;
}

.payment-modal .payment-modal-body .payment-modal-details .section .field-group-2 .form-group:first-child {
    margin-left: 0;
}

.payment-modal .payment-modal-body .payment-modal-details .section .field-group-2 .form-group {
    width: calc((100% - 16px) / 2);
    display: inline-block;
    margin-left: 16px;
}

.payment-modal .payment-modal-body .payment-modal-details .section .field-group-3 {
    display: flex;
}

.payment-modal .payment-modal-body .payment-modal-details .section .field-group-3 .form-group:first-child {
    margin-left: 0;
}

.payment-modal .payment-modal-body .payment-modal-details .section .field-group-3 .form-group {
    width: calc((100% - 30px) / 3);
    display: inline-block;
    margin-left: 15px;
}

.payment-modal .payment-modal-body .payment-modal-details .modal-footer {
    padding: 0;
    padding-top: 10px;
}

.payment-modal .payment-modal-body .payment-modal-details .modal-footer.unupgraded {
    display: flex;
    align-items: center;
    text-align: left;
}

.payment-modal .payment-modal-body .payment-modal-details .modal-footer.unupgraded .checkbox {
    font-size: 16px;
    color: #888;
    margin-right: 5px;
    flex: 1;
}

.change-payment-modal {
    width: auto;
    max-width: 600px;
}

.change-payment-modal .modal-title {
    text-align: left;
}

.change-payment-modal .modal-body {
    padding: 20px;
}

.change-payment-modal .btn.bg-green-default:hover {
    color: #fff;
    background-color: #449d44;
}

.cancel-payment-confirm-modal {
    min-width: 400px;
}

.cancel-payment-confirm-modal .modal-body {
    padding: 20px;
    text-align: left;
}

.cancel-payment-confirm-modal .modal-body .important {
    font-size: 16px;
    margin-bottom: 15px;
}

.cancel-payment-confirm-modal .modal-body .danger {
    color: #c9302c;
}

.cancel-payment-confirm-modal .modal-body small {
    color: #818181;
    font-size: 13px;
}

.cancel-payment-confirm-modal .modal-footer {
    padding: 0 20px 20px 20px;
}

.cancel-payment-confirm-modal .modal-footer .btn-default {
    color: #8f8f8f;
    border-color: #8f8f8f;
}

.cancel-payment-confirm-modal .modal-footer .btn-default:hover,
.cancel-payment-confirm-modal .modal-footer .btn-default:focus {
    background-color: #8f8f8f;
    color: #fff;
}

.loading-modal .loading {
    height: 139px;
    width: 139px;
    position: relative;
    margin: 0 auto;
    top: 10px;
}

.loading-modal p {
    text-align: center;
    margin-bottom: 35px;
    position: relative;
    top: 15px;
}

.member-modal .user-section {
    padding: 8px 15px 7px 15px;
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    align-items: center;
}

.member-modal .user-section:hover {
    background: #f8f8f8;
    cursor: pointer;
    text-decoration: none;
}

.member-modal .user-section .user-info {
    display: inline-block;
    width: 50%;
    overflow: hidden;
}

.member-modal .user-section .user-info .flex {
    align-items: center;
}

.member-modal .user-section .user-info .flex .name-info {
    overflow: hidden;
}

.member-modal .user-section .user-info .flex .name-info .name {
    font-size: 16px;
    line-height: 18px;
    color: #333;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.member-modal .user-section .user-info .flex .name-info .userpath {
    font-size: 12px;
    line-height: 15px;
    color: #888;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.member-modal .user-section .user-bio {
    display: inline-block;
    width: 50%;
}

.member-modal .user-section .user-bio .bio {
    color: #888;
    font-size: 12px;
    line-height: 15px;
    max-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2; /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    word-break: break-all;
}

.feedback-modal .modal-body {
    padding: 20px;
}

.feedback-modal .modal-footer {
    padding: 0;
    padding-top: 15px;
}

.team-visibility-change-modal .modal-body b.text-danger {
    color: #ea4335;
}

@media (max-width: 767px) {
    .payment-modal .payment-modal-body {
        display: block;
    }

    .payment-modal .payment-modal-body .payment-modal-content {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .payment-modal .payment-modal-body .payment-modal-details {
        margin-left: 0;
    }

    .payment-modal .payment-modal-body .payment-modal-details .section .team-path-field {
        display: block;
    }

    .payment-modal .payment-modal-body .payment-modal-details .section .team-path-field div {
        margin-bottom: 5px;
    }

    .payment-modal .payment-modal-body .payment-modal-details .section .team-path-field input {
        margin-left: 0;
    }

    .payment-modal .payment-modal-body .payment-modal-details .section .field-group-2 {
        display: block;
    }

    .payment-modal .payment-modal-body .payment-modal-details .section .field-group-2 .form-group {
        width: 100%;
        display: block;
        margin-left: 0;
    }

    .payment-modal .payment-modal-body .payment-modal-details .section .field-group-3 {
        display: block;
    }

    .payment-modal .payment-modal-body .payment-modal-details .section .field-group-3 .form-group {
        width: 100%;
        display: block;
        margin-left: 0;
    }

    .payment-modal .payment-modal-body .payment-modal-details .modal-footer {
        padding-top: 0;
    }

    .payment-modal .payment-modal-body .payment-modal-details .modal-footer.unupgraded {
        display: block;
    }

    .payment-modal .payment-modal-body .payment-modal-details .modal-footer.unupgraded .checkbox {
        margin-right: 0;
    }

    .payment-modal .payment-modal-body .payment-modal-details .modal-footer.unupgraded .btn {
        margin-top: 10px;
        width: 100%;
    }

    .cancel-payment-confirm-modal {
        min-width: auto;
    }

    .cancel-payment-confirm-modal .modal-body {
        padding-bottom: 0;
    }

    .cancel-payment-confirm-modal .modal-footer .btn {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .cancel-payment-confirm-modal .modal-footer .btn+.btn {
        margin-left: 0;
    }

    .loading-modal {
        width: calc(100vw - 20px);
        max-width: 320px;
    }
}

@media (min-width: 768px) {
    .modal-sm {
        width: 400px;
    }
}

.StripeElement {
    box-sizing: border-box;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.StripeElement--empty {
    color: #868686;
}

.StripeElement--focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.StripeElement--invalid {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.StripeElement--invalid.StripeElement--focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.plans-comparison-table .fa-check[data-v-399a8b62] {
    color: #5cb85c;
}
.plans-comparison-table .fa-times[data-v-399a8b62] {
    color: #ff6363;
}
.plans-comparison-table .fa-question-circle[data-v-399a8b62] {
    color: #cdcdcd;
    cursor: pointer;
}
.plans-comparison-table .fa-question-circle[data-v-399a8b62]:hover {
    color: #333;
}
.plans-comparison-table.desktop[data-v-399a8b62] {
    max-width: 1100px;
    width: 100%;
    padding: 0 20px 20px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 0;
    grid-template-areas: ". . .";
}
.plans-comparison-table.desktop [role=mainheader][data-v-399a8b62] {
    top: 0;
    height: 140px;
}
.plans-comparison-table.desktop [role=mainheader] h4[data-v-399a8b62] {
    margin: 0;
    font-size: 15px;
}
.plans-comparison-table.desktop [role=mainheader] .price[data-v-399a8b62] {
    font-size: 20px;
    font-weight: 700;
    color: #337ab7;
    height: 30px;
}
.plans-comparison-table.desktop [role=mainheader] .btn-lg[data-v-399a8b62] {
    font-size: 15px;
}
.plans-comparison-table.desktop [role=mainheader] small[data-v-399a8b62] {
    font-size: 12px;
    font-weight: 500;
    color: #888;
}
.plans-comparison-table.desktop [role=mainheader] .read-more[data-v-399a8b62] {
    color: #337ab7;
}
.plans-comparison-table.desktop>div[data-v-399a8b62] {
    transition: top .2s linear;
}
.plans-comparison-table.desktop>div[data-v-399a8b62]:nth-child(4n+1) {
    text-align: left;
}
.plans-comparison-table.desktop>div[data-v-399a8b62]:nth-child(4n+1),
.plans-comparison-table.desktop>div[data-v-399a8b62]:nth-child(4n+2),
.plans-comparison-table.desktop>div[data-v-399a8b62]:nth-child(4n+3) {
    background-color: #fff;
    padding: 16px 0;
}
.plans-comparison-table.desktop>div:nth-child(4n+1)[role=columnheader][data-v-399a8b62] {
    font-weight: 600;
    padding-top: 37px;
    padding-bottom: 7px;
}
.plans-comparison-table.desktop>div[data-v-399a8b62]:nth-child(4n+2),
.plans-comparison-table.desktop>div[data-v-399a8b62]:nth-child(4n+3) {
    padding: 0 8px;
    background-color: #fff;
    text-align: center;
}
.plans-comparison-table.desktop>div:nth-child(4n+2) .column-inner[data-v-399a8b62],
.plans-comparison-table.desktop>div:nth-child(4n+3) .column-inner[data-v-399a8b62] {
    height: 100%;
    padding: 16px 20px;
    background-color: #f8f8f8;
}
.plans-comparison-table.desktop>div:nth-child(4n+2) .column-inner.no-padding[data-v-399a8b62],
.plans-comparison-table.desktop>div:nth-child(4n+3) .column-inner.no-padding[data-v-399a8b62] {
    padding: 0;
}
.plans-comparison-table.desktop>div:nth-child(4n+2) .column-inner.coming-soon[data-v-399a8b62],
.plans-comparison-table.desktop>div:nth-child(4n+3) .column-inner.coming-soon[data-v-399a8b62] {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #888;
}
.plans-comparison-table.desktop .separator[data-v-399a8b62] {
    grid-column: 1/-1;
    height: 1px;
    width: calc(100% - 8px);
    background: #e7e7e7;
}
.plans-comparison-table.desktop .separator[role=columnheader][data-v-399a8b62] {
    top: calc(140px + 65px);
}
.plans-comparison-table.desktop .separator.transparent[data-v-399a8b62] {
    height: 0;
}
.plans-comparison-table.desktop .separator.bold[data-v-399a8b62] {
    height: 2px;
    background-color: #ccc;
}
.plans-comparison-table.desktop.is-navbar-show [role=mainheader][data-v-399a8b62] {
    top: 50px;
}
.plans-comparison-table.desktop.is-navbar-show [role=columnheader][data-v-399a8b62] {
    top: calc(50px + 140px);
}
.plans-comparison-table.desktop.is-navbar-show .separator[role=columnheader][data-v-399a8b62] {
    top: calc(50px + 140px + 65px);
}
.plans-comparison-table.mobile[data-v-399a8b62] {
    max-width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #f8f8f8;
    border-radius: 6px;
    overflow: hidden;
}
.plans-comparison-table.mobile>thead>tr>th[data-v-399a8b62] {
    border-bottom: 1px solid #e7e7e7;
}
.plans-comparison-table.mobile>tbody>tr>t3[data-v-399a8b62],
.plans-comparison-table.mobile>tbody>tr>th[data-v-399a8b62],
.plans-comparison-table.mobile>tbody>tr>td[data-v-399a8b62],
.plans-comparison-table.mobile>tfoot>tr>td[data-v-399a8b62],
.plans-comparison-table.mobile>tfoot>tr>th[data-v-399a8b62],
.plans-comparison-table.mobile>thead>tr>td[data-v-399a8b62],
.plans-comparison-table.mobile>thead>tr>th[data-v-399a8b62] {
    padding: 15px;
    border-top: 1px solid #e7e7e7;
}
.plans-comparison-table.mobile>thead>tr:first-child>td[data-v-399a8b62],
.plans-comparison-table.mobile>thead>tr:first-child>th[data-v-399a8b62],
.plans-comparison-table.mobile>thead>tr:first-child>td[data-v-399a8b62],
.plans-comparison-table.mobile>thead>tr:first-child>th[data-v-399a8b62],
.plans-comparison-table.mobile>thead:first-child>tr:first-child>td[data-v-399a8b62],
.plans-comparison-table.mobile>thead:first-child>tr:first-child>th[data-v-399a8b62] {
    border-top: 0;
}
.plans-comparison-table.mobile tr>td[data-v-399a8b62] {
    width: 50%;
}
.plans-comparison-table.mobile tr>td[data-v-399a8b62]:nth-child(2n) {
    font-weight: 600;
}
.plans-comparison-table.mobile tr>td:nth-child(2n).coming-soon[data-v-399a8b62] {
    color: #888;
}
@media (max-width: 767px) {
.plans-comparison-table.desktop[data-v-399a8b62] {
        display: none;
}
}
@media (min-width: 768px) {
.plans-comparison-table.mobile[data-v-399a8b62] {
        display: none;
}
}

.profile-card {
    width: 100%;
    padding: 10px 5px;
}

.profile-card .profile-card-body {
    display: flex;
    margin-bottom: 20px;
}

.profile-card .profile-card-body .profile-card-name {
    color: #333;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    vertical-align: sub;
}

.profile-card .profile-card-body .profile-card-info {
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-card .profile-card-body .profile-card-name:hover {
    color: #337ab7;
}

.profile-card .profile-card-body .profile-card-photo {
    height: fit-content;
    padding-top: 3px;
    text-decoration: none;
}

.profile-card .profile-card-body .profile-card-photo img {
    width: 30px;
    height: 30px;
}

.profile-card .profile-card-body .profile-card-photo img[upgraded=true] {
    width: 36px;
    height: 36px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(235 176 71 / var(--tw-border-opacity));
    padding: 2px;
}

.profile-card .profile-card-body .profile-card-username {
    font-size: 12px;
    line-height: 15px;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-card .profile-card-body .profile-card-description {
    font-size: 14px;
    line-height: 20px;
    word-break: break-word;
    color: #888;
    margin-top: 10px;
    white-space: normal;
}

.profile-card .profile-card-body .ui-avatar {
    display: inline-block;
    overflow: hidden;
    line-height: 1;
    vertical-align: middle;
    border-radius: 3px;
    object-fit: cover;
}

.profile-card .profile-card-body .ui-avatar.circle {
    border-radius: 50%;
}

.profile-card .profile-card-body .profile-card-prime-logo svg {
    width: 1em;
    height: 1em;
}

.profile-card .profile-settings {
    display: block;
    text-align: center;
    margin: 0 -21px -21px -21px;
    padding-top: 10px;
    font-size: 15px;
    padding-bottom: 10px;
    border-top: #d9d9d9 1px solid;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #337ab7;
    text-decoration: none;
}

.profile-card .profile-settings:hover {
    background-color: #337ab7;
    color: #fff;
}

.react-popover .profile-popover {
    max-width: 260px;
    width: 260px;
}

.react-popover .profile-popover .profile-card .profile-card-body {
    padding: 10px 15px 0 15px;
}

.react-popover .profile-popover .profile-card .profile-settings {
    margin: 0 -6px -11px -6px;
}

.react-popover .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 Roboto,
                 "Helvetica Neue",
                 Arial,
                 "Noto Sans",
                 sans-serif,
                 "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Segoe UI Symbol",
                 "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
}

.react-popover .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem;
    border-width: unset;
    border-style: unset;
}

.react-popover .popover .arrow::before, .react-popover .popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.react-popover .bs-popover-top,
.react-popover .bs-popover-auto[x-placement^=top] {
    margin-bottom: .5rem;
}

.react-popover .bs-popover-top>.arrow,
.react-popover .bs-popover-auto[x-placement^=top]>.arrow {
    bottom: calc(-0.5rem - 1px);
}

.react-popover .bs-popover-top>.arrow::before,
.react-popover .bs-popover-auto[x-placement^=top]>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25);
}

.react-popover .bs-popover-top>.arrow::after,
.react-popover .bs-popover-auto[x-placement^=top]>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff;
}

.react-popover .bs-popover-right,
.react-popover .bs-popover-auto[x-placement^=right] {
    margin-left: .5rem;
}

.react-popover .bs-popover-right>.arrow,
.react-popover .bs-popover-auto[x-placement^=right]>.arrow {
    left: calc(-0.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0;
}

.react-popover .bs-popover-right>.arrow::before,
.react-popover .bs-popover-auto[x-placement^=right]>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25);
}

.react-popover .bs-popover-right>.arrow::after,
.react-popover .bs-popover-auto[x-placement^=right]>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff;
}

.react-popover .bs-popover-bottom,
.react-popover .bs-popover-auto[x-placement^=bottom] {
    margin-top: .5rem;
}

.react-popover .bs-popover-bottom>.arrow,
.react-popover .bs-popover-auto[x-placement^=bottom]>.arrow {
    top: calc(-0.5rem - 1px);
}

.react-popover .bs-popover-bottom>.arrow::before,
.react-popover .bs-popover-auto[x-placement^=bottom]>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25);
}

.react-popover .bs-popover-bottom>.arrow::after,
.react-popover .bs-popover-auto[x-placement^=bottom]>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff;
}

.react-popover .bs-popover-bottom .popover-header::before,
.react-popover .bs-popover-auto[x-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}

.react-popover .bs-popover-left,
.react-popover .bs-popover-auto[x-placement^=left] {
    margin-right: .5rem;
}

.react-popover .bs-popover-left>.arrow,
.react-popover .bs-popover-auto[x-placement^=left]>.arrow {
    right: calc(-0.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0;
}

.react-popover .bs-popover-left>.arrow::before,
.react-popover .bs-popover-auto[x-placement^=left]>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25);
}

.react-popover .bs-popover-left>.arrow::after,
.react-popover .bs-popover-auto[x-placement^=left]>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff;
}

.payment-card {
    display: flex;
    background-color: #262626;
    padding: 20px;
    margin-bottom: 2px;
    word-break: break-all;
}

.payment-card a {
    cursor: pointer;
}

.payment-card:not(.paymented) {
    align-items: center;
}

.payment-card:not(.paymented) .payment-body {
    align-items: center;
    display: flex;
}

.payment-card:not(.paymented) .payment-body .member-info {
    flex: 1;
    margin-right: 20px;
}

.payment-card:not(.paymented) .payment-body .payment-col {
    margin-top: 0;
    align-items: center;
}

.payment-card:not(.paymented) .payment-body .payment-col .card-details {
    margin-right: 20px;
}

.payment-card .payment-title {
    flex: 1;
    line-height: 20px;
    font-size: 18px;
}

.payment-card .payment-title .item-icon {
    margin-right: 5px;
    font-size: 18px;
}

.payment-card .payment-title a {
    color: #fff;
    text-decoration: underline;
}

.payment-card .payment-body {
    flex: 3;
    font-size: 14px;
}

.payment-card .payment-body .payment-col {
    display: flex;
    margin-top: 25px;
    font-size: 14px;
}

.payment-card .payment-body .payment-col .card-details {
    flex: 1;
    padding-right: 10px;
    color: #cdcdcd;
}

.payment-card .payment-body .payment-col .card-info {
    flex: 1;
}

.payment-card .payment-body .payment-col .card-info .item:first-child {
    margin-top: 0;
}

.payment-card .payment-body .payment-col .card-info .item {
    margin-top: 10px;
}

.payment-card .payment-body .payment-col .card-info .item .fa {
    margin-right: 5px;
}

.payment-card .important {
    color: #fff;
    font-weight: 600;
}

.payment-card .danger {
    color: #ff6363;
}

.payment-card .error {
    font-size: 14px;
    color: #ff6363;
}

@media (max-width: 767px) {
    .payment-card, .payment-card:not(.paymented) {
        display: block;
    }

    .payment-card .payment-title, .payment-card:not(.paymented) .payment-title {
        margin-bottom: 10px;
    }

    .payment-card .payment-body, .payment-card:not(.paymented) .payment-body {
        display: block;
    }

    .payment-card .payment-body .payment-col,
    .payment-card:not(.paymented) .payment-body .payment-col {
        margin-top: 15px;
        display: block;
    }

    .payment-card .payment-body .payment-col .card-details,
    .payment-card:not(.paymented) .payment-body .payment-col .card-details {
        margin-bottom: 20px;
        white-space: normal;
    }

    .payment-card .payment-body .payment-col .card-info .item,
    .payment-card:not(.paymented) .payment-body .payment-col .card-info .item {
        margin-left: 0;
        display: block;
        margin-bottom: 10px;
    }

    .payment-card .payment-body .payment-col .payment-feature,
    .payment-card:not(.paymented) .payment-body .payment-col .payment-feature {
        padding-top: 0;
    }

    .payment-card .payment-body .payment-col .payment-feature *:not(:first-child),
    .payment-card:not(.paymented) .payment-body .payment-col .payment-feature *:not(:first-child) {
        margin-top: 10px;
    }

    .payment-card .payment-body .payment-col .btn,
    .payment-card:not(.paymented) .payment-body .payment-col .btn {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
}

.billing {
    margin: 0 40px 60px 22px;
    font-size: 16px;
}

.billing .page-title {
    margin-top: 30px;
    margin-bottom: 30px;
}

.billing .btn-container {
    margin-top: 15px;
    margin-bottom: -15px;
    text-align: right;
}

@media (max-width: 767px) {
    .billing {
        margin: 0 20px 60px 0;
    }

    .billing .page-title .btn-container .btn {
        width: 100%;
    }
}

.collab-tabs-container {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    display: flex;
    margin-right: 40px;
    margin-left: 22px;
    padding-bottom: 7px;
}

.collab-tabs-container .ui-collab-tabs {
    border-bottom: 2px solid #4f4f4f;
    display: flex;
    flex: 1;
}

.collab-tabs-container .ui-collab-tabs .collab-tab-count {
    margin-left: 5px;
    text-align: center;
    display: inline-block;
    background-color: #888;
    border-radius: 8px;
    padding: 0 5px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
}

.collab-tabs-container .ui-collab-tabs li {
    margin-right: 30px;
    margin-bottom: -2px;
}

.collab-tabs-container .ui-collab-tabs li a {
    padding: 15px 2px 13px 2px;
    margin-right: 0;
    color: #bebebe;
    border: none;
}

.collab-tabs-container .ui-collab-tabs li a:hover,
.collab-tabs-container .ui-collab-tabs li a:focus {
    background: none;
    color: #fff;
    border: none;
}

.collab-tabs-container .ui-collab-tabs li.active {
    border-bottom: 2px solid #fff;
}

.collab-tabs-container .ui-collab-tabs li.active a,
.collab-tabs-container .ui-collab-tabs li.active a:hover,
.collab-tabs-container .ui-collab-tabs li.active a:focus {
    background: none;
    color: #fff;
    border: none;
}

.collab-tabs-container .ui-collab-tabs li.active a .collab-tab-count,
.collab-tabs-container .ui-collab-tabs li.active a:hover .collab-tab-count,
.collab-tabs-container .ui-collab-tabs li.active a:focus .collab-tab-count {
    color: #4f4f4f;
    background-color: #fff;
}

@media (max-width: 767px) {
    .collab-tabs-container {
        margin-left: 0;
        margin-right: 20px;
    }
}

.btn.btn-gray {
    border: 1px solid #fff;
    background: #333;
    color: #fff;
}

.btn.btn-gray:hover {
    background: #fff;
    color: #333;
}

.btn.btn-black {
    border: 1px solid #fff;
    background: #262626;
    color: #fff;
}

.btn.btn-black:hover {
    background: #fff;
    color: #262626;
}

#home .btn-lg {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.28;
}

.btn-primary.btn-outline {
    color: #337ab7;
    background-color: transparent;
    border-color: #337ab7;
}

.btn-primary.btn-outline:hover {
    color: #fff;
    background-color: #337ab7;
}

.btn-danger.btn-outline {
    color: #c9302c;
    background-color: transparent;
    border-color: #c9302c;
}

.btn-danger.btn-outline:hover {
    color: #fff;
    background-color: #c9302c;
}

.btn-dark-danger.btn-outline {
    color: #ff6363;
    background-color: transparent;
    border-color: #ff6363;
}

.btn-dark-danger.btn-outline:hover {
    color: #fff;
    background-color: #ff6363;
}

.btn-success.btn-outline {
    color: #4cae4c;
    background-color: transparent;
    border-color: #4cae4c;
}

.btn-success.btn-outline:hover {
    color: #fff;
    background-color: #4cae4c;
}

.btn-default.btn-outline {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}

.btn-default.btn-outline:hover {
    color: #333;
    background-color: #fff;
}

.btn-brand-dark {
    background-color: #333;
}

.site-ui-font {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

.tooltip {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] .tooltip {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] .tooltip {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] .tooltip {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

.tooltip .tooltip-inner {
    text-align: left;
    background-color: #777;
    padding: 6px 10px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #777 !important;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #777 !important;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #777 !important;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #777 !important;
}

.site-ui-font {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

.pagination>li>a, .pagination>li>span {
    text-shadow: none;
}

.pagination.dark>li>a, .pagination.dark>li>span {
    color: #fff;
    background-color: transparent;
    border-color: #cdcdcd;
}

.pagination.dark>li>a:focus, .pagination.dark>li>a:hover,
.pagination.dark>li>span:focus, .pagination.dark>li>span:hover {
    color: #333;
    background-color: #cdcdcd;
    border-color: #cdcdcd;
}

.pagination.dark>.active>a, .pagination.dark>.active>a:focus,
.pagination.dark>.active>a:hover, .pagination.dark>.active>span,
.pagination.dark>.active>span:focus, .pagination.dark>.active>span:hover {
    color: #333;
    background-color: #cdcdcd;
    border-color: #cdcdcd;
}

.pagination.dark>.disabled>a, .pagination.dark>.disabled>a:focus,
.pagination.dark>.disabled>a:hover, .pagination.dark>.disabled>span,
.pagination.dark>.disabled>span:focus, .pagination.dark>.disabled>span:hover {
    color: #777;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
.pagination>.active>span, .pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: inherit;
}

.overview-component {
    text-align: center;
    padding-right: 20px;
    padding-top: 15px;
}

.overview-component .btn-label, .overview-component .btn-label:hover,
.overview-component .btn-label:focus {
    background: #505050;
    border: 1px solid #aaa;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
    margin-left: 10px;
}

.overview-component .btn-label:hover, .overview-component .btn-label:focus {
    border: 1px solid #777;
}

.overview-component .btn-label.active, .overview-component .btn-label:active {
    background: #cbcbcb;
    color: #333;
    box-shadow: none;
}

.overview-component .btn-label.active.focus,
.overview-component .btn-label.active:focus,
.overview-component .btn-label.active:hover,
.overview-component .btn-label:active.focus,
.overview-component .btn-label:active:focus,
.overview-component .btn-label:active:hover {
    background: #aaa;
}

.overview-component .btn-label:first-child {
    margin-left: unset;
}

.overview-component .switch {
    position: relative;
    width: 33px;
    height: 15px;
    min-height: unset;
}

.overview-component .switch input {
    display: none;
}

.overview-component .switch.black .slider {
    background-color: #333;
}

.overview-component .switch.black .slider:before {
    background-color: #333;
}

.overview-component .switch.black input:checked+.slider {
    background-color: #fff;
}

.overview-component .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #686868;
    transition: .4s;
}

.overview-component .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: -2px;
    bottom: -2px;
    background-color: #686868;
    transition: .4s;
}

.overview-component input:checked+.slider {
    background-color: #fff;
}

.overview-component input:focus+.slider {
    box-shadow: 0 0 1px #fff;
}

.overview-component input:checked+.slider:before {
    transform: translateX(11px);
}

.overview-component .slider.round {
    border: solid #fff;
    border-radius: 34px;
    border-width: 2px;
    margin-right: 7px;
}

.overview-component .slider.round:before {
    border: solid #fff;
    border-radius: 50%;
    border-width: 2px;
}

.overview-component a, .overview-component a:focus, .overview-component a:hover {
    color: #fff;
}

.overview-component .overview-sections-filters {
    width: 100%;
    text-align: left;
}

.overview-component .overview-sections-filters .btn-label,
.overview-component .overview-sections-filters .btn-label:hover,
.overview-component .overview-sections-filters .btn-label:focus {
    background-color: #888;
    border-radius: 4px;
    padding: 5px 7px;
    line-height: 14px;
    font-size: 14px;
    font-weight: normal;
    margin-right: 10px;
    margin-left: 0;
    color: #fff;
}

.overview-component .overview-sections-filters .btn-clear-tag {
    color: #cbcbcb;
    background-color: #333;
    border: 1px solid #cbcbcb;
    padding: 4px 7px;
}

.overview-component .overview-sections-filters .btn-clear-tag:hover,
.overview-component .overview-sections-filters .btn-clear-tag:focus {
    background-color: #cbcbcb;
    color: #333;
    border: none;
}

.overview-component .overview-sections-filters .btn-tag .fa:hover {
    color: #333;
}

.overview-component .overview-widget-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    margin: 10px 0;
}

.overview-component .categories-toggle label {
    cursor: pointer;
}

.overview-component .categories-toggle .switch {
    margin-bottom: 3px;
    padding-left: 32px;
}

.overview-component .categories-toggle-description {
    display: inline-block;
    line-height: 16px;
    margin-top: 5px;
}

.overview-component .categories-toggle-description a {
    color: #66b5f0;
}

.overview-component .category-control-widgets {
    display: flex;
}

.overview-component .sorting-widgets {
    font-size: 16px;
    display: flex;
    align-items: center;
}

.overview-component .sorting-widgets span {
    margin-right: 10px;
}

.overview-component .search-widgets {
    font-size: 16px;
    align-items: center;
}

.overview-component .search-widgets .ui-search {
    margin: 10px 15px 0 0;
    width: 100%;
    max-width: 300px;
}

.overview-component .search-widgets .ui-search .keyword-input-icon {
    z-index: 1;
    position: absolute;
    color: #fff;
    font-size: 15px;
    width: 34px;
    height: 34px;
    padding-top: 6px;
    text-align: center;
}

.overview-component .search-widgets .ui-search .search {
    background-color: transparent;
    color: #fff;
    padding: 0;
    padding-left: 34px;
    width: inherit;
    height: 36px;
    font-size: 16px;
    border-color: #cdcdcd;
}

.overview-component .search-widgets .ui-search .search:focus {
    border-color: #fff;
    box-shadow: none;
}

.overview-component .btn {
    border-radius: 4px;
    padding: 6px 11px;
}

.overview-component .btn:not(.btn-success,.btn-primary) {
    background-color: #333;
    color: #fff;
    border-color: #cdcdcd;
    border-style: solid;
}

.overview-component .btn:not(.btn-success,.btn-primary):not(.active):hover {
    background-color: #fff;
    color: #333;
    border-color: #cdcdcd;
}

.overview-component .btn:not(.btn-success,.btn-primary):visited {
    border-color: #cdcdcd;
}

.overview-component .btn:not(.btn-success,.btn-primary).active,
.overview-component .btn:not(.btn-success,.btn-primary):active {
    background-color: #686868;
    color: #fff;
}

.overview-component .overview-filters .btn {
    font-size: 16px;
}

.overview-component .ui-category-description-icon a:hover,
.overview-component .ui-category-description-icon a:focus,
.overview-component .ui-category-description-icon a:active {
    color: #d1d1d1;
    text-decoration: none;
}

.overview-component .ui-category-description-icon .popover {
    font-weight: bolder;
    background-color: #777;
    box-shadow: none;
    border: none;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] .overview-component .ui-category-description-icon .popover {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] .overview-component .ui-category-description-icon .popover {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] .overview-component .ui-category-description-icon .popover {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

.overview-component .ui-category-description-icon .popover.bottom>.arrow {
    border-bottom-color: #777;
}

.overview-component .ui-category-description-icon .popover.bottom>.arrow:after {
    border-bottom-color: #777;
}

.overview-component .ui-category-description-icon .popover>h3,
.overview-component .ui-category-description-icon .popover>.popover-content {
    background-color: #777;
    border-radius: 50%;
}

.overview-component #overview-control-form {
    padding: 0;
}

.overview-component #overview-control-form #overview-keyword-input-container #keyword-input-icon {
    z-index: 1;
    position: absolute;
    color: #fff;
    font-size: 15px;
    width: 34px;
    height: 34px;
    padding-top: 6px;
}

.overview-component #overview-control-form #overview-keyword-input-container .select2-container {
    width: 100%;
    font-size: 16px;
    background-color: #333;
}

.overview-component #overview-control-form #overview-keyword-input-container .select2-container-multi .select2-choices .select2-search-field input {
    width: 100% !important;
    min-width: 160px;
    padding: 5px 12px 5px 7px;
    color: #fff;
}

.overview-component #overview-control-form #overview-keyword-input-container .select2-container .select2-choices {
    box-shadow: unset;
    background-color: #333;
    font-size: 14px;
    margin-left: -7px;
}

.overview-component .multi-select-dropdown-menu .dropdown-options,
.overview-component .multi-select-dropdown-menu .ui-dropdown-label {
    border-radius: 4px;
    border-color: #aaa;
    border-width: 1px;
    border-style: solid;
}

.overview-component .multi-select-dropdown-menu {
    color: #fff;
    background-color: #333;
    font-size: 16px;
    text-align: left;
    -webkit-user-select: none;
            user-select: none;
    position: relative;
}

.overview-component .multi-select-dropdown-menu .dismiss-overlay {
    z-index: 9998;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
}

.overview-component .multi-select-dropdown-menu .ui-dropdown-label {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 11px;
    cursor: pointer;
}

.overview-component .multi-select-dropdown-menu .ui-dropdown-label>div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.overview-component .multi-select-dropdown-menu .ui-dropdown-label .fa {
    margin-left: 3px;
}

.overview-component .multi-select-dropdown-menu .dropdown-options {
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    width: 100%;
    background-color: #333;
}

.overview-component .multi-select-dropdown-menu .dropdown-options .option-group:not(:last-child) {
    border: #4f4f4f solid;
    border-width: 0 0 1px 0;
}

.overview-component .multi-select-dropdown-menu .dropdown-options .option-group>div:first-child {
    font-weight: bold;
    padding: 6px 11px 9px;
}

.overview-component .multi-select-dropdown-menu .dropdown-options .ui-option {
    font-weight: normal;
    padding: 6px 16px;
    cursor: pointer;
}

.overview-component .multi-select-dropdown-menu .dropdown-options .ui-option:hover {
    background-color: #fff;
    color: #333;
}

.overview-component .multi-select-dropdown-menu .dropdown-options .ui-option>.fa {
    display: inline-block;
    margin-right: 5px;
    visibility: hidden;
}

.overview-component .multi-select-dropdown-menu .dropdown-options .ui-option>.fa.selected {
    visibility: visible;
}

.overview-component .no-notes-blank-stats {
    margin-top: 30px;
}

.overview-component .no-notes-blank-stats h4 {
    margin-bottom: 20px;
}

.overview-component .no-notes-blank-stats a {
    font-size: 16px;
}

.overview-component .team-welcome {
    position: absolute;
    left: 50%;
    margin-top: 150px;
    transform: translateX(-50%);
}

.overview-component .personal-welcome {
    margin-top: 30px;
    padding: 60px 20px;
    background: #262626;
}

.overview-component .personal-welcome img {
    margin-right: 28px;
}

.overview-component .personal-welcome .title {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
}

.overview-component .personal-welcome .button-container>*:not(:last-child) {
    margin-right: 10px;
}

.overview-component .personal-welcome .flex {
    justify-content: center;
}

.overview-component .personal-welcome .text {
    text-align: left;
}

.overview-component .pinned-notes-section .list-section h1 {
    width: calc(100% - 20px);
    margin-left: 10px;
}

.overview-component .list-section {
    margin: 0 -10px;
}

.overview-component .list-section h1 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #4f4f4f;
    line-height: 1px;
    margin: 60px 0 14px;
    font-weight: bold;
    font-size: 26px;
}

.overview-component .list-section h1 span {
    background: #333;
    padding: 0 10px;
}

.overview-component .list {
    margin: 20px 0;
}

.overview-component .list li {
    padding: 0 10px;
}

.overview-component .list li * {
    word-break: break-word;
    word-wrap: break-word;
}

.overview-component .list li a {
    text-decoration: none;
    color: #333;
}

.overview-component .list li p {
    color: #777;
}

.overview-component .list li p.time {
    font-size: 12px;
}

.overview-component .list li .overview-card-container {
    position: relative;
}

.overview-component .list li .overview-card-container .card-anchor {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    z-index: 1;
}

.overview-component .list li .overview-card-container .ui-overview-pin,
.overview-component .list li .overview-card-container .status-indicators,
.overview-component .list li .overview-card-container p.tags {
    z-index: 2;
}

.overview-component .list li .overview-card-container.collapsed .card-anchor {
    width: calc(100% - 54px);
}

.overview-component .list li .overview-card-container.collapsed .overview-card-menu-container {
    z-index: unset;
}

.overview-component .list li .item {
    margin: 7.5px 0;
    background: #fff;
    border-radius: 6px;
    color: #000;
    text-shadow: none;
    height: 102px;
    display: table;
    min-width: 100%;
    position: relative;
}

.overview-component .list li .item.small {
    min-height: 110px;
}

.overview-component .list li .item.visited {
    background: #d4d4d4;
}

.overview-component .list li .item.collapsed {
    height: auto;
    padding-left: 38px;
    padding-right: 54px;
}

.overview-component .list li .item.collapsed .content {
    text-align: left;
    align-items: flex-start;
}

.overview-component .list li .item.collapsed .text {
    margin: 10px 0;
    max-height: 23px;
}

.overview-component .list li .item.collapsed .text span.title {
    -webkit-line-clamp: 1;
}

.overview-component .list li .item.collapsed .time {
    display: none;
}

.overview-component .list li .item.collapsed .share-with {
    display: none;
}

.overview-component .list li .item.collapsed .dot {
    display: none;
}

.overview-component .list li .item.collapsed .status-indicators {
    display: none;
}

.overview-component .list li .item.collapsed .tags {
    display: none;
}

.overview-component .list li .item.collapsed .ui-overview-pin {
    top: 13px;
}

.overview-component .list li .item.collapsed .ui-overview-close {
    top: 14px;
}

.overview-component .list li .item.collapsed .overview-card-menu-container {
    position: absolute;
    cursor: pointer;
    top: 8px;
    right: 3px;
}

.overview-component .list li .item h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    max-width: 250px;
}

.overview-component .list li .item h4 span.title {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 46px;
    -webkit-line-clamp: 2; /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
}

.overview-component .list li .item .content>* {
    position: relative;
    z-index: 2;
}

.overview-component .list li .item .content .dot {
    cursor: pointer;
    position: absolute;
    right: 13px;
    top: 13px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #e75252;
}

.overview-component .list li .item .content .rank {
    cursor: pointer;
    position: absolute;
    left: 9px;
    top: 3px;
    color: #cbcbcb;
}

.overview-component .list li .item .content .number {
    cursor: pointer;
    color: #cbcbcb;
    position: absolute;
    right: 9px;
    bottom: 3px;
}

.overview-component .list li .item .content .tags {
    line-height: 25px;
}

.overview-component .list li .item .content .tags span {
    display: inline-block;
    line-height: 15px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
    border-radius: 4px;
}

.overview-component .list li .item .content .tags .popover {
    background-color: #b8b8b8;
}

.overview-component .list li .item .content .tags .popover.bottom>.arrow:after {
    border-bottom-color: #b8b8b8;
}

.overview-component .list li .item .content .tags .tooltip {
    opacity: 1;
}

.overview-component .list li .item .content .tags .tooltip-inner {
    background-color: #b8b8b8;
}

.overview-component .list li .item .content .tags .tooltip-inner .label {
    margin-top: 5px;
}

.overview-component .list li .item .content .tags .tooltip-arrow {
    border-bottom-color: #b8b8b8;
}

.overview-component .list li .item .content .share-with {
    position: absolute;
    cursor: pointer;
    font-size: 14px;
    color: #dfdfdf;
    z-index: 1;
    bottom: 4px;
    left: 5px;
}

.overview-component .list li .item .content .status-indicators {
    height: 16px;
    position: absolute;
    right: 5px;
    bottom: 10px;
}

.overview-component .list li .item .content .status-indicators .indicator-icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    padding: 4px 6px;
    color: #cbcbcb;
    text-align: center;
}

.overview-component .list li .item .content .status-indicators .indicator-icon .fa {
    width: 14px;
    height: 14px;
}

.overview-component .list li .item .content .status-indicators .indicator-icon:not(:first-child) {
    margin-left: 5px;
}

.overview-component .list li .item .content .status-indicators .indicator-icon:active,
.overview-component .list li .item .content .status-indicators .indicator-icon:hover {
    background-color: #e6e6e6;
    color: #888;
}

.overview-component .list li .item .card-action-items-container {
    position: absolute;
    bottom: 0;
    z-index: 3;
    padding-bottom: 6px;
    padding-right: 5px;
}

.overview-component .list li .item .overview-card-menu-container {
    z-index: 2;
    cursor: pointer;
}

.overview-component .list li .item .overview-card-menu {
    font-size: 18px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: 3px;
}

.overview-component .ui-ellipsis {
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}

.overview-component .ui-ellipsis svg {
    fill: #cbcbcb;
}

.overview-component .ui-ellipsis:hover, .overview-component .ui-ellipsis:focus {
    background-color: #e6e6e6;
}

.overview-component .ui-ellipsis:hover svg,
.overview-component .ui-ellipsis:focus svg {
    fill: #888;
}

.overview-component .bookmark-button {
    cursor: pointer;
    -webkit-user-select: none;
            user-select: none;
    width: 24px;
    height: 24px;
    color: #cbcbcb;
    border-radius: 50%;
    font-size: 15px;
}

.overview-component .bookmark-button:hover,
.overview-component .bookmark-button:focus {
    background-color: #e6e6e6;
}

.overview-component .list li:hover .item,
.overview-component .list li:focus .item {
    background: rgba(255, 255, 255, .9);
}

.overview-component .list li:hover .item.unhovered,
.overview-component .list li:focus .item.unhovered {
    background: #fff;
}

.overview-component .list-section ul.row-layout {
    display: grid;
    justify-content: stretch;
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-top: 30px;
    padding: 0 16px;
    background: #fff;
    color: #333;
}

.overview-component .list-section ul.row-layout .separator {
    grid-column: 1/-1;
    height: 1px;
    width: 100%;
    background: rgba(208, 208, 208, .3);
}

.overview-component .list-section ul.row-layout .separator.bold {
    background-color: #d0d0d0;
}

.overview-component .list-section ul.row-layout .overlay {
    grid-column: 1/-1;
    width: calc(100% + 32px);
    margin-left: -16px;
    height: 32px;
    margin-top: 32px;
}

.overview-component .list-section ul.row-layout .overlay.highlighted {
    background: rgba(208, 208, 208, .3);
}

.overview-component .list-section ul.row-layout>* {
    justify-self: start;
    align-self: center;
}

.overview-component .list-section ul.row-layout .ui-overview-pin {
    position: relative;
    top: auto;
    left: auto;
}

.overview-component .list-section ul.row-layout a.title {
    text-align: left;
    color: #000;
    font-weight: 600;
    width: 100%;
}

.overview-component .list-section ul.row-layout a.title:hover,
.overview-component .list-section ul.row-layout a.title:active,
.overview-component .list-section ul.row-layout a.title:visited {
    text-decoration: none;
}

.overview-component .list-section ul.row-layout .time {
    color: #888;
    -webkit-user-select: none;
            user-select: none;
}

.overview-component .list-section ul.row-layout .tags {
    -webkit-user-select: none;
            user-select: none;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    align-items: center;
    display: inline-flex;
    margin-right: 2px;
}

.overview-component .list-section ul.row-layout .tags .label {
    background-color: rgba(136, 136, 136, .6);
    padding: .3em .6em .3em;
}

.overview-component .list-section ul.row-layout .tags .label:not(:last-child) {
    margin-right: 2px;
}

.overview-component .list-section ul.row-layout .ui-overview-pin {
    width: 16px;
    margin: 8px 6px 0 2px;
}

.overview-component .ui-overview-close {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 16px;
    padding: 3px 3px 3px 3.5px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #cbcbcb;
    z-index: 2;
}

.overview-component .ui-overview-close:active,
.overview-component .ui-overview-close:hover {
    background-color: #e6e6e6;
    opacity: 1;
    color: #888;
}

.overview-component .ui-overview-pin {
    cursor: pointer;
    position: absolute;
    left: 8px;
    top: 14px;
    font-size: 16px;
    opacity: .2;
            transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
}

.overview-component .ui-overview-pin.readonly {
    opacity: 0;
}

.overview-component .ui-overview-pin.active {
    opacity: 1;
    color: #d43f3a;
}

.overview-component .item:hover .ui-overview-pin:not(.readonly):hover {
    opacity: 1;
}

.overview-component .item .share-with {
    cursor: pointer;
    margin-top: -10px;
    font-size: 14px;
    color: #dfdfdf;
    z-index: 1;
}

.overview-component .list.row-layout li .item .status-indicators {
    position: relative;
    width: initial;
    left: 0;
    bottom: 0;
    float: left;
    height: 100%;
    display: inline-flex;
    padding: 0;
}

.overview-component .list.row-layout li .item .status-indicators .indicator-icon {
    margin: 9px 4px;
    width: 24px;
    height: 24px;
}

.overview-component .list.row-layout li .item .status-indicators .indicator-icon:first-child {
    margin-left: 7px;
}

.overview-component .list.row-layout li .item .status-indicators .indicator-icon .fa {
    position: absolute;
    top: 14px;
    left: 12px;
}

@media (max-width: 767px) {
    #home .btn-lg {
        font-size: 16px;
    }

    .overview-component {
        padding-top: 10px;
    }

    .overview-component .search-widgets .ui-search {
        max-width: 100%;
        margin: 0;
    }

    .overview-component .personal-welcome img {
        margin: 0 auto;
    }

    .overview-component .personal-welcome .title {
        margin-top: 15px;
    }

    .overview-component .personal-welcome .button-container {
        display: flex;
        flex-direction: column;
    }

    .overview-component .personal-welcome .button-container>*:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .overview-component .personal-welcome .text {
        text-align: center;
        padding: 0 20px;
    }

    .overview-component .list-section ul.row-layout {
        grid-template-columns: auto min-content;
        grid-auto-rows: 56px 1px;
    }

    .overview-component .list-section ul.row-layout>*:nth-child(6n+3),
    .overview-component .list-section ul.row-layout>*:nth-child(6n+4) {
        display: none;
    }

    .overview-component .list-section ul.row-layout .bookmark-button {
        display: none;
    }
}

@media (min-width: 768px) {
    .overview-component {
        padding-right: 40px;
        padding-left: 22px;
    }

    .overview-component .list-section ul.row-layout {
        grid-template-columns: auto min-content;
        grid-auto-rows: 56px 1px;
    }

    .overview-component .list-section ul.row-layout>*:nth-child(6n+3),
    .overview-component .list-section ul.row-layout>*:nth-child(6n+4) {
        display: none;
    }

    .overview-component .list-section ul.row-layout .bookmark-button {
        display: none;
    }
}

@media (min-width: 350px) {
    .overview-component .overview-widget-group {
        flex-wrap: nowrap;
    }
}

@media (max-width: 768px) {
    .overview-component .overview-filters {
        display: none;
    }

    .overview-component #overview-control-form #overview-keyword-input-container {
        width: 100%;
    }

    .overview-component .multi-select-dropdown-menu {
        font-size: 14px;
    }

    .overview-component .list.row-layout li .item .status-indicators {
        display: none;
    }
}

@media (min-width: 769px) {
    .overview-component #overview-control-form #overview-keyword-input-container {
        flex: 1;
        max-width: 487px;
        margin-right: 29px;
    }
}

@media (min-with: 768px)and (max-width: 1279.99999999px) {
    .overview-component .list li {
        width: 33.333333333%;
    }
}

@media (min-width: 1280px)and (max-width: 1439.9999999px) {
    .overview-component .list li {
        width: 25%;
    }
}

@media (min-width: 1440px)and (max-width: 1919.9999999px) {
    .overview-component .list li {
        width: 20%;
    }
}

@media (min-width: 1920px) {
    .overview-component .list li {
        width: 16.666666667%;
    }
}

@media (min-width: 992px) {
    .overview-component .list-section ul.row-layout {
        grid-template-columns: auto 145px max-content min-content;
        grid-auto-rows: 0 32px 1px;
    }

    .overview-component .list-section ul.row-layout>*:nth-child(6n+2) {
        line-height: 32px;
    }

    .overview-component .list-section ul.row-layout>*:nth-child(6n+3) {
        display: inline-flex;
    }

    .overview-component .list-section ul.row-layout>*:nth-child(6n+4) {
        display: unset;
    }

    .overview-component .list-section ul.row-layout .bookmark-button {
        display: unset;
    }
}

@media (max-width: 465px) {
    .language-submenu {
        margin-left: -150px;
    }
}

.upgrade-label .hover-text[data-v-57c0e678] {
    display: none;
}
.upgrade-label:hover .hover-text[data-v-57c0e678] {
    display: inline-block;
}
.upgrade-label:hover .text[data-v-57c0e678] {
    display: none;
}

.select2-container li img.avatar {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    object-fit: cover;
    vertical-align: middle;
    margin-right: 6px;
}

.select2-search-choice {
    max-width: calc(100% - 5px);
}

.select2-search-choice > div > div {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.select2-results li img.avatar {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    object-fit: cover;
    vertical-align: middle;
    margin-right: 6px;
}

.select2-result-label > div > span {
    display: inline-block;
    max-width: calc(100% - 46px);
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select2-result-label > div > span > span,
.select2-result-label > div > span > small {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
}

.select2-result-label > div > span > span.name {
    vertical-align: middle;
}

.select2-result-label > div > span > small {
    vertical-align: top;
}

.select2-container-multi .select2-choices {
    background-image: none;
}

.select2-container-multi .select2-choices .select2-search-field input {
    font-family: inherit;
    padding: 5px 12px;
}

.select2-container {
    margin: 0 auto !important;
}

.section .form-horizontal .form-horizontal .form-group {
    margin-left: auto;
    margin-right: auto;
}

.section .form-horizontal .form-group {
    font-size: 16px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.section .form-horizontal .form-label-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.section .form-horizontal .form-group-pull-right {
    float: right;
    height: 0;
    margin-right: 0;
    z-index: 1;
}

.section .form-horizontal .form-group .row {
    line-height: 36px;
}

.section .form-horizontal .form-group.has-error.has-danger .control-label.errors {
    display: none;
}

.section .form-horizontal .form-group.has-error {
    border-color: #ff6363;
}

.section .form-horizontal .form-group.has-error .control-label {
    color: #fff;
    font-size: 18px;
}

.section .form-horizontal .form-group.has-error .control-label.help-block {
    color: #ff6363;
    font-size: 12px;
    margin-bottom: 0;
}

.section .form-horizontal .form-group.has-error .control-label.help-block ul {
    margin-bottom: 0;
}

.section .form-horizontal .form-group.has-error .control-label.errors {
    display: inline-block;
    color: #ff6363;
    font-size: 12px;
    text-align: right;
    flex: 1;
    margin-bottom: 0;
}

.section .form-horizontal .control-label {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    text-align: left;
}

.section .form-horizontal .control-label.errors {
    font-size: 12px;
    color: #ff6363;
    display: none;
}

.section .form-horizontal .has-error .form-control {
    border-color: #ff6363;
}

.section .form-horizontal .input-block {
    position: relative;
}

.section .form-horizontal .has-error .help-block {
    color: #ff6363;
}

.section .form-horizontal .has-error.form-group span.error-sign {
    position: absolute;
    right: 10px;
    top: 9px;
    color: #ff6363;
}

.section .form-horizontal .has-error.form-group span.error-sign:after {
    content: "";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.section .form-horizontal input.form-control {
    height: 40px;
    font-size: 16px;
    margin-top: 0;
}

.section .form-horizontal .form-control {
    font-size: 16px;
    border: 1px solid #6d6d6d;
    background-color: #333;
    color: #fff;
}

.section .form-horizontal .form-control:focus {
    box-shadow: none;
    border-color: #fff;
}

.section .form-horizontal .form-control::placeholder,
.section .form-horizontal .form-group small {
    color: #868686;
}

.section .form-horizontal .form-group p {
    font-size: 14px;
}

.section .form-horizontal .form-group p a {
    text-decoration: underline;
    text-underline-position: under;
}

.section .form-horizontal .form-group .btn-default {
    font-size: 16px;
    border: 1px solid #fff;
    background-color: #333;
    color: #fff;
}

.section .form-horizontal .form-group .btn-default:hover,
.section .form-horizontal .form-group .btn-default:focus {
    background-color: #fff;
    color: #333;
}

.section .form-horizontal .form-group .btn-primary {
    font-size: 16px;
}

.section .form-horizontal .form-group .flex-row>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.section .form-horizontal .form-control[disabled],
.section .form-horizontal .form-control[readonly],
.section .form-horizontal fieldset[disabled] .form-control {
    background-color: #525252;
    color: #adadad;
}

.section .form-horizontal .has-error.form-group .form-control:focus {
    border-color: #ff6363;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ff6363;
}

.section .form-horizontal .flex-row {
    display: flex;
}

.section .form-horizontal .flex-row>div {
    width: unset;
}

.section .form-horizontal .flex-row .flex-label {
    padding-right: 0;
    max-width: 28vw;
}

.section .form-horizontal .flex-row .flex-col {
    flex: 1;
}

.section .form-horizontal .select2-container .select2-focused {
    color: #fff;
}

.section .form-horizontal .select2-container .select2-choices {
    background-color: #333;
}

.section .form-horizontal .select2-container-active .select2-choices {
    box-shadow: none;
}

.section .form-horizontal .select2-dropdown-open {
    background-color: #fff;
    border-color: #5897fb;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.section .form-horizontal .select2-dropdown-open .select2-focused {
    color: #333;
}

.section .form-horizontal .select2-dropdown-open .select2-choices {
    background-color: #fff;
}

.section .dropdown.select>.dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1;
    border: 1px solid #6d6d6d;
    color: #fff;
}

.section .dropdown.select>.dropdown-toggle:hover,
.section .dropdown.select>.dropdown-toggle:focus {
    background-color: #333;
    color: #d1d1d1;
}

.section .dropdown.select .dropdown-toggle.no-border {
    border: 1px solid #333;
}

.section .dropdown.select .dropdown-toggle>.dropdown-label {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
    text-overflow: ellipsis;
}

.section .dropdown.select .dropdown-menu {
    background-color: #333;
    border: 1px solid #6d6d6d;
    max-height: 50vh;
    overflow: auto;
}

.section .dropdown.select .dropdown-menu>li>a {
    font-size: 16px;
    color: #fff;
    padding: 6px 14px;
}

.section .dropdown.select .dropdown-menu>li>a:focus,
.section .dropdown.select .dropdown-menu>li>a:hover {
    background-color: #fff;
    color: #333;
}

.member-list .item {
    padding: 8px 0;
}

.member-list .item>* {
    line-height: 34px;
}

.member-list .item>* * {
    line-height: normal;
}

.member-list .item.user-disable .ui-member-name {
    color: #7a7a7a;
}

.member-list .item .ui-member-name, .member-list .item .ui-member-email {
    max-width: calc(100% - 70px);
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    line-height: inherit;
    vertical-align: bottom;
}

.member-list .item .ui-member-name {
    white-space: nowrap;
}

.member-list .item .ui-member-delete {
    color: #cecece;
    cursor: pointer;
}

.member-list .item .ui-member-delete:hover,
.member-list .item .ui-member-delete:focus {
    color: #fff;
}

.member-list .item .ui-resend-invitation {
    display: none;
}

.member-list .item.pending-invitation .ui-resend-invitation {
    display: inline-block;
}

.member-list .divider {
    border-bottom: 1px solid #4f4f4f;
    margin-right: 1.5%;
}

.manage .team-info, .settings .team-info {
    padding-bottom: 85px;
}

.manage .team-member .col-role, .settings .team-member .col-role {
    padding-left: 0;
}

.list-group.dark {
    background-color: #262626;
    color: #fff;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    border: solid 1px #4f4f4f;
}

.list-group.dark a {
    cursor: pointer;
}

.list-group.dark .list-group-item {
    color: #fff;
    border: none;
    background-color: #262626;
    border-radius: 0;
}

.list-group.dark .list-group-item:hover,
.list-group.dark .list-group-item:active {
    color: #fff;
    background-color: #333;
}

.list-group.dark .list-group-item.active {
    color: #fff;
    background-color: #686868;
}

.label.label-outline.label-success {
    color: #5cb85c;
    border: solid 1px #5cb85c;
    background-color: transparent;
}

.label.label-outline.label-success:active,
.label.label-outline.label-success:hover {
    cursor: pointer;
    color: #fff;
    background-color: #5cb85c;
}

.select2-drop {
    z-index: 999;
}

.select2-drop-mask {
    z-index: 998;
}

.select2-container-multi .select2-choices {
    background-image: none;
}

.select2-container-multi .select2-choices .select2-search-field input {
    font-family: inherit;
    padding: 5px 12px;
}

.select2-container {
    margin: 0 auto !important;
}

.form-control.select2-container.select2-dropdown-open {
    border-color: #aaa;
}

.form-control.select2-container {
    height: 100% !important;
}

.select2-results {
    color: #fff;
    text-align: left;
}

.select2-results .select2-highlighted {
    background: #fff;
    color: #333;
}

.select2-results .select2-no-results, .select2-results .select2-searching,
.select2-results .select2-ajax-error, .select2-results .select2-selection-limit {
    background: unset;
}

.select2-drop-active {
    border: 1px solid #aaa;
}

.select2-drop {
    background-color: #333;
}

.select2-container-multi .select2-choices .select2-search-choice {
    margin: 6px 0 3px 5px;
}

.hmd-dn {
    display: none;
}

.hmd-di {
    display: inline;
}

.hmd-db {
    display: block;
}

.hmd-dib {
    display: inline-block;
}

.hmd-dit {
    display: inline-table;
}

.hmd-dt {
    display: table;
}

.hmd-dtc {
    display: table-cell;
}

.hmd-dt-row {
    display: table-row;
}

.hmd-dt-row-group {
    display: table-row-group;
}

.hmd-dt-column {
    display: table-column;
}

.hmd-dt-column-group {
    display: table-column-group;
}

.hmd-dns {
    display: unset;
}

.hmd-dni {
    display: none !important;
}

.hmd-vv {
    visibility: visible;
}

.hmd-vh {
    visibility: hidden;
}

.hmd-text-left {
    text-align: left;
}

.hmd-text-right {
    text-align: right;
}

.hmd-text-center {
    text-align: center;
}

.hmd-text-bold {
    font-weight: bold;
}

.hmd-text-underline {
    text-decoration: underline;
}

.ellipsis-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

a.unset-anchor-style {
    color: unset;
}

a.unset-anchor-style:hover {
    color: unset;
    text-decoration: none;
}

.team-manage-container {
    padding-left: 22px;
    padding-right: 40px;
}

.manage {
    text-align: left;
    max-width: 1000px;
    margin: 0 auto;
    padding: 23px 10px 50px;
}

.manage h3 {
    font-weight: 600;
    font-size: 22px;
    padding-bottom: 12px;
    margin-top: 0;
    margin-bottom: 30px;
    border-bottom: 2px solid #4f4f4f;
}

.manage .team-manage-header {
    margin-top: 10px;
    margin-bottom: 30px;
}

.manage .role-dropdown {
    right: auto;
    left: 0;
}

.manage .role-dropdown li small {
    font-size: 12px;
    line-height: 16px;
    white-space: pre-wrap;
    display: block;
    margin-top: 2px;
}

.team-manage-sidenav {
    padding-right: 30px;
}

.team-manage-sidenav .list-group-item {
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
}

.team-manage-sidenav .list-group-item a {
    color: #fff;
    text-decoration: none;
}

@media (min-width: 768px) {
    .section .form-horizontal .form-horizontal .control-label {
        padding-top: 0;
        margin-bottom: 5px;
    }

    .hmd-dn-sm {
        display: none;
    }

    .hmd-di-sm {
        display: inline;
    }

    .hmd-db-sm {
        display: block;
    }

    .hmd-dib-sm {
        display: inline-block;
    }

    .hmd-dit-sm {
        display: inline-table;
    }

    .hmd-dt-sm {
        display: table;
    }

    .hmd-dtc-sm {
        display: table-cell;
    }

    .hmd-dt-row-sm {
        display: table-row;
    }

    .hmd-dt-row-group-sm {
        display: table-row-group;
    }

    .hmd-dt-column-sm {
        display: table-column;
    }

    .hmd-dt-column-group-sm {
        display: table-column-group;
    }

    .hmd-dns-sm {
        display: unset;
    }

    .hmd-dni-sm {
        display: none !important;
    }

    .hmd-vv-sm {
        visibility: visible;
    }

    .hmd-vh-sm {
        visibility: hidden;
    }

    .hmd-text-left-sm {
        text-align: left;
    }

    .hmd-text-right-sm {
        text-align: right;
    }

    .hmd-text-center-sm {
        text-align: center;
    }

    .hmd-text-bold-sm {
        font-weight: bold;
    }

    .hmd-text-underline-sm {
        text-decoration: underline;
    }

    .manage .form-horizontal .control-label {
        margin-bottom: 5px;
    }

    .manage .role-dropdown {
        right: 0;
        left: auto;
    }

    .manage .ui-export-all-note {
        width: auto;
    }

    .team-danger .btn {
        width: auto;
    }
}

@media (max-width: 768px) {
    .section .form-horizontal .form-group-pull-right {
        float: unset;
        height: unset;
        margin-right: unset;
    }

    .section .form-horizontal .flex-row {
        display: block;
    }

    .section .form-horizontal .flex-row>div {
        width: 100%;
    }

    .section .form-horizontal .flex-row .flex-label {
        padding-right: 15px;
        max-width: calc(100vw - 10px);
    }
}

@media (max-width: 767px) {
    .member-list .item>* {
        padding-right: 0;
        padding-left: 0;
    }

    .manage .team-info, .settings .team-info {
        padding-bottom: 60px;
    }

    .manage .team-member .col-role, .settings .team-member .col-role {
        padding-left: 15px;
        padding-right: 0;
        margin-top: 7px;
    }

    .manage .team-member .col-add, .settings .team-member .col-add {
        padding-right: 15px;
        margin-top: 7px;
    }

    .manage .team-member .col-delete, .settings .team-member .col-delete {
        margin-top: 7px;
    }

    .member-list .divider {
        margin-left: 15px;
        margin-right: 15px;
    }

    .hmd-dn-xs {
        display: none;
    }

    .hmd-di-xs {
        display: inline;
    }

    .hmd-db-xs {
        display: block;
    }

    .hmd-dib-xs {
        display: inline-block;
    }

    .hmd-dit-xs {
        display: inline-table;
    }

    .hmd-dt-xs {
        display: table;
    }

    .hmd-dtc-xs {
        display: table-cell;
    }

    .hmd-dt-row-xs {
        display: table-row;
    }

    .hmd-dt-row-group-xs {
        display: table-row-group;
    }

    .hmd-dt-column-xs {
        display: table-column;
    }

    .hmd-dt-column-group-xs {
        display: table-column-group;
    }

    .hmd-dns-xs {
        display: unset;
    }

    .hmd-dni-xs {
        display: none !important;
    }

    .hmd-vv-xs {
        visibility: visible;
    }

    .hmd-vh-xs {
        visibility: hidden;
    }

    .manage h3 {
        margin-bottom: 30px;
    }

    .manage .team-member .col-role {
        padding-left: 0;
    }

    .manage .team-manage-header {
        margin-bottom: 0;
    }

    .manage .ui-export-all-note {
        width: 100%;
    }

    .team-manage-sidenav-container {
        overflow-x: auto;
        overflow-y: hidden;
        margin-bottom: 30px;
    }

    .team-manage-sidenav {
        padding-right: 0;
    }

    .team-manage-sidenav .list-group.dark {
        display: flex;
        flex: 1;
        background-color: transparent;
        border: none;
        border-radius: 0;
        border-bottom: solid 2px #4f4f4f;
        white-space: nowrap;
        overflow: inherit;
        width: auto;
        margin-bottom: 7px;
    }

    .team-manage-sidenav .list-group.dark .list-group-item {
        background-color: transparent;
        display: inherit;
        padding: 0;
    }

    .team-manage-sidenav .list-group.dark .list-group-item a {
        color: #bebebe;
        text-decoration: none;
        padding: 10px 0;
        border: none;
    }

    .team-manage-sidenav .list-group.dark .list-group-item.active {
        border-bottom: solid 2px #fff;
        margin-bottom: -2px;
    }

    .team-manage-sidenav .list-group.dark .list-group-item.active a {
        color: #fff;
    }

    .team-manage-sidenav .list-group.dark .list-group-item:hover a {
        color: #fff;
    }

    .team-manage-sidenav .list-group.dark .list-group-item:not(:first-child) {
        margin-left: 15px;
    }

    .team-manage-sidenav .list-group.dark .list-group-item:not(:last-child) {
        margin-right: 15px;
    }
}

@media (min-width: 992px) {
    .hmd-dn-md {
        display: none;
    }

    .hmd-di-md {
        display: inline;
    }

    .hmd-db-md {
        display: block;
    }

    .hmd-dib-md {
        display: inline-block;
    }

    .hmd-dit-md {
        display: inline-table;
    }

    .hmd-dt-md {
        display: table;
    }

    .hmd-dtc-md {
        display: table-cell;
    }

    .hmd-dt-row-md {
        display: table-row;
    }

    .hmd-dt-row-group-md {
        display: table-row-group;
    }

    .hmd-dt-column-md {
        display: table-column;
    }

    .hmd-dt-column-group-md {
        display: table-column-group;
    }

    .hmd-dns-md {
        display: unset;
    }

    .hmd-dni-md {
        display: none !important;
    }

    .hmd-vv-md {
        visibility: visible;
    }

    .hmd-vh-md {
        visibility: hidden;
    }

    .hmd-text-left-md {
        text-align: left;
    }

    .hmd-text-right-md {
        text-align: right;
    }

    .hmd-text-center-md {
        text-align: center;
    }

    .hmd-text-bold-md {
        font-weight: bold;
    }

    .hmd-text-underline-md {
        text-decoration: underline;
    }
}

@media (min-width: 1200px) {
    .hmd-dn-lg {
        display: none;
    }

    .hmd-di-lg {
        display: inline;
    }

    .hmd-db-lg {
        display: block;
    }

    .hmd-dib-lg {
        display: inline-block;
    }

    .hmd-dit-lg {
        display: inline-table;
    }

    .hmd-dt-lg {
        display: table;
    }

    .hmd-dtc-lg {
        display: table-cell;
    }

    .hmd-dt-row-lg {
        display: table-row;
    }

    .hmd-dt-row-group-lg {
        display: table-row-group;
    }

    .hmd-dt-column-lg {
        display: table-column;
    }

    .hmd-dt-column-group-lg {
        display: table-column-group;
    }

    .hmd-dns-lg {
        display: unset;
    }

    .hmd-dni-lg {
        display: none !important;
    }

    .hmd-vv-lg {
        visibility: visible;
    }

    .hmd-vh-lg {
        visibility: hidden;
    }

    .hmd-text-left-lg {
        text-align: left;
    }

    .hmd-text-right-lg {
        text-align: right;
    }

    .hmd-text-center-lg {
        text-align: center;
    }

    .hmd-text-bold-lg {
        font-weight: bold;
    }

    .hmd-text-underline-lg {
        text-decoration: underline;
    }

    .team-manage-sidenav {
        max-width: 220px;
    }
}

@media (min-width: 768px)and (max-width: 991px) {
    .manage .form-horizontal .form-group-pull-right {
        float: unset;
        height: unset;
        margin-right: unset;
    }
}

.my-teams {
    margin: 0 40px 60px 22px;
}

.my-teams .page-title {
    margin: 30px 0;
}

.my-teams .team-card {
    display: flex;
    background-color: #262626;
    padding: 20px;
    height: 74px;
    margin-bottom: 2px;
    word-break: break-all;
    align-items: center;
}

.my-teams .team-card a {
    color: #66b5f0;
    cursor: pointer;
}

.my-teams .team-card .team-title {
    flex: 1;
    line-height: 20px;
    font-size: 18px;
}

.my-teams .team-card .team-title .item-icon {
    font-size: 18px;
}

.my-teams .team-card .team-title .item-icon .lock {
    width: 11px;
    height: 11px;
    bottom: 0;
}

.my-teams .team-card .team-title a {
    color: #fff;
    text-decoration: underline;
}

.my-teams .team-card .team-body {
    flex: 3;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #cdcdcd;
}

.my-teams .team-card .team-body .team-details {
    flex: 1;
    color: #cdcdcd;
    font-size: 13px;
    white-space: nowrap;
    margin-right: 20px;
}

@media (max-width: 767px) {
    .my-teams {
        margin: 0 20px 60px 0;
    }

    .my-teams .team-card {
        height: auto;
        display: block;
    }

    .my-teams .team-card .team-title {
        margin-bottom: 10px;
    }

    .my-teams .team-card .team-body {
        display: block;
    }

    .my-teams .team-card .team-body .team-details {
        margin-bottom: 10px;
        white-space: normal;
    }

    .my-teams .team-card .team-body .btn {
        width: 100%;
    }
}

.purchase {
    margin: 0 40px 60px 22px;
}

.purchase .purchase-title {
    border-bottom: solid 2px #4f4f4f;
    padding-bottom: 12px;
    font-size: 22px;
    margin: 0 0 20px 0;
}

.purchase a {
    color: #66b5f0;
    cursor: pointer;
}

.purchase a:focus, .purchase a:hover {
    color: #337ab7;
}

.purchase table {
    width: 100%;
    font-size: 13px;
}

.purchase table thead tr {
    background-color: #262626;
}

.purchase table thead tr th {
    font-size: 15px;
    color: #fff;
    padding: 10px 5px;
}

.purchase table thead tr th small {
    font-size: 13px;
    font-weight: normal;
    color: #cdcdcd;
}

.purchase table thead tr th:first-child {
    padding: 10px 5px 10px 30px;
}

.purchase table thead tr th:last-child {
    padding: 10px 30px 10px 5px;
}

.purchase table tbody tr {
    background-color: #262626;
    border-top: solid 1px #4f4f4f;
}

.purchase table tbody tr td {
    color: #cdcdcd;
    padding: 10px 5px;
}

.purchase table tbody tr td:first-child {
    padding: 10px 5px 10px 30px;
}

.purchase table tbody tr td:last-child {
    padding: 10px 30px 10px 5px;
}

.overview-search-page>h4:first-child {
    margin-top: 20px;
    margin-bottom: 15px;
}

.overview-search-page .ui-option {
    display: flex;
    align-items: center;
}

.overview-search-page .search-filter-item {
    display: flex;
    overflow: hidden;
}

.overview-search-page .search-filter-item .filter-name {
    flex: 1;
    margin-right: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.overview-search-page .search-filter-item .filter-count {
    color: #888;
}

.overview-search-page .multi-select-dropdown-menu .dropdown-options,
.overview-search-page .multi-select-dropdown-menu .ui-dropdown-label {
    border-radius: 4px;
    border-color: #aaa;
    border-width: 1px;
    border-style: solid;
}

.overview-search-page .multi-select-dropdown-menu {
    color: #fff;
    background-color: #333;
    font-size: 16px;
    text-align: left;
    -webkit-user-select: none;
            user-select: none;
    position: relative;
}

.overview-search-page .multi-select-dropdown-menu .dismiss-overlay {
    z-index: 9998;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
}

.overview-search-page .multi-select-dropdown-menu .ui-dropdown-label {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 11px;
    cursor: pointer;
}

.overview-search-page .multi-select-dropdown-menu .ui-dropdown-label .fa {
    margin-left: 3px;
}

.overview-search-page .multi-select-dropdown-menu .ui-dropdown-label>div:first-child {
    max-width: calc(100% - 18px);
}

.overview-search-page .multi-select-dropdown-menu .dropdown-options {
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    width: 100%;
    background-color: #333;
}

.overview-search-page .multi-select-dropdown-menu .dropdown-options .option-group:not(:last-child) {
    border: #4f4f4f solid;
    border-width: 0 0 1px 0;
}

.overview-search-page .multi-select-dropdown-menu .dropdown-options .option-group>div:first-child {
    font-weight: bold;
    padding: 6px 11px 9px;
}

.overview-search-page .multi-select-dropdown-menu .dropdown-options .ui-option {
    font-weight: normal;
    padding: 6px 16px;
    cursor: pointer;
}

.overview-search-page .multi-select-dropdown-menu .dropdown-options .ui-option:hover {
    background-color: #fff;
    color: #333;
}

.overview-search-page .multi-select-dropdown-menu .dropdown-options .ui-option>.fa {
    display: inline-block;
    margin-right: 5px;
    visibility: hidden;
}

.overview-search-page .multi-select-dropdown-menu .dropdown-options .ui-option>.fa.selected {
    visibility: visible;
}

@media (max-width: 768px) {
    .overview-search-page .multi-select-dropdown-menu {
        font-size: 14px;
    }
}

.token-list>li[data-v-1fc1485e] {
    line-height: 34px;
}
#quota>a[data-v-1fc1485e] {
    background-color: #4f4f4f;
}
#quota>a[data-v-1fc1485e]:hover {
    background-color: #fff;
}

.settings {
    text-align: left;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 15px 80px;
}

.settings .social-buttons-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.settings .btn-social {
    width: 250px;
    margin-top: 10px;
    display: inline-block;
}

.settings .btn-social.btn-social.btn-lg {
    padding-left: 45px;
    margin-top: 8px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.settings .btn-social.btn-social.btn-lg :first-child {
    border: none;
    line-height: 38px;
}

.settings .btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.settings .btn-social>:first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .2);
}

.settings .btn-social.btn-lg {
    padding-left: 61px;
}

.settings .btn-social.btn-lg :first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em;
}

.settings .btn-social.btn-sm {
    padding-left: 38px;
}

.settings .btn-social.btn-sm :first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em;
}

.settings .btn-social.btn-xs {
    padding-left: 30px;
}

.settings .btn-social.btn-xs :first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em;
}

.settings .btn-social-icon {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding: 0;
}

.settings .btn-social-icon>:first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .2);
}

.settings .btn-social-icon.btn-lg {
    padding-left: 61px;
}

.settings .btn-social-icon.btn-lg :first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em;
}

.settings .btn-social-icon.btn-sm {
    padding-left: 38px;
}

.settings .btn-social-icon.btn-sm :first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em;
}

.settings .btn-social-icon.btn-xs {
    padding-left: 30px;
}

.settings .btn-social-icon.btn-xs :first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em;
}

.settings .btn-social-icon :first-child {
    border: none;
    text-align: center;
    width: 100% !important;
}

.settings .btn-social-icon.btn-lg {
    height: 45px;
    width: 45px;
    padding-left: 0;
    padding-right: 0;
}

.settings .btn-social-icon.btn-sm {
    height: 30px;
    width: 30px;
    padding-left: 0;
    padding-right: 0;
}

.settings .btn-social-icon.btn-xs {
    height: 22px;
    width: 22px;
    padding-left: 0;
    padding-right: 0;
}

.settings .btn-adn {
    color: #fff;
    background-color: #d87a68;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-adn:hover, .settings .btn-adn:focus, .settings .btn-adn:active,
.settings .btn-adn.active, .settings .open>.dropdown-toggle.btn-adn {
    color: #fff;
    background-color: #ce563f;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-adn:active, .settings .btn-adn.active,
.settings .open>.dropdown-toggle.btn-adn {
    background-image: none;
}

.settings .btn-adn.disabled, .settings .btn-adn[disabled],
.settings fieldset[disabled] .btn-adn, .settings .btn-adn.disabled:hover,
.settings .btn-adn[disabled]:hover, .settings fieldset[disabled] .btn-adn:hover,
.settings .btn-adn.disabled:focus, .settings .btn-adn[disabled]:focus,
.settings fieldset[disabled] .btn-adn:focus, .settings .btn-adn.disabled:active,
.settings .btn-adn[disabled]:active,
.settings fieldset[disabled] .btn-adn:active, .settings .btn-adn.disabled.active,
.settings .btn-adn[disabled].active,
.settings fieldset[disabled] .btn-adn.active {
    background-color: #d87a68;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-adn .badge {
    color: #d87a68;
    background-color: #fff;
}

.settings .btn-bitbucket {
    color: #fff;
    background-color: #205081;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-bitbucket:hover, .settings .btn-bitbucket:focus,
.settings .btn-bitbucket:active, .settings .btn-bitbucket.active,
.settings .open>.dropdown-toggle.btn-bitbucket {
    color: #fff;
    background-color: #163758;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-bitbucket:active, .settings .btn-bitbucket.active,
.settings .open>.dropdown-toggle.btn-bitbucket {
    background-image: none;
}

.settings .btn-bitbucket.disabled, .settings .btn-bitbucket[disabled],
.settings fieldset[disabled] .btn-bitbucket,
.settings .btn-bitbucket.disabled:hover,
.settings .btn-bitbucket[disabled]:hover,
.settings fieldset[disabled] .btn-bitbucket:hover,
.settings .btn-bitbucket.disabled:focus,
.settings .btn-bitbucket[disabled]:focus,
.settings fieldset[disabled] .btn-bitbucket:focus,
.settings .btn-bitbucket.disabled:active,
.settings .btn-bitbucket[disabled]:active,
.settings fieldset[disabled] .btn-bitbucket:active,
.settings .btn-bitbucket.disabled.active,
.settings .btn-bitbucket[disabled].active,
.settings fieldset[disabled] .btn-bitbucket.active {
    background-color: #205081;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-bitbucket .badge {
    color: #205081;
    background-color: #fff;
}

.settings .btn-dropbox {
    color: #fff;
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-dropbox:hover, .settings .btn-dropbox:focus,
.settings .btn-dropbox:active, .settings .btn-dropbox.active,
.settings .open>.dropdown-toggle.btn-dropbox {
    color: #fff;
    background-color: #0d6aad;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-dropbox:active, .settings .btn-dropbox.active,
.settings .open>.dropdown-toggle.btn-dropbox {
    background-image: none;
}

.settings .btn-dropbox.disabled, .settings .btn-dropbox[disabled],
.settings fieldset[disabled] .btn-dropbox, .settings .btn-dropbox.disabled:hover,
.settings .btn-dropbox[disabled]:hover,
.settings fieldset[disabled] .btn-dropbox:hover,
.settings .btn-dropbox.disabled:focus, .settings .btn-dropbox[disabled]:focus,
.settings fieldset[disabled] .btn-dropbox:focus,
.settings .btn-dropbox.disabled:active, .settings .btn-dropbox[disabled]:active,
.settings fieldset[disabled] .btn-dropbox:active,
.settings .btn-dropbox.disabled.active, .settings .btn-dropbox[disabled].active,
.settings fieldset[disabled] .btn-dropbox.active {
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-dropbox .badge {
    color: #1087dd;
    background-color: #fff;
}

.settings .btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-facebook:hover, .settings .btn-facebook:focus,
.settings .btn-facebook:active, .settings .btn-facebook.active,
.settings .open>.dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-facebook:active, .settings .btn-facebook.active,
.settings .open>.dropdown-toggle.btn-facebook {
    background-image: none;
}

.settings .btn-facebook.disabled, .settings .btn-facebook[disabled],
.settings fieldset[disabled] .btn-facebook,
.settings .btn-facebook.disabled:hover, .settings .btn-facebook[disabled]:hover,
.settings fieldset[disabled] .btn-facebook:hover,
.settings .btn-facebook.disabled:focus, .settings .btn-facebook[disabled]:focus,
.settings fieldset[disabled] .btn-facebook:focus,
.settings .btn-facebook.disabled:active,
.settings .btn-facebook[disabled]:active,
.settings fieldset[disabled] .btn-facebook:active,
.settings .btn-facebook.disabled.active,
.settings .btn-facebook[disabled].active,
.settings fieldset[disabled] .btn-facebook.active {
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-facebook .badge {
    color: #3b5998;
    background-color: #fff;
}

.settings .btn-flickr {
    color: #fff;
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-flickr:hover, .settings .btn-flickr:focus,
.settings .btn-flickr:active, .settings .btn-flickr.active,
.settings .open>.dropdown-toggle.btn-flickr {
    color: #fff;
    background-color: #cc006a;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-flickr:active, .settings .btn-flickr.active,
.settings .open>.dropdown-toggle.btn-flickr {
    background-image: none;
}

.settings .btn-flickr.disabled, .settings .btn-flickr[disabled],
.settings fieldset[disabled] .btn-flickr, .settings .btn-flickr.disabled:hover,
.settings .btn-flickr[disabled]:hover,
.settings fieldset[disabled] .btn-flickr:hover,
.settings .btn-flickr.disabled:focus, .settings .btn-flickr[disabled]:focus,
.settings fieldset[disabled] .btn-flickr:focus,
.settings .btn-flickr.disabled:active, .settings .btn-flickr[disabled]:active,
.settings fieldset[disabled] .btn-flickr:active,
.settings .btn-flickr.disabled.active, .settings .btn-flickr[disabled].active,
.settings fieldset[disabled] .btn-flickr.active {
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-flickr .badge {
    color: #ff0084;
    background-color: #fff;
}

.settings .btn-foursquare {
    color: #fff;
    background-color: #f94877;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-foursquare:hover, .settings .btn-foursquare:focus,
.settings .btn-foursquare:active, .settings .btn-foursquare.active,
.settings .open>.dropdown-toggle.btn-foursquare {
    color: #fff;
    background-color: #f71752;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-foursquare:active, .settings .btn-foursquare.active,
.settings .open>.dropdown-toggle.btn-foursquare {
    background-image: none;
}

.settings .btn-foursquare.disabled, .settings .btn-foursquare[disabled],
.settings fieldset[disabled] .btn-foursquare,
.settings .btn-foursquare.disabled:hover,
.settings .btn-foursquare[disabled]:hover,
.settings fieldset[disabled] .btn-foursquare:hover,
.settings .btn-foursquare.disabled:focus,
.settings .btn-foursquare[disabled]:focus,
.settings fieldset[disabled] .btn-foursquare:focus,
.settings .btn-foursquare.disabled:active,
.settings .btn-foursquare[disabled]:active,
.settings fieldset[disabled] .btn-foursquare:active,
.settings .btn-foursquare.disabled.active,
.settings .btn-foursquare[disabled].active,
.settings fieldset[disabled] .btn-foursquare.active {
    background-color: #f94877;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-foursquare .badge {
    color: #f94877;
    background-color: #fff;
}

.settings .btn-github {
    color: #fff;
    background-color: #444;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-github:hover, .settings .btn-github:focus,
.settings .btn-github:active, .settings .btn-github.active,
.settings .open>.dropdown-toggle.btn-github {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-github:active, .settings .btn-github.active,
.settings .open>.dropdown-toggle.btn-github {
    background-image: none;
}

.settings .btn-github.disabled, .settings .btn-github[disabled],
.settings fieldset[disabled] .btn-github, .settings .btn-github.disabled:hover,
.settings .btn-github[disabled]:hover,
.settings fieldset[disabled] .btn-github:hover,
.settings .btn-github.disabled:focus, .settings .btn-github[disabled]:focus,
.settings fieldset[disabled] .btn-github:focus,
.settings .btn-github.disabled:active, .settings .btn-github[disabled]:active,
.settings fieldset[disabled] .btn-github:active,
.settings .btn-github.disabled.active, .settings .btn-github[disabled].active,
.settings fieldset[disabled] .btn-github.active {
    background-color: #444;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-github .badge {
    color: #444;
    background-color: #fff;
}

.settings .btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-google:hover, .settings .btn-google:focus,
.settings .btn-google:active, .settings .btn-google.active,
.settings .open>.dropdown-toggle.btn-google {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-google:active, .settings .btn-google.active,
.settings .open>.dropdown-toggle.btn-google {
    background-image: none;
}

.settings .btn-google.disabled, .settings .btn-google[disabled],
.settings fieldset[disabled] .btn-google, .settings .btn-google.disabled:hover,
.settings .btn-google[disabled]:hover,
.settings fieldset[disabled] .btn-google:hover,
.settings .btn-google.disabled:focus, .settings .btn-google[disabled]:focus,
.settings fieldset[disabled] .btn-google:focus,
.settings .btn-google.disabled:active, .settings .btn-google[disabled]:active,
.settings fieldset[disabled] .btn-google:active,
.settings .btn-google.disabled.active, .settings .btn-google[disabled].active,
.settings fieldset[disabled] .btn-google.active {
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-google .badge {
    color: #dd4b39;
    background-color: #fff;
}

.settings .btn-instagram {
    color: #fff;
    background-color: #3f729b;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-instagram:hover, .settings .btn-instagram:focus,
.settings .btn-instagram:active, .settings .btn-instagram.active,
.settings .open>.dropdown-toggle.btn-instagram {
    color: #fff;
    background-color: #305777;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-instagram:active, .settings .btn-instagram.active,
.settings .open>.dropdown-toggle.btn-instagram {
    background-image: none;
}

.settings .btn-instagram.disabled, .settings .btn-instagram[disabled],
.settings fieldset[disabled] .btn-instagram,
.settings .btn-instagram.disabled:hover,
.settings .btn-instagram[disabled]:hover,
.settings fieldset[disabled] .btn-instagram:hover,
.settings .btn-instagram.disabled:focus,
.settings .btn-instagram[disabled]:focus,
.settings fieldset[disabled] .btn-instagram:focus,
.settings .btn-instagram.disabled:active,
.settings .btn-instagram[disabled]:active,
.settings fieldset[disabled] .btn-instagram:active,
.settings .btn-instagram.disabled.active,
.settings .btn-instagram[disabled].active,
.settings fieldset[disabled] .btn-instagram.active {
    background-color: #3f729b;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-instagram .badge {
    color: #3f729b;
    background-color: #fff;
}

.settings .btn-linkedin {
    color: #fff;
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-linkedin:hover, .settings .btn-linkedin:focus,
.settings .btn-linkedin:active, .settings .btn-linkedin.active,
.settings .open>.dropdown-toggle.btn-linkedin {
    color: #fff;
    background-color: #005983;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-linkedin:active, .settings .btn-linkedin.active,
.settings .open>.dropdown-toggle.btn-linkedin {
    background-image: none;
}

.settings .btn-linkedin.disabled, .settings .btn-linkedin[disabled],
.settings fieldset[disabled] .btn-linkedin,
.settings .btn-linkedin.disabled:hover, .settings .btn-linkedin[disabled]:hover,
.settings fieldset[disabled] .btn-linkedin:hover,
.settings .btn-linkedin.disabled:focus, .settings .btn-linkedin[disabled]:focus,
.settings fieldset[disabled] .btn-linkedin:focus,
.settings .btn-linkedin.disabled:active,
.settings .btn-linkedin[disabled]:active,
.settings fieldset[disabled] .btn-linkedin:active,
.settings .btn-linkedin.disabled.active,
.settings .btn-linkedin[disabled].active,
.settings fieldset[disabled] .btn-linkedin.active {
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-linkedin .badge {
    color: #007bb6;
    background-color: #fff;
}

.settings .btn-microsoft {
    color: #fff;
    background-color: #2672ec;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-microsoft:hover, .settings .btn-microsoft:focus,
.settings .btn-microsoft:active, .settings .btn-microsoft.active,
.settings .open>.dropdown-toggle.btn-microsoft {
    color: #fff;
    background-color: #125acd;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-microsoft:active, .settings .btn-microsoft.active,
.settings .open>.dropdown-toggle.btn-microsoft {
    background-image: none;
}

.settings .btn-microsoft.disabled, .settings .btn-microsoft[disabled],
.settings fieldset[disabled] .btn-microsoft,
.settings .btn-microsoft.disabled:hover,
.settings .btn-microsoft[disabled]:hover,
.settings fieldset[disabled] .btn-microsoft:hover,
.settings .btn-microsoft.disabled:focus,
.settings .btn-microsoft[disabled]:focus,
.settings fieldset[disabled] .btn-microsoft:focus,
.settings .btn-microsoft.disabled:active,
.settings .btn-microsoft[disabled]:active,
.settings fieldset[disabled] .btn-microsoft:active,
.settings .btn-microsoft.disabled.active,
.settings .btn-microsoft[disabled].active,
.settings fieldset[disabled] .btn-microsoft.active {
    background-color: #2672ec;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-microsoft .badge {
    color: #2672ec;
    background-color: #fff;
}

.settings .btn-openid {
    color: #fff;
    background-color: #f7931e;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-openid:hover, .settings .btn-openid:focus,
.settings .btn-openid:active, .settings .btn-openid.active,
.settings .open>.dropdown-toggle.btn-openid {
    color: #fff;
    background-color: #da7908;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-openid:active, .settings .btn-openid.active,
.settings .open>.dropdown-toggle.btn-openid {
    background-image: none;
}

.settings .btn-openid.disabled, .settings .btn-openid[disabled],
.settings fieldset[disabled] .btn-openid, .settings .btn-openid.disabled:hover,
.settings .btn-openid[disabled]:hover,
.settings fieldset[disabled] .btn-openid:hover,
.settings .btn-openid.disabled:focus, .settings .btn-openid[disabled]:focus,
.settings fieldset[disabled] .btn-openid:focus,
.settings .btn-openid.disabled:active, .settings .btn-openid[disabled]:active,
.settings fieldset[disabled] .btn-openid:active,
.settings .btn-openid.disabled.active, .settings .btn-openid[disabled].active,
.settings fieldset[disabled] .btn-openid.active {
    background-color: #f7931e;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-openid .badge {
    color: #f7931e;
    background-color: #fff;
}

.settings .btn-pinterest {
    color: #fff;
    background-color: #cb2027;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-pinterest:hover, .settings .btn-pinterest:focus,
.settings .btn-pinterest:active, .settings .btn-pinterest.active,
.settings .open>.dropdown-toggle.btn-pinterest {
    color: #fff;
    background-color: #9f191f;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-pinterest:active, .settings .btn-pinterest.active,
.settings .open>.dropdown-toggle.btn-pinterest {
    background-image: none;
}

.settings .btn-pinterest.disabled, .settings .btn-pinterest[disabled],
.settings fieldset[disabled] .btn-pinterest,
.settings .btn-pinterest.disabled:hover,
.settings .btn-pinterest[disabled]:hover,
.settings fieldset[disabled] .btn-pinterest:hover,
.settings .btn-pinterest.disabled:focus,
.settings .btn-pinterest[disabled]:focus,
.settings fieldset[disabled] .btn-pinterest:focus,
.settings .btn-pinterest.disabled:active,
.settings .btn-pinterest[disabled]:active,
.settings fieldset[disabled] .btn-pinterest:active,
.settings .btn-pinterest.disabled.active,
.settings .btn-pinterest[disabled].active,
.settings fieldset[disabled] .btn-pinterest.active {
    background-color: #cb2027;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-pinterest .badge {
    color: #cb2027;
    background-color: #fff;
}

.settings .btn-reddit {
    color: #000;
    background-color: #eff7ff;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-reddit:hover, .settings .btn-reddit:focus,
.settings .btn-reddit:active, .settings .btn-reddit.active,
.settings .open>.dropdown-toggle.btn-reddit {
    color: #000;
    background-color: #bcddff;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-reddit:active, .settings .btn-reddit.active,
.settings .open>.dropdown-toggle.btn-reddit {
    background-image: none;
}

.settings .btn-reddit.disabled, .settings .btn-reddit[disabled],
.settings fieldset[disabled] .btn-reddit, .settings .btn-reddit.disabled:hover,
.settings .btn-reddit[disabled]:hover,
.settings fieldset[disabled] .btn-reddit:hover,
.settings .btn-reddit.disabled:focus, .settings .btn-reddit[disabled]:focus,
.settings fieldset[disabled] .btn-reddit:focus,
.settings .btn-reddit.disabled:active, .settings .btn-reddit[disabled]:active,
.settings fieldset[disabled] .btn-reddit:active,
.settings .btn-reddit.disabled.active, .settings .btn-reddit[disabled].active,
.settings fieldset[disabled] .btn-reddit.active {
    background-color: #eff7ff;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-reddit .badge {
    color: #eff7ff;
    background-color: #000;
}

.settings .btn-soundcloud {
    color: #fff;
    background-color: #f50;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-soundcloud:hover, .settings .btn-soundcloud:focus,
.settings .btn-soundcloud:active, .settings .btn-soundcloud.active,
.settings .open>.dropdown-toggle.btn-soundcloud {
    color: #fff;
    background-color: #c40;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-soundcloud:active, .settings .btn-soundcloud.active,
.settings .open>.dropdown-toggle.btn-soundcloud {
    background-image: none;
}

.settings .btn-soundcloud.disabled, .settings .btn-soundcloud[disabled],
.settings fieldset[disabled] .btn-soundcloud,
.settings .btn-soundcloud.disabled:hover,
.settings .btn-soundcloud[disabled]:hover,
.settings fieldset[disabled] .btn-soundcloud:hover,
.settings .btn-soundcloud.disabled:focus,
.settings .btn-soundcloud[disabled]:focus,
.settings fieldset[disabled] .btn-soundcloud:focus,
.settings .btn-soundcloud.disabled:active,
.settings .btn-soundcloud[disabled]:active,
.settings fieldset[disabled] .btn-soundcloud:active,
.settings .btn-soundcloud.disabled.active,
.settings .btn-soundcloud[disabled].active,
.settings fieldset[disabled] .btn-soundcloud.active {
    background-color: #f50;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-soundcloud .badge {
    color: #f50;
    background-color: #fff;
}

.settings .btn-tumblr {
    color: #fff;
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-tumblr:hover, .settings .btn-tumblr:focus,
.settings .btn-tumblr:active, .settings .btn-tumblr.active,
.settings .open>.dropdown-toggle.btn-tumblr {
    color: #fff;
    background-color: #1c2d3f;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-tumblr:active, .settings .btn-tumblr.active,
.settings .open>.dropdown-toggle.btn-tumblr {
    background-image: none;
}

.settings .btn-tumblr.disabled, .settings .btn-tumblr[disabled],
.settings fieldset[disabled] .btn-tumblr, .settings .btn-tumblr.disabled:hover,
.settings .btn-tumblr[disabled]:hover,
.settings fieldset[disabled] .btn-tumblr:hover,
.settings .btn-tumblr.disabled:focus, .settings .btn-tumblr[disabled]:focus,
.settings fieldset[disabled] .btn-tumblr:focus,
.settings .btn-tumblr.disabled:active, .settings .btn-tumblr[disabled]:active,
.settings fieldset[disabled] .btn-tumblr:active,
.settings .btn-tumblr.disabled.active, .settings .btn-tumblr[disabled].active,
.settings fieldset[disabled] .btn-tumblr.active {
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-tumblr .badge {
    color: #2c4762;
    background-color: #fff;
}

.settings .btn-twitter {
    color: #fff;
    background-color: #55acee;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-twitter:hover, .settings .btn-twitter:focus,
.settings .btn-twitter:active, .settings .btn-twitter.active,
.settings .open>.dropdown-toggle.btn-twitter {
    color: #fff;
    background-color: #2795e9;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-twitter:active, .settings .btn-twitter.active,
.settings .open>.dropdown-toggle.btn-twitter {
    background-image: none;
}

.settings .btn-twitter.disabled, .settings .btn-twitter[disabled],
.settings fieldset[disabled] .btn-twitter, .settings .btn-twitter.disabled:hover,
.settings .btn-twitter[disabled]:hover,
.settings fieldset[disabled] .btn-twitter:hover,
.settings .btn-twitter.disabled:focus, .settings .btn-twitter[disabled]:focus,
.settings fieldset[disabled] .btn-twitter:focus,
.settings .btn-twitter.disabled:active, .settings .btn-twitter[disabled]:active,
.settings fieldset[disabled] .btn-twitter:active,
.settings .btn-twitter.disabled.active, .settings .btn-twitter[disabled].active,
.settings fieldset[disabled] .btn-twitter.active {
    background-color: #55acee;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-twitter .badge {
    color: #55acee;
    background-color: #fff;
}

.settings .btn-vimeo {
    color: #fff;
    background-color: #1ab7ea;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-vimeo:hover, .settings .btn-vimeo:focus,
.settings .btn-vimeo:active, .settings .btn-vimeo.active,
.settings .open>.dropdown-toggle.btn-vimeo {
    color: #fff;
    background-color: #1295bf;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-vimeo:active, .settings .btn-vimeo.active,
.settings .open>.dropdown-toggle.btn-vimeo {
    background-image: none;
}

.settings .btn-vimeo.disabled, .settings .btn-vimeo[disabled],
.settings fieldset[disabled] .btn-vimeo, .settings .btn-vimeo.disabled:hover,
.settings .btn-vimeo[disabled]:hover,
.settings fieldset[disabled] .btn-vimeo:hover,
.settings .btn-vimeo.disabled:focus, .settings .btn-vimeo[disabled]:focus,
.settings fieldset[disabled] .btn-vimeo:focus,
.settings .btn-vimeo.disabled:active, .settings .btn-vimeo[disabled]:active,
.settings fieldset[disabled] .btn-vimeo:active,
.settings .btn-vimeo.disabled.active, .settings .btn-vimeo[disabled].active,
.settings fieldset[disabled] .btn-vimeo.active {
    background-color: #1ab7ea;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-vimeo .badge {
    color: #1ab7ea;
    background-color: #fff;
}

.settings .btn-vk {
    color: #fff;
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-vk:hover, .settings .btn-vk:focus, .settings .btn-vk:active,
.settings .btn-vk.active, .settings .open>.dropdown-toggle.btn-vk {
    color: #fff;
    background-color: #466482;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-vk:active, .settings .btn-vk.active,
.settings .open>.dropdown-toggle.btn-vk {
    background-image: none;
}

.settings .btn-vk.disabled, .settings .btn-vk[disabled],
.settings fieldset[disabled] .btn-vk, .settings .btn-vk.disabled:hover,
.settings .btn-vk[disabled]:hover, .settings fieldset[disabled] .btn-vk:hover,
.settings .btn-vk.disabled:focus, .settings .btn-vk[disabled]:focus,
.settings fieldset[disabled] .btn-vk:focus, .settings .btn-vk.disabled:active,
.settings .btn-vk[disabled]:active, .settings fieldset[disabled] .btn-vk:active,
.settings .btn-vk.disabled.active, .settings .btn-vk[disabled].active,
.settings fieldset[disabled] .btn-vk.active {
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-vk .badge {
    color: #587ea3;
    background-color: #fff;
}

.settings .btn-yahoo {
    color: #fff;
    background-color: #720e9e;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-yahoo:hover, .settings .btn-yahoo:focus,
.settings .btn-yahoo:active, .settings .btn-yahoo.active,
.settings .open>.dropdown-toggle.btn-yahoo {
    color: #fff;
    background-color: #500a6f;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-yahoo:active, .settings .btn-yahoo.active,
.settings .open>.dropdown-toggle.btn-yahoo {
    background-image: none;
}

.settings .btn-yahoo.disabled, .settings .btn-yahoo[disabled],
.settings fieldset[disabled] .btn-yahoo, .settings .btn-yahoo.disabled:hover,
.settings .btn-yahoo[disabled]:hover,
.settings fieldset[disabled] .btn-yahoo:hover,
.settings .btn-yahoo.disabled:focus, .settings .btn-yahoo[disabled]:focus,
.settings fieldset[disabled] .btn-yahoo:focus,
.settings .btn-yahoo.disabled:active, .settings .btn-yahoo[disabled]:active,
.settings fieldset[disabled] .btn-yahoo:active,
.settings .btn-yahoo.disabled.active, .settings .btn-yahoo[disabled].active,
.settings fieldset[disabled] .btn-yahoo.active {
    background-color: #720e9e;
    border-color: rgba(0, 0, 0, .2);
}

.settings .btn-yahoo .badge {
    color: #720e9e;
    background-color: #fff;
}

.settings .btn-social {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}

.settings .btn-google {
    background-color: #fff;
    color: #757575;
}

.settings .btn-google:hover, .settings .btn-google:focus,
.settings .btn-google:active, .settings .btn-google.active,
.settings .open>.dropdown-toggle.btn-google {
    background-color: #eee;
    color: #757575;
}

.settings .btn-google.disabled, .settings .btn-google[disabled],
.settings fieldset[disabled] .btn-google, .settings .btn-google.disabled:hover,
.settings .btn-google[disabled]:hover,
.settings fieldset[disabled] .btn-google:hover,
.settings .btn-google.disabled:focus, .settings .btn-google[disabled]:focus,
.settings fieldset[disabled] .btn-google:focus,
.settings .btn-google.disabled:active, .settings .btn-google[disabled]:active,
.settings fieldset[disabled] .btn-google:active,
.settings .btn-google.disabled.active, .settings btn-google[disabled].active,
.settings fieldset[disabled] .btn-google.active {
    background-color: rgba(0, 0, 0, .08);
}

.settings .btn-google .icon::before {
    content: " ";
    display: block;
    width: 34px;
    height: 2em;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.settings .btn-google .icon-google::before {
    width: 21px;
    height: 44px;
    background-image: url(/build/5ad53eff23ff8214c783.svg);
}

.settings .btn-google .disabled .icon-google::before,
.settings .btn-google [disabled] .icon-google::before {
    background-image: url(/build/a0eb1459e71a376d4798.svg);
}

.settings .switch {
    position: relative;
    width: 33px;
    height: 15px;
    min-height: unset;
}

.settings .switch input {
    display: none;
}

.settings .switch.black .slider {
    background-color: #333;
}

.settings .switch.black .slider:before {
    background-color: #333;
}

.settings .switch.black input:checked+.slider {
    background-color: #fff;
}

.settings .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #686868;
    transition: .4s;
}

.settings .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: -2px;
    bottom: -2px;
    background-color: #686868;
    transition: .4s;
}

.settings input:checked+.slider {
    background-color: #fff;
}

.settings input:focus+.slider {
    box-shadow: 0 0 1px #fff;
}

.settings input:checked+.slider:before {
    transform: translateX(11px);
}

.settings .slider.round {
    border: solid #fff;
    border-radius: 34px;
    border-width: 2px;
    margin-right: 7px;
}

.settings .slider.round:before {
    border: solid #fff;
    border-radius: 50%;
    border-width: 2px;
}

.settings .btn-lg {
    padding: 10px 20px;
    font-weight: bold;
}

.settings .btn-social {
    display: block;
}

.settings a, .settings a:focus, .settings a:hover {
    color: #fff;
}

.settings h3 {
    font-weight: 600;
    font-size: 22px;
    padding-bottom: 12px;
    margin-top: 0;
    margin-bottom: 30px;
    border-bottom: 2px solid #4f4f4f;
}

.settings h4 {
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 12px;
    margin-top: 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #4f4f4f;
}

.settings .form-horizontal .control-label {
    margin-bottom: 5px;
}

.settings .notification-setting-form input[type=checkbox] {
    margin-top: 0;
    margin-right: 10px;
}

.settings .notification-setting-form .fa {
    color: #868686;
}

.settings .notification-setting-form .checkbox-group label {
    font-weight: normal;
}

.settings .notification-setting-form .checkbox-group label:first-child {
    margin-right: 80px;
}

.settings .team-notification-settings-container {
    border: 1px solid #4f4f4f;
    border-radius: 4px;
}

.settings .team-notification-settings-container .team-notification-row.expanded .team-notification-content {
    max-height: 300px;
}

.settings .team-notification-settings-container .team-notification-row.expanded i.fa-angle-down {
    transform: rotate(-180deg);
}

.settings .team-notification-settings-container .team-notification-row:not(:last-child) {
    border-bottom: 1px solid #4f4f4f;
}

.settings .team-notification-settings-container .team-notification-title {
    -webkit-user-select: none;
            user-select: none;
    position: relative;
    padding: 20px;
    cursor: pointer;
}

.settings .team-notification-settings-container .team-notification-title .clickable-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.settings .team-notification-settings-container .team-notification-title .teaminfo {
    z-index: 1;
}

.settings .team-notification-settings-container .team-notification-title a {
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline;
}

.settings .team-notification-settings-container .team-notification-title i.fa-angle-down {
    transition: transform 200ms ease-in-out;
}

.settings .team-notification-settings-container .team-notification-title img.avatar {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 7px;
}

.settings .team-notification-settings-container .team-notification-title .modified {
    color: #cdcdcd;
    font-size: 14px;
}

.settings .team-notification-settings-container .team-notification-content {
    max-height: 0;
    height: auto;
    overflow: hidden;
    padding: 0 20px;
    transition: max-height 300ms ease-in-out;
}

.settings .team-notification-settings-container .notification-setting-form {
    padding: 0 10px 20px;
}

.settings .form-group.signin-methods .btn-revoke .disconnect {
    display: none;
}

.settings .form-group.signin-methods .btn-revoke:hover .connected {
    display: none;
}

.settings .form-group.signin-methods .btn-revoke:hover .disconnect {
    display: flex;
}

.delete-account-alert {
    background: #4f4f4f;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
    font-size: 16px;
    word-break: break-all;
}

.delete-account-alert ul {
    padding-left: 15px;
}

.delete-account-alert a {
    text-decoration: underline;
    color: #66b5f0;
}

.delete-account-alert a:hover, .delete-account-alert a:focus {
    color: #66b5f0;
}

@media (min-width: 768px) {
    .col-sm-offset-2p5 {
        margin-left: 20.83333333%;
    }

    .col-sm-2p5 {
        width: 20.83333333%;
    }

    .col-sm-5p5 {
        width: 45.83333333%;
    }

    .col-sm-6p5 {
        width: 54.16666667%;
    }

    .col-sm-9p5 {
        width: 79.16666667%;
    }
}

@media (min-width: 992px) {
    .col-md-offset-2p5 {
        margin-left: 20.83333333%;
    }

    .col-md-2p5 {
        width: 20.83333333%;
    }

    .col-md-5p5 {
        width: 45.83333333%;
    }

    .col-md-6p5 {
        width: 54.16666667%;
    }

    .col-md-9p5 {
        width: 79.16666667%;
    }
}

@media (max-width: 470px) {
    .settings .btn-social {
        display: block;
        margin: 10px auto 0 auto;
    }

    .settings .form-group.signin-methods #sign-in-with-google-button {
        padding-left: 7px;
    }
}

@media (min-width: 768px)and (max-width: 991px) {
    .settings .form-horizontal .form-group-pull-right {
        float: unset;
        height: unset;
        margin-right: unset;
    }
}

@media (max-width: 450px) {
    .settings .form-group.signin-methods .btn-social.btn-lg {
        padding-left: 50px;
    }

    .settings .form-group.signin-methods .btn-social.btn-lg:first-child {
        width: 40px;
    }
}

.team-billing {
    margin: 0 40px 60px 22px;
    font-size: 16px;
}

.team-billing .page-title {
    margin: 30px 0;
}

.team-billing .section-title {
    border-bottom: solid 2px #4f4f4f;
    padding-bottom: 12px;
    font-size: 22px;
    margin: 60px 0 30px 0;
}

.team-billing .add-billing-role-title {
    margin-bottom: 5px;
}

.team-billing .add-billing-role-section {
    display: flex;
    margin-bottom: 30px;
}

.team-billing .add-billing-role-section .btn {
    padding: 7px 45px;
    height: 36px;
    font-size: 16px;
}

.team-billing .add-billing-role-tip {
    font-size: 13px;
    color: #868686;
}

.team-billing .searchUser {
    margin-right: 20px;
    background-color: transparent;
    font-size: 16px;
}

.team-billing .searchUser .selectize-input {
    height: 36px;
    background-color: transparent;
    padding: 7px 12px;
}

.team-billing .searchUser .selectize-input input {
    color: #fff;
}

.team-billing .searchUser .selectize-input input::placeholder {
    color: #868686;
}

.team-billing .searchUser .selectize-input::after {
    font-family: FontAwesome;
    content: "";
    position: absolute;
    right: 12px;
    top: 7px;
    color: #fff;
}

.team-billing .searchUser .selectize-input.focus::after {
    font-family: FontAwesome;
    content: "";
    position: absolute;
    right: 12px;
    top: 7px;
    color: #fff;
}

.team-billing .searchUser .selectize-dropdown {
    background-color: #333;
    color: #fff;
}

.team-billing .searchUser img.avatar {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    object-fit: cover;
    vertical-align: middle;
    margin-right: 6px;
}

.team-billing .searchUser .selectize-input.items img.avatar {
    width: 16px;
    height: 16px;
    margin-top: -3px;
}

@media (max-width: 767px) {
    .team-billing {
        margin: 0 20px 60px 0;
    }

    .team-billing .add-billing-role-section {
        display: block;
        margin-bottom: 15px;
    }

    .team-billing .add-billing-role-section .btn {
        margin-top: 5px;
        width: 100%;
    }
}

.loading_spinner .circular[data-v-213df31f] {
    animation: rotate-data-v-213df31f 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
}
.loading_spinner .path[data-v-213df31f] {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash-data-v-213df31f 1.5s ease-in-out infinite;
    stroke-linecap: round;
}
@keyframes rotate-data-v-213df31f {
100% {
        transform: rotate(360deg);
}
}
@keyframes dash-data-v-213df31f {
0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
}
50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35;
}
100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124;
}
}

.hmd-text-left {
    text-align: left;
}

.hmd-text-right {
    text-align: right;
}

.hmd-text-center {
    text-align: center;
}

.hmd-text-bold {
    font-weight: bold;
}

.hmd-text-underline {
    text-decoration: underline;
}

.ellipsis-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

a.unset-anchor-style {
    color: unset;
}

a.unset-anchor-style:hover {
    color: unset;
    text-decoration: none;
}

.hmd-pa-0 {
    padding: 0;
}

.hmd-pv-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.hmd-ph-0 {
    padding-left: 0;
    padding-right: 0;
}

.hmd-pt-0 {
    padding-top: 0;
}

.hmd-pr-0 {
    padding-right: 0;
}

.hmd-pb-0 {
    padding-bottom: 0;
}

.hmd-pl-0 {
    padding-left: 0;
}

.hmd-pa-1\/10 {
    padding: 1px;
}

.hmd-pv-1\/10 {
    padding-top: 1px;
    padding-bottom: 1px;
}

.hmd-ph-1\/10 {
    padding-left: 1px;
    padding-right: 1px;
}

.hmd-pt-1\/10 {
    padding-top: 1px;
}

.hmd-pr-1\/10 {
    padding-right: 1px;
}

.hmd-pb-1\/10 {
    padding-bottom: 1px;
}

.hmd-pl-1\/10 {
    padding-left: 1px;
}

.hmd-pa-1\/5 {
    padding: 2px;
}

.hmd-pv-1\/5 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.hmd-ph-1\/5 {
    padding-left: 2px;
    padding-right: 2px;
}

.hmd-pt-1\/5 {
    padding-top: 2px;
}

.hmd-pr-1\/5 {
    padding-right: 2px;
}

.hmd-pb-1\/5 {
    padding-bottom: 2px;
}

.hmd-pl-1\/5 {
    padding-left: 2px;
}

.hmd-pa-1\/4 {
    padding: .25rem;
}

.hmd-pv-1\/4 {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.hmd-ph-1\/4 {
    padding-left: .25rem;
    padding-right: .25rem;
}

.hmd-pt-1\/4 {
    padding-top: .25rem;
}

.hmd-pr-1\/4 {
    padding-right: .25rem;
}

.hmd-pb-1\/4 {
    padding-bottom: .25rem;
}

.hmd-pl-1\/4 {
    padding-left: .25rem;
}

.hmd-pa-3\/4 {
    padding: .75rem;
}

.hmd-pv-3\/4 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.hmd-ph-3\/4 {
    padding-left: .75rem;
    padding-right: .75rem;
}

.hmd-pt-3\/4 {
    padding-top: .75rem;
}

.hmd-pr-3\/4 {
    padding-right: .75rem;
}

.hmd-pb-3\/4 {
    padding-bottom: .75rem;
}

.hmd-pl-3\/4 {
    padding-left: .75rem;
}

.hmd-pa-1\/8 {
    padding: .125rem;
}

.hmd-pv-1\/8 {
    padding-top: .125rem;
    padding-bottom: .125rem;
}

.hmd-ph-1\/8 {
    padding-left: .125rem;
    padding-right: .125rem;
}

.hmd-pt-1\/8 {
    padding-top: .125rem;
}

.hmd-pr-1\/8 {
    padding-right: .125rem;
}

.hmd-pb-1\/8 {
    padding-bottom: .125rem;
}

.hmd-pl-1\/8 {
    padding-left: .125rem;
}

.hmd-pa-1\/2 {
    padding: 5px;
}

.hmd-pv-1\/2 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.hmd-ph-1\/2 {
    padding-left: 5px;
    padding-right: 5px;
}

.hmd-pt-1\/2 {
    padding-top: 5px;
}

.hmd-pr-1\/2 {
    padding-right: 5px;
}

.hmd-pb-1\/2 {
    padding-bottom: 5px;
}

.hmd-pl-1\/2 {
    padding-left: 5px;
}

.hmd-pa-1 {
    padding: 10px;
}

.hmd-pv-1 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.hmd-ph-1 {
    padding-left: 10px;
    padding-right: 10px;
}

.hmd-pt-1 {
    padding-top: 10px;
}

.hmd-pr-1 {
    padding-right: 10px;
}

.hmd-pb-1 {
    padding-bottom: 10px;
}

.hmd-pl-1 {
    padding-left: 10px;
}

.hmd-pa-3\/2 {
    padding: 15px;
}

.hmd-pv-3\/2 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.hmd-ph-3\/2 {
    padding-left: 15px;
    padding-right: 15px;
}

.hmd-pt-3\/2 {
    padding-top: 15px;
}

.hmd-pr-3\/2 {
    padding-right: 15px;
}

.hmd-pb-3\/2 {
    padding-bottom: 15px;
}

.hmd-pl-3\/2 {
    padding-left: 15px;
}

.hmd-pa-2 {
    padding: 20px;
}

.hmd-pv-2 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.hmd-ph-2 {
    padding-left: 20px;
    padding-right: 20px;
}

.hmd-pt-2 {
    padding-top: 20px;
}

.hmd-pr-2 {
    padding-right: 20px;
}

.hmd-pb-2 {
    padding-bottom: 20px;
}

.hmd-pl-2 {
    padding-left: 20px;
}

.hmd-pa-25 {
    padding: 25px;
}

.hmd-pv-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.hmd-ph-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.hmd-pt-25 {
    padding-top: 25px;
}

.hmd-pr-25 {
    padding-right: 25px;
}

.hmd-pb-25 {
    padding-bottom: 25px;
}

.hmd-pl-25 {
    padding-left: 25px;
}

.hmd-pa-3 {
    padding: 30px;
}

.hmd-pv-3 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.hmd-ph-3 {
    padding-left: 30px;
    padding-right: 30px;
}

.hmd-pt-3 {
    padding-top: 30px;
}

.hmd-pr-3 {
    padding-right: 30px;
}

.hmd-pb-3 {
    padding-bottom: 30px;
}

.hmd-pl-3 {
    padding-left: 30px;
}

.hmd-pa-35 {
    padding: 35px;
}

.hmd-pv-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.hmd-ph-35 {
    padding-left: 35px;
    padding-right: 35px;
}

.hmd-pt-35 {
    padding-top: 35px;
}

.hmd-pr-35 {
    padding-right: 35px;
}

.hmd-pb-35 {
    padding-bottom: 35px;
}

.hmd-pl-35 {
    padding-left: 35px;
}

.hmd-pa-4 {
    padding: 40px;
}

.hmd-pv-4 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.hmd-ph-4 {
    padding-left: 40px;
    padding-right: 40px;
}

.hmd-pt-4 {
    padding-top: 40px;
}

.hmd-pr-4 {
    padding-right: 40px;
}

.hmd-pb-4 {
    padding-bottom: 40px;
}

.hmd-pl-4 {
    padding-left: 40px;
}

.hmd-pa-5 {
    padding: 50px;
}

.hmd-pv-5 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.hmd-ph-5 {
    padding-left: 50px;
    padding-right: 50px;
}

.hmd-pt-5 {
    padding-top: 50px;
}

.hmd-pr-5 {
    padding-right: 50px;
}

.hmd-pb-5 {
    padding-bottom: 50px;
}

.hmd-pl-5 {
    padding-left: 50px;
}

.hmd-pa-55 {
    padding: 55px;
}

.hmd-pv-55 {
    padding-top: 55px;
    padding-bottom: 55px;
}

.hmd-ph-55 {
    padding-left: 55px;
    padding-right: 55px;
}

.hmd-pt-55 {
    padding-top: 55px;
}

.hmd-pr-55 {
    padding-right: 55px;
}

.hmd-pb-55 {
    padding-bottom: 55px;
}

.hmd-pl-55 {
    padding-left: 55px;
}

.hmd-pa-6 {
    padding: 60px;
}

.hmd-pv-6 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.hmd-ph-6 {
    padding-left: 60px;
    padding-right: 60px;
}

.hmd-pt-6 {
    padding-top: 60px;
}

.hmd-pr-6 {
    padding-right: 60px;
}

.hmd-pb-6 {
    padding-bottom: 60px;
}

.hmd-pl-6 {
    padding-left: 60px;
}

.hmd-pa-7 {
    padding: 70px;
}

.hmd-pv-7 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.hmd-ph-7 {
    padding-left: 70px;
    padding-right: 70px;
}

.hmd-pt-7 {
    padding-top: 70px;
}

.hmd-pr-7 {
    padding-right: 70px;
}

.hmd-pb-7 {
    padding-bottom: 70px;
}

.hmd-pl-7 {
    padding-left: 70px;
}

.hmd-pa-8 {
    padding: 80px;
}

.hmd-pv-8 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.hmd-ph-8 {
    padding-left: 80px;
    padding-right: 80px;
}

.hmd-pt-8 {
    padding-top: 80px;
}

.hmd-pr-8 {
    padding-right: 80px;
}

.hmd-pb-8 {
    padding-bottom: 80px;
}

.hmd-pl-8 {
    padding-left: 80px;
}

.hmd-pa-10 {
    padding: 100px;
}

.hmd-pv-10 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.hmd-ph-10 {
    padding-left: 100px;
    padding-right: 100px;
}

.hmd-pt-10 {
    padding-top: 100px;
}

.hmd-pr-10 {
    padding-right: 100px;
}

.hmd-pb-10 {
    padding-bottom: 100px;
}

.hmd-pl-10 {
    padding-left: 100px;
}

.hmd-pa-12 {
    padding: 120px;
}

.hmd-pv-12 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.hmd-ph-12 {
    padding-left: 120px;
    padding-right: 120px;
}

.hmd-pt-12 {
    padding-top: 120px;
}

.hmd-pr-12 {
    padding-right: 120px;
}

.hmd-pb-12 {
    padding-bottom: 120px;
}

.hmd-pl-12 {
    padding-left: 120px;
}

.hmd-pa-14 {
    padding: 140px;
}

.hmd-pv-14 {
    padding-top: 140px;
    padding-bottom: 140px;
}

.hmd-ph-14 {
    padding-left: 140px;
    padding-right: 140px;
}

.hmd-pt-14 {
    padding-top: 140px;
}

.hmd-pr-14 {
    padding-right: 140px;
}

.hmd-pb-14 {
    padding-bottom: 140px;
}

.hmd-pl-14 {
    padding-left: 140px;
}

.hmd-pa-16 {
    padding: 160px;
}

.hmd-pv-16 {
    padding-top: 160px;
    padding-bottom: 160px;
}

.hmd-ph-16 {
    padding-left: 160px;
    padding-right: 160px;
}

.hmd-pt-16 {
    padding-top: 160px;
}

.hmd-pr-16 {
    padding-right: 160px;
}

.hmd-pb-16 {
    padding-bottom: 160px;
}

.hmd-pl-16 {
    padding-left: 160px;
}

.hmd-pa-auto {
    padding: auto;
}

.hmd-pv-auto {
    padding-top: auto;
    padding-bottom: auto;
}

.hmd-ph-auto {
    padding-left: auto;
    padding-right: auto;
}

.hmd-pt-auto {
    padding-top: auto;
}

.hmd-pr-auto {
    padding-right: auto;
}

.hmd-pb-auto {
    padding-bottom: auto;
}

.hmd-pl-auto {
    padding-left: auto;
}

.hmd-ma-0 {
    margin: 0;
}

.hmd-mv-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.hmd-mh-0 {
    margin-left: 0;
    margin-right: 0;
}

.hmd-mt-0 {
    margin-top: 0;
}

.hmd-mr-0 {
    margin-right: 0;
}

.hmd-mb-0 {
    margin-bottom: 0;
}

.hmd-ml-0 {
    margin-left: 0;
}

.hmd-nt-0 {
    margin-top: -0;
}

.hmd-nr-0 {
    margin-right: -0;
}

.hmd-nb-0 {
    margin-bottom: -0;
}

.hmd-nl-0 {
    margin-left: -0;
}

.hmd-ma-1\/10 {
    margin: 1px;
}

.hmd-mv-1\/10 {
    margin-top: 1px;
    margin-bottom: 1px;
}

.hmd-mh-1\/10 {
    margin-left: 1px;
    margin-right: 1px;
}

.hmd-mt-1\/10 {
    margin-top: 1px;
}

.hmd-mr-1\/10 {
    margin-right: 1px;
}

.hmd-mb-1\/10 {
    margin-bottom: 1px;
}

.hmd-ml-1\/10 {
    margin-left: 1px;
}

.hmd-nt-1\/10 {
    margin-top: -1px;
}

.hmd-nr-1\/10 {
    margin-right: -1px;
}

.hmd-nb-1\/10 {
    margin-bottom: -1px;
}

.hmd-nl-1\/10 {
    margin-left: -1px;
}

.hmd-ma-1\/5 {
    margin: 2px;
}

.hmd-mv-1\/5 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.hmd-mh-1\/5 {
    margin-left: 2px;
    margin-right: 2px;
}

.hmd-mt-1\/5 {
    margin-top: 2px;
}

.hmd-mr-1\/5 {
    margin-right: 2px;
}

.hmd-mb-1\/5 {
    margin-bottom: 2px;
}

.hmd-ml-1\/5 {
    margin-left: 2px;
}

.hmd-nt-1\/5 {
    margin-top: -2px;
}

.hmd-nr-1\/5 {
    margin-right: -2px;
}

.hmd-nb-1\/5 {
    margin-bottom: -2px;
}

.hmd-nl-1\/5 {
    margin-left: -2px;
}

.hmd-ma-1\/4 {
    margin: .25rem;
}

.hmd-mv-1\/4 {
    margin-top: .25rem;
    margin-bottom: .25rem;
}

.hmd-mh-1\/4 {
    margin-left: .25rem;
    margin-right: .25rem;
}

.hmd-mt-1\/4 {
    margin-top: .25rem;
}

.hmd-mr-1\/4 {
    margin-right: .25rem;
}

.hmd-mb-1\/4 {
    margin-bottom: .25rem;
}

.hmd-ml-1\/4 {
    margin-left: .25rem;
}

.hmd-nt-1\/4 {
    margin-top: -0.25rem;
}

.hmd-nr-1\/4 {
    margin-right: -0.25rem;
}

.hmd-nb-1\/4 {
    margin-bottom: -0.25rem;
}

.hmd-nl-1\/4 {
    margin-left: -0.25rem;
}

.hmd-ma-3\/4 {
    margin: .75rem;
}

.hmd-mv-3\/4 {
    margin-top: .75rem;
    margin-bottom: .75rem;
}

.hmd-mh-3\/4 {
    margin-left: .75rem;
    margin-right: .75rem;
}

.hmd-mt-3\/4 {
    margin-top: .75rem;
}

.hmd-mr-3\/4 {
    margin-right: .75rem;
}

.hmd-mb-3\/4 {
    margin-bottom: .75rem;
}

.hmd-ml-3\/4 {
    margin-left: .75rem;
}

.hmd-nt-3\/4 {
    margin-top: -0.75rem;
}

.hmd-nr-3\/4 {
    margin-right: -0.75rem;
}

.hmd-nb-3\/4 {
    margin-bottom: -0.75rem;
}

.hmd-nl-3\/4 {
    margin-left: -0.75rem;
}

.hmd-ma-1\/8 {
    margin: .125rem;
}

.hmd-mv-1\/8 {
    margin-top: .125rem;
    margin-bottom: .125rem;
}

.hmd-mh-1\/8 {
    margin-left: .125rem;
    margin-right: .125rem;
}

.hmd-mt-1\/8 {
    margin-top: .125rem;
}

.hmd-mr-1\/8 {
    margin-right: .125rem;
}

.hmd-mb-1\/8 {
    margin-bottom: .125rem;
}

.hmd-ml-1\/8 {
    margin-left: .125rem;
}

.hmd-nt-1\/8 {
    margin-top: -0.125rem;
}

.hmd-nr-1\/8 {
    margin-right: -0.125rem;
}

.hmd-nb-1\/8 {
    margin-bottom: -0.125rem;
}

.hmd-nl-1\/8 {
    margin-left: -0.125rem;
}

.hmd-ma-1\/2 {
    margin: 5px;
}

.hmd-mv-1\/2 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.hmd-mh-1\/2 {
    margin-left: 5px;
    margin-right: 5px;
}

.hmd-mt-1\/2 {
    margin-top: 5px;
}

.hmd-mr-1\/2 {
    margin-right: 5px;
}

.hmd-mb-1\/2 {
    margin-bottom: 5px;
}

.hmd-ml-1\/2 {
    margin-left: 5px;
}

.hmd-nt-1\/2 {
    margin-top: -5px;
}

.hmd-nr-1\/2 {
    margin-right: -5px;
}

.hmd-nb-1\/2 {
    margin-bottom: -5px;
}

.hmd-nl-1\/2 {
    margin-left: -5px;
}

.hmd-ma-1 {
    margin: 10px;
}

.hmd-mv-1 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.hmd-mh-1 {
    margin-left: 10px;
    margin-right: 10px;
}

.hmd-mt-1 {
    margin-top: 10px;
}

.hmd-mr-1 {
    margin-right: 10px;
}

.hmd-mb-1 {
    margin-bottom: 10px;
}

.hmd-ml-1 {
    margin-left: 10px;
}

.hmd-nt-1 {
    margin-top: -10px;
}

.hmd-nr-1 {
    margin-right: -10px;
}

.hmd-nb-1 {
    margin-bottom: -10px;
}

.hmd-nl-1 {
    margin-left: -10px;
}

.hmd-ma-3\/2 {
    margin: 15px;
}

.hmd-mv-3\/2 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.hmd-mh-3\/2 {
    margin-left: 15px;
    margin-right: 15px;
}

.hmd-mt-3\/2 {
    margin-top: 15px;
}

.hmd-mr-3\/2 {
    margin-right: 15px;
}

.hmd-mb-3\/2 {
    margin-bottom: 15px;
}

.hmd-ml-3\/2 {
    margin-left: 15px;
}

.hmd-nt-3\/2 {
    margin-top: -15px;
}

.hmd-nr-3\/2 {
    margin-right: -15px;
}

.hmd-nb-3\/2 {
    margin-bottom: -15px;
}

.hmd-nl-3\/2 {
    margin-left: -15px;
}

.hmd-ma-2 {
    margin: 20px;
}

.hmd-mv-2 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.hmd-mh-2 {
    margin-left: 20px;
    margin-right: 20px;
}

.hmd-mt-2 {
    margin-top: 20px;
}

.hmd-mr-2 {
    margin-right: 20px;
}

.hmd-mb-2 {
    margin-bottom: 20px;
}

.hmd-ml-2 {
    margin-left: 20px;
}

.hmd-nt-2 {
    margin-top: -20px;
}

.hmd-nr-2 {
    margin-right: -20px;
}

.hmd-nb-2 {
    margin-bottom: -20px;
}

.hmd-nl-2 {
    margin-left: -20px;
}

.hmd-ma-25 {
    margin: 25px;
}

.hmd-mv-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.hmd-mh-25 {
    margin-left: 25px;
    margin-right: 25px;
}

.hmd-mt-25 {
    margin-top: 25px;
}

.hmd-mr-25 {
    margin-right: 25px;
}

.hmd-mb-25 {
    margin-bottom: 25px;
}

.hmd-ml-25 {
    margin-left: 25px;
}

.hmd-nt-25 {
    margin-top: -25px;
}

.hmd-nr-25 {
    margin-right: -25px;
}

.hmd-nb-25 {
    margin-bottom: -25px;
}

.hmd-nl-25 {
    margin-left: -25px;
}

.hmd-ma-3 {
    margin: 30px;
}

.hmd-mv-3 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.hmd-mh-3 {
    margin-left: 30px;
    margin-right: 30px;
}

.hmd-mt-3 {
    margin-top: 30px;
}

.hmd-mr-3 {
    margin-right: 30px;
}

.hmd-mb-3 {
    margin-bottom: 30px;
}

.hmd-ml-3 {
    margin-left: 30px;
}

.hmd-nt-3 {
    margin-top: -30px;
}

.hmd-nr-3 {
    margin-right: -30px;
}

.hmd-nb-3 {
    margin-bottom: -30px;
}

.hmd-nl-3 {
    margin-left: -30px;
}

.hmd-ma-35 {
    margin: 35px;
}

.hmd-mv-35 {
    margin-top: 35px;
    margin-bottom: 35px;
}

.hmd-mh-35 {
    margin-left: 35px;
    margin-right: 35px;
}

.hmd-mt-35 {
    margin-top: 35px;
}

.hmd-mr-35 {
    margin-right: 35px;
}

.hmd-mb-35 {
    margin-bottom: 35px;
}

.hmd-ml-35 {
    margin-left: 35px;
}

.hmd-nt-35 {
    margin-top: -35px;
}

.hmd-nr-35 {
    margin-right: -35px;
}

.hmd-nb-35 {
    margin-bottom: -35px;
}

.hmd-nl-35 {
    margin-left: -35px;
}

.hmd-ma-4 {
    margin: 40px;
}

.hmd-mv-4 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.hmd-mh-4 {
    margin-left: 40px;
    margin-right: 40px;
}

.hmd-mt-4 {
    margin-top: 40px;
}

.hmd-mr-4 {
    margin-right: 40px;
}

.hmd-mb-4 {
    margin-bottom: 40px;
}

.hmd-ml-4 {
    margin-left: 40px;
}

.hmd-nt-4 {
    margin-top: -40px;
}

.hmd-nr-4 {
    margin-right: -40px;
}

.hmd-nb-4 {
    margin-bottom: -40px;
}

.hmd-nl-4 {
    margin-left: -40px;
}

.hmd-ma-5 {
    margin: 50px;
}

.hmd-mv-5 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.hmd-mh-5 {
    margin-left: 50px;
    margin-right: 50px;
}

.hmd-mt-5 {
    margin-top: 50px;
}

.hmd-mr-5 {
    margin-right: 50px;
}

.hmd-mb-5 {
    margin-bottom: 50px;
}

.hmd-ml-5 {
    margin-left: 50px;
}

.hmd-nt-5 {
    margin-top: -50px;
}

.hmd-nr-5 {
    margin-right: -50px;
}

.hmd-nb-5 {
    margin-bottom: -50px;
}

.hmd-nl-5 {
    margin-left: -50px;
}

.hmd-ma-55 {
    margin: 55px;
}

.hmd-mv-55 {
    margin-top: 55px;
    margin-bottom: 55px;
}

.hmd-mh-55 {
    margin-left: 55px;
    margin-right: 55px;
}

.hmd-mt-55 {
    margin-top: 55px;
}

.hmd-mr-55 {
    margin-right: 55px;
}

.hmd-mb-55 {
    margin-bottom: 55px;
}

.hmd-ml-55 {
    margin-left: 55px;
}

.hmd-nt-55 {
    margin-top: -55px;
}

.hmd-nr-55 {
    margin-right: -55px;
}

.hmd-nb-55 {
    margin-bottom: -55px;
}

.hmd-nl-55 {
    margin-left: -55px;
}

.hmd-ma-6 {
    margin: 60px;
}

.hmd-mv-6 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.hmd-mh-6 {
    margin-left: 60px;
    margin-right: 60px;
}

.hmd-mt-6 {
    margin-top: 60px;
}

.hmd-mr-6 {
    margin-right: 60px;
}

.hmd-mb-6 {
    margin-bottom: 60px;
}

.hmd-ml-6 {
    margin-left: 60px;
}

.hmd-nt-6 {
    margin-top: -60px;
}

.hmd-nr-6 {
    margin-right: -60px;
}

.hmd-nb-6 {
    margin-bottom: -60px;
}

.hmd-nl-6 {
    margin-left: -60px;
}

.hmd-ma-7 {
    margin: 70px;
}

.hmd-mv-7 {
    margin-top: 70px;
    margin-bottom: 70px;
}

.hmd-mh-7 {
    margin-left: 70px;
    margin-right: 70px;
}

.hmd-mt-7 {
    margin-top: 70px;
}

.hmd-mr-7 {
    margin-right: 70px;
}

.hmd-mb-7 {
    margin-bottom: 70px;
}

.hmd-ml-7 {
    margin-left: 70px;
}

.hmd-nt-7 {
    margin-top: -70px;
}

.hmd-nr-7 {
    margin-right: -70px;
}

.hmd-nb-7 {
    margin-bottom: -70px;
}

.hmd-nl-7 {
    margin-left: -70px;
}

.hmd-ma-8 {
    margin: 80px;
}

.hmd-mv-8 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.hmd-mh-8 {
    margin-left: 80px;
    margin-right: 80px;
}

.hmd-mt-8 {
    margin-top: 80px;
}

.hmd-mr-8 {
    margin-right: 80px;
}

.hmd-mb-8 {
    margin-bottom: 80px;
}

.hmd-ml-8 {
    margin-left: 80px;
}

.hmd-nt-8 {
    margin-top: -80px;
}

.hmd-nr-8 {
    margin-right: -80px;
}

.hmd-nb-8 {
    margin-bottom: -80px;
}

.hmd-nl-8 {
    margin-left: -80px;
}

.hmd-ma-10 {
    margin: 100px;
}

.hmd-mv-10 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.hmd-mh-10 {
    margin-left: 100px;
    margin-right: 100px;
}

.hmd-mt-10 {
    margin-top: 100px;
}

.hmd-mr-10 {
    margin-right: 100px;
}

.hmd-mb-10 {
    margin-bottom: 100px;
}

.hmd-ml-10 {
    margin-left: 100px;
}

.hmd-nt-10 {
    margin-top: -100px;
}

.hmd-nr-10 {
    margin-right: -100px;
}

.hmd-nb-10 {
    margin-bottom: -100px;
}

.hmd-nl-10 {
    margin-left: -100px;
}

.hmd-ma-12 {
    margin: 120px;
}

.hmd-mv-12 {
    margin-top: 120px;
    margin-bottom: 120px;
}

.hmd-mh-12 {
    margin-left: 120px;
    margin-right: 120px;
}

.hmd-mt-12 {
    margin-top: 120px;
}

.hmd-mr-12 {
    margin-right: 120px;
}

.hmd-mb-12 {
    margin-bottom: 120px;
}

.hmd-ml-12 {
    margin-left: 120px;
}

.hmd-nt-12 {
    margin-top: -120px;
}

.hmd-nr-12 {
    margin-right: -120px;
}

.hmd-nb-12 {
    margin-bottom: -120px;
}

.hmd-nl-12 {
    margin-left: -120px;
}

.hmd-ma-14 {
    margin: 140px;
}

.hmd-mv-14 {
    margin-top: 140px;
    margin-bottom: 140px;
}

.hmd-mh-14 {
    margin-left: 140px;
    margin-right: 140px;
}

.hmd-mt-14 {
    margin-top: 140px;
}

.hmd-mr-14 {
    margin-right: 140px;
}

.hmd-mb-14 {
    margin-bottom: 140px;
}

.hmd-ml-14 {
    margin-left: 140px;
}

.hmd-nt-14 {
    margin-top: -140px;
}

.hmd-nr-14 {
    margin-right: -140px;
}

.hmd-nb-14 {
    margin-bottom: -140px;
}

.hmd-nl-14 {
    margin-left: -140px;
}

.hmd-ma-16 {
    margin: 160px;
}

.hmd-mv-16 {
    margin-top: 160px;
    margin-bottom: 160px;
}

.hmd-mh-16 {
    margin-left: 160px;
    margin-right: 160px;
}

.hmd-mt-16 {
    margin-top: 160px;
}

.hmd-mr-16 {
    margin-right: 160px;
}

.hmd-mb-16 {
    margin-bottom: 160px;
}

.hmd-ml-16 {
    margin-left: 160px;
}

.hmd-nt-16 {
    margin-top: -160px;
}

.hmd-nr-16 {
    margin-right: -160px;
}

.hmd-nb-16 {
    margin-bottom: -160px;
}

.hmd-nl-16 {
    margin-left: -160px;
}

.hmd-ma-auto {
    margin: auto;
}

.hmd-mv-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.hmd-mh-auto {
    margin-left: auto;
    margin-right: auto;
}

.hmd-mt-auto {
    margin-top: auto;
}

.hmd-mr-auto {
    margin-right: auto;
}

.hmd-mb-auto {
    margin-bottom: auto;
}

.hmd-ml-auto {
    margin-left: auto;
}

.hmd-nt-auto {
    margin-top: -auto;
}

.hmd-nr-auto {
    margin-right: -auto;
}

.hmd-nb-auto {
    margin-bottom: -auto;
}

.hmd-nl-auto {
    margin-left: -auto;
}

.hmd-mh-auto- {
    margin: 0 auto;
}

.hmd-flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.hmd-flex-auto {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}

.hmd-flex-one {
    flex: 1;
}

.hmd-flex-two {
    flex: 2;
}

.hmd-flex-none {
    flex: none;
}

.hmd-flex-column {
    flex-direction: column;
}

.hmd-flex-row {
    flex-direction: row;
}

.hmd-flex-wrap {
    flex-wrap: wrap;
}

.hmd-flex-nowrap {
    flex-wrap: nowrap;
}

.hmd-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.hmd-flex-column-reverse {
    flex-direction: column-reverse;
}

.hmd-flex-row-reverse {
    flex-direction: row-reverse;
}

.hmd-items-start {
    align-items: flex-start;
}

.hmd-items-end {
    align-items: flex-end;
}

.hmd-items-center {
    align-items: center;
}

.hmd-items-baseline {
    align-items: baseline;
}

.hmd-items-stretch {
    align-items: stretch;
}

.hmd-self-start {
    align-self: flex-start;
}

.hmd-self-end {
    align-self: flex-end;
}

.hmd-self-center {
    align-self: center;
}

.hmd-self-baseline {
    align-self: baseline;
}

.hmd-self-stretch {
    align-self: stretch;
}

.hmd-justify-start {
    justify-content: flex-start;
}

.hmd-justify-end {
    justify-content: flex-end;
}

.hmd-justify-center {
    justify-content: center;
}

.hmd-justify-between {
    justify-content: space-between;
}

.hmd-justify-around {
    justify-content: space-around;
}

.hmd-content-start {
    align-content: flex-start;
}

.hmd-content-end {
    align-content: flex-end;
}

.hmd-content-center {
    align-content: center;
}

.hmd-content-between {
    align-content: space-between;
}

.hmd-content-around {
    align-content: space-around;
}

.hmd-content-stretch {
    align-content: stretch;
}

.hmd-order-0 {
    order: 0;
}

.hmd-order-1 {
    order: 1;
}

.hmd-order-2 {
    order: 2;
}

.hmd-order-3 {
    order: 3;
}

.hmd-order-4 {
    order: 4;
}

.hmd-order-5 {
    order: 5;
}

.hmd-order-6 {
    order: 6;
}

.hmd-order-7 {
    order: 7;
}

.hmd-order-8 {
    order: 8;
}

.hmd-order-last {
    order: 99999;
}

.hmd-flex-grow-0 {
    flex-grow: 0;
}

.hmd-flex-grow-1 {
    flex-grow: 1;
}

.hmd-flex-shrink-0 {
    flex-shrink: 0;
}

.hmd-flex-shrink-1 {
    flex-shrink: 1;
}

.hmd-w-1 {
    width: 10px;
}

.hmd-mw-1 {
    max-width: 10px;
}

.hmd-nw-1 {
    min-width: 10px;
}

.hmd-w-2 {
    width: 20px;
}

.hmd-mw-2 {
    max-width: 20px;
}

.hmd-nw-2 {
    min-width: 20px;
}

.hmd-w-3 {
    width: 30px;
}

.hmd-mw-3 {
    max-width: 30px;
}

.hmd-nw-3 {
    min-width: 30px;
}

.hmd-w-4 {
    width: 40px;
}

.hmd-mw-4 {
    max-width: 40px;
}

.hmd-nw-4 {
    min-width: 40px;
}

.hmd-w-8 {
    width: 80px;
}

.hmd-mw-8 {
    max-width: 80px;
}

.hmd-nw-8 {
    min-width: 80px;
}

.hmd-w-16 {
    width: 160px;
}

.hmd-mw-16 {
    max-width: 160px;
}

.hmd-nw-16 {
    min-width: 160px;
}

.hmd-w-18 {
    width: 180px;
}

.hmd-mw-18 {
    max-width: 180px;
}

.hmd-nw-18 {
    min-width: 180px;
}

.hmd-w-30 {
    width: 300px;
}

.hmd-mw-30 {
    max-width: 300px;
}

.hmd-nw-30 {
    min-width: 300px;
}

.hmd-w-110 {
    width: 1110px;
}

.hmd-mw-110 {
    max-width: 1110px;
}

.hmd-nw-110 {
    min-width: 1110px;
}

.hmd-w-1\/10 {
    width: 10%;
}

.hmd-mw-1\/10 {
    max-width: 10%;
}

.hmd-nw-1\/10 {
    min-width: 10%;
}

.hmd-w-1\/5 {
    width: 20%;
}

.hmd-mw-1\/5 {
    max-width: 20%;
}

.hmd-nw-1\/5 {
    min-width: 20%;
}

.hmd-w-1\/4 {
    width: 25%;
}

.hmd-mw-1\/4 {
    max-width: 25%;
}

.hmd-nw-1\/4 {
    min-width: 25%;
}

.hmd-w-3\/10 {
    width: 30%;
}

.hmd-mw-3\/10 {
    max-width: 30%;
}

.hmd-nw-3\/10 {
    min-width: 30%;
}

.hmd-w-1\/3 {
    width: 33.3333%;
}

.hmd-mw-1\/3 {
    max-width: 33.3333%;
}

.hmd-nw-1\/3 {
    min-width: 33.3333%;
}

.hmd-w-2\/5 {
    width: 40%;
}

.hmd-mw-2\/5 {
    max-width: 40%;
}

.hmd-nw-2\/5 {
    min-width: 40%;
}

.hmd-w-1\/2 {
    width: 50%;
}

.hmd-mw-1\/2 {
    max-width: 50%;
}

.hmd-nw-1\/2 {
    min-width: 50%;
}

.hmd-w-3\/5 {
    width: 60%;
}

.hmd-mw-3\/5 {
    max-width: 60%;
}

.hmd-nw-3\/5 {
    min-width: 60%;
}

.hmd-w-7\/10 {
    width: 70%;
}

.hmd-mw-7\/10 {
    max-width: 70%;
}

.hmd-nw-7\/10 {
    min-width: 70%;
}

.hmd-w-3\/4 {
    width: 75%;
}

.hmd-mw-3\/4 {
    max-width: 75%;
}

.hmd-nw-3\/4 {
    min-width: 75%;
}

.hmd-w-4\/5 {
    width: 80%;
}

.hmd-mw-4\/5 {
    max-width: 80%;
}

.hmd-nw-4\/5 {
    min-width: 80%;
}

.hmd-w-9\/10 {
    width: 90%;
}

.hmd-mw-9\/10 {
    max-width: 90%;
}

.hmd-nw-9\/10 {
    min-width: 90%;
}

.hmd-w-full {
    width: 100%;
}

.hmd-mw-full {
    max-width: 100%;
}

.hmd-nw-full {
    min-width: 100%;
}

.hmd-w-100 {
    width: 100%;
}

.hmd-mw-100 {
    max-width: 100%;
}

.hmd-nw-100 {
    min-width: 100%;
}

.hmd-w-auto {
    width: auto;
}

.hmd-mw-auto {
    max-width: auto;
}

.hmd-nw-auto {
    min-width: auto;
}

.hmd-h-1 {
    height: 10px;
}

.hmd-mxh-1 {
    max-height: 10px;
}

.hmd-nh-1 {
    min-height: 10px;
}

.hmd-h-2 {
    height: 20px;
}

.hmd-mxh-2 {
    max-height: 20px;
}

.hmd-nh-2 {
    min-height: 20px;
}

.hmd-h-3 {
    height: 30px;
}

.hmd-mxh-3 {
    max-height: 30px;
}

.hmd-nh-3 {
    min-height: 30px;
}

.hmd-h-4 {
    height: 40px;
}

.hmd-mxh-4 {
    max-height: 40px;
}

.hmd-nh-4 {
    min-height: 40px;
}

.hmd-h-8 {
    height: 80px;
}

.hmd-mxh-8 {
    max-height: 80px;
}

.hmd-nh-8 {
    min-height: 80px;
}

.hmd-h-16 {
    height: 160px;
}

.hmd-mxh-16 {
    max-height: 160px;
}

.hmd-nh-16 {
    min-height: 160px;
}

.hmd-h-18 {
    height: 180px;
}

.hmd-mxh-18 {
    max-height: 180px;
}

.hmd-nh-18 {
    min-height: 180px;
}

.hmd-h-30 {
    height: 300px;
}

.hmd-mxh-30 {
    max-height: 300px;
}

.hmd-nh-30 {
    min-height: 300px;
}

.hmd-h-1\/10 {
    height: 10%;
}

.hmd-mxh-1\/10 {
    max-height: 10%;
}

.hmd-nh-1\/10 {
    min-height: 10%;
}

.hmd-h-1\/5 {
    height: 20%;
}

.hmd-mxh-1\/5 {
    max-height: 20%;
}

.hmd-nh-1\/5 {
    min-height: 20%;
}

.hmd-h-1\/4 {
    height: 25%;
}

.hmd-mxh-1\/4 {
    max-height: 25%;
}

.hmd-nh-1\/4 {
    min-height: 25%;
}

.hmd-h-3\/10 {
    height: 30%;
}

.hmd-mxh-3\/10 {
    max-height: 30%;
}

.hmd-nh-3\/10 {
    min-height: 30%;
}

.hmd-h-1\/3 {
    height: 33.3333%;
}

.hmd-mxh-1\/3 {
    max-height: 33.3333%;
}

.hmd-nh-1\/3 {
    min-height: 33.3333%;
}

.hmd-h-2\/5 {
    height: 40%;
}

.hmd-mxh-2\/5 {
    max-height: 40%;
}

.hmd-nh-2\/5 {
    min-height: 40%;
}

.hmd-h-1\/2 {
    height: 50%;
}

.hmd-mxh-1\/2 {
    max-height: 50%;
}

.hmd-nh-1\/2 {
    min-height: 50%;
}

.hmd-h-3\/5 {
    height: 60%;
}

.hmd-mxh-3\/5 {
    max-height: 60%;
}

.hmd-nh-3\/5 {
    min-height: 60%;
}

.hmd-h-7\/10 {
    height: 70%;
}

.hmd-mxh-7\/10 {
    max-height: 70%;
}

.hmd-nh-7\/10 {
    min-height: 70%;
}

.hmd-h-3\/4 {
    height: 75%;
}

.hmd-mxh-3\/4 {
    max-height: 75%;
}

.hmd-nh-3\/4 {
    min-height: 75%;
}

.hmd-h-4\/5 {
    height: 80%;
}

.hmd-mxh-4\/5 {
    max-height: 80%;
}

.hmd-nh-4\/5 {
    min-height: 80%;
}

.hmd-h-9\/10 {
    height: 90%;
}

.hmd-mxh-9\/10 {
    max-height: 90%;
}

.hmd-nh-9\/10 {
    min-height: 90%;
}

.hmd-h-full {
    height: 100%;
}

.hmd-mxh-full {
    max-height: 100%;
}

.hmd-nh-full {
    min-height: 100%;
}

.hmd-h-100 {
    height: 100%;
}

.hmd-mxh-100 {
    max-height: 100%;
}

.hmd-nh-100 {
    min-height: 100%;
}

.hmd-h-auto {
    height: auto;
}

.hmd-mxh-auto {
    max-height: auto;
}

.hmd-nh-auto {
    min-height: auto;
}

.hmd-list-style-none {
    list-style: none;
}

.hmd-text-gray-darkest {
    color: #262626;
}

.hmd-bg-gray-darkest {
    background: #262626;
}

.hmd-text-gray-dark {
    color: #4f4f4f;
}

.hmd-bg-gray-dark {
    background: #4f4f4f;
}

.hmd-text-gray {
    color: #686868;
}

.hmd-bg-gray {
    background: #686868;
}

.hmd-text-gray-light {
    color: #888;
}

.hmd-bg-gray-light {
    background: #888;
}

.hmd-text-gray-lighter {
    color: #8f8f8f;
}

.hmd-bg-gray-lighter {
    background: #8f8f8f;
}

.hmd-text-gray-lighter-2 {
    color: #bebebe;
}

.hmd-bg-gray-lighter-2 {
    background: #bebebe;
}

.hmd-text-gray-lighter-3 {
    color: #888;
}

.hmd-bg-gray-lighter-3 {
    background: #888;
}

.hmd-text-gray-lighter-4 {
    color: #f8f8f8;
}

.hmd-bg-gray-lighter-4 {
    background: #f8f8f8;
}

.hmd-text-gray-lightest {
    color: #cdcdcd;
}

.hmd-bg-gray-lightest {
    background: #cdcdcd;
}

.hmd-text-gray-transparent {
    color: rgba(255, 255, 255, .3);
}

.hmd-bg-gray-transparent {
    background: rgba(255, 255, 255, .3);
}

.hmd-text-blue {
    color: #337ab7;
}

.hmd-bg-blue {
    background: #337ab7;
}

.hmd-text-blue-dark {
    color: #66b5f0;
}

.hmd-bg-blue-dark {
    background: #66b5f0;
}

.hmd-text-red {
    color: #ea4335;
}

.hmd-bg-red {
    background: #ea4335;
}

.hmd-text-red-dark {
    color: #ff6363;
}

.hmd-bg-red-dark {
    background: #ff6363;
}

.hmd-text-black-brand {
    color: #333;
}

.hmd-bg-black-brand {
    background: #333;
}

.hmd-text-white {
    color: #fff;
}

.hmd-bg-white {
    background: #fff;
}

.hmd-op-0 {
    opacity: 0%;
}

.hmd-op-1 {
    opacity: 10%;
}

.hmd-op-2 {
    opacity: 20%;
}

.hmd-op-3 {
    opacity: 30%;
}

.hmd-op-4 {
    opacity: 40%;
}

.hmd-op-5 {
    opacity: 50%;
}

.hmd-op-6 {
    opacity: 60%;
}

.hmd-op-7 {
    opacity: 70%;
}

.hmd-op-8 {
    opacity: 80%;
}

.hmd-op-9 {
    opacity: 90%;
}

.hmd-op-10 {
    opacity: 100%;
}

.hmd-cursor-pointer {
    cursor: pointer;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label,
.has-error .help-block, .has-error .radio, .has-error .radio-inline,
.has-error.checkbox label, .has-error.checkbox-inline label,
.has-error.radio label, .has-error.radio-inline label {
    color: #ff6363;
}

.has-error .form-control {
    border-color: #ff6363;
}

.btn-large {
    font-size: 18px;
    width: 180px;
    padding: 10px;
    margin: 0 10px;
}

.modal.signin-modal {
    color: #333;
    font-size: 18px;
}

.modal.signin-modal .social-buttons-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.modal.signin-modal .btn-social {
    width: 250px;
    margin-top: 10px;
    display: inline-block;
}

.modal.signin-modal .btn-social.btn-social.btn-lg {
    padding-left: 45px;
    margin-top: 8px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.modal.signin-modal .btn-social.btn-social.btn-lg :first-child {
    border: none;
    line-height: 38px;
}

.modal.signin-modal p {
    margin: 15px 0 15px 0;
}

.modal.signin-modal p a {
    text-decoration: underline;
    color: #333;
}

.modal.signin-modal p a:hover, .modal.signin-modal p a:active,
.modal.signin-modal p a:focus {
    cursor: pointer;
    color: #7a7a7a;
}

.modal.signin-modal p.separator {
    margin: 30px 0;
    font-weight: 600;
}

.modal.signin-modal .modal-dialog {
    max-width: 476px;
}

.modal.signin-modal h3 {
    font-size: 28px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 600;
}

.modal.signin-modal .modal-content {
    text-align: center;
    padding: 0 30px 30px 30px;
}

.modal.signin-modal .form-group {
    text-align: left;
}

.modal.signin-modal .form-group input {
    height: 40px;
    font-size: 16px;
    margin-top: 7px;
}

.modal.signin-modal .form-group .control-label {
    font-size: 18px;
}

.modal.signin-modal .form-group .control-label a {
    text-decoration: underline;
    color: #333;
}

.modal.signin-modal .form-group .control-label a:hover,
.modal.signin-modal .form-group .control-label a:active,
.modal.signin-modal .form-group .control-label a:focus {
    cursor: pointer;
    color: #7a7a7a;
}

.modal.signin-modal .form-group .help-block.control-label {
    font-size: 12px;
}

.modal.signin-modal .form-group .help-block.control-label ul {
    margin-bottom: 0;
}

.modal.signin-modal .has-error .help-block {
    text-align: right;
}

.modal.signin-modal label.control-label {
    font-weight: normal;
}

.modal.signin-modal .has-error label.control-label {
    color: initial;
}

.has-error.form-group .form-control:focus {
    border-color: #ff6363;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ff6363;
}

.team-card-container {
    display: grid;
    grid-template-columns: calc(50% - 8px) calc(50% - 8px);
    gap: 16px;
}

.modal-header {
    background-color: #f8f8f8;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 8px 15px;
}

.modal-header .close {
    margin-top: -1px;
    font-size: 26px;
    color: #686868;
}

.modal-footer {
    border-top: none;
}

.modal-body {
    overflow: auto;
    word-break: break-word;
    max-height: calc(100vh - 70px);
}

.modal-lang-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-side-menu-block {
    margin-bottom: 30px;
    font-size: 16px;
}

.modal-side-menu-block h4 {
    color: #686868;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.modal-side-menu-block p {
    margin-bottom: 10px;
}

.modal-side-menu-block p:last-child {
    margin-bottom: 0;
}

.modal-lang-menu-item i {
    display: none;
}

.modal-lang-menu-item.active i {
    display: inline-block;
}

.modal-vertical-divider {
    position: absolute;
    left: 0;
    top: -15px;
    height: calc(100% + 30px);
    width: 1px;
    background-color: #e7e7e7;
}

.markdown-example-table-head th {
    color: #686868;
    font-size: 16px;
    border-bottom: 0 !important;
}

.markdown-example-table-body td {
    vertical-align: middle !important;
}

.markdown-example-table-body td a {
    text-decoration: underline;
}

.markdown-example-table-body .example-syntax {
    font-family: "Source Code Pro", Consolas, monaco, monospace;
    letter-spacing: .025em;
    line-height: 1.25;
    font-size: 12px;
    color: #868686;
    padding: 12px 5px;
}

.markdown-example-table-body .example-present {
    font-style: 14px;
    padding: 8px 5px;
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.tabs .tab-item {
    margin-right: 30px;
    margin-bottom: 14px;
    color: #686868;
    transition: .3s;
    font-size: 16px;
}

.tabs .tab-item.active {
    color: #333;
}

.tabs .tab-slider-rail {
    position: relative;
    width: 100%;
    height: 2px;
    background-color: #ccc;
}

.tabs .tab-slider {
    position: absolute;
    left: 0;
    height: 2px;
    background-color: #686868;
    transition: .3s;
}

.btn-social {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}

.btn-google {
    background-color: #fff;
    color: #757575;
}

.btn-google:hover, .btn-google:focus, .btn-google:active, .btn-google.active,
.open>.dropdown-toggle.btn-google {
    background-color: #eee;
    color: #757575;
}

.btn-google.disabled, .btn-google[disabled], fieldset[disabled] .btn-google,
.btn-google.disabled:hover, .btn-google[disabled]:hover,
fieldset[disabled] .btn-google:hover, .btn-google.disabled:focus,
.btn-google[disabled]:focus, fieldset[disabled] .btn-google:focus,
.btn-google.disabled:active, .btn-google[disabled]:active,
fieldset[disabled] .btn-google:active, .btn-google.disabled.active,
btn-google[disabled].active, fieldset[disabled] .btn-google.active {
    background-color: rgba(0, 0, 0, .08);
}

.btn-google .icon::before {
    content: " ";
    display: block;
    width: 34px;
    height: 2em;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.btn-google .icon-google::before {
    width: 21px;
    height: 44px;
    background-image: url(/build/5ad53eff23ff8214c783.svg);
}

.btn-google .disabled .icon-google::before,
.btn-google [disabled] .icon-google::before {
    background-image: url(/build/a0eb1459e71a376d4798.svg);
}

.toasts-container {
    position: fixed;
    z-index: 2;
}
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.pointer-events-none {
    pointer-events: none;
}
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
.inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
.top-0 {
    top: 0px;
}
.left-4 {
    left: 16px;
}
.right-5 {
    right: 20px;
}
.right-0 {
    right: 0px;
}
.bottom-1 {
    bottom: 4px;
}
.right-16 {
    right: 64px;
}
.top-1 {
    top: 4px;
}
.right-2\.5 {
    right: 10px;
}
.top-2\.5 {
    top: 10px;
}
.right-2 {
    right: 8px;
}
.top-2 {
    top: 8px;
}
.left-0 {
    left: 0px;
}
.right-4 {
    right: 16px;
}
.left-1\/2 {
    left: 50%;
}
.bottom-0 {
    bottom: 0px;
}
.top-3 {
    top: 12px;
}
.z-10 {
    z-index: 10;
}
.z-\[1049\] {
    z-index: 1049;
}
.z-50 {
    z-index: 50;
}
.col-span-4 {
    grid-column: span 4 / span 4;
}
.col-span-6 {
    grid-column: span 6 / span 6;
}
.col-span-8 {
    grid-column: span 8 / span 8;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.m-0 {
    margin: 0px;
}
.m-auto {
    margin: auto;
}
.my-7\.5 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.my-7 {
    margin-top: 28px;
    margin-bottom: 28px;
}
.my-4 {
    margin-top: 16px;
    margin-bottom: 16px;
}
.mx-2\.5 {
    margin-left: 10px;
    margin-right: 10px;
}
.mx-2 {
    margin-left: 8px;
    margin-right: 8px;
}
.my-2 {
    margin-top: 8px;
    margin-bottom: 8px;
}
.mx-3 {
    margin-left: 12px;
    margin-right: 12px;
}
.mx-0 {
    margin-left: 0px;
    margin-right: 0px;
}
.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.mb-0 {
    margin-bottom: 0px;
}
.ml-2\.5 {
    margin-left: 10px;
}
.ml-2 {
    margin-left: 8px;
}
.ml-1 {
    margin-left: 4px;
}
.-mb-5 {
    margin-bottom: -20px;
}
.mt-2\.5 {
    margin-top: 10px;
}
.mt-2 {
    margin-top: 8px;
}
.mt-4 {
    margin-top: 16px;
}
.mr-1 {
    margin-right: 4px;
}
.mr-2 {
    margin-right: 8px;
}
.mr-5 {
    margin-right: 20px;
}
.mt-7\.5 {
    margin-top: 30px;
}
.mb-2\.5 {
    margin-bottom: 10px;
}
.mt-7 {
    margin-top: 28px;
}
.mb-2 {
    margin-bottom: 8px;
}
.mr-2\.5 {
    margin-right: 10px;
}
.mt-5 {
    margin-top: 20px;
}
.mb-5 {
    margin-bottom: 20px;
}
.mb-4 {
    margin-bottom: 16px;
}
.-mt-3 {
    margin-top: -12px;
}
.ml-7\.5 {
    margin-left: 30px;
}
.ml-7 {
    margin-left: 28px;
}
.mb-\[2px\] {
    margin-bottom: 2px;
}
.mr-\[6px\] {
    margin-right: 6px;
}
.ml-\[2px\] {
    margin-left: 2px;
}
.mb-10 {
    margin-bottom: 40px;
}
.mt-8 {
    margin-top: 32px;
}
.mr-3 {
    margin-right: 12px;
}
.mr-0 {
    margin-right: 0px;
}
.mb-3 {
    margin-bottom: 12px;
}
.-mb-4 {
    margin-bottom: -16px;
}
.mb-14 {
    margin-bottom: 56px;
}
.mt-1 {
    margin-top: 4px;
}
.mr-6 {
    margin-right: 24px;
}
.mt-3 {
    margin-top: 12px;
}
.mt-0 {
    margin-top: 0px;
}
.mr-4 {
    margin-right: 16px;
}
.mb-8 {
    margin-bottom: 32px;
}
.-mt-5 {
    margin-top: -20px;
}
.mr-10 {
    margin-right: 40px;
}
.mt-10 {
    margin-top: 40px;
}
.ml-12 {
    margin-left: 48px;
}
.mt-\[5px\] {
    margin-top: 5px;
}
.mt-\[30px\] {
    margin-top: 30px;
}
.ml-auto {
    margin-left: auto;
}
.mr-auto {
    margin-right: auto;
}
.mt-\[-10px\] {
    margin-top: -10px;
}
.mt-\[18px\] {
    margin-top: 18px;
}
.mr-1\.5 {
    margin-right: 6px;
}
.ml-1\.5 {
    margin-left: 6px;
}
.mr-3\.5 {
    margin-right: 14px;
}
.mr-3\.75 {
    margin-right: 15px;
}
.mt-12 {
    margin-top: 48px;
}
.mt-14 {
    margin-top: 56px;
}
.mb-20 {
    margin-bottom: 80px;
}
.mb-\[35px\] {
    margin-bottom: 35px;
}
.mb-\[5px\] {
    margin-bottom: 5px;
}
.mt-\[35px\] {
    margin-top: 35px;
}
.mb-3\.5 {
    margin-bottom: 14px;
}
.mb-11 {
    margin-bottom: 44px;
}
.mb-7\.5 {
    margin-bottom: 30px;
}
.mb-7 {
    margin-bottom: 28px;
}
.block {
    display: block;
}
.\!block {
    display: block !important;
}
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.table {
    display: table;
}
.grid {
    display: grid;
}
.contents {
    display: contents;
}
.hidden {
    display: none;
}
.\!hidden {
    display: none !important;
}
.h-\[28px\] {
    height: 28px;
}
.h-\[18px\] {
    height: 18px;
}
.h-full {
    height: 100%;
}
.h-2 {
    height: 8px;
}
.h-6 {
    height: 24px;
}
.h-6\.5 {
    height: 26px;
}
.h-8 {
    height: 32px;
}
.h-5 {
    height: 20px;
}
.h-4\.5 {
    height: 18px;
}
.h-4 {
    height: 16px;
}
.h-10 {
    height: 40px;
}
.h-12 {
    height: 48px;
}
.h-\[14px\] {
    height: 14px;
}
.h-auto {
    height: auto;
}
.h-9 {
    height: 36px;
}
.h-7 {
    height: 28px;
}
.h-\[175px\] {
    height: 175px;
}
.max-h-fit {
    max-height: fit-content;
}
.min-h-screen {
    min-height: 100vh;
}
.min-h-full {
    min-height: 100%;
}
.w-\[28px\] {
    width: 28px;
}
.w-\[18px\] {
    width: 18px;
}
.w-2 {
    width: 8px;
}
.w-4 {
    width: 16px;
}
.w-full {
    width: 100%;
}
.w-6 {
    width: 24px;
}
.w-6\.5 {
    width: 26px;
}
.w-5 {
    width: 20px;
}
.w-4\.5 {
    width: 18px;
}
.w-12 {
    width: 48px;
}
.w-\[14px\] {
    width: 14px;
}
.w-9 {
    width: 36px;
}
.w-20 {
    width: 80px;
}
.w-8 {
    width: 32px;
}
.w-\[77\%\] {
    width: 77%;
}
.w-max {
    width: max-content;
}
.w-\[355px\] {
    width: 355px;
}
.w-fit {
    width: fit-content;
}
.w-80 {
    width: 320px;
}
.w-10 {
    width: 40px;
}
.w-50 {
    width: 200px;
}
.w-100 {
    width: 400px;
}
.max-w-full {
    max-width: 100%;
}
.max-w-\[306px\] {
    max-width: 306px;
}
.max-w-\[70\%\] {
    max-width: 70%;
}
.max-w-\[303px\] {
    max-width: 303px;
}
.flex-1 {
    flex: 1 1 0%;
}
.flex-shrink {
    flex-shrink: 1;
}
.flex-grow {
    flex-grow: 1;
}
.border-collapse {
    border-collapse: collapse;
}
.translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-text {
    cursor: text;
}
.select-none {
    -webkit-user-select: none;
            user-select: none;
}
.select-all {
    -webkit-user-select: all;
            user-select: all;
}
.resize-y {
    resize: vertical;
}
.resize {
    resize: both;
}
.list-none {
    list-style-type: none;
}
.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.flex-row {
    flex-direction: row;
}
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}
.flex-nowrap {
    flex-wrap: nowrap;
}
.content-center {
    align-content: center;
}
.items-start {
    align-items: flex-start;
}
.items-center {
    align-items: center;
}
.items-stretch {
    align-items: stretch;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.gap-\[9px\] {
    gap: 9px;
}
.gap-2 {
    gap: 8px;
}
.gap-4 {
    gap: 16px;
}
.gap-3 {
    gap: 12px;
}
.gap-1\.5 {
    gap: 6px;
}
.gap-1 {
    gap: 4px;
}
.gap-\[25px\] {
    gap: 25px;
}
.gap-5 {
    gap: 20px;
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-visible {
    overflow: visible;
}
.text-ellipsis {
    text-overflow: ellipsis;
}
.whitespace-normal {
    white-space: normal;
}
.whitespace-pre-wrap {
    white-space: pre-wrap;
}
.break-words {
    overflow-wrap: break-word;
}
.break-all {
    word-break: break-all;
}
.rounded-sm {
    border-radius: 2px;
}
.rounded {
    border-radius: 4px;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-md {
    border-radius: 6px;
}
.rounded-t-\[4px\] {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.rounded-b-\[4px\] {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.border {
    border-width: 1px;
}
.border-2 {
    border-width: 2px;
}
.border-0 {
    border-width: 0px;
}
.border-1 {
    border-width: 1px;
}
.border-t-2 {
    border-top-width: 2px;
}
.border-b-1 {
    border-bottom-width: 1px;
}
.border-b-2 {
    border-bottom-width: 2px;
}
.border-t-0 {
    border-top-width: 0px;
}
.border-b {
    border-bottom-width: 1px;
}
.border-solid {
    border-style: solid;
}
.border-none {
    border-style: none;
}
.border-green-default {
    --tw-border-opacity: 1;
    border-color: rgb(92 184 92 / var(--tw-border-opacity));
}
.border-yellow-prime {
    --tw-border-opacity: 1;
    border-color: rgb(235 176 71 / var(--tw-border-opacity));
}
.border-black-brand {
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51 / var(--tw-border-opacity));
}
.border-gray-850 {
    --tw-border-opacity: 1;
    border-color: rgb(72 72 72 / var(--tw-border-opacity));
}
.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(205 205 205 / var(--tw-border-opacity));
}
.border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(104 104 104 / var(--tw-border-opacity));
}
.border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(79 79 79 / var(--tw-border-opacity));
}
.border-green-dark {
    --tw-border-opacity: 1;
    border-color: rgb(74 117 67 / var(--tw-border-opacity));
}
.border-blue-default {
    --tw-border-opacity: 1;
    border-color: rgb(51 122 183 / var(--tw-border-opacity));
}
.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
}
.border-opacity-30 {
    --tw-border-opacity: 0.3;
}
.bg-transparent {
    background-color: transparent;
}
.bg-green-light {
    --tw-bg-opacity: 1;
    background-color: rgb(223 240 216 / var(--tw-bg-opacity));
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(79 79 79 / var(--tw-bg-opacity));
}
.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(104 104 104 / var(--tw-bg-opacity));
}
.bg-black-brand {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}
.bg-green-default {
    --tw-bg-opacity: 1;
    background-color: rgb(92 184 92 / var(--tw-bg-opacity));
}
.bg-\[rgba\(0\2c 0\2c 0\2c \.3\)\] {
    background-color: rgba(0,0,0,.3);
}
.bg-\[\#337AB7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(51 122 183 / var(--tw-bg-opacity));
}
.p-5 {
    padding: 20px;
}
.p-1\.5 {
    padding: 6px;
}
.p-1 {
    padding: 4px;
}
.p-0\.5 {
    padding: 2px;
}
.p-0 {
    padding: 0px;
}
.p-3 {
    padding: 12px;
}
.px-5 {
    padding-left: 20px;
    padding-right: 20px;
}
.py-3 {
    padding-top: 12px;
    padding-bottom: 12px;
}
.px-10 {
    padding-left: 40px;
    padding-right: 40px;
}
.py-16 {
    padding-top: 64px;
    padding-bottom: 64px;
}
.py-1 {
    padding-top: 4px;
    padding-bottom: 4px;
}
.px-4 {
    padding-left: 16px;
    padding-right: 16px;
}
.px-3 {
    padding-left: 12px;
    padding-right: 12px;
}
.py-2 {
    padding-top: 8px;
    padding-bottom: 8px;
}
.py-1\.5 {
    padding-top: 6px;
    padding-bottom: 6px;
}
.px-1\.5 {
    padding-left: 6px;
    padding-right: 6px;
}
.px-1 {
    padding-left: 4px;
    padding-right: 4px;
}
.py-5 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.py-4 {
    padding-top: 16px;
    padding-bottom: 16px;
}
.py-\[5px\] {
    padding-top: 5px;
    padding-bottom: 5px;
}
.px-2 {
    padding-left: 8px;
    padding-right: 8px;
}
.py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px;
}
.px-6 {
    padding-left: 24px;
    padding-right: 24px;
}
.px-8 {
    padding-left: 32px;
    padding-right: 32px;
}
.py-20 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.pl-12 {
    padding-left: 48px;
}
.pr-11 {
    padding-right: 44px;
}
.pr-1 {
    padding-right: 4px;
}
.pt-1\.5 {
    padding-top: 6px;
}
.pb-3 {
    padding-bottom: 12px;
}
.pt-1 {
    padding-top: 4px;
}
.pl-9 {
    padding-left: 36px;
}
.pb-1 {
    padding-bottom: 4px;
}
.pl-4 {
    padding-left: 16px;
}
.pl-0 {
    padding-left: 0px;
}
.pr-9 {
    padding-right: 36px;
}
.pt-10 {
    padding-top: 40px;
}
.pr-4 {
    padding-right: 16px;
}
.pb-8 {
    padding-bottom: 32px;
}
.pt-5 {
    padding-top: 20px;
}
.pt-16 {
    padding-top: 64px;
}
.pb-7\.5 {
    padding-bottom: 30px;
}
.pb-7 {
    padding-bottom: 28px;
}
.pt-2\.5 {
    padding-top: 10px;
}
.pt-2 {
    padding-top: 8px;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.align-top {
    vertical-align: top;
}
.align-middle {
    vertical-align: middle;
}
.align-bottom {
    vertical-align: bottom;
}
.align-text-top {
    vertical-align: text-top;
}
.align-text-bottom {
    vertical-align: text-bottom;
}
.text-4 {
    font-size: 14px;
}
.text-10 {
    font-size: 26px;
}
.text-3 {
    font-size: 12px;
}
.text-6 {
    font-size: 18px;
}
.text-5 {
    font-size: 16px;
}
.text-7 {
    font-size: 20px;
}
.text-8 {
    font-size: 22px;
}
.text-12 {
    font-size: 30px;
}
.text-9 {
    font-size: 24px;
}
.text-\[15px\] {
    font-size: 15px;
}
.font-bold {
    font-weight: 700;
}
.font-semibold {
    font-weight: 600;
}
.font-normal {
    font-weight: 400;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.capitalize {
    text-transform: capitalize;
}
.italic {
    font-style: italic;
}
.leading-7 {
    line-height: 1.75rem;
}
.leading-\[14px\] {
    line-height: 14px;
}
.leading-\[20px\] {
    line-height: 20px;
}
.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(38 38 38 / var(--tw-text-opacity));
}
.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(190 190 190 / var(--tw-text-opacity));
}
.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(136 136 136 / var(--tw-text-opacity));
}
.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(143 143 143 / var(--tw-text-opacity));
}
.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(104 104 104 / var(--tw-text-opacity));
}
.text-yellow-default {
    --tw-text-opacity: 1;
    color: rgb(247 160 4 / var(--tw-text-opacity));
}
.text-red-light {
    --tw-text-opacity: 1;
    color: rgb(255 99 99 / var(--tw-text-opacity));
}
.text-yellow-prime {
    --tw-text-opacity: 1;
    color: rgb(235 176 71 / var(--tw-text-opacity));
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-green-default {
    --tw-text-opacity: 1;
    color: rgb(92 184 92 / var(--tw-text-opacity));
}
.text-blue-dark {
    --tw-text-opacity: 1;
    color: rgb(102 181 240 / var(--tw-text-opacity));
}
.text-black-brand {
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(205 205 205 / var(--tw-text-opacity));
}
.text-blue-default {
    --tw-text-opacity: 1;
    color: rgb(51 122 183 / var(--tw-text-opacity));
}
.text-green-dark {
    --tw-text-opacity: 1;
    color: rgb(74 117 67 / var(--tw-text-opacity));
}
.text-\[\#888888\] {
    --tw-text-opacity: 1;
    color: rgb(136 136 136 / var(--tw-text-opacity));
}
.text-red-default {
    --tw-text-opacity: 1;
    color: rgb(234 67 53 / var(--tw-text-opacity));
}
.text-gray-850 {
    --tw-text-opacity: 1;
    color: rgb(72 72 72 / var(--tw-text-opacity));
}
.underline {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}
.overline {
    -webkit-text-decoration-line: overline;
            text-decoration-line: overline;
}
.line-through {
    -webkit-text-decoration-line: line-through;
            text-decoration-line: line-through;
}
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(190 190 190 / var(--tw-placeholder-opacity));
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-70 {
    opacity: 0.7;
}
.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.outline {
    outline-style: solid;
}
.ring-transparent {
    --tw-ring-color: transparent;
}
.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia {
    --tw-sepia: sepia(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

html {
    font-size: 16px;
}

html, body {
    background-color: #333;
}

.ui-gear {
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 5px 7px;
    border-radius: 4px;
    margin-right: -9px;
}

.ui-gear::before {
    content: "";
    font-style: normal;
    font-family: FontAwesome;
}

.ui-gear:focus, .ui-gear:hover {
    background: #4c4c4c;
}

.ui-menu-fa-icon {
    padding: 9px;
    border-radius: 50%;
    margin-right: -9px;
    width: 34px;
    height: 34px;
    font-size: 18px;
}

.ui-menu-fa-icon::before {
    font-style: normal;
}

.ui-menu-fa-icon:focus, .ui-menu-fa-icon:hover {
    background: #4f4f4f;
}

.ui-ellipsis {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1px;
    border-radius: 4px;
    margin-right: 3px;
}

.ui-ellipsis:focus, .ui-ellipsis:hover {
    background: #4c4c4c;
}

.ui-next-sidenav {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #262626;
    color: #fff;
    z-index: 3;
}

.ui-next-sidenav-inner {
    position: relative;
    height: 100%;
    width: 270px;
    overflow: hidden;
    white-space: nowrap;
    border-right: 1px solid #262626;
    transition: width .1s ease-in-out;
}

.ui-next-sidenav-inner>* {
    width: 270px;
}

.ui-next-sidenav-inner .item-icon .lock {
    right: unset;
    left: 16px;
}

.item-icon {
    margin-right: 5px;
    font-size: 16px;
    transition: padding .1s ease-in-out;
    position: relative;
}

.item-icon .lock {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 15px;
    height: 15px;
}

.item-icon .lock path[id=outline] {
    fill: #333;
}

.sidenav-item {
    position: relative;
    height: 50px;
    padding: 15px 15px 15px 30px;
    transition: padding .1s ease-in-out;
}

.sidenav-item:focus, .sidenav-item:hover {
    background: #333;
}

.ui-next-sidenav-profile .ui-next-sidenav-profile-button:focus,
.ui-next-sidenav-profile .ui-next-sidenav-profile-button:hover,
.ui-next-sidenav-profile .ui-next-sidenav-profile-button.open,
.ui-next-sidenav-help:focus, .ui-next-sidenav-help:hover,
.ui-next-sidenav-help.open, .ui-next-sidenav-info:focus,
.ui-next-sidenav-info:hover, .ui-next-sidenav-info.open {
    background: #333;
}

.sidenav-item-action {
    position: absolute;
    right: 15px;
    top: 7px;
    color: #888;
    cursor: pointer;
}

.sidenav-item-action.open .ui-menu-fa-icon {
    background: #4c4c4c;
}

.sidenav-item-action .menu-item:hover svg.lock path[id=outline] {
    fill: #888;
}

.ui-next-sidenav-search {
    padding: 10px 20px 10px 15px;
    transition: padding .1s ease-in-out;
    height: 56px;
    z-index: 1;
}

.ui-next-sidenav-search .fa-search {
    margin-right: 5px;
    transition: padding .1s ease-in-out;
}

.ui-next-sidenav-search:focus, .ui-next-sidenav-search:hover {
    background: inherit;
}

.ui-next-sidenav-search-input {
    border: none;
    background: none;
    width: 100%;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    vertical-align: bottom;
    background-color: #444;
    border-radius: 4px;
    height: 36px;
}

.ui-next-sidenav-search-input::before {
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 16px;
    left: 12px;
    top: 10px;
    content: "";
    position: absolute;
    color: #fff;
    z-index: 2;
}

.ui-next-sidenav-search-input.selectized[disabled]+.selectize-control::before {
    color: #979797;
}

.ui-next-sidenav-search-input .search-option {
    color: #fff;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
}

.ui-next-sidenav-search-input .search-option .query {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-next-sidenav-search-input .search-option .target {
    color: #868686;
    margin-right: 5px;
}

.ui-next-sidenav-search-input .search-option.active {
    background: #888;
}

.ui-next-sidenav-search-input .search-option.active .target {
    color: #cbcbcb;
}

.ui-next-sidenav-search-input .search-option.active::before {
    color: #cbcbcb;
}

.ui-next-sidenav-search-input .search-option:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-next-sidenav-search-input .search-option:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ui-next-sidenav-search-input .search-option::before {
    font-family: FontAwesome;
    font-size: 12px;
    line-height: 16px;
    content: "";
    color: #fff;
    z-index: 2;
    margin-right: 5px;
    color: #868686;
}

.ui-next-sidenav-search-input .search-option.return::before {
    content: "";
}

.ui-next-sidenav-search-input .selectize-dropdown::after {
    display: none;
}

.ui-next-sidenav-search-input .selectize-dropdown::before {
    display: none;
}

.ui-next-sidenav-search-input .selectize-dropdown .selectize-dropdown-content {
    background: #444;
    border-radius: 4px;
    padding: 0;
}

.ui-next-sidenav-search-input .selectize-input {
    background: transparent;
    border: none;
    padding: 8px 40px 8px 32px;
}

.ui-next-sidenav-search-input .selectize-input * {
    color: #fff;
}

.ui-next-sidenav-search-input .selectize-input.input-active,
.ui-next-sidenav-search-input .selectize-input.disabled {
    opacity: 1;
    background: transparent !important;
    border: none;
}

.ui-next-sidenav-search-input .selectize-input.focus {
    box-shadow: none;
}

.ui-next-sidenav-search-input .selectize-input .item {
    letter-spacing: normal;
}

.ui-next-sidenav-search-input .selectize-input.not-full>input {
    width: 100% !important;
}

.ui-next-sidenav-search-input .selectize-input:after {
    display: none !important;
}

.ui-next-sidenav-search-input::after {
    top: 7px;
    right: 12px;
    position: absolute;
    content: "/";
    padding: 2px 8px;
    border: solid 1px #686868;
    border-radius: 4px;
    color: #979797;
    font-size: 13px;
    line-height: 16px;
    height: 22px;
    width: 22px;
}

.ui-next-sidenav-search-input::placeholder {
    color: #a1a1a1;
}

.ui-next-sidenav-search-shortcut {
    padding: 2px 8px;
    border: solid 1px #686868;
    border-radius: 4px;
    color: #979797;
    font-size: 13px;
    line-height: 1.23px;
    margin-left: 5px;
}

.ui-next-sidenav-workspace {
    position: relative;
    padding: 0 20px 0 10px;
    height: 65px;
}

.ui-next-sidenav-workspace .ui-next-sidenav-workspace-link {
    color: #fff;
}

.ui-next-sidenav-workspace .ui-next-sidenav-workspace-link:hover,
.ui-next-sidenav-workspace .ui-next-sidenav-workspace-link:focus {
    color: #fff;
    text-decoration: none;
}

.ui-next-sidenav-workspace .ui-next-sidenav-workspace-label {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
}

.ui-next-sidenav-workspace .sidenav-item-action {
    position: relative;
    width: 34px;
    height: 34px;
    top: auto;
    right: auto;
}

.ui-next-sidenav-workspace .sidenav-item-action .ui-menu-fa-icon {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    padding-left: 9px;
    padding-top: 8px;
}

.ui-next-sidenav-workspace .sidenav-item-action .ui-menu-fa-icon.fa-angle-up {
    padding-top: 6px;
}

.ui-next-sidenav-workspace .sidenav-item-action.disabled {
    opacity: .5;
}

.ui-next-sidenav-workspace .ui-next-sidenav-workspace-item {
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}

.ui-next-sidenav-workspace .ui-next-sidenav-workspace-item.active,
.ui-next-sidenav-workspace .ui-next-sidenav-workspace-item:focus,
.ui-next-sidenav-workspace .ui-next-sidenav-workspace-item:hover {
    background: #888;
}

.ui-next-sidenav-workspace .ui-next-sidenav-workspace-item .ui-avatar {
    margin-right: 5px;
    vertical-align: text-bottom;
}

.ui-next-sidenav-workspace .ui-next-sidenav-workspace-item .ui-name {
    margin-left: 1px;
}

.ui-next-sidenav-workspace .ui-next-sidenav-workspace-item .item-icon {
    display: inline-block;
    width: 18px;
    text-align: center;
}

.ui-next-sidenav-workspace .ui-next-sidenav-workspace-item .team-logo {
    display: inline-block;
    position: relative;
}

.ui-next-sidenav-workspace .ui-next-sidenav-workspace-item .team-logo .lock {
    position: absolute;
    bottom: 0;
    right: 0;
}

.ui-next-sidenav-workspace .ui-next-sidenav-workspace-item mark {
    background-color: #ff0;
    padding: 0;
}

.ui-next-sidenav-create {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 20px;
}

.ui-next-sidenav-create:hover {
    background-color: unset;
}

.ui-next-sidenav-create .ui-next-sidenav-create-label {
    color: #fff;
    height: 100%;
    width: calc(100% - 12px);
    line-height: 47px;
    margin-left: -16px;
    padding-left: 16px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-next-sidenav-create .ui-next-sidenav-create-label:focus,
.ui-next-sidenav-create .ui-next-sidenav-create-label:hover {
    text-decoration: none;
    background-color: #449d44;
}

.ui-next-sidenav-create .ui-next-sidenav-create-label.disabled {
    pointer-events: none;
    opacity: .5;
}

.ui-next-sidenav-create .ui-ellipsis {
    width: 44px;
    height: 46px;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: rgba(255, 255, 255, .4);
    margin: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ui-next-sidenav-create .ui-ellipsis svg path {
    fill: #fff;
}

.ui-next-sidenav-create .sidenav-item-action {
    color: #fff;
    line-height: 20px;
}

.ui-next-sidenav-create .sidenav-item-action.disabled {
    pointer-events: none;
    opacity: .5;
}

.ui-next-sidenav-create-button {
    position: relative;
    background-color: #5cb85c;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    height: 100%;
    padding: 0 16px;
}

.ui-next-sidenav-create-button.disabled {
    pointer-events: none;
    opacity: .5;
}

.ui-next-sidenav-create-button .ui-ellipsis:focus,
.ui-next-sidenav-create-button .ui-ellipsis:hover,
.ui-next-sidenav-create-button .ui-ellipsis.active {
    background-color: #449d44;
}

.ui-next-sidenav-pages {
    max-height: calc(100vh - 232px);
    overflow: auto;
}

.ui-next-sidenav-pages .sidenav-item-action {
    color: #fff;
    font-size: 16px;
    top: 4px;
}

.ui-next-sidenav-pages .disabled {
    padding: 10px 15px 10px 30px;
    font-size: 16px;
    height: 40px;
}

.ui-next-sidenav-pages .disabled .text {
    opacity: .5;
}

.ui-next-sidenav-workspace+.ui-next-sidenav-pages {
    max-height: calc(100vh - 226px);
}

.ui-next-sidenav-workspace+.ui-next-sidenav-search+.ui-next-sidenav-pages {
    max-height: calc(100vh - 221px);
}

.sidenav-menu>ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidenav-menu>ul li:focus, .sidenav-menu>ul li:hover {
    background: #444;
}

.sidenav-menu>ul li a.sidenav-menu-link {
    display: inline-block;
    width: 100%;
    padding: 10px 15px 10px 14px;
    color: #fff;
    line-height: 20px;
    transition: padding .1s ease-in-out;
    background: #262626;
}

.sidenav-menu>ul li a.sidenav-menu-link:focus,
.sidenav-menu>ul li a.sidenav-menu-link:hover {
    text-decoration: none;
    background: #444;
}

.sidenav-menu>ul li a.sidenav-menu-link.active {
    background: #333;
}

.sidenav-menu>ul li a.sidenav-menu-link .item-icon {
    margin-right: 6px;
}

.ui-next-sidenav-bottom-menu {
    height: 46px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #262626;
    z-index: 2;
    display: flex;
}

.ui-next-sidenav-feedback {
    position: absolute;
    top: -51px;
    right: 0;
    padding: 15px;
    width: 100%;
    text-align: right;
    background: #262626;
    opacity: 1;
    transition: opacity .1s ease-in-out;
}

.ui-next-sidenav-feedback a {
    cursor: pointer;
    color: #bebebe;
    text-decoration: underline;
}

.ui-next-sidenav-feedback a:hover, .ui-next-sidenav-feedback a:active {
    color: #fff;
}

.ui-next-sidenav-feedback a.feedback {
    color: #5cb85c;
    margin-left: 20px;
}

.ui-next-sidenav-feedback a.feedback:hover,
.ui-next-sidenav-feedback a.feedback:active {
    color: #449d44;
}

.ui-avatar {
    display: inline-block;
    overflow: hidden;
    line-height: 1;
    vertical-align: middle;
    border-radius: 3px;
    object-fit: cover;
}

.ui-avatar.circle {
    border-radius: 50%;
}

.ui-avatar.pro {
    box-shadow: 0 0 0 2px #5cb85c;
    border: 1px solid #4c4c4c;
}

.ui-next-sidenav-profile {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: padding .1s ease-in-out;
    margin-left: 15px;
}

.ui-next-sidenav-profile .ui-next-sidenav-signin {
    height: 28px;
    line-height: 15px;
    font-size: 15px;
    margin: 9px 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-next-sidenav-profile .sidenav-item-action {
    right: 0;
    width: 100%;
}

.ui-next-sidenav-profile .ui-next-sidenav-profile-label {
    flex: 1;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
}

.ui-next-sidenav-profile .ui-next-sidenav-profile-label .ui-name {
    transition: padding .1s ease-in-out;
}

.ui-next-sidenav-profile .ui-next-sidenav-profile-button {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: #262626;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    padding: 7px;
    border-radius: 50%;
}

.ui-next-sidenav-profile .sidenav-profile-menu {
    position: absolute;
    display: none;
    bottom: 100%;
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    border: 1px solid #888;
    background-color: #4c4c4c;
    padding: 4px 0;
}

.ui-next-sidenav-profile .sidenav-profile-menu.open {
    display: block;
}

.ui-next-sidenav-profile .sidenav-profile-menu .ui-next-sidenav-profile-item {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    padding: 6px 20px;
    cursor: pointer;
}

.ui-next-sidenav-profile .sidenav-profile-menu .ui-next-sidenav-profile-item.active,
.ui-next-sidenav-profile .sidenav-profile-menu .ui-next-sidenav-profile-item:focus,
.ui-next-sidenav-profile .sidenav-profile-menu .ui-next-sidenav-profile-item:hover {
    background: #888;
}

.ui-next-sidenav-profile .sidenav-profile-menu .divider {
    border-bottom: 1px solid #888;
    margin: 4px 0;
}

.ui-next-sidenav-help, .ui-next-sidenav-info {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-top: 7px;
    background: #262626;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    float: right;
    padding: 7px;
    transition: padding .1s ease-in-out;
    border-radius: 50%;
}

.ui-next-sidenav-help .item-icon, .ui-next-sidenav-info .item-icon {
    font-size: 18px;
    vertical-align: text-top;
    margin-right: 4px;
    margin-left: -1px;
    padding-right: 3px;
    transition: padding .1s ease-in-out;
}

.ui-next-sidenav-help {
    margin-right: 10px;
}

.ui-next-sidenav-help .item-icon {
    margin-left: -2px;
}

.ui-next-sidenav-collapse-handle {
    position: absolute;
    top: 0;
    right: -18px;
    width: 18px;
    height: 100vh;
    color: #333;
    border-left: 2px solid #333;
    cursor: pointer;
    transition: opacity .1s ease-in-out .1s;
}

.ui-next-sidenav-collapse-handle>* {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
}

.ui-next-sidenav-collapse-handle .ui-next-sidenav-collapse-handle-button {
    width: 34px;
    height: 34px;
    padding: 3.5px 4px;
    border: solid 2px #333;
    border-radius: 50%;
    background-color: #262626;
}

.ui-next-sidenav-collapse-handle .ui-next-sidenav-collapse-handle-button.isCollapse img {
    transform: rotate(0deg);
}

.ui-next-sidenav-collapse-handle .ui-next-sidenav-collapse-handle-button img {
    opacity: .3;
    transform: rotate(180deg);
    transition: transform .65s cubic-bezier(1, .01, .4, .99);
}

.ui-next-sidenav-collapse-handle:hover, .ui-next-sidenav-collapse-handle:active,
.ui-next-sidenav-collapse-handle:focus {
    border-color: #bebebe;
}

.ui-next-sidenav-collapse-handle:hover .ui-next-sidenav-collapse-handle-button,
.ui-next-sidenav-collapse-handle:active .ui-next-sidenav-collapse-handle-button,
.ui-next-sidenav-collapse-handle:focus .ui-next-sidenav-collapse-handle-button {
    border-color: #bebebe;
}

.ui-next-sidenav-collapse-handle:hover .ui-next-sidenav-collapse-handle-button img,
.ui-next-sidenav-collapse-handle:active .ui-next-sidenav-collapse-handle-button img,
.ui-next-sidenav-collapse-handle:focus .ui-next-sidenav-collapse-handle-button img {
    opacity: 1;
}

.ui-next-content {
    width: calc(100% - 270px);
    min-height: 100vh;
    margin-left: 270px;
    background: #333;
    color: #fff;
    padding-left: 18px;
    z-index: 0;
    position: relative;
}

.ui-next-content .section .form-horizontal .control-label {
    font-size: 16px;
    line-height: 20px;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner {
    transition: width .2s ease-in-out;
    width: 50px;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner.fixed {
    width: 270px;
    box-shadow: 5px 0 5px rgba(0, 0, 0, .35);
}

.ui-next-container.collapse-nav .ui-next-content {
    width: calc(100% - 50px);
    margin-left: 50px;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .sidenav-item {
    padding-left: 15px;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .sidenav-item .item-icon {
    padding-right: 10px;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .sidenav-item .item-icon .lock {
    right: 16px;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .ui-next-sidenav-search {
    padding-left: 18px;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .ui-next-sidenav-search .fa-search {
    padding-right: 14px;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .ui-next-sidenav-create {
    padding-left: 0;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .ui-next-sidenav-create .ui-next-sidenav-create-button {
    margin-left: -2px;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .ui-next-sidenav-create .fa {
    margin-left: 3px;
    margin-right: 20px;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .sidenav-menu>ul li a {
    padding-left: 15px;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .sidenav-menu>ul li a .item-icon {
    padding-right: 10px;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .sidenav-menu .tag-tree .search-wrapper {
    padding-left: 15px;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .sidenav-menu .tag-tree .tag-tree-list .tag-tree-item .tag-link {
    padding-left: 53px;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .ui-next-sidenav-feedback {
    opacity: 0;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .ui-next-sidenav-profile .ui-name {
    padding-left: 10px;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .ui-next-sidenav-signin {
    margin-left: -5px;
    padding: 5px 7px;
    text-align: left;
    width: auto;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .ui-next-sidenav-signin .item-icon {
    margin-right: 0;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .ui-next-sidenav-signin .text {
    display: none;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .ui-next-sidenav-search-input {
    background-color: transparent;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .ui-next-sidenav-search-input::before {
    left: 0;
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .ui-next-sidenav-workspace-link {
    transform: translateX(40px);
}

.ui-next-container.collapse-nav .ui-next-sidenav-inner:not(.fixed) .ui-notification-menu {
    transform: translateX(-203px);
}

.ui-next-container.collapse-nav .ui-next-sidenav-collapse-handle {
    cursor: pointer;
}

.ui-next-navbar {
    display: flex;
    align-items: center;
    margin-left: -8px;
    padding: 8px 20px 8px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ui-next-navbar .ui-next-navbar-item {
    width: 34px;
    height: 34px;
    padding: 10px;
    font-size: 15px;
    line-height: 16px;
    position: relative;
}

.ui-next-navbar .ui-next-navbar-item .count {
    font-family: Source Sans Pro;
    margin-left: 1px;
    position: absolute;
    top: -3px;
    right: -8px;
    text-align: center;
    display: inline-block;
    background-color: #c9302c;
    border-radius: 8px;
    min-height: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    min-width: 8px;
}

.ui-next-navbar .ui-next-navbar-item .count * {
    padding: 0 5px;
}

.ui-next-navbar .ui-next-navbar-item .count.small {
    top: 3px;
    right: 2px;
}

.ui-next-navbar>*:not(:first-child) {
    margin-left: 10px;
}

.ui-next-navbar .ui-next-navbar-title {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    font-weight: 600;
    margin-left: 20px;
}

.ui-next-navbar .ui-notification-menu .ui-notifications-button {
    position: relative;
}

.ui-next-navbar .ui-notification-menu .ui-notifications-button .count {
    top: 3px;
    left: 18px;
}

.ui-next-navbar .ui-notification-menu .ui-notifications-button .count.small {
    top: 9px;
}

.dismiss-overlay {
    z-index: 2;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
}

.ui-tag-menu .ui-tag-button {
    font-weight: 400;
    font-size: 16px;
}

.ui-tag-menu .ui-tag-button:after {
    margin-top: 3px;
    content: "";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.ui-tag-menu.open .ui-tag-button {
    background-color: #686868;
}

.ui-tag-menu.open .ui-tag-button:after {
    content: "";
}

.ui-tag-menu .menu-container.base-menu {
    cursor: default;
}

.ui-tag-menu .close-container {
    text-align: right;
    margin: 5px 20px 15px 20px;
    font-size: 18px;
}

.ui-tag-menu .row {
    margin: 10px 0 0 0;
}

.ui-tag-menu .features {
    display: flex;
    align-items: center;
    margin: 15px 20px;
}

.ui-tag-menu .features .button-container {
    flex: 1;
}

.ui-tag-menu .features .button-container *:not(:last-child) {
    margin-right: 20px;
}

.ui-tag-menu .features .button-container .fa {
    margin-right: 5px;
}

.ui-tag-menu .features .button-container .feature-button {
    font-size: 15px;
    line-height: 18px;
    text-decoration: underline;
    cursor: pointer;
}

.ui-tag-menu .features .button-container .feature-button:hover,
.ui-tag-menu .features .button-container .feature-button:focus {
    opacity: .7;
}

.ui-tag-menu .features .radio-container {
    display: flex;
}

.ui-tag-menu .features .radio-container .form-check {
    padding: 0;
}

.ui-tag-menu .features .radio-container .form-check:not(:last-child) {
    margin-right: 20px;
}

.ui-tag-menu .features .radio-container .form-check .form-check-input {
    width: 18px;
    height: 18px;
}

.ui-tag-menu .features .radio-container .form-check .form-check-label {
    padding-left: 5px;
}

.ui-tag-menu .search {
    width: calc(100% - 40px);
    color: #fff;
    background-color: transparent;
    border: solid 1px #d4d4d4;
    border-radius: 4px;
    padding: 7px 12px;
    height: 36px;
    font-size: 15px;
    line-height: 18px;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

.ui-tag-menu .search:focus {
    box-shadow: none;
}

.ui-tag-menu .form-check {
    display: flex;
    align-items: center;
    padding: 6px 20px;
}

.ui-tag-menu .form-check.checked {
    background-color: #888;
}

.ui-tag-menu .form-check-input {
    margin: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.ui-tag-menu .form-check-label {
    padding-left: 10px;
    font-size: 15px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    flex: 1;
    cursor: pointer;
}

.ui-tag-menu .tag-name {
    display: flex;
}

.ui-tag-menu .tag-name .name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-tag-menu .col-xs-6 {
    padding: 0;
}

.ui-next-container.collapse-nav .ui-next-sidenav .ui-next-sidenav-inner:not(.fixed) .ui-notification .count,
.ui-next-container.collapse-nav .ui-next-sidenav .ui-next-sidenav-inner:not(.fixed) .ui-notification .count.small {
    right: 0;
}

.ui-profile-sidenav {
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100vh;
    height: 100%;
    background: #262626;
    color: #fff;
    z-index: 3;
}

.ui-profile-sidenav .ui-profile-sidenav-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    white-space: normal;
    position: relative;
    width: 270px;
    overflow: hidden;
    background: #262626;
    border-right: 1px solid #262626;
}

.ui-profile-sidenav .ui-profile-sidenav-inner>* {
    width: 270px;
}

.ui-profile-sidenav .ui-profile-sidenav-inner .navbar-brand {
    text-align: left;
    font-size: 20px;
    height: 65px;
    font-weight: 600;
    padding: 15px 25px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ui-profile-sidenav .ui-profile-sidenav-inner .navbar-brand div a {
    color: #fff;
}

.ui-profile-sidenav .ui-profile-sidenav-inner .navbar-brand div a:hover,
.ui-profile-sidenav .ui-profile-sidenav-inner .navbar-brand div a:focus {
    text-decoration: none;
}

.ui-profile-sidenav .ui-profile-sidenav-inner .ui-profile-inner {
    padding: 0 40px;
}

.ui-profile-sidenav .ui-profile-sidenav-inner .ui-profile-inner .ui-profile-info {
    text-align: center;
    margin-bottom: 15px;
}

.ui-profile-sidenav .ui-profile-sidenav-inner .ui-profile-inner .ui-profile-info .profile-name-info {
    flex: 1;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 16px;
}

.ui-profile-sidenav .ui-profile-sidenav-inner .ui-profile-inner .ui-profile-info .profile-name-info * {
    word-break: break-word;
    margin: 0;
}

.ui-profile-sidenav .ui-profile-sidenav-inner .ui-profile-inner .ui-profile-info .profile-name-info h3 {
    font-size: 22px;
    line-height: 22px;
}

.ui-profile-sidenav .ui-profile-sidenav-inner .ui-profile-inner .ui-profile-info .profile-name-info *:not(:first-child) {
    margin-top: 5px;
}

.ui-profile-sidenav .ui-profile-biography {
    color: #cdcdcd;
    text-align: left;
    word-break: break-word;
    margin-bottom: 30px;
}

.ui-profile-sidenav .ui-profile-biography.team {
    margin-bottom: 10px;
}

.ui-profile-sidenav .ui-reg-date {
    color: #888;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 30px;
}

.ui-profile-sidenav .ui-profile-icon {
    display: inline-block;
}

.ui-profile-sidenav .ui-profile-icon a {
    display: inline-block;
    margin: 2px;
}

.ui-profile-sidenav .ui-profile-avatar {
    display: inline-block;
    overflow: hidden;
    line-height: 1;
    vertical-align: middle;
    border-radius: 3px;
    object-fit: cover;
    width: 100px;
    height: 100px;
}

.ui-profile-sidenav .ui-profile-avatar.small {
    width: 28px;
    height: 28px;
}

.ui-profile-sidenav .ui-profile-avatar.ui-more-users {
    background: #737373;
    padding: 6px 5px;
    font-size: 18px;
    cursor: pointer;
    margin: 2px;
}

.ui-profile-sidenav .ui-profile-avatar.ui-more-users svg {
    height: 16px;
    width: 18px;
    margin-left: .5px;
}

.ui-profile-sidenav .ui-no-team {
    color: #888;
    font-size: 12px;
    line-height: 16px;
}

.ui-profile-sidenav .ui-team-visibility {
    color: #888;
    font-size: 12px;
    margin-bottom: 30px;
    line-height: 16px;
    text-align: center;
}

.ui-profile-sidenav .ui-team-visibility .fa {
    margin-right: 3px;
}

.ui-profile-sidenav .ui-team-container {
    text-align: left;
    margin-left: -1.5px;
    margin-right: -1.5px;
    margin-bottom: 30px;
    color: #cdcdcd;
}

.ui-profile-sidenav .ui-team-container .title {
    margin-bottom: 5px;
}

.ui-profile-sidenav .ui-team-container .team-logo {
    display: inline-block;
    position: relative;
}

.ui-profile-sidenav .ui-team-container .team-logo .lock {
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

.ui-profile-sidenav .ui-team-container .team-logo.private {
    opacity: .5;
}

.ui-profile-sidenav .ui-profile-settings {
    width: 100%;
    height: 36px;
    font-size: 15px;
    margin-bottom: 30px;
}

.ui-profile-sidenav .ui-profile-avatar.circle {
    border-radius: 50%;
}

.ui-profile-overview-card {
    background: #262626;
    padding: 25px 35px !important;
    margin: 0 10px;
    width: 100% !important;
}

.ui-profile-overview-card .ui-profile-user-info {
    display: flex;
    align-items: center;
}

.ui-profile-overview-card .ui-profile-avatar {
    display: inline-block;
    overflow: hidden;
    line-height: 1;
    vertical-align: middle;
    border-radius: 3px;
    object-fit: cover;
    width: 100px;
    height: 100px;
    margin-right: 3px;
}

.ui-profile-overview-card .ui-profile-avatar.small {
    width: 20px;
    height: 20px;
}

.ui-profile-overview-card .ui-profile-avatar.circle {
    border-radius: 50%;
}

.ui-profile-overview-card .profile-overview-body {
    display: flex;
    flex-direction: column;
}

.ui-profile-overview-card .profile-overview-body .title {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
}

.ui-profile-overview-card .profile-overview-body .title:hover {
    color: #66b5f0;
}

.ui-profile-overview-card .profile-overview-body .content {
    flex: 1;
    overflow: hidden;
}

.ui-profile-overview-card .profile-overview-body .content .text {
    display: flex;
    justify-content: space-between;
}

.ui-profile-overview-card .profile-overview-body .content .ui-edit,
.ui-profile-overview-card .profile-overview-body .content .ui-publish,
.ui-profile-overview-card .profile-overview-body .content .ui-unpublish-lock {
    color: #fff;
    padding-top: 5px;
    margin-left: 5px;
}

.ui-profile-overview-card .profile-overview-body .content .preview {
    color: #cdcdcd;
    text-align: left;
    white-space: pre-wrap;
}

.ui-profile-overview-card .profile-overview-body .info {
    margin-top: 25px;
    text-align: left;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.ui-profile-overview-card .profile-overview-body .info * {
    color: #888;
}

.ui-profile-overview-card .profile-overview-body .info>*:not(:last-child) {
    margin-right: 15px;
}

.ui-profile-overview-card .profile-overview-body .info .ui-like-button:hover,
.ui-profile-overview-card .profile-overview-body .info .ui-like-button:hover *,
.ui-profile-overview-card .profile-overview-body .info .ui-bookmark-button:hover,
.ui-profile-overview-card .profile-overview-body .info .ui-bookmark-button:hover * {
    color: #fff;
}

.ui-profile-overview-card .profile-overview-body .ui-go-profile {
    color: #888;
    text-decoration: underline;
    margin-right: 3px;
    text-transform: none;
    cursor: pointer;
    max-width: 150px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.ui-profile-overview-card .profile-overview-body .ui-go-profile:hover {
    color: #66b5f0;
}

.ui-profile-overview-card .profile-overview-body .ui-edit-mode-button {
    color: #888;
    cursor: pointer;
}

.ui-profile-overview-card .profile-overview-body .ui-edit-mode-button:hover,
.ui-profile-overview-card .profile-overview-body .ui-edit-mode-button:focus {
    color: #fff;
}

.ui-profile-overview-card .profile-overview-body .ui-like-button,
.ui-profile-overview-card .profile-overview-body .ui-bookmark-button {
    -webkit-user-select: none;
            user-select: none;
    cursor: pointer;
}

.ui-profile-overview-card .highlighted-keyword {
    background-color: rgba(255, 241, 167, .2);
}

.ui-profile-overview-card:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-profile-overview-card:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ui-profile-overview-card:not(:last-child) {
    border-bottom: #4f4f4f 1px solid;
}

.ui-profile-container {
    padding-left: 18px;
    padding-bottom: 30px;
    margin-left: 270px;
    color: #fff;
    min-height: 100vh;
}

.ui-profile-container .profile-container,
.ui-bookmark-container .profile-container {
    padding: 30px 40px 0 22px;
}

.ui-profile-container .profile-container .ui-profile-display,
.ui-bookmark-container .profile-container .ui-profile-display {
    font-size: 22px;
    display: inline-block;
    cursor: pointer;
}

.ui-profile-container .profile-container .ui-profile-display>*:not(:last-child),
.ui-bookmark-container .profile-container .ui-profile-display>*:not(:last-child) {
    margin-right: 5px;
}

.ui-profile-container .overview-component .list-section .pagination,
.ui-bookmark-container .overview-component .list-section .pagination {
    margin: 0;
}

.ui-profile-container .overview-component .list-section .pagination>li>a,
.ui-profile-container .overview-component .list-section .pagination>li>span,
.ui-bookmark-container .overview-component .list-section .pagination>li>a,
.ui-bookmark-container .overview-component .list-section .pagination>li>span {
    background-color: transparent;
    color: #cdcdcd;
    border-color: #cdcdcd;
}

.ui-profile-container .overview-component .list-section .pagination>li.active>a,
.ui-profile-container .overview-component .list-section .pagination>li.active>span,
.ui-bookmark-container .overview-component .list-section .pagination>li.active>a,
.ui-bookmark-container .overview-component .list-section .pagination>li.active>span {
    background-color: #cdcdcd;
    color: #000;
}

.ui-profile-container .overview-component .list-section .pagination>li.active:hover>a,
.ui-profile-container .overview-component .list-section .pagination>li.active:hover>span,
.ui-bookmark-container .overview-component .list-section .pagination>li.active:hover>a,
.ui-bookmark-container .overview-component .list-section .pagination>li.active:hover>span {
    border-color: #cdcdcd;
}

.ui-profile-container .overview-component .list-section .pagination>li:hover>a,
.ui-profile-container .overview-component .list-section .pagination>li:hover>span,
.ui-bookmark-container .overview-component .list-section .pagination>li:hover>a,
.ui-bookmark-container .overview-component .list-section .pagination>li:hover>span {
    background-color: #cdcdcd;
    color: #000;
}

.ui-profile-container .profile-no-notes-blank-stats,
.ui-bookmark-container .profile-no-notes-blank-stats {
    position: relative;
    height: calc(100vh - 81px);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ui-profile-container .profile-no-notes-blank-stats.can-manage,
.ui-bookmark-container .profile-no-notes-blank-stats.can-manage {
    height: calc(100vh - 142px);
}

.ui-profile-container .profile-no-notes-blank-stats.liked,
.ui-profile-container .profile-no-notes-blank-stats.bookmarked,
.ui-bookmark-container .profile-no-notes-blank-stats.liked,
.ui-bookmark-container .profile-no-notes-blank-stats.bookmarked {
    height: auto;
    background-color: #262626;
    min-height: unset !important;
    margin-top: 30px;
    padding: 60px 0;
}

.no-text-decoration:hover, .no-text-decoration:focus {
    text-decoration: none;
}

.enterprise-discovery.overview-component .list-section {
    margin: 0;
}

.enterprise-discovery.overview-component .list-section .ui-profile-overview-card {
    margin: 0;
}

.enterprise-discovery .ui-next-sidenav-search {
    padding: 0;
    padding-top: 25px;
    text-align: left;
    max-width: 360px;
}

.enterprise-discovery .ui-next-sidenav-search-input {
    border: solid 1px;
    background: #333;
}

.web3modal-modal-lightbox {
    z-index: 3 !important;
}

@media (min-width: 768px) {
    .hmd-text-left-sm {
        text-align: left;
    }

    .hmd-text-right-sm {
        text-align: right;
    }

    .hmd-text-center-sm {
        text-align: center;
    }

    .hmd-text-bold-sm {
        font-weight: bold;
    }

    .hmd-text-underline-sm {
        text-decoration: underline;
    }

    .hmd-pa-0-sm {
        padding: 0;
    }

    .hmd-pv-0-sm {
        padding-top: 0;
        padding-bottom: 0;
    }

    .hmd-ph-0-sm {
        padding-left: 0;
        padding-right: 0;
    }

    .hmd-pt-0-sm {
        padding-top: 0;
    }

    .hmd-pr-0-sm {
        padding-right: 0;
    }

    .hmd-pb-0-sm {
        padding-bottom: 0;
    }

    .hmd-pl-0-sm {
        padding-left: 0;
    }

    .hmd-pa-1\/10-sm {
        padding: 1px;
    }

    .hmd-pv-1\/10-sm {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .hmd-ph-1\/10-sm {
        padding-left: 1px;
        padding-right: 1px;
    }

    .hmd-pt-1\/10-sm {
        padding-top: 1px;
    }

    .hmd-pr-1\/10-sm {
        padding-right: 1px;
    }

    .hmd-pb-1\/10-sm {
        padding-bottom: 1px;
    }

    .hmd-pl-1\/10-sm {
        padding-left: 1px;
    }

    .hmd-pa-1\/5-sm {
        padding: 2px;
    }

    .hmd-pv-1\/5-sm {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .hmd-ph-1\/5-sm {
        padding-left: 2px;
        padding-right: 2px;
    }

    .hmd-pt-1\/5-sm {
        padding-top: 2px;
    }

    .hmd-pr-1\/5-sm {
        padding-right: 2px;
    }

    .hmd-pb-1\/5-sm {
        padding-bottom: 2px;
    }

    .hmd-pl-1\/5-sm {
        padding-left: 2px;
    }

    .hmd-pa-1\/4-sm {
        padding: .25rem;
    }

    .hmd-pv-1\/4-sm {
        padding-top: .25rem;
        padding-bottom: .25rem;
    }

    .hmd-ph-1\/4-sm {
        padding-left: .25rem;
        padding-right: .25rem;
    }

    .hmd-pt-1\/4-sm {
        padding-top: .25rem;
    }

    .hmd-pr-1\/4-sm {
        padding-right: .25rem;
    }

    .hmd-pb-1\/4-sm {
        padding-bottom: .25rem;
    }

    .hmd-pl-1\/4-sm {
        padding-left: .25rem;
    }

    .hmd-pa-3\/4-sm {
        padding: .75rem;
    }

    .hmd-pv-3\/4-sm {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }

    .hmd-ph-3\/4-sm {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .hmd-pt-3\/4-sm {
        padding-top: .75rem;
    }

    .hmd-pr-3\/4-sm {
        padding-right: .75rem;
    }

    .hmd-pb-3\/4-sm {
        padding-bottom: .75rem;
    }

    .hmd-pl-3\/4-sm {
        padding-left: .75rem;
    }

    .hmd-pa-1\/8-sm {
        padding: .125rem;
    }

    .hmd-pv-1\/8-sm {
        padding-top: .125rem;
        padding-bottom: .125rem;
    }

    .hmd-ph-1\/8-sm {
        padding-left: .125rem;
        padding-right: .125rem;
    }

    .hmd-pt-1\/8-sm {
        padding-top: .125rem;
    }

    .hmd-pr-1\/8-sm {
        padding-right: .125rem;
    }

    .hmd-pb-1\/8-sm {
        padding-bottom: .125rem;
    }

    .hmd-pl-1\/8-sm {
        padding-left: .125rem;
    }

    .hmd-pa-1\/2-sm {
        padding: 5px;
    }

    .hmd-pv-1\/2-sm {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .hmd-ph-1\/2-sm {
        padding-left: 5px;
        padding-right: 5px;
    }

    .hmd-pt-1\/2-sm {
        padding-top: 5px;
    }

    .hmd-pr-1\/2-sm {
        padding-right: 5px;
    }

    .hmd-pb-1\/2-sm {
        padding-bottom: 5px;
    }

    .hmd-pl-1\/2-sm {
        padding-left: 5px;
    }

    .hmd-pa-1-sm {
        padding: 10px;
    }

    .hmd-pv-1-sm {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .hmd-ph-1-sm {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hmd-pt-1-sm {
        padding-top: 10px;
    }

    .hmd-pr-1-sm {
        padding-right: 10px;
    }

    .hmd-pb-1-sm {
        padding-bottom: 10px;
    }

    .hmd-pl-1-sm {
        padding-left: 10px;
    }

    .hmd-pa-3\/2-sm {
        padding: 15px;
    }

    .hmd-pv-3\/2-sm {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .hmd-ph-3\/2-sm {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hmd-pt-3\/2-sm {
        padding-top: 15px;
    }

    .hmd-pr-3\/2-sm {
        padding-right: 15px;
    }

    .hmd-pb-3\/2-sm {
        padding-bottom: 15px;
    }

    .hmd-pl-3\/2-sm {
        padding-left: 15px;
    }

    .hmd-pa-2-sm {
        padding: 20px;
    }

    .hmd-pv-2-sm {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .hmd-ph-2-sm {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hmd-pt-2-sm {
        padding-top: 20px;
    }

    .hmd-pr-2-sm {
        padding-right: 20px;
    }

    .hmd-pb-2-sm {
        padding-bottom: 20px;
    }

    .hmd-pl-2-sm {
        padding-left: 20px;
    }

    .hmd-pa-25-sm {
        padding: 25px;
    }

    .hmd-pv-25-sm {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .hmd-ph-25-sm {
        padding-left: 25px;
        padding-right: 25px;
    }

    .hmd-pt-25-sm {
        padding-top: 25px;
    }

    .hmd-pr-25-sm {
        padding-right: 25px;
    }

    .hmd-pb-25-sm {
        padding-bottom: 25px;
    }

    .hmd-pl-25-sm {
        padding-left: 25px;
    }

    .hmd-pa-3-sm {
        padding: 30px;
    }

    .hmd-pv-3-sm {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .hmd-ph-3-sm {
        padding-left: 30px;
        padding-right: 30px;
    }

    .hmd-pt-3-sm {
        padding-top: 30px;
    }

    .hmd-pr-3-sm {
        padding-right: 30px;
    }

    .hmd-pb-3-sm {
        padding-bottom: 30px;
    }

    .hmd-pl-3-sm {
        padding-left: 30px;
    }

    .hmd-pa-35-sm {
        padding: 35px;
    }

    .hmd-pv-35-sm {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .hmd-ph-35-sm {
        padding-left: 35px;
        padding-right: 35px;
    }

    .hmd-pt-35-sm {
        padding-top: 35px;
    }

    .hmd-pr-35-sm {
        padding-right: 35px;
    }

    .hmd-pb-35-sm {
        padding-bottom: 35px;
    }

    .hmd-pl-35-sm {
        padding-left: 35px;
    }

    .hmd-pa-4-sm {
        padding: 40px;
    }

    .hmd-pv-4-sm {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .hmd-ph-4-sm {
        padding-left: 40px;
        padding-right: 40px;
    }

    .hmd-pt-4-sm {
        padding-top: 40px;
    }

    .hmd-pr-4-sm {
        padding-right: 40px;
    }

    .hmd-pb-4-sm {
        padding-bottom: 40px;
    }

    .hmd-pl-4-sm {
        padding-left: 40px;
    }

    .hmd-pa-5-sm {
        padding: 50px;
    }

    .hmd-pv-5-sm {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .hmd-ph-5-sm {
        padding-left: 50px;
        padding-right: 50px;
    }

    .hmd-pt-5-sm {
        padding-top: 50px;
    }

    .hmd-pr-5-sm {
        padding-right: 50px;
    }

    .hmd-pb-5-sm {
        padding-bottom: 50px;
    }

    .hmd-pl-5-sm {
        padding-left: 50px;
    }

    .hmd-pa-55-sm {
        padding: 55px;
    }

    .hmd-pv-55-sm {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .hmd-ph-55-sm {
        padding-left: 55px;
        padding-right: 55px;
    }

    .hmd-pt-55-sm {
        padding-top: 55px;
    }

    .hmd-pr-55-sm {
        padding-right: 55px;
    }

    .hmd-pb-55-sm {
        padding-bottom: 55px;
    }

    .hmd-pl-55-sm {
        padding-left: 55px;
    }

    .hmd-pa-6-sm {
        padding: 60px;
    }

    .hmd-pv-6-sm {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .hmd-ph-6-sm {
        padding-left: 60px;
        padding-right: 60px;
    }

    .hmd-pt-6-sm {
        padding-top: 60px;
    }

    .hmd-pr-6-sm {
        padding-right: 60px;
    }

    .hmd-pb-6-sm {
        padding-bottom: 60px;
    }

    .hmd-pl-6-sm {
        padding-left: 60px;
    }

    .hmd-pa-7-sm {
        padding: 70px;
    }

    .hmd-pv-7-sm {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .hmd-ph-7-sm {
        padding-left: 70px;
        padding-right: 70px;
    }

    .hmd-pt-7-sm {
        padding-top: 70px;
    }

    .hmd-pr-7-sm {
        padding-right: 70px;
    }

    .hmd-pb-7-sm {
        padding-bottom: 70px;
    }

    .hmd-pl-7-sm {
        padding-left: 70px;
    }

    .hmd-pa-8-sm {
        padding: 80px;
    }

    .hmd-pv-8-sm {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .hmd-ph-8-sm {
        padding-left: 80px;
        padding-right: 80px;
    }

    .hmd-pt-8-sm {
        padding-top: 80px;
    }

    .hmd-pr-8-sm {
        padding-right: 80px;
    }

    .hmd-pb-8-sm {
        padding-bottom: 80px;
    }

    .hmd-pl-8-sm {
        padding-left: 80px;
    }

    .hmd-pa-10-sm {
        padding: 100px;
    }

    .hmd-pv-10-sm {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .hmd-ph-10-sm {
        padding-left: 100px;
        padding-right: 100px;
    }

    .hmd-pt-10-sm {
        padding-top: 100px;
    }

    .hmd-pr-10-sm {
        padding-right: 100px;
    }

    .hmd-pb-10-sm {
        padding-bottom: 100px;
    }

    .hmd-pl-10-sm {
        padding-left: 100px;
    }

    .hmd-pa-12-sm {
        padding: 120px;
    }

    .hmd-pv-12-sm {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .hmd-ph-12-sm {
        padding-left: 120px;
        padding-right: 120px;
    }

    .hmd-pt-12-sm {
        padding-top: 120px;
    }

    .hmd-pr-12-sm {
        padding-right: 120px;
    }

    .hmd-pb-12-sm {
        padding-bottom: 120px;
    }

    .hmd-pl-12-sm {
        padding-left: 120px;
    }

    .hmd-pa-14-sm {
        padding: 140px;
    }

    .hmd-pv-14-sm {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .hmd-ph-14-sm {
        padding-left: 140px;
        padding-right: 140px;
    }

    .hmd-pt-14-sm {
        padding-top: 140px;
    }

    .hmd-pr-14-sm {
        padding-right: 140px;
    }

    .hmd-pb-14-sm {
        padding-bottom: 140px;
    }

    .hmd-pl-14-sm {
        padding-left: 140px;
    }

    .hmd-pa-16-sm {
        padding: 160px;
    }

    .hmd-pv-16-sm {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .hmd-ph-16-sm {
        padding-left: 160px;
        padding-right: 160px;
    }

    .hmd-pt-16-sm {
        padding-top: 160px;
    }

    .hmd-pr-16-sm {
        padding-right: 160px;
    }

    .hmd-pb-16-sm {
        padding-bottom: 160px;
    }

    .hmd-pl-16-sm {
        padding-left: 160px;
    }

    .hmd-pa-auto-sm {
        padding: auto;
    }

    .hmd-pv-auto-sm {
        padding-top: auto;
        padding-bottom: auto;
    }

    .hmd-ph-auto-sm {
        padding-left: auto;
        padding-right: auto;
    }

    .hmd-pt-auto-sm {
        padding-top: auto;
    }

    .hmd-pr-auto-sm {
        padding-right: auto;
    }

    .hmd-pb-auto-sm {
        padding-bottom: auto;
    }

    .hmd-pl-auto-sm {
        padding-left: auto;
    }

    .hmd-ma-0-sm {
        margin: 0;
    }

    .hmd-mv-0-sm {
        margin-top: 0;
        margin-bottom: 0;
    }

    .hmd-mh-0-sm {
        margin-left: 0;
        margin-right: 0;
    }

    .hmd-mt-0-sm {
        margin-top: 0;
    }

    .hmd-mr-0-sm {
        margin-right: 0;
    }

    .hmd-mb-0-sm {
        margin-bottom: 0;
    }

    .hmd-ml-0-sm {
        margin-left: 0;
    }

    .hmd-nt-0-sm {
        margin-top: -0;
    }

    .hmd-nr-0-sm {
        margin-right: -0;
    }

    .hmd-nb-0-sm {
        margin-bottom: -0;
    }

    .hmd-nl-0-sm {
        margin-left: -0;
    }

    .hmd-ma-1\/10-sm {
        margin: 1px;
    }

    .hmd-mv-1\/10-sm {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .hmd-mh-1\/10-sm {
        margin-left: 1px;
        margin-right: 1px;
    }

    .hmd-mt-1\/10-sm {
        margin-top: 1px;
    }

    .hmd-mr-1\/10-sm {
        margin-right: 1px;
    }

    .hmd-mb-1\/10-sm {
        margin-bottom: 1px;
    }

    .hmd-ml-1\/10-sm {
        margin-left: 1px;
    }

    .hmd-nt-1\/10-sm {
        margin-top: -1px;
    }

    .hmd-nr-1\/10-sm {
        margin-right: -1px;
    }

    .hmd-nb-1\/10-sm {
        margin-bottom: -1px;
    }

    .hmd-nl-1\/10-sm {
        margin-left: -1px;
    }

    .hmd-ma-1\/5-sm {
        margin: 2px;
    }

    .hmd-mv-1\/5-sm {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .hmd-mh-1\/5-sm {
        margin-left: 2px;
        margin-right: 2px;
    }

    .hmd-mt-1\/5-sm {
        margin-top: 2px;
    }

    .hmd-mr-1\/5-sm {
        margin-right: 2px;
    }

    .hmd-mb-1\/5-sm {
        margin-bottom: 2px;
    }

    .hmd-ml-1\/5-sm {
        margin-left: 2px;
    }

    .hmd-nt-1\/5-sm {
        margin-top: -2px;
    }

    .hmd-nr-1\/5-sm {
        margin-right: -2px;
    }

    .hmd-nb-1\/5-sm {
        margin-bottom: -2px;
    }

    .hmd-nl-1\/5-sm {
        margin-left: -2px;
    }

    .hmd-ma-1\/4-sm {
        margin: .25rem;
    }

    .hmd-mv-1\/4-sm {
        margin-top: .25rem;
        margin-bottom: .25rem;
    }

    .hmd-mh-1\/4-sm {
        margin-left: .25rem;
        margin-right: .25rem;
    }

    .hmd-mt-1\/4-sm {
        margin-top: .25rem;
    }

    .hmd-mr-1\/4-sm {
        margin-right: .25rem;
    }

    .hmd-mb-1\/4-sm {
        margin-bottom: .25rem;
    }

    .hmd-ml-1\/4-sm {
        margin-left: .25rem;
    }

    .hmd-nt-1\/4-sm {
        margin-top: -0.25rem;
    }

    .hmd-nr-1\/4-sm {
        margin-right: -0.25rem;
    }

    .hmd-nb-1\/4-sm {
        margin-bottom: -0.25rem;
    }

    .hmd-nl-1\/4-sm {
        margin-left: -0.25rem;
    }

    .hmd-ma-3\/4-sm {
        margin: .75rem;
    }

    .hmd-mv-3\/4-sm {
        margin-top: .75rem;
        margin-bottom: .75rem;
    }

    .hmd-mh-3\/4-sm {
        margin-left: .75rem;
        margin-right: .75rem;
    }

    .hmd-mt-3\/4-sm {
        margin-top: .75rem;
    }

    .hmd-mr-3\/4-sm {
        margin-right: .75rem;
    }

    .hmd-mb-3\/4-sm {
        margin-bottom: .75rem;
    }

    .hmd-ml-3\/4-sm {
        margin-left: .75rem;
    }

    .hmd-nt-3\/4-sm {
        margin-top: -0.75rem;
    }

    .hmd-nr-3\/4-sm {
        margin-right: -0.75rem;
    }

    .hmd-nb-3\/4-sm {
        margin-bottom: -0.75rem;
    }

    .hmd-nl-3\/4-sm {
        margin-left: -0.75rem;
    }

    .hmd-ma-1\/8-sm {
        margin: .125rem;
    }

    .hmd-mv-1\/8-sm {
        margin-top: .125rem;
        margin-bottom: .125rem;
    }

    .hmd-mh-1\/8-sm {
        margin-left: .125rem;
        margin-right: .125rem;
    }

    .hmd-mt-1\/8-sm {
        margin-top: .125rem;
    }

    .hmd-mr-1\/8-sm {
        margin-right: .125rem;
    }

    .hmd-mb-1\/8-sm {
        margin-bottom: .125rem;
    }

    .hmd-ml-1\/8-sm {
        margin-left: .125rem;
    }

    .hmd-nt-1\/8-sm {
        margin-top: -0.125rem;
    }

    .hmd-nr-1\/8-sm {
        margin-right: -0.125rem;
    }

    .hmd-nb-1\/8-sm {
        margin-bottom: -0.125rem;
    }

    .hmd-nl-1\/8-sm {
        margin-left: -0.125rem;
    }

    .hmd-ma-1\/2-sm {
        margin: 5px;
    }

    .hmd-mv-1\/2-sm {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .hmd-mh-1\/2-sm {
        margin-left: 5px;
        margin-right: 5px;
    }

    .hmd-mt-1\/2-sm {
        margin-top: 5px;
    }

    .hmd-mr-1\/2-sm {
        margin-right: 5px;
    }

    .hmd-mb-1\/2-sm {
        margin-bottom: 5px;
    }

    .hmd-ml-1\/2-sm {
        margin-left: 5px;
    }

    .hmd-nt-1\/2-sm {
        margin-top: -5px;
    }

    .hmd-nr-1\/2-sm {
        margin-right: -5px;
    }

    .hmd-nb-1\/2-sm {
        margin-bottom: -5px;
    }

    .hmd-nl-1\/2-sm {
        margin-left: -5px;
    }

    .hmd-ma-1-sm {
        margin: 10px;
    }

    .hmd-mv-1-sm {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .hmd-mh-1-sm {
        margin-left: 10px;
        margin-right: 10px;
    }

    .hmd-mt-1-sm {
        margin-top: 10px;
    }

    .hmd-mr-1-sm {
        margin-right: 10px;
    }

    .hmd-mb-1-sm {
        margin-bottom: 10px;
    }

    .hmd-ml-1-sm {
        margin-left: 10px;
    }

    .hmd-nt-1-sm {
        margin-top: -10px;
    }

    .hmd-nr-1-sm {
        margin-right: -10px;
    }

    .hmd-nb-1-sm {
        margin-bottom: -10px;
    }

    .hmd-nl-1-sm {
        margin-left: -10px;
    }

    .hmd-ma-3\/2-sm {
        margin: 15px;
    }

    .hmd-mv-3\/2-sm {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .hmd-mh-3\/2-sm {
        margin-left: 15px;
        margin-right: 15px;
    }

    .hmd-mt-3\/2-sm {
        margin-top: 15px;
    }

    .hmd-mr-3\/2-sm {
        margin-right: 15px;
    }

    .hmd-mb-3\/2-sm {
        margin-bottom: 15px;
    }

    .hmd-ml-3\/2-sm {
        margin-left: 15px;
    }

    .hmd-nt-3\/2-sm {
        margin-top: -15px;
    }

    .hmd-nr-3\/2-sm {
        margin-right: -15px;
    }

    .hmd-nb-3\/2-sm {
        margin-bottom: -15px;
    }

    .hmd-nl-3\/2-sm {
        margin-left: -15px;
    }

    .hmd-ma-2-sm {
        margin: 20px;
    }

    .hmd-mv-2-sm {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .hmd-mh-2-sm {
        margin-left: 20px;
        margin-right: 20px;
    }

    .hmd-mt-2-sm {
        margin-top: 20px;
    }

    .hmd-mr-2-sm {
        margin-right: 20px;
    }

    .hmd-mb-2-sm {
        margin-bottom: 20px;
    }

    .hmd-ml-2-sm {
        margin-left: 20px;
    }

    .hmd-nt-2-sm {
        margin-top: -20px;
    }

    .hmd-nr-2-sm {
        margin-right: -20px;
    }

    .hmd-nb-2-sm {
        margin-bottom: -20px;
    }

    .hmd-nl-2-sm {
        margin-left: -20px;
    }

    .hmd-ma-25-sm {
        margin: 25px;
    }

    .hmd-mv-25-sm {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .hmd-mh-25-sm {
        margin-left: 25px;
        margin-right: 25px;
    }

    .hmd-mt-25-sm {
        margin-top: 25px;
    }

    .hmd-mr-25-sm {
        margin-right: 25px;
    }

    .hmd-mb-25-sm {
        margin-bottom: 25px;
    }

    .hmd-ml-25-sm {
        margin-left: 25px;
    }

    .hmd-nt-25-sm {
        margin-top: -25px;
    }

    .hmd-nr-25-sm {
        margin-right: -25px;
    }

    .hmd-nb-25-sm {
        margin-bottom: -25px;
    }

    .hmd-nl-25-sm {
        margin-left: -25px;
    }

    .hmd-ma-3-sm {
        margin: 30px;
    }

    .hmd-mv-3-sm {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .hmd-mh-3-sm {
        margin-left: 30px;
        margin-right: 30px;
    }

    .hmd-mt-3-sm {
        margin-top: 30px;
    }

    .hmd-mr-3-sm {
        margin-right: 30px;
    }

    .hmd-mb-3-sm {
        margin-bottom: 30px;
    }

    .hmd-ml-3-sm {
        margin-left: 30px;
    }

    .hmd-nt-3-sm {
        margin-top: -30px;
    }

    .hmd-nr-3-sm {
        margin-right: -30px;
    }

    .hmd-nb-3-sm {
        margin-bottom: -30px;
    }

    .hmd-nl-3-sm {
        margin-left: -30px;
    }

    .hmd-ma-35-sm {
        margin: 35px;
    }

    .hmd-mv-35-sm {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .hmd-mh-35-sm {
        margin-left: 35px;
        margin-right: 35px;
    }

    .hmd-mt-35-sm {
        margin-top: 35px;
    }

    .hmd-mr-35-sm {
        margin-right: 35px;
    }

    .hmd-mb-35-sm {
        margin-bottom: 35px;
    }

    .hmd-ml-35-sm {
        margin-left: 35px;
    }

    .hmd-nt-35-sm {
        margin-top: -35px;
    }

    .hmd-nr-35-sm {
        margin-right: -35px;
    }

    .hmd-nb-35-sm {
        margin-bottom: -35px;
    }

    .hmd-nl-35-sm {
        margin-left: -35px;
    }

    .hmd-ma-4-sm {
        margin: 40px;
    }

    .hmd-mv-4-sm {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .hmd-mh-4-sm {
        margin-left: 40px;
        margin-right: 40px;
    }

    .hmd-mt-4-sm {
        margin-top: 40px;
    }

    .hmd-mr-4-sm {
        margin-right: 40px;
    }

    .hmd-mb-4-sm {
        margin-bottom: 40px;
    }

    .hmd-ml-4-sm {
        margin-left: 40px;
    }

    .hmd-nt-4-sm {
        margin-top: -40px;
    }

    .hmd-nr-4-sm {
        margin-right: -40px;
    }

    .hmd-nb-4-sm {
        margin-bottom: -40px;
    }

    .hmd-nl-4-sm {
        margin-left: -40px;
    }

    .hmd-ma-5-sm {
        margin: 50px;
    }

    .hmd-mv-5-sm {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .hmd-mh-5-sm {
        margin-left: 50px;
        margin-right: 50px;
    }

    .hmd-mt-5-sm {
        margin-top: 50px;
    }

    .hmd-mr-5-sm {
        margin-right: 50px;
    }

    .hmd-mb-5-sm {
        margin-bottom: 50px;
    }

    .hmd-ml-5-sm {
        margin-left: 50px;
    }

    .hmd-nt-5-sm {
        margin-top: -50px;
    }

    .hmd-nr-5-sm {
        margin-right: -50px;
    }

    .hmd-nb-5-sm {
        margin-bottom: -50px;
    }

    .hmd-nl-5-sm {
        margin-left: -50px;
    }

    .hmd-ma-55-sm {
        margin: 55px;
    }

    .hmd-mv-55-sm {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .hmd-mh-55-sm {
        margin-left: 55px;
        margin-right: 55px;
    }

    .hmd-mt-55-sm {
        margin-top: 55px;
    }

    .hmd-mr-55-sm {
        margin-right: 55px;
    }

    .hmd-mb-55-sm {
        margin-bottom: 55px;
    }

    .hmd-ml-55-sm {
        margin-left: 55px;
    }

    .hmd-nt-55-sm {
        margin-top: -55px;
    }

    .hmd-nr-55-sm {
        margin-right: -55px;
    }

    .hmd-nb-55-sm {
        margin-bottom: -55px;
    }

    .hmd-nl-55-sm {
        margin-left: -55px;
    }

    .hmd-ma-6-sm {
        margin: 60px;
    }

    .hmd-mv-6-sm {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .hmd-mh-6-sm {
        margin-left: 60px;
        margin-right: 60px;
    }

    .hmd-mt-6-sm {
        margin-top: 60px;
    }

    .hmd-mr-6-sm {
        margin-right: 60px;
    }

    .hmd-mb-6-sm {
        margin-bottom: 60px;
    }

    .hmd-ml-6-sm {
        margin-left: 60px;
    }

    .hmd-nt-6-sm {
        margin-top: -60px;
    }

    .hmd-nr-6-sm {
        margin-right: -60px;
    }

    .hmd-nb-6-sm {
        margin-bottom: -60px;
    }

    .hmd-nl-6-sm {
        margin-left: -60px;
    }

    .hmd-ma-7-sm {
        margin: 70px;
    }

    .hmd-mv-7-sm {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .hmd-mh-7-sm {
        margin-left: 70px;
        margin-right: 70px;
    }

    .hmd-mt-7-sm {
        margin-top: 70px;
    }

    .hmd-mr-7-sm {
        margin-right: 70px;
    }

    .hmd-mb-7-sm {
        margin-bottom: 70px;
    }

    .hmd-ml-7-sm {
        margin-left: 70px;
    }

    .hmd-nt-7-sm {
        margin-top: -70px;
    }

    .hmd-nr-7-sm {
        margin-right: -70px;
    }

    .hmd-nb-7-sm {
        margin-bottom: -70px;
    }

    .hmd-nl-7-sm {
        margin-left: -70px;
    }

    .hmd-ma-8-sm {
        margin: 80px;
    }

    .hmd-mv-8-sm {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .hmd-mh-8-sm {
        margin-left: 80px;
        margin-right: 80px;
    }

    .hmd-mt-8-sm {
        margin-top: 80px;
    }

    .hmd-mr-8-sm {
        margin-right: 80px;
    }

    .hmd-mb-8-sm {
        margin-bottom: 80px;
    }

    .hmd-ml-8-sm {
        margin-left: 80px;
    }

    .hmd-nt-8-sm {
        margin-top: -80px;
    }

    .hmd-nr-8-sm {
        margin-right: -80px;
    }

    .hmd-nb-8-sm {
        margin-bottom: -80px;
    }

    .hmd-nl-8-sm {
        margin-left: -80px;
    }

    .hmd-ma-10-sm {
        margin: 100px;
    }

    .hmd-mv-10-sm {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .hmd-mh-10-sm {
        margin-left: 100px;
        margin-right: 100px;
    }

    .hmd-mt-10-sm {
        margin-top: 100px;
    }

    .hmd-mr-10-sm {
        margin-right: 100px;
    }

    .hmd-mb-10-sm {
        margin-bottom: 100px;
    }

    .hmd-ml-10-sm {
        margin-left: 100px;
    }

    .hmd-nt-10-sm {
        margin-top: -100px;
    }

    .hmd-nr-10-sm {
        margin-right: -100px;
    }

    .hmd-nb-10-sm {
        margin-bottom: -100px;
    }

    .hmd-nl-10-sm {
        margin-left: -100px;
    }

    .hmd-ma-12-sm {
        margin: 120px;
    }

    .hmd-mv-12-sm {
        margin-top: 120px;
        margin-bottom: 120px;
    }

    .hmd-mh-12-sm {
        margin-left: 120px;
        margin-right: 120px;
    }

    .hmd-mt-12-sm {
        margin-top: 120px;
    }

    .hmd-mr-12-sm {
        margin-right: 120px;
    }

    .hmd-mb-12-sm {
        margin-bottom: 120px;
    }

    .hmd-ml-12-sm {
        margin-left: 120px;
    }

    .hmd-nt-12-sm {
        margin-top: -120px;
    }

    .hmd-nr-12-sm {
        margin-right: -120px;
    }

    .hmd-nb-12-sm {
        margin-bottom: -120px;
    }

    .hmd-nl-12-sm {
        margin-left: -120px;
    }

    .hmd-ma-14-sm {
        margin: 140px;
    }

    .hmd-mv-14-sm {
        margin-top: 140px;
        margin-bottom: 140px;
    }

    .hmd-mh-14-sm {
        margin-left: 140px;
        margin-right: 140px;
    }

    .hmd-mt-14-sm {
        margin-top: 140px;
    }

    .hmd-mr-14-sm {
        margin-right: 140px;
    }

    .hmd-mb-14-sm {
        margin-bottom: 140px;
    }

    .hmd-ml-14-sm {
        margin-left: 140px;
    }

    .hmd-nt-14-sm {
        margin-top: -140px;
    }

    .hmd-nr-14-sm {
        margin-right: -140px;
    }

    .hmd-nb-14-sm {
        margin-bottom: -140px;
    }

    .hmd-nl-14-sm {
        margin-left: -140px;
    }

    .hmd-ma-16-sm {
        margin: 160px;
    }

    .hmd-mv-16-sm {
        margin-top: 160px;
        margin-bottom: 160px;
    }

    .hmd-mh-16-sm {
        margin-left: 160px;
        margin-right: 160px;
    }

    .hmd-mt-16-sm {
        margin-top: 160px;
    }

    .hmd-mr-16-sm {
        margin-right: 160px;
    }

    .hmd-mb-16-sm {
        margin-bottom: 160px;
    }

    .hmd-ml-16-sm {
        margin-left: 160px;
    }

    .hmd-nt-16-sm {
        margin-top: -160px;
    }

    .hmd-nr-16-sm {
        margin-right: -160px;
    }

    .hmd-nb-16-sm {
        margin-bottom: -160px;
    }

    .hmd-nl-16-sm {
        margin-left: -160px;
    }

    .hmd-ma-auto-sm {
        margin: auto;
    }

    .hmd-mv-auto-sm {
        margin-top: auto;
        margin-bottom: auto;
    }

    .hmd-mh-auto-sm {
        margin-left: auto;
        margin-right: auto;
    }

    .hmd-mt-auto-sm {
        margin-top: auto;
    }

    .hmd-mr-auto-sm {
        margin-right: auto;
    }

    .hmd-mb-auto-sm {
        margin-bottom: auto;
    }

    .hmd-ml-auto-sm {
        margin-left: auto;
    }

    .hmd-nt-auto-sm {
        margin-top: -auto;
    }

    .hmd-nr-auto-sm {
        margin-right: -auto;
    }

    .hmd-nb-auto-sm {
        margin-bottom: -auto;
    }

    .hmd-nl-auto-sm {
        margin-left: -auto;
    }

    .hmd-mh-auto--sm {
        margin: 0 auto;
    }

    .hmd-flex-sm {
        display: flex;
    }

    .inline-flex-sm {
        display: inline-flex;
    }

    .hmd-flex-auto-sm {
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0;
    }

    .hmd-flex-one-sm {
        flex: 1;
    }

    .hmd-flex-two-sm {
        flex: 2;
    }

    .hmd-flex-none-sm {
        flex: none;
    }

    .hmd-flex-column-sm {
        flex-direction: column;
    }

    .hmd-flex-row-sm {
        flex-direction: row;
    }

    .hmd-flex-wrap-sm {
        flex-wrap: wrap;
    }

    .hmd-flex-nowrap-sm {
        flex-wrap: nowrap;
    }

    .hmd-flex-wrap-reverse-sm {
        flex-wrap: wrap-reverse;
    }

    .hmd-flex-column-reverse-sm {
        flex-direction: column-reverse;
    }

    .hmd-flex-row-reverse-sm {
        flex-direction: row-reverse;
    }

    .hmd-items-start-sm {
        align-items: flex-start;
    }

    .hmd-items-end-sm {
        align-items: flex-end;
    }

    .hmd-items-center-sm {
        align-items: center;
    }

    .hmd-items-baseline-sm {
        align-items: baseline;
    }

    .hmd-items-stretch-sm {
        align-items: stretch;
    }

    .hmd-self-start-sm {
        align-self: flex-start;
    }

    .hmd-self-end-sm {
        align-self: flex-end;
    }

    .hmd-self-center-sm {
        align-self: center;
    }

    .hmd-self-baseline-sm {
        align-self: baseline;
    }

    .hmd-self-stretch-sm {
        align-self: stretch;
    }

    .hmd-justify-start-sm {
        justify-content: flex-start;
    }

    .hmd-justify-end-sm {
        justify-content: flex-end;
    }

    .hmd-justify-center-sm {
        justify-content: center;
    }

    .hmd-justify-between-sm {
        justify-content: space-between;
    }

    .hmd-justify-around-sm {
        justify-content: space-around;
    }

    .hmd-content-start-sm {
        align-content: flex-start;
    }

    .hmd-content-end-sm {
        align-content: flex-end;
    }

    .hmd-content-center-sm {
        align-content: center;
    }

    .hmd-content-between-sm {
        align-content: space-between;
    }

    .hmd-content-around-sm {
        align-content: space-around;
    }

    .hmd-content-stretch-sm {
        align-content: stretch;
    }

    .hmd-order-0-sm {
        order: 0;
    }

    .hmd-order-1-sm {
        order: 1;
    }

    .hmd-order-2-sm {
        order: 2;
    }

    .hmd-order-3-sm {
        order: 3;
    }

    .hmd-order-4-sm {
        order: 4;
    }

    .hmd-order-5-sm {
        order: 5;
    }

    .hmd-order-6-sm {
        order: 6;
    }

    .hmd-order-7-sm {
        order: 7;
    }

    .hmd-order-8-sm {
        order: 8;
    }

    .hmd-order-last-sm {
        order: 99999;
    }

    .hmd-flex-grow-0-sm {
        flex-grow: 0;
    }

    .hmd-flex-grow-1-sm {
        flex-grow: 1;
    }

    .hmd-flex-shrink-0-sm {
        flex-shrink: 0;
    }

    .hmd-flex-shrink-1-sm {
        flex-shrink: 1;
    }

    .hmd-w-1-sm {
        width: 10px;
    }

    .hmd-mw-1-sm {
        max-width: 10px;
    }

    .hmd-nw-1-sm {
        min-width: 10px;
    }

    .hmd-w-2-sm {
        width: 20px;
    }

    .hmd-mw-2-sm {
        max-width: 20px;
    }

    .hmd-nw-2-sm {
        min-width: 20px;
    }

    .hmd-w-3-sm {
        width: 30px;
    }

    .hmd-mw-3-sm {
        max-width: 30px;
    }

    .hmd-nw-3-sm {
        min-width: 30px;
    }

    .hmd-w-4-sm {
        width: 40px;
    }

    .hmd-mw-4-sm {
        max-width: 40px;
    }

    .hmd-nw-4-sm {
        min-width: 40px;
    }

    .hmd-w-8-sm {
        width: 80px;
    }

    .hmd-mw-8-sm {
        max-width: 80px;
    }

    .hmd-nw-8-sm {
        min-width: 80px;
    }

    .hmd-w-16-sm {
        width: 160px;
    }

    .hmd-mw-16-sm {
        max-width: 160px;
    }

    .hmd-nw-16-sm {
        min-width: 160px;
    }

    .hmd-w-18-sm {
        width: 180px;
    }

    .hmd-mw-18-sm {
        max-width: 180px;
    }

    .hmd-nw-18-sm {
        min-width: 180px;
    }

    .hmd-w-30-sm {
        width: 300px;
    }

    .hmd-mw-30-sm {
        max-width: 300px;
    }

    .hmd-nw-30-sm {
        min-width: 300px;
    }

    .hmd-w-110-sm {
        width: 1110px;
    }

    .hmd-mw-110-sm {
        max-width: 1110px;
    }

    .hmd-nw-110-sm {
        min-width: 1110px;
    }

    .hmd-w-1\/10-sm {
        width: 10%;
    }

    .hmd-mw-1\/10-sm {
        max-width: 10%;
    }

    .hmd-nw-1\/10-sm {
        min-width: 10%;
    }

    .hmd-w-1\/5-sm {
        width: 20%;
    }

    .hmd-mw-1\/5-sm {
        max-width: 20%;
    }

    .hmd-nw-1\/5-sm {
        min-width: 20%;
    }

    .hmd-w-1\/4-sm {
        width: 25%;
    }

    .hmd-mw-1\/4-sm {
        max-width: 25%;
    }

    .hmd-nw-1\/4-sm {
        min-width: 25%;
    }

    .hmd-w-3\/10-sm {
        width: 30%;
    }

    .hmd-mw-3\/10-sm {
        max-width: 30%;
    }

    .hmd-nw-3\/10-sm {
        min-width: 30%;
    }

    .hmd-w-1\/3-sm {
        width: 33.3333%;
    }

    .hmd-mw-1\/3-sm {
        max-width: 33.3333%;
    }

    .hmd-nw-1\/3-sm {
        min-width: 33.3333%;
    }

    .hmd-w-2\/5-sm {
        width: 40%;
    }

    .hmd-mw-2\/5-sm {
        max-width: 40%;
    }

    .hmd-nw-2\/5-sm {
        min-width: 40%;
    }

    .hmd-w-1\/2-sm {
        width: 50%;
    }

    .hmd-mw-1\/2-sm {
        max-width: 50%;
    }

    .hmd-nw-1\/2-sm {
        min-width: 50%;
    }

    .hmd-w-3\/5-sm {
        width: 60%;
    }

    .hmd-mw-3\/5-sm {
        max-width: 60%;
    }

    .hmd-nw-3\/5-sm {
        min-width: 60%;
    }

    .hmd-w-7\/10-sm {
        width: 70%;
    }

    .hmd-mw-7\/10-sm {
        max-width: 70%;
    }

    .hmd-nw-7\/10-sm {
        min-width: 70%;
    }

    .hmd-w-3\/4-sm {
        width: 75%;
    }

    .hmd-mw-3\/4-sm {
        max-width: 75%;
    }

    .hmd-nw-3\/4-sm {
        min-width: 75%;
    }

    .hmd-w-4\/5-sm {
        width: 80%;
    }

    .hmd-mw-4\/5-sm {
        max-width: 80%;
    }

    .hmd-nw-4\/5-sm {
        min-width: 80%;
    }

    .hmd-w-9\/10-sm {
        width: 90%;
    }

    .hmd-mw-9\/10-sm {
        max-width: 90%;
    }

    .hmd-nw-9\/10-sm {
        min-width: 90%;
    }

    .hmd-w-full-sm {
        width: 100%;
    }

    .hmd-mw-full-sm {
        max-width: 100%;
    }

    .hmd-nw-full-sm {
        min-width: 100%;
    }

    .hmd-w-100-sm {
        width: 100%;
    }

    .hmd-mw-100-sm {
        max-width: 100%;
    }

    .hmd-nw-100-sm {
        min-width: 100%;
    }

    .hmd-w-auto-sm {
        width: auto;
    }

    .hmd-mw-auto-sm {
        max-width: auto;
    }

    .hmd-nw-auto-sm {
        min-width: auto;
    }

    .hmd-op-0-sm {
        opacity: 0%;
    }

    .hmd-op-1-sm {
        opacity: 10%;
    }

    .hmd-op-2-sm {
        opacity: 20%;
    }

    .hmd-op-3-sm {
        opacity: 30%;
    }

    .hmd-op-4-sm {
        opacity: 40%;
    }

    .hmd-op-5-sm {
        opacity: 50%;
    }

    .hmd-op-6-sm {
        opacity: 60%;
    }

    .hmd-op-7-sm {
        opacity: 70%;
    }

    .hmd-op-8-sm {
        opacity: 80%;
    }

    .hmd-op-9-sm {
        opacity: 90%;
    }

    .hmd-op-10-sm {
        opacity: 100%;
    }

    .modal-body {
        max-height: calc(100vh - 90px);
    }

    .toasts-container {
        right: 20px;
        bottom: 20px;
        width: auto;
    }

    .ui-next-container.collapse-nav .ui-next-sidenav-inner:hover,
    .ui-next-container.collapse-nav .ui-next-sidenav-inner:active,
    .ui-next-container.collapse-nav .ui-next-sidenav-inner:focus {
        width: 270px;
    }

    .ui-profile-container .profile-no-notes-blank-stats,
    .ui-bookmark-container .profile-no-notes-blank-stats {
        min-height: 400px;
    }
}

@media (min-width: 992px) {
    .hmd-text-left-md {
        text-align: left;
    }

    .hmd-text-right-md {
        text-align: right;
    }

    .hmd-text-center-md {
        text-align: center;
    }

    .hmd-text-bold-md {
        font-weight: bold;
    }

    .hmd-text-underline-md {
        text-decoration: underline;
    }

    .hmd-pa-0-md {
        padding: 0;
    }

    .hmd-pv-0-md {
        padding-top: 0;
        padding-bottom: 0;
    }

    .hmd-ph-0-md {
        padding-left: 0;
        padding-right: 0;
    }

    .hmd-pt-0-md {
        padding-top: 0;
    }

    .hmd-pr-0-md {
        padding-right: 0;
    }

    .hmd-pb-0-md {
        padding-bottom: 0;
    }

    .hmd-pl-0-md {
        padding-left: 0;
    }

    .hmd-pa-1\/10-md {
        padding: 1px;
    }

    .hmd-pv-1\/10-md {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .hmd-ph-1\/10-md {
        padding-left: 1px;
        padding-right: 1px;
    }

    .hmd-pt-1\/10-md {
        padding-top: 1px;
    }

    .hmd-pr-1\/10-md {
        padding-right: 1px;
    }

    .hmd-pb-1\/10-md {
        padding-bottom: 1px;
    }

    .hmd-pl-1\/10-md {
        padding-left: 1px;
    }

    .hmd-pa-1\/5-md {
        padding: 2px;
    }

    .hmd-pv-1\/5-md {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .hmd-ph-1\/5-md {
        padding-left: 2px;
        padding-right: 2px;
    }

    .hmd-pt-1\/5-md {
        padding-top: 2px;
    }

    .hmd-pr-1\/5-md {
        padding-right: 2px;
    }

    .hmd-pb-1\/5-md {
        padding-bottom: 2px;
    }

    .hmd-pl-1\/5-md {
        padding-left: 2px;
    }

    .hmd-pa-1\/4-md {
        padding: .25rem;
    }

    .hmd-pv-1\/4-md {
        padding-top: .25rem;
        padding-bottom: .25rem;
    }

    .hmd-ph-1\/4-md {
        padding-left: .25rem;
        padding-right: .25rem;
    }

    .hmd-pt-1\/4-md {
        padding-top: .25rem;
    }

    .hmd-pr-1\/4-md {
        padding-right: .25rem;
    }

    .hmd-pb-1\/4-md {
        padding-bottom: .25rem;
    }

    .hmd-pl-1\/4-md {
        padding-left: .25rem;
    }

    .hmd-pa-3\/4-md {
        padding: .75rem;
    }

    .hmd-pv-3\/4-md {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }

    .hmd-ph-3\/4-md {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .hmd-pt-3\/4-md {
        padding-top: .75rem;
    }

    .hmd-pr-3\/4-md {
        padding-right: .75rem;
    }

    .hmd-pb-3\/4-md {
        padding-bottom: .75rem;
    }

    .hmd-pl-3\/4-md {
        padding-left: .75rem;
    }

    .hmd-pa-1\/8-md {
        padding: .125rem;
    }

    .hmd-pv-1\/8-md {
        padding-top: .125rem;
        padding-bottom: .125rem;
    }

    .hmd-ph-1\/8-md {
        padding-left: .125rem;
        padding-right: .125rem;
    }

    .hmd-pt-1\/8-md {
        padding-top: .125rem;
    }

    .hmd-pr-1\/8-md {
        padding-right: .125rem;
    }

    .hmd-pb-1\/8-md {
        padding-bottom: .125rem;
    }

    .hmd-pl-1\/8-md {
        padding-left: .125rem;
    }

    .hmd-pa-1\/2-md {
        padding: 5px;
    }

    .hmd-pv-1\/2-md {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .hmd-ph-1\/2-md {
        padding-left: 5px;
        padding-right: 5px;
    }

    .hmd-pt-1\/2-md {
        padding-top: 5px;
    }

    .hmd-pr-1\/2-md {
        padding-right: 5px;
    }

    .hmd-pb-1\/2-md {
        padding-bottom: 5px;
    }

    .hmd-pl-1\/2-md {
        padding-left: 5px;
    }

    .hmd-pa-1-md {
        padding: 10px;
    }

    .hmd-pv-1-md {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .hmd-ph-1-md {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hmd-pt-1-md {
        padding-top: 10px;
    }

    .hmd-pr-1-md {
        padding-right: 10px;
    }

    .hmd-pb-1-md {
        padding-bottom: 10px;
    }

    .hmd-pl-1-md {
        padding-left: 10px;
    }

    .hmd-pa-3\/2-md {
        padding: 15px;
    }

    .hmd-pv-3\/2-md {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .hmd-ph-3\/2-md {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hmd-pt-3\/2-md {
        padding-top: 15px;
    }

    .hmd-pr-3\/2-md {
        padding-right: 15px;
    }

    .hmd-pb-3\/2-md {
        padding-bottom: 15px;
    }

    .hmd-pl-3\/2-md {
        padding-left: 15px;
    }

    .hmd-pa-2-md {
        padding: 20px;
    }

    .hmd-pv-2-md {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .hmd-ph-2-md {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hmd-pt-2-md {
        padding-top: 20px;
    }

    .hmd-pr-2-md {
        padding-right: 20px;
    }

    .hmd-pb-2-md {
        padding-bottom: 20px;
    }

    .hmd-pl-2-md {
        padding-left: 20px;
    }

    .hmd-pa-25-md {
        padding: 25px;
    }

    .hmd-pv-25-md {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .hmd-ph-25-md {
        padding-left: 25px;
        padding-right: 25px;
    }

    .hmd-pt-25-md {
        padding-top: 25px;
    }

    .hmd-pr-25-md {
        padding-right: 25px;
    }

    .hmd-pb-25-md {
        padding-bottom: 25px;
    }

    .hmd-pl-25-md {
        padding-left: 25px;
    }

    .hmd-pa-3-md {
        padding: 30px;
    }

    .hmd-pv-3-md {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .hmd-ph-3-md {
        padding-left: 30px;
        padding-right: 30px;
    }

    .hmd-pt-3-md {
        padding-top: 30px;
    }

    .hmd-pr-3-md {
        padding-right: 30px;
    }

    .hmd-pb-3-md {
        padding-bottom: 30px;
    }

    .hmd-pl-3-md {
        padding-left: 30px;
    }

    .hmd-pa-35-md {
        padding: 35px;
    }

    .hmd-pv-35-md {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .hmd-ph-35-md {
        padding-left: 35px;
        padding-right: 35px;
    }

    .hmd-pt-35-md {
        padding-top: 35px;
    }

    .hmd-pr-35-md {
        padding-right: 35px;
    }

    .hmd-pb-35-md {
        padding-bottom: 35px;
    }

    .hmd-pl-35-md {
        padding-left: 35px;
    }

    .hmd-pa-4-md {
        padding: 40px;
    }

    .hmd-pv-4-md {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .hmd-ph-4-md {
        padding-left: 40px;
        padding-right: 40px;
    }

    .hmd-pt-4-md {
        padding-top: 40px;
    }

    .hmd-pr-4-md {
        padding-right: 40px;
    }

    .hmd-pb-4-md {
        padding-bottom: 40px;
    }

    .hmd-pl-4-md {
        padding-left: 40px;
    }

    .hmd-pa-5-md {
        padding: 50px;
    }

    .hmd-pv-5-md {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .hmd-ph-5-md {
        padding-left: 50px;
        padding-right: 50px;
    }

    .hmd-pt-5-md {
        padding-top: 50px;
    }

    .hmd-pr-5-md {
        padding-right: 50px;
    }

    .hmd-pb-5-md {
        padding-bottom: 50px;
    }

    .hmd-pl-5-md {
        padding-left: 50px;
    }

    .hmd-pa-55-md {
        padding: 55px;
    }

    .hmd-pv-55-md {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .hmd-ph-55-md {
        padding-left: 55px;
        padding-right: 55px;
    }

    .hmd-pt-55-md {
        padding-top: 55px;
    }

    .hmd-pr-55-md {
        padding-right: 55px;
    }

    .hmd-pb-55-md {
        padding-bottom: 55px;
    }

    .hmd-pl-55-md {
        padding-left: 55px;
    }

    .hmd-pa-6-md {
        padding: 60px;
    }

    .hmd-pv-6-md {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .hmd-ph-6-md {
        padding-left: 60px;
        padding-right: 60px;
    }

    .hmd-pt-6-md {
        padding-top: 60px;
    }

    .hmd-pr-6-md {
        padding-right: 60px;
    }

    .hmd-pb-6-md {
        padding-bottom: 60px;
    }

    .hmd-pl-6-md {
        padding-left: 60px;
    }

    .hmd-pa-7-md {
        padding: 70px;
    }

    .hmd-pv-7-md {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .hmd-ph-7-md {
        padding-left: 70px;
        padding-right: 70px;
    }

    .hmd-pt-7-md {
        padding-top: 70px;
    }

    .hmd-pr-7-md {
        padding-right: 70px;
    }

    .hmd-pb-7-md {
        padding-bottom: 70px;
    }

    .hmd-pl-7-md {
        padding-left: 70px;
    }

    .hmd-pa-8-md {
        padding: 80px;
    }

    .hmd-pv-8-md {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .hmd-ph-8-md {
        padding-left: 80px;
        padding-right: 80px;
    }

    .hmd-pt-8-md {
        padding-top: 80px;
    }

    .hmd-pr-8-md {
        padding-right: 80px;
    }

    .hmd-pb-8-md {
        padding-bottom: 80px;
    }

    .hmd-pl-8-md {
        padding-left: 80px;
    }

    .hmd-pa-10-md {
        padding: 100px;
    }

    .hmd-pv-10-md {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .hmd-ph-10-md {
        padding-left: 100px;
        padding-right: 100px;
    }

    .hmd-pt-10-md {
        padding-top: 100px;
    }

    .hmd-pr-10-md {
        padding-right: 100px;
    }

    .hmd-pb-10-md {
        padding-bottom: 100px;
    }

    .hmd-pl-10-md {
        padding-left: 100px;
    }

    .hmd-pa-12-md {
        padding: 120px;
    }

    .hmd-pv-12-md {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .hmd-ph-12-md {
        padding-left: 120px;
        padding-right: 120px;
    }

    .hmd-pt-12-md {
        padding-top: 120px;
    }

    .hmd-pr-12-md {
        padding-right: 120px;
    }

    .hmd-pb-12-md {
        padding-bottom: 120px;
    }

    .hmd-pl-12-md {
        padding-left: 120px;
    }

    .hmd-pa-14-md {
        padding: 140px;
    }

    .hmd-pv-14-md {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .hmd-ph-14-md {
        padding-left: 140px;
        padding-right: 140px;
    }

    .hmd-pt-14-md {
        padding-top: 140px;
    }

    .hmd-pr-14-md {
        padding-right: 140px;
    }

    .hmd-pb-14-md {
        padding-bottom: 140px;
    }

    .hmd-pl-14-md {
        padding-left: 140px;
    }

    .hmd-pa-16-md {
        padding: 160px;
    }

    .hmd-pv-16-md {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .hmd-ph-16-md {
        padding-left: 160px;
        padding-right: 160px;
    }

    .hmd-pt-16-md {
        padding-top: 160px;
    }

    .hmd-pr-16-md {
        padding-right: 160px;
    }

    .hmd-pb-16-md {
        padding-bottom: 160px;
    }

    .hmd-pl-16-md {
        padding-left: 160px;
    }

    .hmd-pa-auto-md {
        padding: auto;
    }

    .hmd-pv-auto-md {
        padding-top: auto;
        padding-bottom: auto;
    }

    .hmd-ph-auto-md {
        padding-left: auto;
        padding-right: auto;
    }

    .hmd-pt-auto-md {
        padding-top: auto;
    }

    .hmd-pr-auto-md {
        padding-right: auto;
    }

    .hmd-pb-auto-md {
        padding-bottom: auto;
    }

    .hmd-pl-auto-md {
        padding-left: auto;
    }

    .hmd-ma-0-md {
        margin: 0;
    }

    .hmd-mv-0-md {
        margin-top: 0;
        margin-bottom: 0;
    }

    .hmd-mh-0-md {
        margin-left: 0;
        margin-right: 0;
    }

    .hmd-mt-0-md {
        margin-top: 0;
    }

    .hmd-mr-0-md {
        margin-right: 0;
    }

    .hmd-mb-0-md {
        margin-bottom: 0;
    }

    .hmd-ml-0-md {
        margin-left: 0;
    }

    .hmd-nt-0-md {
        margin-top: -0;
    }

    .hmd-nr-0-md {
        margin-right: -0;
    }

    .hmd-nb-0-md {
        margin-bottom: -0;
    }

    .hmd-nl-0-md {
        margin-left: -0;
    }

    .hmd-ma-1\/10-md {
        margin: 1px;
    }

    .hmd-mv-1\/10-md {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .hmd-mh-1\/10-md {
        margin-left: 1px;
        margin-right: 1px;
    }

    .hmd-mt-1\/10-md {
        margin-top: 1px;
    }

    .hmd-mr-1\/10-md {
        margin-right: 1px;
    }

    .hmd-mb-1\/10-md {
        margin-bottom: 1px;
    }

    .hmd-ml-1\/10-md {
        margin-left: 1px;
    }

    .hmd-nt-1\/10-md {
        margin-top: -1px;
    }

    .hmd-nr-1\/10-md {
        margin-right: -1px;
    }

    .hmd-nb-1\/10-md {
        margin-bottom: -1px;
    }

    .hmd-nl-1\/10-md {
        margin-left: -1px;
    }

    .hmd-ma-1\/5-md {
        margin: 2px;
    }

    .hmd-mv-1\/5-md {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .hmd-mh-1\/5-md {
        margin-left: 2px;
        margin-right: 2px;
    }

    .hmd-mt-1\/5-md {
        margin-top: 2px;
    }

    .hmd-mr-1\/5-md {
        margin-right: 2px;
    }

    .hmd-mb-1\/5-md {
        margin-bottom: 2px;
    }

    .hmd-ml-1\/5-md {
        margin-left: 2px;
    }

    .hmd-nt-1\/5-md {
        margin-top: -2px;
    }

    .hmd-nr-1\/5-md {
        margin-right: -2px;
    }

    .hmd-nb-1\/5-md {
        margin-bottom: -2px;
    }

    .hmd-nl-1\/5-md {
        margin-left: -2px;
    }

    .hmd-ma-1\/4-md {
        margin: .25rem;
    }

    .hmd-mv-1\/4-md {
        margin-top: .25rem;
        margin-bottom: .25rem;
    }

    .hmd-mh-1\/4-md {
        margin-left: .25rem;
        margin-right: .25rem;
    }

    .hmd-mt-1\/4-md {
        margin-top: .25rem;
    }

    .hmd-mr-1\/4-md {
        margin-right: .25rem;
    }

    .hmd-mb-1\/4-md {
        margin-bottom: .25rem;
    }

    .hmd-ml-1\/4-md {
        margin-left: .25rem;
    }

    .hmd-nt-1\/4-md {
        margin-top: -0.25rem;
    }

    .hmd-nr-1\/4-md {
        margin-right: -0.25rem;
    }

    .hmd-nb-1\/4-md {
        margin-bottom: -0.25rem;
    }

    .hmd-nl-1\/4-md {
        margin-left: -0.25rem;
    }

    .hmd-ma-3\/4-md {
        margin: .75rem;
    }

    .hmd-mv-3\/4-md {
        margin-top: .75rem;
        margin-bottom: .75rem;
    }

    .hmd-mh-3\/4-md {
        margin-left: .75rem;
        margin-right: .75rem;
    }

    .hmd-mt-3\/4-md {
        margin-top: .75rem;
    }

    .hmd-mr-3\/4-md {
        margin-right: .75rem;
    }

    .hmd-mb-3\/4-md {
        margin-bottom: .75rem;
    }

    .hmd-ml-3\/4-md {
        margin-left: .75rem;
    }

    .hmd-nt-3\/4-md {
        margin-top: -0.75rem;
    }

    .hmd-nr-3\/4-md {
        margin-right: -0.75rem;
    }

    .hmd-nb-3\/4-md {
        margin-bottom: -0.75rem;
    }

    .hmd-nl-3\/4-md {
        margin-left: -0.75rem;
    }

    .hmd-ma-1\/8-md {
        margin: .125rem;
    }

    .hmd-mv-1\/8-md {
        margin-top: .125rem;
        margin-bottom: .125rem;
    }

    .hmd-mh-1\/8-md {
        margin-left: .125rem;
        margin-right: .125rem;
    }

    .hmd-mt-1\/8-md {
        margin-top: .125rem;
    }

    .hmd-mr-1\/8-md {
        margin-right: .125rem;
    }

    .hmd-mb-1\/8-md {
        margin-bottom: .125rem;
    }

    .hmd-ml-1\/8-md {
        margin-left: .125rem;
    }

    .hmd-nt-1\/8-md {
        margin-top: -0.125rem;
    }

    .hmd-nr-1\/8-md {
        margin-right: -0.125rem;
    }

    .hmd-nb-1\/8-md {
        margin-bottom: -0.125rem;
    }

    .hmd-nl-1\/8-md {
        margin-left: -0.125rem;
    }

    .hmd-ma-1\/2-md {
        margin: 5px;
    }

    .hmd-mv-1\/2-md {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .hmd-mh-1\/2-md {
        margin-left: 5px;
        margin-right: 5px;
    }

    .hmd-mt-1\/2-md {
        margin-top: 5px;
    }

    .hmd-mr-1\/2-md {
        margin-right: 5px;
    }

    .hmd-mb-1\/2-md {
        margin-bottom: 5px;
    }

    .hmd-ml-1\/2-md {
        margin-left: 5px;
    }

    .hmd-nt-1\/2-md {
        margin-top: -5px;
    }

    .hmd-nr-1\/2-md {
        margin-right: -5px;
    }

    .hmd-nb-1\/2-md {
        margin-bottom: -5px;
    }

    .hmd-nl-1\/2-md {
        margin-left: -5px;
    }

    .hmd-ma-1-md {
        margin: 10px;
    }

    .hmd-mv-1-md {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .hmd-mh-1-md {
        margin-left: 10px;
        margin-right: 10px;
    }

    .hmd-mt-1-md {
        margin-top: 10px;
    }

    .hmd-mr-1-md {
        margin-right: 10px;
    }

    .hmd-mb-1-md {
        margin-bottom: 10px;
    }

    .hmd-ml-1-md {
        margin-left: 10px;
    }

    .hmd-nt-1-md {
        margin-top: -10px;
    }

    .hmd-nr-1-md {
        margin-right: -10px;
    }

    .hmd-nb-1-md {
        margin-bottom: -10px;
    }

    .hmd-nl-1-md {
        margin-left: -10px;
    }

    .hmd-ma-3\/2-md {
        margin: 15px;
    }

    .hmd-mv-3\/2-md {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .hmd-mh-3\/2-md {
        margin-left: 15px;
        margin-right: 15px;
    }

    .hmd-mt-3\/2-md {
        margin-top: 15px;
    }

    .hmd-mr-3\/2-md {
        margin-right: 15px;
    }

    .hmd-mb-3\/2-md {
        margin-bottom: 15px;
    }

    .hmd-ml-3\/2-md {
        margin-left: 15px;
    }

    .hmd-nt-3\/2-md {
        margin-top: -15px;
    }

    .hmd-nr-3\/2-md {
        margin-right: -15px;
    }

    .hmd-nb-3\/2-md {
        margin-bottom: -15px;
    }

    .hmd-nl-3\/2-md {
        margin-left: -15px;
    }

    .hmd-ma-2-md {
        margin: 20px;
    }

    .hmd-mv-2-md {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .hmd-mh-2-md {
        margin-left: 20px;
        margin-right: 20px;
    }

    .hmd-mt-2-md {
        margin-top: 20px;
    }

    .hmd-mr-2-md {
        margin-right: 20px;
    }

    .hmd-mb-2-md {
        margin-bottom: 20px;
    }

    .hmd-ml-2-md {
        margin-left: 20px;
    }

    .hmd-nt-2-md {
        margin-top: -20px;
    }

    .hmd-nr-2-md {
        margin-right: -20px;
    }

    .hmd-nb-2-md {
        margin-bottom: -20px;
    }

    .hmd-nl-2-md {
        margin-left: -20px;
    }

    .hmd-ma-25-md {
        margin: 25px;
    }

    .hmd-mv-25-md {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .hmd-mh-25-md {
        margin-left: 25px;
        margin-right: 25px;
    }

    .hmd-mt-25-md {
        margin-top: 25px;
    }

    .hmd-mr-25-md {
        margin-right: 25px;
    }

    .hmd-mb-25-md {
        margin-bottom: 25px;
    }

    .hmd-ml-25-md {
        margin-left: 25px;
    }

    .hmd-nt-25-md {
        margin-top: -25px;
    }

    .hmd-nr-25-md {
        margin-right: -25px;
    }

    .hmd-nb-25-md {
        margin-bottom: -25px;
    }

    .hmd-nl-25-md {
        margin-left: -25px;
    }

    .hmd-ma-3-md {
        margin: 30px;
    }

    .hmd-mv-3-md {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .hmd-mh-3-md {
        margin-left: 30px;
        margin-right: 30px;
    }

    .hmd-mt-3-md {
        margin-top: 30px;
    }

    .hmd-mr-3-md {
        margin-right: 30px;
    }

    .hmd-mb-3-md {
        margin-bottom: 30px;
    }

    .hmd-ml-3-md {
        margin-left: 30px;
    }

    .hmd-nt-3-md {
        margin-top: -30px;
    }

    .hmd-nr-3-md {
        margin-right: -30px;
    }

    .hmd-nb-3-md {
        margin-bottom: -30px;
    }

    .hmd-nl-3-md {
        margin-left: -30px;
    }

    .hmd-ma-35-md {
        margin: 35px;
    }

    .hmd-mv-35-md {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .hmd-mh-35-md {
        margin-left: 35px;
        margin-right: 35px;
    }

    .hmd-mt-35-md {
        margin-top: 35px;
    }

    .hmd-mr-35-md {
        margin-right: 35px;
    }

    .hmd-mb-35-md {
        margin-bottom: 35px;
    }

    .hmd-ml-35-md {
        margin-left: 35px;
    }

    .hmd-nt-35-md {
        margin-top: -35px;
    }

    .hmd-nr-35-md {
        margin-right: -35px;
    }

    .hmd-nb-35-md {
        margin-bottom: -35px;
    }

    .hmd-nl-35-md {
        margin-left: -35px;
    }

    .hmd-ma-4-md {
        margin: 40px;
    }

    .hmd-mv-4-md {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .hmd-mh-4-md {
        margin-left: 40px;
        margin-right: 40px;
    }

    .hmd-mt-4-md {
        margin-top: 40px;
    }

    .hmd-mr-4-md {
        margin-right: 40px;
    }

    .hmd-mb-4-md {
        margin-bottom: 40px;
    }

    .hmd-ml-4-md {
        margin-left: 40px;
    }

    .hmd-nt-4-md {
        margin-top: -40px;
    }

    .hmd-nr-4-md {
        margin-right: -40px;
    }

    .hmd-nb-4-md {
        margin-bottom: -40px;
    }

    .hmd-nl-4-md {
        margin-left: -40px;
    }

    .hmd-ma-5-md {
        margin: 50px;
    }

    .hmd-mv-5-md {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .hmd-mh-5-md {
        margin-left: 50px;
        margin-right: 50px;
    }

    .hmd-mt-5-md {
        margin-top: 50px;
    }

    .hmd-mr-5-md {
        margin-right: 50px;
    }

    .hmd-mb-5-md {
        margin-bottom: 50px;
    }

    .hmd-ml-5-md {
        margin-left: 50px;
    }

    .hmd-nt-5-md {
        margin-top: -50px;
    }

    .hmd-nr-5-md {
        margin-right: -50px;
    }

    .hmd-nb-5-md {
        margin-bottom: -50px;
    }

    .hmd-nl-5-md {
        margin-left: -50px;
    }

    .hmd-ma-55-md {
        margin: 55px;
    }

    .hmd-mv-55-md {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .hmd-mh-55-md {
        margin-left: 55px;
        margin-right: 55px;
    }

    .hmd-mt-55-md {
        margin-top: 55px;
    }

    .hmd-mr-55-md {
        margin-right: 55px;
    }

    .hmd-mb-55-md {
        margin-bottom: 55px;
    }

    .hmd-ml-55-md {
        margin-left: 55px;
    }

    .hmd-nt-55-md {
        margin-top: -55px;
    }

    .hmd-nr-55-md {
        margin-right: -55px;
    }

    .hmd-nb-55-md {
        margin-bottom: -55px;
    }

    .hmd-nl-55-md {
        margin-left: -55px;
    }

    .hmd-ma-6-md {
        margin: 60px;
    }

    .hmd-mv-6-md {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .hmd-mh-6-md {
        margin-left: 60px;
        margin-right: 60px;
    }

    .hmd-mt-6-md {
        margin-top: 60px;
    }

    .hmd-mr-6-md {
        margin-right: 60px;
    }

    .hmd-mb-6-md {
        margin-bottom: 60px;
    }

    .hmd-ml-6-md {
        margin-left: 60px;
    }

    .hmd-nt-6-md {
        margin-top: -60px;
    }

    .hmd-nr-6-md {
        margin-right: -60px;
    }

    .hmd-nb-6-md {
        margin-bottom: -60px;
    }

    .hmd-nl-6-md {
        margin-left: -60px;
    }

    .hmd-ma-7-md {
        margin: 70px;
    }

    .hmd-mv-7-md {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .hmd-mh-7-md {
        margin-left: 70px;
        margin-right: 70px;
    }

    .hmd-mt-7-md {
        margin-top: 70px;
    }

    .hmd-mr-7-md {
        margin-right: 70px;
    }

    .hmd-mb-7-md {
        margin-bottom: 70px;
    }

    .hmd-ml-7-md {
        margin-left: 70px;
    }

    .hmd-nt-7-md {
        margin-top: -70px;
    }

    .hmd-nr-7-md {
        margin-right: -70px;
    }

    .hmd-nb-7-md {
        margin-bottom: -70px;
    }

    .hmd-nl-7-md {
        margin-left: -70px;
    }

    .hmd-ma-8-md {
        margin: 80px;
    }

    .hmd-mv-8-md {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .hmd-mh-8-md {
        margin-left: 80px;
        margin-right: 80px;
    }

    .hmd-mt-8-md {
        margin-top: 80px;
    }

    .hmd-mr-8-md {
        margin-right: 80px;
    }

    .hmd-mb-8-md {
        margin-bottom: 80px;
    }

    .hmd-ml-8-md {
        margin-left: 80px;
    }

    .hmd-nt-8-md {
        margin-top: -80px;
    }

    .hmd-nr-8-md {
        margin-right: -80px;
    }

    .hmd-nb-8-md {
        margin-bottom: -80px;
    }

    .hmd-nl-8-md {
        margin-left: -80px;
    }

    .hmd-ma-10-md {
        margin: 100px;
    }

    .hmd-mv-10-md {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .hmd-mh-10-md {
        margin-left: 100px;
        margin-right: 100px;
    }

    .hmd-mt-10-md {
        margin-top: 100px;
    }

    .hmd-mr-10-md {
        margin-right: 100px;
    }

    .hmd-mb-10-md {
        margin-bottom: 100px;
    }

    .hmd-ml-10-md {
        margin-left: 100px;
    }

    .hmd-nt-10-md {
        margin-top: -100px;
    }

    .hmd-nr-10-md {
        margin-right: -100px;
    }

    .hmd-nb-10-md {
        margin-bottom: -100px;
    }

    .hmd-nl-10-md {
        margin-left: -100px;
    }

    .hmd-ma-12-md {
        margin: 120px;
    }

    .hmd-mv-12-md {
        margin-top: 120px;
        margin-bottom: 120px;
    }

    .hmd-mh-12-md {
        margin-left: 120px;
        margin-right: 120px;
    }

    .hmd-mt-12-md {
        margin-top: 120px;
    }

    .hmd-mr-12-md {
        margin-right: 120px;
    }

    .hmd-mb-12-md {
        margin-bottom: 120px;
    }

    .hmd-ml-12-md {
        margin-left: 120px;
    }

    .hmd-nt-12-md {
        margin-top: -120px;
    }

    .hmd-nr-12-md {
        margin-right: -120px;
    }

    .hmd-nb-12-md {
        margin-bottom: -120px;
    }

    .hmd-nl-12-md {
        margin-left: -120px;
    }

    .hmd-ma-14-md {
        margin: 140px;
    }

    .hmd-mv-14-md {
        margin-top: 140px;
        margin-bottom: 140px;
    }

    .hmd-mh-14-md {
        margin-left: 140px;
        margin-right: 140px;
    }

    .hmd-mt-14-md {
        margin-top: 140px;
    }

    .hmd-mr-14-md {
        margin-right: 140px;
    }

    .hmd-mb-14-md {
        margin-bottom: 140px;
    }

    .hmd-ml-14-md {
        margin-left: 140px;
    }

    .hmd-nt-14-md {
        margin-top: -140px;
    }

    .hmd-nr-14-md {
        margin-right: -140px;
    }

    .hmd-nb-14-md {
        margin-bottom: -140px;
    }

    .hmd-nl-14-md {
        margin-left: -140px;
    }

    .hmd-ma-16-md {
        margin: 160px;
    }

    .hmd-mv-16-md {
        margin-top: 160px;
        margin-bottom: 160px;
    }

    .hmd-mh-16-md {
        margin-left: 160px;
        margin-right: 160px;
    }

    .hmd-mt-16-md {
        margin-top: 160px;
    }

    .hmd-mr-16-md {
        margin-right: 160px;
    }

    .hmd-mb-16-md {
        margin-bottom: 160px;
    }

    .hmd-ml-16-md {
        margin-left: 160px;
    }

    .hmd-nt-16-md {
        margin-top: -160px;
    }

    .hmd-nr-16-md {
        margin-right: -160px;
    }

    .hmd-nb-16-md {
        margin-bottom: -160px;
    }

    .hmd-nl-16-md {
        margin-left: -160px;
    }

    .hmd-ma-auto-md {
        margin: auto;
    }

    .hmd-mv-auto-md {
        margin-top: auto;
        margin-bottom: auto;
    }

    .hmd-mh-auto-md {
        margin-left: auto;
        margin-right: auto;
    }

    .hmd-mt-auto-md {
        margin-top: auto;
    }

    .hmd-mr-auto-md {
        margin-right: auto;
    }

    .hmd-mb-auto-md {
        margin-bottom: auto;
    }

    .hmd-ml-auto-md {
        margin-left: auto;
    }

    .hmd-nt-auto-md {
        margin-top: -auto;
    }

    .hmd-nr-auto-md {
        margin-right: -auto;
    }

    .hmd-nb-auto-md {
        margin-bottom: -auto;
    }

    .hmd-nl-auto-md {
        margin-left: -auto;
    }

    .hmd-mh-auto--md {
        margin: 0 auto;
    }

    .hmd-flex-md {
        display: flex;
    }

    .inline-flex-md {
        display: inline-flex;
    }

    .hmd-flex-auto-md {
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0;
    }

    .hmd-flex-one-md {
        flex: 1;
    }

    .hmd-flex-two-md {
        flex: 2;
    }

    .hmd-flex-none-md {
        flex: none;
    }

    .hmd-flex-column-md {
        flex-direction: column;
    }

    .hmd-flex-row-md {
        flex-direction: row;
    }

    .hmd-flex-wrap-md {
        flex-wrap: wrap;
    }

    .hmd-flex-nowrap-md {
        flex-wrap: nowrap;
    }

    .hmd-flex-wrap-reverse-md {
        flex-wrap: wrap-reverse;
    }

    .hmd-flex-column-reverse-md {
        flex-direction: column-reverse;
    }

    .hmd-flex-row-reverse-md {
        flex-direction: row-reverse;
    }

    .hmd-items-start-md {
        align-items: flex-start;
    }

    .hmd-items-end-md {
        align-items: flex-end;
    }

    .hmd-items-center-md {
        align-items: center;
    }

    .hmd-items-baseline-md {
        align-items: baseline;
    }

    .hmd-items-stretch-md {
        align-items: stretch;
    }

    .hmd-self-start-md {
        align-self: flex-start;
    }

    .hmd-self-end-md {
        align-self: flex-end;
    }

    .hmd-self-center-md {
        align-self: center;
    }

    .hmd-self-baseline-md {
        align-self: baseline;
    }

    .hmd-self-stretch-md {
        align-self: stretch;
    }

    .hmd-justify-start-md {
        justify-content: flex-start;
    }

    .hmd-justify-end-md {
        justify-content: flex-end;
    }

    .hmd-justify-center-md {
        justify-content: center;
    }

    .hmd-justify-between-md {
        justify-content: space-between;
    }

    .hmd-justify-around-md {
        justify-content: space-around;
    }

    .hmd-content-start-md {
        align-content: flex-start;
    }

    .hmd-content-end-md {
        align-content: flex-end;
    }

    .hmd-content-center-md {
        align-content: center;
    }

    .hmd-content-between-md {
        align-content: space-between;
    }

    .hmd-content-around-md {
        align-content: space-around;
    }

    .hmd-content-stretch-md {
        align-content: stretch;
    }

    .hmd-order-0-md {
        order: 0;
    }

    .hmd-order-1-md {
        order: 1;
    }

    .hmd-order-2-md {
        order: 2;
    }

    .hmd-order-3-md {
        order: 3;
    }

    .hmd-order-4-md {
        order: 4;
    }

    .hmd-order-5-md {
        order: 5;
    }

    .hmd-order-6-md {
        order: 6;
    }

    .hmd-order-7-md {
        order: 7;
    }

    .hmd-order-8-md {
        order: 8;
    }

    .hmd-order-last-md {
        order: 99999;
    }

    .hmd-flex-grow-0-md {
        flex-grow: 0;
    }

    .hmd-flex-grow-1-md {
        flex-grow: 1;
    }

    .hmd-flex-shrink-0-md {
        flex-shrink: 0;
    }

    .hmd-flex-shrink-1-md {
        flex-shrink: 1;
    }

    .hmd-w-1-md {
        width: 10px;
    }

    .hmd-mw-1-md {
        max-width: 10px;
    }

    .hmd-nw-1-md {
        min-width: 10px;
    }

    .hmd-w-2-md {
        width: 20px;
    }

    .hmd-mw-2-md {
        max-width: 20px;
    }

    .hmd-nw-2-md {
        min-width: 20px;
    }

    .hmd-w-3-md {
        width: 30px;
    }

    .hmd-mw-3-md {
        max-width: 30px;
    }

    .hmd-nw-3-md {
        min-width: 30px;
    }

    .hmd-w-4-md {
        width: 40px;
    }

    .hmd-mw-4-md {
        max-width: 40px;
    }

    .hmd-nw-4-md {
        min-width: 40px;
    }

    .hmd-w-8-md {
        width: 80px;
    }

    .hmd-mw-8-md {
        max-width: 80px;
    }

    .hmd-nw-8-md {
        min-width: 80px;
    }

    .hmd-w-16-md {
        width: 160px;
    }

    .hmd-mw-16-md {
        max-width: 160px;
    }

    .hmd-nw-16-md {
        min-width: 160px;
    }

    .hmd-w-18-md {
        width: 180px;
    }

    .hmd-mw-18-md {
        max-width: 180px;
    }

    .hmd-nw-18-md {
        min-width: 180px;
    }

    .hmd-w-30-md {
        width: 300px;
    }

    .hmd-mw-30-md {
        max-width: 300px;
    }

    .hmd-nw-30-md {
        min-width: 300px;
    }

    .hmd-w-110-md {
        width: 1110px;
    }

    .hmd-mw-110-md {
        max-width: 1110px;
    }

    .hmd-nw-110-md {
        min-width: 1110px;
    }

    .hmd-w-1\/10-md {
        width: 10%;
    }

    .hmd-mw-1\/10-md {
        max-width: 10%;
    }

    .hmd-nw-1\/10-md {
        min-width: 10%;
    }

    .hmd-w-1\/5-md {
        width: 20%;
    }

    .hmd-mw-1\/5-md {
        max-width: 20%;
    }

    .hmd-nw-1\/5-md {
        min-width: 20%;
    }

    .hmd-w-1\/4-md {
        width: 25%;
    }

    .hmd-mw-1\/4-md {
        max-width: 25%;
    }

    .hmd-nw-1\/4-md {
        min-width: 25%;
    }

    .hmd-w-3\/10-md {
        width: 30%;
    }

    .hmd-mw-3\/10-md {
        max-width: 30%;
    }

    .hmd-nw-3\/10-md {
        min-width: 30%;
    }

    .hmd-w-1\/3-md {
        width: 33.3333%;
    }

    .hmd-mw-1\/3-md {
        max-width: 33.3333%;
    }

    .hmd-nw-1\/3-md {
        min-width: 33.3333%;
    }

    .hmd-w-2\/5-md {
        width: 40%;
    }

    .hmd-mw-2\/5-md {
        max-width: 40%;
    }

    .hmd-nw-2\/5-md {
        min-width: 40%;
    }

    .hmd-w-1\/2-md {
        width: 50%;
    }

    .hmd-mw-1\/2-md {
        max-width: 50%;
    }

    .hmd-nw-1\/2-md {
        min-width: 50%;
    }

    .hmd-w-3\/5-md {
        width: 60%;
    }

    .hmd-mw-3\/5-md {
        max-width: 60%;
    }

    .hmd-nw-3\/5-md {
        min-width: 60%;
    }

    .hmd-w-7\/10-md {
        width: 70%;
    }

    .hmd-mw-7\/10-md {
        max-width: 70%;
    }

    .hmd-nw-7\/10-md {
        min-width: 70%;
    }

    .hmd-w-3\/4-md {
        width: 75%;
    }

    .hmd-mw-3\/4-md {
        max-width: 75%;
    }

    .hmd-nw-3\/4-md {
        min-width: 75%;
    }

    .hmd-w-4\/5-md {
        width: 80%;
    }

    .hmd-mw-4\/5-md {
        max-width: 80%;
    }

    .hmd-nw-4\/5-md {
        min-width: 80%;
    }

    .hmd-w-9\/10-md {
        width: 90%;
    }

    .hmd-mw-9\/10-md {
        max-width: 90%;
    }

    .hmd-nw-9\/10-md {
        min-width: 90%;
    }

    .hmd-w-full-md {
        width: 100%;
    }

    .hmd-mw-full-md {
        max-width: 100%;
    }

    .hmd-nw-full-md {
        min-width: 100%;
    }

    .hmd-w-100-md {
        width: 100%;
    }

    .hmd-mw-100-md {
        max-width: 100%;
    }

    .hmd-nw-100-md {
        min-width: 100%;
    }

    .hmd-w-auto-md {
        width: auto;
    }

    .hmd-mw-auto-md {
        max-width: auto;
    }

    .hmd-nw-auto-md {
        min-width: auto;
    }

    .hmd-op-0-md {
        opacity: 0%;
    }

    .hmd-op-1-md {
        opacity: 10%;
    }

    .hmd-op-2-md {
        opacity: 20%;
    }

    .hmd-op-3-md {
        opacity: 30%;
    }

    .hmd-op-4-md {
        opacity: 40%;
    }

    .hmd-op-5-md {
        opacity: 50%;
    }

    .hmd-op-6-md {
        opacity: 60%;
    }

    .hmd-op-7-md {
        opacity: 70%;
    }

    .hmd-op-8-md {
        opacity: 80%;
    }

    .hmd-op-9-md {
        opacity: 90%;
    }

    .hmd-op-10-md {
        opacity: 100%;
    }
}

@media (min-width: 1200px) {
    .hmd-text-left-lg {
        text-align: left;
    }

    .hmd-text-right-lg {
        text-align: right;
    }

    .hmd-text-center-lg {
        text-align: center;
    }

    .hmd-text-bold-lg {
        font-weight: bold;
    }

    .hmd-text-underline-lg {
        text-decoration: underline;
    }

    .hmd-pa-0-lg {
        padding: 0;
    }

    .hmd-pv-0-lg {
        padding-top: 0;
        padding-bottom: 0;
    }

    .hmd-ph-0-lg {
        padding-left: 0;
        padding-right: 0;
    }

    .hmd-pt-0-lg {
        padding-top: 0;
    }

    .hmd-pr-0-lg {
        padding-right: 0;
    }

    .hmd-pb-0-lg {
        padding-bottom: 0;
    }

    .hmd-pl-0-lg {
        padding-left: 0;
    }

    .hmd-pa-1\/10-lg {
        padding: 1px;
    }

    .hmd-pv-1\/10-lg {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .hmd-ph-1\/10-lg {
        padding-left: 1px;
        padding-right: 1px;
    }

    .hmd-pt-1\/10-lg {
        padding-top: 1px;
    }

    .hmd-pr-1\/10-lg {
        padding-right: 1px;
    }

    .hmd-pb-1\/10-lg {
        padding-bottom: 1px;
    }

    .hmd-pl-1\/10-lg {
        padding-left: 1px;
    }

    .hmd-pa-1\/5-lg {
        padding: 2px;
    }

    .hmd-pv-1\/5-lg {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .hmd-ph-1\/5-lg {
        padding-left: 2px;
        padding-right: 2px;
    }

    .hmd-pt-1\/5-lg {
        padding-top: 2px;
    }

    .hmd-pr-1\/5-lg {
        padding-right: 2px;
    }

    .hmd-pb-1\/5-lg {
        padding-bottom: 2px;
    }

    .hmd-pl-1\/5-lg {
        padding-left: 2px;
    }

    .hmd-pa-1\/4-lg {
        padding: .25rem;
    }

    .hmd-pv-1\/4-lg {
        padding-top: .25rem;
        padding-bottom: .25rem;
    }

    .hmd-ph-1\/4-lg {
        padding-left: .25rem;
        padding-right: .25rem;
    }

    .hmd-pt-1\/4-lg {
        padding-top: .25rem;
    }

    .hmd-pr-1\/4-lg {
        padding-right: .25rem;
    }

    .hmd-pb-1\/4-lg {
        padding-bottom: .25rem;
    }

    .hmd-pl-1\/4-lg {
        padding-left: .25rem;
    }

    .hmd-pa-3\/4-lg {
        padding: .75rem;
    }

    .hmd-pv-3\/4-lg {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }

    .hmd-ph-3\/4-lg {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .hmd-pt-3\/4-lg {
        padding-top: .75rem;
    }

    .hmd-pr-3\/4-lg {
        padding-right: .75rem;
    }

    .hmd-pb-3\/4-lg {
        padding-bottom: .75rem;
    }

    .hmd-pl-3\/4-lg {
        padding-left: .75rem;
    }

    .hmd-pa-1\/8-lg {
        padding: .125rem;
    }

    .hmd-pv-1\/8-lg {
        padding-top: .125rem;
        padding-bottom: .125rem;
    }

    .hmd-ph-1\/8-lg {
        padding-left: .125rem;
        padding-right: .125rem;
    }

    .hmd-pt-1\/8-lg {
        padding-top: .125rem;
    }

    .hmd-pr-1\/8-lg {
        padding-right: .125rem;
    }

    .hmd-pb-1\/8-lg {
        padding-bottom: .125rem;
    }

    .hmd-pl-1\/8-lg {
        padding-left: .125rem;
    }

    .hmd-pa-1\/2-lg {
        padding: 5px;
    }

    .hmd-pv-1\/2-lg {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .hmd-ph-1\/2-lg {
        padding-left: 5px;
        padding-right: 5px;
    }

    .hmd-pt-1\/2-lg {
        padding-top: 5px;
    }

    .hmd-pr-1\/2-lg {
        padding-right: 5px;
    }

    .hmd-pb-1\/2-lg {
        padding-bottom: 5px;
    }

    .hmd-pl-1\/2-lg {
        padding-left: 5px;
    }

    .hmd-pa-1-lg {
        padding: 10px;
    }

    .hmd-pv-1-lg {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .hmd-ph-1-lg {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hmd-pt-1-lg {
        padding-top: 10px;
    }

    .hmd-pr-1-lg {
        padding-right: 10px;
    }

    .hmd-pb-1-lg {
        padding-bottom: 10px;
    }

    .hmd-pl-1-lg {
        padding-left: 10px;
    }

    .hmd-pa-3\/2-lg {
        padding: 15px;
    }

    .hmd-pv-3\/2-lg {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .hmd-ph-3\/2-lg {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hmd-pt-3\/2-lg {
        padding-top: 15px;
    }

    .hmd-pr-3\/2-lg {
        padding-right: 15px;
    }

    .hmd-pb-3\/2-lg {
        padding-bottom: 15px;
    }

    .hmd-pl-3\/2-lg {
        padding-left: 15px;
    }

    .hmd-pa-2-lg {
        padding: 20px;
    }

    .hmd-pv-2-lg {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .hmd-ph-2-lg {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hmd-pt-2-lg {
        padding-top: 20px;
    }

    .hmd-pr-2-lg {
        padding-right: 20px;
    }

    .hmd-pb-2-lg {
        padding-bottom: 20px;
    }

    .hmd-pl-2-lg {
        padding-left: 20px;
    }

    .hmd-pa-25-lg {
        padding: 25px;
    }

    .hmd-pv-25-lg {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .hmd-ph-25-lg {
        padding-left: 25px;
        padding-right: 25px;
    }

    .hmd-pt-25-lg {
        padding-top: 25px;
    }

    .hmd-pr-25-lg {
        padding-right: 25px;
    }

    .hmd-pb-25-lg {
        padding-bottom: 25px;
    }

    .hmd-pl-25-lg {
        padding-left: 25px;
    }

    .hmd-pa-3-lg {
        padding: 30px;
    }

    .hmd-pv-3-lg {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .hmd-ph-3-lg {
        padding-left: 30px;
        padding-right: 30px;
    }

    .hmd-pt-3-lg {
        padding-top: 30px;
    }

    .hmd-pr-3-lg {
        padding-right: 30px;
    }

    .hmd-pb-3-lg {
        padding-bottom: 30px;
    }

    .hmd-pl-3-lg {
        padding-left: 30px;
    }

    .hmd-pa-35-lg {
        padding: 35px;
    }

    .hmd-pv-35-lg {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .hmd-ph-35-lg {
        padding-left: 35px;
        padding-right: 35px;
    }

    .hmd-pt-35-lg {
        padding-top: 35px;
    }

    .hmd-pr-35-lg {
        padding-right: 35px;
    }

    .hmd-pb-35-lg {
        padding-bottom: 35px;
    }

    .hmd-pl-35-lg {
        padding-left: 35px;
    }

    .hmd-pa-4-lg {
        padding: 40px;
    }

    .hmd-pv-4-lg {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .hmd-ph-4-lg {
        padding-left: 40px;
        padding-right: 40px;
    }

    .hmd-pt-4-lg {
        padding-top: 40px;
    }

    .hmd-pr-4-lg {
        padding-right: 40px;
    }

    .hmd-pb-4-lg {
        padding-bottom: 40px;
    }

    .hmd-pl-4-lg {
        padding-left: 40px;
    }

    .hmd-pa-5-lg {
        padding: 50px;
    }

    .hmd-pv-5-lg {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .hmd-ph-5-lg {
        padding-left: 50px;
        padding-right: 50px;
    }

    .hmd-pt-5-lg {
        padding-top: 50px;
    }

    .hmd-pr-5-lg {
        padding-right: 50px;
    }

    .hmd-pb-5-lg {
        padding-bottom: 50px;
    }

    .hmd-pl-5-lg {
        padding-left: 50px;
    }

    .hmd-pa-55-lg {
        padding: 55px;
    }

    .hmd-pv-55-lg {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .hmd-ph-55-lg {
        padding-left: 55px;
        padding-right: 55px;
    }

    .hmd-pt-55-lg {
        padding-top: 55px;
    }

    .hmd-pr-55-lg {
        padding-right: 55px;
    }

    .hmd-pb-55-lg {
        padding-bottom: 55px;
    }

    .hmd-pl-55-lg {
        padding-left: 55px;
    }

    .hmd-pa-6-lg {
        padding: 60px;
    }

    .hmd-pv-6-lg {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .hmd-ph-6-lg {
        padding-left: 60px;
        padding-right: 60px;
    }

    .hmd-pt-6-lg {
        padding-top: 60px;
    }

    .hmd-pr-6-lg {
        padding-right: 60px;
    }

    .hmd-pb-6-lg {
        padding-bottom: 60px;
    }

    .hmd-pl-6-lg {
        padding-left: 60px;
    }

    .hmd-pa-7-lg {
        padding: 70px;
    }

    .hmd-pv-7-lg {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .hmd-ph-7-lg {
        padding-left: 70px;
        padding-right: 70px;
    }

    .hmd-pt-7-lg {
        padding-top: 70px;
    }

    .hmd-pr-7-lg {
        padding-right: 70px;
    }

    .hmd-pb-7-lg {
        padding-bottom: 70px;
    }

    .hmd-pl-7-lg {
        padding-left: 70px;
    }

    .hmd-pa-8-lg {
        padding: 80px;
    }

    .hmd-pv-8-lg {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .hmd-ph-8-lg {
        padding-left: 80px;
        padding-right: 80px;
    }

    .hmd-pt-8-lg {
        padding-top: 80px;
    }

    .hmd-pr-8-lg {
        padding-right: 80px;
    }

    .hmd-pb-8-lg {
        padding-bottom: 80px;
    }

    .hmd-pl-8-lg {
        padding-left: 80px;
    }

    .hmd-pa-10-lg {
        padding: 100px;
    }

    .hmd-pv-10-lg {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .hmd-ph-10-lg {
        padding-left: 100px;
        padding-right: 100px;
    }

    .hmd-pt-10-lg {
        padding-top: 100px;
    }

    .hmd-pr-10-lg {
        padding-right: 100px;
    }

    .hmd-pb-10-lg {
        padding-bottom: 100px;
    }

    .hmd-pl-10-lg {
        padding-left: 100px;
    }

    .hmd-pa-12-lg {
        padding: 120px;
    }

    .hmd-pv-12-lg {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .hmd-ph-12-lg {
        padding-left: 120px;
        padding-right: 120px;
    }

    .hmd-pt-12-lg {
        padding-top: 120px;
    }

    .hmd-pr-12-lg {
        padding-right: 120px;
    }

    .hmd-pb-12-lg {
        padding-bottom: 120px;
    }

    .hmd-pl-12-lg {
        padding-left: 120px;
    }

    .hmd-pa-14-lg {
        padding: 140px;
    }

    .hmd-pv-14-lg {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .hmd-ph-14-lg {
        padding-left: 140px;
        padding-right: 140px;
    }

    .hmd-pt-14-lg {
        padding-top: 140px;
    }

    .hmd-pr-14-lg {
        padding-right: 140px;
    }

    .hmd-pb-14-lg {
        padding-bottom: 140px;
    }

    .hmd-pl-14-lg {
        padding-left: 140px;
    }

    .hmd-pa-16-lg {
        padding: 160px;
    }

    .hmd-pv-16-lg {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .hmd-ph-16-lg {
        padding-left: 160px;
        padding-right: 160px;
    }

    .hmd-pt-16-lg {
        padding-top: 160px;
    }

    .hmd-pr-16-lg {
        padding-right: 160px;
    }

    .hmd-pb-16-lg {
        padding-bottom: 160px;
    }

    .hmd-pl-16-lg {
        padding-left: 160px;
    }

    .hmd-pa-auto-lg {
        padding: auto;
    }

    .hmd-pv-auto-lg {
        padding-top: auto;
        padding-bottom: auto;
    }

    .hmd-ph-auto-lg {
        padding-left: auto;
        padding-right: auto;
    }

    .hmd-pt-auto-lg {
        padding-top: auto;
    }

    .hmd-pr-auto-lg {
        padding-right: auto;
    }

    .hmd-pb-auto-lg {
        padding-bottom: auto;
    }

    .hmd-pl-auto-lg {
        padding-left: auto;
    }

    .hmd-ma-0-lg {
        margin: 0;
    }

    .hmd-mv-0-lg {
        margin-top: 0;
        margin-bottom: 0;
    }

    .hmd-mh-0-lg {
        margin-left: 0;
        margin-right: 0;
    }

    .hmd-mt-0-lg {
        margin-top: 0;
    }

    .hmd-mr-0-lg {
        margin-right: 0;
    }

    .hmd-mb-0-lg {
        margin-bottom: 0;
    }

    .hmd-ml-0-lg {
        margin-left: 0;
    }

    .hmd-nt-0-lg {
        margin-top: -0;
    }

    .hmd-nr-0-lg {
        margin-right: -0;
    }

    .hmd-nb-0-lg {
        margin-bottom: -0;
    }

    .hmd-nl-0-lg {
        margin-left: -0;
    }

    .hmd-ma-1\/10-lg {
        margin: 1px;
    }

    .hmd-mv-1\/10-lg {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .hmd-mh-1\/10-lg {
        margin-left: 1px;
        margin-right: 1px;
    }

    .hmd-mt-1\/10-lg {
        margin-top: 1px;
    }

    .hmd-mr-1\/10-lg {
        margin-right: 1px;
    }

    .hmd-mb-1\/10-lg {
        margin-bottom: 1px;
    }

    .hmd-ml-1\/10-lg {
        margin-left: 1px;
    }

    .hmd-nt-1\/10-lg {
        margin-top: -1px;
    }

    .hmd-nr-1\/10-lg {
        margin-right: -1px;
    }

    .hmd-nb-1\/10-lg {
        margin-bottom: -1px;
    }

    .hmd-nl-1\/10-lg {
        margin-left: -1px;
    }

    .hmd-ma-1\/5-lg {
        margin: 2px;
    }

    .hmd-mv-1\/5-lg {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .hmd-mh-1\/5-lg {
        margin-left: 2px;
        margin-right: 2px;
    }

    .hmd-mt-1\/5-lg {
        margin-top: 2px;
    }

    .hmd-mr-1\/5-lg {
        margin-right: 2px;
    }

    .hmd-mb-1\/5-lg {
        margin-bottom: 2px;
    }

    .hmd-ml-1\/5-lg {
        margin-left: 2px;
    }

    .hmd-nt-1\/5-lg {
        margin-top: -2px;
    }

    .hmd-nr-1\/5-lg {
        margin-right: -2px;
    }

    .hmd-nb-1\/5-lg {
        margin-bottom: -2px;
    }

    .hmd-nl-1\/5-lg {
        margin-left: -2px;
    }

    .hmd-ma-1\/4-lg {
        margin: .25rem;
    }

    .hmd-mv-1\/4-lg {
        margin-top: .25rem;
        margin-bottom: .25rem;
    }

    .hmd-mh-1\/4-lg {
        margin-left: .25rem;
        margin-right: .25rem;
    }

    .hmd-mt-1\/4-lg {
        margin-top: .25rem;
    }

    .hmd-mr-1\/4-lg {
        margin-right: .25rem;
    }

    .hmd-mb-1\/4-lg {
        margin-bottom: .25rem;
    }

    .hmd-ml-1\/4-lg {
        margin-left: .25rem;
    }

    .hmd-nt-1\/4-lg {
        margin-top: -0.25rem;
    }

    .hmd-nr-1\/4-lg {
        margin-right: -0.25rem;
    }

    .hmd-nb-1\/4-lg {
        margin-bottom: -0.25rem;
    }

    .hmd-nl-1\/4-lg {
        margin-left: -0.25rem;
    }

    .hmd-ma-3\/4-lg {
        margin: .75rem;
    }

    .hmd-mv-3\/4-lg {
        margin-top: .75rem;
        margin-bottom: .75rem;
    }

    .hmd-mh-3\/4-lg {
        margin-left: .75rem;
        margin-right: .75rem;
    }

    .hmd-mt-3\/4-lg {
        margin-top: .75rem;
    }

    .hmd-mr-3\/4-lg {
        margin-right: .75rem;
    }

    .hmd-mb-3\/4-lg {
        margin-bottom: .75rem;
    }

    .hmd-ml-3\/4-lg {
        margin-left: .75rem;
    }

    .hmd-nt-3\/4-lg {
        margin-top: -0.75rem;
    }

    .hmd-nr-3\/4-lg {
        margin-right: -0.75rem;
    }

    .hmd-nb-3\/4-lg {
        margin-bottom: -0.75rem;
    }

    .hmd-nl-3\/4-lg {
        margin-left: -0.75rem;
    }

    .hmd-ma-1\/8-lg {
        margin: .125rem;
    }

    .hmd-mv-1\/8-lg {
        margin-top: .125rem;
        margin-bottom: .125rem;
    }

    .hmd-mh-1\/8-lg {
        margin-left: .125rem;
        margin-right: .125rem;
    }

    .hmd-mt-1\/8-lg {
        margin-top: .125rem;
    }

    .hmd-mr-1\/8-lg {
        margin-right: .125rem;
    }

    .hmd-mb-1\/8-lg {
        margin-bottom: .125rem;
    }

    .hmd-ml-1\/8-lg {
        margin-left: .125rem;
    }

    .hmd-nt-1\/8-lg {
        margin-top: -0.125rem;
    }

    .hmd-nr-1\/8-lg {
        margin-right: -0.125rem;
    }

    .hmd-nb-1\/8-lg {
        margin-bottom: -0.125rem;
    }

    .hmd-nl-1\/8-lg {
        margin-left: -0.125rem;
    }

    .hmd-ma-1\/2-lg {
        margin: 5px;
    }

    .hmd-mv-1\/2-lg {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .hmd-mh-1\/2-lg {
        margin-left: 5px;
        margin-right: 5px;
    }

    .hmd-mt-1\/2-lg {
        margin-top: 5px;
    }

    .hmd-mr-1\/2-lg {
        margin-right: 5px;
    }

    .hmd-mb-1\/2-lg {
        margin-bottom: 5px;
    }

    .hmd-ml-1\/2-lg {
        margin-left: 5px;
    }

    .hmd-nt-1\/2-lg {
        margin-top: -5px;
    }

    .hmd-nr-1\/2-lg {
        margin-right: -5px;
    }

    .hmd-nb-1\/2-lg {
        margin-bottom: -5px;
    }

    .hmd-nl-1\/2-lg {
        margin-left: -5px;
    }

    .hmd-ma-1-lg {
        margin: 10px;
    }

    .hmd-mv-1-lg {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .hmd-mh-1-lg {
        margin-left: 10px;
        margin-right: 10px;
    }

    .hmd-mt-1-lg {
        margin-top: 10px;
    }

    .hmd-mr-1-lg {
        margin-right: 10px;
    }

    .hmd-mb-1-lg {
        margin-bottom: 10px;
    }

    .hmd-ml-1-lg {
        margin-left: 10px;
    }

    .hmd-nt-1-lg {
        margin-top: -10px;
    }

    .hmd-nr-1-lg {
        margin-right: -10px;
    }

    .hmd-nb-1-lg {
        margin-bottom: -10px;
    }

    .hmd-nl-1-lg {
        margin-left: -10px;
    }

    .hmd-ma-3\/2-lg {
        margin: 15px;
    }

    .hmd-mv-3\/2-lg {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .hmd-mh-3\/2-lg {
        margin-left: 15px;
        margin-right: 15px;
    }

    .hmd-mt-3\/2-lg {
        margin-top: 15px;
    }

    .hmd-mr-3\/2-lg {
        margin-right: 15px;
    }

    .hmd-mb-3\/2-lg {
        margin-bottom: 15px;
    }

    .hmd-ml-3\/2-lg {
        margin-left: 15px;
    }

    .hmd-nt-3\/2-lg {
        margin-top: -15px;
    }

    .hmd-nr-3\/2-lg {
        margin-right: -15px;
    }

    .hmd-nb-3\/2-lg {
        margin-bottom: -15px;
    }

    .hmd-nl-3\/2-lg {
        margin-left: -15px;
    }

    .hmd-ma-2-lg {
        margin: 20px;
    }

    .hmd-mv-2-lg {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .hmd-mh-2-lg {
        margin-left: 20px;
        margin-right: 20px;
    }

    .hmd-mt-2-lg {
        margin-top: 20px;
    }

    .hmd-mr-2-lg {
        margin-right: 20px;
    }

    .hmd-mb-2-lg {
        margin-bottom: 20px;
    }

    .hmd-ml-2-lg {
        margin-left: 20px;
    }

    .hmd-nt-2-lg {
        margin-top: -20px;
    }

    .hmd-nr-2-lg {
        margin-right: -20px;
    }

    .hmd-nb-2-lg {
        margin-bottom: -20px;
    }

    .hmd-nl-2-lg {
        margin-left: -20px;
    }

    .hmd-ma-25-lg {
        margin: 25px;
    }

    .hmd-mv-25-lg {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .hmd-mh-25-lg {
        margin-left: 25px;
        margin-right: 25px;
    }

    .hmd-mt-25-lg {
        margin-top: 25px;
    }

    .hmd-mr-25-lg {
        margin-right: 25px;
    }

    .hmd-mb-25-lg {
        margin-bottom: 25px;
    }

    .hmd-ml-25-lg {
        margin-left: 25px;
    }

    .hmd-nt-25-lg {
        margin-top: -25px;
    }

    .hmd-nr-25-lg {
        margin-right: -25px;
    }

    .hmd-nb-25-lg {
        margin-bottom: -25px;
    }

    .hmd-nl-25-lg {
        margin-left: -25px;
    }

    .hmd-ma-3-lg {
        margin: 30px;
    }

    .hmd-mv-3-lg {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .hmd-mh-3-lg {
        margin-left: 30px;
        margin-right: 30px;
    }

    .hmd-mt-3-lg {
        margin-top: 30px;
    }

    .hmd-mr-3-lg {
        margin-right: 30px;
    }

    .hmd-mb-3-lg {
        margin-bottom: 30px;
    }

    .hmd-ml-3-lg {
        margin-left: 30px;
    }

    .hmd-nt-3-lg {
        margin-top: -30px;
    }

    .hmd-nr-3-lg {
        margin-right: -30px;
    }

    .hmd-nb-3-lg {
        margin-bottom: -30px;
    }

    .hmd-nl-3-lg {
        margin-left: -30px;
    }

    .hmd-ma-35-lg {
        margin: 35px;
    }

    .hmd-mv-35-lg {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .hmd-mh-35-lg {
        margin-left: 35px;
        margin-right: 35px;
    }

    .hmd-mt-35-lg {
        margin-top: 35px;
    }

    .hmd-mr-35-lg {
        margin-right: 35px;
    }

    .hmd-mb-35-lg {
        margin-bottom: 35px;
    }

    .hmd-ml-35-lg {
        margin-left: 35px;
    }

    .hmd-nt-35-lg {
        margin-top: -35px;
    }

    .hmd-nr-35-lg {
        margin-right: -35px;
    }

    .hmd-nb-35-lg {
        margin-bottom: -35px;
    }

    .hmd-nl-35-lg {
        margin-left: -35px;
    }

    .hmd-ma-4-lg {
        margin: 40px;
    }

    .hmd-mv-4-lg {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .hmd-mh-4-lg {
        margin-left: 40px;
        margin-right: 40px;
    }

    .hmd-mt-4-lg {
        margin-top: 40px;
    }

    .hmd-mr-4-lg {
        margin-right: 40px;
    }

    .hmd-mb-4-lg {
        margin-bottom: 40px;
    }

    .hmd-ml-4-lg {
        margin-left: 40px;
    }

    .hmd-nt-4-lg {
        margin-top: -40px;
    }

    .hmd-nr-4-lg {
        margin-right: -40px;
    }

    .hmd-nb-4-lg {
        margin-bottom: -40px;
    }

    .hmd-nl-4-lg {
        margin-left: -40px;
    }

    .hmd-ma-5-lg {
        margin: 50px;
    }

    .hmd-mv-5-lg {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .hmd-mh-5-lg {
        margin-left: 50px;
        margin-right: 50px;
    }

    .hmd-mt-5-lg {
        margin-top: 50px;
    }

    .hmd-mr-5-lg {
        margin-right: 50px;
    }

    .hmd-mb-5-lg {
        margin-bottom: 50px;
    }

    .hmd-ml-5-lg {
        margin-left: 50px;
    }

    .hmd-nt-5-lg {
        margin-top: -50px;
    }

    .hmd-nr-5-lg {
        margin-right: -50px;
    }

    .hmd-nb-5-lg {
        margin-bottom: -50px;
    }

    .hmd-nl-5-lg {
        margin-left: -50px;
    }

    .hmd-ma-55-lg {
        margin: 55px;
    }

    .hmd-mv-55-lg {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .hmd-mh-55-lg {
        margin-left: 55px;
        margin-right: 55px;
    }

    .hmd-mt-55-lg {
        margin-top: 55px;
    }

    .hmd-mr-55-lg {
        margin-right: 55px;
    }

    .hmd-mb-55-lg {
        margin-bottom: 55px;
    }

    .hmd-ml-55-lg {
        margin-left: 55px;
    }

    .hmd-nt-55-lg {
        margin-top: -55px;
    }

    .hmd-nr-55-lg {
        margin-right: -55px;
    }

    .hmd-nb-55-lg {
        margin-bottom: -55px;
    }

    .hmd-nl-55-lg {
        margin-left: -55px;
    }

    .hmd-ma-6-lg {
        margin: 60px;
    }

    .hmd-mv-6-lg {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .hmd-mh-6-lg {
        margin-left: 60px;
        margin-right: 60px;
    }

    .hmd-mt-6-lg {
        margin-top: 60px;
    }

    .hmd-mr-6-lg {
        margin-right: 60px;
    }

    .hmd-mb-6-lg {
        margin-bottom: 60px;
    }

    .hmd-ml-6-lg {
        margin-left: 60px;
    }

    .hmd-nt-6-lg {
        margin-top: -60px;
    }

    .hmd-nr-6-lg {
        margin-right: -60px;
    }

    .hmd-nb-6-lg {
        margin-bottom: -60px;
    }

    .hmd-nl-6-lg {
        margin-left: -60px;
    }

    .hmd-ma-7-lg {
        margin: 70px;
    }

    .hmd-mv-7-lg {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .hmd-mh-7-lg {
        margin-left: 70px;
        margin-right: 70px;
    }

    .hmd-mt-7-lg {
        margin-top: 70px;
    }

    .hmd-mr-7-lg {
        margin-right: 70px;
    }

    .hmd-mb-7-lg {
        margin-bottom: 70px;
    }

    .hmd-ml-7-lg {
        margin-left: 70px;
    }

    .hmd-nt-7-lg {
        margin-top: -70px;
    }

    .hmd-nr-7-lg {
        margin-right: -70px;
    }

    .hmd-nb-7-lg {
        margin-bottom: -70px;
    }

    .hmd-nl-7-lg {
        margin-left: -70px;
    }

    .hmd-ma-8-lg {
        margin: 80px;
    }

    .hmd-mv-8-lg {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .hmd-mh-8-lg {
        margin-left: 80px;
        margin-right: 80px;
    }

    .hmd-mt-8-lg {
        margin-top: 80px;
    }

    .hmd-mr-8-lg {
        margin-right: 80px;
    }

    .hmd-mb-8-lg {
        margin-bottom: 80px;
    }

    .hmd-ml-8-lg {
        margin-left: 80px;
    }

    .hmd-nt-8-lg {
        margin-top: -80px;
    }

    .hmd-nr-8-lg {
        margin-right: -80px;
    }

    .hmd-nb-8-lg {
        margin-bottom: -80px;
    }

    .hmd-nl-8-lg {
        margin-left: -80px;
    }

    .hmd-ma-10-lg {
        margin: 100px;
    }

    .hmd-mv-10-lg {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .hmd-mh-10-lg {
        margin-left: 100px;
        margin-right: 100px;
    }

    .hmd-mt-10-lg {
        margin-top: 100px;
    }

    .hmd-mr-10-lg {
        margin-right: 100px;
    }

    .hmd-mb-10-lg {
        margin-bottom: 100px;
    }

    .hmd-ml-10-lg {
        margin-left: 100px;
    }

    .hmd-nt-10-lg {
        margin-top: -100px;
    }

    .hmd-nr-10-lg {
        margin-right: -100px;
    }

    .hmd-nb-10-lg {
        margin-bottom: -100px;
    }

    .hmd-nl-10-lg {
        margin-left: -100px;
    }

    .hmd-ma-12-lg {
        margin: 120px;
    }

    .hmd-mv-12-lg {
        margin-top: 120px;
        margin-bottom: 120px;
    }

    .hmd-mh-12-lg {
        margin-left: 120px;
        margin-right: 120px;
    }

    .hmd-mt-12-lg {
        margin-top: 120px;
    }

    .hmd-mr-12-lg {
        margin-right: 120px;
    }

    .hmd-mb-12-lg {
        margin-bottom: 120px;
    }

    .hmd-ml-12-lg {
        margin-left: 120px;
    }

    .hmd-nt-12-lg {
        margin-top: -120px;
    }

    .hmd-nr-12-lg {
        margin-right: -120px;
    }

    .hmd-nb-12-lg {
        margin-bottom: -120px;
    }

    .hmd-nl-12-lg {
        margin-left: -120px;
    }

    .hmd-ma-14-lg {
        margin: 140px;
    }

    .hmd-mv-14-lg {
        margin-top: 140px;
        margin-bottom: 140px;
    }

    .hmd-mh-14-lg {
        margin-left: 140px;
        margin-right: 140px;
    }

    .hmd-mt-14-lg {
        margin-top: 140px;
    }

    .hmd-mr-14-lg {
        margin-right: 140px;
    }

    .hmd-mb-14-lg {
        margin-bottom: 140px;
    }

    .hmd-ml-14-lg {
        margin-left: 140px;
    }

    .hmd-nt-14-lg {
        margin-top: -140px;
    }

    .hmd-nr-14-lg {
        margin-right: -140px;
    }

    .hmd-nb-14-lg {
        margin-bottom: -140px;
    }

    .hmd-nl-14-lg {
        margin-left: -140px;
    }

    .hmd-ma-16-lg {
        margin: 160px;
    }

    .hmd-mv-16-lg {
        margin-top: 160px;
        margin-bottom: 160px;
    }

    .hmd-mh-16-lg {
        margin-left: 160px;
        margin-right: 160px;
    }

    .hmd-mt-16-lg {
        margin-top: 160px;
    }

    .hmd-mr-16-lg {
        margin-right: 160px;
    }

    .hmd-mb-16-lg {
        margin-bottom: 160px;
    }

    .hmd-ml-16-lg {
        margin-left: 160px;
    }

    .hmd-nt-16-lg {
        margin-top: -160px;
    }

    .hmd-nr-16-lg {
        margin-right: -160px;
    }

    .hmd-nb-16-lg {
        margin-bottom: -160px;
    }

    .hmd-nl-16-lg {
        margin-left: -160px;
    }

    .hmd-ma-auto-lg {
        margin: auto;
    }

    .hmd-mv-auto-lg {
        margin-top: auto;
        margin-bottom: auto;
    }

    .hmd-mh-auto-lg {
        margin-left: auto;
        margin-right: auto;
    }

    .hmd-mt-auto-lg {
        margin-top: auto;
    }

    .hmd-mr-auto-lg {
        margin-right: auto;
    }

    .hmd-mb-auto-lg {
        margin-bottom: auto;
    }

    .hmd-ml-auto-lg {
        margin-left: auto;
    }

    .hmd-nt-auto-lg {
        margin-top: -auto;
    }

    .hmd-nr-auto-lg {
        margin-right: -auto;
    }

    .hmd-nb-auto-lg {
        margin-bottom: -auto;
    }

    .hmd-nl-auto-lg {
        margin-left: -auto;
    }

    .hmd-mh-auto--lg {
        margin: 0 auto;
    }

    .hmd-flex-lg {
        display: flex;
    }

    .inline-flex-lg {
        display: inline-flex;
    }

    .hmd-flex-auto-lg {
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0;
    }

    .hmd-flex-one-lg {
        flex: 1;
    }

    .hmd-flex-two-lg {
        flex: 2;
    }

    .hmd-flex-none-lg {
        flex: none;
    }

    .hmd-flex-column-lg {
        flex-direction: column;
    }

    .hmd-flex-row-lg {
        flex-direction: row;
    }

    .hmd-flex-wrap-lg {
        flex-wrap: wrap;
    }

    .hmd-flex-nowrap-lg {
        flex-wrap: nowrap;
    }

    .hmd-flex-wrap-reverse-lg {
        flex-wrap: wrap-reverse;
    }

    .hmd-flex-column-reverse-lg {
        flex-direction: column-reverse;
    }

    .hmd-flex-row-reverse-lg {
        flex-direction: row-reverse;
    }

    .hmd-items-start-lg {
        align-items: flex-start;
    }

    .hmd-items-end-lg {
        align-items: flex-end;
    }

    .hmd-items-center-lg {
        align-items: center;
    }

    .hmd-items-baseline-lg {
        align-items: baseline;
    }

    .hmd-items-stretch-lg {
        align-items: stretch;
    }

    .hmd-self-start-lg {
        align-self: flex-start;
    }

    .hmd-self-end-lg {
        align-self: flex-end;
    }

    .hmd-self-center-lg {
        align-self: center;
    }

    .hmd-self-baseline-lg {
        align-self: baseline;
    }

    .hmd-self-stretch-lg {
        align-self: stretch;
    }

    .hmd-justify-start-lg {
        justify-content: flex-start;
    }

    .hmd-justify-end-lg {
        justify-content: flex-end;
    }

    .hmd-justify-center-lg {
        justify-content: center;
    }

    .hmd-justify-between-lg {
        justify-content: space-between;
    }

    .hmd-justify-around-lg {
        justify-content: space-around;
    }

    .hmd-content-start-lg {
        align-content: flex-start;
    }

    .hmd-content-end-lg {
        align-content: flex-end;
    }

    .hmd-content-center-lg {
        align-content: center;
    }

    .hmd-content-between-lg {
        align-content: space-between;
    }

    .hmd-content-around-lg {
        align-content: space-around;
    }

    .hmd-content-stretch-lg {
        align-content: stretch;
    }

    .hmd-order-0-lg {
        order: 0;
    }

    .hmd-order-1-lg {
        order: 1;
    }

    .hmd-order-2-lg {
        order: 2;
    }

    .hmd-order-3-lg {
        order: 3;
    }

    .hmd-order-4-lg {
        order: 4;
    }

    .hmd-order-5-lg {
        order: 5;
    }

    .hmd-order-6-lg {
        order: 6;
    }

    .hmd-order-7-lg {
        order: 7;
    }

    .hmd-order-8-lg {
        order: 8;
    }

    .hmd-order-last-lg {
        order: 99999;
    }

    .hmd-flex-grow-0-lg {
        flex-grow: 0;
    }

    .hmd-flex-grow-1-lg {
        flex-grow: 1;
    }

    .hmd-flex-shrink-0-lg {
        flex-shrink: 0;
    }

    .hmd-flex-shrink-1-lg {
        flex-shrink: 1;
    }

    .hmd-w-1-lg {
        width: 10px;
    }

    .hmd-mw-1-lg {
        max-width: 10px;
    }

    .hmd-nw-1-lg {
        min-width: 10px;
    }

    .hmd-w-2-lg {
        width: 20px;
    }

    .hmd-mw-2-lg {
        max-width: 20px;
    }

    .hmd-nw-2-lg {
        min-width: 20px;
    }

    .hmd-w-3-lg {
        width: 30px;
    }

    .hmd-mw-3-lg {
        max-width: 30px;
    }

    .hmd-nw-3-lg {
        min-width: 30px;
    }

    .hmd-w-4-lg {
        width: 40px;
    }

    .hmd-mw-4-lg {
        max-width: 40px;
    }

    .hmd-nw-4-lg {
        min-width: 40px;
    }

    .hmd-w-8-lg {
        width: 80px;
    }

    .hmd-mw-8-lg {
        max-width: 80px;
    }

    .hmd-nw-8-lg {
        min-width: 80px;
    }

    .hmd-w-16-lg {
        width: 160px;
    }

    .hmd-mw-16-lg {
        max-width: 160px;
    }

    .hmd-nw-16-lg {
        min-width: 160px;
    }

    .hmd-w-18-lg {
        width: 180px;
    }

    .hmd-mw-18-lg {
        max-width: 180px;
    }

    .hmd-nw-18-lg {
        min-width: 180px;
    }

    .hmd-w-30-lg {
        width: 300px;
    }

    .hmd-mw-30-lg {
        max-width: 300px;
    }

    .hmd-nw-30-lg {
        min-width: 300px;
    }

    .hmd-w-110-lg {
        width: 1110px;
    }

    .hmd-mw-110-lg {
        max-width: 1110px;
    }

    .hmd-nw-110-lg {
        min-width: 1110px;
    }

    .hmd-w-1\/10-lg {
        width: 10%;
    }

    .hmd-mw-1\/10-lg {
        max-width: 10%;
    }

    .hmd-nw-1\/10-lg {
        min-width: 10%;
    }

    .hmd-w-1\/5-lg {
        width: 20%;
    }

    .hmd-mw-1\/5-lg {
        max-width: 20%;
    }

    .hmd-nw-1\/5-lg {
        min-width: 20%;
    }

    .hmd-w-1\/4-lg {
        width: 25%;
    }

    .hmd-mw-1\/4-lg {
        max-width: 25%;
    }

    .hmd-nw-1\/4-lg {
        min-width: 25%;
    }

    .hmd-w-3\/10-lg {
        width: 30%;
    }

    .hmd-mw-3\/10-lg {
        max-width: 30%;
    }

    .hmd-nw-3\/10-lg {
        min-width: 30%;
    }

    .hmd-w-1\/3-lg {
        width: 33.3333%;
    }

    .hmd-mw-1\/3-lg {
        max-width: 33.3333%;
    }

    .hmd-nw-1\/3-lg {
        min-width: 33.3333%;
    }

    .hmd-w-2\/5-lg {
        width: 40%;
    }

    .hmd-mw-2\/5-lg {
        max-width: 40%;
    }

    .hmd-nw-2\/5-lg {
        min-width: 40%;
    }

    .hmd-w-1\/2-lg {
        width: 50%;
    }

    .hmd-mw-1\/2-lg {
        max-width: 50%;
    }

    .hmd-nw-1\/2-lg {
        min-width: 50%;
    }

    .hmd-w-3\/5-lg {
        width: 60%;
    }

    .hmd-mw-3\/5-lg {
        max-width: 60%;
    }

    .hmd-nw-3\/5-lg {
        min-width: 60%;
    }

    .hmd-w-7\/10-lg {
        width: 70%;
    }

    .hmd-mw-7\/10-lg {
        max-width: 70%;
    }

    .hmd-nw-7\/10-lg {
        min-width: 70%;
    }

    .hmd-w-3\/4-lg {
        width: 75%;
    }

    .hmd-mw-3\/4-lg {
        max-width: 75%;
    }

    .hmd-nw-3\/4-lg {
        min-width: 75%;
    }

    .hmd-w-4\/5-lg {
        width: 80%;
    }

    .hmd-mw-4\/5-lg {
        max-width: 80%;
    }

    .hmd-nw-4\/5-lg {
        min-width: 80%;
    }

    .hmd-w-9\/10-lg {
        width: 90%;
    }

    .hmd-mw-9\/10-lg {
        max-width: 90%;
    }

    .hmd-nw-9\/10-lg {
        min-width: 90%;
    }

    .hmd-w-full-lg {
        width: 100%;
    }

    .hmd-mw-full-lg {
        max-width: 100%;
    }

    .hmd-nw-full-lg {
        min-width: 100%;
    }

    .hmd-w-100-lg {
        width: 100%;
    }

    .hmd-mw-100-lg {
        max-width: 100%;
    }

    .hmd-nw-100-lg {
        min-width: 100%;
    }

    .hmd-w-auto-lg {
        width: auto;
    }

    .hmd-mw-auto-lg {
        max-width: auto;
    }

    .hmd-nw-auto-lg {
        min-width: auto;
    }

    .hmd-op-0-lg {
        opacity: 0%;
    }

    .hmd-op-1-lg {
        opacity: 10%;
    }

    .hmd-op-2-lg {
        opacity: 20%;
    }

    .hmd-op-3-lg {
        opacity: 30%;
    }

    .hmd-op-4-lg {
        opacity: 40%;
    }

    .hmd-op-5-lg {
        opacity: 50%;
    }

    .hmd-op-6-lg {
        opacity: 60%;
    }

    .hmd-op-7-lg {
        opacity: 70%;
    }

    .hmd-op-8-lg {
        opacity: 80%;
    }

    .hmd-op-9-lg {
        opacity: 90%;
    }

    .hmd-op-10-lg {
        opacity: 100%;
    }
}

@media (max-width: 767px) {
    .hmd-pa-0-xs {
        padding: 0;
    }

    .hmd-pv-0-xs {
        padding-top: 0;
        padding-bottom: 0;
    }

    .hmd-ph-0-xs {
        padding-left: 0;
        padding-right: 0;
    }

    .hmd-pt-0-xs {
        padding-top: 0;
    }

    .hmd-pr-0-xs {
        padding-right: 0;
    }

    .hmd-pb-0-xs {
        padding-bottom: 0;
    }

    .hmd-pl-0-xs {
        padding-left: 0;
    }

    .hmd-pa-1\/10-xs {
        padding: 1px;
    }

    .hmd-pv-1\/10-xs {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .hmd-ph-1\/10-xs {
        padding-left: 1px;
        padding-right: 1px;
    }

    .hmd-pt-1\/10-xs {
        padding-top: 1px;
    }

    .hmd-pr-1\/10-xs {
        padding-right: 1px;
    }

    .hmd-pb-1\/10-xs {
        padding-bottom: 1px;
    }

    .hmd-pl-1\/10-xs {
        padding-left: 1px;
    }

    .hmd-pa-1\/5-xs {
        padding: 2px;
    }

    .hmd-pv-1\/5-xs {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .hmd-ph-1\/5-xs {
        padding-left: 2px;
        padding-right: 2px;
    }

    .hmd-pt-1\/5-xs {
        padding-top: 2px;
    }

    .hmd-pr-1\/5-xs {
        padding-right: 2px;
    }

    .hmd-pb-1\/5-xs {
        padding-bottom: 2px;
    }

    .hmd-pl-1\/5-xs {
        padding-left: 2px;
    }

    .hmd-pa-1\/4-xs {
        padding: .25rem;
    }

    .hmd-pv-1\/4-xs {
        padding-top: .25rem;
        padding-bottom: .25rem;
    }

    .hmd-ph-1\/4-xs {
        padding-left: .25rem;
        padding-right: .25rem;
    }

    .hmd-pt-1\/4-xs {
        padding-top: .25rem;
    }

    .hmd-pr-1\/4-xs {
        padding-right: .25rem;
    }

    .hmd-pb-1\/4-xs {
        padding-bottom: .25rem;
    }

    .hmd-pl-1\/4-xs {
        padding-left: .25rem;
    }

    .hmd-pa-3\/4-xs {
        padding: .75rem;
    }

    .hmd-pv-3\/4-xs {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }

    .hmd-ph-3\/4-xs {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .hmd-pt-3\/4-xs {
        padding-top: .75rem;
    }

    .hmd-pr-3\/4-xs {
        padding-right: .75rem;
    }

    .hmd-pb-3\/4-xs {
        padding-bottom: .75rem;
    }

    .hmd-pl-3\/4-xs {
        padding-left: .75rem;
    }

    .hmd-pa-1\/8-xs {
        padding: .125rem;
    }

    .hmd-pv-1\/8-xs {
        padding-top: .125rem;
        padding-bottom: .125rem;
    }

    .hmd-ph-1\/8-xs {
        padding-left: .125rem;
        padding-right: .125rem;
    }

    .hmd-pt-1\/8-xs {
        padding-top: .125rem;
    }

    .hmd-pr-1\/8-xs {
        padding-right: .125rem;
    }

    .hmd-pb-1\/8-xs {
        padding-bottom: .125rem;
    }

    .hmd-pl-1\/8-xs {
        padding-left: .125rem;
    }

    .hmd-pa-1\/2-xs {
        padding: 5px;
    }

    .hmd-pv-1\/2-xs {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .hmd-ph-1\/2-xs {
        padding-left: 5px;
        padding-right: 5px;
    }

    .hmd-pt-1\/2-xs {
        padding-top: 5px;
    }

    .hmd-pr-1\/2-xs {
        padding-right: 5px;
    }

    .hmd-pb-1\/2-xs {
        padding-bottom: 5px;
    }

    .hmd-pl-1\/2-xs {
        padding-left: 5px;
    }

    .hmd-pa-1-xs {
        padding: 10px;
    }

    .hmd-pv-1-xs {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .hmd-ph-1-xs {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hmd-pt-1-xs {
        padding-top: 10px;
    }

    .hmd-pr-1-xs {
        padding-right: 10px;
    }

    .hmd-pb-1-xs {
        padding-bottom: 10px;
    }

    .hmd-pl-1-xs {
        padding-left: 10px;
    }

    .hmd-pa-3\/2-xs {
        padding: 15px;
    }

    .hmd-pv-3\/2-xs {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .hmd-ph-3\/2-xs {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hmd-pt-3\/2-xs {
        padding-top: 15px;
    }

    .hmd-pr-3\/2-xs {
        padding-right: 15px;
    }

    .hmd-pb-3\/2-xs {
        padding-bottom: 15px;
    }

    .hmd-pl-3\/2-xs {
        padding-left: 15px;
    }

    .hmd-pa-2-xs {
        padding: 20px;
    }

    .hmd-pv-2-xs {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .hmd-ph-2-xs {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hmd-pt-2-xs {
        padding-top: 20px;
    }

    .hmd-pr-2-xs {
        padding-right: 20px;
    }

    .hmd-pb-2-xs {
        padding-bottom: 20px;
    }

    .hmd-pl-2-xs {
        padding-left: 20px;
    }

    .hmd-pa-25-xs {
        padding: 25px;
    }

    .hmd-pv-25-xs {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .hmd-ph-25-xs {
        padding-left: 25px;
        padding-right: 25px;
    }

    .hmd-pt-25-xs {
        padding-top: 25px;
    }

    .hmd-pr-25-xs {
        padding-right: 25px;
    }

    .hmd-pb-25-xs {
        padding-bottom: 25px;
    }

    .hmd-pl-25-xs {
        padding-left: 25px;
    }

    .hmd-pa-3-xs {
        padding: 30px;
    }

    .hmd-pv-3-xs {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .hmd-ph-3-xs {
        padding-left: 30px;
        padding-right: 30px;
    }

    .hmd-pt-3-xs {
        padding-top: 30px;
    }

    .hmd-pr-3-xs {
        padding-right: 30px;
    }

    .hmd-pb-3-xs {
        padding-bottom: 30px;
    }

    .hmd-pl-3-xs {
        padding-left: 30px;
    }

    .hmd-pa-35-xs {
        padding: 35px;
    }

    .hmd-pv-35-xs {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .hmd-ph-35-xs {
        padding-left: 35px;
        padding-right: 35px;
    }

    .hmd-pt-35-xs {
        padding-top: 35px;
    }

    .hmd-pr-35-xs {
        padding-right: 35px;
    }

    .hmd-pb-35-xs {
        padding-bottom: 35px;
    }

    .hmd-pl-35-xs {
        padding-left: 35px;
    }

    .hmd-pa-4-xs {
        padding: 40px;
    }

    .hmd-pv-4-xs {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .hmd-ph-4-xs {
        padding-left: 40px;
        padding-right: 40px;
    }

    .hmd-pt-4-xs {
        padding-top: 40px;
    }

    .hmd-pr-4-xs {
        padding-right: 40px;
    }

    .hmd-pb-4-xs {
        padding-bottom: 40px;
    }

    .hmd-pl-4-xs {
        padding-left: 40px;
    }

    .hmd-pa-5-xs {
        padding: 50px;
    }

    .hmd-pv-5-xs {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .hmd-ph-5-xs {
        padding-left: 50px;
        padding-right: 50px;
    }

    .hmd-pt-5-xs {
        padding-top: 50px;
    }

    .hmd-pr-5-xs {
        padding-right: 50px;
    }

    .hmd-pb-5-xs {
        padding-bottom: 50px;
    }

    .hmd-pl-5-xs {
        padding-left: 50px;
    }

    .hmd-pa-55-xs {
        padding: 55px;
    }

    .hmd-pv-55-xs {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .hmd-ph-55-xs {
        padding-left: 55px;
        padding-right: 55px;
    }

    .hmd-pt-55-xs {
        padding-top: 55px;
    }

    .hmd-pr-55-xs {
        padding-right: 55px;
    }

    .hmd-pb-55-xs {
        padding-bottom: 55px;
    }

    .hmd-pl-55-xs {
        padding-left: 55px;
    }

    .hmd-pa-6-xs {
        padding: 60px;
    }

    .hmd-pv-6-xs {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .hmd-ph-6-xs {
        padding-left: 60px;
        padding-right: 60px;
    }

    .hmd-pt-6-xs {
        padding-top: 60px;
    }

    .hmd-pr-6-xs {
        padding-right: 60px;
    }

    .hmd-pb-6-xs {
        padding-bottom: 60px;
    }

    .hmd-pl-6-xs {
        padding-left: 60px;
    }

    .hmd-pa-7-xs {
        padding: 70px;
    }

    .hmd-pv-7-xs {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .hmd-ph-7-xs {
        padding-left: 70px;
        padding-right: 70px;
    }

    .hmd-pt-7-xs {
        padding-top: 70px;
    }

    .hmd-pr-7-xs {
        padding-right: 70px;
    }

    .hmd-pb-7-xs {
        padding-bottom: 70px;
    }

    .hmd-pl-7-xs {
        padding-left: 70px;
    }

    .hmd-pa-8-xs {
        padding: 80px;
    }

    .hmd-pv-8-xs {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .hmd-ph-8-xs {
        padding-left: 80px;
        padding-right: 80px;
    }

    .hmd-pt-8-xs {
        padding-top: 80px;
    }

    .hmd-pr-8-xs {
        padding-right: 80px;
    }

    .hmd-pb-8-xs {
        padding-bottom: 80px;
    }

    .hmd-pl-8-xs {
        padding-left: 80px;
    }

    .hmd-pa-10-xs {
        padding: 100px;
    }

    .hmd-pv-10-xs {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .hmd-ph-10-xs {
        padding-left: 100px;
        padding-right: 100px;
    }

    .hmd-pt-10-xs {
        padding-top: 100px;
    }

    .hmd-pr-10-xs {
        padding-right: 100px;
    }

    .hmd-pb-10-xs {
        padding-bottom: 100px;
    }

    .hmd-pl-10-xs {
        padding-left: 100px;
    }

    .hmd-pa-12-xs {
        padding: 120px;
    }

    .hmd-pv-12-xs {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .hmd-ph-12-xs {
        padding-left: 120px;
        padding-right: 120px;
    }

    .hmd-pt-12-xs {
        padding-top: 120px;
    }

    .hmd-pr-12-xs {
        padding-right: 120px;
    }

    .hmd-pb-12-xs {
        padding-bottom: 120px;
    }

    .hmd-pl-12-xs {
        padding-left: 120px;
    }

    .hmd-pa-14-xs {
        padding: 140px;
    }

    .hmd-pv-14-xs {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .hmd-ph-14-xs {
        padding-left: 140px;
        padding-right: 140px;
    }

    .hmd-pt-14-xs {
        padding-top: 140px;
    }

    .hmd-pr-14-xs {
        padding-right: 140px;
    }

    .hmd-pb-14-xs {
        padding-bottom: 140px;
    }

    .hmd-pl-14-xs {
        padding-left: 140px;
    }

    .hmd-pa-16-xs {
        padding: 160px;
    }

    .hmd-pv-16-xs {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .hmd-ph-16-xs {
        padding-left: 160px;
        padding-right: 160px;
    }

    .hmd-pt-16-xs {
        padding-top: 160px;
    }

    .hmd-pr-16-xs {
        padding-right: 160px;
    }

    .hmd-pb-16-xs {
        padding-bottom: 160px;
    }

    .hmd-pl-16-xs {
        padding-left: 160px;
    }

    .hmd-pa-auto-xs {
        padding: auto;
    }

    .hmd-pv-auto-xs {
        padding-top: auto;
        padding-bottom: auto;
    }

    .hmd-ph-auto-xs {
        padding-left: auto;
        padding-right: auto;
    }

    .hmd-pt-auto-xs {
        padding-top: auto;
    }

    .hmd-pr-auto-xs {
        padding-right: auto;
    }

    .hmd-pb-auto-xs {
        padding-bottom: auto;
    }

    .hmd-pl-auto-xs {
        padding-left: auto;
    }

    .hmd-ma-0-xs {
        margin: 0;
    }

    .hmd-mv-0-xs {
        margin-top: 0;
        margin-bottom: 0;
    }

    .hmd-mh-0-xs {
        margin-left: 0;
        margin-right: 0;
    }

    .hmd-mt-0-xs {
        margin-top: 0;
    }

    .hmd-mr-0-xs {
        margin-right: 0;
    }

    .hmd-mb-0-xs {
        margin-bottom: 0;
    }

    .hmd-ml-0-xs {
        margin-left: 0;
    }

    .hmd-nt-0-xs {
        margin-top: -0;
    }

    .hmd-nr-0-xs {
        margin-right: -0;
    }

    .hmd-nb-0-xs {
        margin-bottom: -0;
    }

    .hmd-nl-0-xs {
        margin-left: -0;
    }

    .hmd-ma-1\/10-xs {
        margin: 1px;
    }

    .hmd-mv-1\/10-xs {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .hmd-mh-1\/10-xs {
        margin-left: 1px;
        margin-right: 1px;
    }

    .hmd-mt-1\/10-xs {
        margin-top: 1px;
    }

    .hmd-mr-1\/10-xs {
        margin-right: 1px;
    }

    .hmd-mb-1\/10-xs {
        margin-bottom: 1px;
    }

    .hmd-ml-1\/10-xs {
        margin-left: 1px;
    }

    .hmd-nt-1\/10-xs {
        margin-top: -1px;
    }

    .hmd-nr-1\/10-xs {
        margin-right: -1px;
    }

    .hmd-nb-1\/10-xs {
        margin-bottom: -1px;
    }

    .hmd-nl-1\/10-xs {
        margin-left: -1px;
    }

    .hmd-ma-1\/5-xs {
        margin: 2px;
    }

    .hmd-mv-1\/5-xs {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .hmd-mh-1\/5-xs {
        margin-left: 2px;
        margin-right: 2px;
    }

    .hmd-mt-1\/5-xs {
        margin-top: 2px;
    }

    .hmd-mr-1\/5-xs {
        margin-right: 2px;
    }

    .hmd-mb-1\/5-xs {
        margin-bottom: 2px;
    }

    .hmd-ml-1\/5-xs {
        margin-left: 2px;
    }

    .hmd-nt-1\/5-xs {
        margin-top: -2px;
    }

    .hmd-nr-1\/5-xs {
        margin-right: -2px;
    }

    .hmd-nb-1\/5-xs {
        margin-bottom: -2px;
    }

    .hmd-nl-1\/5-xs {
        margin-left: -2px;
    }

    .hmd-ma-1\/4-xs {
        margin: .25rem;
    }

    .hmd-mv-1\/4-xs {
        margin-top: .25rem;
        margin-bottom: .25rem;
    }

    .hmd-mh-1\/4-xs {
        margin-left: .25rem;
        margin-right: .25rem;
    }

    .hmd-mt-1\/4-xs {
        margin-top: .25rem;
    }

    .hmd-mr-1\/4-xs {
        margin-right: .25rem;
    }

    .hmd-mb-1\/4-xs {
        margin-bottom: .25rem;
    }

    .hmd-ml-1\/4-xs {
        margin-left: .25rem;
    }

    .hmd-nt-1\/4-xs {
        margin-top: -0.25rem;
    }

    .hmd-nr-1\/4-xs {
        margin-right: -0.25rem;
    }

    .hmd-nb-1\/4-xs {
        margin-bottom: -0.25rem;
    }

    .hmd-nl-1\/4-xs {
        margin-left: -0.25rem;
    }

    .hmd-ma-3\/4-xs {
        margin: .75rem;
    }

    .hmd-mv-3\/4-xs {
        margin-top: .75rem;
        margin-bottom: .75rem;
    }

    .hmd-mh-3\/4-xs {
        margin-left: .75rem;
        margin-right: .75rem;
    }

    .hmd-mt-3\/4-xs {
        margin-top: .75rem;
    }

    .hmd-mr-3\/4-xs {
        margin-right: .75rem;
    }

    .hmd-mb-3\/4-xs {
        margin-bottom: .75rem;
    }

    .hmd-ml-3\/4-xs {
        margin-left: .75rem;
    }

    .hmd-nt-3\/4-xs {
        margin-top: -0.75rem;
    }

    .hmd-nr-3\/4-xs {
        margin-right: -0.75rem;
    }

    .hmd-nb-3\/4-xs {
        margin-bottom: -0.75rem;
    }

    .hmd-nl-3\/4-xs {
        margin-left: -0.75rem;
    }

    .hmd-ma-1\/8-xs {
        margin: .125rem;
    }

    .hmd-mv-1\/8-xs {
        margin-top: .125rem;
        margin-bottom: .125rem;
    }

    .hmd-mh-1\/8-xs {
        margin-left: .125rem;
        margin-right: .125rem;
    }

    .hmd-mt-1\/8-xs {
        margin-top: .125rem;
    }

    .hmd-mr-1\/8-xs {
        margin-right: .125rem;
    }

    .hmd-mb-1\/8-xs {
        margin-bottom: .125rem;
    }

    .hmd-ml-1\/8-xs {
        margin-left: .125rem;
    }

    .hmd-nt-1\/8-xs {
        margin-top: -0.125rem;
    }

    .hmd-nr-1\/8-xs {
        margin-right: -0.125rem;
    }

    .hmd-nb-1\/8-xs {
        margin-bottom: -0.125rem;
    }

    .hmd-nl-1\/8-xs {
        margin-left: -0.125rem;
    }

    .hmd-ma-1\/2-xs {
        margin: 5px;
    }

    .hmd-mv-1\/2-xs {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .hmd-mh-1\/2-xs {
        margin-left: 5px;
        margin-right: 5px;
    }

    .hmd-mt-1\/2-xs {
        margin-top: 5px;
    }

    .hmd-mr-1\/2-xs {
        margin-right: 5px;
    }

    .hmd-mb-1\/2-xs {
        margin-bottom: 5px;
    }

    .hmd-ml-1\/2-xs {
        margin-left: 5px;
    }

    .hmd-nt-1\/2-xs {
        margin-top: -5px;
    }

    .hmd-nr-1\/2-xs {
        margin-right: -5px;
    }

    .hmd-nb-1\/2-xs {
        margin-bottom: -5px;
    }

    .hmd-nl-1\/2-xs {
        margin-left: -5px;
    }

    .hmd-ma-1-xs {
        margin: 10px;
    }

    .hmd-mv-1-xs {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .hmd-mh-1-xs {
        margin-left: 10px;
        margin-right: 10px;
    }

    .hmd-mt-1-xs {
        margin-top: 10px;
    }

    .hmd-mr-1-xs {
        margin-right: 10px;
    }

    .hmd-mb-1-xs {
        margin-bottom: 10px;
    }

    .hmd-ml-1-xs {
        margin-left: 10px;
    }

    .hmd-nt-1-xs {
        margin-top: -10px;
    }

    .hmd-nr-1-xs {
        margin-right: -10px;
    }

    .hmd-nb-1-xs {
        margin-bottom: -10px;
    }

    .hmd-nl-1-xs {
        margin-left: -10px;
    }

    .hmd-ma-3\/2-xs {
        margin: 15px;
    }

    .hmd-mv-3\/2-xs {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .hmd-mh-3\/2-xs {
        margin-left: 15px;
        margin-right: 15px;
    }

    .hmd-mt-3\/2-xs {
        margin-top: 15px;
    }

    .hmd-mr-3\/2-xs {
        margin-right: 15px;
    }

    .hmd-mb-3\/2-xs {
        margin-bottom: 15px;
    }

    .hmd-ml-3\/2-xs {
        margin-left: 15px;
    }

    .hmd-nt-3\/2-xs {
        margin-top: -15px;
    }

    .hmd-nr-3\/2-xs {
        margin-right: -15px;
    }

    .hmd-nb-3\/2-xs {
        margin-bottom: -15px;
    }

    .hmd-nl-3\/2-xs {
        margin-left: -15px;
    }

    .hmd-ma-2-xs {
        margin: 20px;
    }

    .hmd-mv-2-xs {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .hmd-mh-2-xs {
        margin-left: 20px;
        margin-right: 20px;
    }

    .hmd-mt-2-xs {
        margin-top: 20px;
    }

    .hmd-mr-2-xs {
        margin-right: 20px;
    }

    .hmd-mb-2-xs {
        margin-bottom: 20px;
    }

    .hmd-ml-2-xs {
        margin-left: 20px;
    }

    .hmd-nt-2-xs {
        margin-top: -20px;
    }

    .hmd-nr-2-xs {
        margin-right: -20px;
    }

    .hmd-nb-2-xs {
        margin-bottom: -20px;
    }

    .hmd-nl-2-xs {
        margin-left: -20px;
    }

    .hmd-ma-25-xs {
        margin: 25px;
    }

    .hmd-mv-25-xs {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .hmd-mh-25-xs {
        margin-left: 25px;
        margin-right: 25px;
    }

    .hmd-mt-25-xs {
        margin-top: 25px;
    }

    .hmd-mr-25-xs {
        margin-right: 25px;
    }

    .hmd-mb-25-xs {
        margin-bottom: 25px;
    }

    .hmd-ml-25-xs {
        margin-left: 25px;
    }

    .hmd-nt-25-xs {
        margin-top: -25px;
    }

    .hmd-nr-25-xs {
        margin-right: -25px;
    }

    .hmd-nb-25-xs {
        margin-bottom: -25px;
    }

    .hmd-nl-25-xs {
        margin-left: -25px;
    }

    .hmd-ma-3-xs {
        margin: 30px;
    }

    .hmd-mv-3-xs {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .hmd-mh-3-xs {
        margin-left: 30px;
        margin-right: 30px;
    }

    .hmd-mt-3-xs {
        margin-top: 30px;
    }

    .hmd-mr-3-xs {
        margin-right: 30px;
    }

    .hmd-mb-3-xs {
        margin-bottom: 30px;
    }

    .hmd-ml-3-xs {
        margin-left: 30px;
    }

    .hmd-nt-3-xs {
        margin-top: -30px;
    }

    .hmd-nr-3-xs {
        margin-right: -30px;
    }

    .hmd-nb-3-xs {
        margin-bottom: -30px;
    }

    .hmd-nl-3-xs {
        margin-left: -30px;
    }

    .hmd-ma-35-xs {
        margin: 35px;
    }

    .hmd-mv-35-xs {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .hmd-mh-35-xs {
        margin-left: 35px;
        margin-right: 35px;
    }

    .hmd-mt-35-xs {
        margin-top: 35px;
    }

    .hmd-mr-35-xs {
        margin-right: 35px;
    }

    .hmd-mb-35-xs {
        margin-bottom: 35px;
    }

    .hmd-ml-35-xs {
        margin-left: 35px;
    }

    .hmd-nt-35-xs {
        margin-top: -35px;
    }

    .hmd-nr-35-xs {
        margin-right: -35px;
    }

    .hmd-nb-35-xs {
        margin-bottom: -35px;
    }

    .hmd-nl-35-xs {
        margin-left: -35px;
    }

    .hmd-ma-4-xs {
        margin: 40px;
    }

    .hmd-mv-4-xs {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .hmd-mh-4-xs {
        margin-left: 40px;
        margin-right: 40px;
    }

    .hmd-mt-4-xs {
        margin-top: 40px;
    }

    .hmd-mr-4-xs {
        margin-right: 40px;
    }

    .hmd-mb-4-xs {
        margin-bottom: 40px;
    }

    .hmd-ml-4-xs {
        margin-left: 40px;
    }

    .hmd-nt-4-xs {
        margin-top: -40px;
    }

    .hmd-nr-4-xs {
        margin-right: -40px;
    }

    .hmd-nb-4-xs {
        margin-bottom: -40px;
    }

    .hmd-nl-4-xs {
        margin-left: -40px;
    }

    .hmd-ma-5-xs {
        margin: 50px;
    }

    .hmd-mv-5-xs {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .hmd-mh-5-xs {
        margin-left: 50px;
        margin-right: 50px;
    }

    .hmd-mt-5-xs {
        margin-top: 50px;
    }

    .hmd-mr-5-xs {
        margin-right: 50px;
    }

    .hmd-mb-5-xs {
        margin-bottom: 50px;
    }

    .hmd-ml-5-xs {
        margin-left: 50px;
    }

    .hmd-nt-5-xs {
        margin-top: -50px;
    }

    .hmd-nr-5-xs {
        margin-right: -50px;
    }

    .hmd-nb-5-xs {
        margin-bottom: -50px;
    }

    .hmd-nl-5-xs {
        margin-left: -50px;
    }

    .hmd-ma-55-xs {
        margin: 55px;
    }

    .hmd-mv-55-xs {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .hmd-mh-55-xs {
        margin-left: 55px;
        margin-right: 55px;
    }

    .hmd-mt-55-xs {
        margin-top: 55px;
    }

    .hmd-mr-55-xs {
        margin-right: 55px;
    }

    .hmd-mb-55-xs {
        margin-bottom: 55px;
    }

    .hmd-ml-55-xs {
        margin-left: 55px;
    }

    .hmd-nt-55-xs {
        margin-top: -55px;
    }

    .hmd-nr-55-xs {
        margin-right: -55px;
    }

    .hmd-nb-55-xs {
        margin-bottom: -55px;
    }

    .hmd-nl-55-xs {
        margin-left: -55px;
    }

    .hmd-ma-6-xs {
        margin: 60px;
    }

    .hmd-mv-6-xs {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .hmd-mh-6-xs {
        margin-left: 60px;
        margin-right: 60px;
    }

    .hmd-mt-6-xs {
        margin-top: 60px;
    }

    .hmd-mr-6-xs {
        margin-right: 60px;
    }

    .hmd-mb-6-xs {
        margin-bottom: 60px;
    }

    .hmd-ml-6-xs {
        margin-left: 60px;
    }

    .hmd-nt-6-xs {
        margin-top: -60px;
    }

    .hmd-nr-6-xs {
        margin-right: -60px;
    }

    .hmd-nb-6-xs {
        margin-bottom: -60px;
    }

    .hmd-nl-6-xs {
        margin-left: -60px;
    }

    .hmd-ma-7-xs {
        margin: 70px;
    }

    .hmd-mv-7-xs {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .hmd-mh-7-xs {
        margin-left: 70px;
        margin-right: 70px;
    }

    .hmd-mt-7-xs {
        margin-top: 70px;
    }

    .hmd-mr-7-xs {
        margin-right: 70px;
    }

    .hmd-mb-7-xs {
        margin-bottom: 70px;
    }

    .hmd-ml-7-xs {
        margin-left: 70px;
    }

    .hmd-nt-7-xs {
        margin-top: -70px;
    }

    .hmd-nr-7-xs {
        margin-right: -70px;
    }

    .hmd-nb-7-xs {
        margin-bottom: -70px;
    }

    .hmd-nl-7-xs {
        margin-left: -70px;
    }

    .hmd-ma-8-xs {
        margin: 80px;
    }

    .hmd-mv-8-xs {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .hmd-mh-8-xs {
        margin-left: 80px;
        margin-right: 80px;
    }

    .hmd-mt-8-xs {
        margin-top: 80px;
    }

    .hmd-mr-8-xs {
        margin-right: 80px;
    }

    .hmd-mb-8-xs {
        margin-bottom: 80px;
    }

    .hmd-ml-8-xs {
        margin-left: 80px;
    }

    .hmd-nt-8-xs {
        margin-top: -80px;
    }

    .hmd-nr-8-xs {
        margin-right: -80px;
    }

    .hmd-nb-8-xs {
        margin-bottom: -80px;
    }

    .hmd-nl-8-xs {
        margin-left: -80px;
    }

    .hmd-ma-10-xs {
        margin: 100px;
    }

    .hmd-mv-10-xs {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .hmd-mh-10-xs {
        margin-left: 100px;
        margin-right: 100px;
    }

    .hmd-mt-10-xs {
        margin-top: 100px;
    }

    .hmd-mr-10-xs {
        margin-right: 100px;
    }

    .hmd-mb-10-xs {
        margin-bottom: 100px;
    }

    .hmd-ml-10-xs {
        margin-left: 100px;
    }

    .hmd-nt-10-xs {
        margin-top: -100px;
    }

    .hmd-nr-10-xs {
        margin-right: -100px;
    }

    .hmd-nb-10-xs {
        margin-bottom: -100px;
    }

    .hmd-nl-10-xs {
        margin-left: -100px;
    }

    .hmd-ma-12-xs {
        margin: 120px;
    }

    .hmd-mv-12-xs {
        margin-top: 120px;
        margin-bottom: 120px;
    }

    .hmd-mh-12-xs {
        margin-left: 120px;
        margin-right: 120px;
    }

    .hmd-mt-12-xs {
        margin-top: 120px;
    }

    .hmd-mr-12-xs {
        margin-right: 120px;
    }

    .hmd-mb-12-xs {
        margin-bottom: 120px;
    }

    .hmd-ml-12-xs {
        margin-left: 120px;
    }

    .hmd-nt-12-xs {
        margin-top: -120px;
    }

    .hmd-nr-12-xs {
        margin-right: -120px;
    }

    .hmd-nb-12-xs {
        margin-bottom: -120px;
    }

    .hmd-nl-12-xs {
        margin-left: -120px;
    }

    .hmd-ma-14-xs {
        margin: 140px;
    }

    .hmd-mv-14-xs {
        margin-top: 140px;
        margin-bottom: 140px;
    }

    .hmd-mh-14-xs {
        margin-left: 140px;
        margin-right: 140px;
    }

    .hmd-mt-14-xs {
        margin-top: 140px;
    }

    .hmd-mr-14-xs {
        margin-right: 140px;
    }

    .hmd-mb-14-xs {
        margin-bottom: 140px;
    }

    .hmd-ml-14-xs {
        margin-left: 140px;
    }

    .hmd-nt-14-xs {
        margin-top: -140px;
    }

    .hmd-nr-14-xs {
        margin-right: -140px;
    }

    .hmd-nb-14-xs {
        margin-bottom: -140px;
    }

    .hmd-nl-14-xs {
        margin-left: -140px;
    }

    .hmd-ma-16-xs {
        margin: 160px;
    }

    .hmd-mv-16-xs {
        margin-top: 160px;
        margin-bottom: 160px;
    }

    .hmd-mh-16-xs {
        margin-left: 160px;
        margin-right: 160px;
    }

    .hmd-mt-16-xs {
        margin-top: 160px;
    }

    .hmd-mr-16-xs {
        margin-right: 160px;
    }

    .hmd-mb-16-xs {
        margin-bottom: 160px;
    }

    .hmd-ml-16-xs {
        margin-left: 160px;
    }

    .hmd-nt-16-xs {
        margin-top: -160px;
    }

    .hmd-nr-16-xs {
        margin-right: -160px;
    }

    .hmd-nb-16-xs {
        margin-bottom: -160px;
    }

    .hmd-nl-16-xs {
        margin-left: -160px;
    }

    .hmd-ma-auto-xs {
        margin: auto;
    }

    .hmd-mv-auto-xs {
        margin-top: auto;
        margin-bottom: auto;
    }

    .hmd-mh-auto-xs {
        margin-left: auto;
        margin-right: auto;
    }

    .hmd-mt-auto-xs {
        margin-top: auto;
    }

    .hmd-mr-auto-xs {
        margin-right: auto;
    }

    .hmd-mb-auto-xs {
        margin-bottom: auto;
    }

    .hmd-ml-auto-xs {
        margin-left: auto;
    }

    .hmd-nt-auto-xs {
        margin-top: -auto;
    }

    .hmd-nr-auto-xs {
        margin-right: -auto;
    }

    .hmd-nb-auto-xs {
        margin-bottom: -auto;
    }

    .hmd-nl-auto-xs {
        margin-left: -auto;
    }

    .hmd-mh-auto--xs {
        margin: 0 auto;
    }

    .hmd-flex-xs {
        display: flex;
    }

    .inline-flex-xs {
        display: inline-flex;
    }

    .hmd-flex-auto-xs {
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0;
    }

    .hmd-flex-one-xs {
        flex: 1;
    }

    .hmd-flex-two-xs {
        flex: 2;
    }

    .hmd-flex-none-xs {
        flex: none;
    }

    .hmd-flex-column-xs {
        flex-direction: column;
    }

    .hmd-flex-row-xs {
        flex-direction: row;
    }

    .hmd-flex-wrap-xs {
        flex-wrap: wrap;
    }

    .hmd-flex-nowrap-xs {
        flex-wrap: nowrap;
    }

    .hmd-flex-wrap-reverse-xs {
        flex-wrap: wrap-reverse;
    }

    .hmd-flex-column-reverse-xs {
        flex-direction: column-reverse;
    }

    .hmd-flex-row-reverse-xs {
        flex-direction: row-reverse;
    }

    .hmd-items-start-xs {
        align-items: flex-start;
    }

    .hmd-items-end-xs {
        align-items: flex-end;
    }

    .hmd-items-center-xs {
        align-items: center;
    }

    .hmd-items-baseline-xs {
        align-items: baseline;
    }

    .hmd-items-stretch-xs {
        align-items: stretch;
    }

    .hmd-self-start-xs {
        align-self: flex-start;
    }

    .hmd-self-end-xs {
        align-self: flex-end;
    }

    .hmd-self-center-xs {
        align-self: center;
    }

    .hmd-self-baseline-xs {
        align-self: baseline;
    }

    .hmd-self-stretch-xs {
        align-self: stretch;
    }

    .hmd-justify-start-xs {
        justify-content: flex-start;
    }

    .hmd-justify-end-xs {
        justify-content: flex-end;
    }

    .hmd-justify-center-xs {
        justify-content: center;
    }

    .hmd-justify-between-xs {
        justify-content: space-between;
    }

    .hmd-justify-around-xs {
        justify-content: space-around;
    }

    .hmd-content-start-xs {
        align-content: flex-start;
    }

    .hmd-content-end-xs {
        align-content: flex-end;
    }

    .hmd-content-center-xs {
        align-content: center;
    }

    .hmd-content-between-xs {
        align-content: space-between;
    }

    .hmd-content-around-xs {
        align-content: space-around;
    }

    .hmd-content-stretch-xs {
        align-content: stretch;
    }

    .hmd-order-0-xs {
        order: 0;
    }

    .hmd-order-1-xs {
        order: 1;
    }

    .hmd-order-2-xs {
        order: 2;
    }

    .hmd-order-3-xs {
        order: 3;
    }

    .hmd-order-4-xs {
        order: 4;
    }

    .hmd-order-5-xs {
        order: 5;
    }

    .hmd-order-6-xs {
        order: 6;
    }

    .hmd-order-7-xs {
        order: 7;
    }

    .hmd-order-8-xs {
        order: 8;
    }

    .hmd-order-last-xs {
        order: 99999;
    }

    .hmd-flex-grow-0-xs {
        flex-grow: 0;
    }

    .hmd-flex-grow-1-xs {
        flex-grow: 1;
    }

    .hmd-flex-shrink-0-xs {
        flex-shrink: 0;
    }

    .hmd-flex-shrink-1-xs {
        flex-shrink: 1;
    }

    .hmd-w-1-xs {
        width: 10px;
    }

    .hmd-mw-1-xs {
        max-width: 10px;
    }

    .hmd-nw-1-xs {
        min-width: 10px;
    }

    .hmd-w-2-xs {
        width: 20px;
    }

    .hmd-mw-2-xs {
        max-width: 20px;
    }

    .hmd-nw-2-xs {
        min-width: 20px;
    }

    .hmd-w-3-xs {
        width: 30px;
    }

    .hmd-mw-3-xs {
        max-width: 30px;
    }

    .hmd-nw-3-xs {
        min-width: 30px;
    }

    .hmd-w-4-xs {
        width: 40px;
    }

    .hmd-mw-4-xs {
        max-width: 40px;
    }

    .hmd-nw-4-xs {
        min-width: 40px;
    }

    .hmd-w-8-xs {
        width: 80px;
    }

    .hmd-mw-8-xs {
        max-width: 80px;
    }

    .hmd-nw-8-xs {
        min-width: 80px;
    }

    .hmd-w-16-xs {
        width: 160px;
    }

    .hmd-mw-16-xs {
        max-width: 160px;
    }

    .hmd-nw-16-xs {
        min-width: 160px;
    }

    .hmd-w-18-xs {
        width: 180px;
    }

    .hmd-mw-18-xs {
        max-width: 180px;
    }

    .hmd-nw-18-xs {
        min-width: 180px;
    }

    .hmd-w-30-xs {
        width: 300px;
    }

    .hmd-mw-30-xs {
        max-width: 300px;
    }

    .hmd-nw-30-xs {
        min-width: 300px;
    }

    .hmd-w-110-xs {
        width: 1110px;
    }

    .hmd-mw-110-xs {
        max-width: 1110px;
    }

    .hmd-nw-110-xs {
        min-width: 1110px;
    }

    .hmd-w-1\/10-xs {
        width: 10%;
    }

    .hmd-mw-1\/10-xs {
        max-width: 10%;
    }

    .hmd-nw-1\/10-xs {
        min-width: 10%;
    }

    .hmd-w-1\/5-xs {
        width: 20%;
    }

    .hmd-mw-1\/5-xs {
        max-width: 20%;
    }

    .hmd-nw-1\/5-xs {
        min-width: 20%;
    }

    .hmd-w-1\/4-xs {
        width: 25%;
    }

    .hmd-mw-1\/4-xs {
        max-width: 25%;
    }

    .hmd-nw-1\/4-xs {
        min-width: 25%;
    }

    .hmd-w-3\/10-xs {
        width: 30%;
    }

    .hmd-mw-3\/10-xs {
        max-width: 30%;
    }

    .hmd-nw-3\/10-xs {
        min-width: 30%;
    }

    .hmd-w-1\/3-xs {
        width: 33.3333%;
    }

    .hmd-mw-1\/3-xs {
        max-width: 33.3333%;
    }

    .hmd-nw-1\/3-xs {
        min-width: 33.3333%;
    }

    .hmd-w-2\/5-xs {
        width: 40%;
    }

    .hmd-mw-2\/5-xs {
        max-width: 40%;
    }

    .hmd-nw-2\/5-xs {
        min-width: 40%;
    }

    .hmd-w-1\/2-xs {
        width: 50%;
    }

    .hmd-mw-1\/2-xs {
        max-width: 50%;
    }

    .hmd-nw-1\/2-xs {
        min-width: 50%;
    }

    .hmd-w-3\/5-xs {
        width: 60%;
    }

    .hmd-mw-3\/5-xs {
        max-width: 60%;
    }

    .hmd-nw-3\/5-xs {
        min-width: 60%;
    }

    .hmd-w-7\/10-xs {
        width: 70%;
    }

    .hmd-mw-7\/10-xs {
        max-width: 70%;
    }

    .hmd-nw-7\/10-xs {
        min-width: 70%;
    }

    .hmd-w-3\/4-xs {
        width: 75%;
    }

    .hmd-mw-3\/4-xs {
        max-width: 75%;
    }

    .hmd-nw-3\/4-xs {
        min-width: 75%;
    }

    .hmd-w-4\/5-xs {
        width: 80%;
    }

    .hmd-mw-4\/5-xs {
        max-width: 80%;
    }

    .hmd-nw-4\/5-xs {
        min-width: 80%;
    }

    .hmd-w-9\/10-xs {
        width: 90%;
    }

    .hmd-mw-9\/10-xs {
        max-width: 90%;
    }

    .hmd-nw-9\/10-xs {
        min-width: 90%;
    }

    .hmd-w-full-xs {
        width: 100%;
    }

    .hmd-mw-full-xs {
        max-width: 100%;
    }

    .hmd-nw-full-xs {
        min-width: 100%;
    }

    .hmd-w-100-xs {
        width: 100%;
    }

    .hmd-mw-100-xs {
        max-width: 100%;
    }

    .hmd-nw-100-xs {
        min-width: 100%;
    }

    .hmd-w-auto-xs {
        width: auto;
    }

    .hmd-mw-auto-xs {
        max-width: auto;
    }

    .hmd-nw-auto-xs {
        min-width: auto;
    }

    .hmd-op-0-xs {
        opacity: 0%;
    }

    .hmd-op-1-xs {
        opacity: 10%;
    }

    .hmd-op-2-xs {
        opacity: 20%;
    }

    .hmd-op-3-xs {
        opacity: 30%;
    }

    .hmd-op-4-xs {
        opacity: 40%;
    }

    .hmd-op-5-xs {
        opacity: 50%;
    }

    .hmd-op-6-xs {
        opacity: 60%;
    }

    .hmd-op-7-xs {
        opacity: 70%;
    }

    .hmd-op-8-xs {
        opacity: 80%;
    }

    .hmd-op-9-xs {
        opacity: 90%;
    }

    .hmd-op-10-xs {
        opacity: 100%;
    }

    .team-card-container {
        grid-template-columns: 100%;
    }

    .toasts-container {
        right: 0;
        bottom: 20px;
        width: 100%;
    }

    .ui-next-sidenav {
        margin-left: -270px;
    }

    .ui-next-sidenav-collapse-handle {
        display: none;
    }

    .ui-next-content {
        width: 100%;
        margin-left: 0;
        padding-left: 20px;
    }

    .ui-next-container .ui-next-sidenav, .ui-next-container .ui-next-content {
        transition: margin-left .1s ease-in-out;
    }

    .ui-next-container.expand-nav {
        overflow: hidden;
    }

    .ui-next-container.expand-nav .ui-next-sidenav {
        transition: margin-left .2s ease-in-out;
        margin-left: 0;
    }

    .ui-next-container.expand-nav .ui-next-content {
        transition: margin-left .2s ease-in-out;
        margin-left: 270px;
    }

    .ui-tag-menu .menu-container.base-menu {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        max-height: 100vh !important;
        margin-top: 0 !important;
        max-width: 100vw !important;
        width: 100% !important;
        border-radius: 0;
    }

    .ui-tag-menu .features {
        display: block;
    }

    .ui-tag-menu .features .radio-container {
        justify-content: flex-end;
        margin-top: 15px;
    }

    .ui-profile-sidenav {
        position: inherit;
        height: auto;
        min-height: auto;
    }

    .ui-profile-sidenav .ui-profile-sidenav-inner>* {
        width: 100%;
    }

    .ui-profile-sidenav .ui-profile-sidenav-inner {
        width: 100%;
    }

    .ui-profile-sidenav .ui-profile-sidenav-inner .navbar-brand {
        padding: 15px 20px;
        margin-bottom: 25px;
    }

    .ui-profile-sidenav .ui-profile-sidenav-inner .ui-profile-inner {
        padding: 0 15px;
    }

    .ui-profile-sidenav .ui-profile-sidenav-inner .ui-profile-inner .ui-profile-info {
        display: flex;
        align-items: center;
        text-align: left;
        margin-bottom: 20px;
    }

    .ui-profile-sidenav .ui-profile-sidenav-inner .ui-profile-inner .ui-profile-info .profile-name-info {
        margin-top: 0;
        margin-left: 20px;
    }

    .ui-profile-sidenav .ui-profile-biography {
        margin-bottom: 20px;
    }

    .ui-profile-sidenav .ui-profile-biography.team {
        margin-bottom: 10px;
    }

    .ui-profile-sidenav .ui-reg-date {
        margin-bottom: 25px;
    }

    .ui-profile-sidenav .ui-team-visibility {
        margin-bottom: 20px;
        text-align: left;
    }

    .ui-profile-sidenav .ui-team-container {
        margin-bottom: 20px;
    }

    .ui-profile-sidenav .ui-profile-settings {
        margin-bottom: 20px;
    }

    .ui-profile-overview-card {
        background: transparent;
        padding: 20px 15px !important;
        margin: 0;
    }

    .ui-profile-overview-card:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .ui-profile-overview-card:last-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .ui-profile-overview-card:not(:last-child) {
        border-bottom: #4f4f4f 1px solid;
    }

    .ui-profile-overview-card {
        border-top: #4f4f4f 1px solid;
    }

    .ui-profile-container, .ui-bookmark-container {
        margin: 0;
        padding-left: 15px;
    }

    .ui-profile-container .overview-component,
    .ui-bookmark-container .overview-component {
        padding-right: 15px;
    }

    .ui-profile-container .overview-component .list-section,
    .ui-bookmark-container .overview-component .list-section {
        margin: 0 -15px;
    }

    .ui-profile-container .overview-component .list-section .list,
    .ui-bookmark-container .overview-component .list-section .list {
        margin-top: 10px;
    }

    .ui-profile-container .profile-container,
    .ui-bookmark-container .profile-container {
        padding: 20px 0 0 0;
    }

    .ui-profile-container .profile-container .ui-next-content,
    .ui-bookmark-container .profile-container .ui-next-content {
        padding: 0;
    }

    .ui-profile-container .profile-no-notes-blank-stats,
    .ui-bookmark-container .profile-no-notes-blank-stats {
        height: calc(100vh - 142px);
    }

    .ui-profile-container .profile-no-notes-blank-stats.can-manage,
    .ui-bookmark-container .profile-no-notes-blank-stats.can-manage {
        height: calc(100vh - 203px);
    }

    .enterprise-discovery .ui-next-sidenav-search {
        max-width: 100%;
    }
}

@media (max-height: 767px) {
    .hmd-h-1-xs {
        height: 10px;
    }

    .hmd-mxh-1-xs {
        max-height: 10px;
    }

    .hmd-nh-1-xs {
        min-height: 10px;
    }

    .hmd-h-2-xs {
        height: 20px;
    }

    .hmd-mxh-2-xs {
        max-height: 20px;
    }

    .hmd-nh-2-xs {
        min-height: 20px;
    }

    .hmd-h-3-xs {
        height: 30px;
    }

    .hmd-mxh-3-xs {
        max-height: 30px;
    }

    .hmd-nh-3-xs {
        min-height: 30px;
    }

    .hmd-h-4-xs {
        height: 40px;
    }

    .hmd-mxh-4-xs {
        max-height: 40px;
    }

    .hmd-nh-4-xs {
        min-height: 40px;
    }

    .hmd-h-8-xs {
        height: 80px;
    }

    .hmd-mxh-8-xs {
        max-height: 80px;
    }

    .hmd-nh-8-xs {
        min-height: 80px;
    }

    .hmd-h-16-xs {
        height: 160px;
    }

    .hmd-mxh-16-xs {
        max-height: 160px;
    }

    .hmd-nh-16-xs {
        min-height: 160px;
    }

    .hmd-h-18-xs {
        height: 180px;
    }

    .hmd-mxh-18-xs {
        max-height: 180px;
    }

    .hmd-nh-18-xs {
        min-height: 180px;
    }

    .hmd-h-30-xs {
        height: 300px;
    }

    .hmd-mxh-30-xs {
        max-height: 300px;
    }

    .hmd-nh-30-xs {
        min-height: 300px;
    }

    .hmd-h-1\/10-xs {
        height: 10%;
    }

    .hmd-mxh-1\/10-xs {
        max-height: 10%;
    }

    .hmd-nh-1\/10-xs {
        min-height: 10%;
    }

    .hmd-h-1\/5-xs {
        height: 20%;
    }

    .hmd-mxh-1\/5-xs {
        max-height: 20%;
    }

    .hmd-nh-1\/5-xs {
        min-height: 20%;
    }

    .hmd-h-1\/4-xs {
        height: 25%;
    }

    .hmd-mxh-1\/4-xs {
        max-height: 25%;
    }

    .hmd-nh-1\/4-xs {
        min-height: 25%;
    }

    .hmd-h-3\/10-xs {
        height: 30%;
    }

    .hmd-mxh-3\/10-xs {
        max-height: 30%;
    }

    .hmd-nh-3\/10-xs {
        min-height: 30%;
    }

    .hmd-h-1\/3-xs {
        height: 33.3333%;
    }

    .hmd-mxh-1\/3-xs {
        max-height: 33.3333%;
    }

    .hmd-nh-1\/3-xs {
        min-height: 33.3333%;
    }

    .hmd-h-2\/5-xs {
        height: 40%;
    }

    .hmd-mxh-2\/5-xs {
        max-height: 40%;
    }

    .hmd-nh-2\/5-xs {
        min-height: 40%;
    }

    .hmd-h-1\/2-xs {
        height: 50%;
    }

    .hmd-mxh-1\/2-xs {
        max-height: 50%;
    }

    .hmd-nh-1\/2-xs {
        min-height: 50%;
    }

    .hmd-h-3\/5-xs {
        height: 60%;
    }

    .hmd-mxh-3\/5-xs {
        max-height: 60%;
    }

    .hmd-nh-3\/5-xs {
        min-height: 60%;
    }

    .hmd-h-7\/10-xs {
        height: 70%;
    }

    .hmd-mxh-7\/10-xs {
        max-height: 70%;
    }

    .hmd-nh-7\/10-xs {
        min-height: 70%;
    }

    .hmd-h-3\/4-xs {
        height: 75%;
    }

    .hmd-mxh-3\/4-xs {
        max-height: 75%;
    }

    .hmd-nh-3\/4-xs {
        min-height: 75%;
    }

    .hmd-h-4\/5-xs {
        height: 80%;
    }

    .hmd-mxh-4\/5-xs {
        max-height: 80%;
    }

    .hmd-nh-4\/5-xs {
        min-height: 80%;
    }

    .hmd-h-9\/10-xs {
        height: 90%;
    }

    .hmd-mxh-9\/10-xs {
        max-height: 90%;
    }

    .hmd-nh-9\/10-xs {
        min-height: 90%;
    }

    .hmd-h-full-xs {
        height: 100%;
    }

    .hmd-mxh-full-xs {
        max-height: 100%;
    }

    .hmd-nh-full-xs {
        min-height: 100%;
    }

    .hmd-h-100-xs {
        height: 100%;
    }

    .hmd-mxh-100-xs {
        max-height: 100%;
    }

    .hmd-nh-100-xs {
        min-height: 100%;
    }

    .hmd-h-auto-xs {
        height: auto;
    }

    .hmd-mxh-auto-xs {
        max-height: auto;
    }

    .hmd-nh-auto-xs {
        min-height: auto;
    }
}

@media (min-height: 768px) {
    .hmd-h-1-sm {
        height: 10px;
    }

    .hmd-mxh-1-sm {
        max-height: 10px;
    }

    .hmd-nh-1-sm {
        min-height: 10px;
    }

    .hmd-h-2-sm {
        height: 20px;
    }

    .hmd-mxh-2-sm {
        max-height: 20px;
    }

    .hmd-nh-2-sm {
        min-height: 20px;
    }

    .hmd-h-3-sm {
        height: 30px;
    }

    .hmd-mxh-3-sm {
        max-height: 30px;
    }

    .hmd-nh-3-sm {
        min-height: 30px;
    }

    .hmd-h-4-sm {
        height: 40px;
    }

    .hmd-mxh-4-sm {
        max-height: 40px;
    }

    .hmd-nh-4-sm {
        min-height: 40px;
    }

    .hmd-h-8-sm {
        height: 80px;
    }

    .hmd-mxh-8-sm {
        max-height: 80px;
    }

    .hmd-nh-8-sm {
        min-height: 80px;
    }

    .hmd-h-16-sm {
        height: 160px;
    }

    .hmd-mxh-16-sm {
        max-height: 160px;
    }

    .hmd-nh-16-sm {
        min-height: 160px;
    }

    .hmd-h-18-sm {
        height: 180px;
    }

    .hmd-mxh-18-sm {
        max-height: 180px;
    }

    .hmd-nh-18-sm {
        min-height: 180px;
    }

    .hmd-h-30-sm {
        height: 300px;
    }

    .hmd-mxh-30-sm {
        max-height: 300px;
    }

    .hmd-nh-30-sm {
        min-height: 300px;
    }

    .hmd-h-1\/10-sm {
        height: 10%;
    }

    .hmd-mxh-1\/10-sm {
        max-height: 10%;
    }

    .hmd-nh-1\/10-sm {
        min-height: 10%;
    }

    .hmd-h-1\/5-sm {
        height: 20%;
    }

    .hmd-mxh-1\/5-sm {
        max-height: 20%;
    }

    .hmd-nh-1\/5-sm {
        min-height: 20%;
    }

    .hmd-h-1\/4-sm {
        height: 25%;
    }

    .hmd-mxh-1\/4-sm {
        max-height: 25%;
    }

    .hmd-nh-1\/4-sm {
        min-height: 25%;
    }

    .hmd-h-3\/10-sm {
        height: 30%;
    }

    .hmd-mxh-3\/10-sm {
        max-height: 30%;
    }

    .hmd-nh-3\/10-sm {
        min-height: 30%;
    }

    .hmd-h-1\/3-sm {
        height: 33.3333%;
    }

    .hmd-mxh-1\/3-sm {
        max-height: 33.3333%;
    }

    .hmd-nh-1\/3-sm {
        min-height: 33.3333%;
    }

    .hmd-h-2\/5-sm {
        height: 40%;
    }

    .hmd-mxh-2\/5-sm {
        max-height: 40%;
    }

    .hmd-nh-2\/5-sm {
        min-height: 40%;
    }

    .hmd-h-1\/2-sm {
        height: 50%;
    }

    .hmd-mxh-1\/2-sm {
        max-height: 50%;
    }

    .hmd-nh-1\/2-sm {
        min-height: 50%;
    }

    .hmd-h-3\/5-sm {
        height: 60%;
    }

    .hmd-mxh-3\/5-sm {
        max-height: 60%;
    }

    .hmd-nh-3\/5-sm {
        min-height: 60%;
    }

    .hmd-h-7\/10-sm {
        height: 70%;
    }

    .hmd-mxh-7\/10-sm {
        max-height: 70%;
    }

    .hmd-nh-7\/10-sm {
        min-height: 70%;
    }

    .hmd-h-3\/4-sm {
        height: 75%;
    }

    .hmd-mxh-3\/4-sm {
        max-height: 75%;
    }

    .hmd-nh-3\/4-sm {
        min-height: 75%;
    }

    .hmd-h-4\/5-sm {
        height: 80%;
    }

    .hmd-mxh-4\/5-sm {
        max-height: 80%;
    }

    .hmd-nh-4\/5-sm {
        min-height: 80%;
    }

    .hmd-h-9\/10-sm {
        height: 90%;
    }

    .hmd-mxh-9\/10-sm {
        max-height: 90%;
    }

    .hmd-nh-9\/10-sm {
        min-height: 90%;
    }

    .hmd-h-full-sm {
        height: 100%;
    }

    .hmd-mxh-full-sm {
        max-height: 100%;
    }

    .hmd-nh-full-sm {
        min-height: 100%;
    }

    .hmd-h-100-sm {
        height: 100%;
    }

    .hmd-mxh-100-sm {
        max-height: 100%;
    }

    .hmd-nh-100-sm {
        min-height: 100%;
    }

    .hmd-h-auto-sm {
        height: auto;
    }

    .hmd-mxh-auto-sm {
        max-height: auto;
    }

    .hmd-nh-auto-sm {
        min-height: auto;
    }
}

@media (min-height: 992px) {
    .hmd-h-1-md {
        height: 10px;
    }

    .hmd-mxh-1-md {
        max-height: 10px;
    }

    .hmd-nh-1-md {
        min-height: 10px;
    }

    .hmd-h-2-md {
        height: 20px;
    }

    .hmd-mxh-2-md {
        max-height: 20px;
    }

    .hmd-nh-2-md {
        min-height: 20px;
    }

    .hmd-h-3-md {
        height: 30px;
    }

    .hmd-mxh-3-md {
        max-height: 30px;
    }

    .hmd-nh-3-md {
        min-height: 30px;
    }

    .hmd-h-4-md {
        height: 40px;
    }

    .hmd-mxh-4-md {
        max-height: 40px;
    }

    .hmd-nh-4-md {
        min-height: 40px;
    }

    .hmd-h-8-md {
        height: 80px;
    }

    .hmd-mxh-8-md {
        max-height: 80px;
    }

    .hmd-nh-8-md {
        min-height: 80px;
    }

    .hmd-h-16-md {
        height: 160px;
    }

    .hmd-mxh-16-md {
        max-height: 160px;
    }

    .hmd-nh-16-md {
        min-height: 160px;
    }

    .hmd-h-18-md {
        height: 180px;
    }

    .hmd-mxh-18-md {
        max-height: 180px;
    }

    .hmd-nh-18-md {
        min-height: 180px;
    }

    .hmd-h-30-md {
        height: 300px;
    }

    .hmd-mxh-30-md {
        max-height: 300px;
    }

    .hmd-nh-30-md {
        min-height: 300px;
    }

    .hmd-h-1\/10-md {
        height: 10%;
    }

    .hmd-mxh-1\/10-md {
        max-height: 10%;
    }

    .hmd-nh-1\/10-md {
        min-height: 10%;
    }

    .hmd-h-1\/5-md {
        height: 20%;
    }

    .hmd-mxh-1\/5-md {
        max-height: 20%;
    }

    .hmd-nh-1\/5-md {
        min-height: 20%;
    }

    .hmd-h-1\/4-md {
        height: 25%;
    }

    .hmd-mxh-1\/4-md {
        max-height: 25%;
    }

    .hmd-nh-1\/4-md {
        min-height: 25%;
    }

    .hmd-h-3\/10-md {
        height: 30%;
    }

    .hmd-mxh-3\/10-md {
        max-height: 30%;
    }

    .hmd-nh-3\/10-md {
        min-height: 30%;
    }

    .hmd-h-1\/3-md {
        height: 33.3333%;
    }

    .hmd-mxh-1\/3-md {
        max-height: 33.3333%;
    }

    .hmd-nh-1\/3-md {
        min-height: 33.3333%;
    }

    .hmd-h-2\/5-md {
        height: 40%;
    }

    .hmd-mxh-2\/5-md {
        max-height: 40%;
    }

    .hmd-nh-2\/5-md {
        min-height: 40%;
    }

    .hmd-h-1\/2-md {
        height: 50%;
    }

    .hmd-mxh-1\/2-md {
        max-height: 50%;
    }

    .hmd-nh-1\/2-md {
        min-height: 50%;
    }

    .hmd-h-3\/5-md {
        height: 60%;
    }

    .hmd-mxh-3\/5-md {
        max-height: 60%;
    }

    .hmd-nh-3\/5-md {
        min-height: 60%;
    }

    .hmd-h-7\/10-md {
        height: 70%;
    }

    .hmd-mxh-7\/10-md {
        max-height: 70%;
    }

    .hmd-nh-7\/10-md {
        min-height: 70%;
    }

    .hmd-h-3\/4-md {
        height: 75%;
    }

    .hmd-mxh-3\/4-md {
        max-height: 75%;
    }

    .hmd-nh-3\/4-md {
        min-height: 75%;
    }

    .hmd-h-4\/5-md {
        height: 80%;
    }

    .hmd-mxh-4\/5-md {
        max-height: 80%;
    }

    .hmd-nh-4\/5-md {
        min-height: 80%;
    }

    .hmd-h-9\/10-md {
        height: 90%;
    }

    .hmd-mxh-9\/10-md {
        max-height: 90%;
    }

    .hmd-nh-9\/10-md {
        min-height: 90%;
    }

    .hmd-h-full-md {
        height: 100%;
    }

    .hmd-mxh-full-md {
        max-height: 100%;
    }

    .hmd-nh-full-md {
        min-height: 100%;
    }

    .hmd-h-100-md {
        height: 100%;
    }

    .hmd-mxh-100-md {
        max-height: 100%;
    }

    .hmd-nh-100-md {
        min-height: 100%;
    }

    .hmd-h-auto-md {
        height: auto;
    }

    .hmd-mxh-auto-md {
        max-height: auto;
    }

    .hmd-nh-auto-md {
        min-height: auto;
    }
}

@media (min-height: 1200px) {
    .hmd-h-1-lg {
        height: 10px;
    }

    .hmd-mxh-1-lg {
        max-height: 10px;
    }

    .hmd-nh-1-lg {
        min-height: 10px;
    }

    .hmd-h-2-lg {
        height: 20px;
    }

    .hmd-mxh-2-lg {
        max-height: 20px;
    }

    .hmd-nh-2-lg {
        min-height: 20px;
    }

    .hmd-h-3-lg {
        height: 30px;
    }

    .hmd-mxh-3-lg {
        max-height: 30px;
    }

    .hmd-nh-3-lg {
        min-height: 30px;
    }

    .hmd-h-4-lg {
        height: 40px;
    }

    .hmd-mxh-4-lg {
        max-height: 40px;
    }

    .hmd-nh-4-lg {
        min-height: 40px;
    }

    .hmd-h-8-lg {
        height: 80px;
    }

    .hmd-mxh-8-lg {
        max-height: 80px;
    }

    .hmd-nh-8-lg {
        min-height: 80px;
    }

    .hmd-h-16-lg {
        height: 160px;
    }

    .hmd-mxh-16-lg {
        max-height: 160px;
    }

    .hmd-nh-16-lg {
        min-height: 160px;
    }

    .hmd-h-18-lg {
        height: 180px;
    }

    .hmd-mxh-18-lg {
        max-height: 180px;
    }

    .hmd-nh-18-lg {
        min-height: 180px;
    }

    .hmd-h-30-lg {
        height: 300px;
    }

    .hmd-mxh-30-lg {
        max-height: 300px;
    }

    .hmd-nh-30-lg {
        min-height: 300px;
    }

    .hmd-h-1\/10-lg {
        height: 10%;
    }

    .hmd-mxh-1\/10-lg {
        max-height: 10%;
    }

    .hmd-nh-1\/10-lg {
        min-height: 10%;
    }

    .hmd-h-1\/5-lg {
        height: 20%;
    }

    .hmd-mxh-1\/5-lg {
        max-height: 20%;
    }

    .hmd-nh-1\/5-lg {
        min-height: 20%;
    }

    .hmd-h-1\/4-lg {
        height: 25%;
    }

    .hmd-mxh-1\/4-lg {
        max-height: 25%;
    }

    .hmd-nh-1\/4-lg {
        min-height: 25%;
    }

    .hmd-h-3\/10-lg {
        height: 30%;
    }

    .hmd-mxh-3\/10-lg {
        max-height: 30%;
    }

    .hmd-nh-3\/10-lg {
        min-height: 30%;
    }

    .hmd-h-1\/3-lg {
        height: 33.3333%;
    }

    .hmd-mxh-1\/3-lg {
        max-height: 33.3333%;
    }

    .hmd-nh-1\/3-lg {
        min-height: 33.3333%;
    }

    .hmd-h-2\/5-lg {
        height: 40%;
    }

    .hmd-mxh-2\/5-lg {
        max-height: 40%;
    }

    .hmd-nh-2\/5-lg {
        min-height: 40%;
    }

    .hmd-h-1\/2-lg {
        height: 50%;
    }

    .hmd-mxh-1\/2-lg {
        max-height: 50%;
    }

    .hmd-nh-1\/2-lg {
        min-height: 50%;
    }

    .hmd-h-3\/5-lg {
        height: 60%;
    }

    .hmd-mxh-3\/5-lg {
        max-height: 60%;
    }

    .hmd-nh-3\/5-lg {
        min-height: 60%;
    }

    .hmd-h-7\/10-lg {
        height: 70%;
    }

    .hmd-mxh-7\/10-lg {
        max-height: 70%;
    }

    .hmd-nh-7\/10-lg {
        min-height: 70%;
    }

    .hmd-h-3\/4-lg {
        height: 75%;
    }

    .hmd-mxh-3\/4-lg {
        max-height: 75%;
    }

    .hmd-nh-3\/4-lg {
        min-height: 75%;
    }

    .hmd-h-4\/5-lg {
        height: 80%;
    }

    .hmd-mxh-4\/5-lg {
        max-height: 80%;
    }

    .hmd-nh-4\/5-lg {
        min-height: 80%;
    }

    .hmd-h-9\/10-lg {
        height: 90%;
    }

    .hmd-mxh-9\/10-lg {
        max-height: 90%;
    }

    .hmd-nh-9\/10-lg {
        min-height: 90%;
    }

    .hmd-h-full-lg {
        height: 100%;
    }

    .hmd-mxh-full-lg {
        max-height: 100%;
    }

    .hmd-nh-full-lg {
        min-height: 100%;
    }

    .hmd-h-100-lg {
        height: 100%;
    }

    .hmd-mxh-100-lg {
        max-height: 100%;
    }

    .hmd-nh-100-lg {
        min-height: 100%;
    }

    .hmd-h-auto-lg {
        height: auto;
    }

    .hmd-mxh-auto-lg {
        max-height: auto;
    }

    .hmd-nh-auto-lg {
        min-height: auto;
    }
}

@media (max-width: 470px) {
    .modal.signin-modal .btn-social {
        display: block;
        margin: 10px auto 0 auto;
    }
}

@media (max-width: 768px) {
    .modal.signin-modal .modal-dialog {
        margin: 0 auto;
    }
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}

.hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(205 205 205 / var(--tw-bg-opacity));
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

.hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgb(190 190 190 / var(--tw-text-opacity));
}

.hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgb(136 136 136 / var(--tw-text-opacity));
}

.hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(143 143 143 / var(--tw-text-opacity));
}

.hover\:text-yellow-default:hover {
    --tw-text-opacity: 1;
    color: rgb(247 160 4 / var(--tw-text-opacity));
}

.hover\:text-red-light:hover {
    --tw-text-opacity: 1;
    color: rgb(255 99 99 / var(--tw-text-opacity));
}

.hover\:text-green-dark:hover {
    --tw-text-opacity: 1;
    color: rgb(74 117 67 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:text-blue-dark:hover {
    --tw-text-opacity: 1;
    color: rgb(102 181 240 / var(--tw-text-opacity));
}

.hover\:text-black-brand:hover {
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity));
}

.hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgb(205 205 205 / var(--tw-text-opacity));
}

.hover\:underline:hover {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}

.hover\:no-underline:hover {
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
}

.focus\:border-white:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.focus\:text-gray-400:focus {
    --tw-text-opacity: 1;
    color: rgb(190 190 190 / var(--tw-text-opacity));
}

.focus\:text-gray-600:focus {
    --tw-text-opacity: 1;
    color: rgb(136 136 136 / var(--tw-text-opacity));
}

.focus\:text-gray-500:focus {
    --tw-text-opacity: 1;
    color: rgb(143 143 143 / var(--tw-text-opacity));
}

.focus\:text-yellow-default:focus {
    --tw-text-opacity: 1;
    color: rgb(247 160 4 / var(--tw-text-opacity));
}

.focus\:text-red-light:focus {
    --tw-text-opacity: 1;
    color: rgb(255 99 99 / var(--tw-text-opacity));
}

.focus\:no-underline:focus {
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
}

.focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.active\:no-underline:active {
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
}

@keyframes fadeOut {

    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.radix-state-closed\:animate-dialog-overlay-out[data-state="closed"] {
    animation: fadeOut 200ms ease-in;
}

@keyframes dialogOut {

    0% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateX(-50%) scale(.95);
    }
}

.radix-state-closed\:animate-dialog-out[data-state="closed"] {
    animation: dialogOut 200ms ease-in;
}

@keyframes fadeIn {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.radix-state-open\:animate-dialog-overlay-in[data-state="open"] {
    animation: fadeIn 300ms ease-out;
}

@keyframes dialogIn {

    0% {
        opacity: 0;
        transform: translateX(-50%) scale(.95);
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }
}

.radix-state-open\:animate-dialog-in[data-state="open"] {
    animation: dialogIn 300ms ease-out;
}

@media (min-width: 640px) {

    .sm\:mt-7\.5 {
        margin-top: 30px;
    }

    .sm\:mt-7 {
        margin-top: 28px;
    }

    .sm\:grid {
        display: grid;
    }

    .sm\:w-224 {
        width: 900px;
    }

    .sm\:w-100 {
        width: 400px;
    }

    .sm\:w-150 {
        width: 600px;
    }

    .sm\:max-w-\[400px\] {
        max-width: 400px;
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:flex-row {
        flex-direction: row;
    }

    .sm\:items-center {
        align-items: center;
    }

    .sm\:gap-0 {
        gap: 0px;
    }
}

@media (min-width: 768px) {

    .md\:hidden {
        display: none;
    }

    .md\:w-auto {
        width: auto;
    }

    .md\:flex-row {
        flex-direction: row;
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap;
    }

    .md\:px-8 {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (min-width: 1024px) {

    .lg\:relative {
        position: relative;
    }

    .lg\:block {
        display: block;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:w-auto {
        width: auto;
    }

    .lg\:flex-row {
        flex-direction: row;
    }

    .lg\:items-center {
        align-items: center;
    }

    .lg\:justify-center {
        justify-content: center;
    }

    .lg\:gap-6 {
        gap: 24px;
    }

    .lg\:p-0 {
        padding: 0px;
    }

    .lg\:px-10 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .lg\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .lg\:drop-shadow-none {
        --tw-drop-shadow: drop-shadow(0 0 #0000);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
}

@media (min-width: 1280px) {

    .xl\:gap-8 {
        gap: 32px;
    }
}

@media (min-width: 1536px) {

    .\32xl\:gap-10 {
        gap: 40px;
    }
}

.site-ui-font {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

body {
            font-smoothing: subpixel-antialiased !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -moz-osx-font-smoothing: auto !important;
    -webkit-overflow-scrolling: touch;
    letter-spacing: .025em;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] body {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] body {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] body {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
}

abbr[title], abbr[data-original-title] {
    cursor: help;
}

body.modal-open {
    overflow-y: auto;
    padding-right: 0 !important;
}

svg {
    text-shadow: none;
}