/* --------------------------------------------------------
    This is a part of the Sparx Systems Pro Cloud Server.
    Copyright (C) Sparx Systems Pty Ltd
    All rights reserved.
  
    This source code can be used only under terms and 
    conditions of the accompanying license agreement.
   -------------------------------------------------------- */
body {
    background-color: rgb(55, 119, 191);
    font-family: Arial, Helvetica, sans-serif !important;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0 6px 6px 6px;
    overflow: hidden;
    font-size: 14px;
    color: #333
}

ul {
    margin: 0;
    padding-left: 16px;
    white-space: initial
}

body.login-body {
    background-color: #eaeaea
}

.login-radio {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    visibility: hidden
}

.login-radio+span {
    display: block
}

.login-radio+span:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.25em;
    border: 0.1em solid #fff;
    box-shadow: 0 0 0 1px #000;
    margin-right: 1em
}

.login-radio:checked+span:before {
    background: #3777bf
}

#login-auth-header {
    color: white
}

#main-footer {
    color: #333
}

#main-footer-config {
    color: white
}

.login-field-img-layout-img {
    padding: 4px 0 0 5px
}

img {
    text-decoration: none;
    border: 0
}

#main-tl-swoosh {
    position: absolute;
    right: 0;
    width: 511px;
    height: 58px
}

.mainsprite-procloudswoosh {
    background-image: url("../images/mainsprite.png");
    background-position: -2px -42px;
    background-repeat: no-repeat;
    width: 511px;
    height: 58px
}

header {
    position: absolute;
    left: 0;
    top: 4px;
    right: 0;
    height: 32px
}

#header-left {
    top: 0;
    position: absolute;
    width: auto;
    left: 0
}

#header-right {
    float: right
}

#project-title {
    left: 110px;
    top: 0;
    right: 10px;
    padding-left: 6px;
    margin: 0 40px 0 20px;
    font-size: 16px;
    color: white;
    height: 32px
}

#project-title-text {
    display: inline-block;
    vertical-align: top;
    padding-top: 7px;
    margin-left: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#titlebar-home-button {
    width: 32px
}

#main-tl-logo {
    width: 120px;
    vertical-align: top;
    display: inline-block
}

#main-db-icon {
    width: 16px;
    vertical-align: top;
    margin-top: 8px;
    margin-right: 4px;
    display: inline-block
}

#webea-main-content {
    display: none
}

#webea-about-dialog {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top: 100px;
    background-color: #f9f9f9;
    border: 1px solid #CCC;
    box-shadow: 7px 7px 6px;
    width: 480px;
    display: none;
    z-index: 500
}

#webea-messagebox-dialog {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top: 100px;
    background-color: #f9f9f9;
    border: 1px solid #CCC;
    box-shadow: 7px 7px 6px;
    width: 380px;
    min-width: 380px;
    display: none;
    z-index: 500
}

#webea-show-link-dialog,
#webea-goto-link-dialog {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top: 100px;
    background-color: #f9f9f9;
    border: 1px solid #CCC;
    box-shadow: 7px 7px 6px;
    display: none;
    z-index: 500
}

#webea-show-link-dialog {
    width: 90%;
    max-width: 500px
}

#webea-goto-link-dialog {
    width: 90%;
    max-width: 305px
}

.webea-about-dialog-title,
.webea-messagebox-title,
.webea-show-link-title,
.webea-goto-link-title {
    height: 24px;
    background-color: #3777bf;
    border: 1px solid #32587a;
    color: white;
    padding: 6px 0 0 12px;
    margin: 2px
}

#webea-messagebox-title-text,
#webea-show-link-title-text,
#webea-goto-link-title-text {
    display: inline-block
}

.webea-dialog-close-button {
    width: 26px;
    height: 20px;
    background-position: -120px -2px;
    float: right;
    border-width: 0;
    margin-right: 6px;
    width: 30px;
    background-color: #c75050;
    cursor: pointer
}

.webea-about-dialog-close-button:hover,
.webea-messagebox-close-button:hover,
.webea-show-link-close-button:hover,
.webea-goto-link-close-button:hover {
    cursor: pointer
}

.webea-about-dialog-body,
.webea-messagebox-body,
.webea-show-link-body,
.webea-goto-link-body {
    padding: 0 20px 20px 20px
}

.webea-about-dialog-appversion {
    font-size: 16px;
    padding-bottom: 12px
}

.webea-about-dialog-copyright {
    font-size: 13px;
    padding-bottom: 6px
}

.webea-about-dialog-agreement {
    font-size: 13px;
    padding-bottom: 12px
}

.webea-about-line {}

.webea-about-line-header {
    padding-top: 10px;
    font-size: 14px
}

.webea-about-line-label {
    display: inline-block;
    left: 36px;
    width: 100px;
    position: relative;
    color: gray;
    vertical-align: top;
    font-size: 14px
}

.webea-about-line-value {
    display: inline-block;
    left: 36px;
    width: 280px;
    position: relative;
    font-size: 14px
}

.webea-messagebox-line {
    position: absolute
}

#webea-messagebox-line-message {
    display: inline-block;
    padding: 20px 0 10px 8px
}

#webea-show-link-line-message,
#webea-goto-link-line-message {
    padding: 20px 0 10px 0
}

.webea-messagebox-image {
    position: relative;
    top: 17px;
    display: inline-block
}

#webea-messagebox-line-value-message {
    padding-left: 40px
}

#webea-stereotype-list {
    position: absolute;
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 500
}

.webea-stereotype-list-body {
    padding: 12px 12px 12px 12px
}

.webea-stereotype-list-hdr {
    font-size: 1.1em;
    color: #666;
    font-weight: bold;
    border-bottom: 1px solid #DDD;
    margin-bottom: 8px;
    padding-bottom: 4px
}

.webea-stereotype-list-item {
    padding-top: 2px;
    padding-left: 10px;
    font-size: 1.0em;
    color: #333
}

#main-page-overlay {
    width: 100%;
    height: 100%;
    z-index: 6;
    left: 0;
    top: 0;
    position: fixed;
    background-color: #808080;
    opacity: .4;
    display: none
}

#prompt-overlay {
    width: 100%;
    height: 100%;
    z-index: 500;
    left: 0;
    top: 0;
    position: fixed;
    background-color: #808080;
    opacity: .4;
    display: none
}

.webea-about-line-cancel {
    height: 32px
}

.webea-about-cancel {
    float: right;
    margin-top: 10px;
    padding: 4px 10px
}

.webea-show-link-line,
.webea-goto-link-line {
    padding: 2px 0 4px 0
}

#webea-show-link-textarea,
#webea-show-fulllink-textarea {
    height: 20px;
    font-size: 0.8em;
    width: calc(100% - 40px);
    margin-top: 3px
}

#webea-goto-link-textarea {
    height: 20px;
    font-size: 0.8em;
    width: 100%;
    margin-top: 3px
}

.webea-show-link-selectall {
    float: right
}

.collapsible-plusminussection-closed {
    width: 16px;
    height: 16px;
    background-position: -378px -144px;
    cursor: pointer;
    white-space: nowrap
}

.collapsible-plusminussection-opened {
    width: 16px;
    height: 16px;
    background-position: -358px -144px;
    cursor: pointer;
    white-space: nowrap
}

.collapsible-block-text {
    margin-left: 26px
}

.header-buttons {
    display: inline-block
}

.header-button-margin {
    display: inline-block;
    margin: 0 3px
}

.search-dropdown,
.hamburger-dropdown,
.element-hamburger-dropdown {
    display: inline-block
}

#search-button,
#hamburger-button,
#collab-button {
    height: 36px;
    width: 44px;
    border: 1px;
    border-style: none;
    background-color: transparent;
    display: inline-block;
    cursor: pointer
}

#search-menu,
#hamburger-menu,
#element-hamburger-menu,
#path-menu,
#navbar-search-menu,
#navbar-hamburger-menu {
    display: none
}

div.hamburger-contextmenu-arrow-bottom {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #838383;
    font-size: 0;
    line-height: 0;
    position: relative;
    top: -5px;
    left: 13px;
    z-index: 200
}

div.hamburger-contextmenu-arrow-top {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #eee;
    font-size: 0;
    line-height: 0;
    position: relative;
    top: -12px;
    left: 13px;
    z-index: 600
}

div.contextmenu-arrow-bottom {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #838383;
    font-size: 0;
    line-height: 0;
    position: relative;
    top: -6px;
    left: 13px;
    z-index: 200
}

div.contextmenu-arrow-top {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #eee;
    font-size: 0;
    line-height: 0;
    position: relative;
    top: -13px;
    left: 13px;
    z-index: 600
}

.contextmenu-content {
    right: 2px;
    position: absolute;
    background-color: #fff;
    min-width: 200px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 500;
    top: 38px;
    font-size: 14px
}

.header-buttons .contextmenu-content {
    right: unset
}

.contextmenu-header {
    background-color: #eee;
    padding: 6px 24px 6px 24px;
    color: #888;
    cursor: default
}

.contextmenu-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px;
    margin: 2px;
    cursor: pointer
}

.contextmenu-items {
    padding-bottom: 2px;
    color: #333;
    overflow: auto
}

.contextmenu-items img {
    margin: 0 12px 0 0;
    position: relative;
    top: 2px
}

.contextmenu-about {
    display: none
}

.contextmenu-items hr {
    margin: 2px 0 2px 0;
    height: 1px;
    color: #ddd;
    background-color: #ddd;
    border: none
}

.contextmenu-items-hdr {
    color: #aaa;
    font-size: 0.8em;
    padding-left: 4px;
    margin-left: 12px;
    font-weight: bold;
    cursor: pointer
}

.contextmenu-item {
    padding: 6px 24px 6px 22px
}

.contextmenu-item.selected {
    background-color: #eee
}

.contextmenu-item-inner {
    background-color: white
}

.small-padding-right {
    padding-right: 2px
}

.plain-text-href {
    color: inherit;
    text-decoration: inherit
}

.contextmenu-item:hover {
    background-color: #5ea5ea;
    color: white;
    cursor: pointer
}

.contextmenu-item.diagram-zoom:hover {
    background-color: unset;
    color: unset;
    cursor: default
}

.contextmenu-item[disabled] {
    color: #acacac;
    cursor: default;
    pointer-events: none;
    cursor: default
}

.contextmenu-item:hover[disabled] {
    background-color: white;
    color: #808080
}

.small-margin {
    padding-left: 12px
}

.objectpath-img-image {
    white-space: nowrap;
    padding-top: 2px;
    position: relative;
    display: inline-block
}

.objectpath-img-span {
    display: block;
    position: absolute;
    top: 4px
}

#hamburger-layout-wide-icon,
#hamburger-layout-split-icon,
#hamburger-iconview-icon,
#hamburger-listview-icon,
#hamburger-imageview-icon,
#hamburger-notesview-icon,
#hamburger-matrix-icon,
.mainsprite-browser,
.mainsprite-miniprops {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-left: 26px
}

#hamburger-about-icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0
}

.mainsprite-systemoutput {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0
}

#package-iconview-icon,
#package-listview-icon,
#package-notesview-icon,
#package-iconview-icon-white,
#package-listview-icon-white,
#package-notesview-icon-white,
#properties-filter-icon,
.copy-icon {
    display: inline-block;
    background-repeat: no-repeat;
    margin: 4px 3px 3px 4px;
    vertical-align: middle
}

#package-iconview-button,
#package-listview-button,
#package-notesview-button {
    display: inline-block;
    margin: 2px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    cursor: pointer
}

.copy-button {
    display: inline-block;
    border-radius: 2px;
    cursor: pointer
}

.webea-show-link-line .copy-button {
    margin-left: 4px
}

#properties-filter-button {
    display: inline-block;
    margin: 2px;
    border: none;
    border-radius: 4px;
    cursor: pointer
}

#package-iconview-button:hover,
#package-listview-button:hover,
#package-notesview-button:hover,
#properties-filter-button:hover,
.copy-button:hover {
    background-color: #dddddd
}

.package-icon-selected {
    background-color: #ccc
}

.package-icon-selected:hover {
    background-color: #ccc !important
}

.hamburger-logout-icon {
    width: 16px;
    height: 16px;
    background-position: -456px -2px
}

#hamburger-about-icon {
    width: 16px;
    height: 16px;
    background-position: -2px -2px
}

#hamburger-iconview-icon,
#package-iconview-icon {
    width: 16px;
    height: 16px;
    background-position: -476px -2px
}

#properties-filter-icon {
    width: 16px;
    height: 16px;
    background-position: -222px -282px
}

.copy-icon {
    width: 16px;
    height: 16px;
    background-position: -242px -282px
}

#hamburger-listview-icon,
#package-listview-icon {
    width: 16px;
    height: 16px;
    background-position: -496px -2px
}

#hamburger-notesview-icon,
#package-notesview-icon {
    width: 16px;
    height: 16px;
    background-position: -381px -129px
}

#package-iconview-icon-white {
    width: 16px;
    height: 16px;
    background-position: -62px -282px
}

#package-listview-icon-white {
    width: 16px;
    height: 16px;
    background-position: -82px -282px
}

#package-notesview-icon-white {
    width: 16px;
    height: 16px;
    background-position: -102px -282px
}

#hamburger-layout-wide-icon {
    width: 16px;
    height: 16px;
    background-position: -456px -22px
}

#hamburger-layout-split-icon {
    width: 16px;
    height: 16px;
    background-position: -152px -22px
}

#hamburger-matrix-icon {
    width: 16px;
    height: 16px;
    background-position: -244px -220px
}

.hamburger-item-text {
    white-space: nowrap;
    margin-left: 26px
}

.prop-layout-wide-enabled,
.prop-layout-split-enabled {
    width: 16px;
    height: 16px;
    background-position: -476px -22px
}

.prop-layout-wide-disabled {
    width: 0;
    height: 16px;
    background-position: -476px -22px
}

.hamburger-radio-icon {
    width: 16px;
    height: 16px;
    background-position: -476px -22px
}

.navbar {
    font-size: 14px;
    height: 36px;
    margin: 0;
    padding: 0;
    background: #f7f7f7;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #ccc
}

.navbar-panel-left {
    position: absolute;
    top: 0;
    left: 0;
    right: 48px
}

.navbar-panel-right {
    float: right;
    border-radius: 0 5px 0 0
}

.navbar-spacer {
    display: inline-block;
    vertical-align: middle;
    padding: 0 2px 0 2px
}

.navbar-spacer-2 {
    display: inline-block;
    vertical-align: middle;
    padding: 0 6px 0 6px;
    display: none
}

#navbar-path-button,
#navbar-search-button,
#navbar-hamburger-button,
#navbar-properties-button,
#navbar-browser-button,
#navbar-history-button,
#navbar-share-button,
#navbar-expand-button,
#navbar-collapse-button {
    font-size: 1em;
    height: 36px;
    width: 42px;
    margin-top: 0;
    border: 1px;
    border-style: none;
    border-color: #8f8f8f;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

#navbar-info-button {
    font-size: 1em;
    height: 36px;
    width: 44px;
    margin-top: 0;
    border: 1px;
    border-style: none;
    border-color: #8f8f8f;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    display: none
}

#navbar-ellipsis-button {
    font-size: 1em;
    height: 36px;
    width: 36px;
    margin-top: 0;
    border: 1px;
    border-style: none;
    border-color: #8f8f8f;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    display: none;
    cursor: pointer
}

#navbar-ellipsis-button:hover {
    background-color: #bebebe;
    border-radius: 0 5px 0 0
}

#navbar-properties-button {
    border-radius: 0 5px 0 0
}

#navbar-home-button,
#navbar-refresh-button {
    font-size: 1em;
    height: 36px;
    width: 42px;
    margin-top: 0;
    display: inline-block;
    cursor: pointer;
    vertical-align: top
}

#navbar-back-button {
    font-size: 1em;
    height: 36px;
    width: 42px;
    margin-top: 0;
    display: inline-block;
    cursor: pointer;
    vertical-align: top
}

#navbar-search-button {
    width: 44px;
    height: 36px;
    background-position: -382px -174px;
    margin: auto
}

#navbar-hamburger-button {
    width: 44px;
    height: 36px;
    background-position: -340px -174px;
    margin: auto
}

#navbar-expand-button {
    display: none;
    vertical-align: top
}

#navbar-collapse-button {
    display: none
}

#navbar-refresh-button:hover,
#navbar-path-button:hover,
#navbar-info-button:hover,
#navbar-browser-button:hover,
#navbar-properties-button:hover,
#navbar-search-button:hover,
#navbar-hamburger-button:hover,
#navbar-share-button:hover,
#navbar-history-button:hover,
#navbar-expand-button:hover,
#navbar-collapse-button:hover,
#navbar-back-button:hover {
    background-color: #bebebe
}

#navbar-info-button:hover {
    border-radius: 0 5px 0 0
}

#navbar-home-button:hover {
    background-color: #bebebe
}

#navbar-back-button:hover {
    border-radius: 5px 0 0 0
}

#navbar-refresh-button:active,
#navbar-path-button:active,
#navbar-info-button:active,
#navbar-browser-button:active,
#navbar-properties-button:active,
#navbar-search-button:active,
#navbar-hamburger-button:active,
#navbar-home-button:active,
#navbar-share-button:active,
#navbar-history-button:active,
#navbar-expand-button:active,
#navbar-collapse-button:active {
    transform: translateY(1px)
}

#navbar-refresh-button[disabled],
#navbar-path-button[disabled],
#navbar-info-button[disabled],
#navbar-browser-button[disabled],
#navbar-properties-button[disabled],
#navbar-home-button[disabled],
#navbar-share-button[disabled],
#navbar-history-button[disabled],
#navbar-expand-button[disabled],
#navbar-collapse-button[disabled] {
    opacity: 0.4
}

#navbar-path-button[disabled]:hover,
#navbar-info-button[disabled]:hover,
#navbar-browser-button[disabled]:hover,
#navbar-properties-button[disabled]:hover,
#navbar-home-button[disabled]:hover,
#navbar-share-button[disabled]:hover,
#navbar-history-button[disabled]:hover,
#navbar-expand-button[disabled]:hover,
#navbar-collapse-button[disabled]:hover {
    background-color: white
}

#navbar-path-button[disabled]:active,
#navbar-info-button[disabled]:active,
#navbar-browser-button[disabled]:active,
#navbar-properties-button[disabled]:active,
#navbar-home-button[disabled]:active,
#navbar-share-button[disabled]:active,
#navbar-history-button[disabled]:active {
    background-color: white;
    transform: none
}

.navbar-history-dropdown,
.navbar-path-dropdown {
    display: inline-block;
    overflow: visible;
    vertical-align: top
}

.navbar-search-dropdown,
.navbar-hamburger-dropdown {
    display: none;
    overflow: visible
}

#navbar-history-dropdown-content {
    right: 62px;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    border: 1px solid #CCC;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px 2px 2px 2px;
    padding: 0 6px 0 16px;
    z-index: 500;
    top: 36px;
    max-height: 300px;
    overflow: auto
}

#navbar-path-dropdown-content {
    right: 106px;
    overflow: visible;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    border: 1px solid #CCC;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px 2px 2px 2px;
    padding: 0 6px 0 16px;
    z-index: 500;
    top: 36px;
    max-height: 300px;
    overflow: auto
}

.navbar-path-dropdown:hover #navbar-path-dropdown-content {
    display: block
}

.navbar-history-dropdown:hover #navbar-history-dropdown-content {
    display: block
}

#navbar-current-name {
    /* position: absolute; */
    position: inherit;
    left: 144px;
    top: 9px;
    right: 10px;
    display: inline-block;
    height: 20px
}

#navbar-current-name.path-hidden {
    left: 102px
}

#navbar-current-name-text,
#matrix-heading-text {
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#main-contents {
    position: absolute;
    width: auto;
    left: 0;
    top: 43px;
    right: 0;
    bottom: 24px;
    background-color: white;
    border-radius: 5px 5px 0 0
}

#main-contents.show_sysoutput {
    bottom: 185px
}

#main-contents-sub {
    width: 100%;
    min-height: 100px;
    height: 100%;
    background-color: white;
    border-radius: 5px 5px 0 0
}

#main-model-mainview {
    position: absolute;
    top: 37px;
    left: 0;
    width: 100%;
    background-color: white;
    overflow: auto;
    height: calc(100% - 38px);
    border-radius: 5px 5px 0 0
}

#main-collaborate-content {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: white;
    overflow: auto;
    height: 100%;
    border-radius: 5px 5px 0 0
}

#main-inspect-content,
#main-matrix-content {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: white;
    overflow: auto;
    height: 100%;
    border-radius: 5px 5px 0 0
}

#main-statusbar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 24px;
    width: 100%;
    border-radius: 0 0 5px 5px;
    background-color: #ececec;
    border-top: 1px solid #ccc
}

#main-statusbar-tb {
    width: 100%;
    display: table
}

#main-statusbar-tb-row {
    display: table-row
}

#main-statusbar-left {
    width: 110px;
    display: table-cell;
    vertical-align: top
}

#main-statusbar.show_sysoutput {
    bottom: 161px
}

.sysout-delete-btn {
    position: absolute;
    top: 2px;
    right: 20px;
    width: 20px;
    height: 20px;
    border: none;
    padding: 2px;
    background-color: white
}

.sysout-copy-btn {
    position: absolute;
    top: 2px;
    right: 44px;
    width: 20px;
    height: 20px;
    border: none;
    padding: 2px;
    background-color: white
}

.sysout-entry {
    font-size: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.statusbar-item-about-cell {
    width: 20px;
    display: table-cell;
    float: right;
    cursor: pointer
}

.statusbar-item-about {
    float: right;
    width: 20px;
    padding-left: 4px;
    padding-top: 3px;
    border-left: 1px solid #aaa;
    height: 21px
}

.statusbar-item-review-cell,
.statusbar-scroll-mode-cell,
.statusbar-chat-cell {
    display: table-cell;
    vertical-align: top;
    max-width: 400px;
    float: right;
    padding-right: 14px;
    font-size: 12px;
    height: 24px
}

.statusbar-chat-cell.blue-background {
    background-color: #6eaaee
}

.statusbar-review-icon {
    vertical-align: bottom
}

.statusbar-chat-icon {
    vertical-align: bottom
}

.statusbar-scroll-mode {
    display: inline-block;
    vertical-align: top;
    min-width: 100px;
    max-width: 400px;
    float: right;
    padding: 4px 16px 0 4px;
    font-size: 12px;
    border-left: 1px solid #aaa
}

#scroll-mode {
    display: inline-block;
    width: 24px
}

.statusbar-item-review,
.statusbar-item-scroll-mode,
.statusbar-item-new-chat {
    cursor: pointer;
    padding-left: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    padding-top: 4px;
    border-left: 1px solid #aaa
}

.statusbar-item-scroll-mode {
    padding-top: 2px
}

#main-busy-loader1,
#login-busy-loader,
#navbar-busy-loader,
#chat-busy-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 450;
    background-color: white;
    display: none;
    opacity: 0.6
}

#navbar-busy-loader {
    height: 37px
}

#full-busy-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 450;
    background-color: white;
    display: none;
    opacity: 0.6
}

#miniprops-busy-loader {
    z-index: 450;
    background-color: white;
    display: none;
    opacity: 0.6
}

#mainview-busy-loader {
    z-index: 450;
    background-color: white;
    opacity: 0.6;
    overflow: auto !important;
    height: 100%;
    position: absolute;
    top: 0
}

#navbar-busy-loader {
    border-radius: 5px 5px 5px 5px
}

#webea-nojs-popup {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 500
}

#webea-nocookies-popup {
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 500
}

.webea-nojs-popup-section,
.webea-nocookies-popup-section {
    width: 260px;
    margin-top: 70px;
    margin-right: auto;
    margin-left: auto;
    opacity: 1.0;
    border: 2px solid #777777;
    background-color: white;
    padding: 20px;
    height: 86px;
    z-index: 500;
    border-radius: 4px
}

.webea-nojs-image,
.webea-nocookies-image {
    display: inline-block
}

.webea-nojs-line1,
.webea-nocookies-line1 {
    font-size: 24px;
    color: #777777;
    padding-bottom: 10px;
    padding-left: 10px;
    display: inline-block;
    position: absolute;
    width: 220px
}

#webea-session-timeout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    display: none
}

#page-built-with-model-no {
    display: none
}

.main-spinner,
.navbar-spinner,
.miniprops-spinner,
.session-timeout {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 1.0
}

.session-timeout-section {
    width: 300px;
    margin-top: 70px;
    margin-bottom: 150px;
    margin-right: auto;
    margin-left: auto;
    opacity: 1.0;
    border: 1px solid #777777;
    background-color: white;
    padding: 20px;
    z-index: 500
}

.session-timeout-image {
    margin-right: auto;
    margin-left: auto;
    display: inline-block
}

.session-timeout-line1 {
    font-size: 24px;
    color: #777777;
    padding-bottom: 10px;
    padding-left: 10px;
    display: inline-block
}

.session-timeout-line2 {
    font-size: 18px;
    color: #777777
}

#main-diagram {
    width: 100%;
    min-height: 100px;
    height: 100%;
    overflow: auto;
    border-radius: 0 0 5px 5px
}

#main-content-empty,
#main-diagram-empty {
    padding: 10px
}

#main-content-empty.show-browser {
    position: absolute;
    top: 0;
    left: 266px;
    right: 0;
    overflow: auto !important
}

#icon-view {
    padding: 10px 5px;
    margin: 1px;
    overflow: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.icon-view-item {
    float: left;
    position: relative;
    width: 140px;
    height: calc(48px + 5em);
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center;
    overflow: hidden
}

.icon-view-item:hover {
    cursor: pointer
}

.icon-view-item h3 {
    height: calc(5em - 20px);
    width: 100%;
    margin: 0;
    padding: 8px 5px 0 5px;
    max-width: 130px;
    overflow: hidden;
    line-height: 1.2em;
    font-size: 1.0em;
    font-weight: normal;
    color: #999
}

.icon-view-item h3:before {
    content: "";
    float: left;
    width: 5px;
    height: 5em
}

.icon-view-item h3>*:first-child {
    float: right;
    width: 100%;
    margin-left: -5px
}

.icon-view-item h3:after {
    content: "\02026";
    box-sizing: content-box;
    float: right;
    position: relative;
    top: -36px;
    left: 100%;
    width: 18px;
    margin-left: -20px;
    padding-right: 5px;
    text-align: right;
    background-color: white
}

.icon-view-item p {
    visibility: hidden
}

#main-package-list,
#main-package-icon,
#main-diagram-image,
#main-diagram-list,
#main-properties-all {
    font-size: 14px
}

#main-package-list-options {
    position: absolute;
    right: 0;
    margin: 2px
}

#svg-overlay {
    position: absolute;
    top: 0;
    left: 10px;
    pointer-events: none
}

.main-package-inner,
.main-diagram-inner {
    padding: 10px 10px 20px 10px;
    background-color: white
}

.main-package-inner {
    padding-top: 26px
}

.main-diagram-inner {
    overflow: unset
}

.package-icon-img-image {
    display: block;
    white-space: nowrap;
    padding-top: 2px;
    position: relative
}

.package-icon-img-span {
    display: block;
    position: absolute;
    top: 4px;
    margin-left: 46px
}

#package-list-table {
    width: 100%;
    overflow: auto;
    border-bottom: 2px solid #dddddd;
    border-spacing: 0
}

.package-list-parent {
    cursor: pointer
}

#package-list-table th:nth-child(1),
#package-list-table td:nth-child(1) {
    width: 24px
}

#package-list-table th:nth-child(2),
#package-list-table th:nth-child(4) {
    min-width: 70px
}

.package-list-tr {
    line-height: 1.6em
}

.package-list-tr-nth-child {
    background-color: #fffff8
}

.package-list-th {
    text-align: left;
    border-bottom: 1px solid #cccccc;
    color: #9F9F9F;
    padding: 4px 5px 4px 5px;
    cursor: pointer
}

.package-list-td {
    color: #333;
    border: 0
}

.package-list-td .inline-element-image {
    display: block;
    height: 100%;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px
}

.package-list-tr:hover td {
    background-color: WhiteSmoke
}

.package-list-img-image {
    white-space: nowrap;
    padding-top: 2px;
    position: relative
}

.package-list-img-span {
    display: block;
    position: absolute;
    top: 6px
}

.package-list-td-notes {
    padding: 0 10px 0 10px;
    border-bottom: 1px solid #dddddd
}

.package-cell-content {
    text-decoration: none;
    color: #333;
    padding: 4px 5px 4px 5px;
    display: block
}

