/**
 * 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;
}

.template-menu .menu-tip { 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;
}

.template-menu .menu-item { 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;
  }
}

.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( 50% - 8px ); 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( 33.33333% - 10px ); 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 .change-payment-modal-content { display: flex; margin-bottom: 20px; width: 100%; justify-content: space-between;
}

.change-payment-modal .change-payment-modal-content .team-plan { width: calc( 50% - 10px ); margin-right: 20px; background-color: #dff0d8; color: #3c763d; padding: 20px; border-radius: 4px; position: relative;
}

.change-payment-modal .change-payment-modal-content .team-plan .samll-title { font-weight: bold;
}

.change-payment-modal .change-payment-modal-content .team-plan .title { margin-top: 0;
}

.change-payment-modal .change-payment-modal-content .team-plan .cancel-button-container { position: absolute; bottom: 27px; left: 0; right: 0;
}

.change-payment-modal .change-payment-modal-content .team-plan .cancel-button-container a { color: #686868; text-decoration: underline; cursor: pointer;
}

.change-payment-modal .change-payment-modal-content .enterprise-plan { width: calc( 50% - 10px ); background-color: #f8f8f8; color: #337ab7; padding: 20px; border-radius: 4px;
}

.change-payment-modal .change-payment-modal-content .enterprise-plan .title { color: #686868;
}

.change-payment-modal .change-payment-modal-content .enterprise-plan .btn { width: 100%; margin-top: 10px;
}

.change-payment-modal .change-payment-modal-content .price { margin-bottom: 15px;
}

.change-payment-modal .change-payment-modal-content .price .important { font-size: 26px; line-height: 26px; font-weight: bold;
}

.change-payment-modal .change-payment-modal-content .content { text-align: left; margin-bottom: 10px;
}

.change-payment-modal .change-payment-modal-content .content .info { color: #333; margin-bottom: 5px;
}

.change-payment-modal .change-payment-modal-content .content .item span { color: #333; margin-left: 5px;
}

.change-payment-modal .change-payment-modal-content .contact-us { font-size: 12px; color: #cdcdcd;
}

.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%;
  }

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

  .change-payment-modal .change-payment-modal-content { display: block;
  }

  .change-payment-modal .change-payment-modal-content .team-plan { width: 100%; margin-right: 0; margin-bottom: 20px;
  }

  .change-payment-modal .change-payment-modal-content .team-plan .cancel-button-container { position: inherit; margin-top: 20px; bottom: 0;
  }

  .change-payment-modal .change-payment-modal-content .enterprise-plan { 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-1fb54182] { color: #5cb85c;
}
.plans-comparison-table .fa-times[data-v-1fb54182] { color: #ff6363;
}
.plans-comparison-table .fa-question-circle[data-v-1fb54182] { color: #cdcdcd; cursor: pointer;
}
.plans-comparison-table .fa-question-circle[data-v-1fb54182]:hover { color: #333;
}
.plans-comparison-table.desktop[data-v-1fb54182] { 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-1fb54182] { top: 0; height: 140px;
}
.plans-comparison-table.desktop [role=mainheader] h4[data-v-1fb54182] { margin: 0; font-size: 15px;
}
.plans-comparison-table.desktop [role=mainheader] .price[data-v-1fb54182] { font-size: 20px; font-weight: 700; color: #337ab7; height: 30px;
}
.plans-comparison-table.desktop [role=mainheader] .btn-lg[data-v-1fb54182] { font-size: 15px;
}
.plans-comparison-table.desktop [role=mainheader] small[data-v-1fb54182] { font-size: 12px; font-weight: 500; color: #888;
}
.plans-comparison-table.desktop [role=mainheader] .read-more[data-v-1fb54182] { color: #337ab7;
}
.plans-comparison-table.desktop>div[data-v-1fb54182] { transition: top .2s linear;
}
.plans-comparison-table.desktop>div[data-v-1fb54182]:nth-child(4n+1) { text-align: left;
}
.plans-comparison-table.desktop>div[data-v-1fb54182]:nth-child(4n+1),
.plans-comparison-table.desktop>div[data-v-1fb54182]:nth-child(4n+2),
.plans-comparison-table.desktop>div[data-v-1fb54182]:nth-child(4n+3) { background-color: #fff; padding: 16px 0;
}
.plans-comparison-table.desktop>div:nth-child(4n+1)[role=columnheader][data-v-1fb54182] { font-weight: 600; padding-top: 37px; padding-bottom: 7px;
}
.plans-comparison-table.desktop>div[data-v-1fb54182]:nth-child(4n+2),
.plans-comparison-table.desktop>div[data-v-1fb54182]: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-1fb54182],
.plans-comparison-table.desktop>div:nth-child(4n+3) .column-inner[data-v-1fb54182] { height: 100%; padding: 16px 20px; background-color: #f8f8f8;
}
.plans-comparison-table.desktop>div:nth-child(4n+2) .column-inner.no-padding[data-v-1fb54182],
.plans-comparison-table.desktop>div:nth-child(4n+3) .column-inner.no-padding[data-v-1fb54182] { padding: 0;
}
.plans-comparison-table.desktop>div:nth-child(4n+2) .column-inner.coming-soon[data-v-1fb54182],
.plans-comparison-table.desktop>div:nth-child(4n+3) .column-inner.coming-soon[data-v-1fb54182] { font-weight: 500; font-size: 15px; line-height: 20px; color: #888;
}
.plans-comparison-table.desktop .separator[data-v-1fb54182] { grid-column: 1/-1; height: 1px; width: calc( 100% - 8px ); background: #e7e7e7;
}
.plans-comparison-table.desktop .separator[role=columnheader][data-v-1fb54182] { top: 205px;
}
.plans-comparison-table.desktop .separator.transparent[data-v-1fb54182] { height: 0;
}
.plans-comparison-table.desktop .separator.bold[data-v-1fb54182] { height: 2px; background-color: #ccc;
}
.plans-comparison-table.desktop.is-navbar-show [role=mainheader][data-v-1fb54182] { top: 50px;
}
.plans-comparison-table.desktop.is-navbar-show [role=columnheader][data-v-1fb54182] { top: 190px;
}
.plans-comparison-table.desktop.is-navbar-show .separator[role=columnheader][data-v-1fb54182] { top: 255px;
}
.plans-comparison-table.mobile[data-v-1fb54182] { 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-1fb54182] { border-bottom: 1px solid #e7e7e7;
}
.plans-comparison-table.mobile>tbody>tr>t3[data-v-1fb54182],
.plans-comparison-table.mobile>tbody>tr>th[data-v-1fb54182],
.plans-comparison-table.mobile>tbody>tr>td[data-v-1fb54182],
.plans-comparison-table.mobile>tfoot>tr>td[data-v-1fb54182],
.plans-comparison-table.mobile>tfoot>tr>th[data-v-1fb54182],
.plans-comparison-table.mobile>thead>tr>td[data-v-1fb54182],
.plans-comparison-table.mobile>thead>tr>th[data-v-1fb54182] { padding: 15px; border-top: 1px solid #e7e7e7;
}
.plans-comparison-table.mobile>thead>tr:first-child>td[data-v-1fb54182],
.plans-comparison-table.mobile>thead>tr:first-child>th[data-v-1fb54182],
.plans-comparison-table.mobile>thead>tr:first-child>td[data-v-1fb54182],
.plans-comparison-table.mobile>thead>tr:first-child>th[data-v-1fb54182],
.plans-comparison-table.mobile>thead:first-child>tr:first-child>td[data-v-1fb54182],
.plans-comparison-table.mobile>thead:first-child>tr:first-child>th[data-v-1fb54182] { border-top: 0;
}
.plans-comparison-table.mobile tr>td[data-v-1fb54182] { width: 50%;
}
.plans-comparison-table.mobile tr>td[data-v-1fb54182]:nth-child(2n) { font-weight: 600;
}
.plans-comparison-table.mobile tr>td:nth-child(2n).coming-soon[data-v-1fb54182] { color: #888;
}
@media(max-width: 767px) {
.plans-comparison-table.desktop[data-v-1fb54182] { display: none;
}
}
@media(min-width: 768px) {
.plans-comparison-table.mobile[data-v-1fb54182] { 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-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-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;
}

/* Collection default theme */

