:root {
    --header-height: 4rem;
    --sidebar-width: 10.625rem;

    --textColor: #212529;
    --backgroundColor: transparent;

    --subTextColor: #757575;

    --carbon-fiber: #2e2e2e;
    --warm-gray: #868686;
    --steam-gray: #dddddd;
    --faint-gray: #ebebeb;
    --oxide-gray: #6b7082;

    --off-white: #ededed;
    --institutional-white: #f8f8f8;

    --coral-pink: #ff585d;
    --horizon-blue: #b6d8e9;
    --water-blue: #168abf;
    --deep-blue: #062231;

    --water-blue-cardTitle: var(--water-blue);
    --water-blue-cardSubtitle: var(--warm-gray);

    --water-blue-faded-opaque: #edf3f5;
    --water-blue-dimmed-opaque: #dde7ea;
    --water-blue-faded: #168abf0d;
    --water-blue-faint: rgba(22, 138, 191, .4);
    --water-blue-light: #147cab;
    

    --clr-success: #007b00;
    --clr-failure: #d50000;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

br {
    line-height: 0;
}

@font-face {
    font-family: FiraSans;
    src: url(fonts/Fira_Sans/FiraSans-Thin.ttf) format("truetype");
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: FiraSans;
    src: url(fonts/Fira_Sans/FiraSans-ExtraLight.ttf) format("truetype");
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: FiraSans;
    src: url(fonts/Fira_Sans/FiraSans-Light.ttf) format("truetype");
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: FiraSans;
    src: url(fonts/Fira_Sans/FiraSans-Regular.ttf) format("truetype");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: FiraSans;
    src: url(fonts/Fira_Sans/FiraSans-Medium.ttf) format("truetype");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: FiraSans;
    src: url(fonts/Fira_Sans/FiraSans-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: FiraSans;
    src: url(fonts/Fira_Sans/FiraSans-Bold.ttf) format("truetype");
    font-weight: 700;
    font-display: swap;
}

html {
    height: 100%;
    height: 100vh;
}

body {
    font-size: 100%;
    margin: 0;
    font-family: FiraSans, Verdana, Arial, Helvetica, sans-serif;
    background: none;
}

body,
body > #aspnetForm {
    height: auto;
    width: auto;
    min-height: 100%;
    min-height: 100vh;
    position: relative;
}

body * {
    color: var(--textColor, #000);
    background-color: var(--backgroundColor, transparent);
}

.resulterror,
.resulterror * {
    color: var(--clr-failure);
}

.resultok,
.resultok * {
    color: var(--clr-success);
}

label {
    font-size: .875rem;
    color: var(--warm-gray);
}

input,
select {
    padding: .55em .25em;
    line-height: 1.65em;
    border-radius: 0;
    border: .0625em solid var(--water-blue);
    background-color: #fff;
}

input.compact {
    font-size: 11px;
    padding: 0;
}

div.globalcaptcha input {
    width: 10ch;
}

.small, small {
    font-size: .75rem;
}

.big, big {
    font-size: 1.25rem;
}

p.imagedescription {
    font-size: .75rem;
    font-style: italic;
    margin-top: .25rem;
}

a, a:link, a:active {
    color: var(--water-blue);
    text-decoration: none;
}

a:hover {
    color: var(--coral-pink);
    text-decoration: underline;
}

a.externallink {
}

/* Link to an internal file */
a.internallink {
}

/* Link to a .aspx page */
a.systemlink {
}

/* Link to a Wiki page */
a.systemlink,
a.pagelink {
    border-bottom: 1px solid var(--faint-gray);
}

/* Link to unknown/inexistent pages */
a.unknownlink, a.unknownlink:link, a.unknownlink:active {
    color: var(--clr-failure);
    text-decoration: none;
}

a.unknownlink:hover {
    color: var(--coral-pink);
    text-decoration: underline;
}

/* Email Link */
a.emaillink {
}

h1 {
    font-size: 1.25rem;
}

h2 {
    font-size: 1.125rem;
}

h3 {
    font-size: 1rem;
}

h4 {
    font-size: .875rem;
}

h1.pagetitle, h1.pagetitlesystem {
    font-size: 1.5rem;
    border-bottom: solid .0625rem var(--steam-gray);
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    margin-bottom: .25rem;
}

h1.pagetitlesystem {
    margin-bottom: .625rem;
}

h1.separator {
    font-size: 1.125rem;
    color: var(--water-blue-cardTitle);
    font-weight: 600;
    margin-bottom: 1.25em;
    margin-top: 0;
}

h1.separator a.headeranchor, h2.separator a.headeranchor, h3.separator a.headeranchor, h4.separator a.headeranchor {
    display: inline;
    margin-left: .25rem;
    color: #FFFFFF;
    text-decoration: none;
}

h1.separator:hover a.headeranchor, h2.separator:hover a.headeranchor, h3.separator:hover a.headeranchor, h4.separator:hover a.headeranchor {
    display: inline;
    color: #888888;
}

a.headeranchor:hover {
    background-color: #F0F0F0;
}

#SidebarDiv a.headeranchor, #HeaderDiv a.headeranchor, #FooterDiv a.headeranchor {
    display: none;
}

a.editsectionlink {
    float: right;
    margin: .25rem 0 0 0;
}

html > body pre {
    /* Fix for IE7 - unwanted horizontal scrollbar */
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 19 : 8);
}