.package-cell-up {
    padding: 4px 0 0 0
}

#package-specman {
    overflow: auto
}

.package-specman-img-image {
    white-space: nowrap;
    padding-right: 6px;
    padding-top: 2px;
    position: relative
}

.package-specman-img-span {
    display: block;
    position: absolute;
    top: 4px
}

.package-specman-item {
    padding-bottom: 20px
}

.package-specman-item-name {
    padding-left: 10px;
    cursor: pointer
}

.package-specman-item-name-size1 {
    font-size: 1.4em
}

.package-specman-item-name-size2 {
    font-size: 1.2em
}

.package-specman-item-name-size3 {
    font-size: 1.1em
}

.package-specman-item-notes {
    padding-left: 34px;
    white-space: pre-line
}

#diagram-list-table {
    width: 100%;
    overflow: auto;
    border-bottom: 2px solid #dddddd;
    border-spacing: 0
}

.diagram-list-tr {
    cursor: pointer;
    line-height: 1.6em
}

.diagram-list-tr2a,
.diagram-list-tr2b {
    cursor: pointer
}

.diagram-list-tr-nth-child {
    background-color: #fffff8
}

.diagram-list-th {
    text-align: left;
    border-bottom: 1px solid #cccccc;
    color: #9F9F9F;
    padding: 4px 5px 4px 5px;
    cursor: default
}

.diagram-list-td {
    vertical-align: top;
    border-bottom: 1px solid #dddddd;
    color: #333;
    padding: 4px 5px 4px 5px
}

.diagram-list-tr:hover td {
    background-color: WhiteSmoke
}

.diagram-list-img-image {
    white-space: nowrap;
    width: 16px;
    padding-top: 2px;
    padding-right: 6px;
    background-position-y: 2px;
    background-repeat: no-repeat
}

#diagram-specman {
    overflow: auto
}

.diagram-specman-img-image {
    white-space: nowrap;
    width: 16px;
    padding-top: 2px;
    padding-right: 6px;
    background-position-y: 2px;
    background-repeat: no-repeat
}

.diagram-specman-item {
    padding-bottom: 20px
}

.diagram-specman-item-name {
    font-weight: bold;
    padding-left: 10px;
    cursor: pointer
}

.diagram-specman-item-name-size1 {
    font-size: 1.4em
}

.diagram-specman-item-name-size2 {
    font-size: 1.2em
}

.diagram-specman-item-name-size3 {
    font-size: 1.1em
}

.diagram-specman-item-notes {
    padding-left: 34px;
    white-space: pre-line
}

.webea-page-header {
    font-size: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #3777bf
}

.webea-main-styled-button {
    background-color: #3777bf;
    border: 0;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    border-radius: 2px
}

.webea-main-styled-button:hover {
    background-color: #044d9f
}

.webea-main-styled-button:focus {
    background-color: #044d9f
}

.webea-main-styled-button[disabled] {
    opacity: 0.3;
    background-color: #8D8D8D;
    cursor: unset !important
}

.webea-main-styled-combo {
    background: url(../images/combobutton.png) no-repeat calc(100% - 8px) 0;
    height: 29px;
    overflow: hidden;
    width: 240px;
    border-radius: 4px;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 2px 4px 2px 4px;
    border: 1px solid #a1a1a1;
    font-size: 1em;
    min-width: 120px
}

.webea-main-styled-combo select {
    background: transparent;
    border: none;
    font-size: 14px;
    height: 29px;
    padding: 5px;
    width: 268px
}

.webea-main-styled-combo:disabled {
    background-color: #e3e3e3
}

.webea-main-styled-textbox-small {
    overflow: hidden;
    width: 240px;
    border-radius: 4px;
    padding: 0 4px 0 4px;
    background-color: white;
    border: 1px solid #a1a1a1
}

.webea-main-styled-textbox {
    width: 100%;
    border-radius: 4px;
    background-color: white;
    border: 1px solid #a1a1a1;
    padding: 4px 8px;
    font-size: 1em;
    max-width: 400px;
    font-family: Arial, Helvetica, sans-serif
}

.webea-main-styled-textbox2 {
    border-radius: 4px;
    background-color: white;
    border: 1px solid #a1a1a1;
    padding: 4px 8px;
    font-size: 1em;
    width: 220px
}

.webea-main-styled-textbox-small:disabled {
    background-color: #e3e3e3
}

.webea-main-styled-date {
    background-color: white;
    border: 1px solid #a1a1a1;
    font-size: 1em;
    width: 120px;
    border-radius: 4px;
    padding: 4px 8px
}

.webea-main-styled-number {
    width: 80px;
    background-color: white;
    border: 1px solid #a1a1a1;
    font-size: 1em;
    border-radius: 4px;
    padding: 4px 0 4px 8px
}

#select-feature-heading {
    font-size: 16px;
    padding: 6px 6px 6px 12px;
    color: #3777bf;
    display: inline-block
}

#select-feature-button {
    width: 16px;
    height: 16px;
    margin-left: 12px;
    margin-right: 16px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 2px
}

#select-feature-menu {
    display: none;
    top: 30px;
    right: -7px;
    position: absolute;
    background-color: #FFF;
    min-width: 180px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 500;
    font-size: 14px
}

#select-recipient-menu {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 180px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 500;
    font-size: 14px
}

#select-recipient-menu .contextmenu-items {
    max-height: 400px
}

#select-flag-menu {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 158px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 500;
    font-size: 14px
}

#select-flag-menu .contextmenu-items .contextmenu-item {
    padding: 6px 8px 6px 8px
}

#set-preview-menu {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 142px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 500;
    font-size: 14px;
    right: 0
}

#collab-context-menu {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 200px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 500;
    font-size: 14px;
    left: calc(60% - 200px - 32px)
}

#collab-tab-contextmenu {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 148px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 500;
    font-size: 14px
}

.collab-chat-menu {
    min-width: 158px !important
}

.collab-comments-menu {
    min-width: 200px !important
}

#navbar-context-menu {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 200px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 500;
    font-size: 14px;
    right: 2px
}

#chat-newmsg-context-menu {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 200px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 500;
    font-size: 14px;
    right: 2px;
    bottom: 30px
}

#mail-ellipsis-menu {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 142px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 500;
    font-size: 14px;
    right: 12px
}

.diagram-zoom-out-btn {
    margin-left: 24px;
    display: inline-block;
    padding: 4px 8px;
    font-weight: bold;
    border: 1px solid lightgrey;
    border-radius: 3px;
    width: 8px;
    text-align: center
}

.diagram-zoom-out-btn[zoom-val=NA],
.diagram-zoom-in-btn[zoom-val=NA] {
    color: lightgrey !important;
    ;
    cursor: default !important;
    ;
    background-color: unset !important
}

.diagram-zoom-in-btn {
    margin-left: 16px;
    display: inline-block;
    padding: 4px 8px;
    font-weight: bold;
    border: 1px solid lightgrey;
    border-radius: 3px;
    width: 8px;
    text-align: center
}

.diagram-zoom-out-btn:hover,
.diagram-zoom-in-btn:hover {
    background-color: #5ea5ea;
    color: white;
    cursor: pointer
}

#feature-mini-sections {
    padding: 6px
}

.miniprops-header {
    font-size: 16px;
    padding: 6px 6px 12px 6px;
    color: #3777bf
}

.propsview-section {
    padding-bottom: 16px
}

.propsview-config-button {
    float: right;
    cursor: pointer;
    display: inline-block;
    margin: 8px 7px 2px 2px;
    border: 1px;
    border-style: solid;
    border-color: #cccccc;
    border-radius: 3px;
    background-color: white;
    align-content: center;
    padding: 4px
}

.propsview-config-button:hover {
    background-color: #ddd
}

#feature-mini-sections #review-section {
    padding: 0
}

#feature-mini-sections #discussion-section {
    padding: 0
}

#feature-mini-sections .properties-header {
    font-size: 16px;
    padding: 6px 6px 12px 6px;
    color: #3777bf
}

.favorites-header {
    font-size: 16px;
    padding: 6px;
    color: #3777bf
}

.mainview-favorites {
    padding: 12px
}

.mainview-favorites .favorites-header {
    font-size: 20px;
    padding-bottom: 12px
}

.mainview-favorites .browser-item-name-td {
    max-width: 400px
}

#location-mini-section,
#instance-mini-section {
    padding-left: 6px;
    padding-bottom: 12px
}

#properties-main {
    top: 0;
    left: 0;
    border: none
}

#properties-right {
    overflow: auto !important
}

.properties-main1 {
    height: auto
}

.properties-right1 {
    left: 0;
    height: auto
}

.properties-main2 {
    position: absolute;
    width: calc(80% - 64px);
    height: 100%
}

.properties-right2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 60%;
    height: 100%;
    border-left: solid 1px #aaa
}

.object-navigation {
    float: right
}

#element-hamburger-button {
    font-size: 1em;
    height: 38px;
    width: 44px;
    margin-top: 0;
    border-style: none;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    display: inline-block;
    cursor: pointer
}

#element-hamburger-button:hover {
    background-color: #bebebe
}

#element-hamburger-button:active {
    background-color: #f0f0f0;
    transform: translateY(1px)
}

#element-hamburger-button[disabled] {
    opacity: 0.4
}

#element-hamburger-button[disabled]:hover {
    background-color: white
}

#element-hamburger-button[disabled]:active {
    background-color: white;
    transform: none
}

.show-stereotypes-button {
    cursor: pointer;
    font-size: 0.8em;
    border-radius: 2px;
    border-style: none;
    background-color: #3777bf;
    color: white;
    vertical-align: top
}

.review-session-section {
    height: 30px;
    width: 100%
}

.review-session-actions {
    float: right
}

.review-session-action-button {
    background-color: #3777bf;
    border: 0;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    margin-right: 20px;
    height: 28px;
    display: inline-block;
    border-radius: 2px
}

.review-session-action-button:hover {
    background-color: #044d9f
}

.login-header-header {
    background-color: #dfebf8;
    background-color: #3777bf;
    margin-bottom: 20px;
    border-bottom: 3px solid #5e89b9;
    border-bottom: 3px solid #8caed4
}

.login-header-text {
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px 0 12px 0;
    font-size: 24px;
    text-align: center;
    color: #444;
    color: white
}

.login-subheading {
    padding: 6px 6px 10px 0;
    font-size: 16px;
    color: #3777bf
}

.login-action-button-sso {
    background-color: #3777bf;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
    border-radius: 2px;
    width: 175px;
    align-content: center;
    margin: 0 auto 12px auto;
    min-height: 36px;
    min-width: 220px
}

.login-action-button-sso:hover {
    background-color: #044d9f
}

#openid-button-label,
#ntlm-button-label {
    display: inline-block;
    vertical-align: 6px;
    padding-bottom: 2px
}

.login-action-button-sso-openid {
    background-color: #f7931e
}

.login-action-button-sso-ntlm {
    background-color: #1d5fb6
}

.login-action-button-sso-openid:hover {
    background-color: #f8791f
}

.login-action-button-sso-ntlm:hover {
    background-color: #16498c
}

.login-sso-icon:hover {
    background-color: #f7931e
}

.login-ntlm-icon:hover {
    background-color: #1d5fb6
}

.login-sso-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 12px;
    background-color: #f9b76a;
    padding: 6px;
    border-radius: 2px 0 0 2px
}

.login-ntlm-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 12px;
    background-color: #628dbd;
    padding: 6px;
    border-radius: 2px 0 0 2px
}

.login-field-img-layout {
    height: 25px;
    width: 25px;
    background-color: #ddd;
    display: inline-block;
    vertical-align: top;
    border-radius: 4px 0 0 4px;
    border: 1px solid #efefef
}

#login-auth-basic-section {
    width: 208px;
    margin: auto
}

.review-session-action-button[disabled] {
    opacity: 0.3;
    background-color: #8D8D8D;
    cursor: unset !important
}

#review-session-join-button {
    background-position: -130px -200px;
    padding: 2px 10px 2px 36px
}

#review-session-leave-button {
    background-position: -130px -227px;
    padding: 2px 10px 2px 36px
}

.section-heading {
    padding: 0 10px 0 6px;
    margin-bottom: 0;
    color: #5d5d5d
}

.section-heading-closed {
    background-color: #adc5ea;
    color: #fff;
    border-color: #a7b8db;
    ;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    line-height: 2.0em;
    padding: 0 10px 0 10px;
    position: relative;
    text-decoration: none;
    margin: 0;
    font-size: 1em;
    font-weight: bold;
    text-shadow: 1px 1px 2px #7ea7ea;
    cursor: pointer
}

.section-heading-miniprops-closed {
    background-color: #adc5ea;
    border-color: #a7b8db;
    text-shadow: 1px 1px 2px #7ea7ea
}

.section-heading-closed-icon {
    width: 4px;
    height: 7px;
    background-position: -167px -2px;
    float: right;
    margin-top: 11px
}

.section-heading-open {
    background-color: #7ea7ea;
    color: #fff;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    line-height: 2.0em;
    padding: 0 10px 0 10px;
    position: relative;
    text-decoration: none;
    margin: 0;
    font-size: 1em;
    text-shadow: 1px 1px 2px #3777bf;
    cursor: pointer
}

.section-heading-miniprops-open {
    background-color: #7ea7ea;
    text-shadow: 1px 1px 2px #3777bf
}

.section-heading-open-icon {
    width: 7px;
    height: 4px;
    background-position: -2px -50px;
    background-repeat: no-repeat;
    float: right;
    margin-top: 11px
}

.w3-accordion-content {
    padding: 0;
    font-size: 1em;
    overflow: auto;
    display: none
}

.w3-show-block,
.w3-show {
    display: block !important
}

.w3-hide {
    display: none !important
}

.w3-link {
    color: #000CEE
}

.w3-link:hover {
    cursor: pointer
}

.w3-inline-block {
    display: inline-block
}

.w3-italic {
    font-style: italic
}

.collapsible-section-header {
    background-repeat: no-repeat;
    background-position: 0 2px
}

.collapsible-section-header2 {
    background-repeat: no-repeat;
    background-position: 0 2px;
    padding-left: 20px
}

.collapsible-section-header:hover,
.collapsible-section-header2:hover {
    cursor: pointer
}

.collapsible-section-header-closed-icon {
    background-position: -144px -90px;
    width: 12px;
    height: 12px;
    vertical-align: top
}

.collapsible-section-header-blank-icon {
    width: 12px;
    height: 12px;
    vertical-align: top
}

.collapsible-section-header-opened-icon {
    background-position: -128px -90px;
    width: 12px;
    height: 12px;
    vertical-align: top
}

.collapsible-section {
    background-repeat: no-repeat;
    background-position: 0 2px;
    margin: 4px 8px 0 34px
}

.non-collapsible-guid {
    padding: 0 0 0 0;
    display: block
}

#object-main-details {
    width: 100%;
    min-height: 90px
}

.find-in-model-button {
    border-radius: 3px;
    background-color: white;
    padding: 4px;
    cursor: pointer;
    display: inline-block;
    margin: 24px 8px 0 4px;
    border: 1px solid #ccc;
    float: right
}

#main-model-content .find-in-model-button {
    display: none
}

.object-image {
    float: left;
    margin: 0;
    padding: 10px;
    min-width: 32px;
    min-height: 32px
}

.object-name {
    padding: 22px 16px 0 0;
    font-size: 1.7em;
    color: #3777bf;
    text-overflow: ellipsis;
    overflow: hidden
}

.object-alias {
    color: #808080;
}

.mp-object-image {
    float: left;
    margin: 0;
    padding: 10px 10px 0 10px;
    min-width: 32px;
    min-height: 32px
}

.mp-object-name {
    padding: 12px 16px 0 0;
    font-size: 1.7em;
    color: #3777bf;
    text-overflow: ellipsis;
    overflow: hidden
}

.object-image-asset-div {
    min-height: 128px;
    width: 128px;
    border: solid 1px #dddddd;
    text-align: center;
    vertical-align: middle
}

.object-image-asset {
    max-width: 128px
}

.mp-object-image-asset-div {
    min-height: 64px;
    width: 64px;
    border: solid 1px #dddddd;
    text-align: center;
    vertical-align: middle
}

.mp-object-image-asset {
    max-width: 64px
}

.object-line2 {
    padding: 0 16px 12px 52px;
    font-size: 16px
}

.composite-diagram-name {
    display: inline-block
}

.object-document {
    padding: 0 16px 16px 26px
}

.object-document-linked-doc {
    font-size: 12px;
    margin-top: 6px
}

.artifact-buttons {
    display: inline-block
}

#linked-document-pwd-field {
    margin-left: 10px
}

.linked-document-open-button {
    margin-left: 10px;
    padding: 2px 10px;
    height: 22px
}

#miniprops-linked-document-pwd {
    margin-top: 6px
}

.stored-document-download-button,
.stored-document-watch-video-button,
.stored-document-view-image-button {
    margin-left: 10px;
    padding: 2px 10px;
    height: 22px
}

.generate-diagram-section {
    padding: 0 12px 8px 12px;
    line-height: 20px
}

.generate-diagram-date {
    vertical-align: top
}

.object-summary-sentence {
    padding: 6px 16px 20px 18px
}

#linked-document-section {
    background-color: #eee
}

#linked-document-section-empty {
    padding: 10px
}

#linked-document-section-empty.show-browser {
    position: absolute;
    top: 0;
    left: 266px;
    right: 0;
    overflow: auto !important
}

.linked-document {
    background-color: white;
    padding: 10px
}

.linked-document hr {
    page-break-before: always;
    background-color: #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 20px;
    width: 800px;
    left: -51px;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px
}

.property-section {
    padding: 12px
}

.notes-section-edit {
    float: right
}

.notes-note-header {
    font-weight: bold;
    margin-bottom: 6px
}

.notes-note {
    padding-left: 6px;
    font-size: 1.0em;
    white-space: pre-line
}

.property-section-item {
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding: 0 0 10px 0;
    font-size: 1.0em;
    vertical-align: top;
    line-height: 140%
}

#summary-section {
    padding: 0 12px 12px 12px;
    line-height: 20px
}

.summary-link-row {
    margin-bottom: 2px
}

.summary-link-label {
    vertical-align: bottom !important;
    margin-right: 2px
}

.summary-link-value {
    vertical-align: bottom;
    margin-right: 4px
}

.common-section-icon {
    background-position: -27px -146px;
    width: 16px;
    height: 16px;
    float: left
}

.common-item {
    padding: 0 0 0 6px
}

.common-label {
    padding: 0 10px 0 0;
    font-size: 1.0em;
    vertical-align: top;
    color: #808080
}

.common-value {
    padding: 0 6px 0 10px;
    font-size: 1.0em
}

.diagram-regeneration-label {
    background-color: #7ea7ea;
    color: white;
    padding: 4px 16px;
    font-weight: bold;
    width: 200px;
    border-radius: 12px
}

#diagram-regeneration-label-line {
    padding-top: 4px
}

#generatediagram-action-button {
    background-position: -144px -162px;
    margin-left: 12px;
    height: 20px;
    width: 24px
}

.taggedvalue-group-name {
    padding: 0 10px 5px 0;
    font-size: 1.0em;
    vertical-align: top;
    display: inline-block
}

.taggedvalue-name {
    padding: 0 10px 0 8px;
    font-size: 1.0em;
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 52px)
}

.taggedvalue-name-first {
    width: calc(100% - 80px)
}

.taggedvalue-notes {
    vertical-align: top;
    white-space: pre-line
}

.taggedvalue-color-icon {
    display: inline-block;
    vertical-align: bottom;
    border: solid #333 1px;
    margin-right: 6px;
    height: 16px;
    width: 16px
}

#checklist-tickbox img {
    vertical-align: -3px
}

.taggedvalue-label {
    padding: 0 10px 0 20px;
    font-size: 1.0em;
    vertical-align: top;
    color: #808080
}

.taggedvalue-value {
    padding: 0 10px 0 20px;
    font-size: 1.0em
}

#checklist-text {
    padding: 0 10px 0 10px;
    font-size: 1.0em
}

.attribute-item-hdr,
.operation-item-hdr {
    display: inline-block;
    width: calc(100% - 12px)
}

.attribute-name {
    padding: 0 10px 0 0;
    font-size: 1.0em;
    vertical-align: top;
    margin-left: 10px;
    display: inline
}

.attribute-properties {
    font-size: 1.0em;
    vertical-align: top;
    padding-bottom: 4px
}

.attribute-property-label {
    padding: 0;
    color: #808080
}

.attribute-property {
    padding-bottom: 4px
}

.attribute-notes {
    padding-bottom: 8px;
    font-size: 1.0em;
    white-space: pre-line
}

.attribute-taggedvalues {
    padding-bottom: 8px
}

.attribute-taggedvalues-header {
    background-repeat: no-repeat;
    background-position: 0 2px;
    font-weight: bold;
    padding: 0 0 0 20px;
    color: #606060
}

.attribute-taggedvalues-items {
    padding: 0 0 0 10px;
    color: #606060
}

.attribute-taggedvalue-data {
    padding: 0 0 0 20px
}

.attribute-taggedvalue-notes {
    padding: 0 0 0 30px;
    font-style: italic
}

.test-item-icon {
    background-position: -193px -82px;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 12px;
    position: absolute
}

.test-item-edit,
.resource-item-edit {
    float: right
}

.test-name {
    padding: 0 10px 4px 24px;
    font-size: 1.0em;
    vertical-align: top;
    margin-left: 10px
}

.test-type {
    color: #262626
}

.test-classtype {
    color: #737373
}

.test-status-label,
.testblock-desc-label,
.testblock-input-label,
.testblock-acceptance-label,
.testblock-results-label {
    padding: 0;
    color: #808080
}

.testblock-desc,
.testblock-input,
.testblock-acceptance,
.testblock-results {
    padding: 0 16px;
    white-space: pre-line
}

.test-status-value {
    padding: 0 4px;
    white-space: pre-line
}

.test-runstate {
    padding-left: 44px;
    background-repeat: no-repeat
}

.test-runstate-pass {
    background-position: -171px -142px;
    width: 16px;
    height: 16px;
    display: inline
}

.test-runstate-fail {
    background-position: -166px -102px;
    width: 16px;
    height: 16px;
    display: inline
}

.test-runstate-cancelled {
    background-position: -173px -62px;
    width: 16px;
    height: 16px;
    display: inline
}

.test-runstate-deferred {
    background-position: -173px -82px;
    width: 16px;
    height: 16px;
    display: inline
}

.test-runstate-notrun {
    background-position: -167px -122px;
    width: 16px;
    height: 16px;
    display: inline
}

.test-runstate-userdef {
    background-position: -2px -162px;
    width: 16px;
    height: 16px;
    display: inline
}

.test-status {
    padding: 0;
    text-align: left
}

.test-ex-info {
    padding: 2px 10px 10px 40px;
    font-size: 1.0em;
    vertical-align: top
}

.notes-section-edit-button,
.test-item-edit-button,
.resource-item-edit-button {
    height: 28px;
    width: 34px;
    margin-top: 0;
    border: 1px;
    border-style: none;
    border-color: #8f8f8f;
    background-color: white;
    background-position: -46px -90px;
    border-radius: 3px;
    cursor: pointer
}

.notes-section-edit-button:hover,
.test-item-edit-button:hover,
.resource-item-edit-button:hover {
    background-color: #bebebe
}

.notes-section-edit-button:active,
.test-item-edit-button:active,
.resource-item-edit-button:active {
    background-color: #f0f0f0;
    transform: translateY(1px)
}

.resource-item-icon {
    background-position: -91px -146px;
    width: 16px;
    height: 16px;
    float: left;
    position: absolute
}

.resources-name {
    display: inline-block;
    padding: 0 10px 0 22px;
    font-size: 1.0em;
    vertical-align: top
}

.resources-dates1 {
    padding: 0 0 0 34px
}

.resources-dates2 {
    padding: 0 0 4px 34px
}

.resources-date-label {
    padding: 0;
    color: #808080;
    width: 90px;
    display: inline-block
}

.resources-date-label2 {
    padding: 0 10px 0 10px;
    color: #808080;
    display: inline-block
}

.resources-date-value {
    padding: 0;
    font-size: 1.0em
}

.resources-times-div {
    display: inline-block;
    width: 100%
}

.resources-times {
    float: right
}

.resources-time-label {
    padding: 0;
    font-size: 1.0em;
    color: #808080
}

.resources-time-value {
    padding: 0;
    font-size: 1.0em
}

.resources-notes-header,
.resources-history-header {
    color: #808080
}

.resources-notes,
.resources-history {
    padding-bottom: 8px;
    font-size: 1.0em;
    white-space: pre-line
}

.operation-name {
    padding: 0 10px 0 0;
    font-size: 1.0em;
    vertical-align: top;
    margin-left: 10px;
    display: inline-block;
    width: calc(100% - 40px);
    vertical-align: top
}

.operation-properties {
    padding: 4px 4px 4px 20px;
    font-size: 1.0em;
    vertical-align: top
}

.operation-property-label {
    padding: 0;
    color: #808080
}

.operation-property {
    padding: 0
}

.operation-notes {
    padding-bottom: 8px;
    font-size: 1.0em;
    white-space: pre-line
}

.operation-taggedvalues {
    padding-bottom: 8px
}

.operation-taggedvalues-header {
    background-repeat: no-repeat;
    background-position: 0 2px;
    font-weight: bold;
    padding: 0 0 0 20px;
    color: #606060
}

.operation-taggedvalues-items {
    padding: 0 0 0 10px;
    color: #606060
}

.operation-taggedvalue-data {
    padding: 0 0 0 20px
}

.operation-taggedvalue-notes {
    padding: 0 0 0 30px;
    font-style: italic
}

.scenario-item {
    padding-bottom: 10px
}

.scenario-name {
    padding: 0 10px 0 4px;
    font-size: 1.0em;
    vertical-align: top;
    display: inline
}

.scenario-join {
    display: inline-block
}

.scenario-icon,
.propsprite-scenario {
    background-position: -175px -42px;
    width: 16px;
    height: 16px;
    font-size: 1.0em;
    vertical-align: top
}

.scenario-trigger-user {
    background-position: -102px -172px;
    width: 16px;
    height: 16px;
    font-size: 1.0em;
    vertical-align: top
}

.scenario-trigger-system {
    background-position: -122px -172px;
    width: 16px;
    height: 16px;
    font-size: 1.0em;
    vertical-align: top
}

.scenario-desc {
    padding: 2px 10px 10px 20px;
    font-size: 1.0em;
    vertical-align: top
}

.scenario-notes {
    padding: 4px;
    font-size: 1.0em;
    white-space: pre-line
}

.scenario-step {
    padding: 4px;
    font-size: 1.0em
}

.scenario-step-uses,
.scenario-step-extension {
    padding-left: 23px;
    padding-bottom: 0.5em
}

.scenario-step-uses-label,
.scenario-step-extension-label {
    padding: 0;
    font-size: 1.0em;
    color: #808080
}

.scenario-step-uses-text,
.scenario-step-extension-text {
    padding: 0;
    font-size: 1.0em
}

.constraint-item {
    padding-bottom: 10px
}

.constraint-name {
    padding: 0 10px 0 4px;
    font-size: 1.0em;
    vertical-align: top
}

.constraint-icon,
.propsprite-constraint {
    background-position: -53px -50px;
    width: 16px;
    height: 16px;
    font-size: 1.0em;
    vertical-align: top
}

.constraint-type {
    font-size: 1.0em;
    color: #808080
}

.constraint-status {
    font-size: 1.0em;
    color: #808080;
    text-align: right
}

.constraint-name-text {
    padding: 0;
    font-size: 1.0em
}

.constraint-desc {
    padding: 2px 10px 0 20px;
    font-size: 1.0em;
    vertical-align: top
}

.constraint-notes {
    padding: 0;
    font-size: 1.0em;
    white-space: pre-line
}

.requirement-item {
    padding: 0;
    padding-bottom: 10px
}

.requirement-name {
    padding: 0 10px 0 4px;
    font-size: 1.0em;
    vertical-align: top
}

.requirement-icon {
    background-position: -71px -146px;
    width: 16px;
    height: 16px;
    font-size: 1.0em;
    vertical-align: top
}

.requirement-status {
    font-size: 1.0em;
    color: #808080;
    text-align: right;
    padding: 0
}

.requirement-notes {
    padding: 4px 10px 0 20px;
    font-size: 1.0em;
    white-space: pre-line
}

.reviewsummary-line {
    padding-left: 10px;
    padding-bottom: 6px
}

