/* Common
-------------------------------------------------------------------------------*/

:root {
    --clarity-darkblue-color: #0A476D;
    --clarity-mediumblue-color: #005A9E;
    --clarity-lightblue-color: #1A9ACF;
    --clarity-lightgrey-color: #EAEAEA;
}

:root {
    --navbar-color: var(--clarity-lightgrey-color);
    --navbar-highlighted-color: var(--clarity-darkblue-color);
    --link-color: var(--clarity-mediumblue-color);
}


html {
    height: 100%;
    font-size: 62.5%;
}

body {
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    background-color: #ffffff;
}

.small {
    font-size: 12px;
}

a, a:hover {
    color: var(--link-color);
    text-decoration: underline;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

/* Remove underline from links containing dots */
a[href*="javascript:"]:not([href*="javascript:void"]) {
    text-decoration: none;
}

a[href*="javascript:"]:not([href*="javascript:void"]):hover {
    text-decoration: none;
}

/* More specific rule for links with dots content */
a:has-text(".....") {
    text-decoration: none !important;
}

a:has-text("....."):hover {
    text-decoration: none !important;
}

/* Fallback for browsers that don't support :has-text() */
a[href^="javascript:"][title*="..."],
a[href^="javascript:"] {
    text-decoration: none;
}

a[href^="javascript:"][title*="..."]:hover,
a[href^="javascript:"]:hover {
    text-decoration: none;
}

    /* Style task selection links */
.task-item .right-padded a {
    color: var(--clarity-mediumblue-color);
    text-decoration: none;
    font-weight: 500;
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block;
    transition: all 0.2s ease;
}

    .task-item .right-padded a:hover {
        background-color: var(--clarity-lightgrey-color);
        color: var(--clarity-darkblue-color);
        text-decoration: none;
    }

#alertContainer a, #project-display-container a {
    text-decoration: none;
}

#alertContainer a:hover {
    text-decoration: underline;
}

/* ".group" replaces traditional ".clearfix". "overflow:hidden;" could be also be on element to clear floated items inside the element. */
.group:after {
    content: "";
    display: table;
    clear: both;
}

/* Applies a natural box layout model to all elements. This box model includes padding & border, not margin, in its width. */
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Layout
-------------------------------------------------------------------------------*/

#container {
    min-height: 100%;
    position: relative;
}

#content-wrap {
    position: relative;
    border-top: 3px solid #1a9acf;
}

/* Tabbed Container */
#tab-container .tabs {
    border-top: 1px solid #dbdce1;
    display: inline-block;
    padding: 0;
    margin: 0;
    width: auto;
}

#tab-container div {
    background: #fff;
    padding: 10px;
}

#tab-container .tabs li {
    display: inline;
    list-style: none;
    cursor: pointer;
}

#tab-container .tabs a {
    background: #f4f5fb;
    color: #0a476d;
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 48px;
    padding: 5px 10px;
    min-width: 70px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

a.line-height-24 {
    line-height: 24px !important;
}

#tab-container .tabs a.active {
    background: #fff;
    color: #000;
}

/* Popup Tabbed Container */

#popup-tab-container .tabs {
    border-top: 1px solid #dbdce1;
    display: inline-block;
    padding: 0;
    margin: 0;
    width: auto;
}

#popup-tab-container div {
    background: #fff;
    padding: 10px;
}

#popup-tab-container .tabs li {
    display: inline;
    list-style: none;
}

#popup-tab-container .tabs a {
    background: #f4f5fb;
    color: var(--link-color);
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 48px;
    padding: 5px 10px;
    min-width: 70px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

    #popup-tab-container .tabs a.active {
        background: #fff;
        color: #000;
    }


/* ------------- Total Task Time Styles ------------- */

.total-time-container-outer {
    margin-left: 30px;
}

#total-time-container {
    position: relative;
    top: 4px;
    text-align: right;
}

    #total-time-container .header {
        color: #FFF;
        font-size: 14px;
        margin: 0;
        text-align: right;
    }

        #total-time-container .header.dark {
            color: #333;
        }

    #total-time-container .value {
        color: #C7A43A;
        font-size: 24px;
        font-weight: 600;
        margin: 0;
        text-align: right;
    }

/* Table Layout
-------------------------------------------------------------------------------*/

.table {
    display: table;
}

    .table.seperated, .table.padded {
        border-collapse: separate !important;
        border-spacing: 5px 0px !important;
    }

    .table.spaced {
        border-collapse: separate !important;
        border-spacing: 2px !important;
    }

    .table.wide, table.wide {
        width: 100%;
    }

    .table.full {
        width: 100%;
        height: 100%;
    }

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
    position: relative;
}

    .table-cell.header {
        font-weight: bold;
        background-color: #f4f5fb;
        border: 1px solid #dbdce1
    }