.ReactVirtualized__Collection {
}

.ReactVirtualized__Collection__innerScrollContainer {
}

/* Grid default theme */

.ReactVirtualized__Grid {
}

.ReactVirtualized__Grid__innerScrollContainer {
}

/* Table default theme */

.ReactVirtualized__Table {
}

.ReactVirtualized__Table__Grid {
}

.ReactVirtualized__Table__headerRow { font-weight: 700; text-transform: uppercase; display: flex; flex-direction: row; align-items: center;
}

.ReactVirtualized__Table__row { display: flex; flex-direction: row; align-items: center;
}

.ReactVirtualized__Table__headerTruncatedText { display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}

.ReactVirtualized__Table__headerColumn, .ReactVirtualized__Table__rowColumn { margin-right: 10px; min-width: 0;
}

.ReactVirtualized__Table__rowColumn { text-overflow: ellipsis; white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type { margin-left: 10px;
}

.ReactVirtualized__Table__sortableHeaderColumn { cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer { display: flex; align-items: center;
}

.ReactVirtualized__Table__sortableHeaderIcon { flex: 0 0 24px; height: 1em; width: 1em; fill: currentColor;
}

/* List default theme */

.ReactVirtualized__List {
}

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

.tooltip { 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: none; 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;
}

.overview-component .ui-category-description-icon .popover { 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% - 30px );
}

.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: 38px;
}

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