.reviewsummary-line-lvl2 {
    padding-left: 10px;
    padding-bottom: 4px
}

.reviewsummary-lvl1-col1 {
    display: inline-block;
    width: 180px;
    color: #606060
}

.reviewsummary-lvl1-col2 {
    display: inline-block;
    width: 120px
}

.reviewsummary-line-lvl2-hdr {
    padding-left: 30px;
    text-decoration: underline;
    font-size: 0.9em;
    color: #606060;
    padding-top: 4px;
    padding-bottom: 4px
}

.review-summary-diagram {
    display: inline-block
}

.review-summary-diagram-obj-section {
    display: none
}

.reviewsummary-lvl2-col1 {
    display: inline-block;
    width: 150px;
    padding-left: 30px;
    font-size: 0.9em;
    color: #606060
}

.reviewsummary-lvl2-col1b {
    display: inline-block;
    padding-left: 8px;
    font-size: 0.9em
}

.reviewsummary-lvl2-col2 {
    display: inline-block;
    width: 30px;
    font-size: 0.9em
}

.reviewsummary-lvl2-img {
    position: relative;
    top: 3px;
    padding-right: 4px
}

#reviewdiagram-section .reviewdiscussion-item {
    padding-left: 18px
}

#reviewdiagram-section .reviewdiscussion-item-topics {
    display: none;
    padding-left: 12px
}

.review-summary-diagram-obj-section {
    padding: 8px 0 16px 0
}

.reviewdiscussion-item {
    padding-left: 10px;
    margin-right: 10px
}

#reviewdiscussion-section .reviewdiscussion-item {
    padding-left: 0;
    padding-bottom: 8px
}

.reviewdiscussion-item .expand-collapse-icon {
    margin-top: 4px
}

.reviewdiscussion-item-topics {
    display: none;
    padding-top: 4px
}

.mainprop-object-image {
    position: relative;
    top: 3px;
    margin-right: 4px;
    margin-left: 4px;
    width: 16px
}

.reviewdiscussion-discussion-item-text-footer {
    display: inline-block;
    margin: 0;
    width: 100%
}

.reviewdiscussion-discussion-item-replies {
    padding: 0;
    display: none
}

.reviewdiscussion-discussion-item-reply {
    padding: 0
}

.reviewdiscussion-discussion-item-reply-text-footer {
    display: inline-block;
    margin: 0;
    width: 100%;
    padding: 4px 8px 0 0
}

.reviewdiscussion-hr {
    margin: 2px 20px 2px 20px;
    height: 1px;
    color: #ddd;
    background-color: #ddd;
    border: none
}

.review-diagram-group {
    padding-bottom: 8px
}

#reviewdiscussion-element-link {
    display: inline-block;
    padding: 0 0 8px 0
}

.runstate-item-icon {
    background-position: -175px -22px;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 4px;
    position: absolute
}

.propsprite-runstate {
    background-position: -175px -22px;
    width: 16px;
    height: 16px
}

.runstate-item-hdr {
    margin-left: 10px
}

.runstate-name {
    padding: 0 10px 0 24px;
    font-size: 1.0em;
    vertical-align: top
}

.runstate-notes {
    padding: 0 0 0 40px;
    font-size: 1.0em;
    white-space: pre-line
}

#reviews-section {
    padding: 10px 6px 20px 2px
}

.review-name {
    padding: 0 0 6px 4px
}

#discussions,
#reviews {
    overflow: inherit
}

.discussion-item,
.review-item {
    padding-bottom: 18px;
    margin-left: 5px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: 0 2px
}

.reviewdiscussion-discussion-item {
    padding-bottom: 6px;
    padding-left: 12px;
    background-repeat: no-repeat;
    background-position: 4px 2px
}

.discussion-item-states {
    float: right
}

.reviewdiscussion-discussion-item-states {
    float: right
}

.discussion-item-text,
.review-item-text,
.discussion-item-reply-text,
.review-item-reply-text,
.reviewdiscussion-discussion-item-text,
.reviewdiscussion-discussion-item-reply-text {
    text-align: left;
    font-size: 1.0em;
    white-space: pre-line;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 2px;
    display: inline-block;
    padding-top: 2px;
    margin-left: 2px
}

.reviewdiscussion-discussion-item-text,
.review-item-text {
    width: calc(100% - 90px)
}

.discussion-item-reply-text,
.review-item-reply-text {
    width: calc(100% - 25px)
}

.review-item-text,
.discussion-item-reply-text,
.review-item-reply-text,
.reviewdiscussion-discussion-item-text,
.reviewdiscussion-discussion-item-reply-text {}

.discussion-item-text2,
.review-item-text2 {
    display: inline-block;
    padding-top: 2px;
    width: calc(100% - 90px);
    margin-left: 2px
}

.discussion-reply-join-review-message {
    font-size: 0.8em;
    font-style: italic;
    color: #a0a0a0;
    padding-left: 30px
}

.review-new-topic-message {
    font-size: 12px;
    font-style: italic;
    color: #a0a0a0;
    padding: 0 16px
}

.disabled-collab-message,
.empty-properties-message {
    margin-top: 18px;
    font-style: italic;
    color: #a0a0a0;
    padding: 0 16px
}

.disabled-search-message {
    font-style: italic;
    color: #a0a0a0;
    padding: 4px
}

.disabled-watchlist-message {
    font-style: italic;
    color: #a0a0a0;
    padding: 14px 0 0 0
}

.no-discuss-while-review-message {
    font-size: 0.8em;
    font-style: italic;
    color: #a0a0a0;
    padding: 0 16px;
    padding-bottom: 16px
}

.review-filtered-message {
    font-size: 0.8em;
    font-style: italic;
    color: #a0a0a0;
    padding-left: 30px;
    padding-bottom: 18px
}

.discussion-item-text {
    cursor: pointer
}

.review-item-text {
    cursor: pointer
}

.discussion-item-text[disabled] {
    cursor: unset !important
}

#statusmenu-button,
#prioritymenu-button {
    width: 16px;
    height: 16px;
    margin-left: 6px;
    margin-right: 6px;
    cursor: pointer;
    display: block;
    float: right;
    position: relative
}

#statusmenu-button[disabled],
#prioritymenu-button[disabled] {
    cursor: unset !important
}

#review-statusmenu-button,
#review-prioritymenu-button {
    width: 16px;
    height: 16px;
    margin-left: 6px;
    margin-right: 6px;
    display: block;
    float: right;
    position: relative
}

.statusmenu-content,
.prioritymenu-content {
    display: none;
    right: 2px;
    top: 18px;
    position: absolute;
    background-color: #FFF;
    min-width: 180px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 500;
    font-size: 14px
}

.discussion-more-action-button {
    width: 16px;
    height: 16px;
    padding-left: 5px;
    visibility: hidden;
    vertical-align: top;
    margin-right: 5px
}

.discussion-item-text-footer,
.review-item-text-footer {
    display: inline-block;
    margin: 0;
    width: 100%
}

.discussion-item-text-footer-dateauthor,
.discussion-item-reply-text-footer-dateauthor,
.review-item-text-footer-dateauthor,
.review-item-reply-text-footer-dateauthor,
.reviewdiscussion-discussion-item-text-footer-dateauthor,
.reviewdiscussion-discussion-item-reply-text-footer-dateauthor {
    font-size: 0.8em;
    padding: 0 8px 4px 0;
    color: #808080;
    float: right
}

.discussion-item-replies,
.review-item-replies {
    display: none;
    padding: 0;
    padding-top: 8px
}

.discussion-item-reply,
.review-item-reply,
.reviewdiscussion-discussion-item-reply {
    padding-left: 22px;
    padding-bottom: 8px
}

.discussion-avatar {
    height: 20px;
    width: 20px;
    background-size: cover;
    display: inline-block;
    vertical-align: top
}

.avatarimg-default {
    background-position: -2px -74px;
    background-size: auto
}

.discussion-item-reply-text-footer,
.review-item-reply-text-footer {
    display: inline-block;
    margin: 0;
    width: 100%;
    padding-top: 4px
}

.discussion-reply-form {
    padding: 0 0 0 30px
}

.discussion-reply-comment-send {
    display: inline-block;
    height: 38px;
    vertical-align: top
}

.discussion-reply-send-div {
    width: 44px;
    height: 100%;
    padding-top: 2px
}

.discussion-reply-comment-div {
    left: 0;
    right: 38px;
    padding-right: 14px;
    overflow: hidden;
    display: inline-block;
    width: calc(100% - 60px)
}

.discussion-reply-send-button {
    width: 32px;
    height: 32px;
    border-radius: 2px;
    background-position: -50px -1px;
    margin-left: 2px;
    margin-top: 2px
}

.discussion-reply-new-comment {
    width: 100%;
    padding: 0;
    font-size: 1.0em;
    white-space: pre-line;
    height: 38px;
    resize: none;
    position: relative;
    border: 1px;
    border-style: solid;
    border-color: #09f;
    font-family: Arial, sans-serif !important
}

#discussion-form {
    padding: 0;
    padding-bottom: 16px
}

#feature-mini-sections #discussion-form {
    padding-left: 6px
}

#discussion-comment-send {
    height: 54px;
    display: inline-block;
    vertical-align: top
}

#discussion-send-div {
    width: 50px;
    height: 100%;
    padding-top: 2px
}

#discussion-comment-div {
    padding-right: 8px;
    overflow: hidden;
    display: inline-block;
    width: calc(100% - 68px)
}

#discussion-send-button {
    width: 48px;
    height: 48px;
    border-radius: 2px;
    background-position: 0 0;
    padding-left: 0;
    padding-right: 0
}

.discussion-new-comment {
    width: 100%;
    padding: 0;
    font-size: 1.0em;
    white-space: pre-line;
    height: 50px;
    resize: none;
    position: relative;
    border: 1px;
    border-style: solid;
    border-color: #3777bf;
    font-family: Arial, sans-serif !important
}

#usage-section {
    padding: 0 6px 0 2px
}

.usage-name {
    padding: 0 10px 6px 10px;
    font-size: 1.0em;
    vertical-align: top
}

.usage-name a {
    text-decoration: none
}

.usage-object {
    text-decoration: none;
    display: block;
    padding: 0 10px 6px 12px;
    font-size: 1.0em;
    vertical-align: top
}

.instance-diagram-name {
    padding: 0 10px 6px 26px;
    font-size: 1.0em;
    vertical-align: top
}

#parent-section {
    padding: 0 6px 0 2px
}

.parent-desc {
    padding: 0 10px 6px 12px;
    font-size: 1.0em;
    vertical-align: top;
    display: inline-block;
    text-decoration: none
}

.parent-desc a {
    text-decoration: none
}

#relationship-table tr {
    cursor: default
}

.relationship-direction {
    min-width: 96px
}

.relationship-outgoing,
.relationship-incoming {
    padding-bottom: 6px
}

.relationship-outgoing-header,
.relationship-incoming-header {
    padding: 6px 0 6px 0;
    font-weight: bold
}

.relationship-item {
    padding: 0 10px 6px 12px;
    font-size: 1.0em;
    vertical-align: top
}

.relationship-item-in {
    background-position: -87px 1px;
    width: 16px;
    height: 16px;
    margin-right: 6px
}

.propsprite-relationship {
    background-position: -87px -2px;
    width: 16px;
    height: 16px
}

.relationship-item-out {
    background-position: -107px 1px;
    width: 16px;
    height: 16px;
    margin-right: 6px
}

.relationship-item a {
    text-decoration: none
}

.change-item-icon {
    background-position: -13px -50px;
    width: 16px;
    height: 16px;
    float: left;
    position: absolute
}

.defect-item-icon {
    background-position: -89px -50px;
    width: 16px;
    height: 16px;
    float: left;
    position: absolute
}

.issue-item-icon {
    background-position: -2px -106px;
    width: 16px;
    height: 16px;
    float: left;
    position: absolute
}

.task-item-icon {
    background-position: -195px -42px;
    width: 16px;
    height: 16px;
    float: left;
    position: absolute
}

.event-item-icon {
    background-position: -106px -90px;
    width: 16px;
    height: 16px;
    float: left;
    position: absolute
}

.decision-item-icon {
    background-position: -69px -50px;
    width: 16px;
    height: 16px;
    float: left;
    position: absolute
}

.risk-item-icon {
    display: inline-block;
    background-position: -151px -146px;
    width: 16px;
    height: 16px;
    position: absolute
}

.effort-item-icon {
    background-position: -86px -90px;
    width: 16px;
    height: 16px;
    float: left;
    position: absolute
}

.propsprite-effort {
    background-position: -86px -90px;
    width: 16px;
    height: 16px
}

.metric-item-icon {
    display: inline-block;
    background-position: -146px -106px;
    width: 16px;
    height: 16px;
    position: absolute
}

.propsprite-metric {
    background-position: -146px -106px;
    width: 16px;
    height: 16px
}

.chgmgmt-name {
    display: inline-block;
    padding: 0 10px 0 22px;
    font-size: 1.0em;
    vertical-align: top;
    width: calc(100% - 44px)
}

.chgmgmt-dates1 {
    padding: 0 0 0 34px
}

.chgmgmt-date-label {
    padding: 0;
    color: #808080;
    width: 90px;
    display: inline-block
}

.chgmgmt-date-label2 {
    padding: 0 10px 0 10px;
    color: #808080;
    display: inline-block
}

.chgmgmt-date-value {
    padding: 0;
    font-size: 1.0em
}

.chgmgmt-times-div {
    display: inline-block;
    width: 100%
}

.chgmgmt-times {
    float: right
}

.chgmgmt-time-label {
    padding: 0;
    font-size: 1.0em;
    color: #808080
}

.chgmgmt-time-value {
    padding: 0;
    font-size: 1.0em
}

.chgmgmt-history-header {
    color: #808080
}

.chgmgmt-notes,
.chgmgmt-history {
    padding-bottom: 8px;
    font-size: 1.0em;
    white-space: pre-line
}

.objectname-in-header {
    padding-left: 2px;
    display: inline
}

#properties-tabs {
    margin: 4px 8px 4px 8px
}

.properties-tab {
    cursor: pointer;
    display: inline-block;
    padding: 4px 8px 4px 4px;
    margin: 3px;
    border: 1px;
    border-style: solid;
    border-color: #cccccc;
    border-radius: 4px;
    background-color: white;
    height: 30px
}

.properties-tab:hover {
    background-color: #ddd
}

#properties-add-new-button:hover {
    background-color: white
}

.properties-header {
    font-size: 20px;
    padding-bottom: 12px;
    color: #3777bf
}

#discussion-mini-section>.properties-header {
    font-size: 14px;
    margin-left: 8px
}

#discussion-mini-section>.properties-header[object-type=Diagram] {
    font-size: 0;
    padding-bottom: 8px
}

.properties-header-link {
    cursor: pointer
}

.properties-header-link:hover {
    text-decoration: underline;
    cursor: pointer
}

.property-details-container {
    padding: 6px
}

.review-content,
.discussion-content {
    padding-bottom: 16px
}

.review-inline-join-button {
    margin-left: 8px
}

.prop-field-textarea {
    vertical-align: top;
    padding: 8px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    min-height: 32px;
    white-space: pre-line;
    max-width: 800px
}

.prop-label {
    display: inline-block;
    width: 100px;
    color: #808080;
    vertical-align: top;
    padding-top: 4px
}

.prop-label-textarea {
    display: block;
    width: 85px;
    color: #808080;
    vertical-align: top;
    white-space: nowrap;
    padding-bottom: 4px
}

.prop-text {
    display: inline-block;
    width: 128px;
    margin-right: 28px;
    vertical-align: top
}

.prop-field {
    display: block;
    margin: 0 8px 8px 0
}

.prop-text-field {
    width: 100%;
    border-radius: 2px;
    background-color: white;
    border: 1px solid #cccccc;
    padding: 3px 8px;
    max-width: 400px;
    min-height: 16px
}

.prop-column {
    display: inline-block;
    width: 264px;
    vertical-align: top
}

.field-line {
    display: block;
    margin-bottom: 4px
}

.field-label {
    display: inline-block;
    width: 100px;
    color: #808080;
    vertical-align: top;
    padding-top: 4px
}

.field-value {
    width: 100%;
    border-radius: 2px;
    background-color: white;
    border: 1px solid #cccccc;
    padding: 3px 8px;
    max-width: 700px;
    min-height: 16px;
    display: inline-block
}

.property-table {
    border-spacing: 0;
    width: 100%
}

.property-table th {
    padding: 0 8px 8px 8px;
    text-align: left;
    border-bottom: 1px solid #dddddd;
    cursor: default;
    color: #7F7F7F
}

.property-table tr {}

.property-table td {
    padding: 8px;
    border-bottom: 1px solid #dddddd
}

.tr-expand td:first-child {
    width: 12px;
    padding: 0
}

.property-table th:nth-child(2),
.property-table td:nth-child(2) {
    padding-left: 2px
}

#main-search {
    font-size: 1em;
    width: 100%;
    height: 100%
}

#search-custom-layout {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    overflow: auto;
    padding: 0;
    margin: 0 0 0 20px
}

.search-searchcriteria-group {
    border: 0;
    padding: 0 10px 20px 10px
}

#search-searchfor-combo,
#search-searchtype-combo,
#search-when-combo {
    border: 1px solid grey;
    font-size: 14px
}

.search-field-label {
    font-size: 14px;
    color: #666;
    padding-bottom: 3px
}

#search-criteria-field {
    max-width: 205px;
    position: relative;
    width: 80%;
    font-size: 14px;
    border: 1px solid grey;
    border-radius: 4px;
    padding: 5px 0 5px 8px
}

#search-criteria-field:disabled {
    background-color: #e3e3e3
}

.search-action-button {
    margin-left: 10px;
    height: 28px;
    width: 130px
}

#search-message {
    margin-left: 12px;
    margin-top: 12px;
    font-weight: bold;
    color: red
}

.watchlist-action-button {
    padding: 4px 14px 4px 36px;
    width: 16px;
    height: 16px;
    background-position: -403px -104px
}

.search-message-success {
    color: black;
    font-weight: normal;
    padding: 0 0 20px 0
}

.search-message-error {
    color: red;
    font-weight: bold;
    padding: 0 0 20px 0
}

#search-results {
    width: 100%;
    overflow: auto;
    border-bottom: 2px solid #dddddd;
    border-spacing: 0
}

#search-results-div {
    position: absolute;
    top: 74px;
    overflow: auto;
    width: 100%;
    bottom: 0;
    width: calc(60% - 24px)
}

#search-results tr {
    cursor: pointer;
    line-height: 20px
}

#search-results tr.selected,
#comments-history-tb tr.selected,
#discussion-history-tb tr.selected,
#review-history-tb tr.selected {
    background-color: #eaeaea !important
}

#search-results tr:nth-child(even) {
    background-color: #fffff8
}

#search-results th {
    text-align: left;
    border-bottom: 1px solid #cccccc;
    color: #9F9F9F;
    padding: 4px 5px 4px 5px;
    position: sticky;
    top: 0;
    background-color: white
}

#search-results td {
    vertical-align: top;
    color: #333
}

#search-results tr:hover td {
    background-color: WhiteSmoke
}

.search-results-image {
    white-space: nowrap;
    width: 16px
}

.noWrapCell {
    white-space: nowrap
}

.sortable-col {
    cursor: pointer
}

.default-cursor {
    cursor: default
}

.search-results-name {
    color: blue;
    min-width: 10em
}

.search-results-name.text-grey-italic {
    color: gray;
    min-width: 10em;
    font-style: italic
}

.search-results-empty {
    padding: 10px
}

#search-results td a {
    text-decoration: none;
    color: #333;
    height: 100%;
    min-height: 21px;
    width: 100%;
    padding: 4px 5px 4px 5px;
    display: block
}

#search-results-count,
#watchlist-results-count {
    display: none
}

#main-watchlist {
    position: absolute;
    font-size: 1em;
    width: 100%;
    height: 100%
}

#watchlist-layout {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    margin: 0 0 0 20px
}

#watchlist-header {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#watchlist-headerimage {
    float: left;
    padding: 0
}

#watchlist-headertext {
    padding: 14px 16px 10px 16px;
    font-size: 1.7em;
    margin: 0;
    display: inline-block;
    color: #333
}

#watchlist-container {
    padding: 2px 16px 16px 16px
}

#watchlist-headertextbutton {
    display: inline-block;
    vertical-align: super
}

#watchlist-config-button {
    font-size: 1em;
    height: 30px;
    width: 30px;
    margin-left: 20px;
    border: 1px;
    border-style: double;
    border-color: #7f7f7f;
    background-color: #f8f8f8;
    background-position: -71px 0
}

#watchlist-config-button:hover {
    background-color: #bebebe
}

#watchlist-config-button:active {
    background-color: #f0f0f0;
    transform: translateY(1px)
}

.watchlist-nodata {
    margin: 20px;
    color: #5f5f5f
}

#watchlist-table {
    padding-bottom: 20px
}

.watchlist-line {
    padding: 0 0 20px 10px;
    cursor: pointer
}

.watchlist-option-hdr {
    font-weight: bold;
    padding-top: 10px
}

.watchlist-label {
    padding: 0 20px 4px 20px;
    text-align: left;
    color: #5f5f5f
}

#watchlist-footer {
    margin: 20px 0 0 0;
    position: absolute;
    bottom: 0;
    height: 40px
}

.watchlist-ok {
    margin: 7px 0 0 80px;
    padding: 4px 20px;
    height: 26px;
    font-size: 0.9em
}

#main-watchlistconfig {
    position: absolute;
    height: 100%;
    width: 100%
}

#watchlist-config-layout {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    margin: 0 0 0 20px
}

#watchlist-config-header {
    margin: 20px 0 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#watchlist-config-headerimage {
    float: left;
    padding: 0;
    display: inline-block
}

#watchlist-config-headertext {
    font-size: 1.7em;
    margin: 0;
    padding-top: 14px;
    margin-left: 60px;
    color: #333
}

#watchlist-config-body {
    position: absolute;
    top: 76px;
    bottom: 40px;
    width: 100%;
    overflow: auto;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd
}

#watchlist-config-form {
    margin-left: 4px
}

#watchlist-config-table {
    padding-top: 10px
}

.watchlist-config-line.mobile-only {
    display: none
}

.watchlist-config-option-hdr {
    font-weight: bold
}

.watchlist-config-label {
    padding: 2px 20px 4px 20px;
    text-align: left;
    color: #5f5f5f
}

.watchlist-config-label2 {
    padding: 5px 20px 4px 20px;
    width: 90px;
    text-align: left;
    color: #5f5f5f
}

.watchlist-config-field {
    width: 100%
}

.watchlist-config-period-field {
    background-color: white;
    border: 1px solid #a1a1a1;
    font-size: 1em;
    width: 50px
}

#watchlist-config-footer {
    position: absolute;
    bottom: 0;
    height: 40px
}

.watchlist-config-submit {
    display: inline-block;
    margin: 7px 0 0 12px;
    background-repeat: no-repeat;
    height: 26px;
    width: 90px;
    font-size: 0.9em
}

.save-button-icon {
    width: 16px;
    height: 16px;
    background-position: -407px -127px;
    display: inline-block;
    margin: 4px 0 0 13px;
    position: absolute
}

#watchlist-save-button-text {
    margin-top: 0
}

#watchlist-config-multi-select {
    display: inline-block
}

#watchlist-config-selectall {
    font-size: 14px;
    padding-right: 16px;
    color: #3777bf;
    cursor: pointer
}

#watchlist-config-deselectall {
    font-size: 14px;
    padding-right: 24px;
    color: #3777bf;
    cursor: pointer
}

.search-button-icon {
    width: 16px;
    height: 16px;
    background-position: -235px -104px;
    display: inline-block;
    margin: 5px 0 0 12px;
    position: absolute
}

.webea-styled-button-text {
    margin: 6px 10px 0 40px;
    white-space: nowrap;
    padding-top: 6px
}

.object-link-container {
    padding-bottom: 8px;
    padding-left: 8px
}

.object-link-container img {
    vertical-align: bottom;
    margin-right: 4px
}

.connector-props-header {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.2em;
    font-weight: 500;
    color: #3777bf
}

.connector-props-section {
    padding-left: 20px;
    padding-bottom: 8px
}

.connector-extend-prop-table-div {
    padding: 0 40px 20px 20px
}

.connector-extend-prop-table {
    border-collapse: collapse
}

.connector-extend-prop-table th {
    font-size: 1.2em;
    font-weight: 500;
    color: #3777bf
}

.connector-extend-prop-table th,
.connector-extend-prop-table td {
    padding: 0 10px 3px 10px;
    text-align: left;
    vertical-align: top;
    max-width: 300px
}

.cell-lrborders {
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede
}

.connector-extend-prop-table-subheader {
    padding-top: 10px !important;
    font-size: 1.2em;
    font-weight: 500;
    color: #3777bf
}

.connector-extend-prop-table-firstcol {
    padding-left: 24px !important;
    font-size: 1.0em;
    vertical-align: top
}

.w3-grey-text {
    vertical-align: top;
    color: #808080
}

.ss-calendar-icon {
    vertical-align: text-bottom;
    margin-left: 4px;
    background-position: -101px -2px;
    width: 17px;
    height: 19px
}

.field-label-required {
    color: #c60000
}

.field-label-vert-align-middle {
    vertical-align: middle
}

.field-label-vert-align-top {
    vertical-align: top;
    padding-top: 6px
}

.show-cursor-pointer {
    cursor: pointer
}

#add-element-layout {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    height: 100%;
    padding: 0;
    margin: 0 0 0 20px
}

.add-element-category-button {
    margin: 10px 10px 0 0;
    padding: 4px 6px 4px 34px;
    font-size: 1.1em;
    border: 1px;
    border-style: solid;
    border-color: #cccccc;
    border-radius: 2px;
    background-color: white;
    float: left
}

#add-element-form {
    margin-left: 4px
}

.add-element-label {
    float: left;
    position: relative;
    padding-bottom: 4px;
    width: 100px;
    text-align: left;
    color: #5f5f5f;
    vertical-align: top;
    padding-top: 6px
}

.add-element-line {
    height: 31px;
    width: 100%;
    display: block;
    padding: 0 0 6px 4px
}

#add-element-object-type {
    display: none
}

#add-element-pattern-patterns-wrapper {
    border: #a1a1a1 solid 1px;
    border-radius: 4px;
    width: 238px;
    height: 312px;
    padding: 2px 0
}

#add-element-pattern-patterns {
    padding: 6px;
    overflow: auto;
    max-height: 300px
}

.add-element-pattern-category-header {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    color: #3777bf
}

.add-element-pattern-group-header {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #3777bf
}

.add-element-pattern-item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #5f5f5f;
    cursor: pointer
}

.add-element-pattern-item-selected {
    background-color: #eaeeff
}

#add-element-pattern-patterncol3 {
    position: fixed;
    bottom: 50px;
    top: 166px;
    left: 640px;
    right: 20px
}

.add-element-pattern-iframe-div {
    border: #a1a1a1 solid 1px;
    min-width: 300px;
    max-width: 900px;
    height: 100%
}

#add-element-pattern-iframe {
    border: none;
    height: 100%;
    max-width: 900px;
    width: 100%
}

.add-model-root-icon-style-radio {
    margin-right: 8px
}

.add-model-root-icon-style-radio-label {
    cursor: pointer
}

.add-element-field {
    float: left;
    position: relative
}

#add-element-elementtype {
    background-color: white;
    border: 1px solid #a1a1a1;
    font-size: 1em;
    max-width: 150px;
    position: relative;
    float: left
}

#add-element-name-field {
    max-width: 500px;
    width: 80%;
    position: relative;
    resize: none;
    overflow: auto;
    background-color: white;
    border: 1px solid #a1a1a1;
    height: 46px
}

#add-element-stereotype-field {
    max-width: 200px;
    position: relative;
    width: 100%;
    background-color: white;
    border: 1px solid #a1a1a1
}

#add-element-notes-div {
    max-width: 600px
}

#add-element-notes-field {
    position: relative;
    height: 120px;
    width: 100%;
    overflow: auto
}

.add-element-submit {
    margin: 10px 0 20px 0;
    padding: 4px 14px 4px 36px;
    background-position: -396px -146px;
    height: 26px
}

#add-elementtest-layout {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    height: 100%;
    padding: 0;
    margin: 0 0 0 20px
}

#add-elementtest-form {
    margin-left: 4px
}

.add-elementtest-label {
    padding-bottom: 4px;
    width: 90px;
    text-align: left;
    color: #5f5f5f
}