/* Header
-------------------------------------------------------------------------------*/

header {
    border-bottom: 15px solid #000;
    padding: 0 12px;
}

    header a.logo {
        float: left;
        margin: 25px 0 0 18px;
    }


    /* Navigation
-------------------------------------------------------------------------------*/

    header nav {
        float: right;
        margin: 30px 0 21px 0;
    }

        /* Shared styles for Primary and Tools in Header */
        header nav ul {
            float: right;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        header nav li {
            display: inline-block;
            font-size: 15px;
            font-weight: 600;
        }

            header nav li a {
                color: #737175;
                display: block;
                line-height: 32px;
                margin: 0 15px;
                text-decoration: none;
            }

                header nav li a:hover,
                header nav li a.active {
                    color: #0A467D;
                    text-decoration: underline;
                }

    /* Primary Nav in Header */
    header #primary {
        clear: none;
        text-align: right;
    }

    /* Utility Nav in Header */
    header nav #utility li a {
        background-color: #EAEAEA;
        margin: 0;
    }

    header nav #utility li.my-account {
        position: relative;
        z-index: 900;
    }

        header nav #utility li.my-account > a {
            background: #EAEAEA url(../Images/arrow-down.png) no-repeat 92% 50%;
            padding: 0 40px 0 15px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        header nav #utility li.my-account:hover > a {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 0;
        }

        header nav #utility li.my-account > ul {
            display: none;
            position: absolute;
            top: 100%;
            width: 100%;
            z-index: 1000;
        }

            header nav #utility li.my-account > ul li {
                display: block;
            }

                header nav #utility li.my-account > ul li a {
                    padding: 4px 14px;
                }

        header nav #utility li.my-account:hover > ul {
            display: block
        }

    header #utility li.help a {
        background: #EAEAEA url(../Images/question.png) no-repeat 83% 50%;
        border-left: 1px solid #FFF;
        border-right: 1px solid #FFF;
        padding: 0 40px 0 15px;
    }

    header #utility li.feedback a {
        background: #EAEAEA url(../Images/feedback.png) no-repeat 89% 50%;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: 0 40px 0 15px;
    }

/* Banner area for project details
-------------------------------------------------------------------------------*/

#banner-space {
    background-color: #000000;
}

#banner-detail-container {
    padding: 15px 27px 25px 27px;
}

/* Sidebar
-------------------------------------------------------------------------------*/

