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

[data-inline-comment-id] { background-color: rgba( 102, 181, 250, .15 ); border: solid transparent; border-width: 0 0 2px 0;
}

[data-inline-comment-id].highlighted { border-color: #66b5f0; cursor: pointer; z-index: 1;
}

[data-inline-comment-id=user-selection-highlight] { background-color: rgba( 255, 255, 0, .3 );
}

[data-inline-comment-id=user-selection-highlight].highlighted { border-color: #ff0;
}

[data-inline-comment-id]>[data-inline-comment-id]>[data-inline-comment-id]>[data-inline-comment-id]>[data-inline-comment-id] { background-color: transparent;
}

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

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

.CodeMirror-hints { position: absolute; z-index: 10; overflow: hidden; list-style: none; margin: 0; padding: 2px; box-shadow: 2px 3px 5px rgba( 0, 0, 0, .2 ); border-radius: 3px; border: 1px solid silver; background: white; font-size: 90%; font-family: monospace; max-height: 20em; overflow-y: auto;
}

.CodeMirror-hint { margin: 0; padding: 0 4px; border-radius: 2px; white-space: pre; color: black; cursor: pointer;
}

.CodeMirror-hint:hover { background: #08f; color: white;
}

li.CodeMirror-hint-active { background: #08f; color: white;
}

/* The lint marker gutter */

.CodeMirror-lint-markers { width: 16px;
}

.CodeMirror-lint-tooltip { background-color: #333; border: 1px solid #eee; border-radius: 4px; color: white; font-family: "Source Code Pro", Consolas, monaco, monospace; font-size: 10pt; overflow: hidden; padding: 2px 5px; position: fixed; white-space: pre; white-space: pre-wrap; z-index: 100; max-width: 600px; opacity: 0; transition: opacity .4s; -moz-transition: opacity .4s; -webkit-transition: opacity .4s; -o-transition: opacity .4s; -ms-transition: opacity .4s;
}

.CodeMirror-lint-mark-error, .CodeMirror-lint-mark-warning { background-position: left bottom; background-repeat: repeat-x;
}

.CodeMirror-lint-mark-error { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg== );
}

.CodeMirror-lint-mark-warning { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII= );
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning { background-position: center center; background-repeat: no-repeat; cursor: pointer; display: inline-block; height: 16px; width: 16px; vertical-align: middle; position: relative; margin-left: 5px;
}

.CodeMirror-lint-message-error, .CodeMirror-lint-message-warning { padding-left: 20px; background-position: top left; background-repeat: no-repeat; background-position-y: 2px;
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII= );
}

.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII= );
}

.CodeMirror-lint-marker-multiple { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC ); background-repeat: no-repeat; background-position: right bottom; width: 100%; height: 100%;
}

.CodeMirror-hints { background: #333;
}

.CodeMirror-hint { color: white;
}

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

.divider { border-bottom: 1px solid #e3e3e3;
}

.ui-comment-container { z-index: 999; background-color: #fff; width: 100%; padding: 0; border: 1px solid #d4d4d4; border-radius: 6px;
}

.ui-comment-container.highlighted { background-color: #f8f8f8;
}

.ui-comment-container.all-hidden { opacity: .6;
}

.ui-comment-container.all-hidden:hover { opacity: 1;
}

.ui-comment-container.all-hidden.active { opacity: 1;
}

.ui-comment-container>*:last-child { margin-bottom: 15px;
}

.ui-comment-container>*:not(:first-child):not(.ui-comment-notice) { margin-top: 15px;
}

.ui-comment-container.comment-container-sm:not(.active) { display: none !important;
}

.ui-comment-container.comment-container-sm.active { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: 0; border-radius: 0; max-height: 100vh; width: 100%; display: flex !important; flex-direction: column;
}

.ui-comment-container.comment-container-sm.active.simple { top: unset !important; height: auto !important;
}

.ui-comment-container.comment-container-sm.active.simple .ui-comment-header { display: none !important;
}

.ui-comment-container.comment-container-sm.active.simple .ui-comments-container { display: none !important;
}

.ui-comment-container.comment-container-sm.active .ui-comments-container { flex: 1; overflow: auto; padding-bottom: 15px;
}

.ui-comment-container.comment-container-sm>*:not(.ui-comment-notice).divider { margin-top: 0;
}

.ui-comment-container.comment-container-sm .ui-comment-header { display: block !important;
}

.ui-comment-container.comment-container-sm .ui-comment-input-container { padding-left: 30px;
}

.ui-comment-container.comment-container-sm textarea { height: 40px; margin-bottom: 0;
}

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

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

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

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

.ui-comment-container textarea { color: #333; outline: none; resize: none; border: 1px solid #cdcdcd; border-radius: 4px; padding: 10px; font-size: 14px; line-height: 18px; width: 100%;
}

.ui-comment-container textarea::placeholder { color: #868686;
}

.ui-comment-container .ui-comment-header { width: 100%; -webkit-user-select: none; user-select: none; font-size: 14px; line-height: 18px; padding: 15px; background-color: #fff; text-align: right;
}

.ui-comment-container .ui-comment-header .ui-comment-close { cursor: pointer;
}

.ui-comment-container .ui-comment-header .ui-comment-close>*:not(:last-child) { margin-right: 5px;
}

.ui-comment-container .comment-disconnect-banner { text-align: center; -webkit-user-select: none; user-select: none; background-color: #f8d7da; padding: 8px 0; color: #721c24;
}

.ui-comment-container.active .ui-comments-container { max-height: unset;
}

.ui-comment-container.active .ui-comments-container .ui-comment .comment-content { height: auto; overflow: unset;
}

.ui-comment-container .ui-comments-container { width: 100%; flex: 1; max-height: 75px; padding: 0 15px;
}

.ui-comment-container .ui-comments-container>.ui-comment { margin-bottom: 10px;
}

.ui-comment-container .ui-comments-container>.ui-comment:not(:last-child)::after { border-bottom: 1px solid #e3e3e3; content: ""; margin-right: -15px; margin-left: -51px; margin-top: 15px;
}

.ui-comment-container .ui-comments-container .ui-comment { position: relative; width: auto; display: flex; flex-direction: column; padding-left: 36px;
}

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

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

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

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

.ui-comment-container .ui-comments-container .ui-comment .comment-resolved { font-size: 12px; line-height: 12px; color: #bbb;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-menu { color: #bbb; padding: 3px; border-radius: 50%; height: 24px; cursor: pointer;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-menu .fa.fa-fw { width: 18px;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-menu:hover,
.ui-comment-container .ui-comments-container .ui-comment .comment-menu:active,
.ui-comment-container .ui-comments-container .ui-comment .comment-menu.active { background-color: #e6e6e6;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-menu .comment-dropdown-menu { -webkit-user-select: none; user-select: none; z-index: 1; position: absolute; top: 23px; right: 0; list-style: none; color: #333; background: #fff; border-radius: 4px; border-style: solid; border-color: #dedede; border-width: 1px; box-shadow: 0 0 5px 0 rgba( 0, 0, 0, .15 ); font-size: 14px; padding: 7px 0;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-menu .comment-dropdown-menu>div { display: flex; align-items: center; white-space: nowrap; width: 100%; padding: 3px 20px;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-menu .comment-dropdown-menu>div:hover { background-color: #f5f5f5;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-item-row { display: flex; justify-content: space-between; align-content: flex-start;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-item-row.comment-title { align-items: center;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-item-row.comment-title>*:not(:last-child) { margin-right: 10px;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-author { font-weight: 600; color: #333; font-size: 16px; line-height: 18px; flex: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}

.ui-comment-container .ui-comments-container .ui-comment .timestamp { color: #888; font-size: 12px; line-height: 15px; margin-bottom: 3px;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-content { color: #333; font-size: 14px; text-align: left; height: 36px; overflow: hidden; text-overflow: ellipsis; flex-direction: column;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-content { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

html[lang^=ja] .ui-comment-container .ui-comments-container .ui-comment .comment-content { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

html[lang=zh-tw] .ui-comment-container .ui-comments-container .ui-comment .comment-content { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, "PingFang TC", "Microsoft JhengHei", "微軟正黑", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

html[lang=zh-cn] .ui-comment-container .ui-comments-container .ui-comment .comment-content { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.ui-comment-container .ui-comments-container .ui-comment .comment-content .content-container { height: 100%; word-break: break-word; white-space: pre-wrap;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-content .content-container .content-edited { -webkit-user-select: none; user-select: none; color: #9e9e9e;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-content .replyInput { margin-top: 10px; display: flex; flex-direction: row; position: relative;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-content .replyInput { font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

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

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

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

.ui-comment-container .ui-comments-container .ui-comment .comment-content .replyInput .avatar { position: relative; margin-right: 6px; min-width: 30px;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-content .replyInput.edit { order: 0;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-content .replyInput.reply { order: 2;
}

.ui-comment-container .ui-comments-container .ui-comment .reply-comments { order: 1; margin-top: 10px;
}

.ui-comment-container .ui-comments-container .ui-comment .reply-comments .ui-comment:not(:last-child) { margin-bottom: 8px;
}

.ui-comment-container .ui-comments-container .ui-comment .action-button-container { margin-top: 10px;
}

.ui-comment-container .ui-comments-container .ui-comment .action-button-container>*:not(:last-child) { margin-right: 10px;
}

.ui-comment-container .ui-comments-container .ui-comment .action-button { cursor: pointer; font-size: 14px; line-height: 15px; margin-top: 10px;
}

.ui-comment-container .ui-comments-container .ui-comment .action-button:focus,
.ui-comment-container .ui-comments-container .ui-comment .action-button:hover { text-decoration: none;
}

.ui-comment-container .comment-blank-stats { margin-top: 24px; text-align: center; color: #999; font-size: 14px;
}

.ui-comment-container .comment-blank-stats>*:not(:last-child) { margin-bottom: 6px;
}

.ui-comment-container .avatar { position: absolute; left: 0; margin-top: 3px; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; background-size: cover; background-position: center;
}

.ui-comment-container .ui-comment-input-container { position: relative; padding: 0 15px; display: flex;
}

.ui-comment-container .ui-comment-input-container .ui-comment-input-widgets { width: 100%; position: relative;
}

.ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .action-buttons { margin-top: 5px;
}

.ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .action-buttons>.btn:not(:last-child) { margin-right: 8px;
}

.ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .btn { font-size: 13px; line-height: 13px; padding: 7px 12px;
}

.ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .btn-default { border-color: #8f8f8f; color: #8f8f8f; border-width: 1px; background-color: transparent;
}

.ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .btn-default:hover { color: #fff; background-color: #8f8f8f;
}

.ui-comment-container .view-comments-container { line-height: 15px; margin-top: 11px;
}

.ui-comment-container .view-comments-container .view-comments { cursor: pointer; font-size: 14px; line-height: 15px; margin-left: 50px;
}

.ui-comment-container .view-comments-container .view-comments:focus,
.ui-comment-container .view-comments-container .view-comments:hover { text-decoration: none;
}

@keyframes highlight {
  0% { background-color: #d8d8d8;
  }

  30% { background-color: #d8d8d8;
  }

  100% { background-color: transparent;
  }
}

.ui-comment-notice { position: relative; font-size: 12px; line-height: 16px;
}

.ui-comment-notice.ui-comment-error-notice { padding: 15px; color: #ea4335; background: #f8d7da; white-space: normal;
}

.ui-comment-notice.ui-comment-guest-notice { padding: 15px; color: #007d00; background: #c8e9c8;
}

.ui-comment-notice.ui-comment-guest-notice .ui-signup { margin-right: 10px;
}

.ui-comment-notice.ui-comment-guest-notice .notice { margin-bottom: 10px; white-space: normal;
}

.ui-comment-notice a { text-decoration: underline; cursor: pointer;
}

.ui-infobar.comment-enabled.comment-open-inner { margin-right: 240px;
}

.ui-infobar.comment-enabled:not(.comment-open) .ui-comment-app.small .ui-open-comments .text { display: none;
}

.ui-infobar.comment-enabled:not(.comment-open) .ui-comment-app.small .ui-open-comments .fa { margin-right: 0;
}

.ui-view-area.ui-scrollable #doc.comment-enabled.comment-inner .ui-view-area.ui-scrollable #doc.comment-enabled:not(.comment-open) { margin-right: 50px;
}

.ui-view-area.ui-scrollable .ui-infobar.comment-enabled.comment-inner .ui-view-area.ui-scrollable .ui-infobar.comment-enabled:not(.comment-open) { margin-right: 50px;
}

.ui-view-area.ui-scrollable .ui-infobar.comment-enabled.comment-inner .ui-view-area.ui-scrollable .ui-infobar.comment-enabled:not(.comment-open) .ui-comment-app { right: -35px;
}

#doc.comment-enabled.comment-inner { margin-right: 45px;
}

#doc.comment-enabled.comment-open-inner { margin-right: 240px;
}

.ui-comment-app { position: absolute; right: 0; top: 0; z-index: 999;
}

.ui-comment-app .btn.btn-default { color: #868686; cursor: pointer;
}

.ui-comment-app .open-comments { display: flex; align-items: center; background-color: #fff; width: 100%; margin-bottom: 15px;
}

.ui-comment-app .open-comments>*:not(:last-child) { margin-right: 10px;
}

.ui-comment-app .open-comments .comment-settings { display: flex;
}

.ui-comment-app .open-comments .comment-settings img { margin-right: 5px;
}

.ui-comment-app .open-comments .comment-settings div { font-size: 15px; line-height: 16px;
}

.ui-comment-app .open-comments .comment-settings:hover { cursor: pointer;
}

.ui-comment-app .open-comments .invisible { visibility: hidden;
}

.ui-comment-app .open-comments .show-hidden { padding: 15px;
}

.ui-comment-app .open-comments .btn.ui-open-comments { padding: 7px 10px; color: #868686; font-size: 15px; line-height: 16px;
}

.ui-comment-app .open-comments .btn.ui-open-comments .fa { margin-right: 5px;
}

.ui-comment-app .open-comments .btn.ui-open-comments:focus:not(:hover) { background-color: #fff; border-color: #ccc;
}

.ui-comment-app .open-comments .btn.ui-open-comments.open,
.ui-comment-app .open-comments .btn.ui-open-comments.open:focus { background-color: #e6e6e6; border-color: #adadad;
}

.ui-comment-app .ui-comment-button-container { transition: transform ease-in-out 150ms; position: absolute; top: 0; z-index: 3;
}

.ui-comment-app .ui-comment-button-container>*:not(:last-child) { margin-right: 10px;
}

.ui-comment-app .ui-comment-button-container.comment { position: relative; display: inline-block; min-width: 225px; width: 100%; max-width: 400px; margin-bottom: 10px;
}

.ui-comment-app .ui-comment-button-container.comment>* { display: inline-block;
}

.ui-comment-app .ui-comment-button-container.comment>.ui-comment-container:not(:last-child) { margin-bottom: 10px;
}

.ui-comment-app .ui-comment-button-container.comment:not(.active):hover { z-index: 1050; background-color: #fff;
}

.ui-comment-app .ui-comment-button-container.comment.active:not(.simple) { z-index: 1051; background-color: #fff; position: fixed; bottom: 30px;
}

.ui-comment-app .ui-comment-button-container.comment.active:not(.simple) .ui-comment-container.active:not(.simple) { display: flex; flex-direction: column; height: 100%;
}

.ui-comment-app .ui-comment-button-container.comment.active:not(.simple) .ui-comment-container.active:not(.simple) .ui-comments-container { overflow-y: auto;
}

.ui-comment-app .ui-comment-button-container.comment.simple .ui-comments-container { display: none;
}

.ui-comment-app .ui-comment-button { display: inline-block; cursor: pointer; color: #999; font-weight: normal; font-size: 14px; white-space: nowrap; -webkit-user-select: none; user-select: none;
}

.ui-comment-app .ui-comment-button.active { color: #337ab7;
}

.ui-comment-app .ui-comment-button.active .fa-commenting-o:before { content: "";
}

.comment-textarea { min-height: 58px; max-height: 202px;
}

.dismiss-overlay { z-index: 2; position: fixed; width: 100vw; height: 100vh; top: 0; left: 0;
}

.ui-no-comments { text-align: center;
}

.ui-no-comments img { margin-top: 90px;
}

.ui-no-comments .title { margin-top: 15px; color: #999; font-weight: 600; font-size: 14px;
}

.ui-no-comments .content { color: #999; font-size: 12px;
}

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

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

.ui-comment-discard-modal .modal-content .modal-body { padding: 20px;
}

.ui-comment-discard-modal .modal-content .modal-body .title { font-size: 16px; line-height: 16px; margin-bottom: 20px;
}

.ui-comment-discard-modal .modal-content .modal-body .btn { width: 100%; font-size: 15px; line-height: 16px;
}

@media(max-width: 767px) {
  .ui-comment-container>*:not(:first-child):not(.ui-comment-notice).divider { margin-top: 0;
  }

  .ui-comment-container.comment-container-sm .ui-comment-input-container { padding-left: 15px;
  }

  .ui-comment-container:not(.active) { display: none !important;
  }

  .ui-comment-container.active { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: 0; border-radius: 0; max-height: 100vh; width: 100%; display: flex !important; flex-direction: column;
  }

  .ui-comment-container.active.simple { top: unset !important; height: auto !important;
  }

  .ui-comment-container.active.simple .ui-comment-header { display: none !important;
  }

  .ui-comment-container.active.simple .ui-comments-container { display: none !important;
  }

  .ui-comment-container.active .ui-comments-container { flex: 1; overflow: auto; padding-bottom: 15px;
  }

  .ui-comment-container textarea { height: 40px; margin-bottom: 0;
  }

  .ui-comment-container .ui-comment-input-container .ui-comment-input-widgets { display: flex;
  }

  .ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .action-buttons { margin-left: 10px;
  }

  .ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .action-buttons>.btn.ui-comment-submit { margin-right: 0; height: 40px;
  }

  .ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .action-buttons>.btn:not(.ui-comment-submit) { display: none;
  }

  .ui-infobar.comment-enabled.comment-open { z-index: 1050; margin-right: 0;
  }

  .ui-comment-app { padding: 0; z-index: 1050; right: 0 !important; width: 37px !important;
  }

  .ui-comment-app .open-comments { visibility: hidden;
  }

  .ui-comment-app .open-comments .btn.ui-open-comments .text { display: none;
  }

  .ui-comment-app .open-comments .btn.ui-open-comments .fa { margin-right: 0;
  }

  .ui-comment-app .ui-comment-button-container>*:not(:last-child) { margin-right: 0;
  }

  .ui-comment-app .ui-comment-button-container.comment:not(.active) { display: none;
  }

  .ui-comment-app .ui-comment-button-container.comment.active:not(.simple) .ui-comment-container.active:not(.simple) { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: auto !important; height: auto !important;
  }

  .ui-comment-app .ui-comment-button-container.comment.simple { top: unset !important; bottom: 0;
  }

  body.comment-open { overflow: hidden;
  }
}

@media(min-width: 768px) {
  .ui-infobar.comment-enabled.comment-inner { margin-right: 45px;
  }
}

@media(max-width: 500px) {
  .ui-comment-app .ui-comment-button { text-align: center; width: 24px; line-height: 16px;
  }
}

.selection-popover.popover { background-color: #777; color: #fff; cursor: pointer; z-index: 3;
}

.selection-popover.popover .popover-content { -webkit-user-select: none; user-select: none;
}

.selection-popover.popover.top>.arrow { border-top-color: transparent;
}

.selection-popover.popover.top>.arrow:after { border-top-color: #777;
}

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

.spotlight-modal .block-title { color: #888; font-size: 12px; line-height: 16px;
}

.spotlight-modal .recent-search-item, .spotlight-modal .recent-view-item { font-weight: 600; padding: 8px 30px;
}

.spotlight-modal .result-item { padding: 8px 20px;
}

.spotlight-modal .recent-search-item, .spotlight-modal .recent-view-item,
.spotlight-modal .result-item { display: block; background-color: #fff; border: none; outline: none; width: 100%; color: #000; font-size: 15px; line-height: 15px; text-align: start;
}

.spotlight-modal .recent-search-item i, .spotlight-modal .recent-view-item i,
.spotlight-modal .result-item i { color: #cbcbcb;
}

.spotlight-modal .recent-search-item.is_focus,
.spotlight-modal .recent-search-item:focus,
.spotlight-modal .recent-search-item:hover,
.spotlight-modal .recent-view-item.is_focus,
.spotlight-modal .recent-view-item:focus,
.spotlight-modal .recent-view-item:hover, .spotlight-modal .result-item.is_focus,
.spotlight-modal .result-item:focus, .spotlight-modal .result-item:hover { outline: none; background-color: #f8f8f8; outline: none;
}

.spotlight-modal .recent-search-item *, .spotlight-modal .recent-view-item * { -webkit-user-select: none; user-select: none;
}

.spotlight-modal .result-item { text-decoration: none !important; font-size: 13px; line-height: 16px;
}

.spotlight-modal .result-item .highlighted-keyword { background-color: #fff0a7;
}

.spotlight-modal .result-item .result-title { font-weight: 600; font-size: 15px; line-height: 18px;
}

.spotlight-modal .result-item .result-content { margin-bottom: 6px; color: #888;
}

.spotlight-modal .result-item .result-owner { text-decoration: underline !important; color: #888;
}

.spotlight-modal .btn_sort { background-color: transparent; color: #888;
}

.spotlight-modal .sorting_dropdown>button { outline: none; border: none; color: #868686; background-color: #fff; font-size: 12px; line-height: 12px; padding: 5px 10px;
}

.spotlight-modal .sorting_dropdown>button:hover { outline: none; box-shadow: none; background-color: #f8f8f8;
}

.spotlight-modal .sorting_dropdown .dropdown-menu { min-width: auto !important; width: fit-content !important; flex-direction: column; align-items: center; padding-top: 10px; padding-bottom: 10px;
}

.spotlight-modal .sorting_dropdown .dropdown-menu.show { display: flex !important;
}

.spotlight-modal .sorting_dropdown .dropdown-item { white-space: nowrap; width: 100%; background-color: transparent; color: #888; font-size: 14px; line-height: 18px; text-align: left; background-color: transparent; outline: none; border: none; padding: 3px 20px;
}

.spotlight-modal .sorting_dropdown .dropdown-item i { opacity: 0; margin-right: 4px;
}

.spotlight-modal .sorting_dropdown .dropdown-item.active i { opacity: 1;
}

.spotlight-modal .sorting_dropdown .dropdown-item:hover { background-color: #f8f8f8;
}

.loading_spinner .circular { animation: rotate 2s linear infinite; height: 100%; transform-origin: center center; width: 100%;
}

.loading_spinner .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round;
}

@keyframes rotate {
  100% { transform: rotate( 360deg );
  }
}

@keyframes dash {
  0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0;
  }

  50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35;
  }

  100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124;
  }
}

.ReactModalPortal { z-index: 9999; position: fixed; top: 0;
}

.ReactModal__Overlay.spotlight-modal-overlay { transition: none;
}

.ReactModal__Content.spotlight-modal { position: relative; top: 65px; display: flex !important; max-height: 70%; height: 100%; transition: none; box-shadow: 0 5px 15px rgba( 0, 0, 0, .2 ); border-radius: 6px;
}

.ReactModal__Content.spotlight-modal .modal-dialog { flex-grow: 1;
}

.ReactModal__Content.spotlight-modal .modal-content { height: 100%; overflow: hidden; padding: 47px 0 30px; box-shadow: none; border-color: #cdcdcd;
}

.ReactModal__Content.spotlight-modal .modal-header { position: absolute; width: 100%; top: 0; left: 0; height: 47px; background-color: #fff; display: flex; align-items: center; width: 100%;
}

.ReactModal__Content.spotlight-modal .modal-header .close { font-size: 16px;
}

.ReactModal__Content.spotlight-modal .modal-title { display: flex; align-items: center; width: 100%; font-size: 16px;
}

.ReactModal__Content.spotlight-modal .modal-title .fa-search { color: #b6b6b6;
}

.ReactModal__Content.spotlight-modal .modal-title .fa-close { opacity: .7; color: #686868;
}

.ReactModal__Content.spotlight-modal .modal-title .fa-close:hover { opacity: 1;
}

.ReactModal__Content.spotlight-modal .spotlight-input { outline: none; border: none; width: 100%; background-color: transparent;
}

.ReactModal__Content.spotlight-modal .spotlight-input::placeholder { color: #b6b6b6;
}

.ReactModal__Content.spotlight-modal .btn_text { background-color: rgba( 255, 255, 255, 0 ); color: #888; font-size: 16px; line-height: 16px; border: none; outline: none; padding: 0; margin: 0; white-space: nowrap;
}

.ReactModal__Content.spotlight-modal .btn_text:hover { color: #cdcdcd;
}

.ReactModal__Content.spotlight-modal .vertical-divider { align-self: stretch; min-width: 1px; background-color: #e7e7e7;
}

.ReactModal__Content.spotlight-modal .modal-body { overflow: auto; height: 100%; max-height: 100%; padding: 15px 0 0 0;
}

.ReactModal__Content.spotlight-modal .modal-body .no-results { position: absolute; text-align: center; display: block; width: 100%; top: calc( 50% - 44px ); font-size: 16px; color: #b6b6b6; line-height: 1.4em;
}

.ReactModal__Content.spotlight-modal .modal-footer { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; background-color: #f4f4f4; color: #888; padding-top: 7px; padding-bottom: 6px; font-size: 12px; border-radius: 0 0 6px 6px;
}

.ReactModal__Content.spotlight-modal .modal-footer .shortcut_hint { display: flex; align-items: center; margin-right: 15px;
}

.ReactModal__Content.spotlight-modal .modal-footer .shortcut_hint .plus { margin-right: 5px;
}

.ReactModal__Content.spotlight-modal .modal-footer kbd { font-size: 8px; -webkit-user-select: none; user-select: none; padding: 1px 4px; background: #fff; border: .5px solid #bbb; box-sizing: border-box; box-shadow: inset 0 -1px 0 rgba( 0, 0, 0, .25 ); border-radius: 2px; color: #5f5955; margin-right: 5px; margin-top: 2px;
}

@media(max-width: 899px) {
  .ReactModal__Overlay.spotlight-modal-overlay { align-items: flex-end;
  }
}

@media(max-width: 991px) {
  .ReactModal__Content.spotlight-modal { width: 100%; top: 0; max-height: 100%;
  }

  .ReactModal__Content.spotlight-modal .modal-dialog { width: 100%;
  }

  .ReactModal__Content.spotlight-modal .modal-content { width: 100%; padding: 50px 0 0 0; border-radius: 0 !important;
  }

  .ReactModal__Content.spotlight-modal .modal-header { border-radius: 0 !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;
}

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

/*!
 * jQuery UI Resizable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */

.ui-resizable { position: relative;
}

.ui-resizable-handle { position: absolute; font-size: .1px; display: block; touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle { display: none;
}

.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0;
}

.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0;
}

.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%;
}

.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%;
}

.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px;
}