.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(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-a9b3e6b7] { display: none;
}
.upgrade-label:hover .hover-text[data-v-a9b3e6b7] { display: inline-block;
}
.upgrade-label:hover .text[data-v-a9b3e6b7] { 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;
}

.manage .alerts-container { position: fixed; z-index: 2;
}

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

  .manage .alerts-container { right: 20px; bottom: 20px; width: 300px;
  }

  .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%;
  }

  .manage .alerts-container { right: 0; bottom: 0; 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;
  }
}

.settings { text-align: left; max-width: 1000px; margin: 0 auto; padding: 0 15px 80px;
}

.settings .social-buttons-container { margin-bottom: 30px;
}

.settings .btn-social { width: 199px; margin-top: 10px; display: inline-block;
}

.settings .btn-social.btn-social.btn-lg { padding-left: 45px;
}

.settings .btn-social.btn-social.btn-lg :first-child { border: none;
}

.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( data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5zdXBlciBnPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9Ikdvb2dsZS1CdXR0b24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJHb29nbGUtU2lnbi1pbi1leGFtcGxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjcuMDAwMDAwLCAtNDMzLjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICA8ZyBpZD0iYnV0dG9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ni4wMDAwMDAsIDQyMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJzdXBlci1nIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS4wMDAwMDAsIDExLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05LDMuNDggQzEwLjY5LDMuNDggMTEuODMsNC4yMSAxMi40OCw0LjgyIEwxNS4wMiwyLjM0IEMxMy40NiwwLjg5IDExLjQzLDAgOSwwIEM1LjQ4LDAgMi40NCwyLjAyIDAuOTYsNC45NiBMMy44Nyw3LjIyIEM0LjYsNS4wNSA2LjYyLDMuNDggOSwzLjQ4IEw5LDMuNDggWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRUE0MzM1Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE3LjY0LDkuMiBDMTcuNjQsOC40NiAxNy41OCw3LjkyIDE3LjQ1LDcuMzYgTDksNy4zNiBMOSwxMC43IEwxMy45NiwxMC43IEMxMy44NiwxMS41MyAxMy4zMiwxMi43OCAxMi4xMiwxMy42MiBMMTQuOTYsMTUuODIgQzE2LjY2LDE0LjI1IDE3LjY0LDExLjk0IDE3LjY0LDkuMiBMMTcuNjQsOS4yIFoiIGlkPSJTaGFwZSIgZmlsbD0iIzQyODVGNCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zLjg4LDEwLjc4IEMzLjY5LDEwLjIyIDMuNTgsOS42MiAzLjU4LDkgQzMuNTgsOC4zOCAzLjY5LDcuNzggMy44Nyw3LjIyIEwwLjk2LDQuOTYgQzAuMzUsNi4xOCAwLDcuNTUgMCw5IEMwLDEwLjQ1IDAuMzUsMTEuODIgMC45NiwxMy4wNCBMMy44OCwxMC43OCBMMy44OCwxMC43OCBaIiBpZD0iU2hhcGUiIGZpbGw9IiNGQkJDMDUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOSwxOCBDMTEuNDMsMTggMTMuNDcsMTcuMiAxNC45NiwxNS44MiBMMTIuMTIsMTMuNjIgQzExLjM2LDE0LjE1IDEwLjM0LDE0LjUyIDksMTQuNTIgQzYuNjIsMTQuNTIgNC42LDEyLjk1IDMuODgsMTAuNzggTDAuOTcsMTMuMDQgQzIuNDUsMTUuOTggNS40OCwxOCA5LDE4IEw5LDE4IFoiIGlkPSJTaGFwZSIgZmlsbD0iIzM0QTg1MyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0ibm9uZSIgcG9pbnRzPSIwIDAgMTggMCAxOCAxOCAwIDE4Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg== );
}