table.generic {
}

table.recentchanges {
    border-top: solid 1px var(--warm-gray);
}

tr.tableheader td, th {
    background-color: var(--warm-gray);
    font-weight: bold;
    margin: 0;
    padding: .125rem .275rem;
    white-space: nowrap;
}

tr.tablerow td {
    margin: 0;
    padding: .125rem .275rem;
}

tr.tablerow:hover, tr.tablerow:hover td {
    background-color: #FFFFCC;
}

tr.tablerowalternate td {
    margin: 0;
    padding: .125rem .275rem;
    background-color: var(--water-blue-faded);
}

tr.tablerowalternate:hover, tr.tablerowalternate:hover td {
    background-color: #FFFFCC;
}

img {
    border: none;
    max-width: 100%;
}

/* Class for general purpose images (contained in Wiki pages) */
img.image {
    border: solid .0625rem var(--water-blue);
}

/* Class of the formatting Buttons in Edit.aspx */
img.format {
    border: solid 1px;
    padding: 2px;
}

/* Div used for clearing floats */
div.clear {
    clear: both;
}

/* Div containing images alighed to the left */
div.imageleft {
    border: solid .0625rem var(--water-blue);
    background-color: var(--water-blue-faded);
    padding: .25rem;
    margin: .25rem .5rem .25rem 0;
    float: left;
}

/* Div containing images alighed to the right */
div.imageright {
    border: solid .0625rem var(--water-blue);
    background-color: var(--water-blue-faded);
    padding: .25rem;
    margin: .25rem 0 .25rem .5rem;
    float: right;
}

/* Table containing images not aligned */
table.imageauto {
    border: none;
    background-color: unset;
    padding: .25rem;
}

/* Div acting like a box */
#TocContainer,
div.box {
    line-height: 1.5;
    border: none;
    border-radius: .25rem;
    background-color: var(--water-blue-faded);
    display: block;
    padding: 1rem 1.5rem;
    margin: .25rem .25rem 0 .25rem;
}

#PageContentDiv .box:not(:last-child) {
    margin-bottom: 1rem;
}

#PageContentDiv br {
    line-height: 1;
}

#TocContainer br {
    line-height: .5;
}

select.namespacedropdown {
}

/* Contains the Header */
#HeaderDiv {
    height: var(--header-height);
    margin: 0;
    padding: .75rem;
    box-shadow: inset 0 -2px 0 0 #ebebeb;
}

/* Contains the SidebarDiv and the MainDiv */
#ContainerDiv {
    position: relative;
}

#SidebarContentDiv {
    top: 0;
    position: sticky;
    display: block;
}