.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px;
}

.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px;
}

.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;
}

/**
 * codemirror-spell-checker v1.0.6
 * Copyright Next Step Webs, Inc.
 * @link https://github.com/NextStepWebs/codemirror-spell-checker
 * @license MIT
 */

.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) { border-bottom: 2px dotted rgba( 255, 0, 0, .8 );
}

.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 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; opacity: 0; top: 0; /* workaround for issue https://github.com/FezVrasta/popper.js/issues/457 */
}

.tooltip.show { opacity: .9;
}

.tooltip .tooltip-arrow { position: absolute; display: block; width: .8rem; height: .4rem; border-color: unset; /* workaround to solve BS 3.x CSS conflicts */ border-style: unset; /* workaround to solve BS 3.x CSS conflicts */
}

.tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: .4rem 0;
}

.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow { bottom: 0;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before { top: 0; border-width: .4rem .4rem 0; border-top-color: #777;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 .4rem;
}

.bs-tooltip-right .tooltip-arrow,
.bs-tooltip-auto[x-placement^="right"] .tooltip-arrow { left: 0; width: .4rem; height: .8rem;
}

.bs-tooltip-right .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="right"] .tooltip-arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #777;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: .4rem 0;
}

.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[x-placement^="bottom"] .tooltip-arrow { top: 0;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .tooltip-arrow::before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #777;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 .4rem;
}

.bs-tooltip-left .tooltip-arrow,
.bs-tooltip-auto[x-placement^="left"] .tooltip-arrow { right: 0; width: .4rem; height: .8rem;
}

.bs-tooltip-left .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="left"] .tooltip-arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #777;
}

.tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #777; border-radius: .25rem;
}

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */ font-family: monospace; height: 300px; color: black; direction: ltr;
}

/* PADDING */

.CodeMirror-lines { padding: 4px 0; /* Vertical padding around content */
}

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like { padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #f7f7f7; white-space: nowrap;
}

.CodeMirror-linenumbers {
}

.CodeMirror-linenumber { padding: 0 3px 0 5px; min-width: 20px; text-align: right; color: #999; white-space: nowrap;
}

.CodeMirror-guttermarker { color: black;
}

.CodeMirror-guttermarker-subtle { color: #999;
}

/* CURSOR */

.CodeMirror-cursor { border-left: 1px solid black; border-right: none; width: 0;
}

/* Shown when moving in bi-directional text */

.CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor { width: auto; border: 0 !important; background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors { z-index: 1;
}

.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection,
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent;
}

.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent;
}

.cm-fat-cursor { caret-color: transparent;
}

@keyframes blink {
  0% {
  }

  50% { background-color: transparent;
  }

  100% {
  }
}

/* Can style cursor different in overwrite (non-insert) mode */

.CodeMirror-overwrite .CodeMirror-cursor {
}

.CodeMirror-other-cursor { width: 0; position: absolute; border-right: none;
}

.cm-tab { display: inline-block; text-decoration: inherit;
}

.CodeMirror-rulers { position: absolute; left: 0; right: 0; top: -50px; bottom: 0; overflow: hidden;
}

.CodeMirror-ruler { border-left: 1px solid #ccc; top: 0; bottom: 0; position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header { color: blue;
}

.cm-s-default .cm-quote { color: #090;
}

.cm-negative { color: #d44;
}

.cm-positive { color: #292;
}

.cm-header, .cm-strong { font-weight: bold;
}

.cm-em { font-style: italic;
}

.cm-link { text-decoration: underline;
}

.cm-strikethrough { text-decoration: line-through;
}

.cm-s-default .cm-keyword { color: #708;
}

.cm-s-default .cm-atom { color: #219;
}

.cm-s-default .cm-number { color: #164;
}

.cm-s-default .cm-def { color: #00f;
}

.cm-s-default .cm-variable, .cm-s-default .cm-punctuation,
.cm-s-default .cm-property, .cm-s-default .cm-operator {
}

.cm-s-default .cm-variable-2 { color: #05a;
}

.cm-s-default .cm-variable-3, .cm-s-default .cm-type { color: #085;
}

.cm-s-default .cm-comment { color: #a50;
}

.cm-s-default .cm-string { color: #a11;
}

.cm-s-default .cm-string-2 { color: #f50;
}

.cm-s-default .cm-meta { color: #555;
}

.cm-s-default .cm-qualifier { color: #555;
}

.cm-s-default .cm-builtin { color: #30a;
}

.cm-s-default .cm-bracket { color: #997;
}

.cm-s-default .cm-tag { color: #170;
}

.cm-s-default .cm-attribute { color: #00c;
}

.cm-s-default .cm-hr { color: #999;
}

.cm-s-default .cm-link { color: #00c;
}

.cm-s-default .cm-error { color: #f00;
}

.cm-invalidchar { color: #f00;
}

.CodeMirror-composing { border-bottom: 2px solid;
}

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket { color: #0b0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #a22;
}

.CodeMirror-matchingtag { background: rgba( 255, 150, 0, .3 );
}

.CodeMirror-activeline-background { background: #e8f2ff;
}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror { position: relative; overflow: hidden; background: white;
}

.CodeMirror-scroll { overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */ margin-bottom: -50px; margin-right: -50px; padding-bottom: 50px; height: 100%; outline: none; /* Prevent dragging from highlighting the element */ position: relative; z-index: 0;
}

.CodeMirror-sizer { position: relative; border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */

.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler { position: absolute; z-index: 6; display: none; outline: none;
}

.CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll;
}

.CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll;
}

.CodeMirror-scrollbar-filler { right: 0; bottom: 0;
}

.CodeMirror-gutter-filler { left: 0; bottom: 0;
}

.CodeMirror-gutters { position: absolute; left: 0; top: 0; min-height: 100%; z-index: 3;
}

.CodeMirror-gutter { white-space: normal; height: 100%; display: inline-block; vertical-align: top; margin-bottom: -50px;
}

.CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: none !important; border: none !important;
}

.CodeMirror-gutter-background { position: absolute; top: 0; bottom: 0; z-index: 4;
}

.CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4;
}

.CodeMirror-gutter-wrapper ::selection { background-color: transparent;
}

.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent;
}

.CodeMirror-lines { cursor: text; min-height: 1px; /* prevents collapsing before first draw */
}

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */ border-radius: 0; border-width: 0; background: transparent; font-family: inherit; font-size: inherit; margin: 0; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; position: relative; overflow: visible; -webkit-tap-highlight-color: transparent; font-variant-ligatures: contextual;
}

.CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like { word-wrap: break-word; white-space: pre-wrap; word-break: normal;
}

.CodeMirror-linebackground { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0;
}

.CodeMirror-linewidget { position: relative; z-index: 2; padding: .1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {
}

.CodeMirror-rtl pre { direction: rtl;
}

.CodeMirror-code { outline: none;
}

/* Force content-box sizing for the elements where we expect it */

.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters,
.CodeMirror-linenumber { box-sizing: content-box;
}

.CodeMirror-measure { position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden;
}

.CodeMirror-cursor { position: absolute; pointer-events: none;
}

.CodeMirror-measure pre { position: static;
}

div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3;
}

div.CodeMirror-dragcursors { visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors { visibility: visible;
}

div.CodeMirror-other-cursors { position: relative; z-index: 3;
}

.CodeMirror-selected { background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0;
}

.CodeMirror-crosshair { cursor: crosshair;
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection { background: #d7d4f0;
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection { background: #d7d4f0;
}

.cm-searching { background-color: #ffa; background-color: rgba( 255, 255, 0, .4 );
}

/* Used to force a border model for a node */

.cm-force-border { padding-right: .1px;
}

/* See issue #2901 */

.cm-tab-wrap-hack:after { content: '';
}

/* Help users use markselection to safely style text background */

span.CodeMirror-selectedtext { background: none;
}

@media print {
  /* Hide the cursor when printing */

  .CodeMirror div.CodeMirror-cursors { visibility: hidden;
  }

  .CodeMirror div.CodeMirror-other-cursors { visibility: hidden;
  }
}

.CodeMirror-foldmarker { color: blue; text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px; font-family: arial; line-height: .3; cursor: pointer;
}

.CodeMirror-foldgutter { width: .7em;
}

.CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded { cursor: pointer;
}

.CodeMirror-foldgutter-open:after { content: "\25BE";
}

.CodeMirror-foldgutter-folded:after { content: "\25B8";
}

.CodeMirror-fullscreen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: auto; z-index: 2000;
}

.CodeMirror-dialog { position: absolute; left: 0; right: 0; background: inherit; z-index: 15; padding: .1em .8em; overflow: hidden; color: inherit;
}

.CodeMirror-dialog-top { border-bottom: 1px solid #eee; top: 0;
}

.CodeMirror-dialog-bottom { border-top: 1px solid #eee; bottom: 0;
}

.CodeMirror-dialog input { border: none; outline: none; background: transparent; width: 20em; color: inherit; font-family: monospace;
}

.CodeMirror-dialog button { font-size: 70%; color: black;
}

.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div { position: absolute; background: #ccc; box-sizing: border-box; border: 1px solid #bbb; border-radius: 2px;
}

.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical { position: absolute; z-index: 6; background: #eee;
}

.CodeMirror-simplescroll-horizontal { bottom: 0; left: 0; height: 6px;
}

.CodeMirror-simplescroll-horizontal div { bottom: 0; height: 100%;
}

.CodeMirror-simplescroll-vertical { right: 0; top: 0; width: 6px;
}

.CodeMirror-simplescroll-vertical div { right: 0; width: 100%;
}

.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler,
.CodeMirror-overlayscroll .CodeMirror-gutter-filler { display: none;
}

.CodeMirror-overlayscroll-horizontal div, .CodeMirror-overlayscroll-vertical div { position: absolute; background: #ccc; border-radius: 7px; border: 2px solid #222;
}

.CodeMirror-overlayscroll-horizontal, .CodeMirror-overlayscroll-vertical { position: absolute; z-index: 6;
}

.CodeMirror-overlayscroll-horizontal { bottom: 0; left: 0; height: 10px;
}

.CodeMirror-overlayscroll-horizontal div { bottom: 0; height: 100%;
}

.CodeMirror-overlayscroll-vertical { right: 0; top: 0; width: 10px;
}

.CodeMirror-overlayscroll-vertical div { right: 0; width: 100%;
}

.CodeMirror-search-match { background: gold; border: 1px solid orange; box-sizing: border-box; opacity: .5;
}

.CodeMirror-merge { position: relative; border: 1px solid #ddd; white-space: pre;
}

.CodeMirror-merge, .CodeMirror-merge .CodeMirror { height: 350px;
}

.CodeMirror-merge-2pane .CodeMirror-merge-pane { width: 47%;
}

.CodeMirror-merge-2pane .CodeMirror-merge-gap { width: 6%;
}

.CodeMirror-merge-3pane .CodeMirror-merge-pane { width: 31%;
}

.CodeMirror-merge-3pane .CodeMirror-merge-gap { width: 3.5%;
}

.CodeMirror-merge-pane { display: inline-block; white-space: normal; vertical-align: top;
}

.CodeMirror-merge-pane-rightmost { position: absolute; right: 0; z-index: 1;
}

.CodeMirror-merge-gap { z-index: 2; display: inline-block; height: 100%; box-sizing: border-box; overflow: hidden; border-left: 1px solid #ddd; border-right: 1px solid #ddd; position: relative; background: #f8f8f8;
}

.CodeMirror-merge-scrolllock-wrap { position: absolute; bottom: 0; left: 50%;
}

.CodeMirror-merge-scrolllock { position: relative; left: -50%; cursor: pointer; color: #555; line-height: 1;
}

.CodeMirror-merge-scrolllock:after { content: "\21db\00a0\00a0\21da";
}

.CodeMirror-merge-scrolllock.CodeMirror-merge-scrolllock-enabled:after { content: "\21db\21da";
}

.CodeMirror-merge-copybuttons-left, .CodeMirror-merge-copybuttons-right { position: absolute; left: 0; top: 0; right: 0; bottom: 0; line-height: 1;
}

.CodeMirror-merge-copy { position: absolute; cursor: pointer; color: #44c; z-index: 3;
}

.CodeMirror-merge-copy-reverse { position: absolute; cursor: pointer; color: #44c;
}

.CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy { left: 2px;
}

.CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy { right: 2px;
}

.CodeMirror-merge-r-inserted, .CodeMirror-merge-l-inserted { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg== ); background-position: bottom left; background-repeat: repeat-x;
}

.CodeMirror-merge-r-deleted, .CodeMirror-merge-l-deleted { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg== ); background-position: bottom left; background-repeat: repeat-x;
}

.CodeMirror-merge-r-chunk { background: #ffffe0;
}

.CodeMirror-merge-r-chunk-start { border-top: 1px solid #ee8;
}

.CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #ee8;
}

.CodeMirror-merge-r-connect { fill: #ffffe0; stroke: #ee8; stroke-width: 1px;
}

.CodeMirror-merge-l-chunk { background: #eef;
}

.CodeMirror-merge-l-chunk-start { border-top: 1px solid #88e;
}

.CodeMirror-merge-l-chunk-end { border-bottom: 1px solid #88e;
}

.CodeMirror-merge-l-connect { fill: #eef; stroke: #88e; stroke-width: 1px;
}

.CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk { background: #dfd;
}

.CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start { border-top: 1px solid #4e4;
}

.CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #4e4;
}

.CodeMirror-merge-collapsed-widget:before { content: "(...)";
}

.CodeMirror-merge-collapsed-widget { cursor: pointer; color: #88b; background: #eef; border: 1px solid #ddf; font-size: 90%; padding: 0 3px; border-radius: 4px;
}

.CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt { display: none;
}

/* Based on Sublime Text's Monokai theme */

.cm-s-monokai.CodeMirror { background: #272822; color: #f8f8f2;
}

.cm-s-monokai div.CodeMirror-selected { background: #49483e;
}

.cm-s-monokai .CodeMirror-line::selection,
.cm-s-monokai .CodeMirror-line > span::selection,
.cm-s-monokai .CodeMirror-line > span > span::selection { background: rgba( 73, 72, 62, .99 );
}

.cm-s-monokai .CodeMirror-line::-moz-selection,
.cm-s-monokai .CodeMirror-line > span::-moz-selection,
.cm-s-monokai .CodeMirror-line > span > span::-moz-selection { background: rgba( 73, 72, 62, .99 );
}

.cm-s-monokai .CodeMirror-gutters { background: #272822; border-right: 0;
}

.cm-s-monokai .CodeMirror-guttermarker { color: white;
}

.cm-s-monokai .CodeMirror-guttermarker-subtle { color: #d0d0d0;
}

.cm-s-monokai .CodeMirror-linenumber { color: #d0d0d0;
}

.cm-s-monokai .CodeMirror-cursor { border-left: 1px solid #f8f8f0;
}

.cm-s-monokai span.cm-comment { color: #75715e;
}

.cm-s-monokai span.cm-atom { color: #ae81ff;
}

.cm-s-monokai span.cm-number { color: #ae81ff;
}

.cm-s-monokai span.cm-comment.cm-attribute { color: #97b757;
}

.cm-s-monokai span.cm-comment.cm-def { color: #bc9262;
}

.cm-s-monokai span.cm-comment.cm-tag { color: #bc6283;
}

.cm-s-monokai span.cm-comment.cm-type { color: #5998a6;
}

.cm-s-monokai span.cm-property, .cm-s-monokai span.cm-attribute { color: #a6e22e;
}

.cm-s-monokai span.cm-keyword { color: #f92672;
}

.cm-s-monokai span.cm-builtin { color: #66d9ef;
}

.cm-s-monokai span.cm-string { color: #e6db74;
}

.cm-s-monokai span.cm-variable { color: #f8f8f2;
}

.cm-s-monokai span.cm-variable-2 { color: #9effff;
}

.cm-s-monokai span.cm-variable-3, .cm-s-monokai span.cm-type { color: #66d9ef;
}

.cm-s-monokai span.cm-def { color: #fd971f;
}

.cm-s-monokai span.cm-bracket { color: #f8f8f2;
}

.cm-s-monokai span.cm-tag { color: #f92672;
}

.cm-s-monokai span.cm-header { color: #ae81ff;
}

.cm-s-monokai span.cm-link { color: #ae81ff;
}

.cm-s-monokai span.cm-error { background: #f92672; color: #f8f8f0;
}

.cm-s-monokai .CodeMirror-activeline-background { background: #373831;
}

.cm-s-monokai .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;
}

/**
 * Atom One Dark Theme
 *
 * Copyright (c) 2015 Hikio - twitter.com/hik_io
 *
 * 06/26/2015
 * 
 * Licensed under MIT
 * GitHub https://github.com/hikio/brackets-one-dark
 */

/*
Modified by jackycute 2015
borrow some color from tomorrow-night-eighties
*/

/* Editor */