.add-elementtest-line {
    padding: 0 0 20px 10px
}

.add-elementtest-field {
    width: 100%
}

#add-elementtest-notes-div,
#add-elementtest-input-div,
#add-elementtest-acceptance-div,
#add-elementtest-results-div {
    max-width: 600px
}

#add-elementtest-notes-field,
#add-elementtest-input-field,
#add-elementtest-acceptance-field,
#add-elementtest-results-field {
    position: relative;
    width: 100%;
    overflow: auto;
    background-color: white;
    border: 1px solid #a1a1a1;
    resize: vertical
}

#add-elementtest-notes-field {
    height: 100px
}

#add-elementtest-input-field,
#add-elementtest-acceptance-field,
#add-elementtest-results-field {
    height: 50px
}

.add-elementtest-submit {
    margin: 10px 0 20px 0;
    padding: 4px 14px 4px 36px;
    background-position: -396px -146px;
    height: 26px
}

#add-elementresalloc-layout {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    height: 100%;
    padding: 0;
    margin: 0 0 0 20px
}

#add-elementresalloc-form {
    margin-left: 4px
}

.add-elementresalloc-label {
    padding-bottom: 4px;
    width: 90px;
    text-align: left;
    color: #5f5f5f
}

.add-elementresalloc-line {
    padding: 0 0 20px 10px
}

.add-elementresalloc-field {
    width: 100%
}

#webea-success-message,
#webea-error-message,
#webea-warning-message {
    position: absolute;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    display: none;
    z-index: 500;
    bottom: 30px;
    left: 10px;
    margin-right: 10px
}

#webea-success-message.show_sysoutput,
#webea-error-message.show_sysoutput {
    bottom: 191px
}

#webea-success-message {
    background-color: #7ea7ea
}

#webea-warning-message {
    background-color: #ff6902
}

#webea-display-warning-message {
    position: fixed;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 500;
    bottom: 36px;
    left: 10px;
    margin-right: 10px;
    background-color: #ff4444;
    display: none
}

#webea-error-message {
    background-color: #ff4444
}

#webea-success-message-text,
#webea-error-message-text,
#webea-warning-message-text,
#webea-display-warning-message-text {
    padding: 12px;
    font-size: 14px;
    color: white;
    display: inline-block
}

.webea-error-close-button {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin: 4px;
    border-radius: 2px;
    cursor: pointer
}

.webea-error-close-button:hover {
    background-color: #f00
}

.webea-error-close-icon {
    width: 20px;
    height: 20px;
    background-position: -60px -280px
}

#add-elementresalloc-notes-div,
#add-elementresalloc-history-div {
    max-width: 600px
}

#add-elementresalloc-notes-field,
#add-elementresalloc-history-field {
    position: relative;
    width: 100%;
    overflow: auto;
    background-color: white;
    border: 1px solid #a1a1a1;
    resize: vertical
}

#add-elementresalloc-notes-field {
    height: 100px
}

#add-elementresalloc-history-field {
    height: 50px
}

.add-elementresalloc-message-error {
    color: red;
    font-weight: bold;
    padding: 0 0 20px 0
}

.add-elementresalloc-submit {
    margin: 10px 0 20px 0;
    padding: 4px 14px 4px 36px;
    background-position: -396px -146px;
    height: 26px
}

#add-elementchgmgmt-layout {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    height: 100%;
    padding: 0;
    margin: 0 0 0 20px
}

#add-elementchgmgmt-form {
    margin-left: 4px
}

.add-elementchgmgmt-label {
    padding-bottom: 4px;
    width: 90px;
    text-align: left;
    color: #5f5f5f
}

.add-elementchgmgmt-line {
    padding: 0 0 20px 10px
}

.add-elementchgmgmt-field {
    width: 100%
}

#add-elementchgmgmt-notes-div {
    max-width: 600px
}

#add-elementchgmgmt-notes-field,
#add-elementchgmgmt-history-field {
    position: relative;
    width: 100%;
    overflow: auto;
    background-color: white;
    border: 1px solid #a1a1a1;
    resize: vertical
}

#add-elementchgmgmt-notes-field {
    height: 100px
}

#add-elementchgmgmt-history-field {
    height: 50px
}

.add-elementchgmgmt-submit {
    margin: 10px 0 20px 0;
    padding: 4px 14px 4px 36px;
    background-position: -396px -146px;
    height: 26px
}

#edit-elementnote-layout {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    height: 100%;
    padding: 0;
    margin: 0 0 0 20px
}

#edit-elementnote-form {
    margin-left: 4px
}

.edit-elementnote-label {
    padding-bottom: 4px;
    width: 90px;
    color: #333
}

.edit-elementnote-line {
    padding: 0 0 20px 10px
}

.edit-elementnote-field {
    width: 100%
}

#edit-elementnote-notes-div {
    width: 100%
}

#edit-model-mail-div {
    width: 100%
}

#edit-elementnote-notes-field {
    position: relative;
    width: 100%;
    height: 340px;
    overflow: auto;
    background-color: white;
    border: 1px solid #a1a1a1;
    resize: vertical;
    font-size: 12px;
    background-color: white
}

#edit-model-mail-field {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: auto;
    background-color: white;
    border: 1px solid #a1a1a1;
    resize: vertical;
    font-size: 12px
}

#mail-to-button {
    cursor: pointer;
    display: inline-block;
    padding: 2px;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    border-radius: 2px;
    background-color: white;
    height: 28px;
    width: 48px
}

.mail-send-button {
    margin: 10px 0 10px 0;
    padding: 4px 14px 4px 14px;
    background-position: -396px -123px;
    height: 26px
}

.unread {}

#mail-list-tb tr[read=false] {
    font-weight: bold
}

.edit-elementnote-submit {
    float: right;
    margin-right: 30px;
    margin-top: 16px;
    padding: 4px 14px 4px 36px;
    background-position: -396px -123px;
    height: 26px
}

.dialog-button {
    margin-top: 16px;
    padding: 4px 14px 4px 14px;
    background-position: -396px -123px;
    height: 26px
}

.dialog-button-ok,
.dialog-button-close {
    margin-left: 32px
}

.dialog-button-add {
    margin-right: 30px;
    margin-top: 16px;
    background-position: -396px -123px;
    height: 26px;
    background-image: url(../images/mainsprite.png);
    background-repeat: no-repeat;
    padding: 4px 14px 4px 36px
}

.dialog-buttons-container {
    float: right;
    margin-right: 30px
}

#edit-elementtest-layout {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    height: 100%;
    padding: 0;
    margin: 0 0 0 20px
}

#edit-elementtest-form {
    margin-left: 4px
}

.edit-elementtest-label {
    padding-bottom: 4px;
    width: 90px;
    text-align: left;
    color: #5f5f5f
}

.edit-elementtest-line {
    padding: 0 0 20px 10px
}

.edit-elementtest-field {
    width: 100%
}

#edit-elementtest-lastrun-field {
    background-color: white;
    border: 1px solid #a1a1a1;
    font-size: 1em;
    width: 120px;
    padding: 4px 8px;
    border-radius: 4px
}

#edit-elementtest-notes-div,
#edit-elementtest-input-div,
#edit-elementtest-acceptance-div,
#edit-elementtest-results-div {
    max-width: 600px
}

#edit-elementtest-notes-field,
#edit-elementtest-input-field,
#edit-elementtest-acceptance-field,
#edit-elementtest-results-field {
    position: relative;
    width: 100%;
    overflow: auto;
    background-color: white;
    border: 1px solid #a1a1a1;
    resize: vertical
}

#edit-elementtest-notes-field {
    height: 100px
}

#edit-elementtest-input-field,
#edit-elementtest-acceptance-field,
#edit-elementtest-results-field {
    height: 50px
}

.edit-elementtest-submit {
    margin: 10px 0 20px 0;
    padding: 4px 14px 4px 36px;
    background-position: -396px -123px;
    height: 26px
}

#edit-elementresalloc-layout {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    height: 100%;
    padding: 0;
    margin: 0 0 0 20px
}

#edit-elementresalloc-form {
    margin-left: 4px
}

.edit-elementresalloc-label {
    padding-bottom: 4px;
    width: 90px;
    text-align: left;
    color: #5f5f5f
}

.edit-elementresalloc-line {
    padding: 0 0 20px 10px
}

.edit-elementresalloc-field {
    width: 100%
}

#edit-elementresalloc-notes-div,
#edit-elementresalloc-history-div {
    max-width: 600px
}

#edit-elementresalloc-notes-field,
#edit-elementresalloc-history-field {
    position: relative;
    width: 100%;
    overflow: auto;
    background-color: white;
    border: 1px solid #a1a1a1;
    resize: vertical
}

#edit-elementresalloc-notes-field {
    height: 100px
}

#edit-elementresalloc-history-field {
    height: 50px
}

.edit-elementresalloc-submit {
    margin: 10px 0 20px 0;
    padding: 4px 14px 4px 36px;
    background-position: -396px -123px;
    height: 26px
}

.form-signin {
    margin: 0 auto;
    clear: both
}

.login-content-row {
    padding-left: 20px;
    padding-right: 20px
}

.padding-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.login-padding-btm-20 {
    padding-bottom: 20px
}

.login-model-section-fieldset {
    border: 1px solid #888;
    border-radius: 2px;
    min-height: 250px;
    padding: 4px
}

.login-model-section-legend {
    color: #fff;
    background: #555555;
    padding: 0.25em 2em;
    border-radius: 0.5em
}

.login-model-radio-label {
    display: block;
    cursor: pointer;
    line-height: 1.6em;
    padding-left: 6px
}

.login-configure-error {
    padding: 20px 10px 20px 10px;
    color: red
}

#sign-in {
    margin: 70px auto 150px auto;
    border: 2px solid #a1a1a1;
    background: white;
    max-width: 460px;
    border-radius: 5px;
    box-shadow: 7px 7px 6px;
    font-size: 14px
}

#signin-prompt {
    position: relative;
    padding-bottom: 0.5em
}

#signin-prompt-models {
    max-height: 250px;
    overflow: auto
}

#login-model-section,
#login-auth-section,
#login-auth-sso-section {
    position: relative
}

#login-ssoauth-or {
    text-align: center;
    font-weight: bold;
    margin-bottom: 16px;
    padding-top: 4px
}

.login-field-label {
    width: 102px;
    padding-left: 0;
    color: #666;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    padding-right: 12px
}

.login-subfield-label {
    width: 102px;
    padding-left: 8px;
    color: #666;
    font-size: 14px;
    display: inline-block;
    vertical-align: top
}

.login-textbox {
    background-color: white;
    border: 1px solid #a1a1a1;
    left: 110px;
    width: 170px;
    padding: 4px;
    margin-top: 1px;
    height: 16px
}

.login-field-div {
    padding-bottom: 10px
}

.login-ssofield-div {
    position: relative;
    padding-top: 10px;
    height: auto;
    text-align: center
}

#login-auth-separator {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px
}

#login-insecure-warning-div {
    position: relative;
    font-size: 14px;
    float: right;
    top: -24px;
    right: -25px
}

#login-insecure-warning-text {
    color: #480000;
    position: relative;
    display: inline-block;
    width: calc(100% - 60px);
    margin-left: 16px
}

#login-auth-header {
    display: inline-block;
    line-height: 24px;
    width: 100%;
    font-size: 16px;
    text-align: center;
    margin-bottom: 16px
}

.login-accesscode-div {
    padding-bottom: 1.0em
}

#login-auth-access-div {
    width: 208px;
    margin: auto
}

#login-accesscode-text {}

.login-action-layoutoption-div {
    height: 60px;
    margin-top: 10px
}

.login-action-layoutoption-div-image {
    height: 50px;
    float: right;
    padding: 0 10px;
    border: black 1px solid
}

.login-ssoauth-type-fields-div {
    position: absolute;
    left: 110px;
    top: 14px
}

.login-action-layoutoption-button {
    height: 34px;
    width: 100px;
    float: right;
    background-color: #3777bf;
    border: 0;
    color: #FFF;
    cursor: pointer;
    margin: 0 0 0 6px;
    border-radius: 2px
}

.login-action-layoutoption-button:hover {
    background-color: #044d9f
}

.login-layoutoption-btn-text {
    padding: 11px 0 0 4px;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top
}

.login-action-buttons-div1 {
    height: 40px;
    margin-top: 10px
}

.login-action-buttons-div2 {
    float: right;
    padding: 0px 125px 0px 0px
}

.login-action-button {
    padding: 5px 20px;
    background-color: #3777bf;
    border: 0;
    color: #FFF;
    cursor: pointer;
    margin-top: 7px;
    font-weight: bold;
    margin-left: 20px;
    border-radius: 2px
}

.login-action-button:hover {
    background-color: #044d9f
}

#login-error {
    color: red;
    font-weight: bold;
    padding: 10px
}

.login-hyperlink {
    padding-top: 16px
}

.error-message-help-link {
    font-size: .9em
}

footer {
    position: absolute;
    height: 14px;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
    margin: 0 10px 0 10px;
    font-size: 10px;
    overflow: hidden;
    z-index: -10
}

.main-footer-copyright {
    display: inline
}

.main-footer-version {
    display: inline;
    float: right
}

#package-listview-icon,
#package-iconview-icon,
#package-notesview-icon,
#package-listview-icon-white,
#package-iconview-icon-white,
#package-notesview-icon-white,
#properties-filter-icon,
.copy-icon,
.add-element-submit,
.add-elementchgmgmt-submit,
.add-elementresalloc-submit,
.add-elementtest-submit,
.collapsible-plusminussection-closed,
.collapsible-plusminussection-opened,
.edit-elementnote-submit,
.edit-elementresalloc-submit,
.edit-elementtest-submit,
#hamburger-about-icon,
#hamburger-iconview-icon,
#hamburger-layout-wide-icon,
#hamburger-layout-split-icon,
#hamburger-listview-icon,
.hamburger-logout-icon,
#hamburger-notesview-icon,
#hamburger-matrix-icon,
.hamburger-radio-icon,
.mainsprite-about,
.mainsprite-bar36,
.mainsprite-favorites,
.mainsprite-gotolink,
.mainsprite-hamburger24blue,
.mainsprite-hamburger32white,
.mainsprite-home24,
.mainsprite-info,
.mainsprite-logo-full,
.mainsprite-navbarcollapse,
.mainsprite-navbarexpand,
.mainsprite-navbarbrowsercollapse,
.mainsprite-navbarbrowserexpand,
.mainsprite-navbarpropscollapse,
.mainsprite-navbarpropsexpand,
.mainsprite-path,
.mainsprite-recentdiagram,
.mainsprite-recentdiscuss,
.mainsprite-recentelement,
.mainsprite-recentreview,
.mainsprite-refresh24grey,
.mainsprite-root,
.mainsprite-search16color,
.mainsprite-search32white,
.mainsprite-home32white,
.mainsprite-searchresults,
.mainsprite-showlink,
.mainsprite-warning,
.mainsprite-warning-login,
.mainsprite-watchlist16color,
.mainsprite-watchlistconfig,
.mainsprite-watchlistresults,
.mainsprite-webealogos,
#navbar-search-button,
#navbar-hamburger-button,
.prop-layout-split-enabled,
.prop-layout-wide-enabled,
.prop-layout-wide-disabled,
.save-button-icon,
.search-button-icon,
.search-button-icon,
.ss-calendar-icon,
.watchlist-action-button,
#watchlist-config-button,
.webea-dialog-close-button,
.mainsprite-addpattern-btn,
.mainsprite-addpackage-btn,
.mainsprite-adddiagram-btn,
.mainsprite-addelement-btn,
.mainsprite-addpattern,
.mainsprite-addpackage,
.mainsprite-adddiagram,
.mainsprite-addelement,
.mainsprite-browserup,
.mainsprite-tick,
.mainsprite-browser,
.mainsprite-miniprops,
.mainsprite-systemoutput,
.mainsprite-notick,
.mainsprite-matrixcolor,
.mainsprite-modelmail,
.mainsprite-matrixwhite,
.mainsprite-matrixgrey,
.mainsprite-matrixleft,
.mainsprite-matrixup,
.mainsprite-matrixboth,
.mainsprite-mp-navigate,
.mainsprite-mp-info,
.mainsprite-mp-info-disable,
.mainsprite-login-layout-mobile,
.mainsprite-login-layout-tablet,
.mainsprite-login-layout-desktop,
.mainsprite-login-sso-openid,
.mainsprite-login-sso-openid-white,
.mainsprite-login-sso-ntlm-white,
.mainsprite-sysout-delete,
.mainsprite-sysout-copy,
.mainsprite-login-key,
.mainsprite-login-user,
.mainsprite-login-pwd,
.webea-error-close-icon,
.mainsprite {
    background-image: url("../images/mainsprite.png");
    background-repeat: no-repeat
}

.mainsprite-webealogos {
    display: block;
    width: 340px;
    height: 71px;
    background-position: -2px -140px
}

.mainsprite-logo-full {
    display: block;
    width: 104px;
    height: 31px;
    background-position: -348px -2px
}

.mainsprite-hamburger24blue {
    width: 24px;
    height: 24px;
    background-position: -172px -2px;
    margin: auto;
    margin-top: 6px
}

.mainsprite-search32white {
    width: 32px;
    height: 32px;
    background-position: -283px -104px;
    margin: auto
}

.mainsprite-home32white {
    width: 25px;
    height: 25px;
    background-position: -164px -304px;
    margin: 4px;
    display: none;
    cursor: pointer
}

.mainsprite-hamburger32white {
    width: 32px;
    height: 32px;
    background-position: -228px -2px;
    margin: auto
}

.header-collab-icon {
    background-position: -2px -2px;
    margin-left: 8px;
    height: 30px;
    width: 30px
}

.mainsprite-warning {
    width: 20px;
    height: 20px;
    background-position: -379px -103px;
    margin-left: 18px
}

.margin-right-10 {
    margin-right: 10px
}

.mainsprite-warning-login {
    width: 20px;
    height: 20px;
    background-position: -379px -103px;
    margin-left: 6px;
    vertical-align: -6px
}

.mainsprite-favorites {
    width: 16px;
    height: 16px;
    background-position: -202px -282px
}

.mainsprite-gotolink {
    width: 16px;
    height: 16px;
    background-position: -152px -2px
}

.mainsprite-recentdiagram {
    width: 16px;
    height: 16px;
    background-position: -496px -22px
}

.mainsprite-recentdiscuss {
    width: 16px;
    height: 16px;
    background-position: -87px -104px
}

.mainsprite-recentelement {
    width: 16px;
    height: 16px;
    background-position: -107px -104px
}

.mainsprite-recentreview {
    width: 16px;
    height: 16px;
    background-position: -127px -104px
}

.mainsprite-searchresults {
    width: 16px;
    height: 16px;
    background-position: -460px -104px
}

.mainsprite-watchlist16color {
    width: 16px;
    height: 16px;
    background-position: -403px -104px
}

.mainsprite-watchlistconfig {
    width: 16px;
    height: 16px;
    background-position: -479px -104px
}

.mainsprite-search16color {
    width: 16px;
    height: 16px;
    background-position: -443px -104px
}

.mainsprite-watchlistresults {
    width: 16px;
    height: 16px;
    background-position: -358px -126px
}

.mainsprite-root {
    width: 16px;
    height: 16px;
    background-position: -175px -104px
}

.mainsprite-refresh24grey {
    width: 24px;
    height: 24px;
    background-position: -147px -105px;
    margin: auto;
    margin-top: 7px
}

.mainsprite-bar36 {
    display: block;
    width: 1px;
    height: 36px;
    background-position: -42px -2px
}

.mainsprite-home24 {
    width: 24px;
    height: 24px;
    background-position: -292px -3px;
    margin: auto;
    margin-top: 7px
}

.mainsprite-navbarcollapse {
    width: 24px;
    height: 28px;
    background-position: 1px -107px;
    margin-top: 7px
}

.mainsprite-navbarexpand {
    width: 24px;
    height: 28px;
    background-position: -30px -100px
}

.mainsprite-navbarbrowsercollapse {
    width: 24px;
    height: 24px;
    background-position: -1px -303px;
    border-radius: 3px
}

.mainsprite-navbarbrowserexpand {
    width: 24px;
    height: 24px;
    background-position: -28px -303px
}

.mainsprite-navbarpropscollapse {
    width: 24px;
    height: 24px;
    background-position: -55px -303px;
    border-radius: 3px
}

.mainsprite-navbarpropsexpand {
    width: 24px;
    height: 24px;
    background-position: -82px -303px
}

.mainsprite-path {
    width: 25px;
    height: 25px;
    background-position: -58px -105px;
    margin: auto;
    margin-top: 7px
}

.mainsprite-showlink {
    width: 16px;
    height: 16px;
    background-position: -339px -104px;
    margin: auto;
    margin-top: 7px
}

.mainsprite-info {
    width: 24px;
    height: 24px;
    background-position: -320px -1px;
    margin: auto;
    margin-top: 7px
}

.mainsprite-about {
    display: block;
    width: 16px;
    height: 16px;
    background-position: -2px -2px
}

.mainsprite-addpattern-btn {
    display: block;
    width: 110px;
    height: 36px;
    background-position: -398px -203px
}

.mainsprite-addpackage-btn {
    display: block;
    width: 110px;
    height: 36px;
    background-position: -398px -235px
}

.mainsprite-adddiagram-btn {
    display: block;
    width: 110px;
    height: 36px;
    background-position: -398px -271px
}

.mainsprite-addelement-btn {
    display: block;
    width: 110px;
    height: 36px;
    background-position: -398px -306px
}

.mainsprite-addpattern {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -2px -220px
}

.mainsprite-addpackage {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -24px -220px
}

.mainsprite-adddiagram {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -44px -220px
}

.mainsprite-addelement {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -64px -220px
}

.mainsprite-browserup {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -124px -220px
}

.mainsprite-tick {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -144px -220px
}

.mainsprite-browser {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -164px -220px
}

.mainsprite-miniprops {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -184px -220px
}

.mainsprite-systemoutput {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -2px -282px
}

.mainsprite-notick {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -204px -220px
}

.mainsprite-matrixcolor {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -224px -220px
}

.mainsprite-modelmail {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -82px -282px
}

.mainsprite-matrixwhite {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -421px -181px
}

.mainsprite-matrixgrey {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -244px -220px
}

.mainsprite-mp-navigate {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -322px -220px
}

.mainsprite-mp-info {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -342px -220px;
    float: right;
    cursor: pointer
}

.mainsprite-mp-info-disable {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -362px -220px
}

.mainsprite-login-layout-mobile {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -2px -244px
}

.mainsprite-login-layout-tablet {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -36px -244px
}

.mainsprite-login-layout-desktop {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: -72px -244px
}

.mainsprite-login-sso-openid {
    display: inline-block;
    width: 52px;
    height: 52px;
    background-position: -344px -240px
}

.mainsprite-login-sso-openid-white {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: -111px -246px
}

.mainsprite-login-sso-ntlm-white {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: -146px -246px
}

.mainsprite-login-key {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: -178px -245px
}

.mainsprite-login-user {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: -210px -244px
}

.mainsprite-login-pwd {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: -242px -244px
}

.mainsprite-sysout-delete {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -20px -282px
}

.mainsprite-sysout-copy {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -40px -282px
}

.avatarimg-default,
.change-item-icon,
.collapsible-section-header-closed-icon,
.collapsible-section-header-opened-icon,
.common-section-icon,
.constraint-icon,
.decision-item-icon,
.defect-item-icon,
.discussion-reply-send-button,
#discussion-send-button,
.effort-item-icon,
.event-item-icon,
#generatediagram-action-button,
.issue-item-icon,
.metric-item-icon,
.propsprite-metric,
.notes-section-edit-button,
.propsprite-attribute,
.propsprite-attributepackage,
.propsprite-attributeprivate,
.propsprite-attributeprotected,
.propsprite-attributepublic,
.propsprite-bullet-closed,
.propsprite-bullet-open,
.propsprite-change,
.propsprite-changeadd,
.propsprite-cog,
.propsprite-constraint,
.propsprite-decision,
.propsprite-defect,
.propsprite-defectadd,
.propsprite-discuss,
.propsprite-discussion,
.propsprite-discusspriorityhigh,
.propsprite-discussprioritylow,
.propsprite-discussprioritymed,
.propsprite-discussprioritynone,
.propsprite-discussstatusawait,
.propsprite-discussstatuscomplete,
.propsprite-discussstatusopen,
.propsprite-documentadd,
.propsprite-file,
.propsprite-edit,
.propsprite-effort,
.propsprite-effortadd,
.propsprite-event,
.propsprite-featureadd,
.propsprite-greendot,
.propsprite-issue,
.propsprite-issueadd,
.propsprite-location,
.propsprite-note,
.propsprite-noteadd,
.propsprite-noteedit,
.propsprite-operation,
.propsprite-operationpackage,
.propsprite-operationprivate,
.propsprite-operationprotected,
.propsprite-operationpublic,
.propsprite-properties,
.propsprite-reddot,
.propsprite-reply,
.propsprite-requirement,
.propsprite-relationship,
.propsprite-resalloc,
.propsprite-resource,
.propsprite-resallocadd,
.propsprite-resallocedit,
.propsprite-review,
.propsprite-risk,
.propsprite-riskadd,
.propsprite-runstate,
.propsprite-scenario,
.propsprite-taggedvalue,
.propsprite-taggedvaluesingle,
.propsprite-taggedvaluegroup,
.propsprite-task,
.propsprite-taskadd,
.propsprite-test,
.propsprite-testadd,
.propsprite-testedit,
.propsprite-tick,
.propsprite-untick,
.propsprite-viewcontents,
.propsprite-separator,
.propsprite-whitecogs,
.relationship-item-in,
.relationship-item-out,
.resource-item-edit-button,
.resource-item-icon,
.requirement-icon,
#review-session-join-button,
#review-session-leave-button,
.risk-item-icon,
.runstate-item-icon,
.scenario-icon,
.scenario-trigger-user,
.scenario-trigger-system,
.section-heading-closed-icon,
.section-heading-open-icon,
.task-item-icon,
.test-item-edit-button,
.test-item-icon,
.test-runstate-cancelled,
.test-runstate-deferred,
.test-runstate-fail,
.test-runstate-notrun,
.test-runstate-pass,
.test-runstate-userdef,
.propsprite-watchlist,
.propsprite-watchlistconfig {
    background-image: url("../images/propsprite.png");
    background-repeat: no-repeat
}

.propsprite-feature {
    background-position: -502px -22px
}

.propsprite-cog {
    background-position: -2px -262px;
    width: 24px;
    height: 24px
}

.feature-item-icon {
    background-position: -502px -22px;
    float: left;
    position: absolute
}

.document-item-icon {
    background-position: -262px -22px;
    float: left;
    position: absolute
}

.propsprite-document {
    background-position: -262px -22px
}

.propsprite-file {
    width: 16px;
    height: 16px;
    background-position: -22px -242px
}

.propsprite-attribute {
    width: 16px;
    height: 16px;
    background-position: -127px -2px;
    left: 18px
}

.propsprite-attributepackage {
    width: 16px;
    height: 16px;
    background-position: -147px -2px;
    left: 26px;
    display: inline-block;
    margin-left: 4px
}

#select-feature-menu .contextmenu-items .contextmenu-item {
    padding-left: 16px
}

#select-feature-menu .contextmenu-items {
    max-height: 156px
}

.propsprite-attributeprivate {
    width: 16px;
    height: 16px;
    background-position: -87px -22px;
    left: 26px;
    display: inline-block;
    margin-left: 4px
}

.propsprite-attributeprotected {
    width: 16px;
    height: 16px;
    background-position: -107px -22px;
    left: 26px;
    display: inline-block;
    margin-left: 4px
}

.propsprite-attributepublic {
    width: 16px;
    height: 16px;
    background-position: -127px -22px;
    left: 26px;
    display: inline-block;
    margin-left: 4px
}

.propsprite-reply {
    width: 20px;
    height: 20px;
    background-position: -47px -146px;
    background-size: auto
}

.propsprite-discuss {
    width: 20px;
    height: 20px;
    background-position: -129px -50px;
    background-size: auto
}

.propsprite-discussion {
    width: 20px;
    height: 16px;
    background-position: -129px -52px;
    background-size: auto
}

.chat-menu-icon {
    background-position: -131px -52px
}

.icon-status-open {
    background-position: -482px -2px
}

.icon-status-alert {
    background-position: -502px -2px
}

.icon-status-error {
    background-position: -522px -2px
}

.icon-status-accept {
    background-position: -542px -2px
}