#SidebarContentDiv ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#SidebarContentDiv br {
    line-height: 0;
}

#SidebarContentDiv a.pagelink,
#SidebarContentDiv a.systemlink {
    display: block;
    font-size: .875rem;
    padding: .75em 1em;
}

#SidebarContentDiv a.pagelink:hover,
#SidebarContentDiv a.pagelink:focus,
#SidebarContentDiv a.systemlink:hover,
#SidebarContentDiv a.systemlink:focus {
    color: var(--coral-pink);
}

/* Contains the contents of a Page */
#MainDiv {
    margin-left: var(--sidebar-width);
    padding: .5rem 2rem 0 2rem;
    border: none;
}

/* Contains the Page Header (title, last modify, etc.) */
#PageHeaderDiv {
}

#PageInternalHeaderDiv {
}

#PageInternalFooterDiv {
    /*clear: both;*/
}

/* Contains the link to the page editing form (Edit.aspx) and history */
#EditHistoryLinkDiv {
    float: right;
    padding-top: .25rem;
    padding-bottom: .25rem;
}

#EditLink, #HistoryLink, #ViewCodeLink, #PageAttachmentsLink,
#DiscussLink, #BackLink, #PostReplyLink, #AdminToolsLink {
    margin-left: 0;
    padding: .125rem;
    border: solid .0625rem var(--warm-gray);
    text-decoration: none;
}

#EditLink:hover, #HistoryLink:hover, #ViewCodeLink:hover, #PageAttachmentsLink:hover,
#DiscussLink:hover, #BackLink:hover, #PostReplyLink:hover, #AdminToolsLink:hover {
    border: solid .0625rem var(--water-blue);
    text-decoration: none;
    background-color: var(--faint-gray);
}

#PageAttachmentsLink {
    background-image: url(Images/DropDown.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 1rem;
}

#AdminToolsLink {
    background-image: url(Images/DropDown.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 1rem;
}

#PageAttachmentsDiv {
    border: solid 1px var(--warm-gray);
    padding: .375rem;
}

#AdminToolsDiv {
    border: solid 1px var(--warm-gray);
}

#AdminToolsDiv a {
    text-align: right;
    display: block;
    padding: .125rem .375rem;
}

#AdminToolsDiv a:hover {
    background-color: var(--water-blue);
    text-decoration: none;
    color: #fff;
}

/* Class of the P containing the Edit Link */
p.editlink {
}

#PageInfoDiv {
}

#ModificationSpan {
}

#AuthorSpan {
}

#CategoriesSpan {
    display: block;
    padding-bottom: .125rem;
}

#NavPathsSpan {
    padding-left: 1rem;
}

#PageDiscussionSpan {
    position: relative;
    top: -14px;
}

#BreadcrumbsDiv {
    padding-bottom: 1px;
    border-bottom: solid 1px var(--faint-gray);
    border-top: solid 1px var(--faint-gray);
    overflow: hidden;
}

div.pageoutgoinglinksmenu {
    background-color: #fff;
    border: solid .0625rem var(--steam-gray);
}

div.pageoutgoinglinksmenu a {
    display: block;
    padding: .125rem .15rem;
}

div.pageoutgoinglinksmenu a:hover {
    color: #fff;
    text-decoration: none;
    background-color: var(--water-blue);
}

/* Contains the link to the Page RSS */
#RssLinkDiv {
    float: right;
    position: relative;
}

/* The link to the Page RSS */
#RssLink {
    background-image: url(Images/RSS.png);
    background-repeat: no-repeat;
    text-indent: -4000px;
    display: block;
    height: 1rem;
    width: 1.5rem;
}

#RssLink.discuss {
    background-image: url(Images/RSS-Discussion.png);
}

#PrintLinkDiv {
    float: right;
    position: relative;
    padding-top: .25rem;
}

#PrintLink {
    background-image: url(Images/Print.png);
    background-repeat: no-repeat;
    text-indent: -4000px;
    display: block;
    margin-left: .25rem;
    height: 1rem;
    width: 1rem;
}