#sidebar {
    margin: 0 12px 12px;
    padding: 25px 0 0;
    width: 216px;
    position: absolute;
    left: 0px;
    top: 0px;
}

    #sidebar #secondary {
        margin: 0;
        padding: 0;
    }

        #sidebar #secondary li {
            border-bottom: 3px solid #FFF;
            display: block;
        }

            #sidebar #secondary li a {
                background-color: #EAEAEA;
                background-image: url(../Images/icon-secondary.png);
                background-repeat: no-repeat;
                background-position: 6px 50%;
                color: #0A476D;
                display: block;
                font-size: 15px;
                font-weight: 600;
                line-height: 49px;
                overflow: hidden;
                padding-left: 56px;
                text-decoration: none;
            }

                #sidebar #secondary li a:hover,
                #sidebar #secondary li a.active {
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                /* Sidebar Server-------------------------------------------------------------------------------*/
                #sidebar #secondary li a.server-central {
                    background-image: url(../Images/monitor2.png)
                }

                #sidebar #secondary li a.server-central-active {
                    background-image: url(../Images/monitor2-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-central]:hover {
                    background-image: url(../Images/monitor2-active.png)
                }


                #sidebar #secondary li a.server-accelerators {
                    background-image: url(../Images/accelerator.png)
                }

                #sidebar #secondary li a.server-accelerators-active {
                    background-image: url(../Images/accelerator-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-accelerators]:hover {
                    background-image: url(../Images/accelerator-active.png)
                }

                #sidebar #secondary li a.server-diagnostics {
                    background-image: url(../Images/diagnostics.png)
                }

                #sidebar #secondary li a.server-diagnostics-active {
                    background-image: url(../Images/diagnostics-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-diagnostics]:hover {
                    background-image: url(../Images/diagnostics-active.png)
                }

                #sidebar #secondary li a.server-spaceplanning {
                    background-image: url(../Images/spaceplanning.png)
                }

                #sidebar #secondary li a.server-spaceplanning-active {
                    background-image: url(../Images/spaceplanning-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-spaceplanning]:hover {
                    background-image: url(../Images/spaceplanning-active.png)
                }

                #sidebar #secondary li a.server-untracked-models {
                    background-image: url(../Images/reports.png)
                }

                #sidebar #secondary li a.server-untracked-models-active {
                    background-image: url(../Images/reports-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-untracked-models]:hover {
                    background-image: url(../Images/reports-active.png)
                }

                #sidebar #secondary li a.server-model-locks {
                    background-image: url(../Images/lock.png)
                }

                #sidebar #secondary li a.server-model-locks-active {
                    background-image: url(../Images/lock-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-model-locks]:hover {
                    background-image: url(../Images/lock-active.png)
                }


                #sidebar #secondary li a.server-cadmanagement {
                    background-image: url(../Images/cad.png)
                }

                #sidebar #secondary li a.server-cadmanagement-active {
                    background-image: url(../Images/cad-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-cadmanagement]:hover {
                    background-image: url(../Images/cad-active.png)
                }

                #sidebar #secondary li a.server-metadatamapping {
                    background-image: url(../Images/mapping.png)
                }

                #sidebar #secondary li a.server-metadatamapping-active {
                    background-image: url(../Images/mapping-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-metadatamapping]:hover {
                    background-image: url(../Images/mapping-active.png)
                }

                #sidebar #secondary li a.server-backups {
                    background-image: url(../Images/backup.png)
                }

                #sidebar #secondary li a.server-backups-active {
                    background-image: url(../Images/backup-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-backups]:hover {
                    background-image: url(../Images/backup-active.png)
                }

                #sidebar #secondary li a.server-restore {
                    background-image: url(../Images/restore.png)
                }

                #sidebar #secondary li a.server-restore-active {
                    background-image: url(../Images/restore-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-restore]:hover {
                    background-image: url(../Images/restore-active.png)
                }

                #sidebar #secondary li a.server-authentication {
                    background-image: url(../Images/key.png)
                }

                #sidebar #secondary li a.server-authentication-active {
                    background-image: url(../Images/key-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-authentication]:hover {
                    background-image: url(../Images/key-active.png)
                }

                #sidebar #secondary li a.server-security {
                    background-image: url(../Images/security.png)
                }

                #sidebar #secondary li a.server-security-active {
                    background-image: url(../Images/security-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-security]:hover {
                    background-image: url(../Images/security-active.png)
                }

                #sidebar #secondary li a.server-vpn {
                    background-image: url(../Images/vpn.png)
                }

                #sidebar #secondary li a.server-vpn-active {
                    background-image: url(../Images/vpn-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-vpn]:hover {
                    background-image: url(../Images/vpn-active.png)
                }

                #sidebar #secondary li a.server-offices {
                    background-image: url(../Images//office.png)
                }

                #sidebar #secondary li a.server-offices-active {
                    background-image: url(../Images/office-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-offices]:hover {
                    background-image: url(../Images/office-active.png)
                }

                #sidebar #secondary li a.server-taskmanagement {
                    background-image: url(../Images/wrench.png)
                }

                #sidebar #secondary li a.server-taskmanagement-active {
                    background-image: url(../Images/wrench-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-taskmanagement]:hover {
                    background-image: url(../Images/wrench-active.png)
                }

                #sidebar #secondary li a.server-settings {
                    background-image: url(../Images/settings.png)
                }

                #sidebar #secondary li a.server-settings-active {
                    background-image: url(../Images/settings-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-settings]:hover {
                    background-image: url(../Images/settings-active.png)
                }

                #sidebar #secondary li a.server-about {
                    background-image: url(../Images/about.png)
                }

                #sidebar #secondary li a.server-about-active {
                    background-image: url(../Images/about-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=server-about]:hover {
                    background-image: url(../Images/about-active.png)
                }

                #sidebar #secondary li a.server-email-settings {
                    background-image: url(../Images/icon-email.png)
                }

                /* Sidebar Metrics-------------------------------------------------------------------------------*/
                #sidebar #secondary li a.metrics-current {
                    background-image: url(../Images/summary.png)
                }

                #sidebar #secondary li a.metrics-current-active {
                    background-image: url(../Images/summary-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=metrics-current]:hover {
                    background-image: url(../Images/summary-active.png)
                }


                #sidebar #secondary li a.metrics-graphs {
                    background-image: url(../Images/graph.png)
                }

                #sidebar #secondary li a.metrics-graphs-active {
                    background-image: url(../Images/graph-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=metrics-graphs]:hover {
                    background-image: url(../Images/graph-active.png)
                }

                #sidebar #secondary li a.metrics-standards {
                    background-image: url(../Images/standard.png)
                }

                #sidebar #secondary li a.metrics-standards-active {
                    background-image: url(../Images/standard-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=metrics-standards]:hover {
                    background-image: url(../Images/standard-active.png)
                }

                #sidebar #secondary li a.metrics-content {
                    background-image: url(../Images/content.png)
                }

                #sidebar #secondary li a.metrics-content-active {
                    background-image: url(../Images/content-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=metrics-content]:hover {
                    background-image: url(../Images/content-active.png)
                }

                #sidebar #secondary li a.metrics-warning {
                    background-image: url(../Images/warning.png)
                }

                #sidebar #secondary li a.metrics-warning-active {
                    background-image: url(../Images/warning-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=metrics-warning]:hover {
                    background-image: url(../Images/warning-active.png)
                }

                #sidebar #secondary li a.metrics-alerts {
                    background-image: url(../Images/alert.png)
                }

                #sidebar #secondary li a.metrics-alerts-active {
                    background-image: url(../Images/alert-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=metrics-alerts]:hover {
                    background-image: url(../Images/alert-active.png)
                }


                /* Sidebar Project-------------------------------------------------------------------------------*/

                #sidebar #secondary li a.project-home {
                    background-image: url(../Images/home.png)
                }

                #sidebar #secondary li a.project-home-active {
                    background-image: url(../Images/home-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=project-home]:hover {
                    background-image: url(../Images/home-active.png)
                }

                /* ----------------------------------------------------------------------------*/

                #sidebar #secondary li a.project-task {
                    background-image: url(../Images/task.png)
                }

                #sidebar #secondary li a.project-task-active {
                    background-image: url(../Images/task-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=project-task]:hover {
                    background-image: url(../Images/task-active.png)
                }

                /* ----------------------------------------------------------------------------*/

                #sidebar #secondary li a.project-report {
                    background-image: url(../Images/reports.png)
                }

                #sidebar #secondary li a.project-report-active {
                    background-image: url(../Images/reports-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=project-report]:hover {
                    background-image: url(../Images/reports-active.png)
                }


                /* ----------------------------------------------------------------------------*/

                #sidebar #secondary li a.project-datasheet {
                    background-image: url(../Images/sheet.png)
                }

                #sidebar #secondary li a.project-datasheet-active {
                    background-image: url(../Images/sheet-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=project-datasheet]:hover {
                    background-image: url(../Images/sheet-active.png)
                }

                /* ----------------------------------------------------------------------------*/

                #sidebar #secondary li a.project-file {
                    background-image: url(../Images/file.png)
                }

                #sidebar #secondary li a.project-file-active {
                    background-image: url(../Images/file-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=project-file]:hover {
                    background-image: url(../Images/file-active.png)
                }

                /* ----------------------------------------------------------------------------*/

                #sidebar #secondary li a.project-map {
                    background-image: url(../Images/map.png)
                }

                #sidebar #secondary li a.project-map-active {
                    background-image: url(../Images/map-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=project-map]:hover {
                    background-image: url(../Images/map-active.png)
                }

                /* ----------------------------------------------------------------------------*/

                #sidebar #secondary li a.project-activity {
                    background-image: url(../Images/activity.png)
                }

                #sidebar #secondary li a.project-activity-active {
                    background-image: url(../Images/activity-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=project-activity]:hover {
                    background-image: url(../Images/activity-active.png)
                }

                /* ----------------------------------------------------------------------------*/

                #sidebar #secondary li a.project-metrics {
                    background-image: url(../Images/graph.png)
                }

                #sidebar #secondary li a.project-metrics-active {
                    background-image: url(../Images/graph-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=project-metrics]:hover {
                    background-image: url(../Images/graph-active.png)
                }

                /* ----------------------------------------------------------------------------*/

                #sidebar #secondary li a.project-glue {
                    background-image: url(../Images/glue.png)
                }

                #sidebar #secondary li a.project-glue-active {
                    background-image: url(../Images/glue-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=project-glue]:hover {
                    background-image: url(../Images/glue-active.png)
                }

                /* ----------------------------------------------------------------------------*/

                #sidebar #secondary li a.project-autodesk {
                    background-image: url(../Images/cad.png)
                }

                #sidebar #secondary li a.project-autodesk-active {
                    background-image: url(../Images/cad-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=project-autodesk]:hover {
                    background-image: url(../Images/cad-active.png)
                }

                /* ----------------------------------------------------------------------------*/

                #sidebar #secondary li a.project-imaginit {
                    background-image: url(../Images/imaginit.png)
                }

                #sidebar #secondary li a.project-imaginit-active {
                    background-image: url(../Images/imaginit-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=project-imaginit]:hover {
                    background-image: url(../Images/imaginit-active.png)
                }

                /* Sidebar All Projects-------------------------------------------------------------------------------*/

                #sidebar #secondary li a.projects-local {
                    background-image: url(../Images/local-build.png)
                }

                #sidebar #secondary li a.projects-local-active {
                    background-image: url(../Images/local-build-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=projects-local]:hover {
                    background-image: url(../Images/local-build-active.png)
                }

                #sidebar #secondary li a.projects-remote {
                    background-image: url(../Images/remote-build.png)
                }

                #sidebar #secondary li a.projects-remote-active {
                    background-image: url(../Images/remote-build-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=projects-remote]:hover {
                    background-image: url(../Images/remote-build-active.png)
                }

                #sidebar #secondary li a.projects-query {
                    background-image: url(../Images/query.png)
                }

                #sidebar #secondary li a.projects-query-active {
                    background-image: url(../Images/query-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=projects-query]:hover {
                    background-image: url(../Images/query-active.png)
                }

                #sidebar #secondary li a.data-viewer {
                    background-image: url(../Images/data-viewer.png)
                }

                #sidebar #secondary li a.data-viewer-active {
                    background-image: url(../Images/data-viewer-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=data-viewer]:hover {
                    background-image: url(../Images/data-viewer-active.png)
                }


                /* Sidebar Tasks-------------------------------------------------------------------------------*/

                #sidebar #secondary li a.task-dashboard {
                    background-image: url(../Images/task-dashboard.png)
                }

                #sidebar #secondary li a.task-dashboard-active {
                    background-image: url(../Images/task-dashboard-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=task-dashboard]:hover {
                    background-image: url(../Images/task-dashboard-active.png)
                }

                /* ----------------------------------------------------------------------------*/
                #sidebar #secondary li a.task-coordinator {
                    background-image: url(../Images/task-coordinator.png)
                }

                #sidebar #secondary li a.task-coordinator-active {
                    background-image: url(../Images/task-coordinator-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=task-coordinator]:hover {
                    background-image: url(../Images/task-coordinator-active.png)
                }

                /* ----------------------------------------------------------------------------*/

                #sidebar #secondary li a.task-current {
                    background-image: url(../Images/task.png)
                }

                #sidebar #secondary li a.task-current-active {
                    background-image: url(../Images/task-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=task-current]:hover {
                    background-image: url(../Images/task-active.png)
                }

                /* ----------------------------------------------------------------------------*/

                #sidebar #secondary li a.task-completed {
                    background-image: url(../Images/task-completed.png)
                }

                #sidebar #secondary li a.task-completed-active {
                    background-image: url(../Images/task-completed-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=task-completed]:hover {
                    background-image: url(../Images/task-completed-active.png)
                }
                /* ----------------------------------------------------------------------------*/

                #sidebar #secondary li a.task-setup {
                    background-image: url(../Images/task-setup.png)
                }

                #sidebar #secondary li a.task-setup-active {
                    background-image: url(../Images/task-setup-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=task-setup]:hover {
                    background-image: url(../Images/task-setup-active.png)
                }
                /* ----------------------------------------------------------------------------*/

                #sidebar #secondary li a.task-server {
                    background-image: url(../Images/task-server.png)
                }

                #sidebar #secondary li a.task-server-active {
                    background-image: url(../Images/task-server-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=task-server]:hover {
                    background-image: url(../Images/task-server-active.png)
                }
                /* ----------------------------------------------------------------------------*/

                #sidebar #secondary li a.task-timeline {
                    background-image: url(../Images/task-timeline.png)
                }

                #sidebar #secondary li a.task-timeline-active {
                    background-image: url(../Images/task-timeline-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=task-timeline]:hover {
                    background-image: url(../Images/task-timeline-active.png)
                }
                /* ----------------------------------------------------------------------------*/

                #sidebar #secondary li a.task-back {
                    background-image: url(../Images/task-back.png)
                }

                #sidebar #secondary li a.task-back-active {
                    background-image: url(../Images/task-back-active.png);
                    background-color: #0A476D;
                    color: #EAEAEA;
                }

                #sidebar #secondary li a[class$=task-back]:hover {
                    background-image: url(../Images/task-back-active.png)
                }

                /* Sidebar -------------------------------------------------------------------------------*/


                #sidebar #secondary li a.add-user {
                    background-image: url(../Images/icon-add-new-user.png)
                }

                #sidebar #secondary li a.upload-users {
                    background-image: url(../Images/icon-reports.png)
                }


                #sidebar #secondary li a.model-metrics {
                    background-image: url(../Images/icon-model-diagnostics.png)
                }

                #sidebar #secondary li a.model-time {
                    background-image: url(../Images/icon-model-time.png)
                }

                #sidebar #secondary li a.glue {
                    background-image: url(../Images/icon-reports.png)
                }

                #sidebar #secondary li a.autodesk-viewer {
                    background-image: url(../Images/icon-reports.png)
                }


                /* Sidebar - Uknown Maybe they must be deleted -------------------------------------------------------------------------------*/

                #sidebar #secondary li a.activity-stream {
                    background-image: url(../Images/icon-activity-stream.png)
                }