.icon-status-reject {
    background-position: -562px -2px
}

.icon-status-closed {
    background-position: -582px -2px
}

.propsprite-discusspriorityhigh {
    width: 16px;
    height: 16px;
    background-position: -153px -50px
}

.propsprite-discussprioritylow {
    width: 16px;
    height: 16px;
    background-position: -26px -70px
}

.propsprite-discussprioritymed {
    width: 16px;
    height: 16px;
    background-position: -46px -70px
}

.propsprite-discussprioritynone {
    width: 16px;
    height: 16px;
    background-position: -66px -70px
}

.propsprite-discussstatusawait {
    width: 16px;
    height: 16px;
    background-position: -86px -70px
}

.propsprite-discussstatuscomplete {
    width: 16px;
    height: 16px;
    background-position: -106px -70px
}

.propsprite-discussstatusopen {
    width: 16px;
    height: 16px;
    background-position: -153px -70px
}

.propsprite-bullet-closed {
    width: 4px;
    height: 7px;
    background-position: -167px -2px
}

.propsprite-bullet-open {
    width: 7px;
    height: 4px;
    background-position: -2px -50px
}

.propsprite-change {
    width: 16px;
    height: 16px;
    background-position: -13px -50px
}

.propsprite-changeadd {
    width: 16px;
    height: 16px;
    background-position: -33px -50px
}

.propsprite-featureadd {
    width: 16px;
    height: 16px;
    background-position: -102px -222px
}

.propsprite-documentadd {
    width: 16px;
    height: 16px;
    background-position: -2px -242px
}

.propsprite-decision {
    width: 16px;
    height: 16px;
    background-position: -69px -50px
}

.propsprite-defect {
    width: 16px;
    height: 16px;
    background-position: -89px -50px
}

.propsprite-defectadd {
    width: 16px;
    height: 16px;
    background-position: -109px -50px
}

.propsprite-effortadd {
    width: 16px;
    height: 16px;
    background-position: -86px -90px
}

.propsprite-event {
    width: 16px;
    height: 16px;
    background-position: -106px -90px
}

.propsprite-issue {
    width: 16px;
    height: 16px;
    background-position: -2px -106px
}

.propsprite-issueadd {
    width: 16px;
    height: 16px;
    background-position: -126px -106px
}

.propsprite-location {
    width: 16px;
    height: 16px;
    background-position: -41px -223px
}

.propsprite-note {
    width: 16px;
    height: 16px;
    background-position: -166px -182px
}

.propsprite-noteedit {
    width: 16px;
    height: 16px;
    background-position: -47px -126px
}

.propsprite-operation {
    width: 16px;
    height: 16px;
    background-position: -88px -126px;
    left: 18px
}

.propsprite-operationpackage {
    width: 16px;
    height: 16px;
    background-position: -87px -126px;
    left: 26px;
    display: inline-block;
    margin-left: 4px
}

.propsprite-operationprivate {
    width: 16px;
    height: 16px;
    background-position: -107px -126px;
    left: 26px;
    display: inline-block;
    margin-left: 4px
}

.propsprite-operationprotected {
    width: 16px;
    height: 16px;
    background-position: -127px -126px;
    left: 26px;
    display: inline-block;
    margin-left: 4px
}

.propsprite-operationpublic {
    width: 16px;
    height: 16px;
    background-position: -147px -126px;
    left: 26px;
    display: inline-block;
    margin-left: 4px
}

.propsprite-properties {
    width: 16px;
    height: 16px;
    background-position: -27px -146px
}

.propsprite-requirement {
    width: 16px;
    height: 16px;
    background-position: -71px -146px
}

.propsprite-resalloc,
.propsprite-resource {
    width: 16px;
    height: 16px;
    background-position: -91px -146px
}

.propsprite-resallocadd {
    width: 16px;
    height: 16px;
    background-position: -111px -146px
}

.propsprite-resallocedit {
    width: 16px;
    height: 16px;
    background-position: -131px -146px
}

.propsprite-review {
    width: 16px;
    height: 16px;
    background-position: -146px -182px
}

.propsprite-reddot {
    width: 16px;
    height: 16px;
    background-position: -2px -221px
}

.propsprite-greendot {
    width: 16px;
    height: 16px;
    background-position: -22px -221px
}

.propsprite-risk {
    width: 16px;
    height: 16px;
    background-position: -151px -146px
}

.propsprite-riskadd {
    width: 16px;
    height: 16px;
    background-position: -175px -2px
}

.propsprite-taggedvalue {
    width: 16px;
    height: 16px;
    background-position: -195px -2px;
    display: inline-block
}

.propsprite-taggedvaluesingle {
    width: 16px;
    height: 16px;
    background-position: -195px -2px;
    display: inline-block
}

.propsprite-taggedvaluegroup {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: -195px -22px
}

.propsprite-task {
    width: 16px;
    height: 16px;
    background-position: -195px -42px
}

.propsprite-taskadd {
    width: 16px;
    height: 16px;
    background-position: -193px -62px
}

.propsprite-test {
    width: 16px;
    height: 16px;
    background-position: -193px -82px
}

.propsprite-testadd {
    width: 16px;
    height: 16px;
    background-position: -186px -102px
}

.propsprite-testedit {
    width: 16px;
    height: 16px;
    background-position: -186px -184px
}

.propsprite-tick {
    width: 16px;
    height: 16px;
    background-position: -187px -122px
}

.propsprite-untick {
    width: 16px;
    height: 16px;
    background-position: -191px -142px
}

.propsprite-viewcontents {
    width: 16px;
    height: 16px;
    background-position: -62px -222px
}

.propsprite-separator {
    width: 16px;
    height: 16px;
    background-position: -82px -222px;
    margin: 0 4px 4px 4px;
    vertical-align: bottom
}

.propsprite-watchlist {
    width: 48px;
    height: 48px;
    background-position: -4px -165px
}

.propsprite-watchlistconfig {
    width: 48px;
    height: 48px;
    background-position: -54px -165px
}

.element16-abstraction,
.element16-action,
.element16-actionpin,
.element16-activity,
.element16-activityFinal,
.element16-activityInitial,
.element16-activityparameter,
.element16-activitypartition,
.element16-activityregion,
.element16-actor,
.element16-add,
.element16-aggregation,
.element16-assembly,
.element16-association,
.element16-associationclass,
.element16-associationend,
.element16-attribute,
.element16-centralbuffernode,
.element16-change,
.element16-choice,
.element16-class,
.element16-collaboration,
.element16-collaborationLink,
.element16-comment,
.element16-communicationpath,
.element16-component,
.element16-composition,
.element16-connector,
.element16-constraint,
.element16-controlflow,
.element16-datastore,
.element16-datatype,
.element16-dbconnection,
.element16-dbfunction,
.element16-dbmaterialview,
.element16-dbprocedure,
.element16-dbsequence,
.element16-dbsqlquery,
.element16-dbtable,
.element16-dbview,
.element16-decision,
.element16-defect,
.element16-delegate,
.element16-dependency,
.element16-deployment,
.element16-deploymentspec,
.element16-device,
.element16-diagram,
.element16-diagramactivity,
.element16-diagramanalysis,
.element16-diagramcommunication,
.element16-diagramcomponent,
.element16-diagramcomposite,
.element16-diagramcustom,
.element16-diagramdeployment,
.element16-diagramframe,
.element16-diagraminteraction,
.element16-diagramobject,
.element16-diagrampackage,
.element16-diagramsequence,
.element16-diagramstate,
.element16-diagramtiming,
.element16-diagramusecase,
.element16-document,
.element16-encrypteddoc,
.element16-entrypoint,
.element16-enumeration,
.element16-event,
.element16-exceptionhandler,
.element16-executionenv,
.element16-exitpoint,
.element16-expansionnode,
.element16-expansionregion,
.element16-extend,
.element16-extension,
.element16-favoritesroot,
.element16-feature,
.element16-forkjoin,
.element16-generalization,
.element16-guielement,
.element16-haschildoverlay,
.element16-hyperlink,
.element16-imageasset,
.element16-include,
.element16-informationflow,
.element16-informationitem,
.element16-instantiation,
.element16-interaction,
.element16-interactionfragment,
.element16-interactionoccurrence,
.element16-interactionstate,
.element16-interface,
.element16-interruptactregion,
.element16-interruptflow,
.element16-invokes,
.element16-issue,
.element16-lockedhaschildoverlay,
.element16-lockedoverlay,
.element16-manifest,
.element16-mergenode,
.element16-message,
.element16-messageendpoint,
.element16-modelroot,
.element16-navcell,
.element16-nesting,
.element16-net,
.element16-node,
.element16-note,
.element16-notelink,
.element16-object,
.element16-objectflow,
.element16-objectnode,
.element16-occurrence,
.element16-open,
.element16-operation,
.element16-package,
.element16-packagecomponent,
.element16-packageimport,
.element16-packagelink,
.element16-packagemerge,
.element16-parameterset,
.element16-part,
.element16-port,
.element16-precedes,
.element16-primitivetype,
.element16-profile,
.element16-profileapplication,
.element16-providedinterface,
.element16-proxyconnector,
.element16-realisation,
.element16-recursion,
.element16-redefinition,
.element16-region,
.element16-report,
.element16-represents,
.element16-requiredinterface,
.element16-requirement,
.element16-review,
.element16-risk,
.element16-rolebinding,
.element16-sbpialm,
.element16-sbpiautodesk,
.element16-sbpibugzilla,
.element16-sbpidropbox,
.element16-sbpiea,
.element16-sbpijazz,
.element16-sbpijira,
.element16-sbpiservicenow,
.element16-sbpitfs,
.element16-sbpiwrike,
.element16-sbpisharepoint,
.element16-sbpiconfluence,
.element16-screen,
.element16-self-message,
.element16-sequence,
.element16-signal,
.element16-state,
.element16-stateflow,
.element16-statemachine,
.element16-statestart,
.element16-statestop,
.element16-stereotagvalue,
.element16-stereotype,
.element16-structuredactivity,
.element16-substitution,
.element16-sysboundary,
.element16-task,
.element16-test,
.element16-text,
.element16-timeline,
.element16-trace,
.element16-trigger,
.element16-umldiagram,
.element16-usage,
.element16-usecase,
.element16-usecaselink,
.element16-viewclass,
.element16-viewcomponent,
.element16-viewdeployment,
.element16-viewdynamic,
.element16-viewsimple,
.element16-viewusecase,
.element16-watchlist,
.element16-watchlistconfig,
.element16-matrix,
.element16-addmodelroot,
.element16-addviewpackage,
.propsprite-feature,
.propsprite-document,
.feature-item-icon,
.document-item-icon {
    background-image: url(../images/ele16sprite.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px
}

.element16-abstraction {
    background-position: -2px -2px
}

.element16-action {
    background-position: -22px -2px
}

.element16-actionpin {
    background-position: -42px -2px
}

.element16-activity {
    background-position: -62px -2px
}

.element16-activityFinal {
    background-position: -82px -2px
}

.element16-activityInitial {
    background-position: -102px -2px
}

.element16-activityparameter {
    background-position: -122px -2px
}

.element16-activitypartition {
    background-position: -142px -2px
}

.element16-activityregion {
    background-position: -162px -2px
}

.element16-actor {
    background-position: -182px -2px
}

.element16-add {
    background-position: -202px -2px
}

.element16-aggregation {
    background-position: -222px -2px
}

.element16-assembly {
    background-position: -242px -2px
}

.element16-association {
    background-position: -262px -2px
}

.element16-associationclass {
    background-position: -282px -2px
}

.element16-associationend {
    background-position: -302px -2px
}

.element16-attribute {
    background-position: -322px -2px
}

.element16-centralbuffernode {
    background-position: -342px -2px
}

.element16-change {
    background-position: -362px -2px
}

.element16-choice {
    background-position: -382px -2px
}

.element16-class {
    background-position: -402px -2px
}

.element16-collaboration {
    background-position: -422px -2px
}

.element16-collaborationLink {
    background-position: -442px -2px
}

.element16-comment {
    background-position: -462px -2px
}

.element16-communicationpath {
    background-position: -482px -2px
}

.element16-component {
    background-position: -502px -2px
}

.element16-composition {
    background-position: -522px -2px
}

.element16-connector {
    background-position: -542px -2px
}

.element16-constraint {
    background-position: -562px -2px
}

.element16-controlflow {
    background-position: -582px -2px
}

.element16-datastore {
    background-position: -602px -2px
}

.element16-datatype {
    background-position: -622px -2px
}

.element16-dbconnection {
    background-position: -642px -2px
}

.element16-dbfunction {
    background-position: -662px -2px
}

.element16-dbmaterialview {
    background-position: -682px -2px
}

.element16-dbprocedure {
    background-position: -702px -2px
}

.element16-dbsequence {
    background-position: -722px -2px
}

.element16-dbsqlquery {
    background-position: -742px -2px
}

.element16-dbtable {
    background-position: -762px -2px
}

.element16-dbview {
    background-position: -782px -2px
}

.element16-decision {
    background-position: -802px -2px
}

.element16-defect {
    background-position: -822px -2px
}

.element16-delegate {
    background-position: -842px -2px
}

.element16-dependency {
    background-position: -862px -2px
}

.element16-deployment {
    background-position: -882px -2px
}

.element16-deploymentspec {
    background-position: -902px -2px
}

.element16-device {
    background-position: -922px -2px
}

.element16-diagram {
    background-position: -942px -2px
}

.element16-diagramactivity {
    background-position: -962px -2px
}

.element16-diagramanalysis {
    background-position: -982px -2px
}

.element16-diagramcommunication {
    background-position: -2px -22px
}

.element16-diagramcomponent {
    background-position: -22px -22px
}

.element16-diagramcomposite {
    background-position: -42px -22px
}

.element16-diagramcustom {
    background-position: -62px -22px
}

.element16-diagramdeployment {
    background-position: -82px -22px
}

.element16-diagramframe {
    background-position: -102px -22px
}

.element16-diagraminteraction {
    background-position: -122px -22px
}

.element16-diagramobject {
    background-position: -142px -22px
}

.element16-diagrampackage {
    background-position: -162px -22px
}

.element16-diagramsequence {
    background-position: -182px -22px
}

.element16-diagramstate {
    background-position: -202px -22px
}

.element16-diagramtiming {
    background-position: -222px -22px
}

.element16-diagramusecase {
    background-position: -242px -22px
}

.element16-document {
    background-position: -262px -22px
}

.element16-encrypteddoc {
    background-position: -282px -22px
}

.element16-entrypoint {
    background-position: -302px -22px
}

.element16-enumeration {
    background-position: -322px -22px
}

.element16-event {
    background-position: -342px -22px
}

.element16-exceptionhandler {
    background-position: -362px -22px
}

.element16-executionenv {
    background-position: -382px -22px
}

.element16-exitpoint {
    background-position: -402px -22px
}

.element16-expansionnode {
    background-position: -422px -22px
}

.element16-expansionregion {
    background-position: -442px -22px
}

.element16-extend {
    background-position: -462px -22px
}

.element16-extension {
    background-position: -482px -22px
}

.element16-favoritesroot {
    background-position: -702px -62px
}

.element16-feature {
    background-position: -502px -22px
}

.element16-forkjoin {
    background-position: -522px -22px
}

.element16-generalization {
    background-position: -542px -22px
}

.element16-guielement {
    background-position: -562px -22px
}

.element16-haschildoverlay {
    background-position: -582px -22px
}

.element16-hyperlink {
    background-position: -602px -22px
}

.element16-imageasset {
    background-position: -622px -22px
}

.element16-include {
    background-position: -642px -22px
}

.element16-informationflow {
    background-position: -662px -22px
}

.element16-informationitem {
    background-position: -682px -22px
}

.element16-instantiation {
    background-position: -702px -22px
}

.element16-interaction {
    background-position: -722px -22px
}

.element16-interactionfragment {
    background-position: -742px -22px
}

.element16-interactionoccurrence {
    background-position: -762px -22px
}

.element16-interactionstate {
    background-position: -782px -22px
}

.element16-interface {
    background-position: -802px -22px
}

.element16-interruptactregion {
    background-position: -822px -22px
}

.element16-interruptflow {
    background-position: -842px -22px
}

.element16-invokes {
    background-position: -862px -22px
}

.element16-issue {
    background-position: -882px -22px
}

.element16-lockedhaschildoverlay {
    background-position: -902px -22px
}

.element16-lockedoverlay {
    background-position: -922px -22px
}

.element16-manifest {
    background-position: -942px -22px
}

.element16-mergenode {
    background-position: -962px -22px
}

.element16-message {
    background-position: -982px -22px
}

.element16-messageendpoint {
    background-position: -2px -42px
}

.element16-modelroot {
    background-position: -22px -42px
}

.element16-navcell {
    background-position: -42px -42px
}

.element16-nesting {
    background-position: -62px -42px
}

.element16-net {
    background-position: -82px -42px
}

.element16-node {
    background-position: -102px -42px
}

.element16-note {
    background-position: -122px -42px
}

.element16-notelink {
    background-position: -142px -42px
}

.element16-object {
    background-position: -162px -42px
}

.element16-objectflow {
    background-position: -182px -42px
}

.element16-objectnode {
    background-position: -202px -42px
}

.element16-occurrence {
    background-position: -222px -42px
}

.element16-open {
    background-position: -242px -42px
}

.element16-operation {
    background-position: -262px -42px
}

.element16-package {
    background-position: -282px -42px
}

.element16-packagecomponent {
    background-position: -302px -42px
}

.element16-packageimport {
    background-position: -322px -42px
}

.element16-packagelink {
    background-position: -342px -42px
}

.element16-packagemerge {
    background-position: -362px -42px
}

.element16-parameterset {
    background-position: -382px -42px
}

.element16-part {
    background-position: -402px -42px
}

.element16-port {
    background-position: -422px -42px
}

.element16-precedes {
    background-position: -442px -42px
}

.element16-primitivetype {
    background-position: -462px -42px
}

.element16-profile {
    background-position: -482px -42px
}

.element16-profileapplication {
    background-position: -502px -42px
}

.element16-providedinterface {
    background-position: -522px -42px
}

.element16-proxyconnector {
    background-position: -542px -42px
}

.element16-realisation {
    background-position: -562px -42px
}

.element16-recursion {
    background-position: -582px -42px
}

.element16-redefinition {
    background-position: -602px -42px
}

.element16-region {
    background-position: -622px -42px
}

.element16-report {
    background-position: -642px -42px
}

.element16-represents {
    background-position: -662px -42px
}

.element16-requiredinterface {
    background-position: -682px -42px
}

.element16-requirement {
    background-position: -702px -42px
}

.element16-review {
    background-position: -722px -42px
}

.element16-risk {
    background-position: -742px -42px
}

.element16-rolebinding {
    background-position: -762px -42px
}

.element16-screen {
    background-position: -782px -42px
}

.element16-self-message {
    background-position: -802px -42px
}

.element16-sequence {
    background-position: -822px -42px
}

.element16-signal {
    background-position: -842px -42px
}

.element16-state {
    background-position: -862px -42px
}

.element16-stateflow {
    background-position: -882px -42px
}

.element16-statemachine {
    background-position: -902px -42px
}

.element16-statestart {
    background-position: -922px -42px
}

.element16-statestop {
    background-position: -942px -42px
}

.element16-stereotagvalue {
    background-position: -962px -42px
}

.element16-stereotype {
    background-position: -982px -42px
}

.element16-structuredactivity {
    background-position: -2px -62px
}

.element16-substitution {
    background-position: -22px -62px
}

.element16-sysboundary {
    background-position: -42px -62px
}

.element16-task {
    background-position: -62px -62px
}

.element16-test {
    background-position: -82px -62px
}

.element16-text {
    background-position: -102px -62px
}

.element16-timeline {
    background-position: -122px -62px
}

.element16-trace {
    background-position: -142px -62px
}

.element16-trigger {
    background-position: -162px -62px
}

.element16-umldiagram {
    background-position: -182px -62px
}

.element16-usage {
    background-position: -202px -62px
}

.element16-usecase {
    background-position: -222px -62px
}

.element16-usecaselink {
    background-position: -242px -62px
}

.element16-viewclass {
    background-position: -262px -62px
}

.element16-viewcomponent {
    background-position: -282px -62px
}

.element16-viewdeployment {
    background-position: -302px -62px
}

.element16-viewdynamic {
    background-position: -322px -62px
}

.element16-viewsimple {
    background-position: -342px -62px
}

.element16-viewusecase {
    background-position: -362px -62px
}

.element16-matrix {
    background-position: -382px -62px
}

.element16-addmodelroot {
    background-position: -402px -62px
}

.element16-addviewpackage {
    background-position: -422px -62px
}

.element16-sbpialm {
    background-position: -442px -62px
}

.element16-sbpiautodesk {
    background-position: -462px -62px
}

.element16-sbpibugzilla {
    background-position: -482px -62px
}

.element16-sbpiconfluence {
    background-position: -502px -62px
}

.element16-sbpidropbox {
    background-position: -522px -62px
}

.element16-sbpiea {
    background-position: -542px -62px
}

.element16-sbpijazz {
    background-position: -562px -62px
}

.element16-sbpijira {
    background-position: -582px -62px
}

.element16-sbpiservicenow {
    background-position: -602px -62px
}

.element16-sbpisharepoint {
    background-position: -622px -62px
}

.element16-sbpitfs {
    background-position: -642px -62px
}

.element16-sbpiwrike {
    background-position: -662px -62px
}

.element48-abstraction,
.element48-action,
.element48-actionpin,
.element48-activity,
.element48-activityFinal,
.element48-activityInitial,
.element48-activityparameter,
.element48-activitypartition,
.element48-activityregion,
.element48-actor,
.element48-add,
.element48-addmodelroot,
.element48-addviewpackage,
.element48-aggregation,
.element48-assembly,
.element48-association,
.element48-associationclass,
.element48-associationend,
.element48-attribute,
.element48-centralbuffernode,
.element48-change,
.element48-choice,
.element48-class,
.element48-collaboration,
.element48-collaborationLink,
.element48-comment,
.element48-communicationpath,
.element48-component,
.element48-composition,
.element48-connector,
.element48-constraint,
.element48-controlflow,
.element48-datastore,
.element48-datatype,
.element48-dbconnection,
.element48-dbfunction,
.element48-dbmaterialview,
.element48-dbprocedure,
.element48-dbsequence,
.element48-dbsqlquery,
.element48-dbtable,
.element48-dbview,
.element48-decision,
.element48-defect,
.element48-delegate,
.element48-dependency,
.element48-deployment,
.element48-deploymentspec,
.element48-device,
.element48-diagram,
.element48-diagramactivity,
.element48-diagramanalysis,
.element48-diagramcommunication,
.element48-diagramcomponent,
.element48-diagramcomposite,
.element48-diagramcustom,
.element48-diagramdeployment,
.element48-diagramframe,
.element48-diagraminteraction,
.element48-diagramobject,
.element48-diagrampackage,
.element48-diagramsequence,
.element48-diagramstate,
.element48-diagramtiming,
.element48-diagramusecase,
.element48-document,
.element48-encrypteddoc,
.element48-entrypoint,
.element48-enumeration,
.element48-event,
.element48-exceptionhandler,
.element48-executionenv,
.element48-exitpoint,
.element48-expansionnode,
.element48-expansionregion,
.element48-extend,
.element48-extension,
.element48-feature,
.element48-forkjoin,
.element48-generalization,
.element48-guielement,
.element48-haschildoverlay,
.element48-hyperlink,
.element48-imageasset,
.element48-include,
.element48-informationflow,
.element48-informationitem,
.element48-instantiation,
.element48-interaction,
.element48-interactionfragment,
.element48-interactionoccurrence,
.element48-interactionstate,
.element48-interface,
.element48-interruptactregion,
.element48-interruptflow,
.element48-invokes,
.element48-issue,
.element48-lockedhaschildoverlay,
.element48-lockedoverlay,
.element48-manifest,
.element48-mergenode,
.element48-message,
.element48-messageendpoint,
.element48-modelroot,
.element48-navcell,
.element48-nesting,
.element48-net,
.element48-node,
.element48-note,
.element48-notelink,
.element48-object,
.element48-objectflow,
.element48-objectnode,
.element48-occurrence,
.element48-open,
.element48-operation,
.element48-package,
.element48-packagecomponent,
.element48-packageimport,
.element48-packagelink,
.element48-packagemerge,
.element48-parameterset,
.element48-part,
.element48-port,
.element48-precedes,
.element48-primitivetype,
.element48-profile,
.element48-profileapplication,
.element48-providedinterface,
.element48-proxyconnector,
.element48-realisation,
.element48-recursion,
.element48-redefinition,
.element48-region,
.element48-report,
.element48-represents,
.element48-requiredinterface,
.element48-requirement,
.element48-review,
.element48-risk,
.element48-rolebinding,
.element48-sbpialm,
.element48-sbpiautodesk,
.element48-sbpibugzilla,
.element48-sbpidropbox,
.element48-sbpiea,
.element48-sbpijazz,
.element48-sbpijira,
.element48-sbpiservicenow,
.element48-sbpitfs,
.element48-sbpiwrike,
.element48-sbpisharepoint,
.element48-sbpiconfluence,
.element48-screen,
.element48-self-message,
.element48-sequence,
.element48-signal,
.element48-state,
.element48-stateflow,
.element48-statemachine,
.element48-statestart,
.element48-statestop,
.element48-stereotagvalue,
.element48-stereotype,
.element48-structuredactivity,
.element48-substitution,
.element48-sysboundary,
.element48-task,
.element48-test,
.element48-text,
.element48-timeline,
.element48-trace,
.element48-trigger,
.element48-umldiagram,
.element48-usage,
.element48-usecase,
.element48-usecaselink,
.element48-viewclass,
.element48-viewcomponent,
.element48-viewdeployment,
.element48-viewdynamic,
.element48-viewsimple,
.element48-viewusecase {
    background-image: url(../images/ele48sprite.png);
    background-repeat: no-repeat;
    width: 48px;
    height: 48px
}

.element48-abstraction {
    background-position: -2px -2px
}

.element48-action {
    background-position: -54px -2px
}

.element48-actionpin {
    background-position: -106px -2px
}

.element48-activity {
    background-position: -158px -2px
}

.element48-activityFinal {
    background-position: -210px -2px
}

.element48-activityInitial {
    background-position: -262px -2px
}

.element48-activityparameter {
    background-position: -314px -2px
}

.element48-activitypartition {
    background-position: -366px -2px
}

.element48-activityregion {
    background-position: -418px -2px
}

.element48-actor {
    background-position: -470px -2px
}

.element48-add {
    background-position: -522px -2px
}

.element48-addmodelroot {
    background-position: -574px -2px
}

.element48-addviewpackage {
    background-position: -626px -2px
}

.element48-aggregation {
    background-position: -678px -2px
}

.element48-assembly {
    background-position: -730px -2px
}

.element48-association {
    background-position: -782px -2px
}

.element48-associationclass {
    background-position: -834px -2px
}

.element48-associationend {
    background-position: -886px -2px
}

.element48-attribute {
    background-position: -938px -2px
}

.element48-centralbuffernode {
    background-position: -990px -2px
}

.element48-change {
    background-position: -2px -54px
}

.element48-choice {
    background-position: -54px -54px
}

.element48-class {
    background-position: -106px -54px
}

.element48-collaboration {
    background-position: -158px -54px
}

.element48-collaborationlink {
    background-position: -210px -54px
}

.element48-comment {
    background-position: -262px -54px
}

.element48-communicationpath {
    background-position: -314px -54px
}

.element48-component {
    background-position: -366px -54px
}

.element48-composition {
    background-position: -418px -54px
}

.element48-connector {
    background-position: -470px -54px
}

.element48-constraint {
    background-position: -522px -54px
}

.element48-controlflow {
    background-position: -574px -54px
}

.element48-datastore {
    background-position: -626px -54px
}

.element48-datatype {
    background-position: -678px -54px
}

.element48-dbconnection {
    background-position: -730px -54px
}

.element48-dbfunction {
    background-position: -782px -54px
}

.element48-dbmaterialview {
    background-position: -834px -54px
}

.element48-dbprocedure {
    background-position: -886px -54px
}

.element48-dbsequence {
    background-position: -938px -54px
}

.element48-dbsqlquery {
    background-position: -990px -54px
}

.element48-dbtable {
    background-position: -2px -106px
}

.element48-dbview {
    background-position: -54px -106px
}

.element48-decision {
    background-position: -106px -106px
}

.element48-defect {
    background-position: -158px -106px
}

.element48-delegate {
    background-position: -210px -106px
}

.element48-dependency {
    background-position: -262px -106px
}

.element48-deployment {
    background-position: -314px -106px
}

.element48-deploymentspec {
    background-position: -366px -106px
}

.element48-device {
    background-position: -418px -106px
}

.element48-diagram {
    background-position: -470px -106px
}

.element48-diagramactivity {
    background-position: -522px -106px
}

.element48-diagramanalysis {
    background-position: -574px -106px
}

.element48-diagramcommunication {
    background-position: -626px -106px
}

.element48-diagramcomponent {
    background-position: -678px -106px
}

.element48-diagramcomposite {
    background-position: -730px -106px
}

.element48-diagramcustom {
    background-position: -782px -106px
}

.element48-diagramdeployment {
    background-position: -834px -106px
}

.element48-diagramframe {
    background-position: -886px -106px
}

.element48-diagraminaction {
    background-position: -938px -106px
}

.element48-diagramobject {
    background-position: -990px -106px
}

.element48-diagrampackage {
    background-position: -2px -158px
}

.element48-diagramsequence {
    background-position: -54px -158px
}

.element48-diagramstate {
    background-position: -106px -158px
}

.element48-diagramtiming {
    background-position: -158px -158px
}

.element48-diagramusecase {
    background-position: -210px -158px
}

.element48-document {
    background-position: -262px -158px
}

.element48-encrypteddoc {
    background-position: -314px -158px
}

.element48-entrypoint {
    background-position: -366px -158px
}

.element48-enumeration {
    background-position: -418px -158px
}

.element48-event {
    background-position: -470px -158px
}

.element48-exceptionhandler {
    background-position: -522px -158px
}

.element48-executionenv {
    background-position: -574px -158px
}

.element48-exitpoint {
    background-position: -626px -158px
}

.element48-expansionnode {
    background-position: -678px -158px
}

.element48-expansionregion {
    background-position: -730px -158px
}

.element48-extend {
    background-position: -782px -158px
}

.element48-extension {
    background-position: -834px -158px
}

.element48-feature {
    background-position: -886px -158px
}

.element48-forkjoin {
    background-position: -938px -158px
}

.element48-generalization {
    background-position: -990px -158px
}

.element48-guielement {
    background-position: -2px -210px
}

.element48-haschildoverlay {
    background-position: -54px -210px
}

.element48-hyperlink {
    background-position: -106px -210px
}

.element48-imageasset {
    background-position: -158px -210px
}

.element48-include {
    background-position: -210px -210px
}

.element48-informationflow {
    background-position: -262px -210px
}

.element48-informationitem {
    background-position: -314px -210px
}

.element48-instantiation {
    background-position: -366px -210px
}

.element48-interaction {
    background-position: -418px -210px
}

.element48-interactionfragment {
    background-position: -470px -210px
}

.element48-interactionoccurrence {
    background-position: -522px -210px
}

.element48-interactionstate {
    background-position: -574px -210px
}

.element48-interface {
    background-position: -626px -210px
}

.element48-interruptactregion {
    background-position: -678px -210px
}

.element48-interruptflow {
    background-position: -730px -210px
}

.element48-invokes {
    background-position: -782px -210px
}

.element48-issue {
    background-position: -834px -210px
}

.element48-lockedhaschildoverlay {
    background-position: -886px -210px
}

.element48-lockedoverlay {
    background-position: -938px -210px
}

.element48-manifest {
    background-position: -990px -210px
}

.element48-mergenode {
    background-position: -2px -262px
}

.element48-message {
    background-position: -54px -262px
}

.element48-messageendpoint {
    background-position: -106px -262px
}

.element48-modelroot {
    background-position: -158px -262px
}

.element48-navcell {
    background-position: -210px -262px
}

.element48-nesting {
    background-position: -262px -262px
}

.element48-net {
    background-position: -314px -262px
}

.element48-node {
    background-position: -366px -262px
}

.element48-note {
    background-position: -418px -262px
}

.element48-notelink {
    background-position: -470px -262px
}

.element48-object {
    background-position: -522px -262px
}

.element48-objectflow {
    background-position: -574px -262px
}

.element48-objectnode {
    background-position: -626px -262px
}

.element48-occurrence {
    background-position: -678px -262px
}

.element48-open {
    background-position: -730px -262px
}

.element48-operation {
    background-position: -782px -262px
}

.element48-package {
    background-position: -834px -262px
}

.element48-packagecomponent {
    background-position: -886px -262px
}

.element48-packageimport {
    background-position: -938px -262px
}

.element48-packagelink {
    background-position: -990px -262px
}

.element48-packagemerge {
    background-position: -2px -314px
}

.element48-parameterset {
    background-position: -54px -314px
}

.element48-part {
    background-position: -106px -314px
}

.element48-port {
    background-position: -158px -314px
}

.element48-precedes {
    background-position: -210px -314px
}

.element48-primitivetype {
    background-position: -262px -314px
}

.element48-profile {
    background-position: -314px -314px
}

.element48-profileapplication {
    background-position: -366px -314px
}

.element48-providedinterface {
    background-position: -418px -314px
}

.element48-proxyconnector {
    background-position: -470px -314px
}

.element48-realisation {
    background-position: -522px -314px
}

.element48-recursion {
    background-position: -574px -314px
}

.element48-redefinition {
    background-position: -626px -314px
}

.element48-region {
    background-position: -678px -314px
}

.element48-report {
    background-position: -730px -314px
}

.element48-represents {
    background-position: -782px -314px
}

.element48-requiredinterface {
    background-position: -834px -314px
}

.element48-requirement {
    background-position: -886px -314px
}

.element48-review {
    background-position: -938px -314px
}

.element48-risk {
    background-position: -990px -314px
}

.element48-rolebinding {
    background-position: -2px -366px
}

.element48-sbpialm {
    background-position: -54px -366px
}

.element48-sbpiautodesk {
    background-position: -106px -366px
}

.element48-sbpibugzilla {
    background-position: -158px -366px
}

.element48-sbpiconfluence {
    background-position: -210px -366px
}

.element48-sbpidropbox {
    background-position: -262px -366px
}

.element48-sbpiea {
    background-position: -314px -366px
}

.element48-sbpijazz {
    background-position: -366px -366px
}

.element48-sbpijira {
    background-position: -418px -366px
}

.element48-sbpiservicenow {
    background-position: -470px -366px
}

.element48-sbpisharepoint {
    background-position: -522px -366px
}

.element48-sbpitfs {
    background-position: -574px -366px
}

.element48-sbpiwrike {
    background-position: -626px -366px
}

.element48-screen {
    background-position: -678px -366px
}

.element48-self-message {
    background-position: -730px -366px
}

.element48-sequence {
    background-position: -782px -366px
}

.element48-signal {
    background-position: -834px -366px
}

.element48-state {
    background-position: -886px -366px
}

.element48-stateflow {
    background-position: -938px -366px
}

.element48-statemachine {
    background-position: -990px -366px
}

.element48-statestart {
    background-position: -2px -418px
}

.element48-statestop {
    background-position: -54px -418px
}

.element48-stereotagvalue {
    background-position: -106px -418px
}

.element48-stereotype {
    background-position: -158px -418px
}

.element48-structuredactivity {
    background-position: -210px -418px
}

.element48-substitution {
    background-position: -262px -418px
}

.element48-sysboundary {
    background-position: -314px -418px
}

.element48-task {
    background-position: -366px -418px
}

.element48-test {
    background-position: -418px -418px
}

.element48-text {
    background-position: -470px -418px
}

.element48-timeline {
    background-position: -522px -418px
}

.element48-trace {
    background-position: -574px -418px
}

.element48-trigger {
    background-position: -626px -418px
}

.element48-umldiagram {
    background-position: -678px -418px
}

.element48-usage {
    background-position: -730px -418px
}

.element48-usecase {
    background-position: -782px -418px
}

.element48-usecaselink {
    background-position: -834px -418px
}

.element48-viewclass {
    background-position: -886px -418px
}

.element48-viewcomponent {
    background-position: -938px -418px
}

.element48-viewdeployment {
    background-position: -990px -418px
}

.element48-viewdynamic {
    background-position: -2px -470px
}

.element48-viewsimple {
    background-position: -54px -470px
}

.element48-viewusecase {
    background-position: -106px -470px
}

#main-browser-view {
    width: 391px;
    height: 100%;
    overflow: auto !important;
    border-right: solid 1px #ccc
}