.settings .btn-google .disabled .icon-google::before,
.settings .btn-google [disabled] .icon-google::before { background-image: url( data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TaGFwZSBDb3B5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9Ikdvb2dsZS1CdXR0b24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtb3BhY2l0eT0iMC40Ij4KICAgICAgICA8ZyBpZD0iYnRuX2dvb2dsZV9zaWduaW5fbGlnaHRfZGlzYWJsZWRfd2ViIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTUuMDAwMDAwLCAtMTUuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNC4wMDEsMjUuNzEgTDI0LjAwMSwyMi4zNjIgTDMyLjQyNSwyMi4zNjIgQzMyLjU1MSwyMi45MjkgMzIuNjUsMjMuNDYgMzIuNjUsMjQuMjA3IEMzMi42NSwyOS4zNDYgMjkuMjAzLDMzIDI0LjAxLDMzIEMxOS4wNDIsMzMgMTUuMDEsMjguOTY4IDE1LjAxLDI0IEMxNS4wMSwxOS4wMzIgMTkuMDQyLDE1IDI0LjAxLDE1IEMyNi40NCwxNSAyOC40NzQsMTUuODkxIDMwLjAzMSwxNy4zNDkgTDI3LjQ3NSwxOS44MzMgQzI2LjgyNywxOS4yMjEgMjUuNjkzLDE4LjUwMSAyNC4wMSwxOC41MDEgQzIxLjAzMSwxOC41MDEgMTguNjAxLDIwLjk3NiAxOC42MDEsMjQuMDA5IEMxOC42MDEsMjcuMDQyIDIxLjAzMSwyOS41MTcgMjQuMDEsMjkuNTE3IEMyNy40NTcsMjkuNTE3IDI4LjcyNiwyNy4xMzIgMjguOTYsMjUuNzE5IEwyNC4wMDEsMjUuNzE5IEwyNC4wMDEsMjUuNzEgWiIgaWQ9IlNoYXBlLUNvcHkiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg== );
}

.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; width: 100%;
}

.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 .alerts-container { position: fixed; z-index: 2;
}

.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%;
  }

  .settings .alerts-container { right: 20px; bottom: 20px; width: 300px;
  }

  .settings .form-group.signin-methods .btn-social { max-width: 280px;
  }
}

@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(min-width: 471px) {
  .settings .social-buttons-container { display: flex; flex-wrap: wrap; justify-content: space-between;
  }
}

@media(max-width: 470px) {
  .settings .btn-social { display: block; margin: 10px auto 0 auto;
  }
}

@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: 767px) {
  .settings .alerts-container { right: 0; bottom: 0; width: 100%;
  }
}

@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;
  }
}

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

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

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

