/*!
 * echo.css(color) - version 3.0.1
 * 
 * "echo" is CSS framework, built with consider CMS theming in East asian countries.
 * https://echocss.webbingstudio.com/
 * 
 * Copyright 2018 - 2021 WebbingStudio
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 * 
 */
/*
--------------------
typography(color)
--------------------
*/
a {
  color: #0057af;
}

a:hover, a:focus {
  color: #0057af;
}

/*
--------------------
echo-checkbox(color)
--------------------
*/
.echo-checkbox:not(.is-error) .echo-checkbox-icon {
  background-color: #fff;
  border-color: #333;
}

.echo-checkbox:not(.is-error) input[type="checkbox"]:checked + .echo-checkbox-icon {
  background-color: #333;
  border-color: #333;
}

.echo-checkbox:not(.is-error) input[type="checkbox"]:checked + .echo-checkbox-icon:after {
  border-bottom-color: #fff;
  border-right-color: #fff;
}

.echo-checkbox.is-error {
  color: #d20b2a;
}

.echo-checkbox.is-error .echo-checkbox-icon {
  background-color: #fff;
  border-color: #d20b2a;
}

.echo-checkbox.is-error input[type="checkbox"]:checked + .echo-checkbox-icon {
  background-color: #d20b2a;
  border-color: #d20b2a;
}

.echo-checkbox.is-error input[type="checkbox"]:checked + .echo-checkbox-icon:after {
  border-bottom-color: #fff;
  border-right-color: #fff;
}