#main-mini-properties-view,
#miniprops-busy-loader {
    position: absolute;
    top: 0;
    overflow: auto !important;
    height: 100%;
    width: 390px;
    border-left: solid 1px #ccc;
    background-color: white;
    border-right: solid 1px #ccc;
    right: 0
}

.main-view {
    position: absolute;
    top: 0;
    overflow: auto !important;
    height: 100%;
    width: 100%
}

.main-view.show-browser {
    left: calc(391px + 1px);
    width: calc(100% - 391px - 1px)
}

.main-view.show-miniprops {
    left: 0;
    width: calc(100% - 390px - 2px)
}

.main-view.show-browserminiprops {
    left: calc(391px + 1px);
    width: calc(100% - 391px - 1px - 391px - 2px)
}

.inline-element-image {
    white-space: nowrap;
    padding-top: 2px;
    position: relative;
    display: inline-block;
    padding-right: 2px
}

.browser-view-section {
    padding: 4px
}

.browser-current-table {
    width: calc(100% - 30px);
    border-spacing: 0 2px
}

#context-browser-table {
    padding-left: 16px;
    border-spacing: 0 2px
}

#path-menu>.contextmenu-content {
    right: auto !important
}

#element-hamburger-menu {
    position: absolute
}

#element-hamburger-menu .contextmenu-content {
    right: unset;
    top: 0;
}

.browser-item-name-td.selected {
    background-color: #eeeeee
}

.browser-item-name-td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 320px
}

.browser-item-name-td a {
    color: #333;
    text-decoration: none;
    width: 100%;
    display: inline-block;
    height: 16px;
    padding: 3px 0 2px 2px
}

.browser-item-image-td .inline-element-image {
    cursor: pointer
}

.favorites-contents {
    padding-left: 8px
}

.browser-add-object,
.package-add-object {
    cursor: pointer
}

#matrix-profile {
    margin-top: 4px
}

#matrix-top-left {
    position: absolute;
    left: 0;
    top: 101px;
    width: 161px;
    height: 161px;
    background-color: grey;
    z-index: 4
}

#matrix-header-top {
    height: 63px;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    background-color: #eeeeee;
    background-color: white;
    overflow: hidden;
    display: inline-block
}

#matrix-header-table {
    padding-top: 6px;
    font-size: 0.9em;
    display: inline-block
}

.matrix-header-label {
    padding-left: 12px;
    height: 20px
}

.matrix-settings-button {
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
    padding: 4px 4px 2px 2px;
    display: inline-block
}

#matrix-header-source-field,
#matrix-header-target-field {
    color: #3777bf;
    cursor: pointer;
    max-width: 180px
}

.matrix-header-field {
    width: 120px;
    max-width: 120px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#matrix-profile-error {
    padding: 10px
}

#matrix-header-y-container {
    top: 289px;
    left: 27px;
    bottom: 1px;
    width: 161px;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    background-color: #eee
}

#matrix-page-select-x {
    left: 188px;
    right: 0;
    top: 101px;
    height: 26px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    background-color: #eee;
    border-bottom: 1px solid #dddddd;
    font-size: 0.9em
}

#matrix-header-x-container {
    left: 188px;
    right: 0;
    top: 128px;
    height: 161px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    background-color: #eee
}

#matrix-header-x {
    left: 0;
    top: 0;
    position: relative
}

#matrix-header-y {
    overflow: hidden;
    top: 0;
    left: 0;
    position: relative
}

#matrix-page-select-y {
    top: 289px;
    left: 0;
    bottom: 1px;
    width: 26px;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    background-color: #eee;
    border-right: 1px solid #dddddd
}

#page-select-y-prev {
    height: 16px;
    width: 16px;
    position: absolute;
    top: 0;
    padding: 4px;
    cursor: pointer;
    opacity: 0.8
}

#page-select-y-next {
    height: 16px;
    width: 16px;
    position: absolute;
    bottom: 0;
    padding: 4px;
    cursor: pointer;
    opacity: 0.8
}

#matrix-page-number-y {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    width: 90px;
    font-size: 0.9em
}

#page-select-x-prev {
    display: inline-block;
    padding: 4px;
    cursor: pointer;
    width: 20px;
    opacity: 0.8
}

#page-select-x-next {
    display: inline-block;
    padding: 4px;
    float: right;
    cursor: pointer;
    width: 20px;
    opacity: 0.8
}

#matrix-page-number-x {
    display: inline-block;
    text-align: center;
    width: calc(100% - 66px);
    position: absolute;
    padding-top: 4px
}

#page-select-x-prev[disabled],
#page-select-x-next[disabled],
#page-select-y-prev[disabled],
#page-select-y-next[disabled] {
    cursor: default;
    opacity: 0.4
}

#page-select-x-prev[disabled] .icon-arrow-left,
#page-select-x-next[disabled] .icon-arrow-right,
#page-select-y-prev[disabled] .icon-arrow-up,
#page-select-y-next[disabled] .icon-arrow-down {
    background-position: -442px -2px
}

#page-select-x-prev[disabled]:hover,
#page-select-x-next[disabled]:hover,
#page-select-y-prev[disabled]:hover,
#page-select-y-next[disabled]:hover {
    cursor: default;
    opacity: 0.4
}

#matrix-options {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 158px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 500;
    font-size: 14px;
    right: 0;
    top: 32px
}

.matrix-option-label {
    display: inline-block;
    padding-right: 12px;
    width: 136px
}

#matrix-option-col-count,
#matrix-option-row-count {
    display: inline-block;
    width: 60px
}

.matrix-options-apply {
    float: right;
    margin: 6px 25px 6px 0;
    width: 47px;
    padding: 4px 12px 4px 12px;
    background-position: -396px -123px;
    height: 18px
}

#matrix-contents {
    position: absolute;
    left: 188px;
    top: 289px;
    overflow: auto;
    right: 0;
    bottom: 0
}

.matrix-table {
    border-spacing: 0;
    font-size: 0.9em;
    table-layout: fixed
}

.matrix-header-x-th {
    height: 150px;
    text-align: left;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding: 5px;
    cursor: default;
    background-color: #eee;
    font-weight: normal;
    cursor: pointer
}

.matrix-header-y-th {
    min-width: 150px;
    text-align: left;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding: 4px 5px 4px 5px;
    cursor: default;
    white-space: nowrap;
    overflow: hidden;
    max-width: 150px;
    text-overflow: ellipsis;
    background-color: #eee;
    font-weight: normal;
    cursor: pointer
}

.source-name {
    width: 150px;
    left: -62px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.matrix-tr {
    line-height: 18px
}

.matrix-header-row {
    display: table-row
}

.matrix-content-row {
    display: table-row
}

#matrix-header-x-container .matrix-header-x-th {
    display: table-cell
}

.matrix-table td {
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    text-align: center;
    height: 24px;
    min-height: 24px;
    width: 26px;
    min-width: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.matrix-td {
    display: none
}

.matrix-table td {
    display: table-cell
}

.matrix-overlay-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 24px
}

.rotate {
    width: 18px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.mainsprite-matrix-color {
    background-image: url("../images/matrixiconcolor.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px
}

#matrix-header-source-type-label {
    min-width: 72px
}

#target-package {
    height: 20px;
    width: 120px;
    top: 0;
    position: absolute;
    left: 52px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    padding-right: 4px;
    padding-left: 4px;
    color: #3777bf;
    cursor: pointer
}

#source-package {
    height: 20px;
    width: 120px;
    top: 160px;
    position: absolute;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 4px;
    padding-left: 4px;
    color: #3777bf;
    cursor: pointer
}

#matrix-header-top-left {
    min-width: 150px;
    background: linear-gradient(to top right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(50% - 0.8px), rgb(218, 218, 218) 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%);
    background-color: rgba(0, 0, 0, 0);
    background-color: #eee;
    cursor: auto
}

.matrix-overlay-cell,
.matrix-connector-cell {
    cursor: pointer
}

.mainsprite-matrixleft {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -264px -218px
}

.mainsprite-matrixup {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -284px -219px
}

.mainsprite-matrixboth {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -304px -219px
}

.matrix-both {
    cursor: pointer
}

#main-matrix-profiles {
    font-size: 1em
}

.matrix-profile-form {
    padding: 12px
}

.matrix-profile-group-header {
    font-size: 16px
}

.matrix-profile-label {
    font-size: 1.0em;
    color: #808080;
    padding-left: 12px;
    width: 100px
}

.field-group {
    border: 0;
    padding: 0 10px 20px 10px;
    display: inherit
}

.inline-group>div {
    display: inline-block
}

#matrix-profile-view-matrix {
    padding: 5px 0 6px 30px;
    background-repeat: no-repeat;
    margin-left: 10px;
    height: 26px;
    width: 120px
}

#fatal-error-box {
    margin-top: 70px;
    margin-bottom: 150px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #a1a1a1;
    padding: 9px 5px;
    background: white;
    width: 350px;
    border-radius: 5px;
    box-shadow: 7px 7px 6px;
    font-size: 14px;
    width: 400px
}

.fatal-error-box-inner {
    padding: 14px
}

.fatal-error-header {
    font-size: 20px;
    font-weight: bold
}

.fatal-error-table {
    border-collapse: collapse
}

.fatal-error-td1 {
    vertical-align: top;
    color: #808080;
    border-right: 1px solid #dedede;
    padding: 10px 0 10px 0
}

.fatal-error-td2 {
    padding: 10px 0 10px 10px;
    vertical-align: top
}

.webea-page-contents {
    height: 100%;
    width: 100%
}

.webea-config-page-header {
    font-size: 20px;
    padding: 8px 0 0 16px;
    color: #3777bf
}

.webea-page-config {
    top: 37px;
    bottom: 20px;
    right: 4px;
    left: 4px;
    background-color: white;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    position: absolute;
    min-height: 200px;
    overflow: auto
}

.config-field-header-plusminus {
    padding-left: 22px;
    padding-top: 8px;
    width: 0
}

.webea-page-pane2 {
    top: 48px;
    bottom: 42px;
    right: 0;
    left: 16px;
    overflow: auto;
    position: absolute;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding-left: 16px
}

.webea-page-pane3 {
    height: 32px;
    bottom: 4px;
    right: 0;
    left: 16px;
    overflow: auto;
    position: absolute
}

.config-model-select {
    display: inline-block;
    position: absolute;
    left: 180px
}

.config-add-model-button {
    background-image: url("../images/mainsprite.png");
    background-repeat: no-repeat;
    background-position: -396px -146px;
    height: 26px;
    margin: 10px 0 20px 0;
    padding: 4px 14px 4px 36px;
    position: absolute;
    left: 520px;
    top: 36px;
    height: 26px
}

.config-field-headerandsection {
    padding-top: 20px
}

.config-field-header {
    padding-top: 8px;
    font-size: 16px;
    height: 30px;
    color: #3777bf
}

#connection-options-header {
    padding-top: 18px
}

.config-field-subheader {
    padding-top: 10px
}

#prop-section-table th {
    text-align: left
}

#prop-section-table th:nth-child(1) {
    width: 198px
}

.config-field-line {
    height: 36px
}

.config-field-label {
    display: inline-block;
    padding-top: 3px;
    color: #666
}

.config-field-label2 {
    display: inline-block;
    padding-top: 6px;
    color: #666
}

.config-field-value {
    display: inline-block;
    position: absolute;
    left: 220px
}

.config-field-value:disabled {
    background-color: #e3e3e3
}

.config-field-inline-combo {
    display: inline-block
}

.config-field-combo1 {
    width: 140px
}

.webea-config-close {
    margin: 3px 0 0 30px;
    padding: 4px 14px 4px 14px;
    background-repeat: no-repeat;
    height: 26px
}

.webea-config-save {
    margin: 3px 0 0 30px;
    padding: 4px 14px 4px 14px;
    background-repeat: no-repeat;
    height: 26px
}

.webea-config-save[disabled] {
    opacity: 0.3;
    background-color: #8D8D8D;
    cursor: unset !important
}

.webea-config-ok {
    margin: 3px 0 0 30px;
    padding: 4px 14px 4px 14px;
    background-repeat: no-repeat;
    height: 26px
}

.webea-config-configure {
    margin: 3px 0 0 30px;
    padding: 4px 14px 4px 14px;
    background-repeat: no-repeat;
    height: 26px
}

.webea-config-add {
    margin: 3px 0 0 30px;
    padding: 4px 14px 4px 14px;
    background-repeat: no-repeat;
    height: 26px
}

.webea-config-submit {
    background-image: url("../images/mainsprite.png");
    background-repeat: no-repeat;
    padding: 4px 14px 4px 36px;
    background-position: -396px -123px;
    height: 26px
}

.config-model-label {
    cursor: pointer
}

#config-model-list {
    padding: 8px;
    overflow: auto
}

#config-model-header {
    padding-top: 16px;
    padding-bottom: 8px;
    font-size: 1.5em
}

.config-field-setmultiple {
    display: inline-block;
    left: 220px;
    margin-left: 220px;
    margin-bottom: 8px
}

.config-field-setmultiple-visible {
    display: inline-block;
    left: 200px;
    margin-left: 166px;
    margin-bottom: 8px
}

.config-field-setmultiple-expanded {
    display: inline-block;
    left: 200px;
    margin-left: 54px;
    margin-bottom: 8px
}

.config-required-field-message {
    color: #c60000;
    margin-top: 4px
}

#config-table {
    border-spacing: 0
}

#config-table td {
    padding: 8px;
    border-bottom: 1px solid #dddddd
}

#config-table th {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #dddddd;
    text-align: left;
    cursor: default;
    color: #9F9F9F
}

#config-table th:nth-child(4) {
    padding-left: 20px;
    width: 140px
}

#config-table th:nth-child(5) {
    padding-left: 20px
}

#webea-config-delete-modelname,
#webea-config-rename-modelname {
    display: none
}

#webea-config-delete-modelfriendlyname {}

#webea-config-change-number-dialog {
    max-width: 520px
}

.config-icon {
    display: inline-block;
    padding: 3px;
    margin: 0 4px 0 4px
}

.config-icon:hover {
    background-color: #ddd;
    border-radius: 2px;
    cursor: pointer
}

.config-sprite {
    background-image: url(../images/configsprite.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    opacity: 0.7
}

.config-edit-icon {
    background-position: -2px -2px
}

.config-rename-icon {
    background-position: -22px -2px
}

.config-copy-icon {
    background-position: -42px -2px
}

.config-delete-icon {
    background-position: -62px -2px
}

.config-up-icon {
    background-position: -82px -2px
}

.config-down-icon {
    background-position: -102px -2px
}

.config-moveto-icon {
    background-position: -122px -2px
}

.config-add-icon {
    background-position: -142px -2px
}

.config-cog-icon {
    background-position: -162px -2px
}

.config-button-cancel {
    margin-left: 16px
}

#webea-show-link-dialog {
    width: 90%;
    max-width: 500px
}

.webea-dialog {
    width: 90%;
    max-width: 305px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top: 100px;
    background-color: #f9f9f9;
    border: 1px solid #CCC;
    box-shadow: 7px 7px 6px;
    display: none;
    z-index: 500
}

.webea-dialog-title {
    height: 24px;
    background-color: #3777bf;
    border: 1px solid #32587a;
    color: white;
    padding: 6px 0 0 12px;
    margin: 2px
}

.webea-dialog-title-text {
    display: inline-block
}

.webea-dialog-body {
    padding: 0 20px 20px 20px
}

.webea-dialog-line {
    padding: 6px 0 4px 0;
    padding-top: 6px
}

.webea-dialog-textarea {
    width: 242px;
    border-radius: 4px;
    background-color: white;
    border: 1px solid #a1a1a1;
    padding: 4px 8px
}

.webea-dialog-button-line {
    height: 32px
}

.webea-dialog-button {
    float: right;
    margin-top: 10px;
    padding: 4px 10px
}

#config-field-object-order {
    width: 240px
}

#webea-config-move-textarea,
#webea-config-change-number-textarea {
    width: 42px;
    padding: 4px 2px 4px 8px;
    margin: 8px 0 12px 8px
}

.default-dialog,
.select-object-dialog,
.edit-tag-notes-dialog,
.video-dialog {
    max-width: 874px;
    max-height: 556px;
    background-color: white;
    border: 1px solid #CCC;
    box-shadow: 7px 7px 6px;
    z-index: 400;
    margin: auto;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
    border-radius: 5px
}

.select-object-dialog,
.edit-tag-notes-dialog {
    z-index: 450
}

.select-object-browser,
.select-object-search {
    overflow: auto
}

.select-object-browser[type=RefGUIDList],
.select-object-search[type=RefGUIDList] {
    height: calc(100% - 139px)
}

.select-object-browser[type=RefGUID],
.select-object-search[type=RefGUID],
.select-object-browser[type=DiagramRef],
.select-object-search[type=DiagramRef] {
    height: calc(100% - 139px)
}

.select-object-browser-content {
    padding: 12px
}

.select-object-browser .select-object-tr[haschild=true] .select-object-item {
    cursor: pointer
}

.object-checkbox[disabled=disabled] {
    opacity: 0.3
}

.select-object-search-input-container {
    padding: 12px 12px 4px 12px
}

.select-object-search-input {
    width: 250px;
    margin-right: 8px
}

#select-object-search-results-div {
    height: 255px;
    overflow: auto
}

.select-object-search-results-div-inner {
    padding: 0 10px 20px 10px;
    background-color: white
}

.select-object-search-results {
    width: 100%;
    overflow: auto;
    border-bottom: 2px solid #dddddd;
    border-spacing: 0
}

.select-object-search-results img {
    vertical-align: bottom;
    margin-bottom: 4px;
    margin-right: 4px
}

.select-object-search-results th {
    text-align: left;
    border-bottom: 1px solid #cccccc;
    color: #9F9F9F;
    padding: 4px 5px 4px 5px;
    position: sticky;
    top: 0;
    background-color: white
}

.select-object-search-results tr {
    line-height: 24px
}

.select-object-dialog-body,
.edit-tag-notes-dialog-body {
    height: calc(100% - 120px);
    min-height: 200px;
    overflow: auto;
    background-color: white
}

.image-viewer-dialog {
    background-color: white;
    border: 1px solid #CCC;
    box-shadow: 7px 7px 6px;
    z-index: 400;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    border-radius: 5px;
    margin: 16px
}

.mail-message-dialog {
    max-height: 580px
}

#kb-shortcut-dialog {
    max-width: 874px;
    max-height: 556px;
    background-color: white;
    border: 1px solid #CCC;
    box-shadow: 7px 7px 6px;
    z-index: 400;
    margin: auto;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
    overflow: auto;
    border-radius: 6px
}

#config-props-dialog {
    max-width: 874px;
    max-height: 556px;
    background-color: white;
    border: 1px solid #CCC;
    box-shadow: 7px 7px 6px;
    z-index: 400;
    margin: auto;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
    overflow: auto;
    border-radius: 6px
}

.dialog-header {
    height: 59px;
    width: 100%;
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    border-radius: 5px 5px 0 0
}

.dialog-header.small {
    height: 39px
}

.dialog-header-title {
    display: inline-block;
    font-size: 20px;
    padding: 20px;
    color: #3777bf;
    width: calc(100% - 84px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.dialog-header-title.small {
    padding: 10px 20px;
    font-size: 18px
}

.dialog-header-close-button {
    margin: 8px;
    cursor: pointer;
    display: inline-block;
    border: 1px;
    border-radius: 3px;
    background-color: #f9f9f9;
    padding: 4px;
    float: right;
    color: gray;
    font-size: 16px;
    height: 24px
}

.dialog-header-close-button:hover {
    background-color: #ddd
}

.dialog-body {
    padding: 20px;
    height: calc(100% - 160px);
    overflow: auto;
    background-color: white
}

.video-dialog-body {
    height: calc(100% - 95px);
    background-color: #222;
    padding: 8px
}

.image-viewer-body img {
    max-height: 100%
}

.dialog-footer {
    height: 59px;
    width: 100%;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
    border-radius: 0 0 5px 5px
}

.dialog-footer.small {
    height: 39px
}

.up-arrow-inbox a {
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    top: 32px;
    left: 40px;
    border-color: #ccc;
    background: white;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.up-arrow-collab a {
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    top: 32px;
    left: 32px;
    border-color: #ccc;
    background: white;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.up-arrow a {
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    top: 92px;
    border-color: #ccc;
    background: white;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.up-arrow-inspect a {
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    top: 32px;
    left: 32px;
    border-color: #ccc;
    background: white;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

#inspect-tab-search {
    width: 68px
}

#inspect-tab-model-watch {
    width: 92px
}

#inspect-tab-matrix-profiles {
    width: 66px
}

#inspect-tab-search .up-arrow-inspect a {
    left: 36px
}

#inspect-tab-model-watch .up-arrow-inspect a {
    left: 118px
}

#inspect-tab-project-watch .up-arrow-inspect a {
    left: 226px
}