.payment-card a { color: #66b5f0; 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 .payment-body .payment-col .payment-feature *:not(:first-child) { margin-left: 20px;
}

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

.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 a { color: #66b5f0; cursor: pointer;
}

.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%;
  }
}

.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%;
  }
}

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

.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%;
  }
}

.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 { margin-bottom: 30px;
}

.modal.signin-modal .btn-social { width: 199px; margin-top: 10px; display: inline-block;
}

.modal.signin-modal .btn-social.btn-social.btn-lg { padding-left: 45px;
}

.modal.signin-modal .btn-social.btn-social.btn-lg :first-child { border: none;
}

.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( data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5zdXBlciBnPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9Ikdvb2dsZS1CdXR0b24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJHb29nbGUtU2lnbi1pbi1leGFtcGxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjcuMDAwMDAwLCAtNDMzLjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICA8ZyBpZD0iYnV0dG9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ni4wMDAwMDAsIDQyMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJzdXBlci1nIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS4wMDAwMDAsIDExLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05LDMuNDggQzEwLjY5LDMuNDggMTEuODMsNC4yMSAxMi40OCw0LjgyIEwxNS4wMiwyLjM0IEMxMy40NiwwLjg5IDExLjQzLDAgOSwwIEM1LjQ4LDAgMi40NCwyLjAyIDAuOTYsNC45NiBMMy44Nyw3LjIyIEM0LjYsNS4wNSA2LjYyLDMuNDggOSwzLjQ4IEw5LDMuNDggWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRUE0MzM1Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE3LjY0LDkuMiBDMTcuNjQsOC40NiAxNy41OCw3LjkyIDE3LjQ1LDcuMzYgTDksNy4zNiBMOSwxMC43IEwxMy45NiwxMC43IEMxMy44NiwxMS41MyAxMy4zMiwxMi43OCAxMi4xMiwxMy42MiBMMTQuOTYsMTUuODIgQzE2LjY2LDE0LjI1IDE3LjY0LDExLjk0IDE3LjY0LDkuMiBMMTcuNjQsOS4yIFoiIGlkPSJTaGFwZSIgZmlsbD0iIzQyODVGNCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zLjg4LDEwLjc4IEMzLjY5LDEwLjIyIDMuNTgsOS42MiAzLjU4LDkgQzMuNTgsOC4zOCAzLjY5LDcuNzggMy44Nyw3LjIyIEwwLjk2LDQuOTYgQzAuMzUsNi4xOCAwLDcuNTUgMCw5IEMwLDEwLjQ1IDAuMzUsMTEuODIgMC45NiwxMy4wNCBMMy44OCwxMC43OCBMMy44OCwxMC43OCBaIiBpZD0iU2hhcGUiIGZpbGw9IiNGQkJDMDUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOSwxOCBDMTEuNDMsMTggMTMuNDcsMTcuMiAxNC45NiwxNS44MiBMMTIuMTIsMTMuNjIgQzExLjM2LDE0LjE1IDEwLjM0LDE0LjUyIDksMTQuNTIgQzYuNjIsMTQuNTIgNC42LDEyLjk1IDMuODgsMTAuNzggTDAuOTcsMTMuMDQgQzIuNDUsMTUuOTggNS40OCwxOCA5LDE4IEw5LDE4IFoiIGlkPSJTaGFwZSIgZmlsbD0iIzM0QTg1MyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0ibm9uZSIgcG9pbnRzPSIwIDAgMTggMCAxOCAxOCAwIDE4Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg== );
}