/* Action Dropdown
-------------------------------------------------------------------------------*/



.project-actions {
    float: right;
}

.action-dropdown {
    float: left;
    padding: 8px 8px 8px 8px;
    position: relative;
}

    .action-dropdown:hover {
        background: url(../Images/bg-action.png) repeat 0 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        padding: 8px 8px 8px 8px;
    }

    .action-dropdown > a {
        color: #1A9ACF;
        border-bottom: 10px;
        display: block;
        font-size: 14px;
        line-height: 20px;
        text-decoration: none;
    }

    /* Action Dropdown ul */
    .action-dropdown ul {
        background: url(../Images/bg-action.png) repeat 0 0;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        display: none;
        position: absolute;
        list-style: none;
        margin: 0;
        padding: 0;
        top: 100%;
        left: 0;
        z-index: 1000;
        -webkit-box-shadow: 0 8px 6px -6px #000;
        -moz-box-shadow: 0 8px 6px -6px #000;
        box-shadow: 0 8px 6px -6px #000;
    }

    .action-dropdown:hover ul {
        display: block;
        padding-bottom: 15px;
        width: 100%;
    }

    .action-dropdown ul li {
        line-height: 20px;
        padding: 0 8px;
    }

        .action-dropdown ul li a {
            color: #FFF !important;
            font-size: 14px;
            line-height: 24px;
            text-decoration: none;
        }

    .action-dropdown:hover ul li a:hover {
        color: #1a9acf !important;
    }

    /* Action Dropdown - Manage */
    .action-dropdown.manage > a {
        background: url(../Images/bg-action-d-arrow.png) no-repeat right 0;
        padding-right: 25px;
    }

        .action-dropdown.manage:hover > a, .action-dropdown.manage > a:hover {
            background: url(../Images/bg-action-u-arrow.png) no-repeat right 0;
        }

    /* Action Dropdown - Project Admin */
    .action-dropdown.edit-tools > a, .action-dropdown.page-admin > a {
        background: url(../Images/icon-edit.png) no-repeat right 0;
        text-indent: -5000px;
        width: 19px;
    }

    .action-dropdown.page-admin:hover > a {
        width: 130px;
    }

    .action-dropdown.edit-tools:hover > a {
        width: 110px;
    }

    .action-dropdown.edit-tools ul, .action-dropdown.page-admin ul {
        right: 0;
    }

        .action-dropdown.edit-tools ul li, .action-dropdown.page-admin ul li {
            text-align: right;
        }