#inspect-tab-matrix-profiles .up-arrow-inspect a {
    left: 212px
}

#collab-tab-reviews {
    width: 74px
}

#collab-tab-discussions {
    width: 98px
}

#collab-tab-comments {
    width: 82px
}

#collab-tab-chat {
    width: 52px
}

#collab-tab-modelmail {
    width: 50px
}

#collab-tab-reviews .up-arrow-collab a {
    left: 40px
}

#collab-tab-discussions .up-arrow-collab a {
    left: 124px
}

#collab-tab-comments .up-arrow-collab a {
    left: 216px
}

#collab-tab-chat .up-arrow-collab a {
    left: 284px
}

#collab-tab-modelmail .up-arrow-collab a {
    left: 335px
}

.up-arrow-sent a {
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    top: 32px;
    left: 134px;
    border-color: #ccc;
    background: white;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.collab-header {
    height: 36px;
    border-bottom: solid 1px #ccc;
    background: #f7f7f7
}

.inspect-header {
    height: 36px;
    border-bottom: solid 1px #ccc;
    background-color: #f7f7f7
}

.mail-header {
    height: 36px;
    border-bottom: solid 1px #ccc
}

.mail-new,
.mail-view-message {
    padding: 20px
}

.mail-heading {
    font-size: 20px;
    padding-bottom: 16px;
    color: #3777bf;
    display: inline-block;
    width: 100%
}

.mail-field-line {
    padding-bottom: 8px
}

.mail-field-label {
    display: inline-block;
    color: #5f5f5f;
    width: 100px
}

.mail-field-value {
    display: inline-block;
    width: calc(100% - 116px);
    background-color: white;
    border: 1px solid #a1a1a1;
    border-radius: 2px;
    padding: 4px 0 4px 8px
}

#mail-header-options,
#collab-header-options {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    right: 0;
    margin: 1px 8px 1px 4px
}

.mail-tab {
    height: 36px;
    width: 94px;
    border-style: none;
    border-color: #cccccc;
    background-color: white;
    vertical-align: top;
    display: inline-block;
    color: #3777bf;
    font-size: 14px;
    cursor: pointer
}

.collab-tab,
.inspect-tab,
.select-object-tab {
    height: 36px;
    border-style: none;
    border-color: #cccccc;
    background-color: #f7f7f7;
    vertical-align: top;
    display: inline-block;
    color: #3777bf;
    font-size: 14px;
    cursor: pointer;
    padding: 10px
}

.select-object-tab {
    background-color: #fff
}

.select-object-header-tabs {
    height: 36px;
    border-bottom: solid 1px #ccc
}

#select-object-tab-browse {
    width: 74px
}

#select-object-tab-browse .up-arrow a {
    left: 32px
}

#collab-mail-left {
    overflow: auto;
    width: calc(60% - 25px);
    height: calc(100% - 40px);
    display: inline-block
}

#chat-child-tab-container {
    display: none;
    height: 36px;
    border-bottom: solid 1px #ccc
}

#collab-chat-content {
    position: absolute;
    top: 37px;
    left: 0;
    width: 100%;
    background-color: white;
    overflow: auto;
    height: calc(100% - 38px)
}

.chat-child-tab {
    height: 36px;
    border-style: none;
    border-color: #cccccc;
    background-color: #fff;
    vertical-align: top;
    display: inline-block;
    color: #3777bf;
    font-size: 14px;
    cursor: pointer;
    padding: 10px
}

.chat-child-tab.selected {
    border-bottom: 2px solid #3777bf
}

#chat-child-tab-history {
    margin-left: 8px
}

#collab-chat-left {
    position: absolute;
    overflow: auto;
    width: calc(60% - 25px);
    left: 0;
    height: 100%;
    display: inline-block;
    padding: 0
}

#collab-comments-left,
#collab-reviews-left,
#collab-discussions-left {
    overflow: auto;
    width: calc(60% - 25px);
    height: calc(100% - 38px)
}

.collab-right-overlay {
    position: absolute;
    overflow: auto;
    width: calc(40% + 24px);
    z-index: 6;
    background-color: white;
    opacity: .4;
    display: none;
    height: 100%;
    top: 0;
    left: calc(60% - 25px)
}

#collab-comments-right #properties-container,
#collab-reviews-right #properties-container,
#collab-discussions-right #properties-container {
    left: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 100%
}

#collab-comments-right,
#collab-discussions-right,
#collab-reviews-right {
    overflow: auto;
    width: calc(40% + 24px);
    display: inline-block;
    height: calc(100% - 38px);
    border-top: none;
    border-left: solid 1px #ccc;
    left: calc(60% - 25px);
    top: 37px;
    position: absolute
}

#collab-mail-right {
    overflow: auto;
    width: 40%;
    display: inline-block;
    height: calc(100% - 61px);
    border-top: none;
    border-left: solid 1px #ccc;
    left: calc(60% - 25px);
    position: absolute;
    padding: 12px
}

#collab-chat-right {
    overflow: auto;
    width: calc(40% + 24px);
    display: inline-block;
    height: 100%;
    border-top: none;
    border-left: solid 1px #ccc;
    left: calc(60% - 25px);
    position: absolute
}

.mail-tab:hover,
.collab-tab:hover,
.inspect-tab:hover {
    background-color: #ddd
}

#mail-new-button,
#mail-reply-button,
#mail-replyall-button,
#mail-forward-button,
#mail-preview-button,
#mail-markunread-button,
#mail-markread-button {
    display: inline-block;
    margin: 2px;
    padding: 0;
    border: 1px solid #cccccc;
    border-radius: 2px;
    cursor: pointer;
    background-color: white
}

#mail-message-reply-button,
#mail-message-replyall-button,
#mail-message-forward-button {
    display: inline-block;
    margin: 2px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    cursor: pointer;
    background-color: white;
    padding: 2px 4px 2px 2px
}

#mail-message-reply-button:hover,
#mail-message-replyall-button:hover,
#mail-message-forward-button:hover {
    background-color: #ddd
}

#mail-reply-button:disabled,
#mail-replyall-button:disabled,
#mail-forward-button:disabled,
#mail-markunread-button:disabled,
#mail-markread-button:disabled {
    opacity: .50;
    cursor: default
}

#mail-new-icon,
#mail-reply-icon,
#mail-replyall-icon,
#mail-forward-icon,
#mail-preview-icon,
#mail-markunread-icon,
#mail-markread-icon {
    width: 16px;
    height: 14px;
    display: inline-block;
    vertical-align: middle
}

#mail-new-icon {
    background-position: -103px -282px
}

#mail-reply-icon {
    background-position: -123px -282px
}

#mail-replyall-icon {
    background-position: -142px -282px
}

#mail-forward-icon {
    background-position: -162px -282px
}

#mail-markunread-icon {
    background-position: -302px -282px
}

#mail-markread-icon {
    background-position: -322px -282px
}

#mail-preview-icon {
    background-position: -182px -283px
}

#mail-list.preview-bottom {
    height: 50%;
    overflow: auto
}

#mail-preview.preview-bottom {
    height: calc(50% - 62px);
    overflow: auto;
    border-top: 1px solid #ccc;
    padding: 12px
}

#mail-list.preview-hide {
    height: calc(100% - 37px);
    overflow: auto
}

#mail-preview.preview-hide {
    display: none
}

.blank-icon {
    display: inline-block;
    height: 16px;
    width: 16px
}

.contextmenu-tick {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

#collab-context-menu .contextmenu-tick {
    margin-right: 8px
}

#collab-header-selection-button {
    display: none
}

#collab-header-selection-tabs,
#inspect-header-selection-tabs {
    display: inline-block;
    margin-left: 8px
}

.contextmenu-right-arrow {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    float: right
}

.no-contents {
    font-style: italic;
    color: #a0a0a0;
    font-size: 12px
}

.no-object {
    font-style: italic;
    color: #a0a0a0;
    padding: 8px 12px;
    font-size: 12px
}

.props-view-empty {
    padding-left: 6px
}

.table-detail-field {
    color: #7F7F7F;
    font-weight: bold;
    display: inline-block;
    width: 150px;
    vertical-align: top
}

.table-detail-value {
    display: inline-block;
    white-space: pre-line;
    width: 600px
}

.table-detail-row {
    padding-bottom: 8px
}

.tr-details {
    display: none
}

.tr-details:hover {
    background-color: unset
}

.table-detail-grouping {
    margin: 8px 8px 8px 16px
}

.tr-expand:hover {
    background-color: #ddd
}

.tr-expand:hover td:nth-child(1) div {
    background-image: url(../images/propsprite.png)
}

.tr-expand {
    cursor: pointer
}

.collapse-icon {
    background-position: -128px -90px;
    width: 12px;
    height: 12px;
    background-image: url(../images/propsprite.png);
    background-repeat: no-repeat
}

.expand-icon {
    background-position: -142px -90px;
    width: 12px;
    height: 12px;
    background-image: url(../images/propsprite.png);
    background-repeat: no-repeat
}

.tr-expand[expanded=true] {
    background-color: #f8f8f8
}

.config-props-list-item {
    font-size: 1em;
    list-style-type: none;
    padding: 8px;
    border: 1px solid #cccccc;
    margin: 4px;
    background-color: white;
    border-radius: 3px
}

.config-props-line {
    height: 20px;
    margin-bottom: 16px
}

.float-right {
    float: right
}

.onoffswitch {
    position: relative;
    width: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.onoffswitch-checkbox {
    display: none
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 16px;
    padding: 0;
    line-height: 16px;
    border: 2px solid #999999;
    border-radius: 16px;
    background-color: #EEEEEE;
    transition: background-color 0.3s ease-in
}

.onoffswitch-label:before {
    content: "";
    display: block;
    width: 16px;
    margin: 0;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 22px;
    border: 2px solid #999999;
    border-radius: 16px;
    transition: all 0.3s ease-in 0s
}

.onoffswitch-checkbox:checked+.onoffswitch-label {
    background-color: #3777bf
}

.onoffswitch-checkbox:checked+.onoffswitch-label,
.onoffswitch-checkbox:checked+.onoffswitch-label:before {
    border-color: #3777bf
}

.onoffswitch-checkbox:checked+.onoffswitch-label:before {
    right: 0
}

.kb-shortcuts-grouping {
    margin: 8px 8px 8px 16px
}

.kb-shortcuts-row {
    padding-bottom: 12px
}

.kb-shortcuts-field {
    color: #7F7F7F;
    font-weight: bold;
    display: inline-block;
    width: 150px;
    vertical-align: top
}

.kb-shortcuts-value {
    display: inline-block;
    white-space: pre-line;
    width: 600px
}

.kb-shortcut-notes {
    display: inline-block;
    color: #808080;
    vertical-align: top;
    margin: 8px 8px 8px 16px
}

.dmn-expression-table {
    border-spacing: 0;
    border-width: 1px;
    border-color: lightgray;
    border-collapse: collapse
}

.dmn-expression-table td {
    border: 1px solid #cccccc;
    min-width: 60px;
    text-align: center;
    padding: 6px 8px
}

.dmn-invocation-table {
    border-spacing: 0;
    border-width: 1px;
    border-color: lightgray;
    border-collapse: collapse
}

.dmn-invocation-table td {
    border: 1px solid #cccccc;
    min-width: 60px;
    padding: 6px 8px
}

.dmn-context-table {
    border-spacing: 0;
    border-width: 1px;
    border-color: lightgray;
    border-collapse: collapse;
    white-space: pre-wrap
}

.dmn-context-table td {
    border: 1px solid #cccccc;
    min-width: 60px;
    padding: 6px 8px
}

.dmn-invocation-param {
    background-color: #dde5ed
}

.dmn-context-variable {
    background-color: #dde5ed
}

.dmn-table-input-heading {
    background-color: #d7e1f5
}

.dmn-table-output-heading {
    background-color: #fae6e6
}

.dmn-table-annotation-heading {
    background-color: #e1fad7
}

.chat-messages-container {
    position: absolute;
    overflow: auto;
    height: calc(100% - 121px);
    width: calc(100% - 12px);
    padding-left: 12px
}

.chat-messages-container-overlay {
    position: absolute;
    overflow: auto;
    height: calc(100% - 126px);
    z-index: 6;
    background-color: white;
    opacity: .4;
    display: none;
    width: 100%
}

.chat-message-input {
    width: calc(100% - 68px);
    padding: 0;
    font-size: 1.0em;
    white-space: pre-line;
    height: 52px;
    resize: none;
    position: relative;
    border: 1px;
    border-top-color: currentcolor;
    border-top-style: none;
    border-right-color: currentcolor;
    border-right-style: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-left-color: currentcolor;
    border-left-style: none;
    border-style: solid;
    border-color: #3777bf;
    font-family: Arial, sans-serif !important;
    padding: 4px
}

.chat-send-btn {
    width: 48px;
    vertical-align: top;
    height: 62px;
    margin-top: 1px;
    margin-left: 2px;
    padding: 6px;
    text-align: center;
    border-width: 1px
}

.chat-avatar {
    margin-left: 12px;
    margin-right: 16px;
    height: 20px;
    width: 20px;
    background-size: cover;
    display: inline-block;
    vertical-align: bottom
}

.chat-avatar-default {
    background-position: -2px -74px;
    background-size: auto;
    background-image: url("../images/propsprite.png");
    background-repeat: no-repeat
}

.chat-avatar-empty {}

.chat-message-username {
    display: inline-block;
    margin-right: 8px;
    color: #2d2d2d
}

.chat-message-datetime {
    display: inline-block;
    font-size: 0.8em;
    font-style: italic;
    color: #a0a0a0
}

.chat-message-text {
    margin-left: 50px;
    margin-right: 12px;
    color: #6b6b6b;
    white-space: pre-line
}

#journals-section {
    padding-left: 6px
}

#comments-section-contents {
    padding-left: 6px
}

#comments-history-tb {
    table-layout: fixed;
    width: 100%
}

#comments-history-tb .icon-cell {
    width: 16px
}

#comments-history-tb .date-cell {
    width: 156px;
    padding-left: 16px;
    white-space: nowrap
}

#discussion-history-tb .date-cell#review-history-tb .date-cell {
    padding-left: 16px;
    white-space: nowrap
}

#comments-history-tb .name-cell {
    width: 30%
}

#comments-history-tb th:nth-child(3),
#comments-history-tb td:nth-child(3),
#comments-history-tb td:nth-child(4),
#comments-history-tb th:nth-child(4) {
    width: 80px
}

#chat-recent-tb th:nth-child(1) {
    padding-left: 16px
}

.chat-list-row td:nth-child(1),
.comment-list-row td:nth-child(1),
.review-list-row td:nth-child(1) {
    padding-left: 16px !important
}

.chat-list-date-row,
.discussion-list-date-row,
.review-list-date-row {
    line-height: 1.6em;
    border-spacing: 0;
    cursor: default !important;
    background-color: white !important
}

.chat-list-date-row:hover {
    background-color: white !important
}

.chat-list-date-row td:nth-child(1),
.discussion-list-date-row td:nth-child(1),
.review-list-date-row td:nth-child(1) {
    padding-left: 16px !important
}

.comment-list-row .inline-element-image {
    padding-top: 0;
    margin-right: 10px;
    vertical-align: text-top
}

.comment-description-text {
    white-space: pre-line;
    padding: 8px;
    padding-bottom: 24px
}

.comment-date-line {
    height: 24px
}

.comment-date {
    color: #7e7e7e;
    font-size: 16px
}

.comments-show-all-button {
    cursor: pointer;
    display: inline-block;
    padding: 4px;
    margin: 3px;
    border: 1px;
    border-style: solid;
    border-color: #cccccc;
    border-radius: 4px;
    background-color: white;
    height: 30px;
    margin-left: 24px;
    margin-bottom: 24px
}

.discussion-show-more-button {
    cursor: pointer;
    display: inline-block;
    padding: 4px;
    margin: 3px;
    border: 1px;
    border-style: solid;
    border-color: #cccccc;
    border-radius: 4px;
    background-color: white;
    height: 30px;
    margin-left: 24px;
    margin-bottom: 24px
}

.comments-show-all-button:hover {
    background-color: #ddd
}

.chat-message-line1 {
    margin-bottom: 6px
}

.chat-message-container {
    margin-bottom: 16px
}

.chat-message-input-container {
    margin-left: 4px
}

.select-chat-contents {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 195px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 500;
    font-size: 14px;
    max-height: 300px;
    overflow: auto
}

.chat-settings-contents {
    display: none;
    position: fixed;
    background-color: #FFF;
    min-width: 180px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 500;
    font-size: 14px;
    right: 32px
}

.chat-menu-input-container {
    padding: 12px
}

.chat-menu-container {
    padding-bottom: 8px;
    margin-left: 4px
}

.user-chat-menu-contents,
.group-chat-menu-contents {
    display: none;
    position: fixed;
    background-color: #FFF;
    min-width: 180px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 600;
    font-size: 14px;
    margin-left: 40px;
    margin-top: 24px
}

.chat-monitor-group-menu-contents {
    display: none;
    position: absolute;
    background-color: #FFF;
    min-width: 180px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 600;
    font-size: 14px;
    left: -40px
}

.chat-user-submenu-contents,
.chat-group-submenu-contents {
    max-height: 300px
}

.small-blue-hamburger {
    background-position: -222px -2px
}

#chat-menu-hamburger-icon {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 4px;
    margin-bottom: 2px
}

#chat-menu-settings-icon,
#matrix-settings-icon {
    display: inline-block
}

.chat-menu-down-arrow {
    display: inline-block
}

.chat-menu-settings-button {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 2px
}

.chat-menu-settings-button:hover {
    background-color: #eee
}

.options-icon {
    background-position: -242px -2px
}

.down-arrow-icon {
    background-position: -280px -2px
}

.arrow-right-icon {
    background-position: -262px -2px
}

.chat-menu-select-chat {
    display: inline-block;
    width: calc(100% - 60px);
    padding: 2px;
    margin-right: 4px;
    cursor: pointer;
    font-size: 16px
}

.chat-menu-select-chat:hover {
    background-color: #eee
}

.chat-dialog-contents {
    height: 100%;
    overflow: auto
}

#inspect-search-left,
#inspect-model-watch-left {
    overflow: auto;
    width: calc(60% - 24px);
    height: calc(100% - 38px)
}

#inspect-search-right,
#inspect-model-watch-right {
    overflow: auto;
    width: calc(40% + 23px);
    display: inline-block;
    height: calc(100% - 38px);
    border-top: none;
    border-left: solid 1px #ccc;
    left: calc(60% - 24px);
    top: 37px;
    position: absolute
}

.inspect-right-overlay,
.inspect-model-watch-overlay {
    position: absolute;
    overflow: auto;
    left: calc(60% - 24px);
    top: 37px;
    width: calc(40% + 23px);
    z-index: 6;
    background-color: white;
    opacity: .4;
    display: none;
    height: calc(100% - 38px)
}

.watchlist-config-button {
    float: right;
    cursor: pointer;
    margin: 6px 7px 2px 2px;
    border: 1px;
    border-style: solid;
    border-color: #cccccc;
    border-radius: 3px;
    background-color: white;
    padding: 4px
}

.watchlist-config-button:hover {
    background-color: #ddd
}

.search-form-container {
    padding: 12px
}

.search-back-button,
.matrix-back-button {
    cursor: pointer;
    display: inline-block;
    margin: 8px 4px 0 4px;
    border: 1px;
    border-style: solid;
    border-color: #cccccc;
    border-radius: 3px;
    background-color: white;
    align-content: center;
    padding: 4px
}

.search-back-button {
    vertical-align: top;
    margin-top: 6px
}

.matrix-back-button {
    vertical-align: top
}

.search-back-button:hover,
.matrix-back-button:hover,
.find-in-model-button:hover {
    background-color: #ddd
}

.matrix-back-button .button-label {
    margin-right: 4px
}

.search-back-button .button-label {
    margin: 0 2px
}

.chat-empty {
    color: #a0a0a0;
    margin-left: 20px;
    font-style: italic;
    margin-top: 4px;
    margin-right: 8px;
    font-size: 14px
}

#chat-new-message-notification {
    display: table-cell;
    vertical-align: top;
    padding-top: 2px;
    max-width: 400px;
    float: right;
    padding-right: 16px;
    font-size: 12px
}

#video-player-dialog {
    max-height: 90%;
    max-width: 90%
}

#video-player-footer-close-btn {
    margin-top: 6px
}

#statusbar-browser-button {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px;
    height: 24px;
    width: 24px;
    cursor: pointer
}

#statusbar-properties-button-container {
    float: right
}

#statusbar-properties-button {
    display: inline-block;
    margin: 0 4px;
    height: 24px;
    width: 24px;
    margin-right: 8px;
    cursor: pointer;
    border-left: 1px solid #aaa
}

#navbar-current-name-text,
#matrix-heading-text {
    font-size: 14px
}

.breadcrumb-ellipsis {
    display: inline-block;
    padding: 2px 4px;
    border-radius: 3px;
    margin-right: 4px
}

.breadcrumb-ellipsis:hover {}

.breadcrumb-slash {
    padding-left: 2px
}

.full-path-menu {
    position: relative;
    height: 20px;
    width: 100px;
    background-color: white;
    left: 110px;
    border: 1px solid #838383;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 500;
    font-size: 14px
}

.breadcrumb-item {
    padding-top: 2px;
    vertical-align: top;
    display: inline-block;
    padding-right: 4px
}

.breadcrumb-item a {
    color: #333;
    text-decoration: none
}

.breadcrumb-item img {
    vertical-align: bottom;
    cursor: pointer;
    margin-right: 4px;
    margin-left: 4px
}

.breadcrumb-item:last-child {
    max-width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis
}

.header-button {
    height: 30px;
    vertical-align: top;
    font-size: 16px;
    color: white;
    display: inline-block;
    cursor: pointer;
    padding-top: 3px
}

.header-button-text {
    padding: 6px 4px
}

.header-button.selected {
    border-bottom: 2px solid white
}

#tab-text-more {
    display: inline-block;
    padding-right: 4px
}

#hamburger-menu>.contextmenu-content {
    right: -138px;
    top: 32px
}

#hamburger-menu .contextmenu-items {
    padding-top: 2px
}

.edit-tags-button {
    margin: 0 0 6px 16px
}

.edit-tags-dialog {
    max-width: 874px;
    max-height: 556px;
    background-color: white;
    border: 1px solid #CCC;
    box-shadow: 7px 7px 6px;
    z-index: 400;
    margin: auto;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
    overflow: auto;
    border-radius: 6px
}

.edit-tag-contents {
    padding: 18px 16px;
    height: calc(100% - 156px);
    overflow: auto
}

.edit-tag-table input {
    border-radius: 4px;
    border: 1px solid #a1a1a1;
    padding: 4px 8px;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif
}

.edit-tag-table input[readonly=""] {
    background-color: #eeeeee
}

.edit-tag-table select {
    background: url(../images/combobutton.png) no-repeat calc(100% - 8px) 0;
    height: 29px;
    overflow: hidden;
    border-radius: 4px;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 2px 36px 2px 4px;
    border: 1px solid #a1a1a1;
    font-size: 1em;
    min-width: 120px
}

.edit-tag-group-row {
    color: #3777bf;
    font-size: 16px;
    height: 36px;
    vertical-align: bottom
}

.edit-tag-table tbody tr:first-child {
    height: unset
}

.edit-tag-table tbody td:first-child {
    padding-right: 12px
}

.tv-value {
    display: inline-block
}

.refguidlist-selected-objects {
    border-top: 1px solid #ddd;
    height: 77px;
    padding: 12px;
    overflow: auto
}

.select-object-line {
    margin-bottom: 8px
}

.select-object-label {
    display: inline-block;
    vertical-align: top;
    color: #3777bf;
    width: 128px
}

.select-object-value {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 142px)
}

.refguidlist-selected-objects-list-section {
    display: inline-block;
    vertical-align: top;
    height: 63px;
    width: calc(100% - 160px);
    overflow: auto
}

.refguidlist-types-list-section,
.refguidlist-stereotypes-list-section {
    display: inline-block;
    vertical-align: top;
    height: 32px;
    width: calc(100% - 160px);
    overflow: auto
}

.refguidlist-selected-object {
    padding-right: 8px
}

.refguidlist-selected-object .inline-element-image {
    vertical-align: middle
}

.selected-object-remove-button {
    display: none;
    padding: 0 2px;
    border: 1px solid lightgrey;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 4px
}

.select-object-value .selected-object-remove-button {
    display: inline-block
}

.edit-tag-notes-container {
    padding: 20px;
    height: calc(100% - 42px)
}

.edit-tag-notes-value {
    width: 100%;
    height: 100%;
    resize: none
}

.tv-notes {
    white-space: pre-line
}

.edit-tag-ellipsis {
    margin-left: 8px;
    outline: none;
    border: 1px solid #cccccc;
    background-color: white;
    padding: 2px 5px;
    border-radius: 3px
}

.edit-tag-ellipsis:hover {
    background-color: #ddd;
    cursor: pointer
}

.timestamp-tag-time-label {
    margin: 0 4px 0 12px
}

.timestamp-tag-24hr-label {
    display: none
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .default-dialog {
        position: relative;
        margin-top: 100px;
        height: 556px
    }

    .edit-tags-dialog,
    .select-object-dialog,
    .edit-tag-notes-dialog {
        position: absolute;
        left: calc(50% - 437px)
    }

    .video-dialog {
        max-height: 100%;
        max-width: 100%;
        margin: 5%
    }
}

@media screen and (max-height:350px) {
    #webea-main-content {
        height: 100%
    }

    #sign-in {
        margin: 0 auto 0 auto;
        overflow: auto;
        height: 100%
    }
}

@media screen and (min-width:1500px) {

    .collab-right-overlay,
    #collab-comments-right,
    #collab-reviews-right,
    #collab-discussions-right {
        width: 624px;
        left: calc(100% - 600px - 25px)
    }

    #collab-mail-right {
        width: 600px;
        left: calc(100% - 600px - 25px)
    }

    #collab-chat-right {
        width: 624px;
        left: calc(100% - 600px - 25px)
    }

    #collab-comments-right #properties-container,
    #collab-reviews-right #properties-container,
    #collab-discussions-right #properties-container {
        width: calc(624px) !important;
        left: 0
    }

    #collab-mail-left,
    #collab-chat-left,
    #collab-comments-left,
    #collab-discussions-left,
    #collab-reviews-left {
        width: calc(100% - 600px - 25px);
        left: 0
    }

    .chat-settings-contents {
        right: 32px
    }

    #mail-ellipsis-menu {
        left: calc(600px - 140px)
    }

    #collab-context-menu {
        left: calc(100% - 600px - 200px - 32px)
    }
}

@media screen and (max-width:1500px) {
    #comments-history-tb {
        table-layout: unset
    }
}

@media screen and (min-width:750px) {
    .mail-col-summary {
        display: none
    }

    .mail-col-default {
        display: table-cell
    }
}

@media screen and (max-width:750px) {
    .mail-col-default {
        display: none
    }

    .dialog-header .mail-prev-buttons {
        display: none
    }

    .dialog-body .mail-prev-buttons {
        display: block !important;
        width: 100%;
        padding-bottom: 4px
    }

    .dialog-body #mail-ellipsis-menu {
        right: unset;
        left: 152px
    }

    . mail-list-tb .table-group-row {
        display: none
    }

    .mail-list-tb .table-group-row td {
        display: none
    }

    .mail-list-row.collapsible-row {
        display: unset !important
    }

    .mail-col-summary {
        display: table-cell;
        width: 800px
    }

    #collab-mail-right {
        display: none
    }

    #collab-mail-left {
        width: 100%;
        left: 0
    }

    .table-group-row {
        display: none
    }
}