.dark .panel, .dark #main-toolbar { background: #1d222a;
}

.dark #working-set-list-container, .dark #editor-holder .pane-header { background: #15181e;
}

.dark .working-set-header, .dark #project-files-header .btn-alt-quiet { background: rgba( 204, 217, 255, .05 );
}

.dark .working-set-header > span { background: transparent;
}

.dark .sidebar-selection, .dark .filetree-selection,
.dark .sidebar-selection-extension, .dark .filetree-selection-extension { background: #282c34;
}

.dark #status-bar, .dark #status-indicators { background: #15181e; border-top-color: #1d222a;
}

.dark a, .dark .open-files-container li.selected a { color: #528bff;
}

/* Code Styling */

.cm-s-one-dark.CodeMirror, .cm-s-one-dark .CodeMirror-scroll {
  /*  background-color: #282c34;*/ background-color: #1e2126; color: #abb2bf;
}

.cm-s-one-dark .CodeMirror-activeline-background { background: transparent;
}

.cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline-background { background: rgba( 204, 217, 255, .05 );
}

.show-line-padding .cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline-background { box-shadow: inset 15px 0 0 0 #000;
}

.cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt { background: transparent; color: #5c6370;
}

.cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline .inline-widget .CodeMirror-gutter-elt { color: red;
}

.cm-s-one-dark .cm-string-2, .cm-s-one-dark .cm-hr { color: #56b6c2;
}

.cm-s-one-dark .cm-number, .cm-s-one-dark .cm-attribute,
.cm-s-one-dark .cm-qualifier, .cm-s-one-dark .cm-plus, .cm-s-one-dark .cm-atom { color: #eda35e;
}

.cm-s-one-dark .cm-def { color: #c678dd;
}

.cm-s-one-dark .cm-property, .cm-s-one-dark .cm-variable,
.cm-s-one-dark .cm-variable-2, .cm-s-one-dark .cm-variable-3,
.cm-s-one-dark .cm-operator, /*.cm-meta, */
.cm-s-one-dark .cm-bracket { color: #f76e79;
}

/*borrow from tomorrow-night-eighties*/

.cm-s-one-dark .cm-variable { color: #9c9;
}

.cm-s-one-dark .cm-variable-2 { color: #69c;
}

.cm-s-one-dark .cm-comment { color: #5c6370; font-style: italic;
}

.cm-s-one-dark .cm-error, .cm-s-one-dark .cm-minus { color: #be5046;
}

.cm-s-one-dark .cm-header { color: #eda35e;
}

.cm-s-one-dark .cm-link { color: #98c379; text-decoration: none;
}

.cm-s-one-dark .cm-rangeinfo { color: #c678dd;
}

.cm-s-one-dark .cm-keyword, .cm-s-one-dark .cm-builtin, .cm-s-one-dark .cm-tag { color: #e06c75;
}

.cm-s-one-dark .cm-m-markdown.cm-keyword,
.cm-s-one-dark .cm-m-markdown.cm-builtin, .cm-s-one-dark .cm-m-markdown.cm-tag { color: #98c379;
}

.cm-s-one-dark .cm-string {
  /*  color: #98c379;*/ color: #69c;
}

/* Extra CSS */

.cm-s-one-dark .CodeMirror-searching { color: #fff !important; border: 1px solid #528bff; margin: 0 -1px; background-color: rgba( 204, 217, 255, .09 ); box-shadow: 0 0 6px rgba( 66, 133, 244, .4 );
}

.cm-s-one-dark .CodeMirror-searching.searching-current-match { color: #fff; background-color: #528bff; box-shadow: 0 0 6px rgba( 66, 133, 244, .8 );
}

.cm-s-one-dark .CodeMirror-cursor { border-left: 2px solid #528bff !important;
}

.cm-fat-cursor .CodeMirror-cursor { border-left: 2px solid #3c5b9e !important; background: #3c5b9e;
}

.cm-s-one-dark .CodeMirror-gutters {
  /*  background-color: #282c34;*/ background-color: #1e2126; border-right: 1px solid rgba( 204, 217, 255, .05 );
}

.cm-s-one-dark .CodeMirror-linenumber { color: #393e46;
}

.cm-s-one-dark.CodeMirror .CodeMirror-selected { background: rgba( 204, 217, 255, .05 );
}

.cm-s-one-dark.CodeMirror-focused .CodeMirror-selected { background: rgba( 204, 217, 255, .09 );
}

.cm-s-one-dark .CodeMirror-matchingbracket,
.cm-s-one-dark .CodeMirror-matchingtag {
  /* Ensure visibility against gray inline editor background */ background-color: rgba( 204, 217, 255, .09 ); color: #abb2bf !important; border-bottom: 1px solid #528bff;
}

.cm-s-one-dark .CodeMirror-overwrite .CodeMirror-cursor { border-left: none !important; border-bottom: 1px solid #fff; width: .5em;
}

.cm-s-one-dark.CodeMirror .CodeMirror { background: transparent;
}

.cm-s-one-dark.CodeMirror .CodeMirror .CodeMirror-gutters { background: transparent; border-right: none;
}

.cm-s-one-dark.CodeMirror .CodeMirror .CodeMirror-activeline-background { background: transparent;
}

.cm-s-one-dark.CodeMirror .CodeMirror .CodeMirror-activeline .CodeMirror-gutter-elt { background: transparent; color: #5c6370;
}

.cm-s-one-dark.CodeMirror .CodeMirror-focused .CodeMirror-activeline-background { background: #000;
}

.cm-s-one-dark.CodeMirror .CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt { background: rgba( 204, 217, 255, .05 ); color: #fff;
}

.cm-s-one-dark .CodeMirror-foldgutter-open:after { color: #393e46;
}

.cm-s-one-dark .CodeMirror-foldgutter-folded:after { color: #5c6370;
}

.cm-s-one-dark .CodeMirror.over-gutter .CodeMirror-foldgutter-open:after,
.cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline .CodeMirror-foldgutter-open:after { color: #5c6370;
}

.cm-s-one-dark .CodeMirror-foldmarker { border-color: #393e46; color: #abb2bf; background: rgba( 204, 217, 255, .05 );
}

/* Non-editor styling */

.image-view, .not-editor { background-color: #282c34;
}

.view-pane .image-view { color: #abb2bf;
}

/*

    Name:       dracula
    Author:     Michael Kaminsky (http://github.com/mkaminsky11)

    Original dracula color scheme by Zeno Rocha (https://github.com/zenorocha/dracula-theme)

*/

.cm-s-dracula.CodeMirror, .cm-s-dracula .CodeMirror-gutters { background-color: #282a36 !important; color: #f8f8f2 !important; border: none;
}

.cm-s-dracula .CodeMirror-gutters { color: #282a36;
}

.cm-s-dracula .CodeMirror-cursor { border-left: solid thin #f8f8f0;
}

.cm-s-dracula .CodeMirror-linenumber { color: #6d8a88;
}

.cm-s-dracula .CodeMirror-selected { background: rgba( 255, 255, 255, .10 );
}

.cm-s-dracula .CodeMirror-line::selection,
.cm-s-dracula .CodeMirror-line > span::selection,
.cm-s-dracula .CodeMirror-line > span > span::selection { background: rgba( 255, 255, 255, .10 );
}

.cm-s-dracula .CodeMirror-line::-moz-selection,
.cm-s-dracula .CodeMirror-line > span::-moz-selection,
.cm-s-dracula .CodeMirror-line > span > span::-moz-selection { background: rgba( 255, 255, 255, .10 );
}

.cm-s-dracula span.cm-comment { color: #6272a4;
}

.cm-s-dracula span.cm-string, .cm-s-dracula span.cm-string-2 { color: #f1fa8c;
}

.cm-s-dracula span.cm-number { color: #bd93f9;
}

.cm-s-dracula span.cm-variable { color: #50fa7b;
}

.cm-s-dracula span.cm-variable-2 { color: white;
}

.cm-s-dracula span.cm-def { color: #50fa7b;
}

.cm-s-dracula span.cm-operator { color: #ff79c6;
}

.cm-s-dracula span.cm-keyword { color: #ff79c6;
}

.cm-s-dracula span.cm-atom { color: #bd93f9;
}

.cm-s-dracula span.cm-meta { color: #f8f8f2;
}

.cm-s-dracula span.cm-tag { color: #ff79c6;
}

.cm-s-dracula span.cm-attribute { color: #50fa7b;
}

.cm-s-dracula span.cm-qualifier { color: #50fa7b;
}

.cm-s-dracula span.cm-property { color: #66d9ef;
}

.cm-s-dracula span.cm-builtin { color: #50fa7b;
}

.cm-s-dracula span.cm-variable-3, .cm-s-dracula span.cm-type { color: #ffb86c;
}

.cm-s-dracula .CodeMirror-activeline-background { background: rgba( 255, 255, 255, .1 );
}

.cm-s-dracula .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;
}

/*
  Name:       material
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://material-theme.site/
*/

.cm-s-material.CodeMirror { background-color: #263238; color: #eff;
}

.cm-s-material .CodeMirror-gutters { background: #263238; color: #546e7a; border: none;
}

.cm-s-material .CodeMirror-guttermarker,
.cm-s-material .CodeMirror-guttermarker-subtle,
.cm-s-material .CodeMirror-linenumber { color: #546e7a;
}

.cm-s-material .CodeMirror-cursor { border-left: 1px solid #fc0;
}

.cm-s-material.cm-fat-cursor .CodeMirror-cursor { background-color: #5d6d5c80 !important;
}

.cm-s-material .cm-animate-fat-cursor { background-color: #5d6d5c80 !important;
}

.cm-s-material div.CodeMirror-selected { background: rgba( 128, 203, 196, .2 );
}

.cm-s-material.CodeMirror-focused div.CodeMirror-selected { background: rgba( 128, 203, 196, .2 );
}

.cm-s-material .CodeMirror-line::selection,
.cm-s-material .CodeMirror-line>span::selection,
.cm-s-material .CodeMirror-line>span>span::selection { background: rgba( 128, 203, 196, .2 );
}

.cm-s-material .CodeMirror-line::-moz-selection,
.cm-s-material .CodeMirror-line>span::-moz-selection,
.cm-s-material .CodeMirror-line>span>span::-moz-selection { background: rgba( 128, 203, 196, .2 );
}

.cm-s-material .CodeMirror-activeline-background { background: rgba( 0, 0, 0, .5 );
}

.cm-s-material .cm-keyword { color: #c792ea;
}

.cm-s-material .cm-operator { color: #89ddff;
}

.cm-s-material .cm-variable-2 { color: #eff;
}

.cm-s-material .cm-variable-3, .cm-s-material .cm-type { color: #f07178;
}

.cm-s-material .cm-builtin { color: #ffcb6b;
}

.cm-s-material .cm-atom { color: #f78c6c;
}

.cm-s-material .cm-number { color: #ff5370;
}

.cm-s-material .cm-def { color: #82aaff;
}

.cm-s-material .cm-string { color: #c3e88d;
}

.cm-s-material .cm-string-2 { color: #f07178;
}

.cm-s-material .cm-comment { color: #546e7a;
}

.cm-s-material .cm-variable { color: #f07178;
}

.cm-s-material .cm-tag { color: #ff5370;
}

.cm-s-material .cm-meta { color: #ffcb6b;
}

.cm-s-material .cm-attribute { color: #c792ea;
}

.cm-s-material .cm-property { color: #c792ea;
}

.cm-s-material .cm-qualifier { color: #decb6b;
}

.cm-s-material .cm-variable-3, .cm-s-material .cm-type { color: #decb6b;
}

.cm-s-material .cm-error { color: rgba( 255, 255, 255, 1.0 ); background-color: #ff5370;
}

.cm-s-material .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;
}

/* Based on arcticicestudio's Nord theme */

/* https://github.com/arcticicestudio/nord */

.cm-s-nord.CodeMirror { background: #2e3440; color: #d8dee9;
}

.cm-s-nord div.CodeMirror-selected { background: #434c5e;
}

.cm-s-nord .CodeMirror-line::selection,
.cm-s-nord .CodeMirror-line > span::selection,
.cm-s-nord .CodeMirror-line > span > span::selection { background: #3b4252;
}

.cm-s-nord .CodeMirror-line::-moz-selection,
.cm-s-nord .CodeMirror-line > span::-moz-selection,
.cm-s-nord .CodeMirror-line > span > span::-moz-selection { background: #3b4252;
}

.cm-s-nord .CodeMirror-gutters { background: #2e3440; border-right: 0;
}

.cm-s-nord .CodeMirror-guttermarker { color: #4c566a;
}

.cm-s-nord .CodeMirror-guttermarker-subtle { color: #4c566a;
}

.cm-s-nord .CodeMirror-linenumber { color: #4c566a;
}

.cm-s-nord .CodeMirror-cursor { border-left: 1px solid #f8f8f0;
}

.cm-s-nord span.cm-comment { color: #4c566a;
}

.cm-s-nord span.cm-atom { color: #b48ead;
}

.cm-s-nord span.cm-number { color: #b48ead;
}

.cm-s-nord span.cm-comment.cm-attribute { color: #97b757;
}

.cm-s-nord span.cm-comment.cm-def { color: #bc9262;
}

.cm-s-nord span.cm-comment.cm-tag { color: #bc6283;
}

.cm-s-nord span.cm-comment.cm-type { color: #5998a6;
}

.cm-s-nord span.cm-property, .cm-s-nord span.cm-attribute { color: #8fbcbb;
}

.cm-s-nord span.cm-keyword { color: #81a1c1;
}

.cm-s-nord span.cm-builtin { color: #81a1c1;
}

.cm-s-nord span.cm-string { color: #a3be8c;
}

.cm-s-nord span.cm-variable { color: #d8dee9;
}

.cm-s-nord span.cm-variable-2 { color: #d8dee9;
}

.cm-s-nord span.cm-variable-3, .cm-s-nord span.cm-type { color: #d8dee9;
}

.cm-s-nord span.cm-def { color: #8fbcbb;
}

.cm-s-nord span.cm-bracket { color: #81a1c1;
}

.cm-s-nord span.cm-tag { color: #bf616a;
}

.cm-s-nord span.cm-header { color: #b48ead;
}

.cm-s-nord span.cm-link { color: #b48ead;
}

.cm-s-nord span.cm-error { background: #bf616a; color: #f8f8f0;
}

.cm-s-nord .CodeMirror-activeline-background { background: #3b4252;
}

.cm-s-nord .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;
}

/*
	Name:       Panda Syntax
	Author:     Siamak Mokhtari (http://github.com/siamak/)
	CodeMirror template by Siamak Mokhtari (https://github.com/siamak/atom-panda-syntax)
*/

.cm-s-panda-syntax { background: #292a2b; color: #e6e6e6; line-height: 1.5; font-family: 'Operator Mono', 'Source Code Pro', Menlo, Monaco, Consolas, Courier New, monospace;
}

.cm-s-panda-syntax .CodeMirror-cursor { border-color: #ff2c6d;
}

.cm-s-panda-syntax .CodeMirror-activeline-background { background: rgba( 99, 123, 156, .1 );
}

.cm-s-panda-syntax .CodeMirror-selected { background: #fff;
}

.cm-s-panda-syntax .cm-comment { font-style: italic; color: #676b79;
}

.cm-s-panda-syntax .cm-operator { color: #f3f3f3;
}

.cm-s-panda-syntax .cm-string { color: #19f9d8;
}

.cm-s-panda-syntax .cm-string-2 { color: #ffb86c;
}

.cm-s-panda-syntax .cm-tag { color: #ff2c6d;
}

.cm-s-panda-syntax .cm-meta { color: #b084eb;
}

.cm-s-panda-syntax .cm-number { color: #ffb86c;
}

.cm-s-panda-syntax .cm-atom { color: #ff2c6d;
}

.cm-s-panda-syntax .cm-keyword { color: #ff75b5;
}

.cm-s-panda-syntax .cm-variable { color: #ffb86c;
}

.cm-s-panda-syntax .cm-variable-2 { color: #ff9ac1;
}

.cm-s-panda-syntax .cm-variable-3, .cm-s-panda-syntax .cm-type { color: #ff9ac1;
}

.cm-s-panda-syntax .cm-def { color: #e6e6e6;
}

.cm-s-panda-syntax .cm-property { color: #f3f3f3;
}

.cm-s-panda-syntax .cm-unit { color: #ffb86c;
}

.cm-s-panda-syntax .cm-attribute { color: #ffb86c;
}

.cm-s-panda-syntax .CodeMirror-matchingbracket { border-bottom: 1px dotted #19f9d8; padding-bottom: 2px; color: #e6e6e6;
}

.cm-s-panda-syntax .CodeMirror-gutters { background: #292a2b; border-right-color: rgba( 255, 255, 255, .1 );
}

.cm-s-panda-syntax .CodeMirror-linenumber { color: #e6e6e6; opacity: .6;
}

/*
Solarized theme for code-mirror
http://ethanschoonover.com/solarized
*/

/*
Solarized color palette
http://ethanschoonover.com/solarized/img/solarized-palette.png
*/

.solarized.base03 { color: #002b36;
}

.solarized.base02 { color: #073642;
}

.solarized.base01 { color: #586e75;
}

.solarized.base00 { color: #657b83;
}

.solarized.base0 { color: #839496;
}

.solarized.base1 { color: #93a1a1;
}

.solarized.base2 { color: #eee8d5;
}

.solarized.base3 { color: #fdf6e3;
}

.solarized.solar-yellow { color: #b58900;
}

.solarized.solar-orange { color: #cb4b16;
}

.solarized.solar-red { color: #dc322f;
}

.solarized.solar-magenta { color: #d33682;
}

.solarized.solar-violet { color: #6c71c4;
}

.solarized.solar-blue { color: #268bd2;
}

.solarized.solar-cyan { color: #2aa198;
}

.solarized.solar-green { color: #859900;
}

/* Color scheme for code-mirror */

.cm-s-solarized { line-height: 1.45em; color-profile: sRGB; rendering-intent: auto;
}

.cm-s-solarized.cm-s-dark { color: #839496; background-color: #002b36;
}

.cm-s-solarized.cm-s-light { background-color: #fdf6e3; color: #657b83;
}

.cm-s-solarized .CodeMirror-widget { text-shadow: none;
}

.cm-s-solarized .cm-header { color: #586e75;
}

.cm-s-solarized .cm-quote { color: #93a1a1;
}

.cm-s-solarized .cm-keyword { color: #cb4b16;
}

.cm-s-solarized .cm-atom { color: #d33682;
}

.cm-s-solarized .cm-number { color: #d33682;
}

.cm-s-solarized .cm-def { color: #2aa198;
}

.cm-s-solarized .cm-variable { color: #839496;
}

.cm-s-solarized .cm-variable-2 { color: #b58900;
}

.cm-s-solarized .cm-variable-3, .cm-s-solarized .cm-type { color: #6c71c4;
}

.cm-s-solarized .cm-property { color: #2aa198;
}

.cm-s-solarized .cm-operator { color: #6c71c4;
}

.cm-s-solarized .cm-comment { color: #586e75; font-style: italic;
}

.cm-s-solarized .cm-string { color: #859900;
}

.cm-s-solarized .cm-string-2 { color: #b58900;
}

.cm-s-solarized .cm-meta { color: #859900;
}

.cm-s-solarized .cm-qualifier { color: #b58900;
}

.cm-s-solarized .cm-builtin { color: #d33682;
}

.cm-s-solarized .cm-bracket { color: #cb4b16;
}

.cm-s-solarized .CodeMirror-matchingbracket { color: #859900;
}

.cm-s-solarized .CodeMirror-nonmatchingbracket { color: #dc322f;
}

.cm-s-solarized .cm-tag { color: #93a1a1;
}

.cm-s-solarized .cm-attribute { color: #2aa198;
}

.cm-s-solarized .cm-hr { color: transparent; border-top: 1px solid #586e75; display: block;
}

.cm-s-solarized .cm-link { color: #93a1a1; cursor: pointer;
}

.cm-s-solarized .cm-special { color: #6c71c4;
}

.cm-s-solarized .cm-em { color: #999; text-decoration: underline; -webkit-text-decoration-style: dotted; text-decoration-style: dotted;
}

.cm-s-solarized .cm-error, .cm-s-solarized .cm-invalidchar { color: #586e75; border-bottom: 1px dotted #dc322f;
}

.cm-s-solarized.cm-s-dark div.CodeMirror-selected { background: #073642;
}

.cm-s-solarized.cm-s-dark.CodeMirror ::selection { background: rgba( 7, 54, 66, .99 );
}

.cm-s-solarized.cm-s-dark .CodeMirror-line::-moz-selection,
.cm-s-dark .CodeMirror-line > span::-moz-selection,
.cm-s-dark .CodeMirror-line > span > span::-moz-selection { background: rgba( 7, 54, 66, .99 );
}

.cm-s-solarized.cm-s-light div.CodeMirror-selected { background: #eee8d5;
}

.cm-s-solarized.cm-s-light .CodeMirror-line::selection,
.cm-s-light .CodeMirror-line > span::selection,
.cm-s-light .CodeMirror-line > span > span::selection { background: #eee8d5;
}

.cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection,
.cm-s-light .CodeMirror-line > span::-moz-selection,
.cm-s-light .CodeMirror-line > span > span::-moz-selection { background: #eee8d5;
}

/* Editor styling */

/* Little shadow on the view-port of the buffer view */

.cm-s-solarized.CodeMirror { box-shadow: inset 7px 0 12px -6px #000;
}

/* Remove gutter border */

.cm-s-solarized .CodeMirror-gutters { border-right: 0;
}

/* Gutter colors and line number styling based of color scheme (dark / light) */

/* Dark */

.cm-s-solarized.cm-s-dark .CodeMirror-gutters { background-color: #073642;
}

.cm-s-solarized.cm-s-dark .CodeMirror-linenumber { color: #586e75;
}

/* Light */

.cm-s-solarized.cm-s-light .CodeMirror-gutters { background-color: #eee8d5;
}