/* Content
-------------------------------------------------------------------------------*/

#content {
    position: relative;
    margin: 8px 12px 20px 252px;
    padding: 25px 0px 25px 0px;
    color: #737175;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
}

    #content.full {
        margin-top: 0px;
        margin-right: 12px;
        margin-bottom: 20px;
        margin-left: 12px;
    }

    #content h1 {
        color: #C7A43A;
        font-size: 42px;
        line-height: 42px;
        font-weight: 300;
        margin-top: 0;
    }

        #content h1.unpadded {
            padding: 0px;
            margin: 0px;
        }

    #content h2 {
        color: #333;
        font-size: 22px;
        line-height: 22px;
        margin: 0 40px 15px 0;
        padding: 0;
    }

    /* Components Page Only */
    #content.components > div {
        margin-bottom: 35px;
    }

    #content.components .button {
        clear: both;
        float: left;
        margin-bottom: 15px;
    }

.page-extra {
    float: right;
}

#content .group {
    margin-bottom: 15px;
}

.side-panel-container {
    background: #BEBEBE;
    z-index: 1050;
    padding: 12px;
    font-size: 14px;
    color: #111111;
    overflow: hidden;
}

    .side-panel-container .header {
        color: #333;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        position: relative;
        margin-bottom: 10px;
    }