.mail-col-sender {
    padding-left: 16px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mail-col-to {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mail-col-date {
    width: 136px
}

#mail-list-tb td:nth-child(2) div {
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#mail-list.preview-right {
    overflow: auto;
    width: 50%;
    height: calc(100% - 40px);
    display: inline-block
}

#mail-preview.preview-right {
    overflow: auto;
    padding: 12px;
    width: calc(50% - 25px);
    display: inline-block;
    height: calc(100% - 61px);
    border-top: none;
    border-left: solid 1px #ccc;
    left: calc(50%);
    top: 37px;
    position: absolute
}

#mail-list-tb {
    width: 100%;
    overflow: auto;
    border-bottom: 2px solid #dddddd;
    border-spacing: 0;
    border-top: 1px solid #dddddd
}

#chat-recent-tb {
    width: 100%;
    overflow: auto;
    border-bottom: 2px solid #dddddd;
    border-spacing: 0;
    border-top: 1px solid #dddddd
}

.collab-tb {
    width: 100%;
    overflow: auto;
    border-bottom: 2px solid #dddddd;
    border-spacing: 0;
    border-top: 1px solid #dddddd
}

#chat-recent-tb th {
    text-align: left;
    border-bottom: 1px solid #cccccc;
    color: #7F7F7F;
    padding: 4px 8px 4px 8px;
    cursor: default;
    background-color: white;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 5;
    font-weight: normal;
    white-space: nowrap
}

.collab-tb th {
    text-align: left;
    border-bottom: 1px solid #cccccc;
    color: #7F7F7F;
    padding: 4px 8px 4px 8px;
    cursor: default;
    background-color: white;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 5;
    font-weight: normal;
    white-space: nowrap
}

.collab-tb tr,
#chat-recent-tb tr {
    line-height: 1.6em;
    cursor: pointer
}

.collab-tb tr.feature-disabled td {
    font-style: italic;
    color: #a0a0a0;
    padding-left: 18px
}

.collab-tb td,
#chat-recent-tb td {
    vertical-align: top;
    color: #333;
    padding: 4px
}

.collab-tb td {
    vertical-align: top;
    color: #333;
    padding: 4px 8px 4px 8px
}

.collab-tb tr:nth-child(2n),
#chat-recent-tb tr:nth-child(2n) {
    background-color: #fffff8
}

.collab-tb tr:hover,
#chat-recent-tb tr:hover {
    background-color: #f5f5f5
}

.collab-tb tr.feature-disabled:hover {
    background-color: white;
    cursor: default
}

.collab-tb .sort-icon,
#chat-recent-tb .sort-icon {
    float: unset;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 6px
}

.table-header-text {
    margin-right: 8px
}

#mail-list-tb th {
    text-align: left;
    border-bottom: 1px solid #cccccc;
    color: #7F7F7F;
    padding: 4px 5px 4px 5px;
    cursor: default;
    background-color: white;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 5;
    font-weight: normal
}

.mail-col-flag {
    width: 16px
}

.chat-col-icon {
    width: 16px
}

.chat-history-header,
.comment-history-header,
.collab-table-header {
    font-size: 20px;
    padding: 6px 6px 6px 10px;
    color: #3777bf;
    display: inline-block
}

.model-search-header,
.watchlist-header {
    font-size: 20px;
    padding: 6px 6px 6px 10px;
    color: #3777bf;
    border-bottom: 1px solid #dddddd
}

.watchlist-results-header,
.search-results-header {
    border-bottom: 1px solid #dddddd;
    background-color: white;
    width: 100%;
    height: 36px
}

.watchlist-results-header-text,
.search-results-header-text {
    display: inline-block;
    font-size: 20px;
    padding: 6px 6px 6px 6px;
    color: #3777bf;
    height: 21px;
    overflow: hidden;
    width: calc(100% - 50px);
    text-overflow: ellipsis;
    white-space: nowrap
}

.matrix-profiles-header {
    font-size: 20px;
    padding: 6px 6px 6px 10px;
    color: #3777bf
}

#chat-recent-tb .postedby-cell,
#chat-recent-tb .chatgroup-cell,
#chat-recent-tb .date-cell,
#chat-recent-tb .date-header-cell {
    white-space: nowrap
}

.date-cell-time {
    display: inline-block;
    width: 48px
}

.date-cell-icon {
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 3px
}

#chat-recent-tb .date-header-cell,
#discussion-history-tb .date-header-cell,
#review-history-tb .date-header-cell {
    font-style: italic;
    color: #7F7F7F
}

#mail-list-tb tr {
    line-height: 1.6em
}

#mail-list-tb tr {
    cursor: pointer;
    line-height: 1.6em
}

#mail-list-tb tr:nth-child(even) {
    background-color: #fffff8
}

#mail-list-tb td {
    vertical-align: top;
    color: #333;
    padding: 4px 16px 4px 5px
}

#mail-list-tb tr:hover {
    background-color: #f5f5f5
}

.mail-list-row-selected,
.mail-list-row-selected:hover {
    background-color: #eaeaea !important
}

.mail-col-summary:hover {
    background-color: #f5f5f5 !important
}

.mail-list-row-selected .mail-col-summary {
    background-color: #eaeaea !important
}

.mail-list-group-icon-cell {
    vertical-align: middle !important
}

.table-group-icon {
    margin-left: 8px
}

.table-group-row .table-group-icon {
    background-position: -128px -90px;
    width: 12px;
    height: 12px;
    background-image: url(../images/propsprite.png);
    background-repeat: no-repeat
}

.table-group-row[state=expanded] .table-group-icon {
    background-position: -128px -90px
}

.table-group-row[state=collapsed] .table-group-icon {
    background-position: -142px -90px
}

.table-group-row {
    line-height: 2em !important;
    font-size: 16px;
    background-color: white !important
}

.table-group-row td {
    padding: 4px 4px 0 4px !important
}

#mail-flag-button {
    cursor: pointer;
    display: inline-block;
    padding: 2px;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
    border-radius: 2px;
    background-color: white;
    height: 28px;
    width: 148px;
    padding-left: 4px;
    text-align: left
}

.mail-flag-none,
.mail-flag-complete,
.mail-flag-purple,
.mail-flag-orange,
.mail-flag-green,
.mail-flag-red,
.mail-flag-yellow,
.mail-flag-blue,
.mail-flag-red {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 4px 3px 3px 4px;
    vertical-align: middle
}

.mail-flag-none {
    background-position: -142px -327px
}

.mail-flag-complete {
    background-position: -2px -327px
}

.mail-flag-purple {
    background-position: -22px -327px
}

.mail-flag-orange {
    background-position: -42px -327px
}

.mail-flag-green {
    background-position: -62px -327px
}

.mail-flag-yellow {
    background-position: -82px -327px
}

.mail-flag-blue {
    background-position: -102px -327px
}

.mail-flag-red {
    background-position: -122px -327px
}

.mail-message {
    white-space: pre-line;
    width: 100%;
    border-radius: 2px;
    background-color: white;
    border: 1px solid #cccccc;
    padding: 8px;
    max-width: 800px;
    display: inline-block;
    margin-top: 16px;
    overflow: auto
}

.mail-prev-name {
    max-width: 650px;
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block
}

.mail-prev-message-content {
    padding: 12px 24px
}

.mail-prev-buttons {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 6px;
    margin-bottom: 14px
}

.dialog-header .mail-prev-buttons {
    padding-top: 16px
}

.dialog-body .mail-prev-buttons {
    display: none
}

.mail-button {
    cursor: pointer;
    display: inline-block;
    margin: 4px;
    border: 1px;
    border-style: solid;
    border-color: #cccccc;
    border-radius: 3px;
    background-color: white;
    align-content: center;
    padding: 4px
}

.menu-button-16 {
    cursor: pointer;
    display: inline-block;
    margin: 4px;
    border: 1px;
    border-style: solid;
    border-color: #cccccc;
    border-radius: 3px;
    background-color: white;
    align-content: center;
    padding: 4px
}

#collab-discussions-left .menu-button-16,
#collab-comments-left .menu-button-16,
#collab-comments-left .menu-button-16,
#collab-reviews-left .menu-button-16,
#mail-list .menu-button-16 {
    float: right
}

.mail-ellipsis-button {
    float: right
}

.mail-compose-button {
    float: right
}

.mail-button:hover {
    background-color: #ddd
}

.menu-button-16:hover {
    background-color: #ddd
}

.mail-send-button {
    float: right;
    margin-right: 4px;
    margin-top: 12px;
    margin-bottom: 12px
}

.mail-close-button {
    cursor: pointer;
    display: inline-block;
    border: 1px;
    border-radius: 3px;
    background-color: #f9f9f9;
    align-content: center;
    padding: 4px;
    float: right;
    color: gray;
    font-size: 16px;
    position: relative;
    top: -12px;
    right: -12px;
    width: 24px;
    height: 24px
}

.mail-close-button:hover {
    background-color: #ddd
}

.button-icon {
    vertical-align: top;
    display: inline-block
}

.contextmenu-icon {
    vertical-align: top;
    display: inline-block;
    margin-right: 8px
}

.mail-icon-compose {
    background-position: -2px -2px
}

.mail-icon-reply {
    background-position: -22px -2px
}

.mail-icon-replyall {
    background-position: -42px -2px
}

.mail-icon-forward {
    background-position: -62px -2px
}

.mail-icon-ellipsis {
    background-position: -82px -2px
}

.mail-icon-send {
    background-position: -102px -2px
}

#page-select-x-prev:hover,
#page-select-x-next:hover,
#page-select-y-prev:hover,
#page-select-y-next:hover {
    opacity: 1
}

.icon-arrow-left:hover,
.icon-arrow-up:hover,
.icon-arrow-down:hover {
    opacity: 1
}

.icon-arrow-left {
    background-position: -422px -2px;
    transform: rotate(-180deg)
}

.icon-arrow-right {
    background-position: -422px -2px
}

.icon-arrow-up {
    background-position: -422px -2px;
    transform: rotate(-90deg)
}

.icon-arrow-down {
    background-position: -422px -2px;
    transform: rotate(90deg)
}

.close-icon {
    background-position: -122px -2px
}

.close-icon-narrow {
    background-position: -302px -2px;
    opacity: 0.6
}

.tick-icon {
    background-position: -142px -2px
}

.mail-icon-preview {
    background-position: -162px -2px
}

.collab-icon-ellipsis {
    background-position: -322px -2px
}

.back-arrow-16 {
    background-position: -462px -2px
}

.icon-blue-chevron {
    background-position: -342px -2px
}

.icon-green-left {
    background-position: -362px -2px
}

.icon-red-right {
    background-position: -382px -2px
}

.collab-icon-chevron {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px
}

.prev-checkbox {
    vertical-align: bottom;
    margin-right: 8px
}

.button-label {
    display: inline-block;
    margin: 0 4px
}

.icon16 {
    background-image: url(../images/icon16sprite.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px
}

.icon24 {
    background-image: url(../images/icon24sprite.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px
}

.icon32 {
    background-image: url(../images/icon32sprite.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px
}

.nav-context-checkbox {
    vertical-align: middle
}

.ellipsis-icon {
    background-position: -2px -2px;
    margin-top: 7px;
    margin-left: 6px
}

.back-icon {
    background-position: -30px -2px;
    margin-top: 6px;
    margin-left: 10px
}

.location-icon {
    background-position: -58px -2px;
    margin-top: 6px;
    margin-left: 10px
}

.mail-dialog {
    max-width: 874px;
    height: 556px;
    background-color: #f9f9f9;
    border: 1px solid #CCC;
    box-shadow: 7px 7px 6px;
    z-index: 500;
    margin: auto;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
    overflow: auto;
    border-radius: 6px
}

.icon-vert-arrows {
    vertical-align: top;
    display: inline-block;
    margin-right: 8px;
    background-position: -182px -2px
}

.icon-help {
    background-position: -202px -2px
}

.icon-down-arrow-white {
    background-position: -402px -2px;
    display: inline-block;
    vertical-align: middle
}

.nicedit-placeholder {
    display: none
}

.file-item-icon {
    display: inline-block;
    margin-right: 4px;
    margin-left: 0;
    vertical-align: bottom;
    height: 16px;
    width: 16px
}

.expand-icon-container {
    display: inline-block;
    margin-right: 0;
    margin-left: 0;
    vertical-align: bottom;
    height: 16px;
    width: 16px
}

.expand-icon[expanded="false"] {
    background-image: url("../images/propsprite.png");
    background-repeat: no-repeat;
    background-position: -144px -90px;
    width: 12px;
    height: 12px;
    vertical-align: top
}

.expand-icon[expanded="true"] {
    background-image: url("../images/propsprite.png");
    background-repeat: no-repeat;
    background-position: -128px -90px;
    width: 12px;
    height: 12px;
    vertical-align: top
}

.file-item-path {
    display: inline-block;
    margin-left: 36px
}

.file-item-path a {
    margin-right: 8px;
    vertical-align: middle
}

.file-item-label {
    color: #808080
}

.file-item-line {
    padding-bottom: 4px
}

.file-item-type,
.file-item-modified,
.file-item-size {
    display: inline-block;
    margin-right: 24px
}

.sortable-header th[sort="asc"] {
    background-color: lightblue
}

.sortable-header th[sort="desc"] {
    background-color: lightgreen
}

.sort-icon {
    height: 16px;
    width: 16px;
    float: right;
    margin-top: 4px
}

.sort-icon.asc {
    width: 16px;
    height: 16px;
    background-position: -262px -282px;
    background-image: url(../images/mainsprite.png);
    background-repeat: no-repeat
}

.sort-icon.desc {
    width: 16px;
    height: 16px;
    background-position: -282px -282px;
    background-image: url(../images/mainsprite.png);
    background-repeat: no-repeat
}

@media only print {
    body {
        overflow: auto;
        margin: 0;
        background-color: initial
    }

    #main-navbar,
    #main-navbar * {
        display: none
    }

    #main-statusbar {
        display: none !important
    }

    #main-model-content {
        overflow: visible
    }

    #main-contents {
        position: initial
    }

    #main-diagram-image,
    #search-results-div,
    #main-package-list {
        padding: 0
    }

    #main-diagram-image.show-miniprops,
    #main-diagram-image.show-browser,
    #main-package-list.show-miniprops,
    #main-package-icon.show-miniprops,
    #properties-container.show-browserminiprops,
    #main-diagram-image.show-browserminiprops {
        left: initial;
        right: initial;
        width: initial;
        overflow: initial;
        height: initial
    }

    #main-browser-view {
        display: none
    }

    #main-mini-properties-view {
        display: none
    }
}

@media screen and (max-width:800px) {
    #properties-main {
        height: auto !important;
        width: 100% !important;
        position: static
    }

    #properties-right {
        height: auto;
        left: 0;
        width: 100% !important;
        position: relative !important
    }

    #prop-layout-split,
    #navbar-prop-layout-split {
        opacity: 0.4
    }

    .prop-layout-wide-enabled,
    .prop-layout-wide-disabled {
        width: 16px;
        height: 16px;
        background-position: -476px -22px
    }

    .prop-layout-split-enabled {
        background-repeat: no-repeat;
        background-position: 0 0;
        margin-left: 0;
        background-image: none !important
    }

    .hamburger-show-browser {
        opacity: 0.4;
        pointer-events: none
    }

    .hamburger-show-miniprops {
        opacity: 0.4;
        pointer-events: none
    }

    #main-browser-view,
    #main-mini-properties-view {
        display: none
    }

    #properties-container.show-browser {
        left: 0;
        width: 100%
    }

    #properties-container.show-miniprops {
        right: 0
    }

    #properties-container.show-browserminiprops {
        left: 0;
        right: 0;
        height: initial;
        width: 100%
    }

    #main-diagram-image.show-browser,
    #main-diagram-image.show-browserminiprops,
    #main-diagram-image.show-miniprops {
        left: 0;
        width: calc(100% - 4px);
        overflow: unset
    }

    #main-package-list.show-browserminiprops,
    #main-package-icon.show-browserminiprops,
    #main-package-list.show-miniprops,
    #main-package-icon.show-miniprops {
        position: unset;
        top: unset;
        left: unset;
        right: unset;
        overflow: unset;
        height: unset;
        width: unset
    }

    #main-package-list.show-browser,
    #main-package-icon.show-browser,
    #main-package-list.show-browserminiprops,
    #main-package-icon.show-browserminiprops {
        position: unset;
        top: unset;
        left: 0;
        right: unset;
        overflow: unset;
        height: unset
    }

    #main-content-empty.show-browser,
    #linked-document-section.show-browser {
        left: 0
    }

    #navbar-browser-button,
    #navbar-properties-button {
        display: none
    }

    #navbar-info-button {
        display: inline-block
    }

    #navbar-ellipsis-button {
        display: inline-block
    }

    #navbar-current-name {
        left: 142px
    }

    #navbar-current-name.path-hidden {
        left: 102px
    }

    #statusbar-properties-button,
    #statusbar-browser-button {
        display: none
    }

    #chat-recent-tb .postedby-cell,
    #chat-recent-tb .chatgroup-cell,
    #chat-recent-tb .date-cell,
    #chat-recent-tb .date-header-cell {
        white-space: unset
    }

    #chat-child-tab-container {
        display: block
    }

    #collab-chat-content {
        top: 74px;
        height: calc(100% - 74px)
    }

    #collab-chat-right {
        width: 100%;
        left: 0
    }

    #collab-chat-left {
        width: 100%
    }

    .collab-chat-panel.hide-on-tablet {
        display: none !important
    }

    #collab-comments-right,
    #collab-discussions-right,
    #collab-reviews-right,
    #inspect-search-right,
    #inspect-model-watch-right {
        display: none
    }

    #collab-comments-left,
    #collab-reviews-left,
    #collab-discussions-left,
    #inspect-search-left,
    #inspect-model-watch-left {
        width: 100%;
        left: 0
    }

    #search-results-div {
        width: 100%;
        left: 0
    }

    .edit-tags-dialog,
    .select-object-dialog,
    .edit-tag-notes-dialog {
        position: absolute;
        margin-top: 100px;
        left: 0
    }

    #chat-recent-tb .collapsible-row,
    #discussion-history-tb .collapsible-row,
    #review-history-tb .collapsible-row,
    #comments-history-tb .collapsible-row {
        display: table-row
    }
}

@media screen and (max-width:650px) {
    #main-tl-swoosh {
        display: none !important
    }

    .add-element-pattern-iframe-div {
        display: none !important
    }

    #sign-in {
        margin-top: 38px
    }
}

@media screen and (max-height:400px) and (min-width:440px) {
    body {
        font-size: 16px
    }

    header {
        top: 0
    }

    #main-navbar {
        top: 0
    }

    #main-contents {
        top: 37px;
        bottom: 0
    }

    body {
        margin: 0 0 0 0 !important
    }

    #main-statusbar {
        display: none
    }

    #main-collaborate-content,
    #main-inspect-content {
        border-radius: 0
    }

    #path-menu>div>div>div {
        min-width: 200px !important
    }

    .navbar {
        border-radius: 0 !important
    }

    .navbar-panel-left {
        right: 290px !important;
        padding-left: 0 !important
    }

    .navbar-panel-right.no-search {
        width: 102px
    }

    #navbar-refresh-button {
        border-radius: 0 0 0 0 !important
    }

    #navbar-info-button {
        border-radius: 0 0 0 0 !important
    }

    #navbar-ellipsis-button {
        border-radius: 0 0 0 0 !important
    }

    .contextmenu-content {
        top: 35px !important
    }

    .contextmenu-items {
        max-height: 250px
    }

    .contextmenu-about {
        display: block !important
    }

    #webea-about-dialog {
        margin-right: 4px;
        margin-left: 4px;
        margin-top: 4px;
        overflow: auto;
        width: 98%;
        height: 98%
    }

    #sign-in {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        width: auto !important
    }

    .form-signin {
        padding-top: 0 !important;
        margin: 0 auto;
        clear: both
    }

    .login-model-section-fieldset {
        height: 140px !important;
        min-height: unset !important
    }

    #signin-prompt-models {
        max-height: 140px !important
    }

    #login-auth-header {
        padding: 0 0 0 0 !important
    }

    #login-insecure-warning-div {
        padding: 5px 0 0 46px !important
    }

    .login-field-div {
        padding-top: 5px !important
    }

    .login-field-label {
        top: 8px !important
    }

    .login-accesscode-div {
        padding-bottom: 0 !important
    }

    #main-diagram-image.show-browser,
    #main-diagram-image.show-browserminiprops,
    #main-diagram-image.show-miniprops {
        height: 100%
    }

    #main-package-list,
    #main-package-icon,
    #main-diagram-image,
    #main-diagram-list,
    #main-properties-all {
        font-size: 16px
    }

    .no-contents {
        font-size: 14px
    }

    .object-name {
        font-size: 1.2em
    }

    .object-name {
        padding-top: 10px
    }

    .table-detail-value {
        max-width: 420px;
        display: block
    }
}

@media screen and (max-width:440px) {
    body {
        font-size: 16px
    }

    .main-footer-copyright,
    .main-footer-version {
        display: none !important
    }

    #main-tl-logo {
        width: 0 !important;
        display: none !important
    }

    #project-title {
        left: 0 !important;
        margin: 0 2px 0 2px !important
    }

    .navbar,
    #main-model-content,
    #main-collaborate-content,
    #main-inspect-content,
    #main-matrix-content {
        border-radius: 0 !important
    }

    .navbar-panel-left {
        right: 36px !important;
        padding-left: 0 !important
    }

    .navbar-panel-right {
        transition: 0.5s;
        width: 36px
    }

    .navbar-panel-left-collapsed {
        right: 180px !important
    }

    .navbar-panel-right-expanded {
        transition: 0.5s;
        width: 82px !important
    }

    #navbar-expand-button {
        display: inline-block
    }

    .navbar-panel-right-expanded>#navbar-collapse-button {
        display: inline-block !important
    }

    .navbar-panel-right-expanded>#navbar-expand-button {
        display: none !important
    }

    .navbar-spacer {}

    #navbar-current-name {
        left: 124px !important;
        padding-left: 0 !important
    }

    #navbar-current-name.path-hidden {
        left: 86px !important
    }

    #navbar-home-button,
    #navbar-share-button,
    #navbar-path-button,
    #navbar-refresh-button,
    #navbar-info-button,
    #navbar-ellipsis-button,
    #navbar-expand-button,
    #navbar-collapse-button,
    #navbar-browser-button,
    #navbar-properties-button {
        width: 36px !important
    }

    #navbar-expand-button {
        height: 37px !important;
        border-bottom: 1px solid #aaa
    }

    .location-icon {
        margin-left: 7px
    }

    .search-dropdown {
        padding-right: 0 !important
    }

    .header-buttons {
        float: right !important;
        display: inline-block !important
    }

    body {
        margin: 2px 0 0 0 !important
    }

    #webea-about-dialog {
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        overflow: auto;
        width: 98%;
        height: 98%
    }

    #sign-in {
        width: 100% !important;
        padding: 0 0 10px 0 !important
    }

    #login-accesscode-text,
    #login-userid-text,
    #login-password-text {
        left: 92px
    }

    #webea-messagebox-dialog {
        width: 100% !important;
        min-width: 320px !important
    }

    #add-element-layout,
    #add-elementtest-layout,
    #add-elementresalloc-layout,
    #add-elementchgmgmt-layout {
        margin-left: 4px !important
    }

    .webea-main-styled-textbox {
        max-width: 230px
    }

    #main-statusbar {
        border-radius: 0 !important
    }

    .prop-field-textarea {
        min-width: 200px
    }

    .mail-dialog {
        height: 656px
    }

    .default-dialog,
    .video-dialog {
        max-height: unset;
        !important
    }

    .mail-message-dialog .field-value {
        display: block;
        !important;
        width: unset
    }

    .mail-message {
        width: calc(100% - 18px)
    }

    .mail-message-dialog .dialog-body {
        padding-top: 12px
    }

    #main-package-list,
    #main-package-icon,
    #main-diagram-image,
    #main-diagram-list,
    #main-properties-all {
        padding: 0 0 0 4px;
        font-size: 16px
    }

    .no-contents {
        font-size: 14px
    }

    .object-name {
        font-size: 1.2em
    }

    .object-name {
        padding-top: 10px
    }

    .table-detail-value {
        max-width: 310px;
        display: block
    }

    .object-image img {
        width: 48px;
        height: 48px;
        background-size: 48px 48px
    }

    .object-line2 {
        padding: 0 0 8px 68px !important
    }

    #object-main-details {
        min-height: 80px
    }

    .main-package-inner {
        padding-left: 0
    }

    .search-results-div-inner {
        padding-left: 4px
    }

    .diagram-specman-item-name-size1 {
        font-size: 1.2em
    }

    .diagram-specman-item-name-size2 {
        font-size: 1.1em
    }

    .linked-document font[size="1"] {
        font-size: 0.9em !important
    }

    .linked-document font[size="2"] {
        font-size: 1em !important
    }

    .linked-document font[size="3"] {
        font-size: 1.1em !important
    }

    .linked-document font[size="4"] {
        font-size: 1.2em !important
    }

    .contextmenu-item,
    .contextmenu-header {
        font-size: 16px;
        padding: 10px 24px 10px 22px
    }

    .contextmenu-close-btn {
        margin: 6px
    }

    .small-padding-right {
        padding-right: 2px
    }

    .small-margin {
        padding-left: 12px
    }

    .contextmenu-header {
        font-size: 16px
    }

    .login-model-radio-label {
        font-size: 16px
    }

    .statusbar-review-name {
        display: none
    }

    #navbar-back-button {
        display: inline-block
    }

    .mainsprite-home32white {
        display: inline-block
    }

    #main-db-icon {
        display: none
    }

    #navbar-refresh-button {
        display: none
    }

    #message-preview-button {
        display: none
    }

    .main-package-inner {
        padding-top: 36px
    }

    #video-player-dialog,
    #image-viewer-dialog {
        max-height: 100%;
        max-width: 100%
    }

    .artifact-buttons {
        margin-top: 6px
    }

    #collab-header-selection-button {
        display: inline-block
    }

    .collab-tab,
    .inspect-tab {
        font-size: 18px;
        padding: 8px 14px;
        width: unset !important
    }

    #collab-header-selection-tabs,
    #inspect-header-selection-tabs {
        display: none
    }

    #collab-chat-right {
        width: 100%;
        left: 0
    }

    #chat-recent-tb .message-cell {
        display: none
    }

    #collab-comments-right,
    #collab-discussions-right,
    #collab-reviews-right,
    #inspect-search-right,
    #inspect-model-watch-right {
        display: none
    }

    #collab-comments-left,
    #collab-reviews-left,
    #collab-discussions-left,
    #inspect-search-left,
    #inspect-model-watch-left {
        width: 100%;
        left: 0
    }

    #search-results-div {
        width: 100%;
        left: 0
    }

    .chat-history-header {
        font-size: 16px
    }

    .chat-settings-contents {
        left: unset;
        right: 26px
    }

    #collab-context-menu {
        left: unset;
        right: 4px
    }

    .table-group-row {
        display: none
    }

    .table-group-row td {
        display: none
    }

    .comment-list-row.collapsible-row {
        display: table-row !important
    }

    .comment-list-row.collapsible-row:hover {
        background-color: unset
    }

    #comments-history-tb .status-cell,
    #comments-history-tb .type-cell,
    #comments-history-tb .alias-cell {
        display: none
    }

    #discussion-history-tb .discussion-cell,
    #discussion-history-tb .postedby-cell,
    #discussion-history-tb .status-cell {
        display: none
    }

    #review-history-tb .discussion-cell,
    #review-history-tb .postedby-cell,
    #review-history-tb .status-cell {
        display: none
    }

    #comments-history-tb .name-cell {
        width: unset
    }

    #header-left {
        position: unset;
        display: inline-block;
        padding-left: 8px
    }

    #header-right {
        display: inline-block;
        vertical-align: top;
        float: unset
    }

    #project-title-text {
        margin-right: 16px;
        max-width: 200px
    }

    #hamburger-menu>.contextmenu-content {
        right: 0;
        top: 32px
    }

    #watchlist-config-multi-select {
        display: none
    }

    .watchlist-config-line.mobile-only {
        display: block
    }
}

@media screen and (max-width:350px) {

    .mainsprite-login-layout-mobile,
    .mainsprite-login-layout-tablet,
    .mainsprite-login-layout-desktop {
        display: none
    }

    .login-action-layoutoption-button {
        width: 78px
    }
}

#bottom-right-div {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    background-color: rgb(55, 119, 191); /* Adjust background color as needed */
    color: white; /* Adjust text color as needed */
    z-index: 999;
}

#bottom-right-div button {
    margin-top: 5px; /* Adjust as needed */
}