.cm-s-solarized.cm-s-light .CodeMirror-linenumber { color: #839496;
}

/* Common */

.cm-s-solarized .CodeMirror-linenumber { padding: 0 5px;
}

.cm-s-solarized .CodeMirror-guttermarker-subtle { color: #586e75;
}

.cm-s-solarized.cm-s-dark .CodeMirror-guttermarker { color: #ddd;
}

.cm-s-solarized.cm-s-light .CodeMirror-guttermarker { color: #cb4b16;
}

.cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text { color: #586e75;
}

/* Cursor */

.cm-s-solarized .CodeMirror-cursor { border-left: 1px solid #819090;
}

/* Fat cursor */

.cm-s-solarized.cm-s-light.cm-fat-cursor .CodeMirror-cursor { background: #7e7;
}

.cm-s-solarized.cm-s-light .cm-animate-fat-cursor { background-color: #7e7;
}

.cm-s-solarized.cm-s-dark.cm-fat-cursor .CodeMirror-cursor { background: #586e75;
}

.cm-s-solarized.cm-s-dark .cm-animate-fat-cursor { background-color: #586e75;
}

/* Active line */

.cm-s-solarized.cm-s-dark .CodeMirror-activeline-background { background: rgba( 255, 255, 255, .06 );
}

.cm-s-solarized.cm-s-light .CodeMirror-activeline-background { background: rgba( 0, 0, 0, .06 );
}

/* Based on https://github.com/dempfi/ayu */

.cm-s-ayu-dark.CodeMirror { background: #0a0e14; color: #b3b1ad;
}

.cm-s-ayu-dark div.CodeMirror-selected { background: #273747;
}

.cm-s-ayu-dark .CodeMirror-line::selection,
.cm-s-ayu-dark .CodeMirror-line > span::selection,
.cm-s-ayu-dark .CodeMirror-line > span > span::selection { background: rgba( 39, 55, 71, 99 );
}

.cm-s-ayu-dark .CodeMirror-line::-moz-selection,
.cm-s-ayu-dark .CodeMirror-line > span::-moz-selection,
.cm-s-ayu-dark .CodeMirror-line > span > span::-moz-selection { background: rgba( 39, 55, 71, 99 );
}

.cm-s-ayu-dark .CodeMirror-gutters { background: #0a0e14; border-right: 0;
}

.cm-s-ayu-dark .CodeMirror-guttermarker { color: white;
}

.cm-s-ayu-dark .CodeMirror-guttermarker-subtle { color: #3d424d;
}

.cm-s-ayu-dark .CodeMirror-linenumber { color: #3d424d;
}

.cm-s-ayu-dark .CodeMirror-cursor { border-left: 1px solid #e6b450;
}

.cm-s-ayu-dark.cm-fat-cursor .CodeMirror-cursor { background-color: #a2a8a175 !important;
}

.cm-s-ayu-dark .cm-animate-fat-cursor { background-color: #a2a8a175 !important;
}

.cm-s-ayu-dark span.cm-comment { color: #626a73;
}

.cm-s-ayu-dark span.cm-atom { color: #ae81ff;
}

.cm-s-ayu-dark span.cm-number { color: #e6b450;
}

.cm-s-ayu-dark span.cm-comment.cm-attribute { color: #ffb454;
}

.cm-s-ayu-dark span.cm-comment.cm-def { color: rgba( 57, 186, 230, 80 );
}

.cm-s-ayu-dark span.cm-comment.cm-tag { color: #39bae6;
}

.cm-s-ayu-dark span.cm-comment.cm-type { color: #5998a6;
}

.cm-s-ayu-dark span.cm-property, .cm-s-ayu-dark span.cm-attribute { color: #ffb454;
}

.cm-s-ayu-dark span.cm-keyword { color: #ff8f40;
}

.cm-s-ayu-dark span.cm-builtin { color: #e6b450;
}

.cm-s-ayu-dark span.cm-string { color: #c2d94c;
}

.cm-s-ayu-dark span.cm-variable { color: #b3b1ad;
}

.cm-s-ayu-dark span.cm-variable-2 { color: #f07178;
}

.cm-s-ayu-dark span.cm-variable-3 { color: #39bae6;
}

.cm-s-ayu-dark span.cm-type { color: #ff8f40;
}

.cm-s-ayu-dark span.cm-def { color: #fe9;
}

.cm-s-ayu-dark span.cm-bracket { color: #f8f8f2;
}

.cm-s-ayu-dark span.cm-tag { color: rgba( 57, 186, 230, 80 );
}

.cm-s-ayu-dark span.cm-header { color: #c2d94c;
}

.cm-s-ayu-dark span.cm-link { color: #39bae6;
}

.cm-s-ayu-dark span.cm-error { color: #f33;
}

.cm-s-ayu-dark .CodeMirror-activeline-background { background: #01060e;
}

.cm-s-ayu-dark .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;
}

/* Based on https://github.com/dempfi/ayu */

.cm-s-ayu-mirage.CodeMirror { background: #1f2430; color: #cbccc6;
}

.cm-s-ayu-mirage div.CodeMirror-selected { background: #34455a;
}

.cm-s-ayu-mirage .CodeMirror-line::selection,
.cm-s-ayu-mirage .CodeMirror-line > span::selection,
.cm-s-ayu-mirage .CodeMirror-line > span > span::selection { background: #34455a;
}

.cm-s-ayu-mirage .CodeMirror-line::-moz-selection,
.cm-s-ayu-mirage .CodeMirror-line > span::-moz-selection,
.cm-s-ayu-mirage .CodeMirror-line > span > span::-moz-selection { background: rgba( 25, 30, 42, 99 );
}

.cm-s-ayu-mirage .CodeMirror-gutters { background: #1f2430; border-right: 0;
}

.cm-s-ayu-mirage .CodeMirror-guttermarker { color: white;
}

.cm-s-ayu-mirage .CodeMirror-guttermarker-subtle { color: rgba( 112, 122, 140, 66 );
}

.cm-s-ayu-mirage .CodeMirror-linenumber { color: rgba( 61, 66, 77, 99 );
}

.cm-s-ayu-mirage .CodeMirror-cursor { border-left: 1px solid #fc6;
}

.cm-s-ayu-mirage.cm-fat-cursor .CodeMirror-cursor { background-color: #a2a8a175 !important;
}

.cm-s-ayu-mirage .cm-animate-fat-cursor { background-color: #a2a8a175 !important;
}

.cm-s-ayu-mirage span.cm-comment { color: #5c6773; font-style: italic;
}

.cm-s-ayu-mirage span.cm-atom { color: #ae81ff;
}

.cm-s-ayu-mirage span.cm-number { color: #fc6;
}

.cm-s-ayu-mirage span.cm-comment.cm-attribute { color: #ffd580;
}

.cm-s-ayu-mirage span.cm-comment.cm-def { color: #d4bfff;
}

.cm-s-ayu-mirage span.cm-comment.cm-tag { color: #5ccfe6;
}

.cm-s-ayu-mirage span.cm-comment.cm-type { color: #5998a6;
}

.cm-s-ayu-mirage span.cm-property { color: #f29e74;
}

.cm-s-ayu-mirage span.cm-attribute { color: #ffd580;
}

.cm-s-ayu-mirage span.cm-keyword { color: #ffa759;
}

.cm-s-ayu-mirage span.cm-builtin { color: #fc6;
}

.cm-s-ayu-mirage span.cm-string { color: #bae67e;
}

.cm-s-ayu-mirage span.cm-variable { color: #cbccc6;
}

.cm-s-ayu-mirage span.cm-variable-2 { color: #f28779;
}

.cm-s-ayu-mirage span.cm-variable-3 { color: #5ccfe6;
}

.cm-s-ayu-mirage span.cm-type { color: #ffa759;
}

.cm-s-ayu-mirage span.cm-def { color: #ffd580;
}

.cm-s-ayu-mirage span.cm-bracket { color: rgba( 92, 207, 230, 80 );
}

.cm-s-ayu-mirage span.cm-tag { color: #5ccfe6;
}

.cm-s-ayu-mirage span.cm-header { color: #bae67e;
}

.cm-s-ayu-mirage span.cm-link { color: #5ccfe6;
}

.cm-s-ayu-mirage span.cm-error { color: #f33;
}

.cm-s-ayu-mirage .CodeMirror-activeline-background { background: #191e2a;
}

.cm-s-ayu-mirage .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;
}

/*

    Name:       Tomorrow Night - Bright
    Author:     Chris Kempson

    Port done by Gerard Braad <me@gbraad.nl>

*/

.cm-s-tomorrow-night-bright.CodeMirror { background: #000; color: #eaeaea;
}

.cm-s-tomorrow-night-bright div.CodeMirror-selected { background: #424242;
}

.cm-s-tomorrow-night-bright .CodeMirror-gutters { background: #000; border-right: 0;
}

.cm-s-tomorrow-night-bright .CodeMirror-guttermarker { color: #e78c45;
}

.cm-s-tomorrow-night-bright .CodeMirror-guttermarker-subtle { color: #777;
}

.cm-s-tomorrow-night-bright .CodeMirror-linenumber { color: #424242;
}

.cm-s-tomorrow-night-bright .CodeMirror-cursor { border-left: 1px solid #6a6a6a;
}

.cm-s-tomorrow-night-bright span.cm-comment { color: #d27b53;
}

.cm-s-tomorrow-night-bright span.cm-atom { color: #a16a94;
}

.cm-s-tomorrow-night-bright span.cm-number { color: #a16a94;
}

.cm-s-tomorrow-night-bright span.cm-property,
.cm-s-tomorrow-night-bright span.cm-attribute { color: #9c9;
}

.cm-s-tomorrow-night-bright span.cm-keyword { color: #d54e53;
}

.cm-s-tomorrow-night-bright span.cm-string { color: #e7c547;
}

.cm-s-tomorrow-night-bright span.cm-variable { color: #b9ca4a;
}

.cm-s-tomorrow-night-bright span.cm-variable-2 { color: #7aa6da;
}

.cm-s-tomorrow-night-bright span.cm-def { color: #e78c45;
}

.cm-s-tomorrow-night-bright span.cm-bracket { color: #eaeaea;
}

.cm-s-tomorrow-night-bright span.cm-tag { color: #d54e53;
}

.cm-s-tomorrow-night-bright span.cm-link { color: #a16a94;
}

.cm-s-tomorrow-night-bright span.cm-error { background: #d54e53; color: #6a6a6a;
}

.cm-s-tomorrow-night-bright .CodeMirror-activeline-background { background: #2a2a2a;
}

.cm-s-tomorrow-night-bright .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;
}

/*

    Name:       Tomorrow Night - Eighties
    Author:     Chris Kempson

    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)

*/

.cm-s-tomorrow-night-eighties.CodeMirror { background: #000; color: #ccc;
}

.cm-s-tomorrow-night-eighties div.CodeMirror-selected { background: #2d2d2d;
}

.cm-s-tomorrow-night-eighties .CodeMirror-line::selection,
.cm-s-tomorrow-night-eighties .CodeMirror-line > span::selection,
.cm-s-tomorrow-night-eighties .CodeMirror-line > span > span::selection { background: rgba( 45, 45, 45, .99 );
}

.cm-s-tomorrow-night-eighties .CodeMirror-line::-moz-selection,
.cm-s-tomorrow-night-eighties .CodeMirror-line > span::-moz-selection,
.cm-s-tomorrow-night-eighties .CodeMirror-line > span > span::-moz-selection { background: rgba( 45, 45, 45, .99 );
}

.cm-s-tomorrow-night-eighties .CodeMirror-gutters { background: #000; border-right: 0;
}

.cm-s-tomorrow-night-eighties .CodeMirror-guttermarker { color: #f2777a;
}

.cm-s-tomorrow-night-eighties .CodeMirror-guttermarker-subtle { color: #777;
}

.cm-s-tomorrow-night-eighties .CodeMirror-linenumber { color: #515151;
}

.cm-s-tomorrow-night-eighties .CodeMirror-cursor { border-left: 1px solid #6a6a6a;
}

.cm-s-tomorrow-night-eighties span.cm-comment { color: #d27b53;
}

.cm-s-tomorrow-night-eighties span.cm-atom { color: #a16a94;
}

.cm-s-tomorrow-night-eighties span.cm-number { color: #a16a94;
}

.cm-s-tomorrow-night-eighties span.cm-property,
.cm-s-tomorrow-night-eighties span.cm-attribute { color: #9c9;
}

.cm-s-tomorrow-night-eighties span.cm-keyword { color: #f2777a;
}

.cm-s-tomorrow-night-eighties span.cm-string { color: #fc6;
}

.cm-s-tomorrow-night-eighties span.cm-variable { color: #9c9;
}

.cm-s-tomorrow-night-eighties span.cm-variable-2 { color: #69c;
}

.cm-s-tomorrow-night-eighties span.cm-def { color: #f99157;
}

.cm-s-tomorrow-night-eighties span.cm-bracket { color: #ccc;
}

.cm-s-tomorrow-night-eighties span.cm-tag { color: #f2777a;
}

.cm-s-tomorrow-night-eighties span.cm-link { color: #a16a94;
}

.cm-s-tomorrow-night-eighties span.cm-error { background: #f2777a; color: #6a6a6a;
}

.cm-s-tomorrow-night-eighties .CodeMirror-activeline-background { background: #343600;
}

.cm-s-tomorrow-night-eighties .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;
}

span.cm-underlined { text-decoration: underline;
}

span.cm-strikethrough { text-decoration: line-through;
}

span.cm-brace { color: #170; font-weight: bold;
}

span.cm-table { color: blue; font-weight: bold;
}

/* WTF: What kind of evil BS is this?! -- commented out.

.CodeMirror {
	border: 1px solid #CCC;
	font-size: medium;
	line-height: 1.5em;
}

.CodeMirrorIE {
	font-size: small;
}
*/

.cm-mw-pagename { text-decoration: underline;
}

.cm-mw-matching { background-color: gold;
}

.cm-mw-skipformatting { background-color: #adf;
}

.cm-mw-list { color: #08f; font-weight: bold; background-color: #eee;
}

.cm-mw-signature, .cm-mw-hr { color: #08f; font-weight: bold; background-color: #eee;
}

.cm-mw-indenting { color: #08f; font-weight: bold; background-color: #ddd;
}

.cm-mw-mnemonic { color: #090;
}

.cm-mw-comment { color: #aaa; font-weight: normal;
}

.cm-mw-apostrophes { color: #08f;
}

pre.cm-mw-section-1 { font-weight: bold;
}

pre.cm-mw-section-2 { font-weight: bold;
}

pre.cm-mw-section-3 { font-weight: bold;
}

pre.cm-mw-section-4 { font-weight: bold;
}

pre.cm-mw-section-5 { font-weight: bold;
}

pre.cm-mw-section-6 { font-weight: bold;
}

.cm-mw-section-header { color: #08f; font-weight: normal;
}

.cm-mw-template { color: #a11; font-weight: normal;
}

.cm-mw-template-name { color: #a11; font-weight: bold;
}

.cm-mw-template-name-mnemonic { font-weight: normal;
}

.cm-mw-template-argument-name { color: #a11; font-weight: bold;
}

.cm-mw-template-delimiter { color: #a11; font-weight: bold;
}

.cm-mw-template-bracket { color: #a11; font-weight: bold;
}

.cm-mw-templatevariable { color: #f50; font-weight: normal;
}

.cm-mw-templatevariable-name { color: #f50; font-weight: bold;
}

.cm-mw-templatevariable-bracket { color: #f50; font-weight: normal;
}

.cm-mw-templatevariable-delimiter { color: #f50; font-weight: bold;
}

.cm-mw-parserfunction { font-weight: normal;
}

.cm-mw-parserfunction-name { color: #70a; font-weight: bold;
}

.cm-mw-parserfunction-bracket { color: #70a; font-weight: bold;
}

.cm-mw-parserfunction-delimiter { color: #70a; font-weight: bold;
}

pre.cm-mw-exttag { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFSk08Yg0cNXDUwFEDRw0cNRAAX6bLcHTYZDIAAAAASUVORK5CYII= );
}

.cm-mw-exttag { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= );
}

.cm-mw-exttag-name { color: #70a; font-weight: bold;
}

.cm-mw-exttag-bracket { color: #70a; font-weight: normal;
}

.cm-mw-exttag-attribute { color: #70a; font-weight: normal;
}

.cm-mw-htmltag-name { color: #170; font-weight: bold;
}

.cm-mw-htmltag-bracket { color: #170; font-weight: normal;
}

.cm-mw-htmltag-attribute { color: #170; font-weight: normal;
}

pre.cm-mw-tag-pre, .cm-mw-tag-pre { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHklEQVR4AWNkYGDgYqAiGLEGjho4auCogaMGjhoIAN44AN2y67m4AAAAAElFTkSuQmCC );
}

pre.cm-mw-tag-nowiki, .cm-mw-tag-nowiki { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHklEQVR4AWNkYGDgYqAiGLEGjho4auCogaMGjhoIAN44AN2y67m4AAAAAElFTkSuQmCC );
}

.cm-mw-link-pagename { color: #219; font-weight: normal;
}

.cm-mw-link-tosection { color: #08f; font-weight: normal;
}

.cm-mw-link-bracket { color: #219; font-weight: normal;
}

.cm-mw-link-text {
}

.cm-mw-link-delimiter { color: #219; font-weight: normal;
}

.cm-mw-extlink { color: #219; font-weight: normal;
}

.cm-mw-extlink-protocol { color: #219; font-weight: bold;
}

.cm-mw-extlink-text {
}

.cm-mw-extlink-bracket { color: #219; font-weight: bold;
}

.cm-mw-table-bracket { color: #e0e; font-weight: bold;
}

.cm-mw-table-delimiter { color: #e0e; font-weight: bold;
}

.cm-mw-table-definition { color: #e0e; font-weight: normal;
}

.cm-mw-template-ground {
}

.cm-mw-template2-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSjIRU08Yg0cNXDUwFEDRw0cNRAAtyFOcO/mNnMAAAAASUVORK5CYII= );
}

.cm-mw-template3-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSgoQk08Yg0cNXDUwFEDRw0cNRAAEt9eEEQb6x8AAAAASUVORK5CYII= );
}

.cm-mw-template-ext-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= );
}

.cm-mw-template-ext2-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= );
}

.cm-mw-template-ext3-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= );
}

.cm-mw-template-link-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII= );
}

.cm-mw-template-ext-link-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII= );
}

.cm-mw-template-ext2-link-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII= );
}

.cm-mw-template-ext3-link-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII= );
}

.cm-mw-template2-ext-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSjIRU08Yg0cNXDUwFEDRw0cNRAAtyFOcO/mNnMAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= );
}

.cm-mw-template2-ext2-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSjIRU08Yg0cNXDUwFEDRw0cNRAAtyFOcO/mNnMAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= );
}

.cm-mw-template2-ext3-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSjIRU08Yg0cNXDUwFEDRw0cNRAAtyFOcO/mNnMAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= );
}

.cm-mw-template2-link-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSjIRU08Yg0cNXDUwFEDRw0cNRAAtyFOcO/mNnMAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII= );
}

.cm-mw-template2-ext-link-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSjIRU08Yg0cNXDUwFEDRw0cNRAAtyFOcO/mNnMAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII= );
}

.cm-mw-template2-ext2-link-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSjIRU08Yg0cNXDUwFEDRw0cNRAAtyFOcO/mNnMAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII= );
}

.cm-mw-template2-ext3-link-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSjIRU08Yg0cNXDUwFEDRw0cNRAAtyFOcO/mNnMAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII= );
}

.cm-mw-template3-ext-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSgoQk08Yg0cNXDUwFEDRw0cNRAAEt9eEEQb6x8AAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= );
}

.cm-mw-template3-ext2-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSgoQk08Yg0cNXDUwFEDRw0cNRAAEt9eEEQb6x8AAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= );
}

.cm-mw-template3-ext3-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSgoQk08Yg0cNXDUwFEDRw0cNRAAEt9eEEQb6x8AAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= );
}

.cm-mw-template3-link-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSgoQk08Yg0cNXDUwFEDRw0cNRAAEt9eEEQb6x8AAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII= );
}

.cm-mw-template3-ext-link-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSgoQk08Yg0cNXDUwFEDRw0cNRAAEt9eEEQb6x8AAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII= );
}

.cm-mw-template3-ext2-link-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSgoQk08Yg0cNXDUwFEDRw0cNRAAEt9eEEQb6x8AAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII= );
}

.cm-mw-template3-ext3-link-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNYJSgoQk08Yg0cNXDUwFEDRw0cNRAAEt9eEEQb6x8AAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII= );
}

.cm-mw-ext-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= );
}

.cm-mw-ext2-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= );
}

.cm-mw-ext3-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= );
}

.cm-mw-ext-link-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII= );
}

.cm-mw-ext2-link-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII= );
}

.cm-mw-ext3-link-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWMoZ1jFRU08Yg0cNXDUwFEDRw0cNRAADYXTQFeP6xcAAAAASUVORK5CYII= ), url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII= );
}

.cm-mw-link-ground { background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAHUlEQVR4AWNQEpzJRU08Yg0cNXDUwFEDRw0cNRAADhJOcOSA1KoAAAAASUVORK5CYII= );
}

/**
 * GitHub Gist Theme
 * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro
 */

.hljs { display: block; background: white; padding: .5em; color: #333; overflow-x: auto;
}

.hljs-comment, .hljs-meta { color: #969896;
}

.hljs-string, .hljs-variable, .hljs-template-variable, .hljs-strong,
.hljs-emphasis, .hljs-quote { color: #df5000;
}

.hljs-keyword, .hljs-selector-tag, .hljs-type { color: #a71d5d;
}

.hljs-number, .hljs-literal, .hljs-symbol, .hljs-bullet, .hljs-attribute { color: #0086b3;
}

.hljs-built_in, .hljs-builtin-name { color: #005cc5;
}