.section_container {
    background: #ffffff;
    padding: 10px;
    overflow: auto;
}

table .section_container td {
    padding: 5px;
}

.validation-summary-success, .field-validation-success, .validation-success-content {
    color: #006400;
    font-weight: bold;
}

.validation-summary-error, .field-validation-error, .validation-error-content {
    color: #FF0000;
    font-weight: bold;
}

.validation-summary-valid, .field-validation-valid {
    display: none;
}

.notice-container {
    background-color: #EDFAED;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #CADECA;
}

/* Table Styles
-------------------------------------------------------------------------------*/

th {
    padding-bottom: 3px;
}

.standard-list {
    border-collapse: collapse;
    border-spacing: 0;
}

    .standard-list.full {
        width: 100%;
    }

    .standard-list > tr > th, .standard-list > thead > tr > th, .standard-list > tbody > tr > th {
        border-bottom: 1px solid #e5e5e5;
        color: #333;
        font-size: 15px;
        font-weight: 400;
        padding-bottom: 14px;
        text-align: left;
        vertical-align: top;
        white-space: nowrap;
    }

    .standard-list > tr > td, .standard-list > tbody > tr > td {
        color: #555455;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        padding: 6px 0px 6px 0px;
        text-align: left;
    }

        .standard-list > tr > td.label, .standard-list > tbody > tr > td.label {
            font-weight: bold;
            padding-right: 5px;
        }

    .standard-list pre {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
    }