.btn-google .disabled .icon-google::before,
.btn-google [disabled] .icon-google::before { background-image: url( data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TaGFwZSBDb3B5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9Ikdvb2dsZS1CdXR0b24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtb3BhY2l0eT0iMC40Ij4KICAgICAgICA8ZyBpZD0iYnRuX2dvb2dsZV9zaWduaW5fbGlnaHRfZGlzYWJsZWRfd2ViIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTUuMDAwMDAwLCAtMTUuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNC4wMDEsMjUuNzEgTDI0LjAwMSwyMi4zNjIgTDMyLjQyNSwyMi4zNjIgQzMyLjU1MSwyMi45MjkgMzIuNjUsMjMuNDYgMzIuNjUsMjQuMjA3IEMzMi42NSwyOS4zNDYgMjkuMjAzLDMzIDI0LjAxLDMzIEMxOS4wNDIsMzMgMTUuMDEsMjguOTY4IDE1LjAxLDI0IEMxNS4wMSwxOS4wMzIgMTkuMDQyLDE1IDI0LjAxLDE1IEMyNi40NCwxNSAyOC40NzQsMTUuODkxIDMwLjAzMSwxNy4zNDkgTDI3LjQ3NSwxOS44MzMgQzI2LjgyNywxOS4yMjEgMjUuNjkzLDE4LjUwMSAyNC4wMSwxOC41MDEgQzIxLjAzMSwxOC41MDEgMTguNjAxLDIwLjk3NiAxOC42MDEsMjQuMDA5IEMxOC42MDEsMjcuMDQyIDIxLjAzMSwyOS41MTcgMjQuMDEsMjkuNTE3IEMyNy40NTcsMjkuNTE3IDI4LjcyNiwyNy4xMzIgMjguOTYsMjUuNzE5IEwyNC4wMDEsMjUuNzE5IEwyNC4wMDEsMjUuNzEgWiIgaWQ9IlNoYXBlLUNvcHkiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg== );
}