.hljs-section, .hljs-name { color: #63a35c;
}

.hljs-tag { color: #333;
}

.hljs-title, .hljs-attr, .hljs-selector-id, .hljs-selector-class,
.hljs-selector-attr, .hljs-selector-pseudo { color: #795da3;
}

.hljs-addition { color: #55a532; background-color: #eaffea;
}

.hljs-deletion { color: #bd2c00; background-color: #ffecec;
}

.hljs-link { text-decoration: underline;
}

/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*="language-"], pre[class*="language-"] { color: black; background: none; text-shadow: 0 1px white; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; tab-size: 4; -webkit-hyphens: none; hyphens: none;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection { text-shadow: none; background: #b3d4fc;
}

/* Code blocks */

pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto;
}

:not(pre) > code[class*="language-"], pre[class*="language-"] { background: #f5f2f0;
}

/* Inline code */

:not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal;
}

.token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray;
}

.token.punctuation { color: #999;
}

.token.namespace { opacity: .7;
}

.token.property, .token.tag, .token.boolean, .token.number, .token.constant,
.token.symbol, .token.deleted { color: #905;
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin,
.token.inserted { color: #690;
}

.token.operator, .token.entity, .token.url, .language-css .token.string,
.style .token.string { color: #9a6e3a; /* This background color was intended by the author of this theme. */ background: hsla( 0, 0%, 100%, .5 );
}

.token.atrule, .token.attr-value, .token.keyword { color: #07a;
}

.token.function, .token.class-name { color: #dd4a68;
}

.token.regex, .token.important, .token.variable { color: #e90;
}

.token.important, .token.bold { font-weight: bold;
}

.token.italic { font-style: italic;
}

.token.entity { cursor: help;
}

@media print {
  code[class*="language-"], pre[class*="language-"] { text-shadow: none;
  }
}

.markdown-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; line-height: 1.5; word-wrap: break-word;
}

.markdown-body::before { display: table; content: "";
}

.markdown-body::after { display: table; clear: both; content: "";
}

.markdown-body>*:first-child { margin-top: 0 !important;
}

.markdown-body>*:last-child { margin-bottom: 0 !important;
}

.markdown-body a:not([href]) { color: inherit; text-decoration: none;
}

.markdown-body .absent { color: #c00;
}

.markdown-body .anchor { float: left; padding-right: 4px; margin-left: -20px; line-height: 1;
}

.markdown-body .anchor:focus { outline: none;
}

.markdown-body p, .markdown-body blockquote, .markdown-body ul,
.markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre { margin-top: 0; margin-bottom: 16px;
}

.markdown-body hr { height: .25em; padding: 0; margin: 24px 0; background-color: #e7e7e7; border: 0;
}

.markdown-body blockquote { font-size: 16px; padding: 0 1em; color: #777; border-left: .25em solid #ddd;
}

.markdown-body blockquote>:first-child { margin-top: 0;
}

.markdown-body blockquote>:last-child { margin-bottom: 0;
}

.markdown-body kbd, .popover kbd { display: inline-block; padding: 3px 5px; font-size: 11px; line-height: 10px; color: #555; vertical-align: middle; background-color: #fcfcfc; border: solid 1px #ccc; border-bottom-color: #bbb; border-radius: 3px; box-shadow: inset 0 -1px 0 #bbb;
}

.markdown-body .loweralpha { list-style-type: lower-alpha;
}

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4,
.markdown-body h5, .markdown-body h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25;
}

.markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { color: #000; vertical-align: middle; visibility: hidden;
}

.markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor { text-decoration: none;
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link { visibility: visible;
}

.markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt,
.markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code,
.markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt,
.markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code { font-size: inherit;
}

.markdown-body h1 { padding-bottom: .3em; font-size: 2em; border-bottom: 1px solid #eee;
}

.markdown-body h2 { padding-bottom: .3em; font-size: 1.5em; border-bottom: 1px solid #eee;
}

.markdown-body h3 { font-size: 1.25em;
}

.markdown-body h4 { font-size: 1em;
}

.markdown-body h5 { font-size: .875em;
}

.markdown-body h6 { font-size: .85em; color: #777;
}

.markdown-body ul, .markdown-body ol { padding-left: 2em;
}

.markdown-body ul.no-list, .markdown-body ol.no-list { padding: 0; list-style-type: none;
}

.markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol,
.markdown-body ol ul { margin-top: 0; margin-bottom: 0;
}

.markdown-body li>p { margin-top: 16px;
}

.markdown-body li+li { padding-top: .25em;
}

.markdown-body dl { padding: 0;
}

.markdown-body dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: bold;
}

.markdown-body dl dd { padding: 0 16px; margin-bottom: 16px;
}

.markdown-body table { display: block; width: 100%; overflow: auto; word-break: normal; word-break: keep-all;
}

.markdown-body table th { font-weight: bold;
}

.markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid #ddd;
}

.markdown-body table tr { background-color: #fff; border-top: 1px solid #ccc;
}

.markdown-body table tr:nth-child(2n) { background-color: #f8f8f8;
}

.markdown-body img { max-width: 100%; box-sizing: content-box; background-color: #fff;
}

.markdown-body img[align=right] { padding-left: 20px;
}

.markdown-body img[align=left] { padding-right: 20px;
}

.markdown-body .emoji { max-width: none; vertical-align: text-top; background-color: transparent;
}

.markdown-body span.frame { display: block; overflow: hidden;
}

.markdown-body span.frame>span { display: block; float: left; width: auto; padding: 7px; margin: 13px 0 0; overflow: hidden; border: 1px solid #ddd;
}

.markdown-body span.frame span img { display: block; float: left;
}

.markdown-body span.frame span span { display: block; padding: 5px 0 0; clear: both; color: #333;
}

.markdown-body span.align-center { display: block; overflow: hidden; clear: both;
}

.markdown-body span.align-center>span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center;
}

.markdown-body span.align-center span img { margin: 0 auto; text-align: center;
}

.markdown-body span.align-right { display: block; overflow: hidden; clear: both;
}

.markdown-body span.align-right>span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right;
}

.markdown-body span.align-right span img { margin: 0; text-align: right;
}

.markdown-body span.float-left { display: block; float: left; margin-right: 13px; overflow: hidden;
}

.markdown-body span.float-left span { margin: 13px 0 0;
}

.markdown-body span.float-right { display: block; float: right; margin-left: 13px; overflow: hidden;
}

.markdown-body span.float-right>span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right;
}

.markdown-body code, .markdown-body tt { padding: 0; padding-top: .2em; padding-bottom: .2em; margin: 0; font-size: 85%; background-color: rgba( 0, 0, 0, .04 ); border-radius: 3px;
}

.markdown-body code::before, .markdown-body code::after,
.markdown-body tt::before, .markdown-body tt::after { letter-spacing: -0.2em; content: "\00a0";
}

.markdown-body code br, .markdown-body tt br { display: none;
}

.markdown-body del code { text-decoration: inherit;
}

.markdown-body pre { word-wrap: normal;
}

.markdown-body pre>code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0;
}

.markdown-body .highlight { margin-bottom: 16px;
}

.markdown-body .highlight pre { margin-bottom: 0; word-break: normal;
}

.markdown-body .highlight pre, .markdown-body pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f7f7f7; border-radius: 3px;
}

.markdown-body pre code, .markdown-body pre tt { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0;
}

.markdown-body pre code::before, .markdown-body pre code::after,
.markdown-body pre tt::before, .markdown-body pre tt::after { content: normal;
}

.markdown-body .csv-data td, .markdown-body .csv-data th { padding: 5px; overflow: hidden; font-size: 12px; line-height: 1; text-align: left; white-space: nowrap;
}

.markdown-body .csv-data .blob-line-num { padding: 10px 8px 9px; text-align: right; background: #fff; border: 0;
}

.markdown-body .csv-data tr { border-top: 0;
}

.markdown-body .csv-data th { font-weight: bold; background: #f8f8f8; border-top: 0;
}

.news .alert .markdown-body blockquote { padding: 0 0 0 40px; border: 0 none;
}

.activity-tab .news .markdown-body blockquote,
.activity-tab .news .alert .commits { padding-left: 0;
}

.task-list-item { list-style-type: none;
}

.task-list-item label { font-weight: normal;
}

.task-list-item.enabled label { cursor: pointer;
}

.task-list-item+.task-list-item { margin-top: 3px;
}

.task-list-item-checkbox { float: left; margin: .31em 0 .2em -1.3em !important; vertical-align: middle; cursor: default !important;
}

/* Flowchart variables */

/* Sequence Diagram variables */

/* Gantt chart variables */

.mermaid .label { color: #333;
}

/* workaround to solve conflict bootstrap styles */

.mermaid .label { display: unset; padding: unset; font-size: unset; font-weight: unset; line-height: unset; text-align: unset; white-space: unset; vertical-align: unset; border-radius: unset;
}

.mermaid .node rect, .mermaid .node circle, .mermaid .node ellipse,
.mermaid .node polygon { fill: #ececff; stroke: #ccf; stroke-width: 1px;
}

.mermaid .edgePath .path { stroke: #333;
}

.mermaid .edgeLabel { background-color: #e8e8e8;
}

.mermaid .cluster rect { fill: #ffffde !important; rx: 4 !important; stroke: #aa3 !important; stroke-width: 1px !important;
}

.mermaid .cluster text { fill: #333;
}

.mermaid .actor { stroke: #ccf; fill: #ececff;
}

.mermaid text.actor { fill: black; stroke: none;
}

.mermaid .actor-line { stroke: grey;
}

.mermaid .messageLine0 { stroke-width: 1.5; stroke-dasharray: "2 2"; marker-end: "url(#arrowhead)"; stroke: #333;
}

.mermaid .messageLine1 { stroke-width: 1.5; stroke-dasharray: "2 2"; stroke: #333;
}

.mermaid #arrowhead { fill: #333;
}

.mermaid #crosshead path { fill: #333 !important; stroke: #333 !important;
}

.mermaid .messageText { fill: #333; stroke: none;
}

.mermaid .labelBox { stroke: #ccf; fill: #ececff;
}

.mermaid .labelText { fill: black; stroke: none;
}

.mermaid .loopText { fill: black; stroke: none;
}

.mermaid .loopLine { stroke-width: 2; stroke-dasharray: "2 2"; marker-end: "url(#arrowhead)"; stroke: #ccf;
}

.mermaid .note { stroke: #aa3; fill: #fff5ad;
}

.mermaid .noteText { fill: black; stroke: none; font-family: 'trebuchet ms', verdana, arial; font-size: 14px;
}

/** Section styling */

.mermaid .section { stroke: none; opacity: .2;
}

.mermaid .section0 { fill: rgba( 102, 102, 255, .49 );
}

.mermaid .section2 { fill: #fff400;
}

.mermaid .section1, .mermaid .section3 { fill: white; opacity: .2;
}

.mermaid .sectionTitle0 { fill: #333;
}

.mermaid .sectionTitle1 { fill: #333;
}

.mermaid .sectionTitle2 { fill: #333;
}

.mermaid .sectionTitle3 { fill: #333;
}

.mermaid .sectionTitle { text-anchor: start; font-size: 11px; text-height: 14px;
}

/* Grid and axis */

.mermaid .grid .tick { stroke: lightgrey; opacity: .3; shape-rendering: crispEdges;
}

.mermaid .grid path { stroke-width: 0;
}

/* Today line */

.mermaid .today { fill: none; stroke: red; stroke-width: 2px;
}

/* Task styling */

/* Default task */

.mermaid .task { stroke-width: 2;
}

.mermaid .taskText { text-anchor: middle; font-size: 11px;
}

.mermaid .taskTextOutsideRight { fill: black; text-anchor: start; font-size: 11px;
}

.mermaid .taskTextOutsideLeft { fill: black; text-anchor: end; font-size: 11px;
}

/* Specific task settings for the sections*/

.mermaid .taskText0, .mermaid .taskText1, .mermaid .taskText2,
.mermaid .taskText3 { fill: white;
}

.mermaid .task0, .mermaid .task1, .mermaid .task2, .mermaid .task3 { fill: #8a90dd; stroke: #534fbc;
}

.mermaid .taskTextOutside0, .mermaid .taskTextOutside2 { fill: black;
}

.mermaid .taskTextOutside1, .mermaid .taskTextOutside3 { fill: black;
}

/* Active task */

.mermaid .active0, .mermaid .active1, .mermaid .active2, .mermaid .active3 { fill: #bfc7ff; stroke: #534fbc;
}

.mermaid .activeText0, .mermaid .activeText1, .mermaid .activeText2,
.mermaid .activeText3 { fill: black !important;
}

/* Completed task */

.mermaid .done0, .mermaid .done1, .mermaid .done2, .mermaid .done3 { stroke: grey; fill: lightgrey; stroke-width: 2;
}

.mermaid .doneText0, .mermaid .doneText1, .mermaid .doneText2,
.mermaid .doneText3 { fill: black !important;
}

/* Tasks on the critical line */

.mermaid .crit0, .mermaid .crit1, .mermaid .crit2, .mermaid .crit3 { stroke: #f88; fill: red; stroke-width: 2;
}

.mermaid .activeCrit0, .mermaid .activeCrit1, .mermaid .activeCrit2,
.mermaid .activeCrit3 { stroke: #f88; fill: #bfc7ff; stroke-width: 2;
}

.mermaid .doneCrit0, .mermaid .doneCrit1, .mermaid .doneCrit2,
.mermaid .doneCrit3 { stroke: #f88; fill: lightgrey; stroke-width: 2; cursor: pointer; shape-rendering: crispEdges;
}

.mermaid .doneCritText0, .mermaid .doneCritText1, .mermaid .doneCritText2,
.mermaid .doneCritText3 { fill: black !important;
}

.mermaid .activeCritText0, .mermaid .activeCritText1, .mermaid .activeCritText2,
.mermaid .activeCritText3 { fill: black !important;
}

.mermaid .titleText { text-anchor: middle; font-size: 18px; fill: black;
}

/*


*/

.mermaid .node text { font-family: 'trebuchet ms', verdana, arial; font-size: 14px;
}

div.mermaidTooltip { position: fixed !important; text-align: center; max-width: 200px; padding: 2px; font-family: 'trebuchet ms', verdana, arial; font-size: 12px; background: #ffffde; border: 1px solid #aa3; border-radius: 2px; pointer-events: none; z-index: 100;
}

/* for markdown-body */

.markdown-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding-top: 40px; padding-bottom: 40px; max-width: 758px; overflow: visible !important; position: relative;
}

/*fixed style for bootstrap comflict*/

.markdown-body .emoji { vertical-align: top;
}

.markdown-body pre { border: inherit !important;
}

.markdown-body code { color: inherit !important;
}

.markdown-body pre code .wrapper { display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex;
}

.markdown-body pre code .gutter { float: left; overflow: hidden; -webkit-user-select: none; user-select: none;
}

.markdown-body pre code .gutter.linenumber { text-align: right; position: relative; display: inline-block; cursor: default; z-index: 4; padding: 0 8px 0 0; min-width: 20px; box-sizing: content-box; color: #afafaf !important; border-right: 3px solid #6ce26c !important;
}

.markdown-body pre code .gutter.linenumber > span:before { content: attr( data-linenumber );
}

.markdown-body pre code .code { float: left; margin: 0 0 0 16px;
}

.markdown-body .gist .line-numbers { border-left: none; border-top: none; border-bottom: none;
}

.markdown-body .gist .line-data { border: none;
}

.markdown-body .gist table { border-spacing: 0; border-collapse: inherit !important;
}

.markdown-body code[data-gist-id] { background: none; padding: 0;
}

.markdown-body code[data-gist-id]:before { content: '';
}

.markdown-body code[data-gist-id]:after { content: '';
}

.markdown-body code[data-gist-id] .blob-num { border: unset;
}

.markdown-body code[data-gist-id] table { overflow: unset; margin-bottom: unset;
}

.markdown-body code[data-gist-id] table tr { background: unset;
}

/*fixed style for rtl in pre and code*/

.markdown-body[dir='rtl'] pre { direction: ltr;
}

.markdown-body[dir='rtl'] code { direction: ltr; unicode-bidi: embed;
}

.markdown-body .alert > p { margin-bottom: 0;
}

.markdown-body pre.flow-chart, .markdown-body pre.sequence-diagram,
.markdown-body pre.graphviz, .markdown-body pre.mermaid, .markdown-body pre.abc,
.markdown-body pre.vega { text-align: center; background-color: inherit; border-radius: 0; white-space: inherit; overflow: visible; /* prevent top right menu overflow scroll */
}

.markdown-body pre.flow-chart > code, .markdown-body pre.sequence-diagram > code,
.markdown-body pre.graphviz > code, .markdown-body pre.mermaid > code,
.markdown-body pre.abc > code, .markdown-body pre.vega > code { text-align: left;
}

.markdown-body pre.flow-chart > svg, .markdown-body pre.sequence-diagram > svg,
.markdown-body pre.graphviz > svg, .markdown-body pre.mermaid > svg,
.markdown-body pre.abc > svg, .markdown-body pre.vega > svg { max-width: 100%; height: 100%;
}