#EmailNotificationDiv {
    float: right;
    position: relative;
    margin: .125rem .25rem 0 0;
}

input.activenotification {
    width: 1rem;
    height: 1.0625rem;
    background-image: url(Images/EmailNotifOn.png);
    padding: 0;
    margin: 0;
}

input.inactivenotification {
    width: 1rem;
    height: 1.0625rem;
    background-image: url(Images/EmailNotifOff.png);
    padding: 0;
    margin: 0;
}

input.activenotification.discuss {
    background-image: url(Images/EmailNotifOn-Discussion.png);
}

input.inactivenotification.discuss {
    background-image: url(Images/EmailNotifOff-Discussion.png);
}

/* Contains the Page Content */
#PageContentDiv {
    margin: .625rem 0 0 0;
}

/* Contains the Footer */
#FooterDiv {
    margin: 0 .25rem 0 0;
    padding: .5rem;
    position: relative;
}

@media (min-width: 576px) {
    #FooterDiv {
        margin-left: calc(var(--sidebar-width) + .25rem);
    }
}

#PageListTable {
}

#HistoryTable {
}

#PreviewDivExternal {
}

#PreviewDiv {
    padding: .625rem;
    border: solid .25rem var(--steam-gray);
}

blockquote {
    border-left: solid .5rem var(--faint-gray);
    margin-left: 1rem;
    padding: 0 0 .125rem .375rem;
}

div.messagecontainer {
    margin: 0 0 0 1rem;
}

div.rootmessagecontainer {
    border-top: solid .125rem var(--water-blue);
    margin-bottom: 1rem;
}

div.messageheader {
    background-color: var(--steam-gray);
    padding: .125rem;
}

span.messagesubject {
    font-weight: bold;
    font-size: .75rem;
}

span.messagedatetime {
    font-size: .625rem;
    padding-left: 1.25rem;
}

div.messagebody {
    border-bottom: solid .0625rem var(--faint-gray);
    border-left: solid .0625rem var(--faint-gray);
    border-right: solid .0625rem var(--faint-gray);
    margin: 0 0 .375rem 0;
    padding: .25rem;
}

div.messagebody:hover {
    background-color: #FFFFCC;
}

div.reply {
    float: right;
    margin: 0 .625rem 0 0;
    font-size: .6875rem;
}

a.reply {
    background-image: url(Images/MessageReply.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 0 0 .75rem;
}

a.edit {
    background-image: url(Images/MessageEdit.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 0 0 .75rem;
    margin-left: 1rem;
}

a.delete {
    background-image: url(Images/MessageDelete.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 0 0 .625rem;
    margin-left: 1rem;
}

div.warning {
    padding: .375rem;
    background-color: #FEF693;
    border: solid .0625rem #FFCF10;
    display: table-cell;
}

input.txtsearchbox {
    font-size: .6875rem;
    width: 9.5rem;
    background-image: url(Images/Search.png);
    background-repeat: no-repeat;
    background-position: right center;
    border: solid 0.0625rem var(--faint-gray);
    background-color: #fff;
}

span.signature {
    font-style: italic;
}

#TocContainer {
    display: table-cell;
}

#Toc b a {
    display: block;
    padding-top: .25em;
    padding-bottom: .25em;
}

a.attachment {
    padding-left: .875rem;
    background-image: url(Images/Attachment.png);
    background-repeat: no-repeat;
    background-position: left center;
}

#RedirectionInfoDiv {
    font-size: .6875rem;
    padding-left: .625rem;
    padding-top: .25rem;
    color: var(--warm-gray);
}

#RedirectionDiv {
    margin-bottom: 1rem;
    margin-left: .625rem;
    padding-left: 1.5rem;
    font-size: .875rem;
    background-image: url(Images/Redirect.png);
    background-repeat: no-repeat;
    background-position: left center;
}

/* BEGIN Edit.aspx */

div.anonymous,
div.autotemplate,
div.collisionmanagement,
div.draftmanagement {
    padding: .375rem;
    background-color: #FEF693;
    border: solid .0625rem #FFCF10;
    margin-bottom: .5rem;
}

