<style>p { margin: 0; }span.fr-emoticon.fr-emoticon-img { background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle; } span.fr-emoticon { font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0; } blockquote { border-left: solid 2px #5e35b1; color: #5e35b1; margin-left:0; padding-left:5px;}blockquote blockquote{ border-color: #00bcd4; color: #00bcd4;}blockquote blockquote blockquote{ border-color: #43a047; color: #43a047;} table.grid{ border-collapse: collapse;} table.grid td, table.grid th { border: 1px solid #ddd;} .fr-fic.fr-dib{ display: block; margin: 5px auto;}.fr-fic.fr-dib.fr-fir{ text-align: right; margin: 5px 0 5px auto;}.fr-fic.fr-dib.fr-fil{ text-align: left; margin: 5px auto 5px 0;}.fr-fic.fr-dii{ float: none; margin: 5px auto;}.fr-fic.fr-dii.fr-fil{ float: left; margin: 5px auto;}.fr-fic.fr-dii.fr-fir{ float: right; margin: 5px auto;}img.fr-dib.fr-fir { margin-right: 0; text-align: right;}img.fr-dib.fr-fil { margin-left: 0; text-align: left;}img.fr-dib { margin: 5px auto; display: block; float: none;}img.fr-bordered { box-sizing: content-box; border: solid 5px #CCC;}img.fr-shadow { box-shadow: 10px 10px 5px 0px #cccccc;}img.fr-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}</style><style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style><style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style><style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style><style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style><style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style><style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style><div><style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style> <style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style> <style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style> <style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style> <style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style> <style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style><p><span style="font-size: 11pt;"><strong>In this guide we will cover:</strong></span></p><p><span style="font-size: 11pt;"><strong>- Ticket/ Navigation </strong><strong>Areas</strong></span></p><p><span style="font-size: 11pt;"><strong>- Configuring Ticket Areas</strong></span></p><p><span style="font-size: 11pt;"><strong>- Navigation Menu Layout</strong></span></p><p><span style="font-size: 11pt;"><strong>- </strong><strong>Creating Navigation Profiles for Other Entities</strong></span></p><p><span style="font-size: 11pt;"><strong>- </strong><strong>Override the Screen Layouts Per Agent</strong></span></p><p style="font-size: 11pt;"><strong>- Creating a Custom URL Navigation Module</strong></p><p style="font-size: 11pt;"><strong>- Setting the Module in the List</strong></p><p style="font-size: 11pt;"><strong>- Opening in a New Tab</strong></p><p><br></p><p><span style="font-size: 11pt;"><strong><br></strong></span></p><p><span style="font-size: 11pt;"><strong>Admin Guides: </strong></span></p><ul><li style="font-weight: bold; font-size: 11pt;"><strong><a href="https://usehalo.com/haloitsm/guides/1814/" rel="noopener noreferrer" target="_blank">Areas</a></strong></li><li style="font-weight: bold; font-size: 11pt;"><strong><a href="https://usehalo.com/haloitsm/guides/1442/" rel="noopener noreferrer" target="_blank">Advanced Settings</a></strong></li><li style="font-weight: bold; font-size: 11pt;"><strong><a href="https://usehalo.com/haloitsm/guides/1341/" rel="noopener noreferrer" target="_blank">Tickets General Settings</a></strong></li><li style="font-weight: bold; font-size: 11pt;"><a href="https://usehalo.com/haloitsm/guides/1409/" rel="noopener noreferrer" target="_blank"><strong>Agents</strong></a> </li></ul><p><br></p><p><span style="font-size: 14pt;"><strong>What is a Ticket/ Navigation Area</strong></span></p><p><span style="font-size: 11pt;">Ticket areas are a way of categorising tickets into different modules on the left hand sidebar of the agent application. For example you may want to capture an HR ticket area separate from the service desk of course, which is only visible to the HR team.</span></p><p><br></p><p><span style="font-size: 11pt;">There may also be a need to rearrange the order in which the navigation menu buttons display, for example many customers prefer to have the configuration button exist at the top of the navigation menu, this can be achieved by using the custom screen layout profiles for the navigation menu.</span></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjcyNThmNjAzLTQ2M2YtNDFkOS1iOWUxLWQ4NjA2Y2E0YTJlMiJ9.5T_1lV3AQI0jOt3u1TcDbbW0Zk3zPReWHLKRXMdhwqU" class="fr-fic fr-fil fr-dib" width="67" height="830"><strong>Fig 1. Halo Areas</strong></p><p> </p><p><span style="font-size: 11pt;">The large icons with the names of the module for each module of the Navigation menu, can be configured by going into an agents preferences and changing the appearance.</span></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImE5YjRhZTYwLTU4YWUtNGQzYS1iZjFiLWMwZjFiMTk2ZWU2MCJ9.ArQWAZZBb9clLKT69HHAxIK-X4QOpt6IDzKl8jlATjo" class="fr-fic fr-fil fr-dib" width="361" height="373"><strong>Fig 2. Agent Account Settings</strong></p><p><br></p><p><span style="font-size: 11pt;">The option to choose for the Navigation menu display should be "Large icons with labels".</span></p><p><br></p><p><strong><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjRhNjE3MDVmLTUwMDUtNGJiMS05YWMxLWU3YTc3ZjI1YjZmYiJ9.X2EQAlyY7NjdJjLip7EKyUss9uSuNfClrWJWr4CcV_0" class="fr-fic fr-fil fr-dib" width="681" height="805">Fig 3. Configuring The Navigation Menu (Left Sidebar)</strong> </p><p><br></p><p><span style="font-size: 11pt;">This can be set globally in Configuration > Advanced Settings but the agent preference will override this setting:</span></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjU2NDY2OWQwLWRiMmQtNDg3ZS1iYjcwLWNmMjAyNjIyMDgwMiJ9.s6sSFHLgiyeO1AaCRGeSkSOWW_80PuXqNSxI5ZUVEok" class="fr-fic fr-fil fr-dib" width="983" style="width: 985px; height: 217.492px;" height="217"></p><p><strong id="isPasted">Fig 4. Configuring The Navigation Menu Globally</strong></p><p><br></p><p><strong><span style="font-size: 14pt;">Configuring Ticket Areas</span></strong></p><p><span style="font-size: 11pt;">If there is no use for i.e. the Project area on your instance, this area can be deleted by going into the ticket area (Configuration > Tickets > Ticket Areas) going into the specified area and clicking delete, which can be found on the action bar on the top left. Checkout this <strong>Admin Guide</strong> on <a href="https://usehalo.com/haloitsm/guides/1814/" rel="noopener noreferrer" target="_blank">Ticket Areas</a>.</span></p><p><br></p><p><span style="font-size: 11pt;">Ticket areas include different filters so that you can decide which ticket types will be visible in the area and which teams have the area on their left hand sidebar. To configure the ticket types and teams, click into a ticket area and click on the filters tab in order to define which types of tickets will appear in this list. The permissions tab determines the teams that will have access to the area. The permissions tab can also be based on role restrictions. This is useful if you want to give access to a larger group of agents.</span></p><p><br></p><p><span style="font-size: 11pt;"><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6Ijk1MDAwNzc0LTY1YjgtNGI4MC05MjkwLTg5MmY1MDk4YzljOSJ9.4Uo9CCLyUHf7JejYo-nCJIppSS20tKMMz112amsVzVg" class="fr-fic fr-fil fr-dib" width="1033" style="width: 1035px; height: 456.532px;" height="457"></span><br></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjI2NDU1YzA2LTUyZDItNGY4YS04NGRmLWUxZTNhNjhmNTU3MiJ9.wKfShhrj498EQD-2K4kL7bvhjJZT-RHOMLGKmJX6LzI" class="fr-fic fr-fil fr-dib" width="857" height="468"><strong>Fig 5 and 6. Configuring Filters For The Area</strong> </p><p><span style="font-size: 11pt;"><br></span></p><p><span style="font-size: 11pt;">If you want to encapsulate all ITIL ticket types that are change requests, this can be done by adding the ITIL filter on the specific ticket area. This ITIL filter will capture all change request tickets if they have the change request ITIL type. </span></p><p><span style="font-size: 11pt;"><br></span></p><p id="isPasted"><span style="font-size: 11pt;">If a new ticket area is added it will show in the overflow view by default, you must change this by going to the Screen Layout Profile, finding the area in the profile and edit the line. To do this head to </span><span style="font-size: 11pt;">Configuration > Advanced Settings, and click the"Screen Layout Profiles" Button. Here c<span style="font-size: 11pt;" data-pasted="true">hange the entity to"Navigation Menu". </span></span></p><p><span style="font-size: 11pt;"><br></span></p><p><span style="font-size: 11pt;"><em><strong>Note:</strong></em><strong><em> If this is the first time using the navigation menu, you will need to create a new custom navigation menu, which is explained in the "Navigation Menu Layout" section below.</em></strong></span></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjFhODhmYTI3LWFjMzEtNGVjNi05MTQwLTQzMDI4Y2Q3MzZlNCJ9.xZmz4CuCcD5nJcj8_Ka1HwF3asIZK_VnvQNidRExl98" class="fr-fic fr-fil fr-dib" width="942" style="width: 944px; height: 142.934px;" height="143"></p><p><strong><span style="font-size: 10pt;">Fig 7. Navigation Menu List</span></strong></p><p><br></p><p data-pasted="true"><span style="font-size: 11pt;">Open your Navigation Menu, and select the Button Layout tab. The Button Layout will need to be set to "Custom". Here edit the lines using the pencil icon to determine where they will show. more explanation of the navigation menu is detailed in the next section. To change the order in which the Areas show use the 8 dots to drag and drop them in order. </span></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjcxZTUxMjAwLTZiMDUtNDAyYS04MGVmLTEwZDhiYTIyNDkxMCJ9.ugdx8rHSIcG_kTBWIr_tfpoHvp0hxHwKhSM2KZhQ6Zk" class="fr-fic fr-fil fr-dib" width="958" style="width: 960px; height: 510.457px;" height="510"></p><p><strong><span style="font-size: 10pt;">Fig 8. The New Area Showing in Overflow</span></strong></p><p><br></p><p><span style="font-size: 11pt;">Changing the view to "Show on Menu", will mean once applied the Navigation Menu will include this area.</span></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjBlNTU1ZmI3LTc0OTUtNGM2OS04N2E2LTQwM2M2MjdiYzgwMCJ9.jeStbY_qtR892UmJXThW3Jd_4xBoiQxV6hzePPe_UNI" class="fr-fic fr-fil fr-dib" width="684" height="313"></p><p><strong>Fig 9. Changing The Tab to Show in The Menu</strong></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImJiYTdhZWVmLTg0MjktNGI0Mi05MDUzLTAxOTNkODUyYTQ1OCJ9.o3m82J1rOkU8Y8kZITc7XkSV8b6AJszKs-thDEwpDTs" class="fr-fic fr-fil fr-dib" width="83" height="904"></p><p><strong>Fig 10. New Ticket Area Showing in List</strong></p><p><br></p><p><span style="font-size: 11pt;">You can also choose to hide the modules or add them to the overflow section. The overflow section appears at the bottom of the navigation menu in the form of an ellipse.</span></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjNlYjZlN2I5LWY1MjMtNDE0MS05ZTMwLWVhMjk1N2EzZmNhMiJ9.vY3sHVtvCN2F8BMOv4ZBt8-iks3HABNugY7DMhlBglo" class="fr-fic fr-fil fr-dib" width="549" height="445"><strong>Fig 16. Navigation Menu Overflow Area</strong></p><p><br></p><p><span style="font-size: 11pt;">To add the newly configured navigation menu, head back to advanced settings and change the navigation menu, after refreshing the page, the Navigation Menu </span><span style="font-size: 11pt;">will be updated to reflect the custom menu you have selected. </span></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImU1NWY4MDlkLWVlYTUtNDFhZC04ZDJmLWY3NWViOTU0NDdiMCJ9.h_g8KC79rn5Pz_SZgI_-nieV1FlRkEyzFzTWbue5SPU" class="fr-fic fr-fil fr-dib" width="1071" style="width: 1073px; height: 545.662px;" height="546"></p><p><strong>Fig 17. Adding The New Menu Layout</strong></p><p><span style="font-size: 11pt;"><br></span></p><p><span style="font-size: 11pt;">For all entities, excluding navigation menu, a screen layout profile can be created/edited to change which tabs appear and the order of the tabs under the entity. This is useful in streamlining the data available against an entity.</span></p><p><span style="font-size: 11pt;"><br></span></p><p><span style="font-size: 11pt;">Setting a screen layout profile will make the custom layout an available option, each profile will then need to be set against a customer or an agent to take effect. </span></p><p><span style="font-size: 11pt;"><br></span></p><p id="isPasted"><strong><span style="font-size: 14pt;">Override the Screen Layouts Per Agent</span></strong></p><p><span style="font-size: 11pt;">This will determine the screen layout profile that is used for a particular agent, different profiles can be set for each agent.</span></p><p><span style="font-size: 11pt;"><br></span></p><p><span style="font-size: 11pt;">You can do this from the configuration menu, or you can click the agent profile icon in the top right of the screen and then click into "My Account".</span></p><p><br></p><p><span style="font-size: 10pt;"><img data-fr-image-pasted="true" src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImE5YjRhZTYwLTU4YWUtNGQzYS1iZjFiLWMwZjFiMTk2ZWU2MCJ9.ArQWAZZBb9clLKT69HHAxIK-X4QOpt6IDzKl8jlATjo" width="361" height="373" style="box-sizing: inherit; border-style: none; cursor: pointer; padding: 0px 1px; user-select: none; text-align: left; color: rgb(0, 0, 0); font-family: sans-serif; font-size: 13px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; max-width: none !important;" data-pasted="true" class="fr-fil fr-dib"></span><strong><span style="font-size: 10pt;">Fig 18. My Account</span></strong></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjUxNTdmNmRjLWQ0ZjgtNDlmMi04Njg3LTEwMmNmMTQ2ZmRkMyJ9.43M_TUfayqk_h977Wq5vHFTobp2xMuVBWCa8j94Q6nM" class="fr-fic fr-fil fr-dib" width="691" height="841"></p><p><strong>Fig 19. Alternatively go to: Configuration > Teams & Agents > Agents > *Click into the Preferences Tab*</strong></p></div><p><br></p><p>Within Halo, you can use custom tabs with external websites attached, that can be stored in the main navigation menu on the left hand side of your Halo screen.</p><p><br></p><p><strong><span style="font-size: 14pt;">Creating a Custom URL Navigation Button</span></strong></p><p>Custom Buttons can be added from the Custom Tab configuration area, when the "Navigation Bar" entity is selected.</p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYyMGZhZmY4LWJlYjEtNDYyNi1iNzJjLTM0MDEyMGRhOWIzNyJ9.pKujUtSXXYOdlci-Gc_rMakTcUWIXHiXs6yLDNhkt8M" class="fr-fic fr-fil fr-dib" width="356" height="292"></p><p><strong><span style="font-size: 10pt;">Fig 20. Custom tab configuration area > change entity to Navigation Menu.</span></strong></p><p><br></p><p>We can then create a new tab and attach a URL to it in order to use this custom navigation button functionality.</p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImQyNGY2ZDUyLTE0MWQtNDcyMS1hOTEyLTAwM2UxZTYxOGUyMSJ9.PXTdWYEQg3nS5JS0Z4AGWSH9qx8OH3g91QQ2QmFWFNs" class="fr-fic fr-fil fr-dib" width="525" height="364"></p><p><strong><span style="font-size: 10pt;">Fig 21. New tab setup.</span></strong></p><p><br></p><p><strong><span style="font-size: 14pt;">Setting the Button</span></strong></p><p>After adding a new Custom Tab, you can decide where to show the Button on custom navigation menus in the Screen Layout profile configuration. First navigate to the Configuration > Advanced Settings, and then down to the button called "Screen Layout Profiles".</p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjAyMzk4YWQxLWE5YmItNDdmNy1iNTZmLWU5NmRmZWNlNWViNyJ9.JTMkzSEEGFL4tIspD3pXc_tHWUULp6PwYOpSj3v-6MM" class="fr-fic fr-fil fr-dib" width="362" height="266"></p><p><strong><span style="font-size: 10pt;">Fig 22. Screen Layout Profiles button.<br></span></strong></p><p><br></p><p>Then from here choose the entity type "Navigation Menu", create a new layout, or edit your current one. Make sure to change the button layout to "Custom" in order to make the navigation menu customisable.</p><p><br></p><p>Scrolling down the list you will find your Custom Tab, from here you can set it to show in the list and decide the order it will appear in the list. You can move it around by hovering until you see the dots on the left of the bar, then drag and drop it.</p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjMzODJhNTk0LWVkNzYtNGU2YS04ZjBjLWI2MWI2YjAyOWRlMyJ9.esnDnL-cllFspF6A4ZsyLvf0Vae1ObBqJ5lbwBMo_qU" class="fr-fic fr-fil fr-dib" width="507" height="792"></p><p><strong><span style="font-size: 10pt;">Fig 23. Configure navigation menu.</span></strong></p><p><br></p><p>We can then choose which Layout to use from within Advanced Settings.</p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImViOWQzZGY3LTE3YmYtNDI5ZC04YTc2LTFjZDQ5YjU5ODdmYyJ9.LliD1MkWrhqyLtW2bi-OgsBGv5Kdhegdf0dPyE7Yy8I" class="fr-fic fr-fil fr-dib" width="436" height="514"></p><p><strong><span style="font-size: 10pt;">Fig 24. Set global default navigation menu.</span></strong></p><p><br></p><p><strong><em>Note: This can also be set per agent .</em></strong></p><p><br></p><p>In this example, this will show a button.</p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjY5MDBjZDMzLWNjMGYtNDMwNy05ZjM4LTk3Yjk1MjE4NGRmNyJ9.32Dkokq1_1eepFztoU2CBUl_J1Caw4yormuckfFHzRc" class="fr-fic fr-fil fr-dib" width="852" height="309"></p><p><strong><span style="font-size: 10pt;">Fig 25. Button example</span></strong></p><p><br></p><p>The Icon is configurable when creating the Custom Button, in this example the "check-circle-o" was chosen.</p><p><br></p><p><strong><span style="font-size: 14pt;">Opening in a New Tab</span></strong></p><p>Right click on the button to display the option to open on a new tab, this will stop you from losing your Halo tab:</p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImJmOTNmZGZhLTAxNGMtNDRhZS05ZDNiLTllMjI5ZjQyOWQ2MiJ9.rQULJ3ck_d69maWqm222Vg9gLrZFy1-XsPx7DbHcV6k" class="fr-fic fr-fil fr-dib" width="255" height="90"></p><p><strong><span style="font-size: 10pt;">Fig 26. Right click on area to open link in a new tab</span></strong></p><p><br></p><p>You can also open the links in a new tab automatically by enabling the "Open in a new tab" checkbox when creating the navigation menu link.</p><p><br></p><p><strong><em>Note: If enabled, you will not be able to open the link in the same tab you are in, unlike when it is disabled and you can do both with the right click.</em></strong></p><p><br></p><p><img src="https://halo.haloservicedesk.com/api/attachment/image?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjgzZDZhZTQ5LWM3OTItNDEyNC04ZDY0LTA0ZTY4ODdkMjg3OCJ9.jieLsWfA6TJNF1l0j-OFs8lJg_gHUmr99SSgG8uX-ps" class="fr-fic fr-fil fr-dib" width="188" height="277"></p><p><strong><span style="font-size: 10pt;">Fig 27. Configuring link to open in a new tab.</span></strong></p>