.markdown-body pre > code.wrap { white-space: pre-wrap; /* Since CSS 2.1 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.markdown-body .alert > p, .markdown-body .alert > ul { margin-bottom: 0;
}

.markdown-body summary { display: list-item;
}

.markdown-body summary:focus { outline: none;
}

.markdown-body details summary { cursor: pointer;
}

.markdown-body details:not([open]) > *:not(summary) { display: none;
}

.markdown-body figure { margin: 1em 40px;
}

.markdown-body .mark, .markdown-body mark { background-color: #fff1a7;
}

.markdown-body.slides { position: relative; z-index: 1; color: #222;
}

.markdown-body.slides::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-color: currentColor; box-shadow: 0 0 0 50vw;
}

.markdown-body.slides section[data-markdown] { position: relative; margin-bottom: 1.5em; background-color: #fff; text-align: center;
}

.markdown-body.slides section[data-markdown] code { text-align: left;
}

.markdown-body.slides section[data-markdown]::before { content: ''; display: block; padding-bottom: 56.23%;
}

.markdown-body.slides section[data-markdown] > div:first-child { position: absolute; top: 50%; left: 1em; right: 1em; transform: translateY( -50% ); max-height: 100%; overflow: hidden;
}

.markdown-body.slides section[data-markdown] > ul { display: inline-block;
}

.markdown-body.slides > section > section + section::after { content: ''; position: absolute; top: -1.5em; right: 1em; height: 1.5em; border: 3px solid #777;
}

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

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

.navbar-right>li>a { padding: 15px 13.43px;
}

.navbar-right .btn.ui-status { margin-left: 15px; margin-right: 15px; padding: 8px 10px; font-weight: 700;
}

.navbar-right .btn { height: 32px; margin: 9px 7.5px; border: none; font-size: 15px; line-height: 16px;
}

.navbar-right .ui-signin { margin-left: 15px; margin-right: 0; border: none; background: #5cb85c; font-weight: 700;
}

.navbar-right .ui-signin:hover, .navbar-right .ui-signin:active { background: #449d44;
}

.navbar .ui-profile-label { padding: 10px;
}

.navbar .ui-profile-label img { height: 22px; width: 22px; border-radius: 100%; object-fit: cover;
}

.ui-short-status { padding: 8px 12px; font-weight: 700; line-height: 16px;
}

.nav-mobile { list-style: none; display: flex; align-items: center; margin: 9px 15px 9px 0; padding: 0;
}

.nav-mobile .btn-link { width: 38px; padding: 2px 0; font-size: 18px;
}

.nav-mobile .btn:not(.btn-link) { margin-left: 10px;
}

.nav-mobile .dropdown-menu { left: 40%; right: 6px; top: 48px; border-top-left-radius: 0; border-top-right-radius: 0;
}

.navbar .announcement-label { box-shadow: none; line-height: 19px; vertical-align: middle; outline: none; border: none;
}

.navbar .announcement-label .label { padding: 4px 6px; height: 20px; display: inline-block; vertical-align: middle;
}

.navbar .announcement-area { max-width: 350px; margin-left: 20px; text-align: left;
}

.navbar .announcement-area .caption { font-weight: 600; font-size: 15px; color: #fff; line-height: 22px; height: 22px; display: flex; align-items: center;
}

.navbar .announcement-area .caption .label { padding: 4px 6px; height: 20px;
}

.navbar .announcement-area .caption .text { vertical-align: middle; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-grow: 1;
}

.navbar .announcement-area .caption.inverse { color: #686868;
}

.navbar .announcement-popover { position: absolute; top: 0; left: -20px; right: -20px; width: 370px; max-width: 100vw; max-height: 100vh; overflow: auto; text-align: left; background: #fff; box-shadow: 0 0 5px 0 rgba( 0, 0, 0, .15 ); border-radius: 3px; z-index: 1001; cursor: default;
}

.navbar .announcement-popover a { text-decoration: none;
}

.navbar .announcement-popover .caption { color: #686868; font-weight: 600; line-height: 16px; display: block; max-width: 100%; height: auto; cursor: pointer;
}

.navbar .announcement-popover .caption .label { padding: 4px 6px; display: inline-block; vertical-align: middle;
}

.navbar .announcement-popover .caption .text { display: inline; vertical-align: middle; overflow: visible; word-break: break-word; white-space: pre-wrap; overflow-wrap: break-word;
}

.navbar .announcement-popover .announcement-popover-header { padding: 15px 20px 14px 20px; background: #f8f8f8; border-bottom: 1px solid #e7e7e7; border-top-left-radius: 3px; border-top-right-radius: 3px;
}

.navbar .announcement-popover .announcement-popover-body { padding: 20px; background: #fff; font-weight: 400; font-size: 15px; color: #333; line-height: 22px;
}

.navbar .announcement-popover .announcement-popover-body img { width: 100%; padding-bottom: 15px;
}

.navbar .announcement-popover .announcement-popover-footer { padding: 0 20px 10px 20px; background: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;
}

.navbar .announcement-popover.center { position: fixed; top: 50vh; left: 50vw; transform: translate( -50%, -50% );
}

.navbar .announcement-popover.center .caption .text { line-height: 19px;
}

.navbar .announcement-backdrop { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba( 0, 0, 0, .4 ); z-index: 1000;
}

.navbar .announcement-backdrop.dim { display: block;
}

.btn-text { font-weight: 400; font-size: 14px; color: #888; text-align: center; line-height: 14px; padding: 5px; box-shadow: none;
}

.btn-text:hover, .btn-text:active { color: #337ab7; box-shadow: none;
}

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

.public-published-toggle { padding: 0 13px;
}

.public-published-toggle>button.btn { height: 36px;
}

.public-published-toggle .publish { display: none; color: #337ab7; border: 1px solid #337ab7;
}

.public-published-toggle .unpublish-action { display: none; color: #8f8f8f; border: 1px solid #8f8f8f; background-color: #fff;
}

.public-published-toggle .unpublish { display: none;
}

.public-published-toggle[data-published=true] .publish { display: inline;
}

.public-published-toggle[data-published=true] .unpublish-action { display: none;
}

.public-published-toggle[data-published=true] .unpublish { display: none;
}

.public-published-toggle[data-published=true]:hover .publish { display: none;
}

.public-published-toggle[data-published=true]:hover .unpublish-action { display: inline;
}

.public-published-toggle[data-published=false] .publish { display: none;
}

.public-published-toggle[data-published=false] .unpublish-action { display: none;
}

.public-published-toggle[data-published=false] .unpublish { display: inline;
}

.public-published-toggle.disabled { pointer-events: none; opacity: .6;
}

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

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

#namedRevisionModal .ui-upgrade-tips { border-top: 1px solid #e8e8e8; padding: 20px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #686868;
}

#namedRevisionModal .sidebar.revision-list-container { overflow: auto; border-style: solid; border-width: 0 1px 0 0; border-color: #e7e7e7; height: 100%;
}

#namedRevisionModal #revision-editor-container { overflow-y: auto; max-height: calc( 100vh - 100px );
}

#namedRevisionModal #revision-editor-container .CodeMirror.CodeMirror-wrap { height: 100%;
}

#namedRevisionModal .github-sync-enabled .sidebar.revision-list-container { height: calc( 100% - 51px );
}

#namedRevisionModal .github-sync-enabled #revision-editor-container { max-height: calc( 100vh - 151px );
}

#namedRevisionModal .revision-card.preview { opacity: .6;
}

#namedRevisionModal .revision-card.preview .revision-card-heading { cursor: default;
}

#namedRevisionModal .revision-card.preview .ui-revision-list-toggle { cursor: pointer;
}

#namedRevisionModal .revision-card .revision-card-heading { padding: 6px 15px 6px 30px; font-weight: 600; position: relative; cursor: pointer;
}

#namedRevisionModal .revision-card .revision-card-heading:hover { background-color: #f5f5f5;
}

#namedRevisionModal .revision-card .revision-card-heading span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%;
}

#namedRevisionModal .revision-card .revision-card-heading small { color: #888; font-size: 12px; font-weight: normal;
}

#namedRevisionModal .revision-card .revision-card-heading .ui-revision-list-toggle { height: 100%; margin-right: 10px; position: absolute; left: 0; top: 0; padding: 6px 8px 0 15px;
}

#namedRevisionModal .revision-card .child-revision-list { display: none;
}

#namedRevisionModal .revision-card .child-revision-list .revision-item { margin-left: 30px; border-left: 1px solid #ccc; padding-left: 15px;
}

#namedRevisionModal .revision-card .child-revision-list .revision-item.preview { opacity: .6; cursor: default;
}

#namedRevisionModal .revision-card.active .revision-card-heading { background-color: #f5f5f5;
}

#namedRevisionModal .revision-card.open .child-revision-list { display: block;
}

#namedRevisionModal .revision-card.open .ui-revision-list-toggle .fa { transform: rotate( 90deg );
}

#namedRevisionModal .revision-card[disabled] .revision-card-heading>.flex { opacity: .65;
}

#namedRevisionModal .revision-card[disabled] .revision-card-heading span { opacity: .5;
}

#namedRevisionModal .revision-card[disabled] .revision-card-heading:hover { cursor: not-allowed; background-color: #fff;
}

#namedRevisionModal .revision-card[disabled] .revision-card-heading .ui-revision-list-toggle { cursor: pointer; opacity: 1;
}

#namedRevisionModal .revision-item { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; padding: 6px 30px; font-weight: 600; cursor: pointer;
}

#namedRevisionModal .revision-item.preview { opacity: .6; cursor: default;
}

#namedRevisionModal .revision-item:hover { background-color: #f5f5f5;
}

#namedRevisionModal .revision-item.active { background-color: #f5f5f5;
}

#namedRevisionModal .revision-item[disabled] { background-color: #fff; opacity: .65;
}

#namedRevisionModal .revision-item[disabled]:hover { cursor: not-allowed;
}

#namedRevisionModal .diff-revision-menu>*:not(:last-child) { margin-right: 5px;
}

#namedRevisionModal .ui-diff-revision-menu { min-width: 170px; max-width: 365px; padding-top: 3px; padding-bottom: 3px; -webkit-user-select: text; user-select: text;
}

#namedRevisionModal .ui-diff-revision-menu span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%;
}

#namedRevisionModal #diff-revision-dropdown-menu .empty-revision-list { display: none; text-align: center; -webkit-user-select: none; user-select: none; font-weight: 400; color: #999; margin-top: 25px;
}

#namedRevisionModal #diff-revision-dropdown-menu .empty-revision-list .search-icon { margin-bottom: 6px;
}

#namedRevisionModal #diff-revision-dropdown-menu .dropdown-menu { padding: 0; max-width: 365px; max-height: calc( 100vh - 160px ); overflow: auto;
}

#namedRevisionModal #diff-revision-dropdown-menu .section-header { padding: 8px 15px; color: #686868; background-color: #f8f8f8; border-style: solid; border-width: 0 0 1px 0; border-color: #e7e7e7;
}

#namedRevisionModal #diff-revision-dropdown-menu .section-filter { padding: 15px 20px; border-style: solid; border-width: 0 0 1px 0; border-color: #e7e7e7;
}

#namedRevisionModal #diff-revision-dropdown-menu .revision-list-container { padding: 15px 0; max-height: 300px; overflow-y: auto; min-width: 300px; min-height: 300px;
}

#namedRevisionModal #diff-revision-dropdown-menu .show-name-revision-click-area { -webkit-user-select: none; user-select: none;
}

#namedRevisionModal #revisionSummary { padding: 10px 15px; border-style: solid; border-width: 0 0 1px; border-color: #e7e7e7; background-color: #fff;
}

#namedRevisionModal #revisionSummary .dropdown-container>.dropdown-menu { right: 20px; left: auto;
}

#namedRevisionModal #revisionSummary .dropdown-container { width: 24px; height: 24px; margin-left: 2px; padding-top: 1px;
}

#namedRevisionModal #revisionSummary .dropdown-container.open { background-color: #e7e7e7;
}

#namedRevisionModal #revisionSummary .dropdown-container:hover { background-color: #e7e7e7 !important;
}

#namedRevisionModal #revisionSummary .dropdown-container>.dropdown-menu { right: 0; top: 22px;
}

#namedRevisionModal #revisionSummary .dropdown-container { position: absolute; right: 10px; cursor: pointer;
}

#namedRevisionModal #revisionSummary h4 { font-size: 16px; color: #686868;
}

#namedRevisionModal #revisionSummary h4.summary-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; padding-right: 24px;
}

#namedRevisionModal #revisionSummary p { margin-bottom: 5px;
}

#namedRevisionModal #revisionSummary .summary-authorship { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%;
}

#namedRevisionModal #revisionSummary .summary-authorship a { text-decoration: underline;
}

#namedRevisionModal #revisionSummary .summary-author-info { white-space: nowrap; padding-right: 24px;
}

#namedRevisionModal #revisionSummary .summary-author-info,
#namedRevisionModal #revisionSummary .summary-description { font-size: 14px; color: #888;
}

#namedRevisionModal #revisionSummary .summary-description { white-space: pre-wrap; word-break: break-word; max-height: 80px; overflow-y: auto; width: 100%;
}

#namedRevisionModal #revisionSummary .summary-description.collapsed { height: 20px; overflow: hidden;
}

#namedRevisionModal #revisionSummary .summary-collapse-toggle { display: none; color: #337ab7; cursor: pointer; white-space: nowrap; margin-bottom: 5px; -webkit-user-select: none; user-select: none; position: absolute; right: 35px;
}

#namedRevisionModal #revisionSummary .summary-collapse-toggle .expand { display: initial;
}

#namedRevisionModal #revisionSummary .summary-collapse-toggle .collapse { display: none;
}

#namedRevisionModal #revisionSummary .summary-collapse-toggle .fa { margin-left: 5px;
}

#namedRevisionModal #revisionSummary .summary-collapse-toggle.open .expand { display: none;
}

#namedRevisionModal #revisionSummary .summary-collapse-toggle.open .collapse { display: initial;
}

#namedRevisionModal #revision-operation-panel { height: 71px; min-height: 71px; background-color: #f8f8f8; padding: 0 15px; border-style: solid; border-width: 1px 0 0 0; border-color: #e7e7e7; border-bottom-right-radius: 6px;
}

#namedRevisionModal #namedRevisionForm { padding: 10px 15px; border-style: solid; border-width: 0 0 1px; border-color: #e7e7e7; background-color: #fff;
}

#namedRevisionModal #namedRevisionForm h4 { font-size: 16px; color: #686868;
}

#namedRevisionModal #namedRevisionForm .form-group { margin-bottom: 10px;
}

#namedRevisionModal #namedRevisionForm .form-group label { margin-right: 15px; min-width: 100px; padding: 6px 0;
}

#namedRevisionModal .modal-title { color: #686868; white-space: nowrap; width: 0; transition: width 250ms;
}

#namedRevisionModal .modal-header button.back { display: block; opacity: 0; position: absolute; left: 15px; top: 12px; font-size: 17px; transition: opacity 300ms;
}

#namedRevisionModal .modal-body { overflow: hidden;
}

#namedRevisionModal .modal-header { text-align: center;
}

#namedRevisionModal .signin-to-connect, #namedRevisionModal .no-connect-github { height: 100%; padding: 10px 15px; display: flex; align-items: center; font-size: 16px; line-height: 20px; color: #686868;
}

#namedRevisionModal .github-status { height: 100%; padding: 15px; display: flex; align-items: center; font-size: 16px; color: #686868;
}

#namedRevisionModal .github-status a { color: #686868; cursor: pointer;
}

#namedRevisionModal .github-status a:hover { color: #333;
}

#namedRevisionModal .github-status .github-path-container { flex: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}

#namedRevisionModal .github-status .github-path-container .github-path { max-width: 100%; display: inline-block; vertical-align: sub; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 30px;
}

#namedRevisionModal .github-status a.github-control:hover,
#namedRevisionModal .github-status a.github-control:active,
#namedRevisionModal .github-status a.github-control:focus { text-decoration: none;
}

#namedRevisionModal .github-status a.github-control .fa { vertical-align: initial;
}

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

.github-path-container { font-size: 16px;
}

.github-path-container .github-path { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%;
}

#githubSyncPullModal .selectize-control { width: 100%; min-width: 100px; font-size: 14px; height: 34px;
}

#githubSyncPullModal .selectize-control .selectize-input { padding-top: 5px; padding-bottom: 5px;
}

#githubSyncPullModal .github-pull-form { padding: 0 20px 45px 20px; position: relative; font-size: 16px;
}

#githubSyncPullModal .github-pull-form .pull-view-indicator { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 12px; color: #888; padding: 5px 20px;
}

#githubSyncPullModal #github-sync-pull-editor { height: 100%;
}

#githubSyncPullModal #github-sync-pull-editor .CodeMirror-merge { border-left: 0; border-right: 0;
}

#githubSyncPullModal #github-sync-pull-editor .CodeMirror-merge-pane { border-bottom: 1px solid #ddd;
}

#githubSyncPullModal #github-sync-pull-editor .CodeMirror-merge-pane .CodeMirror.CodeMirror-wrap { height: 100%;
}

#githubSyncPullModal #github-sync-pull-editor .CodeMirror-merge-gap { border: 0; outline: 1px solid #ddd;
}

#githubSyncPullModal #github-sync-pull-branch-dropdown { max-width: 528px; width: 100%;
}

#githubSyncPullModal #github-sync-pull-branch-dropdown .dropdown-toggle { width: 100%;
}

#githubSyncPullModal #github-sync-pull-branch-dropdown .dropdown-menu { width: 100%;
}

#githubSyncPullModal .github-path-container { padding: 20px 20px 30px;
}

#githubSyncPullModal .pull-editor-container { width: 100%; height: 100%; position: relative; padding-bottom: 10px;
}

#githubSyncPullModal .pull-editor-container .ui-spinner { position: absolute; width: 100%; height: 100%;
}

#githubSyncPullModal .github-sync-pull-error { position: absolute; top: 120px; left: 0; width: 100%; height: calc( 100% - 120px ); z-index: 10; background-color: #fff; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;
}

.github-sync-modal .github-section-title { border-bottom: 2px solid #ccc; padding-bottom: 15px; margin: 5px 0 30px 0;
}

.github-sync-modal .github-path-container { display: none;
}

.github-sync-modal .choose-branch-section { display: none;
}

.github-sync-modal[data-github-sync-push=true] .github-path-container { display: block;
}

.github-sync-modal[data-github-sync-push=true] .choose-repo-file-section { display: none !important;
}

.github-sync-modal[data-github-sync-push=true] .choose-branch-section { display: block;
}

.github-sync-modal .create-version-form .form-group { color: #686868;
}

.github-sync-modal .create-version-form .form-group .ui-revision-timestamp { font-weight: 700;
}

.github-sync-modal .version-list { font-size: 16px; max-height: 180px; overflow: auto; margin-bottom: 20px; color: #333; font-weight: normal;
}

.github-sync-modal .version-list label { font-weight: 400;
}

.github-sync-modal .version-list input { margin-right: 10px;
}

.github-sync-modal *.active .visibility-on-active { visibility: visible;
}

.github-sync-modal * .visibility-on-active { visibility: hidden;
}

.github-sync-modal .ui-github-sync-button.disabled { pointer-events: none;
}

.github-sync-modal .github-sync-button-container { text-align: right; position: absolute; right: 0; bottom: 0;
}

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

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

.fa.fa-18 { font-size: 18px; line-height: 16px; vertical-align: -15%;
}

.fa.fa-20 { font-size: 20px; line-height: .75em; vertical-align: -15%;
}

.fa.dotted { position: relative;
}

.fa.dotted::after { content: ""; position: absolute; right: -2px; bottom: -2px; width: 5px; height: 5px; border-radius: 50%; background: #e75252;
}

.dropdown-menu { padding: 10px 0; min-width: 150px;
}

.dropdown-menu .divider { margin: 10px 0;
}

.nav-tabs { display: flex; border: none;
}

.nav-tabs>li { flex: 1; text-align: center;
}

.nav-tabs>li>a { border-color: #ccc; border-width: 0 0 2px 0; color: #888; margin: 0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #333; border-width: 0 0 2px 0; border-color: #686868; margin: 0;
}

.nav>li>a:focus, .nav>li>a:hover { background-color: transparent; border-color: #686868; color: #333;
}

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

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

.status-nyancat { display: none !important; overflow: hidden; width: 100%; max-width: 100%; animation-play-state: paused; animation: bg-shift 1s steps( 30 ) infinite paused; animation-fill-mode: forwards; background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAIAAACr2KkGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAIsGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wMy0yOVQyMTozNTowNiswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMDMtMzBUMjE6MTc6MTgrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDMtMzBUMjE6MTc6MTgrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YjRiYzBiMGQtZjIzYi00MzYxLWExYjYtNzQxMzQ1ZWQ4OGQ4IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OTA4MDAxYzctZWM4Ny1mZDRkLTliN2EtZjI5YWYzYmYyMzc2IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YWM0NjdjMTItNWRlMC00ZDY5LThjYzQtMzEyN2JiZGFmNmFiIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphYzQ2N2MxMi01ZGUwLTRkNjktOGNjNC0zMTI3YmJkYWY2YWIiIHN0RXZ0OndoZW49IjIwMjEtMDMtMjlUMjE6MzU6MDYrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MzExNGI5YWMtYmFiYy00NDNhLTg0Y2YtZGVlN2JiMTI0NmI3IiBzdEV2dDp3aGVuPSIyMDIxLTAzLTMwVDIxOjE3OjE4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmI0YmMwYjBkLWYyM2ItNDM2MS1hMWI2LTc0MTM0NWVkODhkOCIgc3RFdnQ6d2hlbj0iMjAyMS0wMy0zMFQyMToxNzoxOCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMTE0YjlhYy1iYWJjLTQ0M2EtODRjZi1kZWU3YmIxMjQ2YjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6YWM0NjdjMTItNWRlMC00ZDY5LThjYzQtMzEyN2JiZGFmNmFiIiBzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YWM0NjdjMTItNWRlMC00ZDY5LThjYzQtMzEyN2JiZGFmNmFiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ntgSrwAAAHFJREFUOI1jlHaxZxhMgGmgHYAOBsBBAfGxeGRJdhB+44jRvmHhYjyGkOAgiCkbFi6mxFkQ10AMwQoYh2qixgwSCuMOF0BxEB47MAMZV7CT7VCIRiZkPv7khixFktOJBBCNKGkIf3IjXg0lYMgmaroBAJtXKuGm/W7mAAAAAElFTkSuQmCC ) !important;
}

.status-nyancat.enabled { display: flex !important;
}

@keyframes nyancat-play {
  100% { background-position: -340px;
  }
}

@keyframes bg-glow {
  from { width: 5px;
  }

  to { width: calc( 100% - 34px );
  }
}

@keyframes bg-shift {
  to { background-position-x: -48px;
  }
}

.status-nyancat>div { display: block !important;
}

.status-nyancat.playing { animation-play-state: running;
}

.status-nyancat.playing .bg { animation-play-state: running;
}

.status-nyancat .nyancat { animation: nyancat-play .8s steps( 10 ) infinite; animation-fill-mode: forwards; margin-left: -6px; width: 34px; height: 21px; background: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZgAAAAVCAYAAAB7YvjnAAAH4ElEQVR4nO2dQWgbRxSG/wkJdqxDnLgmhTaXEkrUgnM2lO7FUEjVW2gPRRhyqQ4+mBwLpoRCjiLQHHQyNaaHFF8aRHLxoQoFn6OLTPApaSHBTewWlLi0ZHuQZv12NLM7szOaXdv7QEQarXY+7f7/e7OzI4cBQBiGSIqgwpI30AvW6dvtxgVHpx8y232UUUZSFEWnRfFtGSczGGM4nbZRUGHh+s2qdWf1Zi8MKiyzWF1xBBUW2pr3OCWQksMtR1F0WhTfchZrkIIMUEsOMw4GqK9gkkR6bnEZf63dUe5Y9n692UsF8sWR1bwOjWuVzEqO4nEURadF8W0ai0nYMJQc+XAwxnDKdIeMTbwGkChSnfdtIw+ONOMmhfj++s1q5hFEyVFMDlmUfnF3XgCEQcW89pcc4+dQbW9UYM4tLiMM/5kyhXIdReEATnYCKTmSoyg6LQoHUIzzUnL44zAqMKqd8/Z6s8cvmRIjqLBw+DDpXpsjC0sWjqIYt+Qw4/ChDcC9X8bF4YvlqOij5Ihz2OT11Jv8ulFv9tDZbA86WqghYX4vJNtZ30DMyvJ05aMvbv349H60XYabqrrGBZB0PKL+gWw3mY8Khw+GNA5dnQYVFtpoIy2KwqHLsn6zOhVUWL/0iz+OI+uXYV4HhgVGMiKJkr5O5aKxulRHZ7OthOlstrG6VMeNu+vSz/e+ujoBYKJ67/HftN2UI43lmx+e3H/48JdEFtvQLHRT9WbPyrhHgaNICRWw06noF8ro2y+qcO0Xro28/eKi0B0FjkwD9gL6JbqCmZ2eBADs7h8A5ObRqZ/1AN5+Ofj3wfM3+GClgVbtKurNx7FtWrU5/LrSwIPnb3BDsZ9Gu3sAALPvnT2z8ceb/3i7LocuS/Ozj1NZZFEU4x5VDtuEqhqtmXLY6pT6hRrbt19IsYvNBGj75V/g7dduWGRxVHVaFA5XfoGgD19+YQDw6dRgFUCrNgcAaLS7AAYi5UbQeX1r/n1cnLmgBfzi5St8t/U7QL54UGEhNW6rNjcB4HSj3e2nsqwBbxftWNKqf1BhoWmh62y2cf36dSxV38HFmRk02qMn58XLV7jb+xMbGxsIFmqF41CN2E04XBwLUR9ZOWy1wY+H6BdAwzM/HSZ0FxzCwJB1+mF0PNI4cAZRgSn94o5DNSOUt1+ycmTVBmMsKjDAcKnZ4pXzmL98KWaa2elJDih9zb8sjerybQBA7863iW3DfqIvPjs9ie8/+TDWP41xsySJVWZcIDmpjNO4PjioSGXnxYTDVULNygG400ZSkQHSdeqC4zj5BXCjkbw5Sr8MotHu4tFrMLqKjAHA2vYegEGhAQ6nAmanJ6OH7HUM4t5jBAu1kfbVpTow/7nSDADY7v4BtnaeoVWbQ6s2F+PwzBILnlD4CaD90Tb6ulWbiwmkunw7OhmytoszF9CqzSl/h0FX8PjkEBMjPycmHC6ORacfjuiDG0CHQwwbbXAjN9rdiEfsX6VThxyF9EsWnbrSSBE4iuIXJOjDl19OAQCZm4tMwwvN7v5B6kMMfv9mdaketfHONZYms7XtvRFYHQ7XLGTZXSgzLn09xiQCyuCbo9MPGU/sjXY30oYJh8tj0emHkT62dp5ha+dZZg5LnUZFhuo1T7/wY6HLMS6/AJAWXPrah18AePcLBjm0MH6BQh++/BLd5B9OUQHDIoPhlFnnQRL7sONrh8+ry7exuFOPvQaAzvIAjFZzMUSGRrt7OHrV4HDFwsXJLy95rG3vSU2pxUVOzvzlSwAGJ2fxyvlE4wYVFtLLVC4S3xzipTcdgPhiEFnoaM2Uw0anSSx5+mVtey9XvxRBp9QvYsH1yYHDPAoAufglSR++/BL7HQwB4lAhFaAOBICRFQ3BQg2dzbZ8pUM7XpklDDDlcMFCKzgdIfg2LucYubLwyCEGTao+E6orDhc6lbEEFXai/bLy2xNce/dsNPsBnDy/kAVLtDk6L779otKHL78o/9jlEEr7D6LRddsUQAy6zfB9BsSm6UQGIw4bFtlN3GjbYQLRhsBgRCfOm8b6ExhFlqRVUz45VPs14RgXgykHAGttJHGM2y8p54M/9eoXniuEzZmkLTGOq1/oecmLISsHkM0vANij18kFJtaoI1iZUFVBiwsgLzAii61pklhcJxAVQ9ZCJ7b55hDD9JyMgyELh4pFuX8DbfDnNsfEliMPloRpmjwLXWyKqvRLNg4Vi3L/JK8rCwwdCQDZ5y9TQru40FHJOMLUuEVJZnlxiOckr4TKObguTDh0Q/d8jNsvJhrNwy+KIuNVpzIG/vMHnxwj758gv4Dkda0CQ0TKAIz8cEfSgWwb5efS/g6Z7LJXdSns8rNJ+8uz0OVdcD0NPrTN4pLDVheUQ1drdEGJS40SFl3fQrGd9Md6Jizj0oiMhRYZ+ts6IH+/jPE45OIXIK5b8b3E/9FSAGCSdtUXYrv7ByPzsaRNu7iIffIvoXs/RLZdlnspYmRJBjrFLkvkWXDzLviuOUz7FRl40H5F7YrB+xY/L5sazcDCPyvzpCzSvJspSJHRKnaKwiD77Eho5BTnBTetw3H3r5tHebgeeCSF8h5MGaNBk5BqQYDuTXHZDUjTuf48GPLu38V+bL9DkUNnmTeQuqjG+LMKltiP/shzVXu0f8nCgWgFFG3TmQHJwpCynTZD3v2ncNgwxNpVVzD/AzuSO2jPwCSMAAAAAElFTkSuQmCC );
}

.status-nyancat .bg { animation: bg-glow 10s linear infinite; animation-play-state: paused; animation-fill-mode: forwards; margin: 7px 0; background: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGtGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTAzLTI5VDIxOjM1OjQwKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wMy0zMFQyMToxNDoyNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wMy0zMFQyMToxNDoyNCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNGNmNTQzYy03M2U4LTQyZmEtYWZjZi1hYWE0ZDY0NjcwOTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCQzIyREU0QjdEMTFFMzlEMDM4Qzc3MEY0NzdGMDgiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBQ0JDMjJERTRCN0QxMUUzOUQwMzhDNzcwRjQ3N0YwOCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFDQkMyMkRCNEI3RDExRTM5RDAzOEM3NzBGNDc3RjA4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFDQkMyMkRDNEI3RDExRTM5RDAzOEM3NzBGNDc3RjA4Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjhjNzA4OWNiLTBjZDItNDhjNS05YWY0LTZhZTFjMGI1NDlhMyIgc3RFdnQ6d2hlbj0iMjAyMS0wMy0zMFQyMDozNzoxMyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowNGNmNTQzYy03M2U4LTQyZmEtYWZjZi1hYWE0ZDY0NjcwOTUiIHN0RXZ0OndoZW49IjIwMjEtMDMtMzBUMjE6MTQ6MjQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7JwIP8AAAAIElEQVQImWOYtruGiYGBAY4Nem7B2Ay/rrahyDEwMAAArmAFzQ430nQAAAAASUVORK5CYII= ) repeat-x !important;
}

*, ::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, body { height: 100%;
}

body { margin: 0; padding: 0; max-width: inherit; min-width: 200px; padding-top: 51px;
}

.CodeMirror { letter-spacing: .025em; line-height: 1.25; font-size: 18px; overflow-y: hidden !important; -webkit-overflow-scrolling: touch;
}

.CodeMirror { font-family: "Source Code Pro", Consolas, monaco, monospace;
}

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

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

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

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

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

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

.CodeMirror-placeholder { color: #777 !important;
}

.CodeMirror-scroll { overflow-x: hidden !important; overflow-y: auto !important;
}

.CodeMirror-gutter-wrapper, .CodeMirror-gutter-elt { height: 100%;
}

.CodeMirror-gutter-elt { text-align: center;
}

.CodeMirror-linenumber { min-width: 1.5em; text-align: right;
}

.CodeMirror-gutter.authorship-gutters { width: 8px;
}

.CodeMirror-matchingtag { background: rgba( 255, 255, 255, .1 ); line-height: 1em;
}

.CodeMirror-foldmarker { color: #d0d0d0; text-shadow: none; font-family: Arial; font-size: 1em; line-height: .3; cursor: pointer; margin: 2px; padding-bottom: 2px;
}

.CodeMirror-foldgutter { cursor: default; line-height: 100%;
}

.CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded { line-height: 1em; cursor: pointer;
}

.CodeMirror-foldgutter-open { padding-top: 1px;
}

.CodeMirror-foldgutter-folded { padding-top: 2px;
}

.CodeMirror-foldgutter-open:after { content: "⌵"; font-size: 1em;
}

.CodeMirror-foldgutter-folded:after { content: "+"; font-size: 1em; font-weight: 700;
}

.CodeMirror-foldmarker, .CodeMirror-foldgutter-folded:after { color: #78b2f2 !important;
}

.CodeMirror-sizer { margin-bottom: 0 !important;
}

.CodeMirror-insert-match { background: #7cfc00; border: 1px solid #32cd32; box-sizing: border-box; opacity: .5;
}

.CodeMirror-delete-match { background: #cd5c5c; border: 1px solid darkred; box-sizing: border-box; opacity: .5;
}

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

.ui-content { height: 100%; margin-left: 0; margin-right: 0;
}

.ui-content .tooltip { z-index: 999;
}

.ui-edit-area { height: 100%; padding-left: 0 !important; padding-right: 0 !important; background-color: #1e2126;
}

.ui-edit-area .ui-resizable-handle.ui-resizable-e { cursor: col-resize; width: 8px; right: -8px; background-color: #fff; box-shadow: 3px 0 6px #e7e7e7;
}

.ui-edit-area .ui-sync-toggle { width: 42px; height: 42px; padding: 2px 1px 0 0; border-radius: 50%; box-shadow: 2px 0 2px #e7e7e7; position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% );
}

.ui-edit-area .ui-sync-toggle:active { box-shadow: inset 0 3px 5px rgba( 0, 0, 0, .125 ), 2px 0 2px #e7e7e7;
}

.ui-view-area { -webkit-overflow-scrolling: touch;
}

.ui-view-area #doc.hide-not-in-view>*:not(.in-view) { visibility: hidden;
}

.ui-scrollable { height: 100%; overflow-x: hidden; overflow-y: auto;
}

.navbar-brand { font-size: 20px; font-weight: bold;
}

.nav-mobile { position: inherit; margin-top: 8px; margin-bottom: 8px;
}

.nav-status { float: right !important; padding: 7px 8px;
}

.ui-short-status { cursor: pointer; min-width: 40px;
}

.ui-short-status:hover { text-decoration: none;
}

#short-online-user-list .ui-user-item .ui-user-profile,
#online-user-list .ui-user-item .ui-user-profile { display: flex;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host,
#online-user-list .ui-user-item .ui-user-profile .ui-host { padding: 3px 6px; height: 24px; line-height: 16px; margin: 0; font-size: 14px; margin: 0 10px; border: 1px solid;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host.hosting .hosting-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host.hosting .hosting-text { display: block;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host.hosting .hosting-text .ui-live-circle,
#online-user-list .ui-user-item .ui-user-profile .ui-host.hosting .hosting-text .ui-live-circle { background: #fff;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host.hosting .cancel-host-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host.hosting .cancel-host-text { display: none;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host.hosting .host-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host.hosting .host-text { display: none;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host .hosting-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host .hosting-text { display: none;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host .cancel-host-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host .cancel-host-text { display: none;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host .host-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host .host-text { display: block;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host:hover.hosting .hosting-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host:hover.hosting .hosting-text { display: none;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host:hover.hosting .cancel-host-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host:hover.hosting .cancel-host-text { display: block;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host:hover.hosting .host-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host:hover.hosting .host-text { display: none;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-user-name,
#online-user-list .ui-user-item .ui-user-profile .ui-user-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

#short-online-user-list .ui-live-circle, #online-user-list .ui-live-circle { background: #007d00; border-radius: 50%; height: 8px; width: 8px; display: inline-block; vertical-align: top; margin: 4px 2px;
}

#short-online-user-list .ui-user-item { border-left: 4px solid transparent;
}

#short-online-user-list .ui-user-icon { margin-left: -4px;
}

.nav-mobile #short-online-user-list .dropdown-menu { left: 6px;
}

.ui-user-name { margin-top: 2px; overflow: hidden; text-overflow: ellipsis; display: inline-block;
}

.ui-user-status { margin-top: 5px;
}

.ui-user-status-online { color: #5cb85c;
}

.ui-user-status-idle { color: #f0ad4e;
}

.ui-user-status-offline { color: #777;
}

.list>li>a { overflow: hidden; text-overflow: ellipsis;
}

#short-online-user-list .list .name { max-width: 100%; overflow: hidden; text-overflow: ellipsis; float: left;
}

.navbar-right { margin-right: 0;
}

.navbar-nav>li>a { cursor: pointer;
}

.dropdown-menu>li>a { cursor: pointer; text-overflow: ellipsis; max-width: calc( 100vw - 30px ); overflow: hidden;
}

.dropdown-menu.CodeMirror-other-cursor { max-width: 80%; transition: none;
}

.dropdown.ui-invitee { margin-right: 10px;
}

.ui-notification { display: inline;
}

.ui-notification .dropdown-menu { width: 200px;
}

.ui-notification.dropdown:not(.open) .fa-angle-up { display: none;
}

.ui-notification.dropdown.open .fa-angle-down { display: none;
}

.ui-notification.is-watch>.ui-notification-subscribe { display: none;
}

.ui-notification:not(.is-watch)>*:not(.ui-notification-subscribe) { display: none;
}

.ui-notification .notification-menu-item { display: flex; cursor: pointer; padding: 6px 30px;
}

.ui-notification .notification-menu-item:hover,
.ui-notification .notification-menu-item:focus { background: #f8f8f8;
}

.ui-notification .notification-menu-item .fa { font-size: 15px; margin: 2px 3px 0 0;
}

.ui-notification .notification-menu-item.is-checked .fa-check { display: block;
}

.ui-notification .notification-menu-item .fa-check { display: none; position: absolute; left: 10px;
}

.ui-notification .notification-menu-item .info { flex: 1;
}

.ui-notification .notification-menu-item .info .title { font-size: 15px; line-height: 20px;
}

.ui-notification .notification-menu-item .info .description { font-size: 12px;
}

.ui-notification .notification-menu-item.ui-notification-unsubscribe { padding-left: 20px;
}

.ui-notification .notification-menu-item.ui-notification-list { padding-left: 20px;
}

.ui-notification .notification-menu-item.ui-notification-list a { color: #868686;
}

.ui-notification .notification-menu-item.ui-notification-list a:hover,
.ui-notification .notification-menu-item.ui-notification-list a:focus { text-decoration: none;
}

.dropdown.ui-notification .ui-notification-label,
.dropdown.ui-invitee .ui-invitee-label { color: #868686; border-color: #d4d4d4; padding: 5px 10px; font-size: 13px; min-width: 108px; text-align: left; height: 30px;
}

.cursortag { cursor: pointer; background: #000; position: absolute; padding: 2px 7px 2px 8px; font-size: 12px; max-width: 150px; text-overflow: ellipsis; overflow: hidden; font-family: inherit; border-radius: .25em; white-space: nowrap; transition: left .1s ease-in-out, top .1s ease-in-out;
}

.fixfixed .navbar-fixed-top { position: absolute !important;
}

div[contenteditable]:empty:not(:focus):before { content: attr( data-ph ); color: gray;
}

.dropdown-menu.list { max-height: 80vh; overflow: auto;
}

.dropdown-menu.list.small { max-height: 40vh; overflow: auto;
}

.dropdown-menu.list::-webkit-scrollbar { display: none;
}

.dropdown-menu .emoji { margin-bottom: 0 !important;
}

.dropdown-menu.CodeMirror-other-cursor { max-height: 50vh; width: auto !important; overflow: auto; margin-bottom: 30px;
}

.CodeMirror-scrollbar-filler { background: inherit;
}

a.disabled { color: gray; pointer-events: none;
}

.btn-file { position: relative; overflow: hidden;
}

.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha( opacity=0 ); opacity: 0; outline: none; background: #fff; cursor: inherit; display: block;
}

.cm-trailing-space-a:before, .cm-trailing-space-b:before,
.cm-trailing-space-new-line:before { font-weight: bold; color: #ff8000; position: absolute;
}

.cm-trailing-space-a:before, .cm-trailing-space-b:before { content: "·";
}

.cm-trailing-space-new-line:before { content: "↵";
}

.cm-matchhighlight { border-bottom: 1px solid #ccc;
}

.cm-indent-guide { position: relative; border-left: 1px solid #575757;
}

.snippet-import-or { text-align: center; width: 100%;
}

.status-bar { background: #1c1c1e; border-top: 1px solid #343434; color: #ccc; position: relative; box-sizing: border-box; font-size: 11px; line-height: 25px; height: 26px;
}

.status-bar .status-info { color: #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.status-bar .status-info div { display: inline;
}

.status-bar .status-file { color: #9a9a9a;
}

.status-bar .status-indicators { background: #1c1c1e; color: #ccc; text-align: right; white-space: nowrap; text-overflow: ellipsis; min-width: 320px; display: flex; flex-wrap: nowrap; flex-direction: row-reverse;
}

.status-bar .status-indicators>div { float: right; padding: 0 10px; border-left: 1px solid #343434;
}

.status-bar .status-indicators .status-keymap>a,
.status-bar .status-indicators .status-theme>a,
.status-bar .status-indicators .status-spellcheck>a,
.status-bar .status-indicators .status-breaks>a,
.status-bar .status-indicators .status-linter>a,
.status-bar .status-indicators .status-preferences>a { color: inherit; text-decoration: none; cursor: pointer;
}

.status-bar .status-indicators .status-theme,
.status-bar .status-indicators .status-spellcheck,
.status-bar .status-indicators .status-linter,
.status-bar .status-indicators .status-preferences { padding: 0 4.3px;
}

.status-bar .status-indicators .status-preferences .dropdown-menu { max-width: calc( 100vw - 100px );
}

.status-bar .status-indicators .status-preferences .dropdown-menu>li>a { cursor: default;
}

.status-bar .status-indicators .status-preferences .dropdown-menu label { display: flex; align-items: center; font: inherit; margin-bottom: 0; cursor: pointer; text-overflow: ellipsis; overflow: hidden;
}

.status-bar .status-indicators .status-preferences .dropdown-menu label>span { flex: 1; display: block; overflow: hidden; text-overflow: ellipsis;
}

.status-bar .status-indicators .status-preferences .dropdown-menu label>input[type=checkbox] { vertical-align: middle; margin: 0 3px 0 0;
}

.ui-theme-toggle, .ui-linter-toggle, .ui-spellcheck-toggle { opacity: .2; cursor: pointer;
}

.ui-theme-toggle.active, .ui-linter-toggle.active, .ui-spellcheck-toggle.active { opacity: 1;
}

.ui-theme-toggle:hover, .ui-linter-toggle:hover, .ui-spellcheck-toggle:hover { opacity: .8;
}

.status-bar .indent-type, .status-bar .indent-width-label { cursor: pointer;
}

.status-bar .indent-width-input { font-size: 12px; font-weight: 500; height: 18px; line-height: 1; vertical-align: middle; color: #ccc; margin: 0; padding: 0 0 2px; position: relative; left: 0; top: -1px; width: 18px; transition: .1s linear all; background-color: #555; border: 1px solid #202020; color: #fff; box-shadow: inset 0 1px 0 rgba( 0, 0, 0, .06 ); border-radius: 3px; text-align: center;
}

.status-bar .indent-width-input:focus { border: 1px solid #2893ef;
}

.status-bar .indent-width-input::-webkit-inner-spin-button,
.status-bar .indent-width-input::-webkit-outer-spin-button {
  /*! autoprefixer: off */ -webkit-appearance: none; margin: 0;
}