div.autotemplate {
    margin-top: .5rem;
}

input.bigtextbox {
    font-size: 1.125rem;
    margin-bottom: .125rem;
}

#EditNoticeDiv {
    font-size: .6875rem;
    margin-bottom: .5rem;
    padding: .25rem;
    background-color: var(--faint-gray);
}

#PageNameAndTitleDiv {
    width: 65%;
}

#PageNameAndTitleDiv .large {
    width: 99%;
}

#PageNameAndTitleDiv div {
    padding-bottom: .125rem;
}

#TemplatesDiv {
    margin-top: .1875rem;
}

#TemplatesInternalDiv {
    padding: .25rem;
    background-color: var(--faint-gray);
}

#TemplatesInternalDiv select {
    font-size: .6875rem;
}

#TemplatePreviewDiv {
    font-size: .625rem;
    padding: .25rem;
    border: solid 1px var(--warm-gray);
    margin-top: .25rem;
    margin-bottom: .25rem;
}

#EditorDiv {
    margin-top: .375rem;
}

#EditCommentDiv {
    float: left;
    margin-top: 1rem;
    margin-left: 1.75rem;
    width: 17.5rem;
}

#EditCommentDiv input {
    width: 17rem;
    float: right;
    margin-bottom: .375rem;
}

div.captcha {
    float: left;
    padding: .375rem;
    margin-top: 2.25rem;
    margin-right: .175rem;
    background-color: #FEF693;
    border: solid .0625rem #FFCF10;
}

#ButtonsDiv {
    float: right;
}

#SaveOptionsDiv {
    padding: .25rem;
}

#ResultDiv {
}

#CategoriesDiv {
    width: 21.25rem;
    margin-top: 1rem;
    float: left;
}

#CategoriesListDiv {
    width: 21.25rem;
    height: 6.25rem;
    padding: .25rem;
    overflow: auto;
    background-color: var(--faint-gray);
    margin-right: .6875rem;
}

div.categorycreation {
    margin-top: .375rem;
}

#AttachmentsDiv {
    clear: both;
    float: left;
    margin-top: 2.5rem;
}

.short {
    width: 9.375rem;
}

.medium {
    width: 12.5rem;
}

.large {
    width: 31.25rem;
}

.h_short {
    height: 6.25rem;
}

/* END Edit.aspx */

/* BEGIN Search.aspx */

#SearchControlsDiv {
    margin-top: 1rem;
}

#SearchControlsDiv input.textbox {
    font-size: .875rem;
    width: 18.75rem;
}

#SearchControlsDiv input.button {
    font-size: .875rem;
}

#RadiosDiv {
    margin-top: .375rem;
    margin-bottom: .375rem;
}

#RadiosDiv label {
    margin-right: .5rem;
}

#CategoryFilterDiv {
    float: right;
    margin-top: -3.125rem;
    background-color: var(--faint-gray);
    margin-left: .9375rem;
    padding: .25rem;
}

#CategoryFilterInternalDiv {
    margin-top: .25rem;
    width: 15.625rem;
    height: 12.5rem;
    overflow: auto;
}

#SearchStatsDiv {
    font-size: .6875rem;
    margin-top: .875rem;
}

#ResultsDiv {
    min-height: 15.625rem;
}

h3.searchresultpage,
h3.searchresultmessage,
h3.searchresultfile,
h3.searchresultattachment {
    margin-top: .875rem;
    padding-left: 1.25rem;
    background-repeat: no-repeat;
    background-position: left center;
}

h3.searchresultpage {
    background-image: url(Images/Page.png);
}

h3.searchresultmessage {
    background-image: url(Images/Message.png);
}

h3.searchresultfile {
    background-image: url(Images/File.png);
}

h3.searchresultattachment {
    background-image: url(Images/Attachment.png);
}

h3.searchresultpage a,
h3.searchresultmessage a,
h3.searchresultfile a,
h3.searchresultattachment a {
    font-weight: bold;
}