/* Printable Report Styles
-------------------------------------------------------------------------------*/

.printable-report {
    border-collapse: collapse;
    border-spacing: 0;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

    .printable-report thead {
        display: table-header-group;
    }

    .printable-report th {
        white-space: normal !important;
        background-color: #e5e5e5;
        color: #333;
        font-weight: bold;
        font-size: 15px;
        padding: 4px;
        text-align: left;
        vertical-align: top;
        border-right: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }

    .printable-report td {
        color: #333;
        font-size: 13px;
        padding: 4px;
        text-align: left;
        vertical-align: top;
        border-right: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }

.reportPanel-scrollingbody {
    position: relative;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: auto;
}

/* Enable Fullscreen
-------------------------------------------------------------------------------*/

.expand-icon-button {
    float: right;
    margin-top: 13px;
    cursor: pointer;
}

.fullscreen {
    position: fixed;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #222222;
    z-index: 9999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0px 8px #666666;
    margin: 0px;
    overflow: auto;
}

#fullscreen-button {
    position: fixed;
    top: 8px;
    left: 8px;
    cursor: pointer;
    z-index: 10000;
}

/* Footer
-------------------------------------------------------------------------------*/

footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #333;
    clear: both;
    height: 191px;
    padding: 44px 27px;
}

/* Positioning
-------------------------------------------------------------------------------*/

.center-floating-panel {
    margin: 0px auto;
}

.left-floating-panel {
    float: left;
}

.right-floating-panel {
    float: right;
}

.clear {
    clear: both;
}

.rotate-vertical {
    position: absolute;
    -webkit-transform: translateX(-50%) rotate(-90deg) translateX(50%) translateY(75%);
    -moz-transform: translateX(-50%) rotate(-90deg) translateX(50%) translateY(75%);
    -ms-transform: translateX(-50%) rotate(-90deg) translateX(50%) translateY(75%);
    -o-transform: translateX(-50%) rotate(-90deg) translateX(50%) translateY(75%);
    transform: translateX(-50%) rotate(-90deg) translateX(50%) translateY(75%);
    white-space: nowrap;
}

/* Padding
    -------------------------------------------------------------------------------*/

.top-padded {
    padding-top: 8px !important;
}

.bottom-padded {
    padding-bottom: 8px !important;
}

.left-padded {
    padding-left: 8px !important;
}

.right-padded {
    padding-right: 8px !important;
}

.unpadded {
    padding: 0px !important;
    margin: 0px !important;
}

.padded {
    padding: 8px !important;
}

.small-top-padded {
    padding-top: 5px !important;
}

.small-left-padded {
    padding-left: 5px !important;
}

.small-right-padded {
    padding-right: 5px !important;
}

.small-bottom-padded {
    padding-bottom: 5px !important;
}

.large-right-padded {
    padding-right: 40px !important;
}

.large-bottom-padded {
    padding-bottom: 40px !important;
}

/* Margin
    -------------------------------------------------------------------------------*/

.top-margin {
    margin-top: 8px !important;
}

.bottom-margin {
    margin-bottom: 8px !important;
}

.left-margin {
    margin-left: 8px !important;
}

.right-margin {
    margin-right: 8px !important;
}

/* Alignment
-------------------------------------------------------------------------------*/