.status-bar .status-indent>* { display: inline-block;
}

.status-bar .status-indent>*.hidden { display: none;
}

.status-bar .status-overwrite:hover, .status-bar .indent-type:hover,
.status-bar .indent-width-label:hover { text-decoration: underline;
}

.status-bar .dropdown-menu { background-color: #000; color: #fff; border: 1px solid rgba( 255, 255, 255, .09 ) !important;
}

.status-bar .dropdown-menu .divider { background-color: #343434;
}

.status-bar .dropdown-menu>li>a { color: #ccc;
}

.status-bar .dropdown-menu>li>a:focus, .status-bar .dropdown-menu>li>a:hover { background-color: #212121;
}

.tool-bar { background: #1c1c1e; border-bottom: 1px solid #343434; color: #ccc; position: relative; display: block; box-sizing: border-box; font-size: 16px; height: 42px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; scrollbar-width: none;
}

.tool-bar::-webkit-scrollbar { display: none;
}

.tool-bar:after, .tool-bar:before { display: block; content: " "; height: 1px;
}

.tool-bar:before { margin-bottom: 8px;
}

.tool-bar:after { margin-top: 8px;
}

.tool-bar>a:first-child { margin-left: 10px;
}

.tool-bar>a:last-child { margin-right: 10px;
}

.tool-bar a { display: inline-block; text-align: center; text-decoration: none !important; color: #ccc !important; width: 24px; height: 24px; margin: 0; border: 1px solid transparent; border-radius: 3px; cursor: pointer;
}

.tool-bar a.active, .tool-bar a:hover { background: #212121; border-color: #aaa;
}

.tool-bar a:before { line-height: 22px;
}

.tool-bar i.separator { display: inline-block; width: 0; border-left: 1px solid #4d4d4d; color: transparent; text-indent: -10px; margin: 0 4px;
}

.tool-bar>a:not(:last-child), .tool-bar>i:not(:last-child) { margin-right: 10px;
}

.tool-bar .ui-editor-toolbar-image { position: relative;
}

.tool-bar .ui-editor-toolbar-image>span { display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

table.table-cheatsheet tr>td:nth-child(2) { letter-spacing: .025em; line-height: 1.25;
}

table.table-cheatsheet tr>td:nth-child(2) { font-family: "Source Code Pro", Consolas, monaco, monospace;
}

html[lang^=ja] table.table-cheatsheet tr>td:nth-child(2) { font-family: "Source Code Pro", Consolas, monaco, Meiryo, "ＭＳ ゴシック", "MS Gothic", monospace;
}

html[lang=zh-tw] table.table-cheatsheet tr>td:nth-child(2) { font-family: "Source Code Pro", Consolas, monaco, "Microsoft JhengHei", "微軟正黑", monospace;
}

html[lang=zh-cn] table.table-cheatsheet tr>td:nth-child(2) { font-family: "Source Code Pro", Consolas, monaco, "Microsoft YaHei", "微软雅黑", monospace;
}

.stepwizard-step p { margin-top: 10px;
}

.stepwizard-row { display: table; width: 100%;
}

.stepwizard { display: table; width: 50%; position: relative;
}

.stepwizard-row:before { top: 30px; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; background-color: #ccc; z-index: 0;
}

.stepwizard-step { display: table-cell; text-align: center; position: relative;
}

.btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px;
}

.ui-invitee .dropdown-menu { min-width: 292px; width: calc( 100vw - 30px ); max-width: 372px;
}

.ui-invitee .list .name { display: inline-block; width: calc( 100% - 190px ); overflow: hidden; text-overflow: ellipsis;
}

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

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

.sidenav { position: absolute; z-index: 1080 !important; box-shadow: 0 5px 5px 0 rgba( 0, 0, 0, .5 ); top: 51px; right: 0; transition: transform .2s; transform: translateX( 205px ); width: 200px; height: calc( 100vh - 51px ); padding-bottom: 30px; border: none; background: #fff; overflow-y: auto; text-shadow: none;
}

.sidenav.in { transition: transform .3s; transform: translateX( 0 ) !important;
}

.sidenav .dropdown-header { margin-top: 15px; margin-bottom: 10px; padding: 0 15px; font-size: 12px; color: #888;
}

.sidenav.full { width: 100%; transform: translateX( calc( 100% + 5px ) );
}

.sidenav>a { color: #000; text-decoration: none;
}

.sidenav .divider { height: 1px; background-color: #888;
}

.sidenav .divider-header { white-space: nowrap; background-color: #e7e7e7; padding: 3px 20px 3px 20px;
}

.sidenav .sidenav-trigger { display: flex;
}

.sidenav .sidenav-trigger span { flex: 1;
}

.sidenav>span, .sidenav-item>span { margin-left: 3px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}

.sidenav .sidenav-trigger i { margin-top: 2px;
}

.permission-item-badge { color: #888; font-size: 13px; display: flex; padding-right: 10px; align-items: center;
}