/*
--------------------
echo-button-(color)
--------------------
*/
.echo-button-style-a {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.echo-button-style-a:hover, .echo-button-style-a:focus, .echo-button-style-a:active {
  color: #333;
  background-color: transparent;
  border-color: #333;
}

a:hover .echo-button-style-a,
a:focus .echo-button-style-a,
a:active .echo-button-style-a {
  color: #333;
  background-color: transparent;
  border-color: #333;
}

.echo-button-style-a.disabled:hover, .echo-button-style-a.disabled.hover, .echo-button-style-a.disabled:focus, .echo-button-style-a.disabled.focus, .echo-button-style-a:disabled:hover, .echo-button-style-a:disabled.hover, .echo-button-style-a:disabled:focus, .echo-button-style-a:disabled.focus,
fieldset[disabled] .echo-button-style-a:hover,
fieldset[disabled] .echo-button-style-a.hover,
fieldset[disabled] .echo-button-style-a:focus,
fieldset[disabled] .echo-button-style-a.focus {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.echo-button-style-a.echo-button-info {
  color: #fff;
  background-color: #1976d2;
  border-color: #1976d2;
}

.echo-button-style-a.echo-button-info:hover, .echo-button-style-a.echo-button-info:focus, .echo-button-style-a.echo-button-info:active {
  color: #333;
  background-color: transparent;
  border-color: #1976d2;
}

a:hover .echo-button-style-a.echo-button-info,
a:focus .echo-button-style-a.echo-button-info,
a:active .echo-button-style-a.echo-button-info {
  color: #333;
  background-color: transparent;
  border-color: #1976d2;
}

.echo-button-style-a.echo-button-info.disabled:hover, .echo-button-style-a.echo-button-info.disabled.hover, .echo-button-style-a.echo-button-info.disabled:focus, .echo-button-style-a.echo-button-info.disabled.focus, .echo-button-style-a.echo-button-info:disabled:hover, .echo-button-style-a.echo-button-info:disabled.hover, .echo-button-style-a.echo-button-info:disabled:focus, .echo-button-style-a.echo-button-info:disabled.focus,
fieldset[disabled] .echo-button-style-a.echo-button-info:hover,
fieldset[disabled] .echo-button-style-a.echo-button-info.hover,
fieldset[disabled] .echo-button-style-a.echo-button-info:focus,
fieldset[disabled] .echo-button-style-a.echo-button-info.focus {
  color: #fff;
  background-color: #1976d2;
  border-color: #1976d2;
}

.echo-button-style-a.echo-button-important {
  color: #fff;
  background-color: #d20b2a;
  border-color: #d20b2a;
}

.echo-button-style-a.echo-button-important:hover, .echo-button-style-a.echo-button-important:focus, .echo-button-style-a.echo-button-important:active {
  color: #333;
  background-color: transparent;
  border-color: #d20b2a;
}

a:hover .echo-button-style-a.echo-button-important,
a:focus .echo-button-style-a.echo-button-important,
a:active .echo-button-style-a.echo-button-important {
  color: #333;
  background-color: transparent;
  border-color: #d20b2a;
}

.echo-button-style-a.echo-button-important.disabled:hover, .echo-button-style-a.echo-button-important.disabled.hover, .echo-button-style-a.echo-button-important.disabled:focus, .echo-button-style-a.echo-button-important.disabled.focus, .echo-button-style-a.echo-button-important:disabled:hover, .echo-button-style-a.echo-button-important:disabled.hover, .echo-button-style-a.echo-button-important:disabled:focus, .echo-button-style-a.echo-button-important:disabled.focus,
fieldset[disabled] .echo-button-style-a.echo-button-important:hover,
fieldset[disabled] .echo-button-style-a.echo-button-important.hover,
fieldset[disabled] .echo-button-style-a.echo-button-important:focus,
fieldset[disabled] .echo-button-style-a.echo-button-important.focus {
  color: #fff;
  background-color: #d20b2a;
  border-color: #d20b2a;
}

.echo-button-style-a.echo-button-inverse {
  color: #333;
  background-color: #fff;
  border-color: #fff;
}

.echo-button-style-a.echo-button-inverse:hover, .echo-button-style-a.echo-button-inverse:focus, .echo-button-style-a.echo-button-inverse:active {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

a:hover .echo-button-style-a.echo-button-inverse,
a:focus .echo-button-style-a.echo-button-inverse,
a:active .echo-button-style-a.echo-button-inverse {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

.echo-button-style-a.echo-button-inverse.disabled:hover, .echo-button-style-a.echo-button-inverse.disabled.hover, .echo-button-style-a.echo-button-inverse.disabled:focus, .echo-button-style-a.echo-button-inverse.disabled.focus, .echo-button-style-a.echo-button-inverse:disabled:hover, .echo-button-style-a.echo-button-inverse:disabled.hover, .echo-button-style-a.echo-button-inverse:disabled:focus, .echo-button-style-a.echo-button-inverse:disabled.focus,
fieldset[disabled] .echo-button-style-a.echo-button-inverse:hover,
fieldset[disabled] .echo-button-style-a.echo-button-inverse.hover,
fieldset[disabled] .echo-button-style-a.echo-button-inverse:focus,
fieldset[disabled] .echo-button-style-a.echo-button-inverse.focus {
  color: #333;
  background-color: #fff;
  border-color: #fff;
}

.echo-button-style-b {
  color: #333;
  background-color: transparent;
  border-color: #333;
}

.echo-button-style-b:hover, .echo-button-style-b:focus, .echo-button-style-b:active {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

a:hover .echo-button-style-b,
a:focus .echo-button-style-b,
a:active .echo-button-style-b {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.echo-button-style-b.disabled:hover, .echo-button-style-b.disabled.hover, .echo-button-style-b.disabled:focus, .echo-button-style-b.disabled.focus, .echo-button-style-b:disabled:hover, .echo-button-style-b:disabled.hover, .echo-button-style-b:disabled:focus, .echo-button-style-b:disabled.focus,
fieldset[disabled] .echo-button-style-b:hover,
fieldset[disabled] .echo-button-style-b.hover,
fieldset[disabled] .echo-button-style-b:focus,
fieldset[disabled] .echo-button-style-b.focus {
  color: #333;
  background-color: transparent;
  border-color: #333;
}

.echo-button-style-b.echo-button-info {
  color: #333;
  background-color: transparent;
  border-color: #1976d2;
}

.echo-button-style-b.echo-button-info:hover, .echo-button-style-b.echo-button-info:focus, .echo-button-style-b.echo-button-info:active {
  color: #fff;
  background-color: #1976d2;
  border-color: transparent;
}

a:hover .echo-button-style-b.echo-button-info,
a:focus .echo-button-style-b.echo-button-info,
a:active .echo-button-style-b.echo-button-info {
  color: #fff;
  background-color: #1976d2;
  border-color: transparent;
}

.echo-button-style-b.echo-button-info.disabled:hover, .echo-button-style-b.echo-button-info.disabled.hover, .echo-button-style-b.echo-button-info.disabled:focus, .echo-button-style-b.echo-button-info.disabled.focus, .echo-button-style-b.echo-button-info:disabled:hover, .echo-button-style-b.echo-button-info:disabled.hover, .echo-button-style-b.echo-button-info:disabled:focus, .echo-button-style-b.echo-button-info:disabled.focus,
fieldset[disabled] .echo-button-style-b.echo-button-info:hover,
fieldset[disabled] .echo-button-style-b.echo-button-info.hover,
fieldset[disabled] .echo-button-style-b.echo-button-info:focus,
fieldset[disabled] .echo-button-style-b.echo-button-info.focus {
  color: #333;
  background-color: transparent;
  border-color: #1976d2;
}

.echo-button-style-b.echo-button-important {
  color: #333;
  background-color: transparent;
  border-color: #d20b2a;
}

.echo-button-style-b.echo-button-important:hover, .echo-button-style-b.echo-button-important:focus, .echo-button-style-b.echo-button-important:active {
  color: #fff;
  background-color: #d20b2a;
  border-color: transparent;
}

a:hover .echo-button-style-b.echo-button-important,
a:focus .echo-button-style-b.echo-button-important,
a:active .echo-button-style-b.echo-button-important {
  color: #fff;
  background-color: #d20b2a;
  border-color: transparent;
}

.echo-button-style-b.echo-button-important.disabled:hover, .echo-button-style-b.echo-button-important.disabled.hover, .echo-button-style-b.echo-button-important.disabled:focus, .echo-button-style-b.echo-button-important.disabled.focus, .echo-button-style-b.echo-button-important:disabled:hover, .echo-button-style-b.echo-button-important:disabled.hover, .echo-button-style-b.echo-button-important:disabled:focus, .echo-button-style-b.echo-button-important:disabled.focus,
fieldset[disabled] .echo-button-style-b.echo-button-important:hover,
fieldset[disabled] .echo-button-style-b.echo-button-important.hover,
fieldset[disabled] .echo-button-style-b.echo-button-important:focus,
fieldset[disabled] .echo-button-style-b.echo-button-important.focus {
  color: #333;
  background-color: transparent;
  border-color: #d20b2a;
}

.echo-button-style-b.echo-button-inverse {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

.echo-button-style-b.echo-button-inverse:hover, .echo-button-style-b.echo-button-inverse:focus, .echo-button-style-b.echo-button-inverse:active {
  color: #333;
  background-color: #fff;
  border-color: transparent;
}

a:hover .echo-button-style-b.echo-button-inverse,
a:focus .echo-button-style-b.echo-button-inverse,
a:active .echo-button-style-b.echo-button-inverse {
  color: #333;
  background-color: #fff;
  border-color: transparent;
}

.echo-button-style-b.echo-button-inverse.disabled:hover, .echo-button-style-b.echo-button-inverse.disabled.hover, .echo-button-style-b.echo-button-inverse.disabled:focus, .echo-button-style-b.echo-button-inverse.disabled.focus, .echo-button-style-b.echo-button-inverse:disabled:hover, .echo-button-style-b.echo-button-inverse:disabled.hover, .echo-button-style-b.echo-button-inverse:disabled:focus, .echo-button-style-b.echo-button-inverse:disabled.focus,
fieldset[disabled] .echo-button-style-b.echo-button-inverse:hover,
fieldset[disabled] .echo-button-style-b.echo-button-inverse.hover,
fieldset[disabled] .echo-button-style-b.echo-button-inverse:focus,
fieldset[disabled] .echo-button-style-b.echo-button-inverse.focus {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

/*
--------------------
echo-label-(color)
--------------------
*/
.echo-label-style-a.echo-label-info {
  color: #fff;
  background-color: #1976d2;
  border-color: #1976d2;
}

a.echo-label-style-a.echo-label-info:hover,
a.echo-label-style-a.echo-label-info:focus,
a.echo-label-style-a.echo-label-info:active {
  color: #333;
  background-color: transparent;
  border-color: #1976d2;
}

.echo-label-style-a.echo-label-important {
  color: #fff;
  background-color: #d20b2a;
  border-color: #d20b2a;
}

a.echo-label-style-a.echo-label-important:hover,
a.echo-label-style-a.echo-label-important:focus,
a.echo-label-style-a.echo-label-important:active {
  color: #333;
  background-color: transparent;
  border-color: #d20b2a;
}

.echo-label-style-a.echo-label-inverse {
  color: #333;
  background-color: #fff;
  border-color: #fff;
}

a.echo-label-style-a.echo-label-inverse:hover,
a.echo-label-style-a.echo-label-inverse:focus,
a.echo-label-style-a.echo-label-inverse:active {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

.echo-label-style-b.echo-label-info {
  color: #333;
  background-color: #e3f0ff;
  border-color: transparent;
}

a.echo-label-style-b.echo-label-info:hover,
a.echo-label-style-b.echo-label-info:focus,
a.echo-label-style-b.echo-label-info:active {
  color: #fff;
  background-color: #1976d2;
  border-color: transparent;
}

.echo-label-style-b.echo-label-important {
  color: #333;
  background-color: #ffe9f0;
  border-color: transparent;
}

a.echo-label-style-b.echo-label-important:hover,
a.echo-label-style-b.echo-label-important:focus,
a.echo-label-style-b.echo-label-important:active {
  color: #fff;
  background-color: #d20b2a;
  border-color: transparent;
}

.echo-label-style-b.echo-label-inverse {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
  border-color: transparent;
}

a.echo-label-style-b.echo-label-inverse:hover,
a.echo-label-style-b.echo-label-inverse:focus,
a.echo-label-style-b.echo-label-inverse:active {
  color: #333;
  background-color: #fff;
  border-color: transparent;
}

/*
--------------------
echo-nav(color)
--------------------
*/
.echo-nav-label {
  color: #333;
  background-color: transparent;
}

a.echo-nav-label:hover, a.echo-nav-label:focus {
  color: #333;
  background-color: #eee;
}

.echo-nav-label.is-current {
  color: #fff;
  background-color: #333;
}

.echo-nav-label.is-current:hover, .echo-nav-label.is-current:focus, .echo-nav-label.is-current:active {
  color: #fff;
  background-color: #333;
}

.echo-nav-inverse {
  background-color: transparent;
}

.echo-nav-inverse .echo-nav-label {
  color: #fff;
  background-color: transparent;
}

.echo-nav-inverse a.echo-nav-label:hover, .echo-nav-inverse a.echo-nav-label:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.echo-nav-inverse .echo-nav-label.is-current {
  color: #333;
  background-color: #fff;
}

.echo-nav-inverse .echo-nav-label.is-current:hover, .echo-nav-inverse .echo-nav-label.is-current:focus, .echo-nav-inverse .echo-nav-label.is-current:active {
  color: #333;
  background-color: #fff;
}

/*
--------------------
echo-radio(color)
--------------------
*/
.echo-radio:not(.is-error) .echo-radio-icon {
  background-color: #fff;
  border-color: #333;
}

.echo-radio:not(.is-error) input[type="radio"]:checked + .echo-radio-icon {
  background-color: transparent;
  border-color: #333;
}

.echo-radio:not(.is-error) input[type="radio"]:checked + .echo-radio-icon:after {
  background-color: #333;
}

.echo-radio.is-error .echo-radio-icon {
  color: #d20b2a;
  background-color: #fff;
  border-color: #d20b2a;
}

.echo-radio.is-error input[type="radio"]:checked + .echo-radio-icon {
  background-color: #fff;
  border-color: #d20b2a;
}

.echo-radio.is-error input[type="radio"]:checked + .echo-radio-icon:after {
  background-color: #d20b2a;
}

/*
--------------------
echo-title-(color)
--------------------
*/
.echo-title-style-c:after,
.echo-title-style-d:after,
.echo-title-style-f:after {
  background-color: #333;
}

.echo-title-style-e {
  background-color: #eee;
}

/*
--------------------
echo-toggle-(color)
--------------------
*/
.echo-toggle:not(.echo-toggle-inverse) {
  color: #333;
  background-color: transparent;
}

.echo-toggle:not(.echo-toggle-inverse) .echo-toggle-line:before, .echo-toggle:not(.echo-toggle-inverse) .echo-toggle-line:after {
  background-color: #333;
}

.echo-toggle:not(.echo-toggle-inverse):hover, .echo-toggle:not(.echo-toggle-inverse):focus {
  color: #333;
  background-color: #eee;
}

.echo-toggle:not(.echo-toggle-inverse):hover .echo-toggle-line:before, .echo-toggle:not(.echo-toggle-inverse):hover .echo-toggle-line:after, .echo-toggle:not(.echo-toggle-inverse):focus .echo-toggle-line:before, .echo-toggle:not(.echo-toggle-inverse):focus .echo-toggle-line:after {
  background-color: #333;
}

.echo-toggle:not(.echo-toggle-inverse)[aria-expanded="false"] .echo-toggle-line {
  background-color: #333;
}

.echo-toggle:not(.echo-toggle-inverse)[aria-expanded="false"]:hover .echo-toggle-line, .echo-toggle:not(.echo-toggle-inverse)[aria-expanded="false"]:focus .echo-toggle-line {
  background-color: #333;
}

.echo-toggle-inverse {
  color: #fff;
  background-color: transparent;
}

.echo-toggle-inverse .echo-toggle-line:before, .echo-toggle-inverse .echo-toggle-line:after {
  background-color: #fff;
}

.echo-toggle-inverse:hover, .echo-toggle-inverse:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.echo-toggle-inverse:hover .echo-toggle-line:before, .echo-toggle-inverse:hover .echo-toggle-line:after, .echo-toggle-inverse:focus .echo-toggle-line:before, .echo-toggle-inverse:focus .echo-toggle-line:after {
  background-color: #fff;
}

.echo-toggle-inverse[aria-expanded="false"] .echo-toggle-line {
  background-color: #fff;
}

.echo-toggle-inverse[aria-expanded="false"]:hover .echo-toggle-line, .echo-toggle-inverse[aria-expanded="false"]:focus .echo-toggle-line {
  background-color: #fff;
}

/*
--------------------
echo-alert-(color)
--------------------
*/
.echo-alert-info {
  color: #0057af;
  border-color: #1976d2;
  background-color: #e3f0ff;
}

.echo-alert-important {
  color: #d20b2a;
  border-color: #d20b2a;
  background-color: #ffe9f0;
}

.echo-alert-inverse {
  color: #fff;
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

/*
--------------------
echo-box-(color)
--------------------
*/
.echo-box-style-a.echo-box-info {
  background-color: #e3f0ff;
}

.echo-box-style-a.echo-box-important {
  background-color: #ffe9f0;
}

.echo-box-style-a.echo-box-inverse {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.echo-box-style-b.echo-box-info {
  border-color: #1976d2;
}

.echo-box-style-b.echo-box-important {
  border-color: #d20b2a;
}

.echo-box-style-b.echo-box-inverse {
  color: #fff;
  border-color: #fff;
}

/*
--------------------
echo-paginate(color)
--------------------
*/
.echo-paginate .echo-nav-item.prev .echo-nav-label:after, .echo-paginate .echo-nav-item.next .echo-nav-label:after {
  border-top-color: currentcolor;
  border-left-color: currentcolor;
}

.echo-paginate .echo-nav:not(.echo-nav-inverse) .echo-nav-item.is-current .echo-nav-label {
  background-color: #333;
  border-color: #333;
  color: #fff;
}

.echo-paginate .echo-nav:not(.echo-nav-inverse) a.echo-nav-label {
  background-color: transparent;
  border-color: #333;
  color: #333;
}

.echo-paginate .echo-nav:not(.echo-nav-inverse) a.echo-nav-label:hover, .echo-paginate .echo-nav:not(.echo-nav-inverse) a.echo-nav-label:focus {
  background-color: #eee;
  border-color: #333;
  color: #333;
}

.echo-paginate .echo-nav-inverse .echo-nav-item.is-current .echo-nav-label {
  background-color: #fff;
  border-color: #fff;
  color: #333;
}

.echo-paginate .echo-nav-inverse a.echo-nav-label {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.echo-paginate .echo-nav-inverse a.echo-nav-label:hover, .echo-paginate .echo-nav-inverse a.echo-nav-label:focus {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: #fff;
  color: #fff;
}

/*
--------------------
echo-serial(color)
--------------------
*/
.echo-serial .echo-nav-item.prev .echo-nav-label:after, .echo-serial .echo-nav-item.next .echo-nav-label:after {
  border-top-color: currentcolor;
  border-left-color: currentcolor;
}

/*
--------------------
echo-step(color)
--------------------
*/
.echo-step .echo-nav.echo-nav-vertical .echo-nav-label {
  border-color: transparent;
}

.echo-step .echo-nav.echo-nav-vertical .echo-nav-label:not(.is-current):hover, .echo-step .echo-nav.echo-nav-vertical .echo-nav-label:not(.is-current):focus, .echo-step .echo-nav.echo-nav-vertical .echo-nav-label:not(.is-current):active {
  background-color: #eee;
}

.echo-step .echo-nav.echo-nav-vertical .echo-nav-label.is-current {
  color: #333;
  background-color: transparent;
  border-color: #333;
}

.echo-step .echo-nav.echo-nav-vertical ol.echo-nav-list .echo-nav-label:before {
  background-color: #eee;
}

.echo-step .echo-nav.echo-nav-vertical ol.echo-nav-list .echo-nav-label.is-current:before {
  color: #fff;
  background-color: #333;
}

/*
--------------------
echo-topicpath
--------------------
*/
.echo-topicpath:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}

.echo-topicpath .echo-nav-item:not(:first-child):before {
  border-top-color: currentcolor;
  border-left-color: currentcolor;
}

/*
--------------------
echo-bg-(color)
echo-bg-fade
--------------------
*/
#echo-document .echo-bg-default {
  background-color: #333;
}

#echo-document .echo-bg-default:not(.echo-bg-fade) {
  color: #fff;
}

#echo-document .echo-bg-default:not(.echo-bg-fade) a:not([class]) {
  color: #fff;
}

#echo-document .echo-bg-default.echo-bg-fade {
  background-color: #eee;
}

#echo-document .echo-bg-info {
  background-color: #1976d2;
}

#echo-document .echo-bg-info:not(.echo-bg-fade) {
  color: #fff;
}

#echo-document .echo-bg-info:not(.echo-bg-fade) a:not([class]) {
  color: #fff;
}

#echo-document .echo-bg-info.echo-bg-fade {
  background-color: #e3f0ff;
}

#echo-document .echo-bg-important {
  background-color: #d20b2a;
}

#echo-document .echo-bg-important:not(.echo-bg-fade) {
  color: #fff;
}

#echo-document .echo-bg-important:not(.echo-bg-fade) a:not([class]) {
  color: #fff;
}

#echo-document .echo-bg-important.echo-bg-fade {
  background-color: #ffe9f0;
}

#echo-document .echo-bg-inverse {
  background-color: #fff;
}

#echo-document .echo-bg-inverse:not(.echo-bg-fade) {
  color: #333;
}

#echo-document .echo-bg-inverse:not(.echo-bg-fade) a:not([class]) {
  color: #333;
}

#echo-document .echo-bg-inverse.echo-bg-fade {
  background-color: rgba(255, 255, 255, 0.15);
}

/*
--------------------
echo-text-(color)
--------------------
*/
#echo-document .echo-text-default {
  color: #333;
}

#echo-document .echo-text-info {
  color: #0057af;
}

#echo-document .echo-text-important {
  color: #d20b2a;
}

#echo-document .echo-text-inverse {
  color: #fff;
}