p.excerpt {
    font-size: .6875rem;
    margin-left: .25rem;
    padding-left: .5rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-top: .25rem;
    border-left: solid .25rem var(--steam-gray);
}

p.excerpt b.searchkeyword, b.searchkeyword {
    font-weight: normal;
    background-color: #FFEE64;
}

/* END Search.aspx */

/* BEGIN FileManager.ascx */

#MainFileManagerDiv {
    float: left;
}

#FileManagementControlsDiv {
    float: right;
}

#DirectoriesDiv {
    margin-bottom: .1875rem;
}

#ItemRenameDiv {
    margin-top: .625rem;
    background-color: var(--faint-gray);
    padding: .5rem;
}

#NewDirectoryDiv, #UploadDiv, #PermissionsDiv {
    float: right;
    padding: .5rem;
    width: 29.375rem;
    background-color: var(--faint-gray);
    margin-bottom: 1rem;
}

#PermissionsDiv #SubjectsDiv {
    float: left;
}

#PermissionsDiv #SubjectsDiv select {
    width: 13.125rem;
    height: 5.625rem;
    margin-bottom: .625rem;
}

#PermissionsDiv #SubjectsManagementDiv {
    margin-top: .75rem;
    margin-left: .625rem;
    width: 15rem;
    float: left;
}

#PermissionsDiv #SubjectsManagementDiv input.textbox {
    width: 9.375rem;
}

#PermissionsDiv #SubjectsManagementDiv select.dropdown {
    width: 9.6875rem;
}

#PermissionsDiv #InternalButtonsDiv {
    clear: left;
    float: left;
    margin-bottom: .625rem;
}

#AclSelectorDiv {
    margin: .625rem 0 .625rem 0;
    background-color: #FEF693;
    border: solid .0625rem #FFCF10;
    padding: .625rem;
    float: left;
}

#AclSelectorDiv label {
    padding-right: .625rem;
}

#FileManagerTable {
}

/* END FileManager.ascx */

/* BEGIN AttachmentManager.ascx */

#MainAttachmentManagerDiv {
    float: left;
}

#UploadAttachmentDiv {
    float: right;
    padding: .5rem;
    background-color: #F0F0F0;
    margin-left: .625rem;
    width: 25rem;
}

#AttachmentManagerTable {
}

/* END AttachmentManager.ascx */

/* BEGIN AttachmentViewer.ascx */

#AttachmentViewerPage {
}

/* END AttachmentViewer.ascx */

/* BEGIN Non-content pages */

#SABody {
}

#HeaderSADiv {
    margin: .375rem auto 0 auto;
    width: 90%;
    padding: .5rem;
}

#NavigationSADiv {
    margin: 0 auto 0 auto;
    width: 90%;
    padding: .5rem;
}

#ContainerSADiv {
    margin: 0 auto 0 auto;
    width: 90%;
    background-color: #FFFFFF;
    border: solid .0625rem #888888;
    padding: .5rem .5rem .75rem .5rem;
}

#FooterSADiv {
    margin: .5rem auto .5rem auto;
    width: 90%;
    padding: 0;
}

/* END Non-content pages */

/* BEGIN User.aspx */

#UserGravatarDiv {
    float: right;
}

#UserGravatarDiv img {
    margin: .625rem;
    padding: .1875rem;
    border: solid .0625rem #CCCCCC;
}

#EmailMessageDiv {
    margin-top: 1.25rem;
}

#EmailMessageDiv .subject {
    width: 50%;
}

#EmailMessageDiv .body {
    margin-top: .375rem;
    width: 98%;
    height: 12.5rem;
    font-size: .75rem;
}

/* END User.aspx */

/* BEGIN AllPages.aspx */

#PageSelectorDiv {
    margin: .375rem 0 .375rem 0;
    font-size: .6875rem;
}

#PageSelectorDiv a {
    padding: .125rem;
    line-height: 1.0625rem;
}

#PageSelectorDiv a:hover, a.selected, a:hover.selected {
    text-decoration: none;
    background-color: var(--water-blue);
    color: #FFFFFF;
}