.permission-item-badge .disabled { pointer-events: none;
}

.sidenav-item { display: flex; align-items: center; vertical-align: middle; height: 56px; width: 100%; padding-left: 20px; padding-right: 15px; padding-top: 16.5px; padding-bottom: 16.5px; font-size: 15px; border-radius: 0; text-align: left; border: none; border-bottom: #e5e5e5 1px solid; cursor: pointer;
}

.dark-border { border-bottom-color: #888;
}

.modal-backdrop.dim.in { opacity: 1; visibility: visible;
}

.modal-backdrop.dim { opacity: 0; background: rgba( 51, 51, 51, .75 ); z-index: 990; transition: opacity .2s; visibility: hidden;
}

.permission-popover-badge { display: flex; padding-top: 3px;
}

.permission-popover-badge .disabled { pointer-events: none;
}

.navbar-button-icon { width: 50px; text-align: center;
}

.note-permission-item, .comment-permission-item { height: 26px; padding: 0; margin-top: 10px; margin-left: 15px; margin-right: 15px; margin-bottom: 0; font-size: 14px;
}

.side-menu-button { text-align: center; height: 50px !important; width: 50px !important; display: table !important; text-decoration: none !important;
}

.side-menu-button>i { display: table-cell; vertical-align: middle;
}

.side-menu-button.focus { background-color: #e6e6e6 !important; box-shadow: none !important; color: #000 !important;
}

.dropdown-header { color: #888;
}

.ui-invitee.ui-invitee-list .ui-profile-label { padding: 1px 0; margin-right: 6px;
}

.ui-invitee.ui-invitee-list .ui-profile-label .ui-avatar { width: 22px; height: 22px;
}

.ui-invitee.ui-invitee-list .ui-invitee-remove { padding: 6px; margin: 0; height: 26px; cursor: pointer; color: #999;
}

.ui-invitee.ui-invitee-list .ui-invitee-remove:hover { color: #777;
}

.ui-invitee.ui-invitee-list .ui-invitee-item { margin-bottom: 10px; display: flex; height: 28px;
}

.ui-invitee.ui-invitee-list .ui-profile-name { align-items: center; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 6px; font-size: 13px; line-height: 28px; flex: 1;
}

.ui-invitee.ui-invitee-list .ui-profile-name a { width: 100%; color: #333;
}

.ui-invitee.ui-invitee-list .ui-resend-invitation { cursor: pointer; float: left; line-height: 24px; margin-right: 7px; color: #999;
}

.ui-invitee.ui-invitee-list .ui-resend-invitation:hover { color: #777;
}

.ui-invitee.ui-invitee-list .ui-resend-invitation.sent { cursor: initial; color: #ccc;
}

.ui-invitee-form .select2-container .select2-choices .select2-search-choice { padding: 1px 5px 1px 18px;
}

.ui-invitee-form .select2-container .select2-choices .select2-search-choice .select2-search-choice-close { top: 3px;
}

.ui-invitee-form .select2-container .select2-choices .select2-search-choice div div { font-size: 12px;
}

.ui-invitee-form .select2-container .select2-choices .select2-search-choice div div img.avatar { width: 14px; height: 14px;
}

.ui-invitee-form .select2-container .select2-choices .select2-search-field .select2-input { padding: 3px 12px;
}

.menuitem-dropdown { font-size: 13px; line-height: 12px;
}

.menuitem-dropdown .menuitem-dropdown-trigger { width: 100%; border-radius: 4px; font-size: 13px; height: 28px; background: transparent; border: 1px solid #d4d4d4; align-items: center; justify-content: space-between; display: flex; padding: 0 12px; cursor: pointer;
}

.menuitem-dropdown .menuitem-dropdown-trigger:hover,
.menuitem-dropdown .menuitem-dropdown-trigger:focus { background-color: #e6e6e6;
}

.menuitem-dropdown .menuitem-dropdown-trigger:active { background-color: #e6e6e6; box-shadow: inset 0 3px 5px rgba( 0, 0, 0, .125 );
}

.menuitem-dropdown .menuitem-dropdown-trigger.disabled { pointer-events: none; color: #333; opacity: .65;
}

.menuitem-dropdown .dropdown-menu { right: 0; left: 0; margin: 0; min-width: 90px; width: auto;
}

.menuitem-dropdown .dropdown-menu .menuitem-item.disabled { cursor: not-allowed; color: #333; opacity: .65;
}

.publish-tooltip { padding-top: 8px;
}

.publish-tooltip .icon-indicator { margin-right: .5em; font-size: 15px;
}

.publish-tooltip .title { font-size: 15px; margin-bottom: 5px;
}

.publish-tooltip p.caption { color: #cdcdcd;
}

.public-publish-container a { color: #337ab7; text-decoration: underline;
}

.permission-dropdown .ui-invitee-input { flex: 1; height: 28px; font-size: 13px;
}

.permission-dropdown .ui-invitee-input.form-control.select2-container.select2-dropdown-open { border-radius: 4px 0 0 0;
}

.permission-dropdown .ui-invitee-invite { width: 72px; height: 28px; margin: 0; border: 1px solid #d4d4d4; font-size: 13px; line-height: 12px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: none;
}

.permission-dropdown .ui-share-preview { background-color: #fff; margin: 0; min-width: 72px; height: 28px; font-size: 13px; line-height: 12px; border: 1px solid #d4d4d4;
}

.permission-dropdown .ui-share-preview:hover { background-color: #e7e7e7;
}

.permission-dropdown .ui-share-field.edit-mode { padding-right: 40px;
}

.permission-dropdown .ui-more-settings, .permission-dropdown .sidenav-trigger { font-size: 13px; display: inline; color: #337ab7; cursor: pointer;
}

.permission-dropdown .ui-more-settings:hover,
.permission-dropdown .ui-more-settings:focus,
.permission-dropdown .sidenav-trigger:hover,
.permission-dropdown .sidenav-trigger:focus { text-decoration: underline;
}

.input-group .input-group-btn .ui-share-copy { background-color: #fff; margin: 0; width: 72px; height: 28px; font-size: 13px; line-height: 12px; border: 1px solid #d4d4d4; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: none;
}

.input-group .input-group-btn .ui-share-copy:hover { background-color: #e7e7e7;
}

.input-group .input-group-btn .ui-share-save { background-color: #5cb85c; margin: 0; width: 72px; height: 28px; font-size: 13px; line-height: 12px; border: 1px solid #5cb85c; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: none; color: #fff;
}

.input-group .input-group-btn .ui-share-save:hover { background-color: #449d44; border-color: #449d44;
}

.ui-share-msg { float: right; color: #5cb85c;
}

.ui-share-msg.error { color: red;
}

.dropdown-header.fill-username-banner { padding: 10px 20px; margin-top: -15px; margin-bottom: 10px; background-color: #c8e9c8; color: #007d00; white-space: initial;
}

.dropdown-header.fill-username-banner a { text-decoration: underline; color: #007d00;
}

.sidenav .dropdown-header.fill-username-banner { padding: 10px 15px; margin-bottom: 10px; background-color: #c8e9c8; color: #007d00; white-space: initial; margin-top: 0;
}

.selectize-input { padding-right: 40px;
}

.selectize-input>input { letter-spacing: .025em;
}

.selectize-input>* { max-width: 100%; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.selectize-control::before { transition: opacity .2s; content: " "; z-index: 2; position: absolute; display: block; top: 10px; right: 34px; width: 16px; height: 16px; background: url( data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA== ); background-size: 16px 16px; opacity: 0;
}

.selectize-control.loading::before { opacity: .4;
}

.selectize-control.loading .selectize-input { padding-right: 60px;
}

.repo-dropdown-menu .dropdown .menuitem-dropdown-trigger { height: 34px; padding-right: 16px;
}

.selectize-dropdown .create { padding: 3px 12px;
}

.image-uploads-error-container { position: absolute; top: 0; z-index: 10; left: 0; right: 0;
}

.cursor-menu .dropdown-menu { background-color: #686868; color: #fff;
}

.cursor-menu .dropdown-menu li.textcomplete-item a { color: #fff;
}

.cursor-menu .dropdown-menu li.textcomplete-item a:hover { background-color: #888;
}

.cursor-menu .dropdown-menu li.textcomplete-item.active a,
.cursor-menu .dropdown-menu li.textcomplete-item.hover a { background-color: #888;
}

li.textcomplete-item .mention-photo { object-fit: cover; margin-top: -1px;
}

li.textcomplete-item .mention-name { max-width: 150px; display: inline-flex;
}

.community-button { display: inline-block; color: #868686; border-radius: 4px; font-size: 15px; line-height: 15px; padding: 9px 12px 8px 12px; cursor: pointer;
}

.community-button:hover { background-color: #f8f8f8;
}

.community-button .text { margin-left: 5px;
}

.community-button.small .text { display: none;
}

.community-button.ui-like.liked .fa::before { content: "";
}

.community-button.ui-like .fa::before { content: "";
}

.community-button.ui-like .count { margin-left: 5px;
}

.community-button.ui-bookmark.bookmarked .fa::before { content: "";
}

.community-button.ui-bookmark.bookmarked .bookmark-label { display: none;
}

.community-button.ui-bookmark .fa::before { content: "";
}

.community-button.ui-bookmark:not(.bookmarked) .bookmarked-label { display: none;
}

@media(min-width: 992px) {
  .navbar-brand { padding-right: 32px;
  }

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

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

@media(min-width: 768px) {
  .navbar .ui-profile-label img { height: 30px; width: 30px;
  }

  .nav-mobile { display: none;
  }

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

  .modal-body { max-height: calc( 100vh - 90px );
  }

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

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

  .ui-view-area { padding-left: 15px; padding-right: 15px;
  }

  .sidenav { display: none;
  }

  .ui-more-menu-back { display: none;
  }

  .ui-invitee.ui-invitee-list { overflow-y: auto; min-height: 140px; max-height: calc( 80vh - 240px );
  }
}

@media(max-width: 350px) {
  .navbar .announcement-popover.center { border-radius: 0;
  }

  .navbar .announcement-popover.center .announcement-popover-header { border-top-left-radius: 0; border-top-right-radius: 0;
  }

  .navbar .announcement-popover.center .announcement-popover-footer { border-bottom-left-radius: 0; border-bottom-right-radius: 0;
  }
}

@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(max-width: 767px) {
  .public-published-toggle { padding: 5px 20px;
  }

  #home .btn-lg { font-size: 16px;
  }

  #namedRevisionModal .revision-card .revision-card-heading { padding-top: 10px; padding-bottom: 10px; padding-left: 35px;
  }

  #namedRevisionModal .revision-card .revision-card-heading .ui-revision-list-toggle { padding-top: 10px;
  }

  #namedRevisionModal .revision-item { padding-left: 35px; padding-top: 10px; padding-bottom: 10px;
  }

  #namedRevisionModal #revisionSummary .summary-authorship { max-width: 70%;
  }

  #namedRevisionModal #revisionSummary .summary-timestamp { width: 100%;
  }

  #namedRevisionModal .sidebar.revision-list-container { height: 100%;
  }

  #namedRevisionModal #revision-editor-container { max-height: calc( 100vh - 100px );
  }

  #namedRevisionModal .github-sync-enabled .sidebar.revision-list-container { height: 100%;
  }

  #namedRevisionModal .github-sync-enabled #revision-editor-container { max-height: calc( 100vh - 100px );
  }

  #namedRevisionModal #revision-editor-container { position: absolute; top: 0; transform: translateX( 100% ); transition: transform 300ms;
  }

  #namedRevisionModal.open #revision-editor-container { transform: translateX( 0 );
  }

  #namedRevisionModal.open .modal-title { width: 100%;
  }

  #namedRevisionModal.open .modal-header button.back { opacity: .2;
  }

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

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

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

  .dropdown a.dropdown-icon { border: 1px solid #337ab7; border-radius: 2px; display: inline-block; height: 20px; width: 20px; text-align: center; line-height: 20px;
  }

  .dropdown a.dropdown-icon:active, .dropdown a.dropdown-icon:hover { background: #337ab7; color: #fff;
  }

  .dropdown.ui-notification { margin-right: 10px;
  }

  .dropdown.ui-invitee { margin-right: 10px; margin-top: 10px;
  }

  .dropdown.ui-notification .dropdown-menu>li>a { max-width: calc( 100vw - 60px );
  }
}

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

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

@media(max-width: 1139px) {
  .tool-bar>a:not(:last-child) { margin-right: 0;
  }

  .tool-bar>i:not(:last-child) { margin: 0 4px;
  }
}

@media print {
  body { padding-top: 0 !important;
  }

  .CodeMirror { height: auto !important;
  }
}

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

.vimeo, .youtube { position: relative; cursor: pointer; display: table; width: 100%; text-align: center; background-position: center center; background-repeat: no-repeat; background-size: contain; background-color: #000; overflow: hidden;
}

.youtube { position: relative; width: 100%; padding-bottom: 56.25%;
}

.vimeo img { width: 100%; object-fit: contain; z-index: 0;
}

.youtube img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 0;
}

.vimeo iframe, .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: middle; z-index: 1;
}

.vimeo .icon, .youtube .icon { position: absolute; height: auto; width: auto; top: 50%; left: 50%; transform: translate( -50%, -50% ); color: #fff; opacity: .3; transition: opacity .2s; z-index: 0;
}

.vimeo:hover .icon, .youtube:hover .icon { opacity: .6; transition: opacity .2s;
}

.slideshare .inner, .speakerdeck .inner { position: relative; width: 100%;
}

.slideshare .inner iframe, .speakerdeck .inner iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;
}

.figma { display: table; position: relative; width: 100%; padding-bottom: 56.25%;
}

.figma iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; border: 1px solid #eee;
}

.MJX_Assistive_MathML { display: none;
}

#MathJax_Message { z-index: 1000 !important;
}

.ui-infobar { position: relative; z-index: 2; max-width: 760px; margin: 25px auto -25px auto; color: #777;
}

.toc .invisable-node { list-style-type: none;
}

.ui-toc { position: fixed; bottom: 20px; z-index: 998;
}

.ui-toc.both-mode { margin-left: 8px;
}

.ui-toc.both-mode .ui-toc-label { height: 40px; padding: 10px 4px; border-top-left-radius: 0; border-bottom-left-radius: 0;
}

.ui-toc-label { background-color: #e6e6e6; border: none; color: #868686; transition: opacity .2s;
}

.ui-toc .open .ui-toc-label { opacity: 1; color: #fff; transition: opacity .2s;
}

.ui-toc-label:focus { opacity: .3; background-color: #ccc; color: #000;
}

.ui-toc-label:hover { opacity: 1; background-color: #ccc; transition: opacity .2s;
}

.ui-toc-dropdown { margin-top: 20px; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; max-width: 45vw; width: 25vw; max-height: 70vh; overflow: auto; text-align: inherit;
}

.ui-toc-dropdown>.toc { max-height: calc( 70vh - 100px ); overflow: auto;
}

.ui-toc-dropdown[dir=rtl] .nav { padding-right: 0; letter-spacing: .0029em;
}

.ui-toc-dropdown a { overflow: hidden; text-overflow: ellipsis; white-space: pre;
}

.ui-toc-dropdown .nav>li>a { display: block; padding: 4px 20px; font-size: 13px; font-weight: 500; color: #767676;
}

.ui-toc-dropdown .toc.expand ul { display: block;
}

.ui-toc-dropdown .nav>li:first-child:nth-last-child(1)>ul { display: block;
}

.ui-toc-dropdown .nav>li>a:focus, .ui-toc-dropdown .nav>li>a:hover { padding-left: 19px; color: #000; text-decoration: none; background-color: transparent; border-left: 1px solid #000;
}

.ui-toc-dropdown[dir=rtl] .nav>li>a:focus,
.ui-toc-dropdown[dir=rtl] .nav>li>a:hover { padding-right: 19px; border-left: none; border-right: 1px solid #000;
}

.ui-toc-dropdown .nav>.active:focus>a, .ui-toc-dropdown .nav>.active:hover>a,
.ui-toc-dropdown .nav>.active>a { padding-left: 18px; font-weight: 700; color: #000; background-color: transparent; border-left: 2px solid #000;
}

.ui-toc-dropdown[dir=rtl] .nav>.active:focus>a,
.ui-toc-dropdown[dir=rtl] .nav>.active:hover>a,
.ui-toc-dropdown[dir=rtl] .nav>.active>a { padding-right: 18px; border-left: none; border-right: 2px solid #000;
}

.ui-toc-dropdown .nav .nav { display: none; padding-bottom: 10px;
}

.ui-toc-dropdown .nav>.active>ul { display: block;
}

.ui-toc-dropdown .nav .nav>li>a { padding-top: 1px; padding-bottom: 1px; padding-left: 30px; font-size: 12px; font-weight: 400;
}

.ui-toc-dropdown[dir=rtl] .nav .nav>li>a { padding-right: 30px;
}

.ui-toc-dropdown .nav .nav>li>ul>li>a { padding-top: 1px; padding-bottom: 1px; padding-left: 40px; font-size: 12px; font-weight: 400;
}

.ui-toc-dropdown[dir=rtl] .nav .nav>li>ul>li>a { padding-right: 40px;
}

.ui-toc-dropdown .nav .nav>li>a:focus, .ui-toc-dropdown .nav .nav>li>a:hover { padding-left: 29px;
}

.ui-toc-dropdown[dir=rtl] .nav .nav>li>a:focus,
.ui-toc-dropdown[dir=rtl] .nav .nav>li>a:hover { padding-right: 29px;
}

.ui-toc-dropdown .nav .nav>li>ul>li>a:focus,
.ui-toc-dropdown .nav .nav>li>ul>li>a:hover { padding-left: 39px;
}

.ui-toc-dropdown[dir=rtl] .nav .nav>li>ul>li>a:focus,
.ui-toc-dropdown[dir=rtl] .nav .nav>li>ul>li>a:hover { padding-right: 39px;
}

.ui-toc-dropdown .nav .nav>.active:focus>a,
.ui-toc-dropdown .nav .nav>.active:hover>a, .ui-toc-dropdown .nav .nav>.active>a { padding-left: 28px; font-weight: 500;
}

.ui-toc-dropdown[dir=rtl] .nav .nav>.active:focus>a,
.ui-toc-dropdown[dir=rtl] .nav .nav>.active:hover>a,
.ui-toc-dropdown[dir=rtl] .nav .nav>.active>a { padding-right: 28px;
}

.ui-toc-dropdown .nav .nav>.active>.nav>.active:focus>a,
.ui-toc-dropdown .nav .nav>.active>.nav>.active:hover>a,
.ui-toc-dropdown .nav .nav>.active>.nav>.active>a { padding-left: 38px; font-weight: 500;
}

.ui-toc-dropdown[dir=rtl] .nav .nav>.active>.nav>.active:focus>a,
.ui-toc-dropdown[dir=rtl] .nav .nav>.active>.nav>.active:hover>a,
.ui-toc-dropdown[dir=rtl] .nav .nav>.active>.nav>.active>a { padding-right: 38px;
}

.markdown-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

html[lang^=ja] .markdown-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

html[lang=zh-tw] .markdown-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, "PingFang TC", "Microsoft JhengHei", "微軟正黑", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

html[lang=zh-cn] .markdown-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

html .markdown-body[lang^=ja] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Meiryo, "メイリオ", "MS Gothic", "ＭＳ ゴシック", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

html .markdown-body[lang=zh-tw] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, "PingFang TC", "Microsoft JhengHei", "微軟正黑", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

html .markdown-body[lang=zh-cn] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Roboto, Arial, "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

html[lang^=ja] .ui-toc-dropdown { font-family: "Source Sans Pro", Helvetica, Arial, "Meiryo UI", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}

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

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

html .ui-toc-dropdown[lang^=ja] { font-family: "Source Sans Pro", Helvetica, Arial, "Meiryo UI", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}

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

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

.ui-affix-toc { position: fixed; top: 0; max-width: 15vw; max-height: 70vh; overflow: auto;
}

.expand-toggle, .back-to-top, .go-to-bottom { display: block; padding: 4px 10px; margin-top: 10px; margin-left: 10px; font-size: 12px; font-weight: 500; color: #999;
}

.expand-toggle:hover, .expand-toggle:focus, .back-to-top:hover,
.back-to-top:focus, .go-to-bottom:hover, .go-to-bottom:focus { color: #563d7c; text-decoration: none;
}

.back-to-top, .go-to-bottom { margin-top: 0;
}

.ui-user-icon { width: 20px; height: 20px; display: block; border-radius: 50%; margin-top: 2px; margin-bottom: 2px; margin-right: 5px; background-position: center center; background-repeat: no-repeat; background-size: cover;
}

.ui-user-icon.small { width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin: 0 0 .2em 0;
}

.ui-infobar>small>span { line-height: 22px;
}

.ui-infobar>small .dropdown { display: inline-block;
}

.ui-infobar>small .dropdown a:focus, .ui-infobar>small .dropdown a:hover { text-decoration: none;
}

.ui-more-info { color: #888; cursor: pointer; vertical-align: middle;
}

.ui-more-info .fa { font-size: 16px;
}

.ui-published-note, .ui-connectedGithub { color: #888;
}

.ui-connectedGithub { line-height: 23px; white-space: nowrap;
}

.ui-connectedGithub a.file-path { color: #888; text-decoration: none; padding-left: 22px;
}

.ui-connectedGithub a.file-path:hover, .ui-connectedGithub a.file-path:active { color: #888; text-decoration: underline;
}

.ui-connectedGithub .fa { font-size: 20px;
}

.ui-published-note .fa { font-size: 20px; vertical-align: top;
}

.unselectable { -webkit-user-select: none; -o-user-select: none; user-select: none;
}

.selectable { -webkit-user-select: text; -o-user-select: text; user-select: text;
}

@media print {
  div, table, img, pre, blockquote { page-break-inside: avoid !important;
  }

  a[href]:after { font-size: 12px !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;
}

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