.top-aligned {
    vertical-align: top;
}

.bottom-aligned {
    vertical-align: bottom;
}

.middle-aligned {
    vertical-align: middle;
}

.right-aligned {
    text-align: right;
}

.left-aligned {
    text-align: left;
}

.center-aligned {
    text-align: center;
}

/* Scrolling
-------------------------------------------------------------------------------*/

.scrolling-container {
    overflow: auto;
}

    .scrolling-container.outlined {
        padding: 5px;
        border: 1px solid #dbdce1
    }

.selectable {
    cursor: hand;
    cursor: pointer;
}

    .selectable.underline:hover {
        text-decoration: underline;
    }

.disable-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.loading-container {
    text-align: center;
    margin: 20px 10px 30px 10px;
}

/* ------------- File browser styles -------------- */

.server-item {
    background-color: #ffffff;
    padding: 2px;
    cursor: pointer;
}

    .server-item:hover, .server-item.selected {
        background: #D7E3FF;
    }

/* File selection Styles
---------------------------------------------------------- */

.filebrowser-panel {
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 6px;
    text-align: left;
}

.upload-icon {
    display: none;
    cursor: pointer;
}

#FolderContainer {
    position: relative;
    width: 100%;
    padding: 3px;
}

.FileActionPanel {
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    background: #BEBEBE;
    border: 1px solid #787878;
    border-radius: 3px;
    z-index: 1050;
    padding: 12px;
    font-size: 14px;
    color: #111111;
    overflow: hidden;
    z-index: 2;
}

    .FileActionPanel .header {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 6px;
        text-align: left;
    }

    .FileActionPanel .right-floating-panel {
        margin-top: 8px;
    }

#FileContainer {
    position: relative;
    width: 100%;
    padding: 0px;
}

.file-panel-folder-container {
    padding: 1px 0px 1px 0px;
}

.folder-filter-count {
    font-size: 14px;
    padding-left: 5px;
    color: #aaaaaa;
}

.file-panel-folder {
    color: #000000;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    padding-left: 3px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none;
}

    .file-panel-folder a {
        color: #000000;
        font-family: Verdana, Arial, Sans-serif;
        font-size: 14px;
        font-weight: normal;
        text-align: left;
        text-decoration: none;
    }

        .file-panel-folder a:hover {
            color: #000000;
            font-family: Verdana, Arial, Sans-serif;
            font-size: 14px;
            font-weight: normal;
            text-align: left;
            text-decoration: none;
        }

.file-panel-file-container {
    padding: 5px 0px 5px 0px;
}

.file-panel-file {
    color: #000000;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    padding-left: 3px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none;
}

    .file-panel-file a, .file-panel-file a:hover {
        color: #000000;
        font-family: Verdana, Arial, Sans-serif;
        font-size: 14px;
        font-weight: normal;
        text-align: left;
        text-decoration: none;
    }

.file-panel-file-selected {
    color: #d81c1c;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    padding-left: 3px;
}

.file-details {
    font-size: 14px;
    color: #585050;
}

.folder-panel {
    background: #FFFFFF;
    cursor: pointer;
    padding: 0px;
}

.folder-panel-selected {
    background: #D7E3FF;
    cursor: pointer;
    padding: 0px;
}

.file-panel {
    background: #FFFFFF;
    cursor: pointer;
    padding: 0px;
}

.file-panel-selected {
    background: #D7E3FF;
    cursor: pointer;
    padding: 0px;
}

.file-panel-link, .file-panel-link a, .file-panel-link a:hover {
    color: #003399;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    text-decoration: none;
}

.unselected-fileaction-button, .selected-fileaction-button {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 8px 4px 8px;
}

.unselected-fileaction-button {
    background-color: #FFFFFF;
}

.selected-fileaction-button {
    background-color: #D7E3FF;
}

.file-panel-link .read-only, .file-panel-link .read-only:hover {
    text-decoration: none;
    color: #cccccc;
}

.treeview-link {
    font-size: 14px;
    margin-left: 10px;
    padding: 4px;
    color: #0000EE;
}

    .treeview-link:hover {
        cursor: pointer;
    }

.chart_modelEvents {
    margin-bottom: 10px;
}

.width-half {
    width: 50%;
}

.bold {
    font-weight: bold;
}

.img-loading {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.img-loading-sm {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30px;
    height: 30px;
}

.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
}

    /* Each of the items in the list */
    .custom-menu li {
        padding: 8px 12px;
        cursor: pointer;
        list-style-type: none;
        transition: all .3s ease;
        user-select: none;
    }

        .custom-menu li:hover {
            background-color: #DEF;
        }