#PageSelectorDiv a.selected, a:hover.selected {
    font-weight: bold;
}

/* END AllPages.aspx */

/* BEGIN Post.aspx */

#PostCaptchaDiv {
    height: 2.5rem;
}

/* END Post.aspx */

div.cleanup {
    clear: both;
}

div.cleanupright {
    clear: right;
}

div.cleanupleft {
    clear: left;
}

/* Body IDs used in IFrameEditor.aspx, Popup.aspx, PopupWYSIWYG.aspx, ImageEditor.aspx */
#VisualEditorBody, #ToolWindowBody {
    /*background-color: #FFFFFF;
    background-image: none;*/
}

#EditHistoryLinkDiv > a {
    min-width: 10em;
    padding: .55em 1.25em;
    border-radius: .125em;
    line-height: 1.65em;

    color: var(--water-blue);
    border: .0625rem solid var(--water-blue);
    background-color: unset;
    display: inline-block;
    text-align: center;

    width: 100%;
    margin-bottom: .25em;
}

@media (min-width: 576px) {
    #EditHistoryLinkDiv > a {
        width: auto;
        margin-right: .25em;
    }
}

.username,
.username .systemlink.profile-link {
    display: inline-block;
}

#SidebarContentFooterDiv .username,
#SidebarContentFooterDiv select.namespacedropdown {
    float: none !important;
    display: block;
    width: 90%;
    margin: .25em auto .25em auto;
}

#SidebarContentFooterDiv .username a {
    width: 100%;
    text-align: center;
}

#EditHistoryLinkDiv > a:hover,
#EditHistoryLinkDiv > a:focus {
    color: #fff;
    background-color: var(--water-blue);
}

form[action^="./Default.aspx"][name="aspnetForm"] div#PageContentDiv table td {
    background-color: var(--water-blue-faded);
}

form[action^="./Default.aspx"][name="aspnetForm"] div#PageContentDiv table td.cell-breakWord {
    background-color: var(--water-blue);
}

th[style*="background-color:#81438e"],
td[style*="background-color:#81438e"] {
    background-color: var(--water-blue) !important;
}

.profile-link {
    padding: 0.5rem 0.75rem;
    border-radius: .25em;
    border: solid .0625em var(--faint-gray);
}

#HeaderDiv h1 {
    display: none;
}

.navMenu__toggle {
    vertical-align: bottom;
    margin-right: .5rem;
    display: inline-block;
}

.k-button.k-button-icon {
    padding: .55em;
    line-height: 1;
}

.btn.btn-outline-primary {
    border-radius: .25rem;
    border: solid .0625rem var(--water-blue);
}

.btn.btn-outline-primary * {
    fill: var(--water-blue);
    color: var(--water-blue);
}

.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus {
    background-color: var(--water-blue);
}

.btn.btn-outline-primary:hover *,
.btn.btn-outline-primary:focus * {
    fill: #fff;
    color: #fff;
}

#HeaderDiv {
    z-index: 20;
    position: relative;
    background-color: #fff;
}

#SidebarDiv {
    left: 0;
    top: 0;
    position: absolute;
    border: none;
    background-color: #f8f8f8;
    width: var(--sidebar-width);
    height: 100%;
    display: none;
    z-index: 10;
    margin: 0;
    padding: var(--header-height) 0 0;
}

#MainDiv {
    z-index: 5;
}

#SidebarDiv.navMenu__expand {
    display: block;
}

#SidebarDiv.navMenu__expand ~ #ContainerDiv #MainDiv::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #083c68af;
    backdrop-filter: blur(4px);
    z-index: 9;
}

#MainDiv {
    margin-left: 0;
}

@media (min-width: 576px) {
    .evisitor-logo {
        width: 176px;
        height: 40px;
    }

    .navMenu__toggle {
        display: none;
    }

    #SidebarDiv {
        display: block;
    }

    #MainDiv {
        margin-left: var(--sidebar-width);
    }
}