*, ::before, ::after {
  --tw-border-opacity: 1;
  border-color: rgba(231, 231, 231, var(--tw-border-opacity));
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

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

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.top-2 {
  top: 8px;
}

.top-2\.5 {
  top: 10px;
}

.right-0 {
  right: 0px;
}

.right-2 {
  right: 8px;
}

.right-2\.5 {
  right: 10px;
}

.bottom-1 {
  bottom: 4px;
}

.left-0 {
  left: 0px;
}

.z-10 {
  z-index: 10;
}

.col-span-4 {
  grid-column: span 4 / span 4;
}

.col-span-8 {
  grid-column: span 8 / span 8;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.m-auto {
  margin: auto;
}

.mx-2 {
  margin-left: 8px;
  margin-right: 8px;
}

.mx-2\.5 {
  margin-left: 10px;
  margin-right: 10px;
}

.mt-2 {
  margin-top: 8px;
}

.mt-5 {
  margin-top: 20px;
}

.mt-2\.5 {
  margin-top: 10px;
}

.mr-1 {
  margin-right: 4px;
}

.mr-2 {
  margin-right: 8px;
}

.mb-2 {
  margin-bottom: 8px;
}

.mb-3 {
  margin-bottom: 12px;
}

.mb-5 {
  margin-bottom: 20px;
}

.mb-7 {
  margin-bottom: 28px;
}

.mb-11 {
  margin-bottom: 44px;
}

.mb-20 {
  margin-bottom: 80px;
}

.mb-2\.5 {
  margin-bottom: 10px;
}

.mb-7\.5 {
  margin-bottom: 30px;
}

.ml-2 {
  margin-left: 8px;
}

.ml-2\.5 {
  margin-left: 10px;
}

.block {
  display: block;
}

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

.h-2 {
  height: 8px;
}

.h-full {
  height: 100%;
}

.w-2 {
  width: 8px;
}

.w-4 {
  width: 16px;
}

.w-9 {
  width: 36px;
}

.w-100 {
  width: 400px;
}

.w-full {
  width: 100%;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-grow {
  flex-grow: 1;
}

.border-collapse {
  border-collapse: collapse;
}

.transform {
  --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;
  transform: translateX(var(--tw-translate-x)) translateY(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));
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.select-none {
  user-select: none;
}

.select-all {
  user-select: all;
}

.resize {
  resize: both;
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.content-center {
  align-content: center;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.overflow-auto {
  overflow: auto;
}

.break-all {
  word-break: break-all;
}

.rounded {
  border-radius: 4px;
}

.rounded-md {
  border-radius: 6px;
}

.border-0 {
  border-width: 0px;
}

.border {
  border-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-solid {
  border-style: solid;
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgba(231, 231, 231, var(--tw-border-opacity));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgba(205, 205, 205, var(--tw-border-opacity));
}

.border-gray-850 {
  --tw-border-opacity: 1;
  border-color: rgba(72, 72, 72, var(--tw-border-opacity));
}

.focus\:border-white:focus {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgba(104, 104, 104, var(--tw-bg-opacity));
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(79, 79, 79, var(--tw-bg-opacity));
}

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgba(38, 38, 38, var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
}

.p-5 {
  padding: 20px;
}

.px-1 {
  padding-left: 4px;
  padding-right: 4px;
}

.px-3 {
  padding-left: 12px;
  padding-right: 12px;
}

.px-5 {
  padding-left: 20px;
  padding-right: 20px;
}

.px-1\.5 {
  padding-left: 6px;
  padding-right: 6px;
}

.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-20 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.py-1\.5 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.pt-1 {
  padding-top: 4px;
}

.pt-2 {
  padding-top: 8px;
}

.pt-1\.5 {
  padding-top: 6px;
}

.pt-2\.5 {
  padding-top: 10px;
}

.pb-3 {
  padding-bottom: 12px;
}

.pl-9 {
  padding-left: 36px;
}

.text-center {
  text-align: center;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.align-text-top {
  vertical-align: text-top;
}

.text-5 {
  font-size: 16px;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.text-black-brand {
  --tw-text-opacity: 1;
  color: rgba(51, 51, 51, var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgba(190, 190, 190, var(--tw-text-opacity));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgba(136, 136, 136, var(--tw-text-opacity));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgba(104, 104, 104, var(--tw-text-opacity));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgba(38, 38, 38, var(--tw-text-opacity));
}

.text-blue-default {
  --tw-text-opacity: 1;
  color: rgba(51, 122, 183, var(--tw-text-opacity));
}

.text-blue-dark {
  --tw-text-opacity: 1;
  color: rgba(102, 181, 240, var(--tw-text-opacity));
}

.hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgba(136, 136, 136, var(--tw-text-opacity));
}

.hover\:text-blue-dark:hover {
  --tw-text-opacity: 1;
  color: rgba(102, 181, 240, var(--tw-text-opacity));
}

.underline {
  text-decoration: underline;
}

.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(190, 190, 190, var(--tw-placeholder-opacity));
}

*, ::before, ::after {
  --tw-shadow: 0 0 #0000;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  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;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-none:focus {
  --tw-shadow: 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;
}

*, ::before, ::after {
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
}

.filter {
  --tw-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
  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);
}

.blur {
  --tw-blur: blur(8px);
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  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);
}

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: #4c4c4c;
}

.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 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; font-size: 16px; line-height: 16px; 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 { padding: 23px 15px 22px 5px; font-size: 18px; font-weight: 600; line-height: 24px; 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; margin-right: 5px;
}

.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: 15px;
}

.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 - 323px ); 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 30px; color: #fff; font-size: 16px; 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;
}

.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-container { display: flex; align-items: center;
}

.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-avatar { margin-right: 5px; margin-top: -3px;
}

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

@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 );
  }

  .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%;
  }

  .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(min-width: 471px) {
  .modal.signin-modal .social-buttons-container { display: flex; flex-wrap: wrap; justify-content: space-between;
  }
}

@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;
  }
}

@media (min-width: 640px) {
  .sm\:mt-7 {
    margin-top: 28px;
  }

  .sm\:mt-7\.5 {
    margin-top: 30px;
  }

  .sm\:w-100 {
    width: 400px;
  }

  .sm\:w-150 {
    width: 600px;
  }

  .sm\:w-224 {
    width: 900px;
  }
}

@media (min-width: 768px) {
  .md\:hidden {
    display: none;
  }
}

@media (min-width: 1024px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 1536px) {
}

.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; text-shadow: 0 0 1em transparent, 1px 1px 1.2px rgba( 0, 0, 0, .004 ); -webkit-overflow-scrolling: touch; letter-spacing: .025em;
}

body { 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;
}