/*! RESOURCE: styles/theme14.css */
/*
Base GLIDE Style Theme CSS
Extended by css_includes files for navpage, navigator, etc.
Keep to a minimum, contents should be shared / common to navpage, navigator, and form / list frames

Substitutions come from:
1. properties database (properties in the database are prefixed with 'css.')
2. a property in the styles directory specified using the property glide.ui.css.name
3. themedefaults.properties
HTML Colors can be found here: http://www.webcolors.freeserve.co.uk/names140.htm
*/

/********************************************************************
HTML Element and Global CSS rules
********************************************************************/

HTML {
height: 100%;
}

BODY {
height: 100%;
background-color: white;
margin: 0 3px 0 3px;
padding: 0;
border: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

TABLE {
background-color: white;
}

TABLE.background_transparent {
background-color: transparent;
}

IFRAME.gsft_full {
height: 100%;
width: 100%;
}

IMG,FORM {
margin: 0;
padding: 0;
border: 0;
}

.form {
border-collapse: separate;
}

.clear {
font-size: 0;
clear: both;
margin: 0;
padding: 0;
}

iframe {
background-color: #fff;
}
/**
* hide the empty nav controls in doctype mode
**/
HTML[data-doctype=true] IFRAME.gsft_full {
height: 99%;
}

IMG {
border: 0px;
margin: 0px;
padding: 0px;
}

TABLE.wide {
width: 100%;
border: 0px;
margin: 0px;
padding: 0px;
}

/***** Links   *****/
A {
text-decoration: none;
padding: 0px;
cursor: pointer;
color: WindowText;
}

A:hover {
text-decoration: underline;
}

TD.navControls IMG, table.wide IMG, td.menuSeparator IMG, span.submenu IMG, table.drag_section_header IMG, div.timingDiv IMG, table.drag_section_header_active IMG {
margin-right: 4px;
}

.rtl td.label_right img {
margin-right: 0;
margin-left: 4px;
}

TD.column_head,
TH.column_head {
font-weight: bold;
color: white;
white-space: nowrap;
}

img, img a, input, select, button, input.text, input.button {
vertical-align: middle;
}

BUTTON:not(.btn), INPUT.button:not(.btn) {
color: white;
background-color: rgb(102, 153, 204);
border-color: #666666;
border-width: 1px;
font-weight: bold;
cursor: pointer;
margin-right: 5px;
}

TR.header {
background-color: rgb(102, 153, 204);
color: white;
font-weight: bold;
}

/*************************************************
Context (right button) menu support
*************************************************/
.context_menu {
position: absolute;
cursor: default;
z-index: 1100;
border: 1px solid #999;
border-top: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
background: #fff;
padding: 0;
}

.context_item {
color: #4a4a4a;
padding: 2px 18px 2px 18px;
margin-top: 2px;
margin-bottom: 2px;
white-space: nowrap;
}

.context_item.is-disabled {
color: #cccccc;
}

.icon-check.selected_item {
float: left;
margin-left: -15px;
display: inline;
}

.rtl .icon-check.selected_item {
float: right;
margin-right: -15px;
}

.context_item.context_menu_hover, .context_item:focus {
background-color: #b8e0d7;
outline: none;
}

.context_submenu_indicator {
position: absolute;
right: 5px;
font-size: 10px;
}

.context_item_hr {
border: 0px solid #d5d5d5;
border-top: 1px solid #d5d5d5;
margin-left:4px;
margin-right:4px;
margin-top:6px;
}

.context_menu > DIV.context_item_hr:nth-child(2){
display: none;
}

.spacer {
margin-left: 5px;
margin-right: 5px;
}

/*************************************************
Search box - CMS / navpage
*************************************************/

/* popupdivs.js and GwtContextMenu */
IFRAME.popup {
height: 0;
padding: 0;
position: absolute;
border: none;
}

/*************************************************
AJAXTableCompleter - global search and others
*************************************************/
TABLE.ac_table_completer {
border-collapse: collapse;
}

TR.ac_header {
white-space: nowrap;
background-color: #D3D3D3;
font-weight: bold;
}

.ac_highlight {
background-color: #b8e0d7;
}

@media screen and (-ms-high-contrast: active) {
.ac_highlight {
border: #c83c36 2px solid;
}
}

TD.ac_cell {
white-space: nowrap;
padding-left: 2px;
}

TD.ac_additional {
padding-left: 6px;
}

TD.ac_additional_repeat {
color: #B1B1B1;
}

SPAN.ac_match_text {
color: blue;
font-weight: bold;
}

/********************************************************************
GlideWindow/Dialog/Pane/Draggable
********************************************************************/

.drag_section {
border: 1px solid #d5d5d5;
width: 100%;
z-index: 100;
border-spacing: 2px !important;
}

.drag_section_clean {
width: 100%;
z-index: 100;
}

.drag_section_selected {
border: 1px solid #aabbdd;
width: 100%;
z-index: 100;
}

.drag_section_dragging {
border: 1px dashed #222222;
width: 100%;
z-index: 100;
}

.drag_section_hilight {
border: 1px solid #00ff00;
width: 100%;
z-index: 100;
}

.drag_section_hilight_neighbors {
border: 1px solid #ff9900;
}

.drag_section_picker {
border: 1px solid #d5d5d5;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
z-index: 500;
width: 300px;
}

.drag_section_top {
background-color: #eeeeee;
}

.drag_section_header {
font-weight: bold;
background-color: #eeeeee;
}

/* home page render times - see GlideWindow.js */
.drag_section_debug {
font-weight: normal;
font-style: italic;
padding-right: 5px;
vertical-align: top;
white-space: nowrap;
display: none;
}

.rtl .drag_section_debug {
padding-right: 0px;
}

.drag_section_header_active {
font-weight: bold;
background-color: #b8e0d7 !important;
}

.drag_section_header_focus {
font-weight: bold;
}

.drag_section_movearea {
white-space: nowrap;
width: 100%;
}

.drag_float_visible {
opacity: 0.7;
filter: alpha(opacity=70);
background-color: white;
border: 1px dashed #000000;
position: absolute;
z-index: 1000;
font-size: 0; /* IE Height fix */
}

.drag_float_invisible {
opacity: 0;
filter: alpha(opacity=0);
background-color: white;
position: absolute;
}

.glide_pane {
border: 2px solid #999999;
background-color: white;
z-index: 500;
}

.glide_pane_header {
padding: 2px;
font-weight: bold;
background-color: #eeeeee;
}

.glide_pane_header td {
padding: 5px;
}

/* popupdivs.js - used by impersonate dialog */
div.popup {
position: absolute;
visibility: hidden;
background-color: white;
padding-left: 10px;
padding-right: 10px;
z-index: 1065;
border: 1px solid gray;
}

div.popup .form-control{
width:100%!important;
}

TD.label {
color: black;
background-color: #dddddd;
}

TD.label_spacing {
padding-top: 6px;
padding-bottom: 6px;
}

DIV.float_right {
float:right;
}

LABEL.small_caption, H2.small_caption {
font-weight: bold;
font-size: larger;
}

.right-caption {
float: right;
font-size: small;
color: #828890;
margin-top: 18px;
}




TD.label {
text-align: left;
width: 1%;
min-width: 150px;
}

.rtl TD.label {
text-align: right;
}

TD.label_left {
text-align: left;
}

.rtl TD.label_left {
text-align: right;
}

.label_left.label_spacing img, A.spell_check img, A.spell_check U, A.xml img {
margin-left:4px;
}

TD.label_right {
text-align: right;
}

.rtl TD.label_right {
text-align: left;
}

.rtl img.collapsedGroup {
margin: 0 -4px 2px 4px;
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

TD.vsplit {
vertical-align: top;
width:50%;
}

TD.vsplit TABLE.vsplit_bottom_margin {
margin-bottom:-2px;
}

TD.label_left, TD.label_right, TABLE.label_left {
color: black;
background-color: #dddddd;
}

/*************************/
/*******Attachments*******/
/*************************/

#header_attachment_list_label {
padding: 0px;
margin: 0px;
}

#header_attachment {
position: relative;
overflow: hidden;
width: 100%;
height: auto;
}

#header_attachment_list {
max-height: 2em;
overflow: hidden;
padding: 0;
margin: 0 15px 0 0;
height: 0\9; /* handles IE7-9 which will size up to content */
}

#header_attachment_list.with-plus-more {
display:inline;
float:left;
}

#header_attachment span.plus_more {
margin-top: 6px;
display: inline-block;
}

#header_attachment_list.allow-resize-height {
max-height:none;
}

.msie10 #header_attachment_list {
height: auto;
}

#header_attachment_list li {
display: inline;
line-height: 1.4em;
}

#header_attachment_list.inline-block-items li{
display: inline-block;
}
#header_attachment_list.inline-block-items li.manage_list + li.attachment_list_items {
margin-left: 10px;
}

LI.manage_list , LI.attachment_list_items {
padding: 0;
margin: 0;
}

LI.manage_list A, LI.attachment_list_items A {
padding-top:1px;
padding-bottom:1px;
margin: 0;
max-height:1.4em;
}

LI.manage_list A, LI.manage_list A SPAN {
padding: 0px;
margin: 0px;
}

LI.attachment_list_items A.content_editable {
color:#000;
}

LI.attachment_list_items A[data-use-ellipsis="true"] {
max-width: 200px;
margin-right: 0;
line-height: 1;
}

LI.attachment_list_items A[data-use-ellipsis="true"].content_editable.contentEditing {
max-width: none;
margin-right: 5px;
}

LI.manage_list IMG, LI.attachment_list_items IMG {
padding: 0px;
margin: 0px;
margin: 2px;
line-height: 1.4em;
height: 16px;
}

LI.manage_list img {
visibility: hidden;
}

#attachment_upload_progress p.file{
padding: 0;
margin: 1px 0 8px 8px;
}

#header_attachment div#more_attachments {
display:none;
position: absolute;
right: 0;
top: 0px;
padding: 0 12px 0 4px;
line-height:1.4em;
height:1.4em;
background: #FFF;
font-weight: bold;
}

/**
* Related Record Manager (Slushbucket)
*/
.sortContainer .list_div .list_table .list_row,
.sortContainer .list_div .list_table .list_hdrcell {
font-size: smaller;
}

.rtl #nav_header_stripe_decorations {
text-align: left;
}

.rtl #gsft_login , .rtl #maximize_button {
float:right;
}

/* Skip links */
.skip a, .skip a:hover, .skip a:visited {
position: absolute;
left: 0;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}

.skip a:focus, .skip a:active {
position: absolute;
width: auto;
height: auto;
top: 1em;
left: 1em;
padding: 1em;
border-radius: 3px;
border-color: #aaa;
background-color: black;
color: #eee;
}

/* JS debug panel
Initial Height will be set programmatically to a % of the visible viewport the first time the element is made visible
*/
.footer-tray {
overflow: hidden;
height: 0px;
padding: 0px;
margin: 0px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}

.footer-tray-wrapper {
position: relative;
height: 100%;
}

.footer-frame-wrapper {
position: absolute;
top: 8px;
bottom: 0px;
width: 100%;
}

.footer-frame-wrapper iframe {
width: 100%;
height: 100%;
border: 0 none;
}

.splitter_h {
position: relative;
width: 100%;
height: 7px;
background-color: lightgray;
cursor: row-resize;
border-top: 1px solid #aeaeae;
border-bottom: 1px solid #aeaeae;
background-image: url(../images/backgrounds/bg_resizer_horizontal.pngx);
background-repeat: repeat-x;
background-position: center center;
z-index: 2;
overflow: hidden;
padding: 0px;
margin: 0px;
font-size: 1px;
text-align: left;
}

.ghost-splitter {
height: 7px;
background-color: #d3d3d3;
position: absolute;
display: none;
z-index: 1001;
cursor: row-resize;
overflow: hidden;
padding: 0px;
margin: 0px;
font-size: 1px;
text-align: left;
}

.glass-pane {
position: absolute;
top: 0px;
left: 0px;
display: block;
height: 100%;
width: 100%;
/* Safari 3 has the lowest max value for z-index */
z-index: 16777271;
cursor: row-resize;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


.footer-tray-hidden {
display: none;
}

#banner_top_left,
#banner_top_right {
margin-top: 4px;
}

/* A fix for PRB590358 using media query to apply only on smart phones devices */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
div#incident_expanded table#list_nav_incident tr.list_nav_top td.list_nav_top_middle {
display: none;
}
}

/* A fix for PRB591638  */
table#Schedulecal_table tr.cal_row td {
padding: 0px;
}
/*! RESOURCE: styles/theme_doctype.css */
.color-normal {
color: #2e2e2e; }

.color-accent {
color: #1f8476; }

.color-red {
color: #c83c36; }

.color-blue {
color: #386acf; }

.color-green {
color: #48c891; }

.color-blue-dark {
color: #386acf; }

.color-orange {
color: #ff8c3e; }

.sn-flexbox, HTML[data-doctype=true] TD.input_controls, HTML[data-doctype=true] .flex-row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }

HTML[data-doctype=true] {
/* list search */
/* tagging overrides */
/* context menu in the list column headers */
/* Hide the drowdown arrow in readonly select boxes in Firefox */
/* Hide the drowdown arrow in readonly select boxes in IE */ }
HTML[data-doctype=true] .glide_box.dark thead .gb_toolbar_col_l1,
HTML[data-doctype=true] .glide_box.iframe thead .gb_toolbar_col_l1,
HTML[data-doctype=true] .edge_flyout_header.dark, HTML[data-doctype=true] .edge_flyout_header.active {
background: #f0f0f0;
color: #666666;
filter: none; }
HTML[data-doctype=true] .glide_box.iframe .gb_body_wrapper,
HTML[data-doctype=true] .section_title, HTML[data-doctype=true] .glide_box.dark thead .gb_toolbar_bottom_border,
HTML[data-doctype=true] .glide_box.iframe thead .gb_toolbar_bottom_border {
background: #e6e9eb; }
HTML[data-doctype=true] .glide_box.iframe, HTML[data-doctype=true] .gb_wrapper, HTML[data-doctype=true] .edge_tooltip, HTML[data-doctype=true] .edge_tooltip_inner, HTML[data-doctype=true] .edge_flyout_footer_sep {
background: #e6e9eb;
border-color: transparent; }
HTML[data-doctype=true] .glide_box .dark, HTML[data-doctype=true] .glide_box .iframe {
-moz-box-shadow: #999 0 0 14px;
-webkit-box-shadow: #999 0 0 14px;
box-shadow: #999 0 0 14px; }
HTML[data-doctype=true] .glide_box .iframe .gb_body_wrapper {
padding-left: 3px; }
HTML[data-doctype=true] .glide_box .gb_body {
border: 1px solid #cbcbcb; }
HTML[data-doctype=true] .loading_wrap_outer, HTML[data-doctype=true] .inner_wrap_outer, HTML[data-doctype=true] .inner_wrap_inner {
border: none; }
HTML[data-doctype=true] .loading_wrap_inner,
HTML[data-doctype=true] .inner_wrap_inner {
border-color: transparent;
background: #ffffff; }
HTML[data-doctype=true] .i12_close.icon-cross-circle, HTML[data-doctype=true] .i16_close.icon-cross-circle {
font-size: 18px;
display: inline;
background: none; }
HTML[data-doctype=true] .lightweight-reference .btn.icon-search, HTML[data-doctype=true] .lightweight-reference .btn.icon-info {
font-size: 25px;
color: #666666;
line-height: 18px;
vertical-align: text-bottom; }
HTML[data-doctype=true] .lightweight-reference .btn.icon-search:hover, HTML[data-doctype=true] .lightweight-reference .btn.icon-info:hover {
text-decoration: none; }
HTML[data-doctype=true] .io_table .input-group .btn {
padding: 0;
border: none;
background-color: transparent; }
HTML[data-doctype=true] .tooltip {
background-color: transparent;
background-image: none;
border: none;
box-shadow: none;
width: fit-content;
white-space: normal;
opacity: inherit; }
HTML[data-doctype=true] tr.list2_no_records td {
text-align: center;
padding: 30px;
font-weight: bold;
font-size: 16px; }
HTML[data-doctype=true] table.list_table th {
padding-left: 0;
padding-right: 20px; }
HTML[data-doctype=true][dir="rtl"] table.list_table th {
padding-right: 0;
padding-left: 20px; }
HTML[data-doctype=true] .list-mechanic .input-group-checkbox {
line-height: 25px; }
HTML[data-doctype=true] .list-compat-popover {
display: none;
width: 250px; }
HTML[data-doctype=true] .list-compat-popover button {
border: 0px;
background-color: transparent;
padding-top: 0px;
padding-bottom: 0px; }
HTML[data-doctype=true] .list-compat-popover .fix-link {
margin: 0 10px; }
HTML[data-doctype=true] .list-compat-popover .fix-link[href=''] {
display: none; }
HTML[data-doctype=true] .list-compat-popover ul.ui-actions {
margin-left: 10px; }
HTML[data-doctype=true] .list-compat-title {
font-size: 16px;
font-weight: bold; }
HTML[data-doctype=true] .tabs {
list-style: none;
margin: 0; }
HTML[data-doctype=true] .tabs li {
position: relative;
display: block;
vertical-align: middle;
z-index: 1;
height: 32px;
height: 3.2rem;
margin-right: 20px;
margin-right: 2rem;
margin-top: 2px;
margin-top: 0.2rem;
line-height: 22px;
line-height: 2.2rem;
padding: 0;
box-sizing: border-box;
border-top: 3px solid #cbcbcb;
border-right-width: 0;
background-color: #e6e9eb;
color: #333;
cursor: pointer; }
HTML[data-doctype=true] .tabs li.selected {
background-color: #ffffff;
z-index: 2; }
HTML[data-doctype=true] .tab_section > span {
display: block;
margin-top: -1px;
margin-bottom: 5px;
padding: 5px;
border: 1px solid #cbcbcb;
border-radius: 0; }
HTML[data-doctype=true] .tab_section > span nav {
display: none; }
HTML[data-doctype=true] .tabs2_strip {
border-bottom: none;
overflow: hidden;
width: 100%;
min-height: 32px;
z-index: 2; }
HTML[data-doctype=true] .tabs2_strip .tab_header:first-of-type .tabs2_tab {
border-top-left-radius: 3px; }
HTML[data-doctype=true] .tabs2_strip .tab_header:last-of-type .tabs2_tab {
border-right-width: 1px;
border-top-right-radius: 3px; }
HTML[data-doctype=true] .tabs2_strip .tab_header .tabs2_tab {
border-top-left-radius: 0;
border-top-right-radius: 0; }
HTML[data-doctype=true] .tabs2_strip .tab_header .tabs2_tab.last_tab_closure {
border-right-width: 1px;
border-top-right-radius: 3px; }
HTML[data-doctype=true] .tabs2_strip .tab_spacer {
display: none; }
HTML[data-doctype=true] .tabs2_strip .tabs2_tab {
border-top: 3px solid #cbcbcb;
border-right-width: 0;
background-color: #e6e9eb;
color: #2e2e2e; }
HTML[data-doctype=true] .tabs2_strip .tabs2_tab.tabs2_active {
background-color: #ffffff;
border-bottom: transparent;
border-top-color: #1f8476;
font-weight: 500; }
HTML[data-doctype=true] .tabs2_strip .tabs2_tab.tabs2_active:hover {
border-bottom: transparent; }
HTML[data-doctype=true] .tabs2_strip .tabs2_tab:hover, HTML[data-doctype=true] .tabs2_strip .tabs2_tab:focus {
border-top-color: #1f8476; }
HTML[data-doctype=true] .tabs2_strip .tabs2_tab:focus {
border-color: #1f8476;
outline: 0;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #1f8476;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #1f8476;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #1f8476; }
HTML[data-doctype=true] .tabs2_strip {
margin-bottom: -1px; }
HTML[data-doctype=true] .tabs2_strip_deferred {
padding-left: 5px;
padding-right: 2px; }
HTML[data-doctype=true] .tabs2_strip_default {
padding-right: 2px; }
HTML[data-doctype=true] .tabs2_wrapper_default {
margin: 0px;
padding: 0px; }
HTML[data-doctype=true].compact div.tabs2_strip {
min-height: 24px; }
HTML[data-doctype=true].compact div.tabs2_strip .tabs2_tab {
height: 24px;
border-left: 1px solid #999999;
padding: 0 2px 2px 2px; }
HTML[data-doctype=true].compact div.tabs2_strip .tabs2_tab:before {
left: -2px;
top: 0; }
HTML[data-doctype=true].compact div.tabs2_strip .tabs2_tab:after {
right: -6px;
top: 0; }
HTML[data-doctype=true] .sn-flexbox, HTML[data-doctype=true] TD.input_controls, HTML[data-doctype=true] .flex-row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
HTML[data-doctype=true] .percent_complete_wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
border: none;
background-color: transparent; }
HTML[data-doctype=true] .percent_complete_wrapper .percent_complete_total {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #cbcbcb;
position: relative; }
HTML[data-doctype=true] .percent_complete_wrapper .percent_complete_total > * {
position: absolute;
height: 100%; }
HTML[data-doctype=true] .percent_complete_wrapper .percent_complete_text {
min-width: 50px;
text-align: right;
padding-right: 5px;
padding-right: 0.5rem; }
HTML[data-doctype=true] .percent_complete_wrapper .percent_complete_actual {
background-color: #1f8476;
display: inline-block; }
HTML[data-doctype=true] .percent_complete_wrapper .percent_complete_target {
background-color: #666666; }
HTML[data-doctype=true] .msie9 .percent_complete_wrapper,
HTML[data-doctype=true] .msie10 .percent_complete_wrapper {
display: table; }
HTML[data-doctype=true] .msie9 .percent_complete_wrapper .percent_complete_text, HTML[data-doctype=true] .msie9 .percent_complete_wrapper .percent_complete_total,
HTML[data-doctype=true] .msie10 .percent_complete_wrapper .percent_complete_text,
HTML[data-doctype=true] .msie10 .percent_complete_wrapper .percent_complete_total {
display: table-cell; }
HTML[data-doctype=true] .msie9 .percent_complete_wrapper .percent_complete_text .percent_complete_actual, HTML[data-doctype=true] .msie9 .percent_complete_wrapper .percent_complete_total .percent_complete_actual,
HTML[data-doctype=true] .msie10 .percent_complete_wrapper .percent_complete_text .percent_complete_actual,
HTML[data-doctype=true] .msie10 .percent_complete_wrapper .percent_complete_total .percent_complete_actual {
position: relative; }
HTML[data-doctype=true] .personalize_form_hide_field {
color: #c83c36;
line-height: 8px;
line-height: 0.8rem;
padding: 4px;
padding: 0.4rem; }
HTML[data-doctype=true] .personalize_form_hide_field:hover {
text-decoration: none; }
HTML[data-doctype=true] .personalize_hover {
background-color: #e6e9eb;
border-collapse: collapse; }
HTML[data-doctype=true] .personalize_hover td {
background-color: #e6e9eb; }
HTML[data-doctype=true] .form-settings-container {
display: none;
overflow: auto;
min-width: 265px;
padding-right: 14px;
margin: -9px -14px; }
HTML[data-doctype=true] .form-settings-container .heading-wrapper {
border-bottom: 1px solid #e6e9eb;
margin-right: -14px;
padding: 7px; }
HTML[data-doctype=true] .form-settings-container .heading-wrapper h1 {
display: inline-block;
font-size: 19px;
font-weight: bold;
margin: 0px;
padding-top: 4px; }
HTML[data-doctype=true] .form-settings-container legend {
width: 100%; }
HTML[data-doctype=true] .form-settings-container label, HTML[data-doctype=true] .form-settings-container legend {
padding-left: 7px; }
HTML[data-doctype=true] .form-settings-container .popover-body {
margin-top: 10px; }
HTML[data-doctype=true] .form-settings-container .popover-body .form-settings-fieldset {
position: relative; }
HTML[data-doctype=true] .form-settings-container .popover-body .form-settings-fieldset .personalize_form_fields {
margin-right: 5px; }
HTML[data-doctype=true] .form-settings-container .popover-body .form-settings-fieldset .personalize_form_fields .checkbox-label {
width: 100%;
padding-left: 15px; }
HTML[data-doctype=true] .form-settings-container .popover-body .form-settings-fieldset .personalize_form_fields .checkbox-label:before {
float: right; }
HTML[data-doctype=true] #header_attachment_list {
height: auto; }
HTML[data-doctype=true] #header_attachment div#more_attachments {
line-height: 2;
bottom: 0; }
HTML[data-doctype=true] tr.attachmentRow input[type=file] {
width: 100%;
margin: 6px 0; }
HTML[data-doctype=true] #current_attachments .current-attachments-container,
HTML[data-doctype=true] #current_attachments .current-attachments-footer {
margin-top: 16px; }
HTML[data-doctype=true] #not_available_files_header {
padding-top: 16px; }
HTML[data-doctype=true] #output_messages > .close {
opacity: 0.7;
margin-top: 5px;
font-size: 20px;
margin-right: 10px; }
HTML[data-doctype=true] .outputmsg {
font-size: 13px;
line-height: 1.42857; }
HTML[data-doctype=true] .outputmsg.notification {
line-height: inherit;
margin-bottom: 5px; }
HTML[data-doctype=true] .script-editor-toolbar.btn-group-sm > a.btn:not(.btn-icon):not(.btn-lg):not(.btn-sm) {
padding: 2px 8px !important; }
HTML[data-doctype=true] .script-editor-toolbar.btn-group-xs > a.btn:not(.btn-icon):not(.btn-lg):not(.btn-sm) {
padding: 1px 5px !important; }
HTML[data-doctype=true] .script-editor-toolbar.btn-group > a.btn:last-of-type {
margin-right: 5px; }
HTML[data-doctype=true] BODY.non_standard_lists input.list_header_search_toggle {
display: none; }
HTML[data-doctype=true] BODY.non_standard_lists tr.list_header_search_row {
display: none; }
HTML[data-doctype=true] #clone_table button.list_header_search_toggle {
display: none; }
HTML[data-doctype=true] DIV.list_header_search {
display: none; }
HTML[data-doctype=true] tr.list_header_search_row {
display: none; }
HTML[data-doctype=true] TABLE.list_header_search DIV.list_header_search {
display: block; }
HTML[data-doctype=true] table.list_header_search tr.list_header_search_row {
display: table-row; }
HTML[data-doctype=true] .input-group-transparent input.form-control.form-control-search.list_header_search {
font-weight: normal;
border-radius: 3px; }
HTML[data-doctype=true] BUTTON[name*=vcr_] {
vertical-align: baseline;
font-size: 13px !important; }
HTML[data-doctype=true] BUTTON[name=vcr_first] {
margin-right: 0; }
HTML[data-doctype=true] BUTTON[name=vcr_back] {
margin-right: 10px;
margin-right: 0;
margin-left: 0; }
HTML[data-doctype=true] BUTTON[name=vcr_next] {
margin-left: 10px;
margin-left: 0;
margin-right: 0; }
HTML[data-doctype=true] BUTTON[name=vcr_last] {
margin-right: 5px;
margin-left: 0; }
HTML[data-doctype=true] DIV.vcr_controls {
display: inline-block;
vertical-align: middle;
padding: 0px 10px;
border-left: none;
border-right: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
HTML[data-doctype=true] .vcr_controls_bottom {
padding-right: 13px; }
HTML[data-doctype=true] .gauge-count-table {
margin: 4px 0; }
HTML[data-doctype=true] .gauge-count-table img {
margin-inline-start: 10px;
margin-inline-end: 6px; }
HTML[data-doctype=true] .gauge-count-table a,
HTML[data-doctype=true] .gauge-count-table label {
margin: 0; }
HTML[data-doctype=true] .gauge-count-table a + label,
HTML[data-doctype=true] .gauge-count-table label + label {
margin-inline-start: 4px; }
HTML[data-doctype=true] table.drag_section_picker, HTML[data-doctype=true] table.drag_section_picker > tbody > tr, HTML[data-doctype=true] table.drag_section_picker > tbody > tr > td, HTML[data-doctype=true] table.drag_section_header, HTML[data-doctype=true] table.drag_section_header > tbody > tr, HTML[data-doctype=true] table.drag_section_header > tbody > tr > td {
border-spacing: 2px;
border-collapse: separate; }
HTML[data-doctype=true] table.drag_section_picker tbody > tr > td > h1, HTML[data-doctype=true] table.drag_section_header tbody > tr > td > h1 {
font-size: 13px;
margin: 2px;
font-weight: bold; }
HTML[data-doctype=true] .timingDiv .patterns_svg {
display: none; }
HTML[data-doctype=true] .timing_span .table_svg, HTML[data-doctype=true] .timing_span .breakdown_svg, HTML[data-doctype=true] .timing_span .wrapper_div {
display: none; }
@media (forced-colors: active), (-ms-high-contrast: active) {
HTML[data-doctype=true] .timingDiv .patterns_svg {
display: block; }
HTML[data-doctype=true] .timingDiv .pattern_stroke {
stroke: ButtonText; }
HTML[data-doctype=true] .timing_span .breakdown_svg, HTML[data-doctype=true] .timing_span .wrapper_div {
display: block; }
HTML[data-doctype=true] .timing_span .table_svg {
display: block;
position: absolute;
top: 0;
left: 0; }
HTML[data-doctype=true] .timing_span .timing_graph span {
outline: 1px solid transparent;
outline-color: ButtonText; }
HTML[data-doctype=true] .timing_span .timing_breakdown .timing_network, HTML[data-doctype=true] .timing_span .timing_breakdown .timing_server, HTML[data-doctype=true] .timing_span .timing_breakdown .timing_browser {
outline: 1px solid transparent;
outline-color: ButtonText; }
HTML[data-doctype=true] .timing_span .wrapper_div {
width: 100%;
height: 100%;
position: relative; }
@-moz-document url-prefix() {
HTML[data-doctype=true] .timing_span .wrapper_div {
display: inline-table; } } }
HTML[data-doctype=true] #page_timing_div {
display: flex;
flex-direction: row;
justify-content: flex-end; }
HTML[data-doctype=true] #page_timing_div .btn-response-time {
padding: 5px; }
HTML[data-doctype=true] .timingGraphDiv {
margin-bottom: 10px; }
HTML[data-doctype=true] .timing_graph, HTML[data-doctype=true] .timing_breakdown {
display: table;
width: 100%; }
HTML[data-doctype=true] .timing_graph td:first-child, HTML[data-doctype=true] .timing_breakdown td:first-child {
width: 3px; }
@media (forced-colors: active), (-ms-high-contrast: active) {
HTML[data-doctype=true] .timing_graph td:first-child, HTML[data-doctype=true] .timing_breakdown td:first-child {
width: 10px;
height: 1px; }
@-moz-document url-prefix() {
HTML[data-doctype=true] .timing_graph td:first-child, HTML[data-doctype=true] .timing_breakdown td:first-child {
height: 100%; } } }
HTML[data-doctype=true] .timing_graph span, HTML[data-doctype=true] .timing_breakdown span {
display: table-cell;
height: 10px;
min-width: 10px; }
HTML[data-doctype=true] .timing_graph .timing_label, HTML[data-doctype=true] .timing_breakdown .timing_label {
padding-left: 5px; }
HTML[data-doctype=true] .timing_graph .timing_network, HTML[data-doctype=true] .timing_breakdown .timing_network {
background-color: #e0543f; }
HTML[data-doctype=true] .timing_graph .timing_server, HTML[data-doctype=true] .timing_breakdown .timing_server {
background-color: #ffbc00; }
HTML[data-doctype=true] .timing_graph .timing_browser, HTML[data-doctype=true] .timing_breakdown .timing_browser {
background-color: #10adab; }
HTML[data-doctype=true] .timing_graph .page_timing_expand, HTML[data-doctype=true] .timing_breakdown .page_timing_expand {
padding: 0 5px; }
HTML[data-doctype=true] .table-timing-detail .page_timing_child td:first-child {
padding-inline-start: .5rem; }
HTML[data-doctype=true] .table-timing-detail td {
min-width: 5px; }
HTML[data-doctype=true] .table-timing-detail td:last-child {
white-space: nowrap;
vertical-align: top; }
HTML[data-doctype=true] .timing_graph {
padding-right: 5px; }
HTML[data-doctype=true] .timing_graph, HTML[data-doctype=true] .timing_graph span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.rtl HTML[data-doctype=true] .timing_graph {
padding-left: 5px; }
.rtl HTML[data-doctype=true] .timing_graph .timing_label, .rtl HTML[data-doctype=true] .timing_breakdown .timing_label {
padding-right: 5px; }
HTML[data-doctype=true] .color-swatch-preview {
margin-left: 0;
cursor: default;
transition: background-color 0.5s ease;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-ms-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease; }
HTML[data-doctype=true] .image_visible {
margin-right: 5px; }
HTML[data-doctype=true] #tags_menu {
min-height: 0;
width: auto; }
HTML[data-doctype=true] #form_tags {
display: none;
clear: both;
-moz-transition: max-height 0.5s ease-in;
-o-transition: max-height 0.5s ease-in;
-webkit-transition: max-height 0.5s ease-in;
transition: max-height 0.5s ease-in; }
HTML[data-doctype=true] #tags_number.badge {
top: -3px;
margin-left: 4px; }
HTML[data-doctype=true] ul.tagit {
margin: 5px 0 1px 5px;
padding: 1px 3px 0px 4px;
border: 1px solid #e6e9eb;
border-radius: 3px;
background-color: #fff;
color: #2e2e2e; }
HTML[data-doctype=true] ul.tagit .tagit-share-group {
background-color: #455464; }
HTML[data-doctype=true] ul.tagit .tagit-share-user {
background-color: #828890; }
HTML[data-doctype=true] ul.tagit li.tagit-choice {
border-radius: 3px;
line-height: 20px;
background: none;
background-color: #1f8476;
color: #ffffff;
font-weight: normal;
white-space: nowrap; }
HTML[data-doctype=true] ul.tagit li.tagit-choice .tagit-label {
font-size: 12px;
margin-left: 6px; }
HTML[data-doctype=true] ul.tagit li.tagit-choice .tagit-label:hover {
text-decoration: underline; }
HTML[data-doctype=true] ul.tagit li.tagit-choice a.tagit-close {
text-decoration: none;
color: #ffffff; }
HTML[data-doctype=true] ul.tagit li.tagit-choice .tagit-close {
right: .4em;
font-size: 12px; }
HTML[data-doctype=true] ul.tagit li.tagit-choice .ui-icon {
display: none; }
HTML[data-doctype=true] ul.tagit li.tagit-choice .tagit-close .text-icon {
display: inline; }
HTML[data-doctype=true] ul.tagit .tagit-share {
font-size: 18px; }
HTML[data-doctype=true] ul.tagit li.tagit-choice-editable {
padding: 2px 3px;
padding-right: 22px; }
HTML[data-doctype=true] ul.tagit .ui-autocomplete-input {
font-size: 13px;
font-weight: normal; }
HTML[data-doctype=true] td.vt ul.tagit {
margin: -3px 0 -7px; }
HTML[data-doctype=true].compact ul.tagit {
padding: 0 2px; }
HTML[data-doctype=true].compact ul.tagit li.tagit-new {
padding: 1px; }
HTML[data-doctype=true].compact ul.tagit li.tagit-choice {
margin: 2px 2px 2px 0;
line-height: 16px; }
HTML[data-doctype=true].compact ul.tagit .tagit-share {
font-size: 14px; }
HTML[data-doctype=true] .glide-list {
display: table;
width: 100%;
border-collapse: separate;
box-sizing: border-box;
border-spacing: 0; }
HTML[data-doctype=true] .glide-list .button-column {
vertical-align: top;
display: table-cell;
width: 32px; }
HTML[data-doctype=true] .glide-list .button-column BUTTON.btn, HTML[data-doctype=true] .glide-list .button-column a.btn {
width: 32px;
height: 32px;
margin-left: 1px;
margin-top: 3px;
align-items: center; }
HTML[data-doctype=true] .glide-list .button-column BUTTON.btn:first-child, HTML[data-doctype=true] .glide-list .button-column a.btn:first-child {
margin-top: 0; }
HTML[data-doctype=true] .glide-list label {
display: block; }
HTML[data-doctype=true] .glide-list SELECT {
height: 172px;
display: table-cell;
clear: both; }
HTML[data-doctype=true] .container-list-wrapper.-ios-multiselect {
background: #ffffff;
border-radius: 3px;
border: 1px solid #cbcbcb;
color: #1f8476;
overflow: hidden;
position: relative;
width: 100%; }
HTML[data-doctype=true] .container-list-wrapper.-ios-multiselect select {
height: 100%;
left: 0;
margin: 0;
min-height: 100%;
opacity: 0;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
width: 100%; }
HTML[data-doctype=true] .container-list-wrapper.-ios-multiselect option,
HTML[data-doctype=true] .container-list-wrapper.-ios-multiselect .list-item {
display: block;
min-height: 1.2rem;
overflow: hidden;
padding: 0px 2px;
text-align: left;
white-space: nowrap;
width: 100%; }
HTML[data-doctype=true] .container-list-wrapper.-ios-multiselect option.selected-item,
HTML[data-doctype=true] .container-list-wrapper.-ios-multiselect .list-item.selected-item {
background: #1f8476;
color: #ffffff; }
HTML[data-doctype=true] .container-list-wrapper.-ios-multiselect .option-counter {
background: #cbcbcb;
bottom: 0;
left: 0;
line-height: 1;
overflow: hidden;
position: absolute;
text-align: left;
white-space: nowrap; }
HTML[data-doctype=true] .msedge .glide-list {
display: table;
table-layout: fixed; }
HTML[data-doctype=true] .msie9 .vsplit .glide-list > select {
display: inline-block;
clear: none; }
HTML[data-doctype=true].compact .button-column BUTTON.btn, HTML[data-doctype=true].compact .button-column a.btn {
width: auto;
height: auto;
margin-left: 7px; }
HTML[data-doctype=true].compact span[id$='watch_list_edit'] select[multiple].form-control {
min-height: 100%;
height: 135px; }
HTML[data-doctype=true] .slushbucket-col-left {
transition: margin-left 0.3s ease-in;
transition: margin-left 0.3s ease-in;
transition: margin-left 0.3s ease-in;
transition: margin-left 0.3s ease-in; }
HTML[data-doctype=true] .slushbucket-top {
display: table-row; }
HTML[data-doctype=true] .msedge .slushbucket-top {
display: table;
table-layout: fixed;
width: 100%; }
HTML[data-doctype=true] .slushbucket-option-force-display-block {
display: block !important; }
HTML[data-doctype=true] .slushbucket .caption {
font-size: 18px; }
HTML[data-doctype=true] .slushbucket .glide-list select {
height: 300px; }
HTML[data-doctype=true] .slushbucket .glide-list select option {
overflow: hidden;
text-overflow: ellipsis; }
@media (min-width: 550px) and (max-width: 800px) {
HTML[data-doctype=true] .slushbucket .glide-list select {
max-width: 195px; } }
@media (min-width: 800px) and (max-width: 1200px) {
HTML[data-doctype=true] .slushbucket .glide-list select {
max-width: 260px; } }
@media (min-width: 1200px) {
HTML[data-doctype=true] .slushbucket .glide-list select {
max-width: 330px; } }
HTML[data-doctype=true] .slushbucket .msedge .glide-list .form-group {
width: calc(100% - 47px); }
HTML[data-doctype=true] .slushbucket .button-column {
position: relative;
padding-left: 15px;
vertical-align: middle; }
HTML[data-doctype=true] .slushbucket .button-column > a {
margin-bottom: 5px; }
HTML[data-doctype=true] .slushbucket .msedge .button-column {
box-sizing: content-box; }
HTML[data-doctype=true] .slushbucket .section .button-column {
left: -25px; }
HTML[data-doctype=true] .slushbucket .glide-list label,
HTML[data-doctype=true] .slushbucket-relationship label.for-select {
font-weight: bold; }
HTML[data-doctype=true] #relationship_slushbucket tbody#gcond_filters table.sn-filter-clause {
border: none;
border-collapse: separate;
border-spacing: 2px; }
HTML[data-doctype=true] #relationship_slushbucket table {
background-color: transparent; }
HTML[data-doctype=true] .slushbucket-aside {
margin: 25px 15px;
padding: 6px 25px; }
HTML[data-doctype=true] .slushbucket-aside .row.form-group {
margin-top: 15px; }
HTML[data-doctype=true] #recordpreview td:nth-child(2), HTML[data-doctype=true] .slushbucket-record-preview td:nth-child(2) {
padding-top: 4px; }
HTML[data-doctype=true] .modal[data-readonly=true] .modal-header .close {
display: none; }
HTML[data-doctype=true] .modal .modal-header .close {
opacity: 1;
color: #666666; }
HTML[data-doctype=true] .modal .modal-header .close:hover, HTML[data-doctype=true] .modal .modal-header .close:focus {
color: #2e2e2e; }
HTML[data-doctype=true] .modal .modal-header .help {
display: none;
color: #1f8476; }
HTML[data-doctype=true] .modal[data-has-help=true] .modal-header .help {
display: inline; }
HTML[data-doctype=true] DIV.popup {
background: #ffffff;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 4px 23px 5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 4px 23px 5px;
box-shadow: rgba(0, 0, 0, 0.2) 0 4px 23px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: none;
padding-left: 10px;
padding-right: 10px; }
HTML[data-doctype=true] DIV.popup SPAN.label_description {
visibility: hidden !important; }
HTML[data-doctype=true] DIV.popup_form {
padding: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
overflow: auto;
right: 20px;
top: 40px;
bottom: 20px; }
HTML[data-doctype=true] DIV.popup_form IFRAME {
position: initial;
overflow: auto;
height: 100%;
width: 100%;
border: none; }
HTML[data-doctype=true] .popup, HTML[data-doctype=true] .popup_form {
width: 80%;
max-width: 1024px;
min-width: 640px;
min-height: 300px; }
@media screen and (max-width: 660px) {
HTML[data-doctype=true] .popup, HTML[data-doctype=true] .popup_form {
right: 10px;
left: 10px; } }
HTML[data-doctype=true] .notification_container.panel .notification:last-child {
margin-bottom: 0; }
HTML[data-doctype=true] .notification_container.panel {
-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
HTML[data-doctype=true] .annotation-row[data-annotation-type="Info Box Blue"],
HTML[data-doctype=true] .annotation-row[data-annotation-type="Info Box Red"],
HTML[data-doctype=true] .annotation-row[data-annotation-type="Section Details"],
HTML[data-doctype=true] .annotation-row[data-annotation-type="Text"] {
display: none; }
HTML[data-doctype=true] .annotation[data-annotation-type="Info Box Blue"] div, HTML[data-doctype=true] .annotation[data-annotation-type="Info Box Red"] div, HTML[data-doctype=true] .annotation[data-annotation-type="Section Details"] div, HTML[data-doctype=true] .annotation[data-annotation-type="Text"] div {
border: 1px solid transparent;
border-radius: 3px;
margin-bottom: 6px; }
HTML[data-doctype=true] .annotation[data-annotation-type="Info Box Blue"] div, HTML[data-doctype=true] .annotation[data-annotation-type="Section Details"] div, HTML[data-doctype=true] .annotation[data-annotation-type="Text"] div {
background-color: #b5dde5;
border-color: #6abecf;
color: #1a424b; }
HTML[data-doctype=true] .annotation[data-annotation-type="Info Box Blue"] div hr, HTML[data-doctype=true] .annotation[data-annotation-type="Section Details"] div hr, HTML[data-doctype=true] .annotation[data-annotation-type="Text"] div hr {
border-top-color: #57b6c9; }
HTML[data-doctype=true] .annotation[data-annotation-type="Info Box Blue"] div .alert-link, HTML[data-doctype=true] .annotation[data-annotation-type="Section Details"] div .alert-link, HTML[data-doctype=true] .annotation[data-annotation-type="Text"] div .alert-link {
color: #0d2125;
text-decoration: underline; }
HTML[data-doctype=true] .annotation[data-annotation-type="Info Box Blue"] a, HTML[data-doctype=true] .annotation[data-annotation-type="Info Box Red"] a {
color: #165C53; }
HTML[data-doctype=true] .annotation[data-annotation-type="Info Box Red"] div {
background-color: #ffdadc;
border-color: #c83c36;
color: #64201a; }
HTML[data-doctype=true] .annotation[data-annotation-type="Info Box Red"] div hr {
border-top-color: #b43631; }
HTML[data-doctype=true] .annotation[data-annotation-type="Info Box Red"] div .alert-link {
color: #3c130f;
text-decoration: underline; }
HTML[data-doctype=true] .annotation[data-annotation-type="Section Separator"] div {
min-height: initial;
margin-bottom: 10px;
border: medium none;
border-top: 1px solid #e6e9eb;
background: transparent;
color: #2e2e2e;
font-size: 18px;
padding: 16px 15px; }
HTML[data-doctype=true] .annotation[data-annotation-type="Section Separator"] div.less-padding {
padding: 2px 0 0 4px; }
HTML[data-doctype=true] .annotation .annotation-text {
color: #666666; }
HTML[data-doctype=true] .annotation .annotation-text-bold {
font-weight: bold; }
HTML[data-doctype=true] .lightweight-reference .btn.icon-search,
HTML[data-doctype=true] .lightweight-reference .btn.icon-info,
HTML[data-doctype=true] .lightweight-reference .btn.icon-preview {
font-size: 13px;
line-height: 18px;
vertical-align: text-bottom;
padding: 6px 10px; }
HTML[data-doctype=true] #form_presence_users li {
list-style: none;
margin-bottom: 6px; }
HTML[data-doctype=true] #form_presence_users li:last-child {
margin-bottom: 0; }
HTML[data-doctype=true] #form_presence_users .user-name {
margin-left: 8px; }
HTML[data-doctype=true] .form-presence-users-multiple {
display: inline-block;
vertical-align: middle;
height: 32px; }
HTML[data-doctype=true] .form-presence-users-multiple a {
background-color: #666666; }
HTML[data-doctype=true] .form-presence-users-multiple a:focus {
border: 1px solid #278efc;
border-radius: 50%;
color: #ffffff;
text-decoration: none;
outline: 0; }
HTML[data-doctype=true] .form-presence-users-multiple a:hover {
color: #ffffff;
text-decoration: none; }
HTML[data-doctype=true] .navbar-splitmode {
background-color: #fff;
border-width: 0 0 1px; }
@media (max-width: 550px) {
HTML[data-doctype=true] .navbar-splitmode .navbar-header {
float: left; }
HTML[data-doctype=true] .navbar-splitmode .navbar-right {
float: right; } }
HTML[data-doctype=true] .loading-container, HTML[data-doctype=true] .stopped-container {
width: 400px;
max-width: 95%;
margin: 45px auto;
text-align: center; }
HTML[data-doctype=true] h1.loading-message {
font-size: 20px;
margin-bottom: 45px; }
HTML[data-doctype=true] .loading-indicator {
font-size: 4rem;
width: 4rem;
height: 4rem;
color: #cbcbcb; }
HTML[data-doctype=true] [data-formname=home] table:not(.table), HTML[data-doctype=true] [data-formname=home] td, HTML[data-doctype=true] #homepage_grid table:not(.table), HTML[data-doctype=true] #homepage_grid td {
border-collapse: separate !important; }
HTML[data-doctype=true] [data-formname=home] table:not(.table), HTML[data-doctype=true] #homepage_grid table:not(.table) {
border-spacing: 2px !important; }
HTML[data-doctype=true] [data-formname=home] table#homepage_grid, HTML[data-doctype=true] #homepage_grid table#homepage_grid {
border-spacing: 6px !important; }
HTML[data-doctype=true] [data-formname=home] table.wideDataList.list_table, HTML[data-doctype=true] #homepage_grid table.wideDataList.list_table {
border-collapse: collapse !important; }
HTML[data-doctype=true] [data-formname=home] .page_selector, HTML[data-doctype=true] #homepage_grid .page_selector {
width: 240px; }
HTML[data-doctype=true] [data-formname=home] .refresh_options, HTML[data-doctype=true] #homepage_grid .refresh_options {
width: 120px;
margin-right: 10px; }
HTML[data-doctype=true] [data-formname=home] .home-icon, HTML[data-doctype=true] #homepage_grid .home-icon {
margin: 0 4px; }
HTML[data-doctype=true] [data-formname=home] table.wide table:not(.table), HTML[data-doctype=true] #homepage_grid table.wide table:not(.table) {
border-collapse: collapse !important; }
HTML[data-doctype=true] [data-formname=home] table.wide table:not(.table) .pivot_cell, HTML[data-doctype=true] [data-formname=home] table.wide table:not(.table) .pivot_caption, HTML[data-doctype=true] #homepage_grid table.wide table:not(.table) .pivot_cell, HTML[data-doctype=true] #homepage_grid table.wide table:not(.table) .pivot_caption {
padding: 5px; }
HTML[data-doctype=true] [data-formname=home] .icon.sort-icon.icon-vcr-up, HTML[data-doctype=true] [data-formname=home] .icon.sort-icon.icon-vcr-down, HTML[data-doctype=true] #homepage_grid .icon.sort-icon.icon-vcr-up, HTML[data-doctype=true] #homepage_grid .icon.sort-icon.icon-vcr-down {
position: relative;
top: -2px;
left: 4px;
font-size: 8px; }
HTML[data-doctype=true]:not(.compact) .home-icon, HTML[data-doctype=true]:not(.compact) .home-icon-refresh {
font-size: 1.3em;
color: #cbcbcb; }
HTML[data-doctype=true]:not(.compact) .home-icon:hover, HTML[data-doctype=true]:not(.compact) .home-icon-refresh:hover {
text-decoration: none;
color: #2e2e2e; }
HTML[data-doctype=true]:not(.compact) .home-icon-refresh {
vertical-align: middle;
padding: 4px 8px 2px 8px;
margin-right: 2px; }
HTML[data-doctype=true] button.action_context {
margin: 1px 4px; }
HTML[data-doctype=true] #connectFollowWidget {
margin: 0 4px 0 8px;
min-width: 105px; }
HTML[data-doctype=true] #connectFollowWidget .connect-follow,
HTML[data-doctype=true] #connectFollowWidget .connect-unfollow,
HTML[data-doctype=true] #connectFollowWidget .connect-follow-widget-action-button {
min-width: 80px; }
HTML[data-doctype=true] #connectFollowWidget .connect-follow-widget-action-button .action-button-hover {
display: none; }
HTML[data-doctype=true] #connectFollowWidget .connect-follow-widget-action-button:hover .action-button-label {
display: none; }
HTML[data-doctype=true] #connectFollowWidget .connect-follow-widget-action-button:hover .action-button-hover {
display: inline; }
HTML[data-doctype=true] #notificationFollowWidget .notification-follow-widget-action-button {
min-width: 85px; }
HTML[data-doctype=true] #notificationFollowWidget .notification-follow-widget-action-button .action-button-hover {
display: none; }
HTML[data-doctype=true] #notificationFollowWidget .notification-follow-widget-action-button:hover .action-button-label {
display: none; }
HTML[data-doctype=true] #notificationFollowWidget .notification-follow-widget-action-button:hover .action-button-hover {
display: inline; }
HTML[data-doctype=true] .annotation-tooltip {
display: inline-block; }
HTML[data-doctype=true] textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 64px;
height: 64px;
max-height: 435px; }
HTML[data-doctype=true] textarea.script-field {
min-height: 98px; }
HTML[data-doctype=true] .ui_action_container_overflow > .navbar_ui_actions {
display: block;
text-align: right;
white-space: normal; }
HTML[data-doctype=true] .ui_action_container_overflow > .navbar_ui_actions button {
margin-top: 2px; }
HTML[data-doctype=true] .section_header_content_no_scroll {
position: relative;
height: calc(100% - 60px);
width: auto !important;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
-moz-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
HTML[data-doctype=true] .section_header_content_no_scroll.form_titleless {
top: 0;
height: 100%; }
HTML[data-doctype=true] .section_header_content_no_scroll form {
padding: 0 0 10px 0; }
HTML[data-doctype=true] .section-separator {
position: relative;
display: block; }
HTML[data-doctype=true] .section-separator hr {
position: absolute;
top: 0;
left: 0;
width: 100%; }
HTML[data-doctype=true] .section-separator > .btn {
background-color: #ffffff;
position: relative; }
HTML[data-doctype=true] .field_decoration {
padding: 0 2px; }
HTML[data-doctype=true] .required-marker {
display: none; }
HTML[data-doctype=true] .is-filled .required-marker, HTML[data-doctype=true] .is-required .required-marker, HTML[data-doctype=true] .is-prefilled .required-marker {
display: inline; }
HTML[data-doctype=true] .is-required .input-group-addon,
HTML[data-doctype=true] .is-filled .input-group-addon {
color: #2e2e2e;
background-color: #ffffff;
border-color: #e6e9eb; }
HTML[data-doctype=true] .form-field .input-group-checkbox input.checkbox ~ label.checkbox-label {
margin-top: 5px; }
HTML[data-doctype=true].compact .form-field .input-group-checkbox input.checkbox ~ label.checkbox-label {
margin-top: 0; }
HTML[data-doctype=true] .fieldmsg {
padding: 10px;
margin-top: 6px;
margin-bottom: 0px;
list-style: none; }
HTML[data-doctype=true] #item_table .fieldmsg {
margin: 2px 8px; }
HTML[data-doctype=true] .label-icon {
margin-left: 5px; }
HTML[data-doctype=true] .element-field-list {
word-wrap: break-word;
width: 100%; }
@media (min-width: 800px) and (max-width: 1199px) {
HTML[data-doctype=true] .col-md-1_5 {
width: 12.5%; }
HTML[data-doctype=true] .col-md-offset-1_5 {
margin-left: 12.5%; }
HTML[data-doctype=true][dir=rtl] .col-md-offset-1_5 {
margin-right: 12.5%;
margin-left: 0px; }
HTML[data-doctype=true] .form-horizontal .control-label {
padding-left: 0;
padding-right: 0; }
HTML[data-doctype=true].compact .form-horizontal .control-label, HTML[data-doctype=true].compact .form-horizontal .form-field {
padding-left: 5px;
padding-right: 5px; } }
@media (max-width: 799px) {
HTML[data-doctype=true] .form-group {
margin-bottom: 17px; }
HTML[data-doctype=true] .form-group label {
margin-bottom: 5px; } }
@media (min-width: 1200px) {
HTML[data-doctype=true] .form-group .col-xs-10.col-md-9.form-field {
width: 70.83333%; }
HTML[data-doctype=true] .form-group .col-xs-10.col-md-9.form-field ~ .form-field-addons {
width: 12.5%; } }
@media (min-width: 550px) and (max-width: 799px) {
HTML[data-doctype=true] .form-group .col-xs-10.col-md-9.form-field {
width: 87.5%; }
HTML[data-doctype=true] .form-group .col-xs-10.col-md-9.form-field ~ .form-field-addons {
width: 12.5%; } }
HTML[data-doctype=true] .list_stream_reader {
position: fixed;
right: 0;
top: 50px;
bottom: 0;
width: 400px;
max-width: 90%;
display: block;
background-color: #ffffff;
-moz-box-shadow: rgba(0, 0, 0, 0.1) -5px 0px 4px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) -5px 0px 4px 0px;
box-shadow: rgba(0, 0, 0, 0.1) -5px 0px 4px 0px;
z-index: 20; }
HTML[data-doctype=true] .list_stream_reader iframe {
width: 100%;
margin-top: 2.5rem;
padding-top: 2rem;
height: -webkit-calc(100% - 2.5rem);
height: calc(100% - 2.5rem);
border: 1px solid #cbcbcb; }
HTML[data-doctype=true] .list_stream_reader iframe.show-inputs {
margin-top: 0; }
HTML[data-doctype=true] .list_stream_reader .record-inputs {
margin-top: 4.6rem;
border-left: 1px solid #cbcbcb;
border-right: 1px solid #cbcbcb;
background-color: #e6e9eb; }
HTML[data-doctype=true] .list_stream_reader .list_stream_plank_header {
position: absolute;
top: 0px;
left: -32px;
width: 432px;
height: 4.6rem;
line-height: 4.6rem;
vertical-align: middle;
background-color: #e6e9eb;
color: #2e2e2e;
box-sizing: border-box;
border: 1px solid #cbcbcb;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px; }
HTML[data-doctype=true] .list_stream_reader .list_stream_plank_header button {
vertical-align: middle;
color: #ffffff;
margin-top: -5px; }
HTML[data-doctype=true] .list_stream_reader .list_stream_plank_header .plank_close_button {
margin-top: 0;
color: #2e2e2e;
background-color: #e6e9eb;
border: 0; }
HTML[data-doctype=true] .list_stream_reader .list_stream_plank_header h2 {
display: inline;
margin-left: 20px;
font-size: 1.3em;
font-weight: bold; }
HTML[data-doctype=true] .list_stream_reader .list_stream_plank_header .list_stream_reader_close {
position: relative;
top: -2px;
margin-left: 1.25rem;
font-size: 1.8rem;
cursor: pointer; }
HTML[data-doctype=true] .list_stream_reader .sn-stream-loading {
margin: 15px; }
@media all and (-ms-high-contrast: none) {
HTML[data-doctype=true] *::-ms-backdrop, HTML[data-doctype=true] .sn-list-parent-container .list_stream_reader {
position: absolute; } }
HTML[data-doctype=true] .aside-content .stream-load-right {
overflow: auto; }
HTML[data-doctype=true] .aside-content .list-stream-record {
top: 0; }
HTML[data-doctype=true] .aside-content .list_stream_reader {
position: inherit;
top: auto; }
HTML[data-doctype=true] .aside-content .doctype-stream {
margin-top: 0; }
HTML[data-doctype=true] .table-properties {
table-layout: fixed;
width: 100%; }
HTML[data-doctype=true] .form-group .activity-detail {
padding-top: 7px; }
HTML[data-doctype=true] .activity2-filter {
position: relative;
max-height: 300px; }
HTML[data-doctype=true] .activity2-filter .input-group-checkbox {
display: block;
padding-bottom: 6px; }
HTML[data-doctype=true] .email-formatter {
background-color: #e5ecf9;
padding: 2px 8px; }
HTML[data-doctype=true] #completed_links a.breadcrumb {
line-height: 3; }
HTML[data-doctype=true] body[data-formName="ui_page_render"] {
padding: 5px; }
HTML[data-doctype=true] body[data-formName="ui_page_render"] .navbar {
margin: -5px -5px 5px; }
HTML[data-doctype=true].rtl .input-group .form-control:first-child,
HTML[data-doctype=true].rtl .input-group-addon:first-child,
HTML[data-doctype=true].rtl .input-group-btn:first-child > .btn,
HTML[data-doctype=true].rtl .input-group-btn:first-child > .btn-group > .btn,
HTML[data-doctype=true].rtl .input-group-btn:first-child > .dropdown-toggle,
HTML[data-doctype=true].rtl .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
HTML[data-doctype=true].rtl .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0; }
HTML[data-doctype=true].rtl .input-group-addon:first-child {
border-left: 0;
border-right: 1px solid #cbcbcb; }
HTML[data-doctype=true].rtl .input-group .form-control:last-child,
HTML[data-doctype=true].rtl .input-group-addon:last-child,
HTML[data-doctype=true].rtl .input-group-btn:last-child > .btn,
HTML[data-doctype=true].rtl .input-group-btn:last-child > .btn-group > .btn,
HTML[data-doctype=true].rtl .input-group-btn:last-child > .dropdown-toggle,
HTML[data-doctype=true].rtl .input-group-btn:first-child > .btn:not(:first-child),
HTML[data-doctype=true].rtl .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0; }
HTML[data-doctype=true].rtl .input-group-addon:last-child {
border-left: 1px solid #cbcbcb;
border-right: 0;
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px; }
HTML[data-doctype=true].rtl td.list_group {
text-align: right; }
HTML[data-doctype=true].rtl .pull-right {
float: left !important; }
HTML[data-doctype=true].rtl .pull-left {
float: right !important; }
HTML[data-doctype=true].rtl .popover-body .row, HTML[data-doctype=true].rtl .popover-body .form-group, HTML[data-doctype=true].rtl .popover-body legend {
text-align: left; }
HTML[data-doctype=true].rtl .form-settings-container .popover-body .personalize_form_fields {
margin-right: inherit;
margin-left: 5px; }
HTML[data-doctype=true].rtl .form-settings-container .popover-body .personalize_form_fields .checkbox-label {
width: 100%;
padding-right: inherit;
padding-left: 15px;
text-align: right;
margin: 0 auto; }
HTML[data-doctype=true].rtl .form-settings-container .popover-body .personalize_form_fields .checkbox-label:before {
float: left; }
HTML[data-doctype=true].rtl .form-field {
padding-left: 0;
padding-right: 15px; }
HTML[data-doctype=true].rtl .ng-filter-widget-column .form-field {
padding-right: 0; }
HTML[data-doctype=true].rtl .input_controls .input-group-checkbox .checkbox-label:before {
margin-right: inherit;
margin-left: 14px; }
HTML[data-doctype=true].rtl .input_controls input.phone-number {
direction: ltr;
text-align: right; }
HTML[data-doctype=true].rtl .form-horizontal .control-label, HTML[data-doctype=true].rtl .form-horizontal .form-field, HTML[data-doctype=true].rtl .form-horizontal .form-field-addons {
float: right; }
HTML[data-doctype=true].rtl .form-horizontal .control-label {
text-align: left; }
@media (max-width: 799px) {
HTML[data-doctype=true].rtl .form-horizontal .control-label {
text-align: right; } }
HTML[data-doctype=true].rtl .form-horizontal .form-field-addons, HTML[data-doctype=true].rtl .form-horizontal .form-field {
text-align: right; }
HTML[data-doctype=true].rtl .form-field-addons .btn {
margin-left: 5px; }
HTML[data-doctype=true].rtl TABLE.drag_section SPAN.submenu, HTML[data-doctype=true].rtl DIV.drag_section SPAN.submenu, HTML[data-doctype=true].rtl TABLE.drag_section_picker SPAN.submenu {
text-align: right;
padding-right: 1em; }
HTML[data-doctype=true].rtl TABLE.drag_section SPAN.submenu DIV[moduletype="LIST"], HTML[data-doctype=true].rtl DIV.drag_section SPAN.submenu DIV[moduletype="LIST"], HTML[data-doctype=true].rtl TABLE.drag_section_picker SPAN.submenu DIV[moduletype="LIST"] {
padding-right: .6em; }
HTML[data-doctype=true].rtl tr.list_nav div.vcr_controls span.list_row_number_input {
margin-right: 5px; }
HTML[data-doctype=true].rtl tr.list_nav span button.list_nav.h_flip_content {
direction: ltr; }
HTML[data-doctype=true].rtl tr.list_nav span BUTTON[name=vcr_first] {
margin-left: 0; }
HTML[data-doctype=true].rtl tr.list_nav span BUTTON[name=vcr_last] {
margin-right: 0; }
HTML[data-doctype=true].rtl .nav-wrapper div.app_module {
text-align: right; }
HTML[data-doctype=true].rtl TABLE.drag_section SPAN.submenu, HTML[data-doctype=true].rtl DIV.drag_section SPAN.submenu, HTML[data-doctype=true].rtl TABLE.drag_section_picker SPAN.submenu {
padding-right: 1em; }
HTML[data-doctype=true].rtl TABLE.drag_section SPAN.submenu DIV[moduletype="LIST"], HTML[data-doctype=true].rtl DIV.drag_section SPAN.submenu DIV[moduletype="LIST"], HTML[data-doctype=true].rtl TABLE.drag_section_picker SPAN.submenu DIV[moduletype="LIST"] {
padding-right: .6em; }
HTML[data-doctype=true].rtl table th, HTML[data-doctype=true].rtl table td.vt {
text-align: right; }
HTML[data-doctype=true].rtl table.wide .input-group .form-control:last-child, HTML[data-doctype=true].rtl table.wide .input-group-addon:last-child, HTML[data-doctype=true].rtl table.wide .input-group-btn:last-child > .btn, HTML[data-doctype=true].rtl table.wide .input-group-btn:last-child > .dropdown-toggle, HTML[data-doctype=true].rtl table.wide .input-group-btn:first-child > .btn:not(:first-child) {
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
HTML[data-doctype=true].rtl table.wide .input-group .form-control:first-child, HTML[data-doctype=true].rtl table.wide .input-group-addon:first-child, HTML[data-doctype=true].rtl table.wide .input-group-btn:first-child > .btn, HTML[data-doctype=true].rtl table.wide .input-group-btn:first-child > .dropdown-toggle, HTML[data-doctype=true].rtl table.wide .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
HTML[data-doctype=true].rtl table.wide TD.label, HTML[data-doctype=true].rtl table.wide TD.foreign {
text-align: left; }
HTML[data-doctype=true].rtl table.wide TD.label.label_spacing {
padding-left: 5px;
padding-right: 0; }
HTML[data-doctype=true].rtl table.wide .custom-form-group TD.label.label_spacing {
padding-top: 4px;
padding-bottom: 3px; }
HTML[data-doctype=true].rtl .list_actions_left .list_search_text {
padding-left: 20px;
padding-right: 3px;
margin-right: 5px; }
HTML[data-doctype=true].rtl .list_actions_left .list_search_text + a {
left: auto;
right: -30px; }
HTML[data-doctype=true].rtl .tabs2_strip .tabs2_tab {
border-right-width: 1px; }
HTML[data-doctype=true].rtl .nav-tabs, HTML[data-doctype=true].rtl .tabs2_strip > li, HTML[data-doctype=true].rtl .tabs2_tab {
float: right; }
HTML[data-doctype=true].rtl .process-breadcrumb > li > a {
padding: 14px 30px 12px 14px; }
@media (min-width: 550px) {
HTML[data-doctype=true].rtl .navbar-right {
float: left !important; } }
HTML[data-doctype=true] .delete_confirm_list {
text-align: left; }
HTML[data-doctype=true] .delete_confirm_list .delete_confirm_list_header {
color: tomato;
font-weight: bold;
text-align: center;
font-size: larger; }
HTML[data-doctype=true] .delete_confirm_list > div {
margin: 5px 5px 0px; }
HTML[data-doctype=true] .delete_confirm_list > div:first-child, HTML[data-doctype=true] .delete_confirm_list > div:last-child {
margin: 0; }
HTML[data-doctype=true] .delete_confirm_list .delete_confirm_list_body {
background: #e0e0e0; }
HTML[data-doctype=true] .delete_confirm_list .delete_confirm_list_body > p {
margin: 5px; }
HTML[data-doctype=true] .cascade_del_objs_table {
background: #e0e0e0;
margin: 5px;
margin-bottom: 0px; }
HTML[data-doctype=true] .cascade_del_objs_table table {
background-color: #e0e0e0;
border: 0px; }
HTML[data-doctype=true] .cascade_del_objs_table table .first-cell {
padding-right: 4px;
width: 10px; }
HTML[data-doctype=true] .cascade_del_objs_table table td p {
margin: 0px; }
HTML[data-doctype=true] .tabs2_active {
background-color: #FFFFFF;
border-bottom: 0 solid #FFFFFF;
border-top: 5px solid #1f8476;
font-weight: bold; }
HTML[data-doctype=true] BODY {
color: #2e2e2e;
margin: 0; }
HTML[data-doctype=true] .section-content {
padding-left: 15px;
padding-right: 15px; }
HTML[data-doctype=true] .sn-cloak {
display: none; }
HTML[data-doctype=true] input.button {
margin-right: 5px; }
HTML[data-doctype=true] .button-group INPUT {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-left-width: 0;
margin-right: 0; }
HTML[data-doctype=true] .msie9 .ref-button.icon, HTML[data-doctype=true] .msie10 .ref-button.icon {
line-height: 1.1em;
vertical-align: middle; }
HTML[data-doctype=true] .msie9 .ref-button.icon {
line-height: 1.05em;
vertical-align: middle; }
HTML[data-doctype=true] .btn-ref {
width: 32px;
height: 32px; }
HTML[data-doctype=true].compact .btn-ref {
width: 24px;
height: 24px;
padding: 3.5px 4px !important;
line-height: 1; }
HTML[data-doctype=true].compact .input-group-btn > .btn.btn-ref {
width: 24px;
height: 24px;
padding: 3.5px 4px !important;
line-height: 1; }
HTML[data-doctype=true] .btn-icon-small {
font-size: 14px; }
HTML[data-doctype=true] .btn-icon-white {
background-color: white; }
HTML[data-doctype=true] .ref-button.icon img, HTML[data-doctype=true] a[data-type="glide_element_email"] img {
display: none; }
HTML[data-doctype=true] td[type=user_image].label {
vertical-align: top; }
HTML[data-doctype=true] .user-image-controls {
padding-top: 5px;
vertical-align: top; }
HTML[data-doctype=true] a:not(.btn).attachment {
display: inline-block;
padding: 0;
line-height: 2.4; }
HTML[data-doctype=true] a:not(.btn).web {
display: inline-block;
padding: 0;
line-height: 2.4; }
HTML[data-doctype=true] a:not(.btn).web-inline {
display: inline; }
HTML[data-doctype=true] div.user-image-controls a.web {
padding: 0; }
HTML[data-doctype=true] div.user-image-controls a.attachment {
padding: 0; }
HTML[data-doctype=true] #header_attachment_line {
border-bottom: 1px solid #cbcbcb;
margin-top: 10px;
margin-bottom: 10px; }
HTML[data-doctype=true] #banner_top_right .icon-search {
top: 3px;
left: -1px; }
HTML[data-doctype=true] #banner_top_right .input-group-addon-pull-right.input-group-addon-transparent.icon-vcr-down {
top: 2px;
color: #000000; }
HTML[data-doctype=true] .button-group INPUT:first-child {
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
border-left-width: 1px;
margin-right: 0; }
HTML[data-doctype=true] .button-group INPUT:last-child {
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
border-left-width: 0;
margin-right: 0.8em; }
HTML[data-doctype=true] .button-group INPUT:first-child:last-child {
border-left-width: 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
HTML[data-doctype=true] .form-field {
padding-right: 0; }
HTML[data-doctype=true] .form-field .btn-group {
margin-bottom: 5px; }
HTML[data-doctype=true] .form-field-addons {
padding: 0 5px; }
HTML[data-doctype=true] .form-field-addons > a, HTML[data-doctype=true] .form-field-addons > span, HTML[data-doctype=true] .form-field-addons .overflow-content-container > a, HTML[data-doctype=true] .form-field-addons .overflow-content-container > span {
margin-right: 5px; }
HTML[data-doctype=true] .form-field-addons > a > .btn, HTML[data-doctype=true] .form-field-addons > span > .btn, HTML[data-doctype=true] .form-field-addons .overflow-content-container > a > .btn, HTML[data-doctype=true] .form-field-addons .overflow-content-container > span > .btn {
margin-right: 0; }
HTML[data-doctype=true] .form-field-addons > a:last-child, HTML[data-doctype=true] .form-field-addons > span:last-child, HTML[data-doctype=true] .form-field-addons .overflow-content-container > a:last-child, HTML[data-doctype=true] .form-field-addons .overflow-content-container > span:last-child {
margin-right: 0; }
HTML[data-doctype=true] .form-field-addons .btn {
margin-right: 5px; }
HTML[data-doctype=true] .form-field-addons .btn:last-child {
margin-right: 0; }
HTML[data-doctype=true] BUTTON.form.icon {
font-size: 1.5em;
line-height: 1;
min-height: 0;
min-width: 0;
padding: 0 4px 5px;
border: 1px solid #e6e9eb;
box-sizing: border-box;
color: #666666;
margin-left: 4px;
margin-right: 0;
opacity: .5; }
HTML[data-doctype=true] BUTTON.form.icon:hover {
opacity: 1;
background-color: inherit;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; }
HTML[data-doctype=true] A.linked {
white-space: normal; }
HTML[data-doctype=true] A.linked:focus {
color: #000000;
outline-offset: 2px; }
HTML[data-doctype=true] BODY.submitted {
opacity: 0.5;
position: relative;
transition: opacity 0.3s;
transition: opacity 0.3s;
transition: opacity 0.3s;
transition: opacity 0.3s; }
HTML[data-doctype=true] .msie9 SELECT::-ms-expand, HTML[data-doctype=true] .msie10 SELECT::-ms-expand, HTML[data-doctype=true] .msie11 SELECT::-ms-expand, HTML[data-doctype=true] .windows.chrome SELECT::-ms-expand {
border: none;
background-color: #ffffff; }
HTML[data-doctype=true] .msie9 input[type="text"]:disabled, HTML[data-doctype=true] .msie9 SELECT:disabled, HTML[data-doctype=true] .msie10 input[type="text"]:disabled, HTML[data-doctype=true] .msie10 SELECT:disabled, HTML[data-doctype=true] .msie11 input[type="text"]:disabled, HTML[data-doctype=true] .msie11 SELECT:disabled, HTML[data-doctype=true] .windows.chrome input[type="text"]:disabled, HTML[data-doctype=true] .windows.chrome SELECT:disabled {
color: #4a4a4a;
background-color: #e6e9eb; }
HTML[data-doctype=true] .msie9 input[type="text"]:disabled::-ms-expand, HTML[data-doctype=true] .msie9 SELECT:disabled::-ms-expand, HTML[data-doctype=true] .msie10 input[type="text"]:disabled::-ms-expand, HTML[data-doctype=true] .msie10 SELECT:disabled::-ms-expand, HTML[data-doctype=true] .msie11 input[type="text"]:disabled::-ms-expand, HTML[data-doctype=true] .msie11 SELECT:disabled::-ms-expand, HTML[data-doctype=true] .windows.chrome input[type="text"]:disabled::-ms-expand, HTML[data-doctype=true] .windows.chrome SELECT:disabled::-ms-expand {
background-color: #e6e9eb; }
HTML[data-doctype=true] BUTTON:not(.btn), HTML[data-doctype=true] INPUT.button {
background-color: rgba(255, 255, 255, 0.45);
border: 1px solid #cbcbcb;
color: #2e2e2e;
line-height: 1.42857;
min-width: 2.25em;
min-width: auto\9;
min-height: 2.25em;
min-height: auto\9;
font-weight: normal;
padding: 6px 9px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
HTML[data-doctype=true] BUTTON:not(.btn):hover, HTML[data-doctype=true] INPUT.button:hover {
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px; }
HTML[data-doctype=true] BUTTON:not(.btn):active, HTML[data-doctype=true] INPUT.button:active {
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px inset;
box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px inset; }
HTML[data-doctype=true] BUTTON:not(.btn):disabled, HTML[data-doctype=true] INPUT.button:disabled {
background-color: #e6e9eb;
color: #4a4a4a;
border-color: #cbcbcb; }
HTML[data-doctype=true] BUTTON:not(.btn):hover, HTML[data-doctype=true] INPUT.button:hover {
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px; }
HTML[data-doctype=true] BUTTON:not(.btn).icon-button, HTML[data-doctype=true] INPUT.button.icon-button {
padding: 0;
min-width: 30px;
min-height: initial;
height: 30px;
line-height: 24px;
background-color: transparent;
border: none;
color: #2e2e2e;
margin: 0; }
HTML[data-doctype=true] BUTTON:not(.btn).icon-button:before, HTML[data-doctype=true] INPUT.button.icon-button:before {
font-size: 1.5em;
line-height: initial; }
HTML[data-doctype=true] BUTTON:not(.btn).icon-button:hover, HTML[data-doctype=true] BUTTON:not(.btn).icon-button:active, HTML[data-doctype=true] BUTTON:not(.btn).icon-button:focus, HTML[data-doctype=true] BUTTON:not(.btn).icon-button.selected, HTML[data-doctype=true] INPUT.button.icon-button:hover, HTML[data-doctype=true] INPUT.button.icon-button:active, HTML[data-doctype=true] INPUT.button.icon-button:focus, HTML[data-doctype=true] INPUT.button.icon-button.selected {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
color: #1f8476; }
HTML[data-doctype=true] BUTTON.small {
min-width: 2em;
min-width: auto\9;
font-family: courier;
*min-width: 2em;
min-height: 1.5em;
line-height: 1.5em;
margin-right: 3px;
vertical-align: baseline; }
HTML[data-doctype=true] A.list_action {
background-color: inherit;
border-color: transparent; }
HTML[data-doctype=true] .list-column-icon {
position: relative;
bottom: 1px; }
HTML[data-doctype=true] A.list_header_context {
display: inline-block;
height: 20px;
width: 20px; }
HTML[data-doctype=true] A.list_header_context:hover {
text-decoration: none; }
HTML[data-doctype=true] .context_menu {
position: fixed; }
HTML[data-doctype=true] img[src=""] {
visibility: hidden; }
HTML[data-doctype=true] .sort-icon-padding.icon-sort-ascending, HTML[data-doctype=true] .sort-icon-padding.icon-sort-descending {
padding-right: 3px; }
HTML[data-doctype=true] DIV.related TABLE.list_nav.list_nav_top {
border-top: 2px solid #2e2e2e;
padding-top: 2px; }
HTML[data-doctype=true] .list_nav.list_nav_top {
background: none repeat scroll 0 0 #e6e9eb; }
HTML[data-doctype=true] .list_message_row {
background: #ffffff; }
HTML[data-doctype=true] .list_div.embedded {
border: 1px solid #d4d7db;
border-radius: 3px;
border-top-left-radius: 0;
border-top-right-radius: 0; }
HTML[data-doctype=true] .list_nav_top.embedded {
margin-bottom: 0; }
HTML[data-doctype=true] .list_nav.list_nav_top.hierarchical.list_nav_top_border, HTML[data-doctype=true] .list_nav_bottom .list_decoration.hierarchical {
padding-bottom: 6px; }
HTML[data-doctype=true] BODY.non_standard_lists {
background-color: #ffffff; }
HTML[data-doctype=true] TD.label, HTML[data-doctype=true] TD.input_controls {
min-height: 24px;
box-sizing: border-box;
vertical-align: top; }
HTML[data-doctype=true] TD.input_controls {
-ms-flex-align: center;
align-items: center; }
HTML[data-doctype=true] .msie9 TD.input_controls {
display: block;
min-width: 240px; }
HTML[data-doctype=true] .msie9 TD.input_controls .input-group, HTML[data-doctype=true] .msie9 TD.input_controls .input-group ~ a, HTML[data-doctype=true] .msie9 TD.input_controls .input-group ~ a > *, HTML[data-doctype=true] .msie9 TD.input_controls .input-group ~ span {
float: left; }
HTML[data-doctype=true] .msie9 TD.input_controls .flex-row > *:not(script) {
display: table-cell; }
HTML[data-doctype=true] .msie9 TD.input_controls .flex-row input {
width: inherit !important; }
HTML[data-doctype=true] TD.list_nav_top {
min-height: 35px;
box-sizing: border-box;
padding-bottom: 1px; }
HTML[data-doctype=true] TD.list_nav_top BUTTON {
margin-top: 0; }
HTML[data-doctype=true] tr.list_header .list_header_search_toggle {
height: 18px;
width: 14px;
border: none;
padding: 0; }
HTML[data-doctype=true] .list_header_search_disabled tr.list_header .list_header_search_toggle {
opacity: 0.3; }
HTML[data-doctype=true] .list_header_search_disabled .list_header_search_toggle {
background: none;
cursor: auto;
color: #cfcfcf; }
HTML[data-doctype=true] tr[data-display-row=false] {
height: 0; }
HTML[data-doctype=true] tr[data-display-row=false] td {
padding: 0;
height: 0; }
HTML[data-doctype=true] input.list_header_search.wide {
width: 100%; }
HTML[data-doctype=true] input.list_header_search[disabled] {
opacity: 0.5; }
HTML[data-doctype=true] A.navigation_link {
color: #1f8476;
text-decoration: underline;
padding-bottom: 2px;
outline-offset: 2px; }
HTML[data-doctype=true] TD.related_links {
font-size: 1.2em;
color: #2e2e2e; }
HTML[data-doctype=true] .drag_section_header, HTML[data-doctype=true] SELECT:not([readonly="readonly"]) {
color: #2e2e2e; }
HTML[data-doctype=true] .drag_section_header {
background-color: #ffffff; }
HTML[data-doctype=true] BUTTON.header {
text-align: center; }
HTML[data-doctype=true] .drag_section, HTML[data-doctype=true] .drag_section_hilight_neighbors {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border-spacing: 0;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0;
box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0; }
HTML[data-doctype=true] TD.label, HTML[data-doctype=true] TD.foreign {
text-align: right; }
HTML[data-doctype=true] td.label {
width: 1%;
min-width: 150px;
display: table-cell;
padding: 6px 6px 0;
font-size: 13px; }
HTML[data-doctype=true] label.label-inline {
display: inline; }
HTML[data-doctype=true] TD.label.label_spacing {
padding-right: 5px; }
HTML[data-doctype=true] .custom-form-group TD.label.label_spacing {
padding-top: 4px;
padding-bottom: 3px; }
HTML[data-doctype=true] TD.label.label_spacing label, HTML[data-doctype=true] TD.label > LABEL, HTML[data-doctype=true] TD.foreign > LABEL {
width: 140px;
display: inline-block;
font-weight: 600;
overflow: hidden;
white-space: normal;
word-wrap: break-word; }
HTML[data-doctype=true] div.ac_dropdown .ac_header {
white-space: nowrap;
background-color: #e6e9eb;
font-weight: bold; }
HTML[data-doctype=true] FORM .counter {
font-size: .8em;
font-weight: normal;
color: #BBB;
display: block;
padding-bottom: .4em; }
HTML[data-doctype=true] FORM .counter.warning {
color: #600; }
HTML[data-doctype=true] FORM .counter.exceeded {
color: #e00; }
HTML[data-doctype=true] TD.label, HTML[data-doctype=true] TD.label_right, HTML[data-doctype=true] TD.label_left, HTML[data-doctype=true] TD.foreign {
background-color: #ffffff;
color: #2e2e2e; }
HTML[data-doctype=true] TD.label_left.ci_relations {
background-color: #e6e9eb; }
HTML[data-doctype=true] TD.label_left.ci_relations table.label_left, HTML[data-doctype=true] TD.label_left.ci_relations td.label_right {
background-color: transparent; }
HTML[data-doctype=true] TR.header {
background-color: #e6e9eb;
color: #2e2e2e; }
HTML[data-doctype=true] DIV.caption {
background-color: #cbcbcb;
color: #2e2e2e; }
HTML[data-doctype=true] FORM#loginPage DIV.caption {
color: white;
background-color: rgb(102, 153, 204);
padding-top: 4px;
padding-bottom: 4px;
margin-bottom: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; }
HTML[data-doctype=true] FORM#reportform_control input[type=radio] {
margin-left: 5px;
margin-top: 3px;
margin-right: 3px; }
HTML[data-doctype=true] FORM#reportform_control input[type=checkbox] {
margin-left: 6px;
margin-top: 3px;
margin-right: 3px;
margin-bottom: 3px; }
HTML[data-doctype=true] TD.column_head, HTML[data-doctype=true] TH.column_head {
color: #2e2e2e;
font-weight: bold;
white-space: nowrap; }
HTML[data-doctype=true] H1.form_header {
border: none;
color: #2e2e2e;
user-select: text; }
HTML[data-doctype=true] H1.form_header .form_display_value:not(:empty):before {
content: ' - '; }
HTML[data-doctype=true] H1.form_header.navbar-title-twoline {
display: inline-block;
margin: 2px 0 2px 5px; }
HTML[data-doctype=true] H1.form_header .navbar-title-caption {
display: inline-block; }
HTML[data-doctype=true] H1.form_header .navbar-title-display-value {
font-weight: normal;
overflow: hidden;
text-overflow: ellipsis; }
HTML[data-doctype=true].compact h1.form_header .navbar-title-display-value:not(.navbar-title-new-record) {
font-weight: bold; }
HTML[data-doctype=true].compact h1.form_header .navbar-title-caption:not(.navbar-title-new-record) {
display: none; }
HTML[data-doctype=true] TR.list_header th, HTML[data-doctype=true] TR.list_header.hierarchical th.hierarchical, HTML[data-doctype=true] TR.list_header td {
background-color: #e6e9eb;
color: #2e2e2e;
line-height: 1.8em; }
HTML[data-doctype=true] TR.list_header.hierarchical[data-show_column_header='false'] + tr.list_header_search_row {
display: none; }
HTML[data-doctype=true] #hdr_incident TH {
white-space: nowrap; }
HTML[data-doctype=true] TH.list_hdrcell A.column_head {
background-color: transparent;
color: #2e2e2e; }
HTML[data-doctype=true] #cell_edit_window input[type=image] {
padding: 0; }
HTML[data-doctype=true] TABLE.menutitle {
border: 1px solid #bbbbbb;
color: #2e2e2e; }
HTML[data-doctype=true] INPUT.home_title {
border: none; }
HTML[data-doctype=true] DIV.caption, HTML[data-doctype=true] A.caption_link, HTML[data-doctype=true] A.caption_link_chevron {
background-color: inherit;
color: #2e2e2e; }
HTML[data-doctype=true] IMG.section_toggle, HTML[data-doctype=true] SPAN.section_toggle {
cursor: pointer;
margin: 0; }
HTML[data-doctype=true] SPAN.section_toggle {
font-weight: 600;
color: #2e2e2e; }
HTML[data-doctype=true] .windows.chrome SPAN.section_toggle {
font-weight: 700; }
HTML[data-doctype=true] .header .icon-chevron-left {
font-size: 17px; }
HTML[data-doctype=true] .menu-button:not(.btn) {
margin-top: 0;
min-width: inherit;
min-height: inherit;
background-color: transparent;
color: #2e2e2e;
border: none;
font-size: 17px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
margin-left: 0;
line-height: 17px; }
HTML[data-doctype=true] .menu-button:not(.btn):hover, HTML[data-doctype=true] .menu-button:not(.btn):active, HTML[data-doctype=true] .menu-button:not(.btn):focus {
background-color: transparent;
color: #2e2e2e;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none; }
HTML[data-doctype=true] .list_actions_left .list_search_title {
vertical-align: middle; }
HTML[data-doctype=true] .list_actions_left .menu-button {
margin-left: 5px;
margin-top: -3px; }
HTML[data-doctype=true] INPUT.list_row_number_input {
vertical-align: baseline;
width: 4em;
line-height: 1em;
padding-top: 2px;
padding-bottom: 2px; }
HTML[data-doctype=true] table.wide IMG {
opacity: .6; }
HTML[data-doctype=true] table.wide IMG:hover {
opacity: 1; }
HTML[data-doctype=true] table.wide IMG.chart {
opacity: 1; }
HTML[data-doctype=true] table.filter_load_icon tbody {
display: none; }
HTML[data-doctype=true] table.filter_load_icon:before {
content: " ";
color: white;
background-image: url("/images/loading_tree_anim.gifx");
background-repeat: no-repeat;
background-position: center;
display: inline-block;
height: 16px;
width: 16px;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
padding: 5px 0 1px 5px;
text-decoration: inherit;
text-transform: none; }
HTML[data-doctype=true] body.non_standard_lists table.wide IMG {
opacity: 1; }
HTML[data-doctype=true] TR.list_row_detail {
font-weight: 700; }
HTML[data-doctype=true] TD.vt {
vertical-align: middle;
padding: 6px 6px 6px 7px;
text-align: left; }
HTML[data-doctype=true] tr.list_row_compact td.vt {
padding: 3px 3px 3px 7px; }
HTML[data-doctype=true] TD.vt > DIV {
margin-bottom: 2px;
margin-right: 3px; }
HTML[data-doctype=true] TD.vt > DIV.list2_cell_background {
margin-right: 6px;
width: 8px;
height: 8px;
display: inline-block;
vertical-align: middle;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; }
HTML[data-doctype=true] TD.vt > DIV.list2_cell_background.list2_cell_image {
width: 16px;
height: 16px;
-moz-border-radius: none;
-webkit-border-radius: none;
border-radius: none;
background-position-y: 2px !important; }
HTML[data-doctype=true] TD.vt .datex {
margin-bottom: 0; }
HTML[data-doctype=true] .hide_input_edit {
z-index: -10 !important; }
HTML[data-doctype=true] .filerTableButton {
background-color: rgba(255, 255, 255, 0.45);
border: 1px solid #cbcbcb;
color: #2e2e2e;
line-height: 1.42857;
min-width: 2.25em;
min-width: auto\9;
min-height: 2.25em;
min-height: auto\9;
font-weight: normal;
padding: 6px 9px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: .8em; }
HTML[data-doctype=true] .filerTableButton:hover {
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px; }
HTML[data-doctype=true] .filerTableButton:active {
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px inset;
box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px inset; }
HTML[data-doctype=true] .filerTableButton:disabled {
background-color: #e6e9eb;
color: #4a4a4a;
border-color: #cbcbcb; }
HTML[data-doctype=true] .filerTableButton.primary {
background-color: #2f7ed8;
border-color: #2f7ed8;
color: #ffffff; }
HTML[data-doctype=true] TR.sn-filter-section-message, HTML[data-doctype=true] TR.sn-filter-order-message, HTML[data-doctype=true] .sn-or-message {
color: #1f8476; }
HTML[data-doctype=true] .sn-or-message {
line-height: 32px;
padding-right: 4px; }
HTML[data-doctype=true] .filter-inline-label {
margin-left: 5px !important;
margin-right: 5px !important; }
HTML[data-doctype=true] .filter_row_condition .filter_type {
width: 240px; }
HTML[data-doctype=true] .filter_row_condition .form-inline {
white-space: nowrap; }
HTML[data-doctype=true] .filter_row_condition .form-inline span {
line-height: 32px; }
HTML[data-doctype=true] .report_table_body .filter_row_condition .sn-or-message {
float: none !important; }
HTML[data-doctype=true] TABLE#sort_table {
margin-top: 2px; }
HTML[data-doctype=true] BUTTON.sn-report-filter {
margin-bottom: 2px;
width: 12em;
text-align: left; }
HTML[data-doctype=true] INPUT.ref_invalid {
background-color: #FFEBE8; }
HTML[data-doctype=true] INPUT.ref_dynamic {
background-color: #e6ffe6; }
HTML[data-doctype=true] .ref_dynamic_placeholder {
display: none;
color: #ffffff;
font-size: 1.2rem;
padding: 10px;
position: absolute;
left: 0;
top: 100%;
white-space: nowrap;
z-index: 3;
background-color: #2e2e2e;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
HTML[data-doctype=true] INPUT.ref_dynamic:hover ~ .ref_dynamic_placeholder {
display: block !important; }
HTML[data-doctype=true] FORM.ui_form_macro {
height: 100%; }
HTML[data-doctype=true] SELECT#tables {
height: 32em; }
HTML[data-doctype=true] DIV#columns, HTML[data-doctype=true] DIV#column_details {
height: 32em !important; }
HTML[data-doctype=true] .context_menu {
background: #ffffff;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 6px 6px 7px 0;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 6px 6px 7px 0;
box-shadow: rgba(0, 0, 0, 0.3) 6px 6px 7px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #e6e9eb; }
HTML[data-doctype=true] .calCurrentDate A {
color: #ffffff; }
HTML[data-doctype=true] .item_currency {
float: right;
width: auto; }
HTML[data-doctype=true] .list_search_text {
margin-left: 10px; }
HTML[data-doctype=true] SPAN#rules_span {
border-top: none !important;
margin-top: 1px !important;
padding-top: 0 !important; }
HTML[data-doctype=true] TABLE.drag_section A.home-icon, HTML[data-doctype=true] TABLE.drag_section DIV.header_decorations, HTML[data-doctype=true] DIV.drag_section A.home-icon, HTML[data-doctype=true] DIV.drag_section DIV.header_decorations {
transition: opacity 0.3s linear;
opacity: 0; }
HTML[data-doctype=true] TABLE.drag_section.isAccessibilityEnabled A.home-icon, HTML[data-doctype=true] TABLE.drag_section.isAccessibilityEnabled DIV.header_decorations, HTML[data-doctype=true] TABLE.drag_section:hover A.home-icon, HTML[data-doctype=true] TABLE.drag_section:hover DIV.header_decorations, HTML[data-doctype=true] DIV.drag_section.isAccessibilityEnabled A.home-icon, HTML[data-doctype=true] DIV.drag_section.isAccessibilityEnabled DIV.header_decorations, HTML[data-doctype=true] DIV.drag_section:hover A.home-icon, HTML[data-doctype=true] DIV.drag_section:hover DIV.header_decorations {
opacity: .85; }
HTML[data-doctype=true] .CodeMirror-Toolbar-fullscreen.label_left {
width: 100%;
background-color: #ffffff; }
HTML[data-doctype=true] .CodeMirror-fullscreen {
top: 25px; }
HTML[data-doctype=true] .CodeMirror-Tree-fullscreen {
top: 25px; }
HTML[data-doctype=true] .guide_tab span.label_description.mandatory {
background-color: #cc0000; }
HTML[data-doctype=true] .list_actions_left .list_search_text {
padding-right: 20px; }
HTML[data-doctype=true] .list_actions_left .list_search_text + a {
position: relative;
right: 20px;
top: -1px; }
HTML[data-doctype=true] input[type='radio'] {
margin-right: .25em; }
HTML[data-doctype=true] input[type='radio'].cat_item_option, HTML[data-doctype=true] input[type='checkbox'].cat_item_option {
margin: 3px 5px; }
HTML[data-doctype=true] input[readonly=readonly] {
margin-right: 6px; }
HTML[data-doctype=true].rtl input[readonly=readonly] {
margin-right: 0px; }
HTML[data-doctype=true] .msie9 input[type='image'], HTML[data-doctype=true] .msie10 input[type='image'], HTML[data-doctype=true] .msie11 input[type='image'] {
padding: 0;
border: none; }
HTML[data-doctype=true] input[type='image'][width],
HTML[data-doctype=true] input[type='image'][height] {
padding: 0;
border: none; }
HTML[data-doctype=true] INPUT.image_input {
box-sizing: content-box;
height: 18px;
width: 18px; }
HTML[data-doctype=true] button.catalog:hover {
min-width: initial; }
HTML[data-doctype=true] input[type=radio].questionSetWidget {
margin: 0 3px 0 10px; }
HTML[data-doctype=true] TABLE.drag_section SPAN.submenu, HTML[data-doctype=true] DIV.drag_section SPAN.submenu, HTML[data-doctype=true] TABLE.drag_section_picker SPAN.submenu {
display: block;
max-height: none;
text-align: left;
padding-left: 1em; }
HTML[data-doctype=true] TABLE.drag_section SPAN.submenu DIV, HTML[data-doctype=true] DIV.drag_section SPAN.submenu DIV, HTML[data-doctype=true] TABLE.drag_section_picker SPAN.submenu DIV {
padding-top: .1em; }
HTML[data-doctype=true] TABLE.drag_section SPAN.submenu DIV[moduletype="LIST"], HTML[data-doctype=true] TABLE.drag_section SPAN.submenu DIV[moduletype="DIRECT"], HTML[data-doctype=true] DIV.drag_section SPAN.submenu DIV[moduletype="LIST"], HTML[data-doctype=true] DIV.drag_section SPAN.submenu DIV[moduletype="DIRECT"], HTML[data-doctype=true] TABLE.drag_section_picker SPAN.submenu DIV[moduletype="LIST"], HTML[data-doctype=true] TABLE.drag_section_picker SPAN.submenu DIV[moduletype="DIRECT"] {
padding-left: .6em; }
HTML[data-doctype=true] TABLE.drag_section SPAN.submenu DIV[moduletype="SEPARATOR"], HTML[data-doctype=true] DIV.drag_section SPAN.submenu DIV[moduletype="SEPARATOR"], HTML[data-doctype=true] TABLE.drag_section_picker SPAN.submenu DIV[moduletype="SEPARATOR"] {
padding-top: .4em; }
HTML[data-doctype=true] TABLE.drag_section SPAN.submenu DIV[moduletype="SEPARATOR"] hr, HTML[data-doctype=true] DIV.drag_section SPAN.submenu DIV[moduletype="SEPARATOR"] hr, HTML[data-doctype=true] TABLE.drag_section_picker SPAN.submenu DIV[moduletype="SEPARATOR"] hr {
height: 1px;
background-color: #ccc;
border: 0; }
HTML[data-doctype=true] TABLE.drag_section_picker {
border: 1px solid #d5d5d5;
border-radius: 3px;
padding: 3px !important; }
HTML[data-doctype=true] #security_mechanic > table {
padding: 9px 14px !important; }
HTML[data-doctype=true] #security_mechanic .container-fluid.slushbucket {
padding-left: 0; }
HTML[data-doctype=true] #security_mechanic label {
padding-top: 7px; }
HTML[data-doctype=true] .form-control.list-edit-input {
width: auto;
display: inline;
font-weight: normal; }
HTML[data-doctype=true] .custom-form-group {
overflow: auto; }
HTML[data-doctype=true] .custom-form-group.activity-form-group {
overflow: visible; }
HTML[data-doctype=true] .custom-form-group.form-group {
margin-top: 15px;
margin-bottom: 15px; }
HTML[data-doctype=true] .color-green {
color: #48c891; }
HTML[data-doctype=true] .color-green-dark {
color: #25832b; }
HTML[data-doctype=true] .color-red {
color: #c83c36; }
HTML[data-doctype=true] SPAN.list_row_number_input {
color: #2e2e2e; }
HTML[data-doctype=true] table.list_table tbody {
outline: none; }
HTML[data-doctype=true] #clone_table {
border-bottom: 1px solid #ddd;
width: auto;
top: 0; }
HTML[data-doctype=true] .list_table_clone THEAD TH.list_hdrcell {
margin: 0;
white-space: nowrap;
border-left: 1px solid #f6f6f6;
padding: 4px 6px 2px; }
HTML[data-doctype=true] TABLE.wideDataList.list_table_clone {
background-color: #F6F6F6;
border-collapse: collapse; }
HTML[data-doctype=true] TD.homepage_category_only_description_cell {
padding-left: .8em; }
HTML[data-doctype=true] .ui-autocomplete {
background-color: #ffffff;
border: 1px solid #cbcbcb;
color: #2e2e2e; }
HTML[data-doctype=true] .ui-state-focus {
color: #ffffff;
background-color: #1f8476; }
HTML[data-doctype=true] INPUT#ni\.load_demo {
margin-right: 6px;
margin-top: -2px; }
HTML[data-doctype=true] .monthCalBodyTHDay {
background-color: #e6e9eb;
color: #2e2e2e;
line-height: 1.8em; }
HTML[data-doctype=true] div[id^='window.calItem_'] .drag_section_movearea {
color: #000000; }
HTML[data-doctype=true] .cal_row td {
padding: 0; }
HTML[data-doctype=true] table.wide img.user_image {
opacity: 1; }
HTML[data-doctype=true] .table > thead .table-btn-lg.icon-cog, HTML[data-doctype=true] .table > thead .table-btn-lg.icon-cog-changes {
padding: 4px; }
HTML[data-doctype=true] .table > thead .table-btn-lg.icon-search {
margin-left: -1px !important; }
HTML[data-doctype=true] .list_search_title {
font-size: inherit; }
HTML[data-doctype=true] .list_nav_top .list_actions_left .list_search_title.hierarchical {
padding-left: 3px;
padding-right: 4px; }
HTML[data-doctype=true] .hierarchical .list_nav_top_middle.list_nav_top {
background: #EAF1FB; }
HTML[data-doctype=true] .list_nav_spacer {
height: 0;
line-height: 0; }
HTML[data-doctype=true] td.list_group {
text-align: left;
background-color: #e6e9eb;
background-image: none;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #cbcbcb; }
HTML[data-doctype=true] td.list_group.first_list_group {
border-top: 1px solid #cbcbcb; }
HTML[data-doctype=true] input.checkbox_list_mechanic {
margin-right: 5px; }
HTML[data-doctype=true] .glide_email_script_textarea {
min-height: 100px;
border-radius: 3px 0 0 3px;
margin-right: -1px; }
HTML[data-doctype=true] .glide_email_script_fieldarea,
HTML[data-doctype=true] .glide_html_script_fieldarea {
border-radius: 0 3px 3px 0;
min-height: 100px;
overflow: auto;
height: 100%;
max-height: 100%; }
HTML[data-doctype=true] .select2-container, HTML[data-doctype=true] .select2-choice, HTML[data-doctype=true] .select2-drop {
color: #2e2e2e; }
HTML[data-doctype=true] .edit_report_button {
background-color: #e6e9eb;
border: 1px solid #cbcbcb;
border-radius: 2px;
padding: 1px 5px;
font-size: 10px; }
HTML[data-doctype=true] .tl_header_range_input {
height: auto; }
HTML[data-doctype=true] .m2m_filter_container {
padding: 19px; }
HTML[data-doctype=true] .m2m_filter_container .icon-search.filerTableAction {
margin: 0 !important; }
HTML[data-doctype=true] TBODY#gcond_filters TABLE.sn-filter-clause {
border-radius: 3px;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 6px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 98%; }
HTML[data-doctype=true] TBODY#gcond_filters TABLE.sn-filter-clause HR {
display: none; }
HTML[data-doctype=true] TBODY#gcond_sort_order HR {
display: none; }
HTML[data-doctype=true] .sn-filter-clause.sn-animate-filter-clause {
opacity: 1;
transition: opacity 0.4s;
transition: opacity 0.4s;
transition: opacity 0.4s;
transition: opacity 0.4s; }
HTML[data-doctype=true] .filter_row_condition {
display: table;
margin-top: 6px;
line-height: 32px; }
HTML[data-doctype=true] .filerTableAction {
vertical-align: top;
margin: 0 2px; }
HTML[data-doctype=true] .sn-filter-clause {
opacity: 0;
width: 100%; }
HTML[data-doctype=true] .sn_multiple_conditions hr {
margin-top: 6px;
margin-bottom: 6px; }
HTML[data-doctype=true] .filter-row {
margin: 2px 0; }
HTML[data-doctype=true] .filter_row table {
margin: 2px 0; }
HTML[data-doctype=true] .flex-row {
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-moz-box-align: left;
-webkit-box-align: left;
-ms-flex-align: left;
-webkit-align-items: left;
align-items: left;
width: 100%; }
HTML[data-doctype=true] .flex-row input {
width: auto !important;
-webkit-box-flex: 1 1 auto;
-moz-box-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
HTML[data-doctype=true] .flex-row .flex-controls {
-webkit-box-flex: 0 1 auto;
-moz-box-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
HTML[data-doctype=true] #dict_info table {
max-width: 400px;
word-wrap: break-word; }
HTML[data-doctype=true] #dict_info table td:last-child {
max-width: 300px;
word-wrap: break-word; }
HTML[data-doctype=true] .section .navbar {
font-size: 13px; }
HTML[data-doctype=true] .section .navbar.section_secondary {
box-shadow: none;
font-weight: normal; }
HTML[data-doctype=true] body.not-xs.msie9 .navbar-header {
overflow: hidden;
*zoom: 1;
float: left; }
HTML[data-doctype=true] .popup .form-control {
width: 100% !important; }
HTML[data-doctype=true] .form-group .form-field > .form-control {
width: 100% !important; }
HTML[data-doctype=true] .form-group .input_controls .input-group-checkbox .checkbox-label:before {
margin-right: 14px; }
@media (max-width: 550px) {
HTML[data-doctype=true] .form-group .col-xs-10 .popover {
top: inherit !important;
left: inherit !important;
margin: inherit !important;
position: relative; }
HTML[data-doctype=true] .form-group .col-xs-10 .popover .arrow {
display: none; } }
HTML[data-doctype=true] .form-group .form-focus-outline {
outline-offset: 2px; }
@media (min-width: 480px) {
HTML[data-doctype=true] #FormDialog #dialog_frame {
min-width: 335px; } }
@media (min-width: 550px) {
HTML[data-doctype=true] #FormDialog #dialog_frame {
min-width: 500px; } }
@media (min-width: 800px) {
HTML[data-doctype=true] #FormDialog #dialog_frame {
min-width: 730px; } }
HTML[data-doctype=true] .popover.wide {
max-width: 775px; }
HTML[data-doctype=true] input-group.input-group-2 .form-control {
width: 50% !important;
border-right: medium none;
margin-right: 0;
margin-left: 0; }
HTML[data-doctype=true] input-group.input-group-2 .form-control:last-of-type {
border-right: 1px solid #bdc0c4; }
HTML[data-doctype=true] .input-group.input-group-3 .form-control {
width: 33.34% !important;
border-right: medium none;
margin-right: 0;
margin-left: 0; }
HTML[data-doctype=true] .input-group.input-group-3 .form-control:last-of-type {
width: 33.32% !important;
border-right: 1px solid #bdc0c4; }
@media (min-width: 800px) and (max-width: 1200px) {
HTML[data-doctype=true] .duration_day {
margin-bottom: 5px; } }
@media (min-width: 550px) and (max-width: 800px) {
HTML[data-doctype=true] .duration_day {
margin-bottom: 5px; } }
@media (min-width: 1200px) {
HTML[data-doctype=true] .vsplit .input-group.input-group-1 input.form-control,
HTML[data-doctype=true] .vsplit .input-group.input-group-2 input.form-control,
HTML[data-doctype=true] .vsplit .input-group.input-group-3 input.form-control {
padding-left: 3px;
padding-right: 3px; } }
@media (min-width: 800px) and (max-width: 1200px) {
HTML[data-doctype=true] .vsplit .input-group.input-group-1 span.input-group-addon,
HTML[data-doctype=true] .vsplit .input-group.input-group-2 span.input-group-addon,
HTML[data-doctype=true] .vsplit .input-group.input-group-3 span.input-group-addon {
padding: 3px 8px;
min-width: 55px; }
HTML[data-doctype=true] .vsplit .input-group.input-group-1 input.form-control,
HTML[data-doctype=true] .vsplit .input-group.input-group-2 input.form-control,
HTML[data-doctype=true] .vsplit .input-group.input-group-3 input.form-control {
padding: 3px; } }
@media (min-width: 550px) and (max-width: 800px) {
HTML[data-doctype=true] .vsplit .input-group.input-group-1 span.input-group-addon,
HTML[data-doctype=true] .vsplit .input-group.input-group-2 span.input-group-addon,
HTML[data-doctype=true] .vsplit .input-group.input-group-3 span.input-group-addon {
padding: 3px 8px;
min-width: 55px; }
HTML[data-doctype=true] .vsplit .input-group.input-group-1 input.form-control,
HTML[data-doctype=true] .vsplit .input-group.input-group-2 input.form-control,
HTML[data-doctype=true] .vsplit .input-group.input-group-3 input.form-control {
padding: 3px; } }
HTML[data-doctype=true] .input-group.input-group_collapsed {
border-collapse: collapse; }
HTML[data-doctype=true] .input-group.list-edit-input-group {
width: 200px; }
HTML[data-doctype=true] .input-group.static .input-group-addon {
border-left: 1px solid #bdc0c4;
border-radius: 3px; }
HTML[data-doctype=true] .input-group.input-group-disabled {
width: 100%; }
HTML[data-doctype=true] .input-group.input-group-disabled .form-control {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px; }
HTML[data-doctype=true] .input-group.input-group-disabled .input-group-addon:not(.input-group-select), HTML[data-doctype=true] .input-group.input-group-disabled .input-group-btn {
display: none; }
HTML[data-doctype=true] .input-group-addon.input-group-select {
min-width: 75px;
padding: 0;
border: medium none;
z-index: 0;
background-color: transparent;
position: relative; }
HTML[data-doctype=true] .input-group-addon select {
padding-right: 18px;
z-index: 1;
min-width: 100%;
width: auto;
border-radius: 3px 0 0 3px;
-webkit-appearance: none;
-moz-appearance: none;
border-right: medium none;
padding: 5px 18px 5px 5px;
text-indent: 0.01px;
text-overflow: ''; }
HTML[data-doctype=true] .input-group-addon select::-ms-expand {
display: none; }
HTML[data-doctype=true] .input-group-addon.input-group-select_right select {
border-radius: 0 3px 3px 0;
border-right: 1px solid #bdc0c4;
border-left: medium none;
min-width: 75px; }
HTML[data-doctype=true] .input-group-addon .select-indicator {
position: absolute;
right: 8px;
top: 11px;
color: #666666;
font-size: 8px;
z-index: 1;
pointer-events: none; }
HTML[data-doctype=true] .msie9 .input-group-addon SELECT, HTML[data-doctype=true] .msie10 .input-group-addon SELECT, HTML[data-doctype=true] .msie11 .input-group-addon SELECT, HTML[data-doctype=true] .windows.chrome .input-group-addon SELECT {
border: 1px solid #cbcbcb;
border-right: none; }
HTML[data-doctype=true] select[readonly] {
-moz-appearance: none; }
HTML[data-doctype=true] select[readonly]::-ms-expand {
display: none; }
HTML[data-doctype=true] .msie9 .input-group-addon select::-ms-expand, HTML[data-doctype=true] .msie10 .input-group-addon select::-ms-expand, HTML[data-doctype=true] .ff30 .input-group-addon select::-ms-expand, HTML[data-doctype=true] .ff31 .input-group-addon select::-ms-expand, HTML[data-doctype=true] .ff32 .input-group-addon select::-ms-expand, HTML[data-doctype=true] .ff33 .input-group-addon select::-ms-expand, HTML[data-doctype=true] .ff34 .input-group-addon select::-ms-expand {
display: block; }
HTML[data-doctype=true] .msie9 .input-group-addon .select-indicator, HTML[data-doctype=true] .msie10 .input-group-addon .select-indicator, HTML[data-doctype=true] .ff30 .input-group-addon .select-indicator, HTML[data-doctype=true] .ff31 .input-group-addon .select-indicator, HTML[data-doctype=true] .ff32 .input-group-addon .select-indicator, HTML[data-doctype=true] .ff33 .input-group-addon .select-indicator, HTML[data-doctype=true] .ff34 .input-group-addon .select-indicator {
display: none; }
HTML[data-doctype=true] .msie11 select.form-control[multiple] {
outline: 0 dotted transparent; }
HTML[data-doctype=true] .list_search_title, HTML[data-doctype=true] .list_search_title.hierarchical {
margin-left: 10px;
margin-right: 5px; }
@media (max-width: 550px) {
HTML[data-doctype=true] div[class^="col-"].no-left-padding-xs {
padding-left: 0; }
HTML[data-doctype=true] div[class^="col-"].no-right-padding-xs {
padding-right: 0; } }
@media (min-width: 550px) and (max-width: 800px) {
HTML[data-doctype=true] div[class^="col-"].no-left-padding-sm {
padding-left: 0; }
HTML[data-doctype=true] div[class^="col-"].no-right-padding-sm {
padding-right: 0; } }
@media (min-width: 800px) and (max-width: 1200px) {
HTML[data-doctype=true] div[class^="col-"].no-left-padding-md {
padding-left: 0; }
HTML[data-doctype=true] div[class^="col-"].no-right-padding-md {
padding-right: 0; } }
@media (min-width: 1200px) {
HTML[data-doctype=true] div[class^="col-"].no-left-padding-lg {
padding-left: 0; }
HTML[data-doctype=true] div[class^="col-"].no-right-padding-lg {
padding-right: 0; } }
HTML[data-doctype=true] [class^="col-"].no-left-padding {
padding-left: 0; }
HTML[data-doctype=true] [class^="col-"].no-right-padding {
padding-right: 0; }
HTML[data-doctype=true] .input-group-addon.input-group-select-parent.input-group-select-parent-large {
min-width: 150px; }
HTML[data-doctype=true] .input-group-addon.input-group-select-parent.input-group-select-parent-large:before,
HTML[data-doctype=true] .input-group-addon.input-group-select-parent.input-group-select-parent-large:after {
left: 117px; }
HTML[data-doctype=true] .input-group-addon.input-group-select-parent-large select.input-group-select {
min-width: 150px; }
HTML[data-doctype=true] .icon-chevron-right.state-closed {
transition: transform 0.3s; }
HTML[data-doctype=true] .icon-chevron-right.state-open {
transition: transform 0.3s;
transform: rotate(90deg); }
HTML[data-doctype=true] .input-group-addon a {
color: #000000; }
HTML[data-doctype=true] .glide-grid-block .drag_section_header a, HTML[data-doctype=true] .glide-grid-block .header_decorations a {
color: #2e2e2e; }
HTML[data-doctype=true] a.service_catalog {
color: #4a4a4a; }
HTML[data-doctype=true] .drop-zone {
margin-top: 12px;
width: 100%;
border: 3px dashed #e7e9eb;
border-radius: 3px;
min-height: 175px;
padding: 10px; }
HTML[data-doctype=true] .drop-zone-text {
text-align: center;
width: 100%;
float: left;
color: #D3D3D3;
font-weight: 300; }
HTML[data-doctype=true] .drop-zone-text-align {
padding-bottom: 10px; }
HTML[data-doctype=true] .upload-file-container {
height: 32px !important;
width: 85px !important; }
HTML[data-doctype=true] .upload-file-container input {
filter: alpha(opacity=0);
opacity: 0;
height: 32px;
width: 85px;
top: -25px;
position: relative;
left: -10px;
cursor: pointer;
padding-bottom: 10px; }
HTML[data-doctype=true] .breadcrumb_container {
padding: 1px 6px 0; }
HTML[data-doctype=true] .breadcrumb_container a.breadcrumb_separator:focus, HTML[data-doctype=true] .breadcrumb_container a.breadcrumb_link:focus {
outline-offset: 2px; }
HTML[data-doctype=true] .breadcrumb_container.group_count > span:first-child {
margin-inline-end: 30px; }
HTML[data-doctype=true] .breadcrumb_container.group_count.open .dropdown-menu {
display: block; }
HTML[data-doctype=true] .breadcrumb_container span {
padding: 1px 6px 0; }
HTML[data-doctype=true] .breadcrumb_container span.group_sort_container {
position: absolute;
inset-inline-end: 8px; }
HTML[data-doctype=true] .breadcrumb_container span.group_sort_container .dropdown-menu {
inset-inline-start: auto;
inset-inline-end: 0;
margin-top: 32px; }
HTML[data-doctype=true] .breadcrumb_container .label-text {
font-size: 13px; }
HTML[data-doctype=true] .breadcrumb_container div {
text-overflow: ellipsis;
overflow: hidden; }
HTML[data-doctype=true] .breadcrumb_container div.parent-breadcrumbs-container {
margin-top: 6px; }
HTML[data-doctype=true] .breadcrumb_container div.parent-breadcrumbs-container a.breadcrumb {
margin-bottom: 10px;
padding: 1px 6px 0;
display: inline-block; }
HTML[data-doctype=true] .-tab-body {
overflow: auto; }
HTML[data-doctype=true] .list_filter_row .filterContainer {
overflow-x: auto; }
HTML[data-doctype=true] .list_filter_toggle {
margin-right: 5px;
padding-top: 3px; }
HTML[data-doctype=true] .list_filter_toggle:focus, HTML[data-doctype=true] .list_filter_toggle:hover {
color: #1f8476; }
HTML[data-doctype=true] .list_nlq_filter_toggle {
margin-right: 5px;
color: #1f8476; }
HTML[data-doctype=true] .list_nlq_filter_toggle:focus, HTML[data-doctype=true] .list_nlq_filter_toggle:hover {
color: #1f8476; }
HTML[data-doctype=true] #output_messages_favorite.compact .close {
margin-top: 3px;
font-size: 16px;
margin-right: 6px; }

HTML.firefox DIV.select2-container.filerTableSelect {
margin-top: 2px;
color: green; }

[data-header-only="false"] [data-type="section_head"] {
background: transparent;
border: medium none;
font-size: 20px;
border-top: 1px solid #e6e9eb; }
[data-header-only="false"] [data-type="section_head"] .container-fluid {
padding-left: 0; }

table.sys-properties {
padding: 40px; }
table.sys-properties tr:nth-child(even) td {
padding-bottom: 0;
padding-top: 0; }
table.sys-properties td {
padding-bottom: 20px;
padding-left: 20px;
padding-top: 10px; }
table.sys-properties hr {
border: none; }
table.sys-properties tbody > tr td:nth-child(2) {
padding-top: 40px; }
table.sys-properties tbody > tr:first-child td {
font-size: 24px;
border-bottom: none;
padding: 0; }
table.sys-properties tbody > tr:first-child td b, table.sys-properties tbody > tr:first-child td strong {
font-weight: 100; }
table.sys-properties tbody > tr:first-child td > :first-child {
margin-top: 0; }
table.sys-properties .system_property {
display: inline-block;
width: 90%;
color: #cbcbcb;
font-size: 13px;
letter-spacing: .4px; }
table.sys-properties .system_property:first-line {
color: #4a4a4a;
font-size: 16px;
letter-spacing: normal; }
table.sys-properties .icon-button {
padding-left: 10px; }
table.sys-properties .header_color {
background-color: #003662;
padding: 15px 10px 15px 10px;
height: 50px;
border-radius: 3px; }
table.sys-properties .header_logo {
height: 22px; }
table.sys-properties .message {
padding-top: 10px; }

TR.sn-filter-section-message > TD {
padding: 5px 10px; }
TR.sn-filter-section-message > TD h3 {
color: #000000;
font-size: 14px;
margin: 0;
padding-top: 1px; }

TR.sn-filter-order-message h3 {
display: inline;
margin: 0;
font-size: 13px;
padding: 10px;
color: #1f8476; }

.filerTable .filter_row_condition td {
padding-bottom: 5px;
padding-right: 5px; }
.filerTable .filter_row_condition td .filter-reference-input {
width: 80%;
margin-right: 3px;
min-width: 80px; }
.filerTable .filter_row_condition td.sn-filter-top:first-of-type {
display: none;
width: 0 !important; }
.filerTable .filter_row_condition td.sn-filter-top:nth-child(2) {
padding-left: 2px; }
.filerTable TR.sn-filter-section-message > TD {
padding: 5px 0; }

.form-control-static {
word-wrap: break-word; }

html[data-doctype=true].compact tr.list_row_compact td.vt {
padding: 2px; }
html[data-doctype=true].compact .filter_row_condition {
margin-top: 0; }
html[data-doctype=true].compact .filter_row_condition .condition {
margin-left: 5px;
margin-right: 5px; }
html[data-doctype=true].compact body:not(.msie9) a:not(.btn).attachment, html[data-doctype=true].compact body:not(.msie9) a:not(.btn).web {
line-height: 1.7; }
html[data-doctype=true].compact #output_messages > .close, html[data-doctype=true] #output_messages.compact > .close {
margin-top: 3px;
font-size: 16px;
margin-right: 6px; }
html[data-doctype=true].compact h3.form_header {
font-size: 16px;
margin: 4px 0 4px 6px; }
html[data-doctype=true].compact .section .navbar {
margin-bottom: 0; }
html[data-doctype=true].compact h3.tab_header {
font-size: 12px; }
html[data-doctype=true].compact textarea {
min-height: 48px;
height: 48px; }
html[data-doctype=true].compact TD.breadcrumb_container, html[data-doctype=true].compact TD.breadcrumb_container SPAN, html[data-doctype=true].compact DIV.breadcrumb_container {
padding-top: 4px; }
html[data-doctype=true].compact .input-group-addon select {
padding-top: 3px; }
html[data-doctype=true].compact .select-indicator {
top: 8px; }
html[data-doctype=true].compact sn-list .select-indicator {
top: 3px; }
html[data-doctype=true].compact .input-group .input-group-btn .btn {
height: 24px !important; }

.ac_dropdown {
background-color: white;
border-color: black;
border-width: 1px;
border-style: solid;
z-index: 20000; }
.ac_dropdown .ac_header {
background-color: white;
font-weight: 700;
white-space: nowrap; }

.notification-suggestion {
background-color: #c9c9ed;
border-color: #7070b3;
color: #2e2e2e; }

HTML[data-doctype=true] ul.template_details {
list-style: none;
font-weight: normal;
padding: 0;
overflow: hidden;
-webkit-transition: max-height 1s ease;
-moz-transition: max-height 1s ease;
transition: max-height 1s ease;
max-height: 0px; }
HTML[data-doctype=true] ul.template_details li.row {
padding: 0 15px; }
HTML[data-doctype=true] ul.template_details li.row a {
width: 120px;
display: inline-block; }
HTML[data-doctype=true] ul.template_details li.row:first-child {
padding-top: 15px; }
HTML[data-doctype=true] ul.template_details li.row:last-child {
padding-top: 10px; }
HTML[data-doctype=true] ul.template_details.visible {
max-height: 999px; }
HTML[data-doctype=true] #templateOverflowContainer {
display: none;
margin: 0 0 -9px;
opacity: 0;
z-index: -1;
transition: opacity 250ms ease;
-webkit-transition: opacity 250ms ease;
display: none; }
HTML[data-doctype=true] #templateOverflowContainer .input-group-transparent {
margin: 0 -3px; }
HTML[data-doctype=true] #templateOverflowContainer .input-group-transparent .input-group-addon-transparent.icon-filter {
top: 2px; }
HTML[data-doctype=true] #templateOverflowContainer .input-group-transparent #overflowTemplateSearch {
padding-left: 30px; }
HTML[data-doctype=true] #templateOverflowContainer .input-group-transparent .template_filter_clear {
color: inherit;
font-size: 18px;
position: absolute;
right: 8px;
top: 1px;
color: #fff;
cursor: pointer; }
HTML[data-doctype=true] #templateOverflowContainer .input-group-transparent.filtered .template_filter_clear {
color: #666666; }
HTML[data-doctype=true] #templateOverflowContainer .popover-body {
padding-top: 0; }
HTML[data-doctype=true] #templateOverflowContainer .popover-body .template_overflow_items {
height: 310px;
overflow-y: auto;
width: 275px;
margin: 9px -15px 0;
border-top: 1px solid #f2f2f2; }
HTML[data-doctype=true] #templateOverflowContainer .popover-body .template_overflow_items li {
width: 100%; }
HTML[data-doctype=true] #templateOverflowContainer .popover-body .template_overflow_items li a {
color: #2e2e2e;
margin: 0 0 0 15px;
float: left;
white-space: initial;
word-wrap: break-word;
max-width: calc(100% - 50px); }
HTML[data-doctype=true] #templateOverflowContainer .popover-body .template_overflow_items li a.template-edit {
color: #666666;
font-size: 12px;
float: right;
padding: 0 10px 0 0;
margin: 0;
text-transform: none; }
HTML[data-doctype=true] #templateOverflowContainer .popover-body .template_overflow_items li:hover {
background: #278efc; }
HTML[data-doctype=true] #templateOverflowContainer .popover-body .template_overflow_items li:hover a {
color: #ffffff;
text-decoration: none; }
HTML[data-doctype=true] #templateOverflowContainer .popover-body .template_overflow_items li:hover a.template-edit:hover {
text-decoration: underline; }
HTML[data-doctype=true] #templateOverflowContainer .popover-body .template_overflow_items.filtered li {
display: none; }
HTML[data-doctype=true] #templateOverflowContainer .popover-body .template_overflow_items.filtered li.match {
display: block; }
HTML[data-doctype=true] #templateOverflowContainer .popover-body .template_overflow_items.filtered ~ .template_filter_clear {
color: black; }
HTML[data-doctype=true] #templateOverflowContainer li.row:last-child {
border-bottom: medium none; }
HTML[data-doctype=true] .popover-content #templateOverflowContainer {
display: block;
position: relative;
opacity: 1;
z-index: 1; }
HTML[data-doctype=true] [data-type="template_footer"] {
bottom: -48px;
visibility: hidden;
margin-bottom: 0;
opacity: 0;
transition: 500ms ease all;
-webkit-transition: 500ms ease all; }
HTML[data-doctype=true] [data-type="template_footer"] .popover-title {
font-size: 16px;
font-weight: bold; }
HTML[data-doctype=true] [data-type="template_footer"] #no_search_results {
display: none;
position: absolute;
top: 50px; }
HTML[data-doctype=true] [data-type="template_footer"].template-overflow div.container-fluid .navbar-text {
width: calc(100% - 135px);
overflow: hidden;
text-overflow: clip;
white-space: nowrap;
margin-right: 0; }
HTML[data-doctype=true] [data-type="template_footer"].template-overflow div.container-fluid a.template-item {
font-size: 12px;
white-space: nowrap;
color: #165C53;
word-break: break-word;
text-overflow: ellipsis; }
HTML[data-doctype=true] [data-type="template_footer"].template-overflow button.navbar-btn {
display: inline-block;
transition: 500ms ease opacity;
-webkit-transition: 500ms ease opacity;
opacity: 1; }
HTML[data-doctype=true] [data-type="template_footer"].template-overflow button.navbar-btn.invisible {
opacity: 0;
float: left; }
HTML[data-doctype=true] [data-type="template_footer"] .template-overflow-container {
display: none; }
HTML[data-doctype=true]:not(.templates) body {
padding-bottom: 0px; }
HTML[data-doctype=true]:not(.templates) body .section_header_div_no_scroll {
margin-top: 0px; }
HTML[data-doctype=true].templates body {
padding-bottom: 57px !important; }
HTML[data-doctype=true].templates body .section_header_content_no_scroll {
height: calc(100% - 57px) !important; }
HTML[data-doctype=true].templates [data-type="template_footer"].loaded {
bottom: 0;
opacity: 1;
visibility: visible; }
HTML[data-doctype=true] #sys_template .modal-body {
padding: 0; }
HTML[data-doctype=true] .section_header_content_no_scroll.form_dialog {
-webkit-overflow-scrolling: auto;
height: 100%;
bottom: 0; }
HTML[data-doctype=true] .section_header_content_no_scroll.form_dialog ~ [data-type="template_footer"].loaded {
display: none; }
HTML[data-doctype=true] #templates-list-container #templates-list-items {
display: inline-block; }
HTML[data-doctype=true] #templates-list-container #templates-list-items .templates-list-item {
list-style: none;
display: inline-block;
-webkit-transition: opacity 250ms ease;
-ms-transition: opacity 250ms ease;
-o-transition: opacity 250ms ease;
transition: opacity 250ms ease;
text-transform: capitalize;
display: none;
margin: 0 10px;
opacity: 0; }
HTML[data-doctype=true] #templates-list-container #templates-list-items .templates-list-item.visible {
display: inline-block;
opacity: 1; }

/*! RESOURCE: styles/sn_stream.css */
/* GLOBAL SIZES */
/* GLOBAL SIZES */
@font-face {
font-family: 'Roboto';
src: url("/styles/fonts/roboto-regular-webfont.eot");
/* IE9 Compat Modes */
src: url("/styles/fonts/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/roboto-regular-webfont.woff") format("woff"), url("/styles/fonts/roboto-regular-webfont.ttf") format("truetype"), url("/styles/fonts/roboto-regular-webfont.svg#svgFontName") format("svg");
/* Legacy iOS */ }
@font-face {
font-family: 'Roboto-Bold';
src: url("/styles/fonts/roboto-bold-webfont.eot");
/* IE9 Compat Modes */
src: url("/styles/fonts/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/roboto-bold-webfont.woff") format("woff"), url("/styles/fonts/roboto-bold-webfont.ttf") format("truetype"), url("/styles/fonts/roboto-bold-webfont.svg#svgFontName") format("svg");
/* Legacy iOS */ }
@font-face {
font-family: 'Roboto-Italic';
src: url("/styles/fonts/roboto-italic-webfont.eot");
/* IE9 Compat Modes */
src: url("/styles/fonts/roboto-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/roboto-italic-webfont.woff") format("woff"), url("/styles/fonts/roboto-italic-webfont.ttf") format("truetype"), url("/styles/fonts/roboto-italic-webfont.svg#svgFontName") format("svg");
/* Legacy iOS */ }
@font-face {
font-family: 'Roboto-Light';
src: url("/styles/fonts/roboto-light-webfont.eot");
/* IE9 Compat Modes */
src: url("/styles/fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/roboto-light-webfont.woff") format("woff"), url("/styles/fonts/roboto-light-webfont.ttf") format("truetype"), url("/styles/fonts/roboto-light-webfont.svg#svgFontName") format("svg");
/* Legacy iOS */ }
.text-size-huge {
font-size: 1.5rem; }

.text-size-largest {
font-size: 1.125rem; }

.text-size-large {
font-size: 1rem; }

.text-size-normal {
font-size: 0.875rem; }

.text-size-small {
font-size: 0.8125rem; }

.text-size-smallest {
font-size: 0.6875rem; }

.text-size-tiny {
font-size: 0.5625rem; }

/* GLOBAL SIZES */
/* GLOBAL SIZES */
.compatibility-blocked {
margin: 20px auto;
width: 80%;
max-width: 960px;
z-index: 100;
text-align: center; }
.compatibility-blocked h1 {
margin: 0;
font-size: 2rem; }

.sn-flexbox {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }

/**
* Activity
**/
HTML[data-doctype=true] .sn-activity .btn-reply {
padding: 0;
border: none;
min-width: initial;
min-height: initial;
line-height: normal;
border-radius: 0;
color: #1f8476;
margin-right: 12px;
font-weight: 200; }
HTML[data-doctype=true] .sn-activity .btn-reply:hover {
box-shadow: none; }

.animate-activity .activity-body {
background: transparent;
-moz-transition: background-color 750ms ease-in;
-o-transition: background-color 750ms ease-in;
-webkit-transition: background-color 750ms ease-in;
transition: background-color 750ms ease-in; }
.animate-activity.ng-enter, .animate-activity.ng-leave {
background-color: #b7d7fb;
-moz-transition-property: background-color;
-o-transition-property: background-color;
-webkit-transition-property: background-color;
transition-property: background-color;
-moz-transition-duration: 0.75s;
-o-transition-duration: 0.75s;
-webkit-transition-duration: 0.75s;
transition-duration: 0.75s;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.animate-activity.ng-enter-active {
background-color: #ffffff; }

.sn-activity-wrapper .row {
margin: 0; }
.sn-activity-wrapper .profile-photo {
display: inline-block;
width: 3.2rem;
height: 3.2rem;
border-radius: 1.6rem;
line-height: 3.2rem; }
.sn-activity-wrapper .profile-initials {
font-size: 1.2rem; }

.sn-activity, .sn-card {
font-size: 13px;
word-break: break-word;
color: #2e2e2e;
width: 100%;
position: relative;
border-radius: 0.3rem; }
.sn-activity .sn-button, .sn-card .sn-button {
color: #1f8476;
border-color: #1f8476; }
.sn-activity .btn.btn-default.btn-reply, .sn-card .btn.btn-default.btn-reply {
position: absolute;
right: 0;
right: 0;
bottom: 5px;
bottom: 0.5rem; }
.sn-activity .btn.btn-default.btn-reply.state-hidden, .sn-card .btn.btn-default.btn-reply.state-hidden {
display: none; }
.sn-activity .btn.btn-default.btn-comment,
.sn-activity .btn.btn-default.btn-worknote, .sn-card .btn.btn-default.btn-comment,
.sn-card .btn.btn-default.btn-worknote {
margin-top: 5px;
margin-top: 0.5rem;
margin-bottom: 5px;
margin-bottom: 0.5rem;
margin-left: 5px;
margin-left: 0.5rem;
margin-right: 0;
margin-right: 0;
float: right; }
.sn-activity .btn.btn-default.btn-comment.state-hidden,
.sn-activity .btn.btn-default.btn-worknote.state-hidden, .sn-card .btn.btn-default.btn-comment.state-hidden,
.sn-card .btn.btn-default.btn-worknote.state-hidden {
display: none; }
.sn-activity .btn.btn-default.btn-worknote, .sn-card .btn.btn-default.btn-worknote {
background-color: LightGoldenRodYellow; }
.sn-activity .activity-title, .sn-activity .card-title, .sn-card .activity-title, .sn-card .card-title {
font-size: 13px;
font-size: 1.3rem;
display: block;
margin-bottom: 5px; }
.sn-activity .columns, .sn-card .columns {
width: 100%;
margin: auto; }
.sn-activity .left-column, .sn-card .left-column {
width: 40px;
float: left; }
.sn-activity .right-column, .sn-card .right-column {
margin-left: 40px;
padding: 0 10px;
padding-right: 0; }
.sn-activity .activity-body, .sn-activity .card-body, .sn-card .activity-body, .sn-card .card-body {
margin-bottom: 10px;
margin-bottom: 1rem;
font-size: 1.3rem; }
.sn-activity .activity-body.activity-wide, .sn-activity .card-body.activity-wide, .sn-card .activity-body.activity-wide, .sn-card .card-body.activity-wide {
padding-left: 0;
margin-top: 0; }
.compact .sn-activity .activity-body, .compact .sn-activity .card-body, .compact .sn-card .activity-body, .compact .sn-card .card-body {
margin-bottom: 0; }
.sn-activity .activity-body .old-value-wrapper, .sn-activity .card-body .old-value-wrapper, .sn-card .activity-body .old-value-wrapper, .sn-card .card-body .old-value-wrapper {
display: flex; }
.sn-activity .activity-body .was-label, .sn-activity .card-body .was-label, .sn-card .activity-body .was-label, .sn-card .card-body .was-label {
color: #666666;
font-style: italic; }
.sn-activity .activity-body .new-value, .sn-activity .activity-body .email-detail-value, .sn-activity .card-body .new-value, .sn-activity .card-body .email-detail-value, .sn-card .activity-body .new-value, .sn-card .activity-body .email-detail-value, .sn-card .card-body .new-value, .sn-card .card-body .email-detail-value {
margin-bottom: 5px;
display: inline-block;
color: #000000;
font-weight: 500; }
.compact .sn-activity .activity-body .new-value, .compact .sn-activity .activity-body .email-detail-value, .compact .sn-activity .card-body .new-value, .compact .sn-activity .card-body .email-detail-value, .compact .sn-card .activity-body .new-value, .compact .sn-card .activity-body .email-detail-value, .compact .sn-card .card-body .new-value, .compact .sn-card .card-body .email-detail-value {
margin-bottom: 0; }
.sn-activity .activity-body .col-md-3, .sn-activity .activity-body .col-md-9, .sn-activity .card-body .col-md-3, .sn-activity .card-body .col-md-9, .sn-card .activity-body .col-md-3, .sn-card .activity-body .col-md-9, .sn-card .card-body .col-md-3, .sn-card .card-body .col-md-9 {
padding: 0 3px 0 0; }
.sn-activity .activity-body .col-md-12, .sn-activity .card-body .col-md-12, .sn-card .activity-body .col-md-12, .sn-card .card-body .col-md-12 {
padding: 0 0 0 3px; }
.sn-activity .activity-body .journal-value, .sn-activity .card-body .journal-value, .sn-card .activity-body .journal-value, .sn-card .card-body .journal-value {
color: #000000;
display: block; }
.sn-activity .activity-body .journal-value a, .sn-activity .card-body .journal-value a, .sn-card .activity-body .journal-value a, .sn-card .card-body .journal-value a {
color: #1f8476; }
.sn-activity .activity-body .field-name, .sn-activity .activity-body .email-detail-label, .sn-activity .card-body .field-name, .sn-activity .card-body .email-detail-label, .sn-card .activity-body .field-name, .sn-card .activity-body .email-detail-label, .sn-card .card-body .field-name, .sn-card .card-body .email-detail-label {
color: #666666;
text-align: right;
word-wrap: break-word; }
.sn-activity .activity-body .field-name, .sn-activity .card-body .field-name, .sn-card .activity-body .field-name, .sn-card .card-body .field-name {
padding-right: 5%;
margin-bottom: 0;
display: inline;
float: left;
width: 30%;
line-height: 1.1em; }
.sn-activity .activity-body .email-detail-label, .sn-activity .card-body .email-detail-label, .sn-card .activity-body .email-detail-label, .sn-card .card-body .email-detail-label {
width: 10%;
padding-right: 1%;
display: inline-block; }
.sn-activity .activity-body .was-label, .sn-activity .card-body .was-label, .sn-card .activity-body .was-label, .sn-card .card-body .was-label {
color: #666666;
margin-left: 5px; }
.sn-activity .activity-body .old-value, .sn-activity .card-body .old-value, .sn-card .activity-body .old-value, .sn-card .card-body .old-value {
color: #666666;
margin-left: 5px; }
.sn-activity .activity-body .change-value, .sn-activity .card-body .change-value, .sn-card .activity-body .change-value, .sn-card .card-body .change-value {
word-wrap: break-word;
display: inline;
float: left;
width: 70%; }
.sn-activity .activity-body .journal-value, .sn-activity .card-body .journal-value, .sn-card .activity-body .journal-value, .sn-card .card-body .journal-value {
color: #4a4a4a;
position: relative; }
.sn-activity .activity-body .journal-value .arrow, .sn-activity .card-body .journal-value .arrow, .sn-card .activity-body .journal-value .arrow, .sn-card .card-body .journal-value .arrow {
left: -11px;
top: 15px;
margin-left: -5px;
border-width: 8px;
border-right-color: rgba(0, 0, 0, 0.15); }
.sn-activity .activity-body .journal-value .arrow, .sn-activity .activity-body .journal-value .arrow .arrow-inner, .sn-activity .card-body .journal-value .arrow, .sn-activity .card-body .journal-value .arrow .arrow-inner, .sn-card .activity-body .journal-value .arrow, .sn-card .activity-body .journal-value .arrow .arrow-inner, .sn-card .card-body .journal-value .arrow, .sn-card .card-body .journal-value .arrow .arrow-inner {
display: block;
border-style: solid;
width: 0;
height: 0;
color: transparent;
position: absolute; }
.sn-activity .activity-body .journal-value .arrow .arrow-inner, .sn-activity .card-body .journal-value .arrow .arrow-inner, .sn-card .activity-body .journal-value .arrow .arrow-inner, .sn-card .card-body .journal-value .arrow .arrow-inner {
margin-left: 1px;
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 7px;
border-left-width: 0;
content: " ";
top: -7px; }
.sn-activity .activity-body li, .sn-activity .card-body li, .sn-card .activity-body li, .sn-card .card-body li {
list-style: none;
width: 100%;
overflow: hidden; }
.sn-activity .activity-body li.change, .sn-activity .card-body li.change, .sn-card .activity-body li.change, .sn-card .card-body li.change {
margin-bottom: 3px; }
.compact .sn-activity .activity-body li, .compact .sn-activity .activity-body li:first-child, .compact .sn-activity .card-body li, .compact .sn-activity .card-body li:first-child, .compact .sn-card .activity-body li, .compact .sn-card .activity-body li:first-child, .compact .sn-card .card-body li, .compact .sn-card .card-body li:first-child {
margin-top: 0;
margin-bottom: 0; }
.sn-activity a:hover, .sn-card a:hover {
text-decoration: underline; }
.sn-activity strong, .sn-card strong {
line-height: 20px;
line-height: 2rem;
font-size: 1.3rem; }
.sn-activity .created-by, .sn-activity .record-link, .sn-activity .btn-reply, .sn-card .created-by, .sn-card .record-link, .sn-card .btn-reply {
font-size: 13px;
color: #1f8476;
font-weight: 200;
border: none;
background: transparent; }
.sn-activity .btn-reply, .sn-card .btn-reply {
cursor: pointer; }
.sn-activity time, .sn-card time {
font-weight: 400; }
.sn-activity .created-by, .sn-card .created-by {
-webkit-box-flex: 0 0 auto;
-moz-box-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
text-align: right;
color: #000000; }
.sn-activity .record-link, .sn-card .record-link {
-webkit-box-flex: 1 1 auto;
-moz-box-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.sn-activity header, .sn-card header {
margin-bottom: 5px;
margin-bottom: 0.5rem; }
.sn-activity footer, .sn-card footer {
display: block;
text-align: right;
position: relative; }
.sn-activity p, .sn-card p {
margin-bottom: 5px;
margin-bottom: 0.5rem; }

.list-stream-column .activity-title.user-name {
padding: 0;
padding-left: 10px; }
.list-stream-column .activity-content.list-stream-activity-content {
padding: 0;
margin-left: 10px; }

.sn-activity {
margin: 10px 0;
background-color: #ffffff; }
.form-stream .sn-activity {
margin-top: 0; }
.sn-activity .record-link {
-webkit-box-flex: 0 1 auto;
-moz-box-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.sn-activity .list-group-item {
border: none; }
.sn-activity .created-by {
font-weight: bold;
font-size: 13px; }
.activities-list .sn-activity:hover {
cursor: pointer; }

.sn-card .icon-cross-circle {
float: right;
font-size: 16px;
font-size: 1.6rem;
margin-top: -1px;
margin-top: -0.1rem;
margin-right: 1px;
margin-right: 0.1rem; }
.sn-card .icon-cross-circle:hover {
text-decoration: none;
color: #1f8476; }
.sn-card .card-title, .sn-card .record-link {
display: block;
padding: 5px 5px 0 5px;
padding: 0.5rem 0.5rem 0 0.5rem; }
.sn-card .card-title {
font-size: 14px;
font-size: 1.4rem; }
.sn-card .record-link {
font-size: 11px;
font-size: 1.1rem; }
.sn-card .card-body {
margin-top: 16px;
margin-top: 1.6rem; }

.activity-type {
height: 32px;
width: 32px;
display: block;
border: 1px solid #666666;
border-radius: 100%;
line-height: 32px;
text-align: center;
background-color: #1f8476;
color: #ffffff;
font-size: 22px;
display: none; }
.activity-type:before {
margin-top: -3px; }
.activity-type.activity-type-attachment {
background-color: #ff8c3e; }
.activity-type.activity-type-changes {
background-color: #6abecf; }
.activity-type.activity-type-attachment-image {
background-color: #48c891; }
.activity-type.activity-type-journal-worknotes {
background-color: #dfd139; }
.activity-type.activity-type-journal {
background-color: #666666; }

.journal-indicator {
width: 6px;
position: absolute;
top: 3px;
bottom: 3px;
left: 3px;
border-radius: 1px;
z-index: 1; }

.show-more-less-button {
display: none; }

.sn-activity-list .right-column {
padding: 0; }
.sn-activity-list .list-group {
margin-bottom: 0; }
.sn-activity-list .activity-title-separator {
color: #2e2e2e;
font-size: 16px; }
.sn-activity-list .activity-author {
padding-right: 6px; }
.sn-activity-list .avatar-container {
margin-top: 0;
margin-right: 5px; }
.sn-activity-list .activity-content .journal-value .arrow, .sn-activity-list .activity-content .journal-value .arrow-inner {
display: none; }
.sn-activity-list .activity-content-journal {
max-height: 8.57142em;
overflow: hidden;
position: relative; }
.sn-activity-list .activity-content-journal.activity-content-expanded {
max-height: none; }
.sn-activity-list .activity-content-journal .show-more-less-button {
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
display: block;
position: absolute;
top: 6.64285em;
left: 0;
right: 0;
padding-top: 0.5em;
text-align: right;
color: #1f8476;
background: #e6e9eb;;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 30%, #ffffff);; }
.sn-activity-list .activity-icon.activity-type {
display: inline-block; }
.sn-activity-list .activity-body {
margin-bottom: 0; }
.sn-activity-list .user-name {
padding-left: 5px; }
.sn-activity-list .activity-title, .sn-activity-list .activity-timestamp {
padding: 5px 0 20px 0;
float: left; }

.sn-activity-list .activity-title {
float: left; }

.activity-title.user-name {
float: inherit; }

@media (min-width: 768px) {
.sn-activity time {
float: none; }

.journal-field-name {
opacity: 0;
transition: all .3s ease; }
.journal-field-name:after {
content: "\2022";
margin: 0 3px 0 8px; }
.sn-activity:hover .journal-field-name {
opacity: 1; } }
.form-stream form {
margin-bottom: 10px; }
.form-stream .card:hover {
border: 1px solid #e6e9eb; }
.sn-form-inline-stream-entries {
will-change: transform;
}

/**
* Profile Photos
**/
.profile-photo, .profile-initials {
width: 2rem;
height: 2rem;
line-height: 2rem;
color: transparent;
background-color: #ffffff;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
-moz-border-radius: 1rem;
-webkit-border-radius: 1rem;
border-radius: 1rem; }

.additional-assignee-photo {
height: 1.5rem;
width: 1.5rem;
line-height: 1.5rem;
top: 8px; }

.profile-photo {
background-size: cover;
font-size: 1rem; }
.profile-photo.dashed {
border: dashed 2px #666666;
background-color: #FFF;
color: #666666;
text-align: center; }

.profile-initials {
text-align: center;
color: #ffffff !important;
font-weight: bold;
font-size: 1rem;
background-color: #666666; }

.profile-additional-count {
text-align: center;
color: #ffffff !important;
font-weight: bold;
font-size: 1rem;
background-color: #83bfff; }

.profile-initials:hover, .profile-additional-count:hover {
box-shadow: 0 0 0 0 !important; }

.profile-primary-empty {
border: none;
color: #cbcbcb;
font-size: 32px;
height: 33px;
background-color: transparent;
border-radius: 0;
overflow: auto;
line-height: 10px; }

.profile-primary-empty:hover {
box-shadow: 0 0 0 0 !important; }

.profile-none {
background-color: transparent; }

.sn-label {
color: #2e2e2e;
font-size: 0.875rem; }

.sn-form-element-group {
margin-top: 0.9375rem; }

.sn-form-element {
width: 100%;
height: 2.215rem;
line-height: 2.215rem;
font-size: 0.875rem;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 0.1875rem;
-webkit-border-radius: 0.1875rem;
border-radius: 0.1875rem; }

.sn-input, .sn-string-textarea, .sn-journal-input {
border: 1px solid #cbcbcb;
background-color: #ffffff;
color: #2e2e2e;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 6px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 6px inset;
box-shadow: rgba(0, 0, 0, 0.1) 0 2px 6px inset; }

.sn-choice .select2-choice {
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }

.sn-reference .select2-choice {
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 6px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 6px inset;
box-shadow: rgba(0, 0, 0, 0.1) 0 2px 6px inset; }

/* editable DIVs */
.sn-string-textarea, .sn-journal-input {
padding: 0.625rem;
line-height: normal;
height: auto;
min-height: 2.5rem; }

.sn-input {
padding: 0 0.625rem; }

.doctype-stream.list-stream .form-toggle-inputs {
display: none; }
.doctype-stream.list-stream .vtb-toggle-inputs {
float: right; }
@media (max-width: 397px) {
.doctype-stream .sn-stream .record-inputs {
width: 100%; }
.doctype-stream .sn-stream .record-inputs .input-group {
width: 100%; }
.doctype-stream .sn-stream .record-inputs .input-group .dropdown-toggle .toggle-desc {
display: none; }
.doctype-stream .sn-stream .record-inputs .input-group button {
margin-right: -1px; }
.doctype-stream .sn-stream .activities {
padding-bottom: 1rem; } }
.doctype-stream .card-title-bar {
padding: 10px 15px;
padding-bottom: 0; }
.doctype-stream .columns .activity-body {
padding: 10px 15px; }

.sn-stream-view {
background-color: #e6e9eb; }

.sn-activity .sn-controls {
text-align: right; }
.sn-activity .sn-controls .sn-button {
margin: 10px; }

.sn-controls {
margin-top: 5px; }

.sn-stream {
height: 100%;
box-sizing: border-box;
position: relative;
display: block; }
.sn-stream .icon-loading {
font-size: 2rem;
width: 2.07rem;
height: 1.94rem; }
.sn-stream .icon-loading.icon-sm {
font-size: 1.4rem;
width: 1.4rem;
height: 1.4rem; }
.form-field .sn-stream {
border-radius: 3px;
z-index: 1; }
.sn-stream .comment-box textarea {
z-index: 2;
position: relative;
resize: none; }
.sn-stream .comment-box textarea + textarea {
margin-top: 5px; }
.form-stream .sn-stream .comment-box textarea {
z-index: 0; }
.sn-stream .comment-box .sn-controls strong {
margin-right: 1px; }
.sn-stream .comment-box .sn-controls .comment-box-buttons {
padding-bottom: 10px;
width: 100%;
display: block; }
.sn-stream .comment-box .sn-controls .comment-box-buttons:after {
clear: both; }
.sn-stream div.activity-stream-label {
padding-top: 0; }
.sn-stream div.activity-stream-label .activity-stream-label-filtered {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
hyphens: auto; }
.sn-stream .record-inputs-pad {
padding: 128px 0 0 0; }
.form-group .sn-stream .record-inputs-pad {
padding: 0; }
.sn-stream .record-inputs {
position: absolute;
z-index: 100;
padding: 0 15px 10px;
border-bottom: 1px solid #cbcbcb;
background-color: #ffffff;
width: 100%; }
.form-group .sn-stream .record-inputs {
position: relative;
border-bottom: none; }
.form-group .sn-stream .record-inputs .comment-box .sn-controls strong {
margin-right: 1px; }
.form-group .sn-stream .record-inputs .comment-box .sn-controls span.comment-box-buttons {
padding: 10px .3em 10px 0;
width: auto;
display: inline; }
.form-group .sn-stream .record-inputs .comment-box .sn-controls .sn-user-presense-container {
display: inline;
border-bottom: medium none;
padding: 12px 10px 0 2px; }
.form-group .sn-stream .record-inputs .comment-box .sn-controls .sn-user-presense-container .sn-user-presence {
font-size: 12px; }
.form-group .sn-stream .record-inputs .comment-box .sn-controls .btn-worknote {
background-color: LightGoldenRodYellow; }
.sn-stream .activities {
list-style: none;
clear: both;
position: relative;
padding: 0 15px;
margin-bottom: 15px; }
.sn-stream .activities.no-inputs {
padding-top: 0; }
.sn-stream .activities.no-inputs:before {
display: none; }
.form-stream .sn-stream .activities {
padding-left: 0;
padding-right: 0; }
.sn-stream .input-type-icon {
margin-right: .5rem; }
.sn-stream .dropdown-toggle .icon-vcr-down {
margin-left: .5rem;
font-size: 1rem;
vertical-align: text-top; }
.sn-stream .sn-stream-comments {
padding: 10px; }
.sn-stream .sn-stream-comments .sn-string-textarea {
margin-bottom: 10px; }
.sn-stream .block-content .sn-stream-items {
min-height: 100%; }
.sn-stream .sn-stream-items {
height: 100%;
width: 100%;
padding: 0 14px;
overflow: scroll;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
background-color: #e6e9eb; }
.sn-stream .sn-stream-item {
margin: 10px auto;
min-height: 42px;
position: relative;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.sn-stream .sn-stream-item.ng-enter {
top: -100px;
-moz-transition: top 0.5s ease-out;
-o-transition: top 0.5s ease-out;
-webkit-transition: top 0.5s ease-out;
transition: top 0.5s ease-out; }
.sn-stream .sn-stream-item.ng-enter.ng-enter-active {
top: 0; }
.sn-stream .sn-stream-item .sn-stream-item-background {
padding: 10px;
border: 1px solid #cbcbcb;
border-radius: 4px;
background-color: #ffffff; }
.sn-stream .sn-stream-item .sn-stream-item-background.work_notes {
border-color: #dfd139;
background-color: LightGoldenRodYellow; }
.sn-stream .sn-stream-header .sn-stream-header-left {
display: table-cell;
padding-right: 10px; }
.sn-stream .sn-stream-header .sn-stream-header-right {
display: table-cell;
width: 100%;
vertical-align: middle; }
.sn-stream .sn-stream-header .sn-stream-icon {
height: 30px;
width: 30px;
overflow: hidden;
display: inline-block;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; }
.sn-stream .sn-stream-header .sn-stream-icon img {
width: 30px; }
.sn-stream .sn-stream-header .sn-stream-icon-none {
background-color: #4a4a4a;
color: #e6e9eb;
font-weight: bold;
text-align: center;
vertical-align: middle;
line-height: 30px; }
.sn-stream .sn-user-presense-container {
padding: 8px 0 0;
float: left;
width: 100%; }
.sn-stream .sn-controls .sn-user-presense-container {
border-bottom: medium none;
padding: 2px 10px 0 10px; }
.sn-stream .sn-controls .sn-user-presense-container .sn-user-presence {
padding: 0px .3em 0px 0;
font-size: 11px; }
.sn-stream .sn-controls .btn-default {
margin-left: 5px; }
.sn-stream .sn-controls .btn-worknote {
background-color: LightGoldenRodYellow;
margin-right: 10px; }
.sn-stream .sn-stream-presence-label {
position: relative;
top: 1px; }
.sn-stream .sn-user-presence {
float: left;
list-style: none;
padding-right: 0.3em; }
.sn-stream .sn-user-presence.ng-enter, .sn-stream .sn-user-presence.ng-leave {
opacity: 0;
max-height: 0;
-moz-transition: max-height 0.7s, opacity 1s;
-o-transition: max-height 0.7s, opacity 1s;
-webkit-transition: max-height 0.7s, opacity 1s;
transition: max-height 0.7s, opacity 1s; }
.sn-stream .sn-user-presence.ng-enter.ng-enter-active, .sn-stream .sn-user-presence.ng-leave {
opacity: 1;
max-height: 300px; }
.sn-stream .sn-user-presence.ng-leave.ng-leave-active, .sn-stream .sn-user-presence.ng-enter {
opacity: 0;
max-height: 0; }
.sn-stream .sn-stream-body {
margin: 3px 0 0 5px;
color: #2e2e2e; }
.sn-stream .sn-stream-body ul {
list-style: none; }
.sn-stream .sn-stream-body li {
white-space: pre-wrap;
word-wrap: break-word; }
.sn-stream .sn-stream-body .sn-stream-field-title {
margin-right: 7px;
font-size: .9em; }
.sn-stream .sn-stream-body .sn-stream-new-value {
color: #2e2e2e; }
.sn-stream .sn-stream-body .work_notes {
margin: 0 -3px;
padding: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
.sn-stream .sn-stream-entry-updated-by {
margin-top: 8px;
font-size: 0.625rem;
color: #1f8476; }
.sn-stream .sn-stream-change-previous {
max-height: 0;
opacity: 0;
-moz-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease; }
.sn-stream .sn-stream-change-previous:before {
content: '   '; }
.sn-stream li:hover > .sn-stream-change-previous {
max-height: auto;
opacity: 0.8; }
.sn-stream .sn-stream-record-link::before {
content: ' ';
color: #1f8476; }
.sn-stream .sn-stream-record-link {
color: #1f8476;
font-weight: 400;
text-decoration: none; }
.sn-stream .sn-stream-footer {
display: block;
text-align: right;
padding: 5px 10px 5px 10px;
color: #2e2e2e;
background-color: transparent;
font-size: 11px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.sn-stream .sn-stream-footer a {
margin-right: 10px;
text-decoration: none; }
.sn-stream .sn-stream-show-all {
color: #1f8476;
padding-right: 3px;
padding-left: 3px;
word-wrap: initial; }

.sn-stream-compose {
height: auto;
width: 100%;
padding: 10px; }
.sn-stream-compose .sn-stream-compose-body {
width: 100%; }
.sn-stream-compose .sn-button {
float: right;
margin-top: 8px; }
.sn-stream-compose .sn-string-textarea {
line-height: normal;
background-color: white; }

div:empty:not(:focus)[data-placeholder]:before {
content: attr(data-placeholder); }

.doctype-stream {
height: 100%; }

/* RTL specific CSS for FaceLift UI */
.rtl .sn-stream-item {
direction: rtl;
text-align: right;
display: none; }
.rtl .sn-stream-item .sn-stream-header {
right: -6px;
left: auto; }
.rtl .sn-stream-item .sn-stream-header .sn-stream-header-left {
padding-left: 10px;
padding-right: 0px; }
.rtl .sn-stream-item .sn-stream-body .sn-stream-field-title {
margin-left: 5px;
margin-right: 0px; }
.rtl .sn-stream-item .sn-stream-comments .sn-controls, .rtl .sn-stream-item .sn-stream-footer {
text-align: left; }

.stream-attachment {
margin-bottom: 0; }

.stream-thumbnail, .stream-thumbnail img {
max-width: 100%;
max-height: 500px;
padding: 3px; }

.stream-thumbnail-placeholder {
width: 150px;
height: 40px;
display: inline-block;
font-size: 24px;
text-align: center; }

.stream-thumbnail-filesize {
margin-left: 50px; }

.stream-attachment-square {
width: 32px;
height: 32px;
line-height: 32px;
border: 1px solid #386acf;
color: #386acf;
display: inline-block;
vertical-align: middle;
text-align: center;
text-transform: uppercase; }

.stream-attachment-details {
display: inline-block;
vertical-align: middle;
margin-left: 10px; }

li.change {
list-style: none;
line-height: 1; }

.doctype-record-stream {
height: 100%; }

.list-stream .record-inputs {
top: 10px;
padding-left: 0;
padding-right: 0; }

.list-stream-record {
position: absolute;
background-color: white;
width: 100%;
left: 0; }
.list-stream-record .sn-stream {
height: initial; }
.list-stream-record .sn-stream .record-inputs {
left: 0;
padding: 10px 0; }
.list-stream-record .sn-stream .record-inputs-pad {
padding-top: 172px; }

.compact .list-stream-record .sn-stream .record-inputs-pad {
padding-top: 145px; }

.list-stream-record.stream-in-frame {
top: 0; }

.list-stream-record-header {
position: absolute;
background-color: #e6e8ea;
z-index: 200;
width: 100%;
height: 55px;
top: 0;
left: 0;
border-left: 1px solid #bdc0c4;
border-right: 1px solid #bdc0c4; }
.list-stream-record-header .btn {
padding: 4px 9px;
margin: 13px 0 6px 10px; }
.list-stream-record-header .list-stream-header-display {
position: relative;
top: 5px;
left: 5px; }
.list-stream-record-header .open-record-from-stream {
position: relative;
right: 10px; }

.activity-field-chooser {
display: inline-block; }
.activity-plank .activity-field-chooser {
margin-top: 5px; }
.card-details .activity-field-chooser {
margin-top: 10px; }
.activity-field-chooser .input-group-checkbox {
margin-top: 2px;
display: inline-block; }
.list-stream .activity-field-chooser .input-group-checkbox {
margin-top: 7px; }
.activity-field-chooser .checkbox-label:before {
margin-top: -2px; }
.activity-plank .activity-field-chooser .checkbox-label:before, .card-details .activity-field-chooser .checkbox-label:before {
margin-top: -3px; }

.sn-stream-textarea-container {
position: relative; }

.sn-stream-bound-value {
white-space: pre-wrap; }

.sn-stream-input-decorator {
z-index: 3;
position: absolute;
top: 5px;
left: 5px;
bottom: 5px;
display: block;
width: 6px;
border-radius: 1px; }
.compact .sn-stream-input-decorator {
top: 3px;
left: 3px;
bottom: 3px; }
.sn-stream-input-decorator + textarea, .compact .sn-stream-input-decorator + textarea {
padding-left: 14px; }

.v2-stream {
margin-top: 54px; }

.compact .container-fluid.comment-box {
padding-left: 15px;
padding-right: 15px; }

.stream-comments {
overflow: auto;
height: 100%;
position: fixed;
padding-top: 170px;
bottom: 0;
display: block; }

.sn-form-stream-inline {
position: static; }

.sn-form-inline-stream-container {
clear: both; }

@media (max-width: 800px) {
.activity-stream-label-counter {
display: inline;
padding-right: 5px; }

.compact .sn-form-inline-stream-container {
padding-top: 8px; } }
.sn-form-inline-stream-entries-only {
margin-top: -32px; }

.msie11 .activity-stream-label .activity-stream-label-filtered {
display: block; }

@media (max-width: 799px) {
.sn-form-inline-stream-entries {
margin-top: -6px; }

.sn-form-inline-stream-entries-only {
margin-top: -38px; } }
.sn-form-inline-stream-container .sn-video {
width: 100%; }

.sn-form-stream-input-area_inline {
margin-bottom: 10px;
padding-bottom: 10px; }

ul.sn-activity-stream-reset {
margin: 0;
padding: 0; }

.stream-action {
outline-offset: 2px !important; }
/*! RESOURCE: styles/snippets.css */
.sn-snippet-form .required-marker {
display: block !important; }

.sn-snippet-form .row {
border-bottom: none; }
.sn-snippet-form .row .btn {
margin-left: 10px; }

.sn-snippet-inline {
border: 1px solid #e7e9eb;
padding: 0; }
.sn-snippet-inline .sn-result-header {
border-bottom: 1px solid #e7e9eb;
padding: 6px 4px 6px 0; }
.sn-snippet-inline .sn-snippet-form {
margin-top: 10px; }
.sn-snippet-inline .sn-snippet-form .row {
margin: 0 0 10px; }

.sn-snippet-popover {
min-width: 340px;
margin: -9px -14px;
max-width: 340px; }
.sn-snippet-popover .sn-result-header {
display: none; }
.sn-snippet-popover .snippet-row .snippet-keyword {
display: none; }

.sn-snippet-search {
padding: 0; }
.sn-snippet-search.popover-body {
padding: 0; }
.sn-snippet-search.popover-body .row {
margin: 0; }

.sn-snippet-header {
border-bottom: 1px solid #e7e9eb; }
.sn-snippet-header.row {
margin: 0;
padding: 9px 14px; }
.sn-snippet-header h4 {
height: 31px;
display: inline-block;
line-height: 31px;
margin: 0;
width: 50%; }

.sn-snippet-body.row {
margin: 0;
padding: 0; }

.sn-snippet-body .no-snippets {
cursor: default;
font-size: 16px;
font-weight: bold;
padding: 20px 15px;
text-align: center; }

.sn-snippet-typeahead .twitter-typeahead {
width: 100%; }
.sn-snippet-typeahead .twitter-typeahead input {
background-color: #ffffff !important;
border: 1px solid #e6e9eb;
border-radius: 0;
border-width: 0 0 1px;
box-shadow: none;
font-size: 16px;
height: auto;
max-height: 200px;
overflow-x: hidden;
overflow-y: auto;
margin: 0;
padding: 10px 10px;
resize: none;
width: 100%; }
.sn-snippet-typeahead .twitter-typeahead input:focus {
outline: none; }
.sn-snippet-typeahead .twitter-typeahead pre {
height: 1px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 1px; }
.sn-snippet-typeahead .twitter-typeahead .no-results {
cursor: default;
font-weight: bold;
padding: 20px 15px;
text-align: center; }
.sn-snippet-typeahead .twitter-typeahead .header {
background-color: #e7e9eb;
border: 1px solid #e7e9eb;
border-width: 1px 0;
display: none;
font-size: 10px;
padding: 10px; }
.sn-snippet-typeahead .twitter-typeahead .tt-menu {
bottom: auto !important;
display: block !important;
left: auto !important;
height: 200px;
overflow-y: auto;
position: relative !important;
right: auto !important;
top: auto !important;
width: 100%; }
.sn-snippet-typeahead .twitter-typeahead .tt-menu .row {
margin: 0; }
.sn-snippet-typeahead .twitter-typeahead .tt-menu .snippet-row {
padding: 5px 0;
border-bottom: 1px solid #e7e9eb; }
.sn-snippet-typeahead .twitter-typeahead .tt-menu .snippet-row:hover .snippet-edit {
display: block; }
.sn-snippet-typeahead .twitter-typeahead .tt-menu .snippet-row.tt-cursor {
background-color: #e7e9eb; }
.sn-snippet-typeahead .twitter-typeahead .tt-menu .snippet-text {
padding-left: 0; }
.sn-snippet-typeahead .twitter-typeahead .tt-menu .snippet-edit {
cursor: pointer;
display: none;
padding-right: 0;
text-align: right; }

/*! RESOURCE: styles/thirdparty/jquery.qtip/jquery.qtip.min.css */
/* qTip2 v2.2.0-62- | Plugins: tips | Styles: core css3 | qtip2.com | Licensed MIT, GPL | Fri May 30 2014 11:02:55 */

.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}.qtip-content{position:relative;padding:5px 9px;overflow:hidden;text-align:left;word-wrap:break-word}.qtip-titlebar{position:relative;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;z-index:11;cursor:pointer;outline:medium none;border:1px solid transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-icon .ui-icon,.qtip-titlebar .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:normal bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}.qtip-default{border:1px solid #F1D031;background-color:#FFFFA3;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.qtip-bootstrap,.qtip-rounded,.qtip-tipsy{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.qtip-rounded .qtip-titlebar{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border:0 solid transparent;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000));background-image:-webkit-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,#000 100%)}.qtip-youtube .qtip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"}.qtip-youtube .qtip-icon{border-color:#222}.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.qtip-jtools .qtip-titlebar{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"}.qtip-jtools .qtip-content,.qtip-jtools .qtip-titlebar{background:0 0;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px #000}.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10px;background-color:transparent}.qtip-tipsy .qtip-content{padding:6px 10px}.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"}.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}.qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}.qtip-bootstrap .qtip-content{padding:9px 14px}.qtip-bootstrap .qtip-icon{background:0 0}.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}.qtip .qtip-tip,x:-o-prefocus{visibility:hidden}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:0 0;border:0 dashed transparent}.qtip .qtip-tip canvas{top:0;left:0}.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible}
/*! RESOURCE: styles/snFlyout.css */
/* line 19, sass/snFlyout.scss */
.sn-tabbed-view {
list-style: none;
}

/* line 23, sass/snFlyout.scss */
.sn-tab-view {
padding: 10px;
padding: 1rem;
}

/* line 28, sass/snFlyout.scss */
.flyout {
position: absolute;
z-index: 100;
}
/* line 33, sass/snFlyout.scss */
.flyout.debug .flyout-handle {
background-color: black;
}
/* line 37, sass/snFlyout.scss */
.flyout.debug .flyout-header {
background-color: blue;
}
/* line 41, sass/snFlyout.scss */
.flyout.debug .flyout-body {
background-color: green;
}
/* line 45, sass/snFlyout.scss */
.flyout.debug .flyout-panel-right {
background-color: orange;
}
/* line 50, sass/snFlyout.scss */
.flyout.fly-from-left, .flyout.fly-from-right {
height: 100%;
margin-top: 10px;
margin-top: 1rem;
}
/* line 56, sass/snFlyout.scss */
.flyout.fly-from-left .flyout-handle {
right: -40px;
right: -4rem;
}
/* line 60, sass/snFlyout.scss */
.flyout.fly-from-left .flyout-body {
border-right: solid 1px #e6e9eb;
left: 0;
}
/* line 65, sass/snFlyout.scss */
.flyout.fly-from-left .flyout-tabs {
right: -40px;
right: -4rem;
}
/* line 69, sass/snFlyout.scss */
.flyout.fly-from-left .flyout-handle, .flyout.fly-from-left .flyout-tab {
border-top-right-radius: 3px;
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 3px;
border-bottom-right-radius: 0.3rem;
}
/* line 76, sass/snFlyout.scss */
.flyout.fly-from-right .flyout-handle {
left: -40px;
left: -4rem;
}
/* line 80, sass/snFlyout.scss */
.flyout.fly-from-right .flyout-body {
border-left: solid 1px #cbcbcb;
left: 0;
}
/* line 85, sass/snFlyout.scss */
.flyout.fly-from-right .flyout-tab {
margin-left: 6px;
margin-left: 0.6rem;
}
/* line 89, sass/snFlyout.scss */
.flyout.fly-from-right .flyout-tabs {
left: -40px;
left: -4rem;
}
/* line 93, sass/snFlyout.scss */
.flyout.fly-from-right .flyout-handle, .flyout.fly-from-right .flyout-tab {
border-top-left-radius: 3px;
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 3px;
border-bottom-left-radius: 0.3rem;
}
/* line 99, sass/snFlyout.scss */
.flyout.fly-from-bottom, .flyout.fly-from-top {
width: 100%;
height: 400px;
height: 40rem;
}
/* line 103, sass/snFlyout.scss */
.flyout.fly-from-bottom .flyout-header-wrapper, .flyout.fly-from-top .flyout-header-wrapper {
width: 100%;
}
/* line 107, sass/snFlyout.scss */
.flyout.fly-from-bottom .flyout-header, .flyout.fly-from-top .flyout-header {
width: 100%;
}
/* line 111, sass/snFlyout.scss */
.flyout.fly-from-bottom .flyout-handle, .flyout.fly-from-top .flyout-handle {
margin-left: 10px;
margin-left: 1rem;
}
/* line 115, sass/snFlyout.scss */
.flyout.fly-from-bottom .flyout-body, .flyout.fly-from-top .flyout-body {
float: left;
width: 100%;
height: 320px;
height: 32rem;
top: 80px;
top: 8rem;
}
/* line 124, sass/snFlyout.scss */
.flyout.fly-from-top .flyout-body {
top: 0;
}
/* line 128, sass/snFlyout.scss */
.flyout.fly-from-top .flyout-header-wrapper {
position: absolute;
top: 320px;
top: 32rem;
}
/* line 133, sass/snFlyout.scss */
.flyout.fly-from-top .flyout-handle {
position: absolute;
top: 40px;
top: 4rem;
}
/* line 138, sass/snFlyout.scss */
.flyout.fly-from-top .flyout-tabs {
width: auto;
bottom: 0;
right: 0;
top: initial;
left: 50px;
left: 5rem;
height: 40px;
height: 4rem;
}
/* line 147, sass/snFlyout.scss */
.flyout.fly-from-top .flyout-tab {
float: left;
margin-top: auto;
margin-left: 5px;
margin-left: 0.5rem;
height: 34px;
height: 3.4rem;
width: 40px;
width: 4rem;
}
/* line 155, sass/snFlyout.scss */
.flyout.fly-from-top .flyout-handle, .flyout.fly-from-top .flyout-tab {
border-bottom-left-radius: 3px;
border-bottom-left-radius: 0.3rem;
border-bottom-right-radius: 3px;
border-bottom-right-radius: 0.3rem;
}
/* line 162, sass/snFlyout.scss */
.flyout.fly-from-bottom .flyout-header {
position: absolute;
top: 40px;
top: 4rem;
}
/* line 167, sass/snFlyout.scss */
.flyout.fly-from-bottom .flyout-tabs {
width: auto;
top: 0;
right: 0;
left: 50px;
left: 5rem;
height: 40px;
height: 4rem;
}
/* line 175, sass/snFlyout.scss */
.flyout.fly-from-bottom .flyout-tab {
float: left;
margin-left: 5px;
margin-left: 0.5rem;
height: 34px;
height: 3.4rem;
width: 40px;
width: 4rem;
margin-top: 6px;
margin-top: 0.6rem;
}
/* line 183, sass/snFlyout.scss */
.flyout.fly-from-bottom .flyout-handle, .flyout.fly-from-bottom .flyout-tab {
border-top-left-radius: 3px;
border-top-left-radius: 0.3rem;
border-top-right-radius: 3px;
border-top-right-radius: 0.3rem;
}

/* line 190, sass/snFlyout.scss */
.flyout-tabs {
position: absolute;
bottom: 0;
top: 40px;
top: 4rem;
width: 40px;
width: 4rem;
list-style-type: none;
}

/* line 198, sass/snFlyout.scss */
.flyout-tab {
background-color: #4a4a4a;
width: 34px;
width: 3.4rem;
height: 40px;
height: 4rem;
margin-top: 5px;
margin-top: 0.5rem;
}
/* line 205, sass/snFlyout.scss */
.flyout-tab.state-selected {
background-color: #cbcbcb;
}

/* line 210, sass/snFlyout.scss */
.flyout-handle {
background-color: #2e2e2e;
position: absolute;
width: 40px;
width: 4rem;
height: 40px;
height: 4rem;
}

/* line 217, sass/snFlyout.scss */
.flyout-header {
background-color: #2e2e2e;
width: 320px;
width: 32rem;
height: 40px;
height: 4rem;
}

/* line 223, sass/snFlyout.scss */
.flyout-body {
position: absolute;
bottom: 0;
background-color: #cbcbcb;
width: 320px;
width: 32rem;
top: 40px;
top: 4rem;
}
/*! RESOURCE: styles/aside.css */
/* line 11, sass/aside.scss */
.aside-panel-wrapper {
font: 100% Helvetica neue, sans-serif;
}
/* line 14, sass/aside.scss */
.aside-panel-wrapper .icon-toolbar {
font-size: 24px;
padding: 18px 0 18px 0;
}
/* line 18, sass/aside.scss */
.aside-panel-wrapper .icon-toolbar [class^="icon-"] {
color: #cbcbcb;
width: 25%;
vertical-align: top;
display: inline-block;
*display: inline;
zoom: 1;
cursor: pointer;
}
/* line 29, sass/aside.scss */
.aside-panel-wrapper .aside-panel-content-wrapper {
border: 1px solid #e7e9eb;
}
/* line 32, sass/aside.scss */
.aside-panel-wrapper .aside-panel-content-wrapper .aside-panel-header {
border-bottom: 1px solid #e7e9eb;
padding: 24px;
}
/* line 36, sass/aside.scss */
.aside-panel-wrapper .aside-panel-content-wrapper .aside-panel-header .h2 {
font-weight: 100;
color: #cbcbcb;
}
/* line 41, sass/aside.scss */
.aside-panel-wrapper .aside-panel-content-wrapper .aside-panel-header [class^="icon-"] {
color: #cbcbcb;
font-size: 24px;
line-height: 24px;
cursor: pointer;
}
/* line 49, sass/aside.scss */
.aside-panel-wrapper .aside-panel-content-wrapper .aside-panel-content {
padding: 24px;
}
/* line 52, sass/aside.scss */
.aside-panel-wrapper .aside-panel-content-wrapper .aside-panel-content [class^="icon-"] {
color: #cbcbcb;
font-size: 18px;
}
/* line 57, sass/aside.scss */
.aside-panel-wrapper .aside-panel-content-wrapper .aside-panel-content .content-header {
margin-bottom: 16px;
}
/* line 61, sass/aside.scss */
.aside-panel-wrapper .aside-panel-content-wrapper .aside-panel-content .content-area {
margin-bottom: 24px;
}
/*! RESOURCE: styles/modal_aside.css */
/* line 11, sass/modal_aside.scss */
.modal-aside {
font: 100% Helvetica neue, sans-serif;
}
/* line 14, sass/modal_aside.scss */
.modal-aside .icon-tray {
font-size: 24px;
padding: 12px;
border-bottom: 1px solid #e7e9eb;
width: 100%;
min-height: 60px;
}
/* line 21, sass/modal_aside.scss */
.modal-aside .icon-tray .icon-tray-menu {
width: 300px;
}
/* line 25, sass/modal_aside.scss */
.modal-aside .icon-tray [class^="icon-"] {
color: #cbcbcb;
width: 25%;
vertical-align: top;
display: inline-block;
*display: inline;
zoom: 1;
cursor: pointer;
}

/*! RESOURCE: styles/sn_presence.css */
/* line 3, sass/sn_presence.scss */
sn-presence {
display: inline-block;
width: 1rem;
height: 1rem;
border-radius: 50%;
}

/* line 10, sass/sn_presence.scss */
.avatar-large sn-presence {
right: 3px !important;
bottom: 3px !important;
}

/* line 16, sass/sn_presence.scss */
.presence.presence-online {
background-color: #48c891;
}
/* line 20, sass/sn_presence.scss */
.presence.presence-away {
background-color: #dfd139;
}
/* line 24, sass/sn_presence.scss */
.presence.presence-offline {
background-color: transparent;
}

/* line 29, sass/sn_presence.scss */
.avatar-small sn-presence {
width: .7rem;
height: .7rem;
}
/*! RESOURCE: styles/sn_avatar.css */
.sn-flexbox {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }

.avatar-container {
-webkit-box-flex: 0 0 auto;
-moz-box-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
background-size: cover;
border-radius: 50%;
height: 3.2rem;
width: 3.2rem;
cursor: pointer;
color: #ffffff;
display: inline-block;
font-weight: bold;
position: relative;
text-align: center;
vertical-align: middle; }
.avatar-container.avatar-small {
width: 2.2rem;
height: 2.2rem; }
.avatar-container.avatar-small .avatar.soloAvatar .sub-avatar {
line-height: 2.2rem; }
.avatar-container.avatar-medium {
width: 4rem;
height: 4rem; }
.avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar {
line-height: 4rem; }
.avatar-container.avatar-large {
width: 4.8rem;
height: 4.8rem; }
.avatar-container.avatar-large .avatar.soloAvatar .sub-avatar {
font-size: 1.8rem;
line-height: 4.8rem; }
.avatar-container.avatar-popover {
width: 78px;
height: 78px; }
.avatar-container.avatar-large.group {
height: 4.2rem;
width: 5.6rem;
border-radius: 0rem;
background: transparent; }
.avatar-container.avatar-large.group .avatar.soloAvatar {
position: absolute;
border: 1px solid transparent;
width: 4.2rem;
height: 4.2rem; }
.avatar-container.avatar-large.group .avatar.soloAvatar .sub-avatar {
font-size: 1.8rem;
line-height: 4.2rem; }
.avatar-container.group {
border-radius: 0rem;
background: transparent;
position: relative; }
.avatar-container.group .avatar.soloAvatar {
position: absolute;
border: 1px solid transparent;
width: 3rem;
height: 3rem; }
.avatar-container.group .avatar.soloAvatar.top {
top: 15%;
left: 20%; }
.avatar-container.group .avatar.soloAvatar.bottom {
top: -20%;
left: -15%; }
.avatar-container.group .avatar.soloAvatar .sub-avatar {
line-height: 3rem; }
.avatar-container.multi, .avatar-container.document {
border-radius: 0rem;
background: transparent; }
.avatar-container.multi .avatar.soloAvatar, .avatar-container.document .avatar.soloAvatar {
border-radius: 0rem; }
.avatar-container .avatar {
justify-content: center;
position: relative;
width: 100%;
height: 100%;
overflow: hidden; }
.avatar-container .avatar .sub-avatar {
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
width: 50%;
height: 50%;
display: block;
overflow: hidden;
border-radius: 50%;
background: rgba(0, 0, 0, 0.15) center;
background-size: cover;
box-sizing: border-box;
font-size: 0.8rem;
line-height: 1.6rem; }
.avatar-container .avatar .sub-avatar.counter {
border: 1px solid rgba(0, 0, 0, 0.2); }
.avatar-container .avatar.soloAvatar {
background: rgba(0, 0, 0, 0.15) center;
border-radius: 50%; }
.avatar-container .avatar.soloAvatar .sub-avatar {
width: 100%;
height: 100%;
border-radius: 0;
font-size: 1rem;
line-height: 3.2rem; }
.avatar-container .avatar.soloAvatar .sub-avatar:focus {
border: 1px solid #278efc;
border-radius: 50%;
outline: 0; }
.avatar-container .avatar.soloAvatar .sub-avatar span {
vertical-align: top; }
.avatar-container sn-presence {
position: absolute;
bottom: -0.1rem;
right: -0.1rem; }

/*! RESOURCE: styles/dist/common/sn_common.css */
.sn-feed-footer:before, .sn-feed-footer-message .twitter-typeahead:before, .sn-feed-footer:after, .sn-feed-footer-message .twitter-typeahead:after {
content: ' ';
display: table; }

.sn-feed-footer:after, .sn-feed-footer-message .twitter-typeahead:after {
clear: both; }

.sn-connect .avatar-container .avatar.soloAvatar .sub-avatar, .avatar-popover .avatar-container .avatar.soloAvatar .sub-avatar, .sn-card-component .avatar-container .avatar.soloAvatar .sub-avatar, .sn-mention .avatar-container .avatar.soloAvatar .sub-avatar, .sn-live-search-popover .avatar-container .avatar.soloAvatar .sub-avatar, .sn-connect .avatar-container .avatar .sub-avatar, .sn-vtb .card-details .avatar-container .avatar .sub-avatar, .sn-vtb .vtb-quick-panel .avatar-container .avatar .sub-avatar, .sn-vtb .vtb-aside-body .avatar-container .avatar .sub-avatar, .avatar-popover .avatar-container .avatar .sub-avatar, .sn-card-component .avatar-container .avatar .sub-avatar, .sn-mention .avatar-container .avatar .sub-avatar, .sn-live-search-popover .avatar-container .avatar .sub-avatar {
height: 100%;
width: 100%;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #e6e9eb;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.sn-connect .avatar-container .avatar .counter.sub-avatar, .sn-vtb .card-details .avatar-container .avatar .counter.sub-avatar, .sn-vtb .vtb-quick-panel .avatar-container .avatar .counter.sub-avatar, .sn-vtb .vtb-aside-body .avatar-container .avatar .counter.sub-avatar, .avatar-popover .avatar-container .avatar .counter.sub-avatar, .sn-card-component .avatar-container .avatar .counter.sub-avatar, .sn-mention .avatar-container .avatar .counter.sub-avatar, .sn-live-search-popover .avatar-container .avatar .counter.sub-avatar {
display: none; }
.sn-connect .avatar-container .avatar.soloAvatar .sub-avatar span, .avatar-popover .avatar-container .avatar.soloAvatar .sub-avatar span, .sn-card-component .avatar-container .avatar.soloAvatar .sub-avatar span, .sn-mention .avatar-container .avatar.soloAvatar .sub-avatar span, .sn-live-search-popover .avatar-container .avatar.soloAvatar .sub-avatar span, .sn-connect .avatar-container .avatar .sub-avatar span, .sn-vtb .card-details .avatar-container .avatar .sub-avatar span, .sn-vtb .vtb-quick-panel .avatar-container .avatar .sub-avatar span, .sn-vtb .vtb-aside-body .avatar-container .avatar .sub-avatar span, .avatar-popover .avatar-container .avatar .sub-avatar span, .sn-card-component .avatar-container .avatar .sub-avatar span, .sn-mention .avatar-container .avatar .sub-avatar span, .sn-live-search-popover .avatar-container .avatar .sub-avatar span {
color: #2e2e2e;
vertical-align: middle; }

.sn-connect .avatar-container, .sn-vtb .card-details .avatar-container, .sn-vtb .vtb-quick-panel .avatar-container, .sn-vtb .vtb-aside-body .avatar-container, .avatar-popover .avatar-container, .sn-card-component .avatar-container, .sn-mention .avatar-container, .sn-live-search-popover .avatar-container {
height: 42px;
width: 42px;
border-radius: 0;
color: #ffffff;
cursor: default;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-weight: normal;
position: relative;
text-align: center;
vertical-align: middle; }
.sn-connect .avatar-container.group, .sn-vtb .card-details .avatar-container.group, .sn-vtb .vtb-quick-panel .avatar-container.group, .sn-vtb .vtb-aside-body .avatar-container.group, .avatar-popover .avatar-container.group, .sn-card-component .avatar-container.group, .sn-mention .avatar-container.group, .sn-live-search-popover .avatar-container.group {
border-radius: 0; }
.sn-connect .avatar-container.group .avatar.soloAvatar, .sn-vtb .card-details .avatar-container.group .avatar.soloAvatar, .sn-vtb .vtb-quick-panel .avatar-container.group .avatar.soloAvatar, .sn-vtb .vtb-aside-body .avatar-container.group .avatar.soloAvatar, .avatar-popover .avatar-container.group .avatar.soloAvatar, .sn-card-component .avatar-container.group .avatar.soloAvatar, .sn-mention .avatar-container.group .avatar.soloAvatar, .sn-live-search-popover .avatar-container.group .avatar.soloAvatar {
height: 21px;
width: 21px;
border: none;
position: absolute; }
.sn-connect .avatar-container.group .avatar.soloAvatar.top, .sn-vtb .card-details .avatar-container.group .avatar.soloAvatar.top, .sn-vtb .vtb-quick-panel .avatar-container.group .avatar.soloAvatar.top, .sn-vtb .vtb-aside-body .avatar-container.group .avatar.soloAvatar.top, .avatar-popover .avatar-container.group .avatar.soloAvatar.top, .sn-card-component .avatar-container.group .avatar.soloAvatar.top, .sn-mention .avatar-container.group .avatar.soloAvatar.top, .sn-live-search-popover .avatar-container.group .avatar.soloAvatar.top, .sn-connect .avatar-container.group .avatar.soloAvatar.bottom, .sn-vtb .card-details .avatar-container.group .avatar.soloAvatar.bottom, .sn-vtb .vtb-quick-panel .avatar-container.group .avatar.soloAvatar.bottom, .sn-vtb .vtb-aside-body .avatar-container.group .avatar.soloAvatar.bottom, .avatar-popover .avatar-container.group .avatar.soloAvatar.bottom, .sn-card-component .avatar-container.group .avatar.soloAvatar.bottom, .sn-mention .avatar-container.group .avatar.soloAvatar.bottom, .sn-live-search-popover .avatar-container.group .avatar.soloAvatar.bottom {
left: auto;
top: auto; }
.sn-connect .avatar-container.group .avatar.soloAvatar .sub-avatar, .sn-vtb .card-details .avatar-container.group .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-quick-panel .avatar-container.group .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-aside-body .avatar-container.group .avatar.soloAvatar .sub-avatar, .avatar-popover .avatar-container.group .avatar.soloAvatar .sub-avatar, .sn-card-component .avatar-container.group .avatar.soloAvatar .sub-avatar, .sn-mention .avatar-container.group .avatar.soloAvatar .sub-avatar, .sn-live-search-popover .avatar-container.group .avatar.soloAvatar .sub-avatar {
line-height: 1; }
.sn-connect .avatar-container.group .avatar.soloAvatar .sub-avatar span, .sn-vtb .card-details .avatar-container.group .avatar.soloAvatar .sub-avatar span, .sn-vtb .vtb-quick-panel .avatar-container.group .avatar.soloAvatar .sub-avatar span, .sn-vtb .vtb-aside-body .avatar-container.group .avatar.soloAvatar .sub-avatar span, .avatar-popover .avatar-container.group .avatar.soloAvatar .sub-avatar span, .sn-card-component .avatar-container.group .avatar.soloAvatar .sub-avatar span, .sn-mention .avatar-container.group .avatar.soloAvatar .sub-avatar span, .sn-live-search-popover .avatar-container.group .avatar.soloAvatar .sub-avatar span {
margin-top: 5%; }
.sn-connect .avatar-container.absolute-center, .sn-vtb .card-details .avatar-container.absolute-center, .sn-vtb .vtb-quick-panel .avatar-container.absolute-center, .sn-vtb .vtb-aside-body .avatar-container.absolute-center, .avatar-popover .avatar-container.absolute-center, .sn-card-component .avatar-container.absolute-center, .sn-mention .avatar-container.absolute-center, .sn-live-search-popover .avatar-container.absolute-center {
top: 50%;
left: 0;
position: absolute; }
.sn-connect .avatar-container.absolute-center.avatar-xs, .sn-vtb .card-details .avatar-container.absolute-center.avatar-xs, .sn-vtb .vtb-quick-panel .avatar-container.absolute-center.avatar-xs, .sn-vtb .vtb-aside-body .avatar-container.absolute-center.avatar-xs, .avatar-popover .avatar-container.absolute-center.avatar-xs, .sn-card-component .avatar-container.absolute-center.avatar-xs, .sn-mention .avatar-container.absolute-center.avatar-xs, .sn-live-search-popover .avatar-container.absolute-center.avatar-xs {
margin-top: -12px; }
.sn-connect .avatar-container.absolute-center.avatar-small, .sn-vtb .card-details .avatar-container.absolute-center.avatar-small, .sn-vtb .vtb-quick-panel .avatar-container.absolute-center.avatar-small, .sn-vtb .vtb-aside-body .avatar-container.absolute-center.avatar-small, .avatar-popover .avatar-container.absolute-center.avatar-small, .sn-card-component .avatar-container.absolute-center.avatar-small, .sn-mention .avatar-container.absolute-center.avatar-small, .sn-live-search-popover .avatar-container.absolute-center.avatar-small {
margin-top: -16px; }
.sn-connect .avatar-container.absolute-center.avatar-medium, .sn-vtb .card-details .avatar-container.absolute-center.avatar-medium, .sn-vtb .vtb-quick-panel .avatar-container.absolute-center.avatar-medium, .sn-vtb .vtb-aside-body .avatar-container.absolute-center.avatar-medium, .avatar-popover .avatar-container.absolute-center.avatar-medium, .sn-card-component .avatar-container.absolute-center.avatar-medium, .sn-mention .avatar-container.absolute-center.avatar-medium, .sn-live-search-popover .avatar-container.absolute-center.avatar-medium {
margin-top: -21px; }
.sn-connect .avatar-container.absolute-center.avatar-large, .sn-vtb .card-details .avatar-container.absolute-center.avatar-large, .sn-vtb .vtb-quick-panel .avatar-container.absolute-center.avatar-large, .sn-vtb .vtb-aside-body .avatar-container.absolute-center.avatar-large, .avatar-popover .avatar-container.absolute-center.avatar-large, .sn-card-component .avatar-container.absolute-center.avatar-large, .sn-mention .avatar-container.absolute-center.avatar-large, .sn-live-search-popover .avatar-container.absolute-center.avatar-large {
margin-top: -70px; }
.sn-connect .avatar-container.avatar-small .avatar.soloAvatar .sub-avatar, .sn-vtb .card-details .avatar-container.avatar-small .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-small .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-small .avatar.soloAvatar .sub-avatar, .avatar-popover .avatar-container.avatar-small .avatar.soloAvatar .sub-avatar, .sn-card-component .avatar-container.avatar-small .avatar.soloAvatar .sub-avatar, .sn-mention .avatar-container.avatar-small .avatar.soloAvatar .sub-avatar, .sn-live-search-popover .avatar-container.avatar-small .avatar.soloAvatar .sub-avatar, .sn-connect .avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar, .sn-vtb .card-details .avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar, .avatar-popover .avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar, .sn-card-component .avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar, .sn-mention .avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar, .sn-live-search-popover .avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar, .sn-connect .avatar-container.avatar-large .avatar.soloAvatar .sub-avatar, .sn-vtb .card-details .avatar-container.avatar-large .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-large .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-large .avatar.soloAvatar .sub-avatar, .avatar-popover .avatar-container.avatar-large .avatar.soloAvatar .sub-avatar, .sn-card-component .avatar-container.avatar-large .avatar.soloAvatar .sub-avatar, .sn-mention .avatar-container.avatar-large .avatar.soloAvatar .sub-avatar, .sn-live-search-popover .avatar-container.avatar-large .avatar.soloAvatar .sub-avatar {
line-height: 1; }
.sn-connect .avatar-container.avatar-large sn-presence, .sn-vtb .card-details .avatar-container.avatar-large sn-presence, .sn-vtb .vtb-quick-panel .avatar-container.avatar-large sn-presence, .sn-vtb .vtb-aside-body .avatar-container.avatar-large sn-presence, .avatar-popover .avatar-container.avatar-large sn-presence, .sn-card-component .avatar-container.avatar-large sn-presence, .sn-mention .avatar-container.avatar-large sn-presence, .sn-live-search-popover .avatar-container.avatar-large sn-presence {
height: 20px;
width: 20px;
bottom: 10px !important;
right: 10px !important; }
.sn-connect .avatar-container.avatar-duo .avatar.soloAvatar:nth-of-type(1), .sn-vtb .card-details .avatar-container.avatar-duo .avatar.soloAvatar:nth-of-type(1), .sn-vtb .vtb-quick-panel .avatar-container.avatar-duo .avatar.soloAvatar:nth-of-type(1), .sn-vtb .vtb-aside-body .avatar-container.avatar-duo .avatar.soloAvatar:nth-of-type(1), .avatar-popover .avatar-container.avatar-duo .avatar.soloAvatar:nth-of-type(1), .sn-card-component .avatar-container.avatar-duo .avatar.soloAvatar:nth-of-type(1), .sn-mention .avatar-container.avatar-duo .avatar.soloAvatar:nth-of-type(1), .sn-live-search-popover .avatar-container.avatar-duo .avatar.soloAvatar:nth-of-type(1), .sn-connect .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(1), .sn-vtb .card-details .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(1), .sn-vtb .vtb-quick-panel .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(1), .sn-vtb .vtb-aside-body .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(1), .avatar-popover .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(1), .sn-card-component .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(1), .sn-mention .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(1), .sn-live-search-popover .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(1), .sn-connect .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(1), .sn-vtb .card-details .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(1), .sn-vtb .vtb-quick-panel .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(1), .sn-vtb .vtb-aside-body .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(1), .avatar-popover .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(1), .sn-card-component .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(1), .sn-mention .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(1), .sn-live-search-popover .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(1) {
bottom: 0;
right: 0; }
.sn-connect .avatar-container.avatar-xs, .sn-vtb .card-details .avatar-container.avatar-xs, .sn-vtb .vtb-quick-panel .avatar-container.avatar-xs, .sn-vtb .vtb-aside-body .avatar-container.avatar-xs, .avatar-popover .avatar-container.avatar-xs, .sn-card-component .avatar-container.avatar-xs, .sn-mention .avatar-container.avatar-xs, .sn-live-search-popover .avatar-container.avatar-xs {
height: 24px;
width: 24px; }
.sn-connect .avatar-container.avatar-xs.group .avatar.soloAvatar .sub-avatar, .sn-vtb .card-details .avatar-container.avatar-xs.group .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-xs.group .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-xs.group .avatar.soloAvatar .sub-avatar, .avatar-popover .avatar-container.avatar-xs.group .avatar.soloAvatar .sub-avatar, .sn-card-component .avatar-container.avatar-xs.group .avatar.soloAvatar .sub-avatar, .sn-mention .avatar-container.avatar-xs.group .avatar.soloAvatar .sub-avatar, .sn-live-search-popover .avatar-container.avatar-xs.group .avatar.soloAvatar .sub-avatar {
font-size: 6px; }
.sn-connect .avatar-container.avatar-xs.avatar-duo .avatar.soloAvatar, .sn-vtb .card-details .avatar-container.avatar-xs.avatar-duo .avatar.soloAvatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-xs.avatar-duo .avatar.soloAvatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-xs.avatar-duo .avatar.soloAvatar, .avatar-popover .avatar-container.avatar-xs.avatar-duo .avatar.soloAvatar, .sn-card-component .avatar-container.avatar-xs.avatar-duo .avatar.soloAvatar, .sn-mention .avatar-container.avatar-xs.avatar-duo .avatar.soloAvatar, .sn-live-search-popover .avatar-container.avatar-xs.avatar-duo .avatar.soloAvatar, .sn-connect .avatar-container.avatar-xs.avatar-trio .avatar.soloAvatar, .sn-vtb .card-details .avatar-container.avatar-xs.avatar-trio .avatar.soloAvatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-xs.avatar-trio .avatar.soloAvatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-xs.avatar-trio .avatar.soloAvatar, .avatar-popover .avatar-container.avatar-xs.avatar-trio .avatar.soloAvatar, .sn-card-component .avatar-container.avatar-xs.avatar-trio .avatar.soloAvatar, .sn-mention .avatar-container.avatar-xs.avatar-trio .avatar.soloAvatar, .sn-live-search-popover .avatar-container.avatar-xs.avatar-trio .avatar.soloAvatar, .sn-connect .avatar-container.avatar-xs.avatar-quad .avatar.soloAvatar, .sn-vtb .card-details .avatar-container.avatar-xs.avatar-quad .avatar.soloAvatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-xs.avatar-quad .avatar.soloAvatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-xs.avatar-quad .avatar.soloAvatar, .avatar-popover .avatar-container.avatar-xs.avatar-quad .avatar.soloAvatar, .sn-card-component .avatar-container.avatar-xs.avatar-quad .avatar.soloAvatar, .sn-mention .avatar-container.avatar-xs.avatar-quad .avatar.soloAvatar, .sn-live-search-popover .avatar-container.avatar-xs.avatar-quad .avatar.soloAvatar {
height: 12px;
width: 12px; }
.sn-connect .avatar-container.avatar-xs.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-vtb .card-details .avatar-container.avatar-xs.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-vtb .vtb-quick-panel .avatar-container.avatar-xs.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-vtb .vtb-aside-body .avatar-container.avatar-xs.avatar-trio .avatar.soloAvatar:nth-of-type(3), .avatar-popover .avatar-container.avatar-xs.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-card-component .avatar-container.avatar-xs.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-mention .avatar-container.avatar-xs.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-live-search-popover .avatar-container.avatar-xs.avatar-trio .avatar.soloAvatar:nth-of-type(3) {
margin-right: -6px;
margin-top: 1.5px; }
.sn-connect .avatar-container.avatar-xs .avatar.soloAvatar .sub-avatar, .sn-vtb .card-details .avatar-container.avatar-xs .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-xs .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-xs .avatar.soloAvatar .sub-avatar, .avatar-popover .avatar-container.avatar-xs .avatar.soloAvatar .sub-avatar, .sn-card-component .avatar-container.avatar-xs .avatar.soloAvatar .sub-avatar, .sn-mention .avatar-container.avatar-xs .avatar.soloAvatar .sub-avatar, .sn-live-search-popover .avatar-container.avatar-xs .avatar.soloAvatar .sub-avatar {
font-size: 12px; }
.sn-connect .avatar-container.avatar-small, .sn-vtb .card-details .avatar-container.avatar-small, .sn-vtb .vtb-quick-panel .avatar-container.avatar-small, .sn-vtb .vtb-aside-body .avatar-container.avatar-small, .avatar-popover .avatar-container.avatar-small, .sn-card-component .avatar-container.avatar-small, .sn-mention .avatar-container.avatar-small, .sn-live-search-popover .avatar-container.avatar-small {
height: 32px;
width: 32px; }
.sn-connect .avatar-container.avatar-small.group .avatar.soloAvatar .sub-avatar, .sn-vtb .card-details .avatar-container.avatar-small.group .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-small.group .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-small.group .avatar.soloAvatar .sub-avatar, .avatar-popover .avatar-container.avatar-small.group .avatar.soloAvatar .sub-avatar, .sn-card-component .avatar-container.avatar-small.group .avatar.soloAvatar .sub-avatar, .sn-mention .avatar-container.avatar-small.group .avatar.soloAvatar .sub-avatar, .sn-live-search-popover .avatar-container.avatar-small.group .avatar.soloAvatar .sub-avatar {
font-size: 8px; }
.sn-connect .avatar-container.avatar-small.avatar-duo .avatar.soloAvatar, .sn-vtb .card-details .avatar-container.avatar-small.avatar-duo .avatar.soloAvatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-small.avatar-duo .avatar.soloAvatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-small.avatar-duo .avatar.soloAvatar, .avatar-popover .avatar-container.avatar-small.avatar-duo .avatar.soloAvatar, .sn-card-component .avatar-container.avatar-small.avatar-duo .avatar.soloAvatar, .sn-mention .avatar-container.avatar-small.avatar-duo .avatar.soloAvatar, .sn-live-search-popover .avatar-container.avatar-small.avatar-duo .avatar.soloAvatar, .sn-connect .avatar-container.avatar-small.avatar-trio .avatar.soloAvatar, .sn-vtb .card-details .avatar-container.avatar-small.avatar-trio .avatar.soloAvatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-small.avatar-trio .avatar.soloAvatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-small.avatar-trio .avatar.soloAvatar, .avatar-popover .avatar-container.avatar-small.avatar-trio .avatar.soloAvatar, .sn-card-component .avatar-container.avatar-small.avatar-trio .avatar.soloAvatar, .sn-mention .avatar-container.avatar-small.avatar-trio .avatar.soloAvatar, .sn-live-search-popover .avatar-container.avatar-small.avatar-trio .avatar.soloAvatar, .sn-connect .avatar-container.avatar-small.avatar-quad .avatar.soloAvatar, .sn-vtb .card-details .avatar-container.avatar-small.avatar-quad .avatar.soloAvatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-small.avatar-quad .avatar.soloAvatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-small.avatar-quad .avatar.soloAvatar, .avatar-popover .avatar-container.avatar-small.avatar-quad .avatar.soloAvatar, .sn-card-component .avatar-container.avatar-small.avatar-quad .avatar.soloAvatar, .sn-mention .avatar-container.avatar-small.avatar-quad .avatar.soloAvatar, .sn-live-search-popover .avatar-container.avatar-small.avatar-quad .avatar.soloAvatar {
height: 16px;
width: 16px; }
.sn-connect .avatar-container.avatar-small.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-vtb .card-details .avatar-container.avatar-small.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-vtb .vtb-quick-panel .avatar-container.avatar-small.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-vtb .vtb-aside-body .avatar-container.avatar-small.avatar-trio .avatar.soloAvatar:nth-of-type(3), .avatar-popover .avatar-container.avatar-small.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-card-component .avatar-container.avatar-small.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-mention .avatar-container.avatar-small.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-live-search-popover .avatar-container.avatar-small.avatar-trio .avatar.soloAvatar:nth-of-type(3) {
margin-right: -8px;
margin-top: 2px; }
.sn-connect .avatar-container.avatar-small .avatar.soloAvatar .sub-avatar, .sn-vtb .card-details .avatar-container.avatar-small .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-small .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-small .avatar.soloAvatar .sub-avatar, .avatar-popover .avatar-container.avatar-small .avatar.soloAvatar .sub-avatar, .sn-card-component .avatar-container.avatar-small .avatar.soloAvatar .sub-avatar, .sn-mention .avatar-container.avatar-small .avatar.soloAvatar .sub-avatar, .sn-live-search-popover .avatar-container.avatar-small .avatar.soloAvatar .sub-avatar {
font-size: 14px; }
.sn-connect .avatar-container.avatar-medium, .sn-vtb .card-details .avatar-container.avatar-medium, .sn-vtb .vtb-quick-panel .avatar-container.avatar-medium, .sn-vtb .vtb-aside-body .avatar-container.avatar-medium, .avatar-popover .avatar-container.avatar-medium, .sn-card-component .avatar-container.avatar-medium, .sn-mention .avatar-container.avatar-medium, .sn-live-search-popover .avatar-container.avatar-medium {
height: 42px;
width: 42px; }
.sn-connect .avatar-container.avatar-medium.group .avatar.soloAvatar .sub-avatar, .sn-vtb .card-details .avatar-container.avatar-medium.group .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-medium.group .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-medium.group .avatar.soloAvatar .sub-avatar, .avatar-popover .avatar-container.avatar-medium.group .avatar.soloAvatar .sub-avatar, .sn-card-component .avatar-container.avatar-medium.group .avatar.soloAvatar .sub-avatar, .sn-mention .avatar-container.avatar-medium.group .avatar.soloAvatar .sub-avatar, .sn-live-search-popover .avatar-container.avatar-medium.group .avatar.soloAvatar .sub-avatar {
font-size: 10px; }
.sn-connect .avatar-container.avatar-medium.avatar-duo .avatar.soloAvatar, .sn-vtb .card-details .avatar-container.avatar-medium.avatar-duo .avatar.soloAvatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-medium.avatar-duo .avatar.soloAvatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-medium.avatar-duo .avatar.soloAvatar, .avatar-popover .avatar-container.avatar-medium.avatar-duo .avatar.soloAvatar, .sn-card-component .avatar-container.avatar-medium.avatar-duo .avatar.soloAvatar, .sn-mention .avatar-container.avatar-medium.avatar-duo .avatar.soloAvatar, .sn-live-search-popover .avatar-container.avatar-medium.avatar-duo .avatar.soloAvatar, .sn-connect .avatar-container.avatar-medium.avatar-trio .avatar.soloAvatar, .sn-vtb .card-details .avatar-container.avatar-medium.avatar-trio .avatar.soloAvatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-medium.avatar-trio .avatar.soloAvatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-medium.avatar-trio .avatar.soloAvatar, .avatar-popover .avatar-container.avatar-medium.avatar-trio .avatar.soloAvatar, .sn-card-component .avatar-container.avatar-medium.avatar-trio .avatar.soloAvatar, .sn-mention .avatar-container.avatar-medium.avatar-trio .avatar.soloAvatar, .sn-live-search-popover .avatar-container.avatar-medium.avatar-trio .avatar.soloAvatar, .sn-connect .avatar-container.avatar-medium.avatar-quad .avatar.soloAvatar, .sn-vtb .card-details .avatar-container.avatar-medium.avatar-quad .avatar.soloAvatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-medium.avatar-quad .avatar.soloAvatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-medium.avatar-quad .avatar.soloAvatar, .avatar-popover .avatar-container.avatar-medium.avatar-quad .avatar.soloAvatar, .sn-card-component .avatar-container.avatar-medium.avatar-quad .avatar.soloAvatar, .sn-mention .avatar-container.avatar-medium.avatar-quad .avatar.soloAvatar, .sn-live-search-popover .avatar-container.avatar-medium.avatar-quad .avatar.soloAvatar {
height: 21px;
width: 21px; }
.sn-connect .avatar-container.avatar-medium.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-vtb .card-details .avatar-container.avatar-medium.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-vtb .vtb-quick-panel .avatar-container.avatar-medium.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-vtb .vtb-aside-body .avatar-container.avatar-medium.avatar-trio .avatar.soloAvatar:nth-of-type(3), .avatar-popover .avatar-container.avatar-medium.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-card-component .avatar-container.avatar-medium.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-mention .avatar-container.avatar-medium.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-live-search-popover .avatar-container.avatar-medium.avatar-trio .avatar.soloAvatar:nth-of-type(3) {
margin-right: -10.5px;
margin-top: 2.625px; }
.sn-connect .avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar, .sn-vtb .card-details .avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar, .avatar-popover .avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar, .sn-card-component .avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar, .sn-mention .avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar, .sn-live-search-popover .avatar-container.avatar-medium .avatar.soloAvatar .sub-avatar {
font-size: 16px; }
.sn-connect .avatar-container.avatar-large, .sn-vtb .card-details .avatar-container.avatar-large, .sn-vtb .vtb-quick-panel .avatar-container.avatar-large, .sn-vtb .vtb-aside-body .avatar-container.avatar-large, .avatar-popover .avatar-container.avatar-large, .sn-card-component .avatar-container.avatar-large, .sn-mention .avatar-container.avatar-large, .sn-live-search-popover .avatar-container.avatar-large {
height: 140px;
width: 140px; }
.sn-connect .avatar-container.avatar-large.group .avatar.soloAvatar .sub-avatar, .sn-vtb .card-details .avatar-container.avatar-large.group .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-large.group .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-large.group .avatar.soloAvatar .sub-avatar, .avatar-popover .avatar-container.avatar-large.group .avatar.soloAvatar .sub-avatar, .sn-card-component .avatar-container.avatar-large.group .avatar.soloAvatar .sub-avatar, .sn-mention .avatar-container.avatar-large.group .avatar.soloAvatar .sub-avatar, .sn-live-search-popover .avatar-container.avatar-large.group .avatar.soloAvatar .sub-avatar {
font-size: 18px; }
.sn-connect .avatar-container.avatar-large.avatar-duo .avatar.soloAvatar, .sn-vtb .card-details .avatar-container.avatar-large.avatar-duo .avatar.soloAvatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-large.avatar-duo .avatar.soloAvatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-large.avatar-duo .avatar.soloAvatar, .avatar-popover .avatar-container.avatar-large.avatar-duo .avatar.soloAvatar, .sn-card-component .avatar-container.avatar-large.avatar-duo .avatar.soloAvatar, .sn-mention .avatar-container.avatar-large.avatar-duo .avatar.soloAvatar, .sn-live-search-popover .avatar-container.avatar-large.avatar-duo .avatar.soloAvatar, .sn-connect .avatar-container.avatar-large.avatar-trio .avatar.soloAvatar, .sn-vtb .card-details .avatar-container.avatar-large.avatar-trio .avatar.soloAvatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-large.avatar-trio .avatar.soloAvatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-large.avatar-trio .avatar.soloAvatar, .avatar-popover .avatar-container.avatar-large.avatar-trio .avatar.soloAvatar, .sn-card-component .avatar-container.avatar-large.avatar-trio .avatar.soloAvatar, .sn-mention .avatar-container.avatar-large.avatar-trio .avatar.soloAvatar, .sn-live-search-popover .avatar-container.avatar-large.avatar-trio .avatar.soloAvatar, .sn-connect .avatar-container.avatar-large.avatar-quad .avatar.soloAvatar, .sn-vtb .card-details .avatar-container.avatar-large.avatar-quad .avatar.soloAvatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-large.avatar-quad .avatar.soloAvatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-large.avatar-quad .avatar.soloAvatar, .avatar-popover .avatar-container.avatar-large.avatar-quad .avatar.soloAvatar, .sn-card-component .avatar-container.avatar-large.avatar-quad .avatar.soloAvatar, .sn-mention .avatar-container.avatar-large.avatar-quad .avatar.soloAvatar, .sn-live-search-popover .avatar-container.avatar-large.avatar-quad .avatar.soloAvatar {
height: 70px;
width: 70px; }
.sn-connect .avatar-container.avatar-large.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-vtb .card-details .avatar-container.avatar-large.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-vtb .vtb-quick-panel .avatar-container.avatar-large.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-vtb .vtb-aside-body .avatar-container.avatar-large.avatar-trio .avatar.soloAvatar:nth-of-type(3), .avatar-popover .avatar-container.avatar-large.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-card-component .avatar-container.avatar-large.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-mention .avatar-container.avatar-large.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-live-search-popover .avatar-container.avatar-large.avatar-trio .avatar.soloAvatar:nth-of-type(3) {
margin-right: -35px;
margin-top: 8.75px; }
.sn-connect .avatar-container.avatar-large .avatar.soloAvatar .sub-avatar, .sn-vtb .card-details .avatar-container.avatar-large .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-quick-panel .avatar-container.avatar-large .avatar.soloAvatar .sub-avatar, .sn-vtb .vtb-aside-body .avatar-container.avatar-large .avatar.soloAvatar .sub-avatar, .avatar-popover .avatar-container.avatar-large .avatar.soloAvatar .sub-avatar, .sn-card-component .avatar-container.avatar-large .avatar.soloAvatar .sub-avatar, .sn-mention .avatar-container.avatar-large .avatar.soloAvatar .sub-avatar, .sn-live-search-popover .avatar-container.avatar-large .avatar.soloAvatar .sub-avatar {
font-size: 24px; }
.sn-connect .avatar-container.avatar-duo .avatar.soloAvatar:nth-of-type(2), .sn-vtb .card-details .avatar-container.avatar-duo .avatar.soloAvatar:nth-of-type(2), .sn-vtb .vtb-quick-panel .avatar-container.avatar-duo .avatar.soloAvatar:nth-of-type(2), .sn-vtb .vtb-aside-body .avatar-container.avatar-duo .avatar.soloAvatar:nth-of-type(2), .avatar-popover .avatar-container.avatar-duo .avatar.soloAvatar:nth-of-type(2), .sn-card-component .avatar-container.avatar-duo .avatar.soloAvatar:nth-of-type(2), .sn-mention .avatar-container.avatar-duo .avatar.soloAvatar:nth-of-type(2), .sn-live-search-popover .avatar-container.avatar-duo .avatar.soloAvatar:nth-of-type(2) {
top: 0;
left: 0; }
.sn-connect .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(2), .sn-vtb .card-details .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(2), .sn-vtb .vtb-quick-panel .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(2), .sn-vtb .vtb-aside-body .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(2), .avatar-popover .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(2), .sn-card-component .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(2), .sn-mention .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(2), .sn-live-search-popover .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(2) {
bottom: 0;
left: 0; }
.sn-connect .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-vtb .card-details .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-vtb .vtb-quick-panel .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-vtb .vtb-aside-body .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(3), .avatar-popover .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-card-component .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-mention .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(3), .sn-live-search-popover .avatar-container.avatar-trio .avatar.soloAvatar:nth-of-type(3) {
right: 50%;
top: 0; }
.sn-connect .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(2), .sn-vtb .card-details .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(2), .sn-vtb .vtb-quick-panel .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(2), .sn-vtb .vtb-aside-body .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(2), .avatar-popover .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(2), .sn-card-component .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(2), .sn-mention .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(2), .sn-live-search-popover .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(2) {
bottom: 0;
left: 0; }
.sn-connect .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(3), .sn-vtb .card-details .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(3), .sn-vtb .vtb-quick-panel .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(3), .sn-vtb .vtb-aside-body .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(3), .avatar-popover .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(3), .sn-card-component .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(3), .sn-mention .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(3), .sn-live-search-popover .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(3) {
right: 0;
top: 0; }
.sn-connect .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(4), .sn-vtb .card-details .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(4), .sn-vtb .vtb-quick-panel .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(4), .sn-vtb .vtb-aside-body .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(4), .avatar-popover .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(4), .sn-card-component .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(4), .sn-mention .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(4), .sn-live-search-popover .avatar-container.avatar-quad .avatar.soloAvatar:nth-of-type(4) {
left: 0;
top: 0; }
.sn-connect .avatar-container .avatar, .sn-vtb .card-details .avatar-container .avatar, .sn-vtb .vtb-quick-panel .avatar-container .avatar, .sn-vtb .vtb-aside-body .avatar-container .avatar, .avatar-popover .avatar-container .avatar, .sn-card-component .avatar-container .avatar, .sn-mention .avatar-container .avatar, .sn-live-search-popover .avatar-container .avatar {
height: 100%;
width: 100%;
background: none;
border-radius: 0;
overflow: hidden;
position: relative; }
.sn-connect .avatar-container .avatar.soloAvatar, .sn-vtb .card-details .avatar-container .avatar.soloAvatar, .sn-vtb .vtb-quick-panel .avatar-container .avatar.soloAvatar, .sn-vtb .vtb-aside-body .avatar-container .avatar.soloAvatar, .avatar-popover .avatar-container .avatar.soloAvatar, .sn-card-component .avatar-container .avatar.soloAvatar, .sn-mention .avatar-container .avatar.soloAvatar, .sn-live-search-popover .avatar-container .avatar.soloAvatar {
background: none;
border-radius: 0; }
.sn-connect .avatar-container sn-presence, .sn-vtb .card-details .avatar-container sn-presence, .sn-vtb .vtb-quick-panel .avatar-container sn-presence, .sn-vtb .vtb-aside-body .avatar-container sn-presence, .avatar-popover .avatar-container sn-presence, .sn-card-component .avatar-container sn-presence, .sn-mention .avatar-container sn-presence, .sn-live-search-popover .avatar-container sn-presence {
right: -1px;
bottom: -1px;
position: absolute; }

.sn-widget-list-content_static .btn.icon-chevron-right, .sn-widget-members-list-btn-close {
border: 0; }
.sn-widget-list-content_static .btn.icon-chevron-right:hover, .sn-widget-members-list-btn-close:hover, .sn-widget-list-content_static .btn.icon-chevron-right:focus, .sn-widget-members-list-btn-close:focus, .sn-widget-list-content_static .btn.icon-chevron-right:active, .sn-widget-members-list-btn-close:active, .sn-widget-list-content_static .btn.icon-chevron-right:focus:active, .sn-widget-members-list-btn-close:focus:active, .sn-widget-list-content_static .active.btn.icon-chevron-right, .active.sn-widget-members-list-btn-close, .sn-widget-list-content_static .active.btn.icon-chevron-right:focus, .active.sn-widget-members-list-btn-close:focus {
background-color: transparent;
border: none;
box-shadow: none;
color: inherit;
outline: none; }

.sn-widget-button.sn-widget-button_row .btn {
font: 24px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
line-height: 1;
min-width: 25px;
width: auto; }
.sn-widget-button.sn-widget-button_row .btn:hover, .sn-widget-button.sn-widget-button_row .btn:active, .sn-widget-button.sn-widget-button_row .btn:focus {
background-color: transparent;
box-shadow: none;
outline: none; }
.sn-widget-button.sn-widget-button_row .btn:hover {
color: #1f8476; }
.sn-widget-button.sn-widget-button_row .btn:active {
opacity: 0.5; }

.sn-add-users-search .twitter-typeahead, .sn-live-search .twitter-typeahead, .sn-widget-search .twitter-typeahead {
width: 100%; }
.sn-add-users-search .twitter-typeahead input, .sn-live-search .twitter-typeahead input, .sn-widget-search .twitter-typeahead input {
border: none;
box-shadow: none;
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
max-height: 200px;
overflow-x: hidden;
overflow-y: auto;
margin: 11px 0;
padding: 5px 10px;
resize: none;
width: 100%; }
.sn-add-users-search .twitter-typeahead input:focus, .sn-live-search .twitter-typeahead input:focus, .sn-widget-search .twitter-typeahead input:focus {
outline: none; }
.sn-add-users-search .twitter-typeahead pre, .sn-live-search .twitter-typeahead pre, .sn-widget-search .twitter-typeahead pre {
top: 0;
left: 0;
position: absolute;
height: 1px;
width: 1px;
margin: 0;
padding: 0; }
.sn-add-users-search .twitter-typeahead .tt-menu, .sn-live-search .twitter-typeahead .tt-menu, .sn-widget-search .twitter-typeahead .tt-menu {
background-color: #ffffff;
border: 1px solid #e7e9eb;
box-shadow: rgba(0, 0, 0, 0.2) 0 5px 30px 0;
border-radius: 3px;
max-height: 70vh;
min-width: 300px;
overflow-y: auto; }

.sn-avatar_v2 {
height: 42px;
width: 42px;
cursor: pointer;
display: inline-block;
position: relative;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.sn-avatar_v2.sn-avatar_xs {
height: 24px;
width: 24px; }
.sn-avatar_v2.sn-avatar_xs.sn-avatar_duo .sn-avatar-container {
height: 14px;
width: 14px; }
.sn-avatar_v2.sn-avatar_xs.sn-avatar_duo .sn-avatar-initials {
font-size: 6px; }
.sn-avatar_v2.sn-avatar_xs.sn-avatar_trio .sn-avatar-container {
height: 12px;
width: 12px; }
.sn-avatar_v2.sn-avatar_xs.sn-avatar_trio .sn-avatar-container:nth-of-type(3) {
height: 13px;
width: 13px;
margin-right: -6.5px; }
.sn-avatar_v2.sn-avatar_xs.sn-avatar_trio .sn-avatar-initials {
font-size: 6px; }
.sn-avatar_v2.sn-avatar_xs.sn-avatar_quad .sn-avatar-container {
height: 12px;
width: 12px; }
.sn-avatar_v2.sn-avatar_xs.sn-avatar_quad .sn-avatar-initials {
font-size: 6px; }
.sn-avatar_v2.sn-avatar_xs .sn-avatar-initials {
font-size: 12px; }
.sn-avatar_v2.sn-avatar_xs .sn-presence {
height: 6px;
width: 6px; }
.sn-avatar_v2.sn-avatar_sm {
height: 32px;
width: 32px; }
.sn-avatar_v2.sn-avatar_sm.sn-avatar_duo .sn-avatar-container {
height: 18px;
width: 18px; }
.sn-avatar_v2.sn-avatar_sm.sn-avatar_duo .sn-avatar-initials {
font-size: 8px; }
.sn-avatar_v2.sn-avatar_sm.sn-avatar_trio .sn-avatar-container {
height: 16px;
width: 16px; }
.sn-avatar_v2.sn-avatar_sm.sn-avatar_trio .sn-avatar-container:nth-of-type(3) {
height: 18px;
width: 18px;
margin-right: -9px; }
.sn-avatar_v2.sn-avatar_sm.sn-avatar_trio .sn-avatar-initials {
font-size: 8px; }
.sn-avatar_v2.sn-avatar_sm.sn-avatar_quad .sn-avatar-container {
height: 16px;
width: 16px; }
.sn-avatar_v2.sn-avatar_sm.sn-avatar_quad .sn-avatar-initials {
font-size: 8px; }
.sn-avatar_v2.sn-avatar_sm .sn-avatar-initials {
font-size: 14px; }
.sn-avatar_v2.sn-avatar_sm .sn-presence {
height: 8px;
width: 8px; }
.sn-avatar_v2.sn-avatar_md {
height: 42px;
width: 42px; }
.sn-avatar_v2.sn-avatar_md.sn-avatar_duo .sn-avatar-container {
height: 24px;
width: 24px; }
.sn-avatar_v2.sn-avatar_md.sn-avatar_duo .sn-avatar-initials {
font-size: 9px; }
.sn-avatar_v2.sn-avatar_md.sn-avatar_trio .sn-avatar-container {
height: 21px;
width: 21px; }
.sn-avatar_v2.sn-avatar_md.sn-avatar_trio .sn-avatar-container:nth-of-type(3) {
height: 23px;
width: 23px;
margin-right: -11.5px; }
.sn-avatar_v2.sn-avatar_md.sn-avatar_trio .sn-avatar-initials {
font-size: 9px; }
.sn-avatar_v2.sn-avatar_md.sn-avatar_quad .sn-avatar-container {
height: 21px;
width: 21px; }
.sn-avatar_v2.sn-avatar_md.sn-avatar_quad .sn-avatar-initials {
font-size: 9px; }
.sn-avatar_v2.sn-avatar_md .sn-avatar-initials {
font-size: 15px; }
.sn-avatar_v2.sn-avatar_md .sn-presence {
height: 10px;
width: 10px; }
.sn-avatar_v2.sn-avatar_lg {
height: 140px;
width: 140px; }
.sn-avatar_v2.sn-avatar_lg.sn-avatar_duo .sn-avatar-container {
height: 82px;
width: 82px; }
.sn-avatar_v2.sn-avatar_lg.sn-avatar_duo .sn-avatar-initials {
font-size: 28px; }
.sn-avatar_v2.sn-avatar_lg.sn-avatar_trio .sn-avatar-container {
height: 70px;
width: 70px; }
.sn-avatar_v2.sn-avatar_lg.sn-avatar_trio .sn-avatar-container:nth-of-type(3) {
height: 78px;
width: 78px;
margin-right: -39px; }
.sn-avatar_v2.sn-avatar_lg.sn-avatar_trio .sn-avatar-initials {
font-size: 28px; }
.sn-avatar_v2.sn-avatar_lg.sn-avatar_quad .sn-avatar-container {
height: 70px;
width: 70px; }
.sn-avatar_v2.sn-avatar_lg.sn-avatar_quad .sn-avatar-initials {
font-size: 28px; }
.sn-avatar_v2.sn-avatar_lg .sn-avatar-initials {
font-size: 34px; }
.sn-avatar_v2.sn-avatar_lg .sn-presence {
height: 35px;
width: 35px; }
.sn-avatar_v2.sn-avatar_duo .sn-avatar-container:nth-of-type(2) {
left: 0;
top: 0; }
.sn-avatar_v2.sn-avatar_duo .sn-avatar-container .sn-presence {
display: none; }
.sn-avatar_v2.sn-avatar_trio .sn-avatar-container:nth-of-type(2) {
left: 0;
bottom: 0; }
.sn-avatar_v2.sn-avatar_trio .sn-avatar-container:nth-of-type(3) {
top: 0;
right: 50%; }
.sn-avatar_v2.sn-avatar_trio .sn-avatar-container .sn-presence {
display: none; }
.sn-avatar_v2.sn-avatar_quad .sn-avatar-container:nth-of-type(2) {
left: 0;
bottom: 0; }
.sn-avatar_v2.sn-avatar_quad .sn-avatar-container:nth-of-type(3) {
top: 0;
right: 0; }
.sn-avatar_v2.sn-avatar_quad .sn-avatar-container:nth-of-type(4) {
left: 0;
top: 0; }
.sn-avatar_v2.sn-avatar_quad .sn-avatar-container .sn-presence {
display: none; }
.sn-avatar_v2.sn-avatar_grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab; }
.sn-avatar_v2.sn-avatar_noop {
cursor: default; }
.sn-avatar_v2 .sn-presence {
right: 0;
bottom: 0;
position: absolute; }
.sn-avatar_v2 .sn-avatar-container {
height: 100%;
width: 100%;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #e6e9eb;
border-radius: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute; }
.sn-avatar_v2 .sn-avatar-container:only-of-type, .sn-avatar_v2 .sn-avatar-container:first-of-type {
bottom: 0;
right: 0; }
.sn-avatar_v2 .sn-avatar-initials {
color: #2e2e2e;
cursor: inherit;
line-height: 1; }
.sn-avatar_v2 .sn-avatar-image {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
background-position: 50%;
background-size: cover;
border-radius: 100%;
overflow: hidden;
display: block; }

.sn-add-users .sn-navhub-title,
.sn-add-users .sn-navhub-title span {
overflow: visible;
white-space: initial; }
.sn-add-users .sn-navhub-title input,
.sn-add-users .sn-navhub-title pre,
.sn-add-users .sn-navhub-title span input,
.sn-add-users .sn-navhub-title span pre {
border: none; }

.sn-add-users-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%; }
@media (max-width: 800px) {
.sn-add-users-wrapper {
height: 100%; } }
.sn-add-users-wrapper .sn-navhub {
height: auto;
min-height: 56px; }
.sn-add-users-wrapper .sn-navhub .sn-navhub-content,
.sn-add-users-wrapper .sn-navhub .sn-navhub-btn {
min-height: 56px; }
.sn-add-users-wrapper .sn-navhub .sn-navhub-content .sn-add-users-user-wrapper.sn-navhub-content,
.sn-add-users-wrapper .sn-navhub .sn-navhub-btn .sn-add-users-user-wrapper.sn-navhub-content {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin-left: -4px;
max-height: 164px;
overflow-y: auto;
overflow-x: hidden;
min-height: auto;
height: auto; }
.sn-add-users-wrapper .sn-navhub .sn-navhub-content .sn-add-users-search.sn-navhub-content,
.sn-add-users-wrapper .sn-navhub .sn-navhub-btn .sn-add-users-search.sn-navhub-content {
margin-left: 0;
min-height: auto;
height: auto; }

.sn-add-users-content,
.sn-add-users-user-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }

.sn-add-users-user {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #eef8f8;
border: 1px solid #1f8476;
border-radius: 3px;
color: #1f8476;
cursor: default;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 4px;
padding: 6px; }
.sn-add-users-user span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-right: 10px; }
.sn-add-users-user .icon-cross {
cursor: pointer;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: -2px 0 0 6px; }
.sn-add-users-user .icon-cross:hover, .sn-add-users-user .icon-cross:active, .sn-add-users-user .icon-cross:focus {
box-shadow: none;
opacity: 0.5;
outline: none; }

.sn-add-users-search.sn-navhub-content {
-webkit-flex: 0 0 320px;
-ms-flex: 0 0 320px;
flex: 0 0 320px; }

.sn-add-users-search .sn-navhub-title > div {
width: 100%; }

.sn-angular-tools {
position: absolute;
top: 0;
left: 50%;
width: 200px;
padding-left: 10px;
padding-right: 10px;
margin-left: -50px;
background-color: #e7e9eb;
z-index: 50000;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.sn-angular-tools .sn-count {
margin-left: 5px; }
.sn-angular-tools .sn-angular-tools-group {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.sn-angular-tools .icon-glasses {
color: darkgray; }
.sn-angular-tools .icon-glasses.active {
color: green; }
.sn-angular-tools .icon-error-circle.active {
color: red; }

.sn-watcher-highlight-1 {
background-color: #ffe6e6 !important; }

.sn-watcher-highlight-2 {
background-color: #ffcdcd !important; }

.sn-watcher-highlight-3 {
background-color: #ffb4b4 !important; }

.sn-watcher-highlight-4 {
background-color: #ff9b9b !important; }

.sn-watcher-highlight-5 {
background-color: #ff8282 !important; }

.sn-watcher-highlight-6 {
background-color: #ff6969 !important; }

.sn-watcher-highlight-7 {
background-color: #ff5050 !important; }

.sn-watcher-highlight-8 {
background-color: #ff3737 !important; }

.sn-watcher-highlight-9 {
background-color: #ff1e1e !important; }

.sn-watcher-highlight-10 {
background-color: red !important; }

.sn-aside {
height: 100%;
width: 0;
background-color: #ffffff;
color: #2e2e2e;
outline: none;
overflow-x: hidden;
overflow-y: auto;
position: relative;
transition: width 500ms cubic-bezier(0.77, 0, 0.175, 1); }
.sn-aside.sn-aside_header {
height: calc(100% - 56px); }
.sn-aside.sn-aside_left {
border-right: 1px solid #e7e9eb; }
.sn-aside.sn-aside_right {
border-left: 1px solid #e7e9eb; }
.sn-aside.sn-aside_min-width {
min-width: 280px; }
.sn-aside.disableAnimations {
transition: none; }
.sn-aside .sn-aside-constrain {
height: 100%;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-width: 280px;
overflow: hidden;
position: relative; }
.sn-aside .sn-aside-constrain .sn-aside-header {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.sn-aside .sn-aside-constrain .sn-aside-body {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.sn-aside .sn-aside-filler {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow-x: hidden;
overflow-y: auto;
width: 100%; }
.sn-aside .aside-dialog,
.sn-aside .aside-content,
.sn-aside .aside-content > div,
.sn-aside .aside-content > div > div {
height: 100%;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
position: relative; }
.sn-aside .aside-dialog.sn-aside-header,
.sn-aside .aside-content.sn-aside-header,
.sn-aside .aside-content > div.sn-aside-header,
.sn-aside .aside-content > div > div.sn-aside-header {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
height: 56px; }
.sn-aside .aside-dialog .sn-aside-header,
.sn-aside .aside-content .sn-aside-header,
.sn-aside .aside-content > div .sn-aside-header,
.sn-aside .aside-content > div > div .sn-aside-header {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.sn-aside .aside-dialog .sn-aside-body,
.sn-aside .aside-content .sn-aside-body,
.sn-aside .aside-content > div .sn-aside-body,
.sn-aside .aside-content > div > div .sn-aside-body {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.sn-aside .aside-dialog .sn-stream,
.sn-aside .aside-content .sn-stream,
.sn-aside .aside-content > div .sn-stream,
.sn-aside .aside-content > div > div .sn-stream {
left: auto;
position: relative;
top: auto; }

.sn-aside-header,
.sn-aside-group-title,
.sn-aside-footer {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: default;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 1px;
position: relative;
text-decoration: none;
width: 100%; }
@media screen and (-ms-high-contrast: active) {
.sn-aside-header:focus,
.sn-aside-group-title:focus,
.sn-aside-footer:focus {
box-shadow: inset 0px 0px 0px 2px #c83c36; } }
.sn-aside-header.sn-aside-header_selectable, .sn-aside-header.sn-aside-group-title_selectable, .sn-aside-header.sn-aside-footer_selectable, .sn-aside-header.state-selectable,
.sn-aside-group-title.sn-aside-header_selectable,
.sn-aside-group-title.sn-aside-group-title_selectable,
.sn-aside-group-title.sn-aside-footer_selectable,
.sn-aside-group-title.state-selectable,
.sn-aside-footer.sn-aside-header_selectable,
.sn-aside-footer.sn-aside-group-title_selectable,
.sn-aside-footer.sn-aside-footer_selectable,
.sn-aside-footer.state-selectable {
cursor: pointer;
text-decoration: none; }
.sn-aside-header.sn-aside-header_selectable:hover, .sn-aside-header.sn-aside-group-title_selectable:hover, .sn-aside-header.sn-aside-footer_selectable:hover, .sn-aside-header.state-selectable:hover,
.sn-aside-group-title.sn-aside-header_selectable:hover,
.sn-aside-group-title.sn-aside-group-title_selectable:hover,
.sn-aside-group-title.sn-aside-footer_selectable:hover,
.sn-aside-group-title.state-selectable:hover,
.sn-aside-footer.sn-aside-header_selectable:hover,
.sn-aside-footer.sn-aside-group-title_selectable:hover,
.sn-aside-footer.sn-aside-footer_selectable:hover,
.sn-aside-footer.state-selectable:hover {
color: #1f8476; }
.sn-aside-header.sn-aside-header_selectable:hover .sn-aside-btn:first-child, .sn-aside-header.sn-aside-group-title_selectable:hover .sn-aside-btn:first-child, .sn-aside-header.sn-aside-footer_selectable:hover .sn-aside-btn:first-child, .sn-aside-header.state-selectable:hover .sn-aside-btn:first-child,
.sn-aside-group-title.sn-aside-header_selectable:hover .sn-aside-btn:first-child,
.sn-aside-group-title.sn-aside-group-title_selectable:hover .sn-aside-btn:first-child,
.sn-aside-group-title.sn-aside-footer_selectable:hover .sn-aside-btn:first-child,
.sn-aside-group-title.state-selectable:hover .sn-aside-btn:first-child,
.sn-aside-footer.sn-aside-header_selectable:hover .sn-aside-btn:first-child,
.sn-aside-footer.sn-aside-group-title_selectable:hover .sn-aside-btn:first-child,
.sn-aside-footer.sn-aside-footer_selectable:hover .sn-aside-btn:first-child,
.sn-aside-footer.state-selectable:hover .sn-aside-btn:first-child {
color: #1f8476; }
.sn-aside-header span,
.sn-aside-group-title span,
.sn-aside-footer span {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
line-height: 1.1;
opacity: 1;
position: relative; }
.sn-aside-header span.wrap-text,
.sn-aside-group-title span.wrap-text,
.sn-aside-footer span.wrap-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
height: auto; }
.sn-aside-header span.sn-aside_static, .sn-aside-header span.sn-aside-btn,
.sn-aside-group-title span.sn-aside_static,
.sn-aside-group-title span.sn-aside-btn,
.sn-aside-footer span.sn-aside_static,
.sn-aside-footer span.sn-aside-btn {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.sn-aside-header span.sn-aside_static,
.sn-aside-group-title span.sn-aside_static,
.sn-aside-footer span.sn-aside_static {
padding-right: 10px; }
.sn-aside-header span.sn-aside_static.sn-aside_nopadding,
.sn-aside-group-title span.sn-aside_static.sn-aside_nopadding,
.sn-aside-footer span.sn-aside_static.sn-aside_nopadding {
padding-right: 0; }
.sn-aside-header .sn-aside-btn,
.sn-aside-group-title .sn-aside-btn,
.sn-aside-footer .sn-aside-btn {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 18px;
height: 100%;
line-height: 1;
opacity: 1;
position: relative; }
.sn-aside-header .sn-aside-btn:active, .sn-aside-header .sn-aside-btn:focus,
.sn-aside-group-title .sn-aside-btn:active,
.sn-aside-group-title .sn-aside-btn:focus,
.sn-aside-footer .sn-aside-btn:active,
.sn-aside-footer .sn-aside-btn:focus {
outline: 3px solid #1f8476; }
@media screen and (-ms-high-contrast: active) {
.sn-aside-header .sn-aside-btn:active, .sn-aside-header .sn-aside-btn:focus,
.sn-aside-group-title .sn-aside-btn:active,
.sn-aside-group-title .sn-aside-btn:focus,
.sn-aside-footer .sn-aside-btn:active,
.sn-aside-footer .sn-aside-btn:focus {
box-shadow: inset 0px 0px 0px 2px #c83c36; } }
.sn-aside-header .sn-aside-btn:hover,
.sn-aside-group-title .sn-aside-btn:hover,
.sn-aside-footer .sn-aside-btn:hover {
color: #1f8476; }
.sn-aside-header .sn-aside-btn:first-child,
.sn-aside-group-title .sn-aside-btn:first-child,
.sn-aside-footer .sn-aside-btn:first-child {
margin-left: -10px;
padding: 0 5px; }
html[dir="rtl"] .sn-aside-header .sn-aside-btn:first-child, html[dir="rtl"]
.sn-aside-group-title .sn-aside-btn:first-child, html[dir="rtl"]
.sn-aside-footer .sn-aside-btn:first-child {
margin-left: 0;
margin-right: -10px; }
.sn-aside-header .sn-aside-btn:last-child,
.sn-aside-group-title .sn-aside-btn:last-child,
.sn-aside-footer .sn-aside-btn:last-child {
padding: 0 10px; }
.sn-aside-header .sn-aside-btn:last-child:active, .sn-aside-header .sn-aside-btn:last-child:focus,
.sn-aside-group-title .sn-aside-btn:last-child:active,
.sn-aside-group-title .sn-aside-btn:last-child:focus,
.sn-aside-footer .sn-aside-btn:last-child:active,
.sn-aside-footer .sn-aside-btn:last-child:focus {
opacity: 0.4; }
.sn-aside-header .sn-aside-btn.sn-aside-btn_control,
.sn-aside-group-title .sn-aside-btn.sn-aside-btn_control,
.sn-aside-footer .sn-aside-btn.sn-aside-btn_control {
height: 28px;
width: 28px;
border-radius: 3px;
color: #4a4a4a;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 16px;
height: auto;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 7px;
left: 5px; }
html[dir="rtl"] .sn-aside-header .sn-aside-btn.sn-aside-btn_control, html[dir="rtl"]
.sn-aside-group-title .sn-aside-btn.sn-aside-btn_control, html[dir="rtl"]
.sn-aside-footer .sn-aside-btn.sn-aside-btn_control {
left: auto;
right: 5px; }
.sn-aside-header .sn-aside-btn.sn-aside-btn_control:hover, .sn-aside-header .sn-aside-btn.sn-aside-btn_control.state-hover,
.sn-aside-group-title .sn-aside-btn.sn-aside-btn_control:hover,
.sn-aside-group-title .sn-aside-btn.sn-aside-btn_control.state-hover,
.sn-aside-footer .sn-aside-btn.sn-aside-btn_control:hover,
.sn-aside-footer .sn-aside-btn.sn-aside-btn_control.state-hover {
background-color: rgba(0, 0, 0, 0.2); }
.sn-aside-header .sn-aside-btn.sn-aside-btn_control:active, .sn-aside-header .sn-aside-btn.sn-aside-btn_control:focus, .sn-aside-header .sn-aside-btn.sn-aside-btn_control.state-active,
.sn-aside-group-title .sn-aside-btn.sn-aside-btn_control:active,
.sn-aside-group-title .sn-aside-btn.sn-aside-btn_control:focus,
.sn-aside-group-title .sn-aside-btn.sn-aside-btn_control.state-active,
.sn-aside-footer .sn-aside-btn.sn-aside-btn_control:active,
.sn-aside-footer .sn-aside-btn.sn-aside-btn_control:focus,
.sn-aside-footer .sn-aside-btn.sn-aside-btn_control.state-active {
opacity: 1;
color: #1f8476; }

.sn-aside-header,
.sn-aside-footer {
background-color: #fafafa;
border-bottom: 1px solid #e7e9eb;
color: #666666;
font: 24px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
height: 56px;
padding: 0 10px; }
.sn-aside-header span,
.sn-aside-footer span {
height: 100%; }
.sn-aside-header span .icon-loading,
.sn-aside-footer span .icon-loading {
margin-left: 10px; }
.sn-aside-header .sn-aside-btn,
.sn-aside-footer .sn-aside-btn {
color: #828890; }
.sn-aside-header .sn-aside-caption,
.sn-aside-footer .sn-aside-caption {
padding-left: 10px; }

.sn-aside-footer {
background-color: #e7e9eb;
border-top: 1px solid #e7e9eb;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font: 18px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
height: 44px; }
.sn-aside-footer:hover .sn-aside-btn {
color: #1f8476; }
.sn-aside-footer .sn-aside-btn.icon-chevron-right {
margin-right: -3px; }

.sn-aside-group-title {
background-color: #fafafa;
border-bottom: 1px solid #e7e9eb;
color: #666666;
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
height: 40px;
opacity: 1;
padding: 8px 10px;
text-transform: uppercase; }
.sn-aside-group-title:active, .sn-aside-group-title:focus {
outline: none; }
.sn-aside-group-title.sn-aside-group-title_selectable:hover, .sn-aside-group-title.state-selectable:hover {
color: #1f8476; }
.sn-aside-group-title.sn-aside-group-title_selectable:hover.sn-aside-group-title_hidden .sn-aside-btn,
.sn-aside-group-title.sn-aside-group-title_selectable:hover.sn-aside-group-title_hidden .sn-aside-btn.state-overwrite-hidden, .sn-aside-group-title.state-selectable:hover.sn-aside-group-title_hidden .sn-aside-btn,
.sn-aside-group-title.state-selectable:hover.sn-aside-group-title_hidden .sn-aside-btn.state-overwrite-hidden {
opacity: 1; }
.sn-aside-group-title.sn-aside-group-title_selectable:hover .sn-aside-btn:first-child,
.sn-aside-group-title.sn-aside-group-title_selectable:hover .sn-aside-btn:last-child, .sn-aside-group-title.state-selectable:hover .sn-aside-btn:first-child,
.sn-aside-group-title.state-selectable:hover .sn-aside-btn:last-child {
color: #1f8476; }
.sn-aside-group-title.sn-aside-group-title_selectable.sn-aside-group-title_hidden.state-overwrite .sn-aside-btn, .sn-aside-group-title.state-selectable.sn-aside-group-title_hidden.state-overwrite .sn-aside-btn {
opacity: 1; }
.sn-aside-group-title.sn-aside-group-title_selectable.sn-aside-group-title_hidden .sn-aside-btn,
.sn-aside-group-title.sn-aside-group-title_selectable.sn-aside-group-title_hidden .sn-aside-btn.state-overwrite-hidden, .sn-aside-group-title.state-selectable.sn-aside-group-title_hidden .sn-aside-btn,
.sn-aside-group-title.state-selectable.sn-aside-group-title_hidden .sn-aside-btn.state-overwrite-hidden {
opacity: 0; }
.sn-aside-group-title.sn-aside-group-title_selectable.sn-aside-group-title_hidden.nav-application-overwrite .sn-aside-btn:focus,
.sn-aside-group-title.sn-aside-group-title_selectable.sn-aside-group-title_hidden.nav-application-overwrite .sn-aside-btn.state-overwrite-hidden:focus, .sn-aside-group-title.state-selectable.sn-aside-group-title_hidden.nav-application-overwrite .sn-aside-btn:focus,
.sn-aside-group-title.state-selectable.sn-aside-group-title_hidden.nav-application-overwrite .sn-aside-btn.state-overwrite-hidden:focus {
opacity: 1;
border: 1px solid #1f8476;
color: white; }
.sn-aside-group-title.sn-aside-group-title_selectable.nav-application-overwrite .favorite-list-overwrite--title, .sn-aside-group-title.state-selectable.nav-application-overwrite .favorite-list-overwrite--title {
color: #ffffff;
text-decoration: none;
width: 100%;
text-transform: none; }
.sn-aside-group-title.sn-aside-group-title_selectable.nav-application-overwrite .favorite-list-overwrite--title.favorite-list-overwrite--title--display, .sn-aside-group-title.state-selectable.nav-application-overwrite .favorite-list-overwrite--title.favorite-list-overwrite--title--display {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.sn-aside-group-title.sn-aside-group-title_selectable.nav-application-overwrite .favorite-list-overwrite--button, .sn-aside-group-title.state-selectable.nav-application-overwrite .favorite-list-overwrite--button {
background-color: transparent;
border: none;
margin: 0; }
html[dir="rtl"] .sn-aside-group-title.sn-aside-group-title_selectable.nav-application-overwrite .favorite-list-overwrite--button, html[dir="rtl"] .sn-aside-group-title.state-selectable.nav-application-overwrite .favorite-list-overwrite--button {
margin: 0; }
.sn-aside-group-title.sn-aside-group-title_selectable.nav-application-overwrite .favorite-list-overwrite--button:hover, .sn-aside-group-title.state-selectable.nav-application-overwrite .favorite-list-overwrite--button:hover {
background-color: rgba(0, 0, 0, 0.2); }
.sn-aside-group-title.sn-aside-group-title_selectable.nav-application-overwrite .favorite-list-overwrite--button:focus, .sn-aside-group-title.state-selectable.nav-application-overwrite .favorite-list-overwrite--button:focus {
opacity: 1;
border: 1px solid #1f8476;
color: white !important; }
.sn-aside-group-title.sn-aside-group-title_selectable.nav-application-overwrite .favorite-list-overwrite--button--right, .sn-aside-group-title.state-selectable.nav-application-overwrite .favorite-list-overwrite--button--right {
top: 5px;
right: 5px;
left: auto;
bottom: 5px;
position: absolute;
padding: 0px !important; }
html[dir="rtl"] .sn-aside-group-title.sn-aside-group-title_selectable.nav-application-overwrite .favorite-list-overwrite--button--right, html[dir="rtl"] .sn-aside-group-title.state-selectable.nav-application-overwrite .favorite-list-overwrite--button--right {
left: 5px;
right: auto;
padding: 0px !important; }
.sn-aside-group-title.sn-aside-group-title_selectable.nav-application-overwrite .favorite-group-overwrite--button, .sn-aside-group-title.state-selectable.nav-application-overwrite .favorite-group-overwrite--button {
background-color: transparent;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.13);
outline: none; }
.sn-aside-group-title.sn-aside-group-title_alt, .sn-aside-group-title.sn-aside-group-title_nav {
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
text-transform: none; }
.sn-aside-group-title.sn-aside-group-title_nav:focus::before, .sn-aside-group-title.sn-aside-group-title_nav:hover::before {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.13);
content: ''; }
@media screen and (-ms-high-contrast: active) {
.sn-aside-group-title.sn-aside-group-title_nav:focus::before, .sn-aside-group-title.sn-aside-group-title_nav:hover::before {
position: static; } }
.sn-aside-group-title.sn-aside-group-title_nav:focus::before {
background-color: rgba(255, 255, 255, 0.13); }
.sn-aside-group-title.nav-open-state .sn-aside-btn.icon-vcr-right {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.sn-aside-group-title .sn-aside-caption {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 5px; }
.sn-aside-group-title .sn-aside-btn {
color: #cbcbcb;
font-size: 13px; }
.sn-aside-group-title .sn-aside-btn:last-child {
padding: 0 8px; }
.sn-aside-group-title .sn-aside-btn:last-child.icon-chevron-right {
margin-right: -10px; }
.sn-aside-group-title .sn-aside-btn:last-child.icon-chevron-right.sn-aside-btn_list-align {
margin-right: 0; }
.sn-aside-group-title .sn-aside-btn.sn-aside-btn_control:last-child {
padding: 7px; }
.sn-aside-group-title .sn-aside-btn.icon-vcr-right {
margin-left: -6px;
transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1);
transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1);
transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); }
html[dir="rtl"] .sn-aside-group-title .sn-aside-btn.icon-vcr-right {
margin-left: 0;
margin-right: -6px; }

.sn-aside-body {
height: calc(100% - 56px);
overflow: auto; }

.sn-aside-body-frame {
overflow: hidden; }
.sn-aside-body-frame iframe {
height: 100%;
width: 100%;
border: 0; }
.sn-aside-body-frame .loading-indicator {
background-color: #ffffff;
height: 100%;
position: relative; }
.sn-aside-body-frame .loading-indicator .icon-loading {
top: 50%;
right: 50%;
bottom: 50%;
left: 50%;
position: absolute;
height: 24px;
width: 24px;
font-size: 24px;
margin: -12px; }

html[dir="rtl"] .navpage-nav-collapsed .sn-aside::-webkit-scrollbar {
display: none; }

.sn-aside-hide {
width: 0 !important; }

.sn-aside.sn-aside_themed {
background-color: #293e40;
color: #ffffff; }
.sn-aside.sn-aside_themed.sn-aside_left, .sn-aside.sn-aside_themed.sn-aside_right {
border: none; }
.sn-aside.sn-aside_themed .sn-aside-header {
background-color: #293e40;
border-color: rgba(0, 0, 0, 0.15);
color: #ffffff; }
.sn-aside.sn-aside_themed .sn-aside-group-title {
background-color: #293e40;
border-color: rgba(0, 0, 0, 0.15);
color: #ffffff; }
.sn-aside.sn-aside_themed .sn-aside-group-title:hover .sn-aside-btn:first-child {
color: #ffffff; }
@media screen and (-ms-high-contrast: active) {
.sn-aside.sn-aside_themed .sn-aside-group-title:focus {
box-shadow: inset 0px 0px 0px 2px #c83c36; } }
.sn-aside.sn-aside_themed .sn-aside-group-title.sn-aside-group-title_nav:hover::before, .sn-aside.sn-aside_themed .sn-aside-group-title.sn-aside-group-title_nav.state-hover::before {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.13);
content: ""; }
@media screen and (-ms-high-contrast: active) {
.sn-aside.sn-aside_themed .sn-aside-group-title.sn-aside-group-title_nav:hover::before, .sn-aside.sn-aside_themed .sn-aside-group-title.sn-aside-group-title_nav.state-hover::before {
position: static; } }
.sn-aside.sn-aside_themed .sn-aside-group-title.sn-aside-group-title_nav:active::before, .sn-aside.sn-aside_themed .sn-aside-group-title.sn-aside-group-title_nav.state-active::before, .sn-aside.sn-aside_themed .sn-aside-group-title.sn-aside-group-title_nav:focus::before {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background-color: rgba(255, 255, 255, 0.13);
content: ""; }
@media screen and (-ms-high-contrast: active) {
.sn-aside.sn-aside_themed .sn-aside-group-title.sn-aside-group-title_nav:active::before, .sn-aside.sn-aside_themed .sn-aside-group-title.sn-aside-group-title_nav.state-active::before, .sn-aside.sn-aside_themed .sn-aside-group-title.sn-aside-group-title_nav:focus::before {
position: static; } }
.sn-aside.sn-aside_themed .sn-aside-group-title .sn-aside-btn {
color: #ffffff;
height: auto; }
.sn-aside.sn-aside_themed .sn-aside-group-title .sn-aside-btn.sn-aside-btn_control {
color: #ffffff; }
.sn-aside.sn-aside_themed .sn-aside-group-title .sn-aside-btn.sn-aside-btn_control:active, .sn-aside.sn-aside_themed .sn-aside-group-title .sn-aside-btn.sn-aside-btn_control.state-active {
color: #ffffff; }
.sn-aside.sn-aside_themed .sn-aside-group-title .sn-aside-btn.sn-aside-btn_control:focus {
color: #1f8476; }
.sn-aside.sn-aside_themed .sn-widget-textblock {
color: #ffffff; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 li,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item {
background-color: #293e40;
border-bottom: 1px solid rgba(0, 0, 0, 0.13);
color: #ffffff; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 li:active, .sn-aside.sn-aside_themed .sn-widget-list_v2 li:focus, .sn-aside.sn-aside_themed .sn-widget-list_v2 li:focus:hover, .sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-active,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:active,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:focus,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:focus:hover,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-active {
background-color: #576667;
box-shadow: none;
color: #ffffff; }
@media screen and (-ms-high-contrast: active) {
.sn-aside.sn-aside_themed .sn-widget-list_v2 li:active, .sn-aside.sn-aside_themed .sn-widget-list_v2 li:focus, .sn-aside.sn-aside_themed .sn-widget-list_v2 li:focus:hover, .sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-active,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:active,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:focus,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:focus:hover,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-active {
box-shadow: inset 0px 0px 0px 2px #c83c36; } }
.sn-aside.sn-aside_themed .sn-widget-list_v2 li:hover .sn-widget-list-title,
.sn-aside.sn-aside_themed .sn-widget-list_v2 li:hover .sn-widget-list-subtitle,
.sn-aside.sn-aside_themed .sn-widget-list_v2 li:hover .sn-widget-list-action, .sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-hover .sn-widget-list-title,
.sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-hover .sn-widget-list-subtitle,
.sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-hover .sn-widget-list-action,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:hover .sn-widget-list-title,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:hover .sn-widget-list-subtitle,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:hover .sn-widget-list-action,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-hover .sn-widget-list-title,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-hover .sn-widget-list-subtitle,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-hover .sn-widget-list-action {
color: #ffffff; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 li:active .sn-widget-list-title,
.sn-aside.sn-aside_themed .sn-widget-list_v2 li:active .sn-widget-list-subtitle,
.sn-aside.sn-aside_themed .sn-widget-list_v2 li:active .sn-widget-list-action, .sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-active .sn-widget-list-title,
.sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-active .sn-widget-list-subtitle,
.sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-active .sn-widget-list-action, .sn-aside.sn-aside_themed .sn-widget-list_v2 li:focus .sn-widget-list-title,
.sn-aside.sn-aside_themed .sn-widget-list_v2 li:focus .sn-widget-list-subtitle,
.sn-aside.sn-aside_themed .sn-widget-list_v2 li:focus .sn-widget-list-action, .sn-aside.sn-aside_themed .sn-widget-list_v2 li:focus:hover .sn-widget-list-title,
.sn-aside.sn-aside_themed .sn-widget-list_v2 li:focus:hover .sn-widget-list-subtitle,
.sn-aside.sn-aside_themed .sn-widget-list_v2 li:focus:hover .sn-widget-list-action,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:active .sn-widget-list-title,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:active .sn-widget-list-subtitle,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:active .sn-widget-list-action,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-active .sn-widget-list-title,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-active .sn-widget-list-subtitle,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-active .sn-widget-list-action,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:focus .sn-widget-list-title,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:focus .sn-widget-list-subtitle,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:focus .sn-widget-list-action,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:focus:hover .sn-widget-list-title,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:focus:hover .sn-widget-list-subtitle,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:focus:hover .sn-widget-list-action {
color: #ffffff; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 li:hover::before, .sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-hover::before,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:hover::before,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-hover::before {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.13);
content: ""; }
@media screen and (-ms-high-contrast: active) {
.sn-aside.sn-aside_themed .sn-widget-list_v2 li:hover::before, .sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-hover::before,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:hover::before,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-hover::before {
position: static; } }
.sn-aside.sn-aside_themed .sn-widget-list_v2 li:active::before, .sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-active::before, .sn-aside.sn-aside_themed .sn-widget-list_v2 li:focus::before,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:active::before,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-active::before,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:focus::before {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background-color: rgba(255, 255, 255, 0.13);
content: ""; }
@media screen and (-ms-high-contrast: active) {
.sn-aside.sn-aside_themed .sn-widget-list_v2 li:active::before, .sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-active::before, .sn-aside.sn-aside_themed .sn-widget-list_v2 li:focus::before,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:active::before,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-active::before,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item:focus::before {
position: static; } }
.sn-aside.sn-aside_themed .sn-widget-list_v2 li.accessible-nav-focus:focus::before,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.accessible-nav-focus:focus::before {
background-color: transparent; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-active .sn-badge,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-active .sn-badge {
display: none; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-disable-bg,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-disable-bg {
background-color: #293e40; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-disable-bg:hover::before, .sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-disable-bg.state-hover::before, .sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-disable-bg:active::before, .sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-disable-bg.state-active::before, .sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-disable-bg:focus::before,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-disable-bg:hover::before,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-disable-bg.state-hover::before,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-disable-bg:active::before,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-disable-bg.state-active::before,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-disable-bg:focus::before {
display: none; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-disable-bg .sn-widget-list-title,
.sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-disable-bg .sn-widget-list-subtitle,
.sn-aside.sn-aside_themed .sn-widget-list_v2 li.state-disable-bg .sn-widget-list-action,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-disable-bg .sn-widget-list-title,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-disable-bg .sn-widget-list-subtitle,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item.state-disable-bg .sn-widget-list-action {
color: #ffffff; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 li .sn-widget-list-title,
.sn-aside.sn-aside_themed .sn-widget-list_v2 li .sn-widget-list-action,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-title,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-action {
color: #ffffff; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 li .sn-widget-list-subtitle,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-subtitle {
color: #ffffff; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 li .sn-connect-widget-list-badge,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item .sn-connect-widget-list-badge {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 31px; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 li .btn-primary,
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-item .btn-primary {
background-color: #82c9b8;
border-color: #82c9b8; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_actions .sn-widget-list-action:active, .sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_actions .sn-widget-list-action:focus, .sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_actions .sn-widget-list-action.state-active {
color: #ffffff; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_actions .sn-widget-list-action.draggable:focus {
color: #1f8476; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list-divider {
background-color: #293e40; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-aside-group-title {
background-color: #293e40;
text-decoration: none; }
.sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-aside-group-title span {
text-decoration: none; }

.sn-attachment-preview-image {
text-align: center; }
.sn-attachment-preview-image img {
max-height: 920px;
max-width: 100%; }

.sn-attachment-preview-link {
color: #1f8476; }
.sn-attachment-preview-link span {
padding: 0 5px; }

.sn-badge {
height: 20px;
width: auto;
border-radius: 20px;
color: #ffffff;
display: inline-block;
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
line-height: 20px;
opacity: 1;
padding: 0 7px;
text-align: center;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%; }
.sn-badge.default {
background-color: #82c9b8; }
.sn-badge.no-transition {
transition: none; }

.h-card {
background-color: #ffffff;
border: 1px solid #cbcbcb;
border-radius: 3px;
display: block;
list-style: none;
margin-bottom: 10px;
min-width: 210px;
overflow: hidden;
padding: 15px 18px;
position: relative;
width: 100%; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.h-card .sn-card-component_nav {
opacity: 1; } }
.h-card:hover .sn-card-component_nav {
opacity: 1; }
.h-card:hover .sn-card-component_meta .sn-card-component-link {
transition: opacity 500ms cubic-bezier(0.075, 0.82, 0.165, 1), height 500ms cubic-bezier(0.075, 0.82, 0.165, 1); }
.h-card .sn-card-component_meta .sn-card-component-link:focus {
opacity: 1;
height: 100%;
transition: opacity 500ms cubic-bezier(0.075, 0.82, 0.165, 1), height 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
background-color: #ffffff; }
.h-card.state-selected {
background-color: #5fbaa4;
border-color: #1f8476;
color: #4a4a4a; }
.h-card.state-selected .sn-card-component_records .sn-widget-list li,
.h-card.state-selected .sn-card-component_meta {
color: #4a4a4a; }
.h-card.state-selected .sn-card-component_accent-bar {
background-color: #1f8476; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.h-card_comments .sn-card-component_meta .sn-card-component-time {
opacity: 0; }
.h-card_comments .sn-card-component_meta .sn-card-component-time:only-child {
opacity: 1; }
.h-card_comments .sn-card-component_meta .sn-card-component-link {
height: 100%;
opacity: 1; } }
.h-card_comments:hover .sn-card-component_meta .sn-card-component-time, .h-card_comments_forced .sn-card-component_meta .sn-card-component-time {
opacity: 0; }
.h-card_comments:hover .sn-card-component_meta .sn-card-component-time:only-child, .h-card_comments_forced .sn-card-component_meta .sn-card-component-time:only-child {
opacity: 1; }
.h-card_comments:hover .sn-card-component_meta .sn-card-component-link, .h-card_comments_forced .sn-card-component_meta .sn-card-component-link {
border: none;
box-shadow: none;
height: 100%;
opacity: 1; }
.h-card_info {
border: 1px solid #1f8476; }
.h-card_info.h-card_selectable:hover {
border: 1px solid #1f8476; }
.h-card_info .sn-card-component_accent-bar,
.h-card_info .sn-card-component-label {
background-color: #1f8476; }
.h-card_info .sn-card-component_title {
color: #1f8476; }
.h-card_link .sn-card-component_title {
margin-top: 0; }
.h-card_link .sn-card-component_summary.sn-card-component_first {
margin-top: 10px; }
.h-card_link .sn-card-component_meta {
width: 75%; }
.h-card_link .sn-card-component_meta .sn-card-component-createdby {
font-style: italic;
line-height: 1.2;
max-width: 100%;
white-space: normal; }
.h-card_max {
max-width: 450px; }
.h-card_negative {
border: 1px solid #c83c36; }
.h-card_negative.h-card_selectable:hover {
border: 1px solid #c83c36; }
.h-card_negative .sn-card-component_accent-bar,
.h-card_negative .sn-card-component-label {
background-color: #c83c36; }
.h-card_negative .sn-card-component_title {
color: #c83c36; }
.h-card_nopadding {
padding-bottom: 0; }
.h-card_selectable {
cursor: pointer; }
.h-card_selectable:hover, .h-card_selectable.state-hover {
background-color: #f7f7f7;
border-color: #cbcbcb; }
.h-card_selectable:hover .sn-card-component_title .sn-card-component-label, .h-card_selectable.state-hover .sn-card-component_title .sn-card-component-label {
background-color: #ffffff;
color: #666666; }
.h-card_selectable.state-selected:hover, .h-card_selectable.state-selected.state-hover {
background-color: #5fbaa4;
border-color: #1f8476; }
.h-card_selectable .sn-card-component,
.h-card_selectable .sn-card-component_summary .sn-widget-textblock,
.h-card_selectable .sn-card-component .avatar-container,
.h-card_selectable .sn-widget-list-table li {
cursor: pointer; }
.h-card > a {
text-decoration: none; }
.h-card .link-loading-margin {
margin-left: 5px; }
html.touch .h-card {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.h-card_lg {
max-width: 450px; }
.h-card_lg .sn-card-component_title {
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif; }

.h-card_sm, .state-compact-tasks .h-card, .sn-connect-floating .h-card {
padding: 10px; }
.h-card_sm.h-card_sm_attachment.h-card_sm_media .sn-card-component, .state-compact-tasks .h-card_sm_attachment.h-card_sm_media.h-card .sn-card-component, .sn-connect-floating .h-card_sm_attachment.h-card_sm_media.h-card .sn-card-component,
.h-card_sm.h-card_sm_attachment.h-card_sm_media .sn-card-component_first .sn-card-component_attachment,
.state-compact-tasks .h-card_sm_attachment.h-card_sm_media.h-card .sn-card-component_first .sn-card-component_attachment,
.sn-connect-floating .h-card_sm_attachment.h-card_sm_media.h-card .sn-card-component_first .sn-card-component_attachment,
.h-card_sm.h-card_sm_attachment.h-card_sm_media .sn-card-component_attachment,
.state-compact-tasks .h-card_sm_attachment.h-card_sm_media.h-card .sn-card-component_attachment,
.sn-connect-floating .h-card_sm_attachment.h-card_sm_media.h-card .sn-card-component_attachment {
width: 100%; }
.h-card_sm.h-card_sm_attachment.h-card_sm_media .sn-card-component_first .sn-card-component_attachment::before, .state-compact-tasks .h-card_sm_attachment.h-card_sm_media.h-card .sn-card-component_first .sn-card-component_attachment::before, .sn-connect-floating .h-card_sm_attachment.h-card_sm_media.h-card .sn-card-component_first .sn-card-component_attachment::before,
.h-card_sm.h-card_sm_attachment.h-card_sm_media .sn-card-component_attachment::before,
.state-compact-tasks .h-card_sm_attachment.h-card_sm_media.h-card .sn-card-component_attachment::before,
.sn-connect-floating .h-card_sm_attachment.h-card_sm_media.h-card .sn-card-component_attachment::before {
display: block; }
.h-card_sm.h-card_sm_attachment.h-card_sm_media .sn-card-component_first .sn-card-component_attachment + .sn-card-component_title + .sn-card-component_headline, .state-compact-tasks .h-card_sm_attachment.h-card_sm_media.h-card .sn-card-component_first .sn-card-component_attachment + .sn-card-component_title + .sn-card-component_headline, .sn-connect-floating .h-card_sm_attachment.h-card_sm_media.h-card .sn-card-component_first .sn-card-component_attachment + .sn-card-component_title + .sn-card-component_headline,
.h-card_sm.h-card_sm_attachment.h-card_sm_media .sn-card-component_attachment + .sn-card-component_title + .sn-card-component_headline,
.state-compact-tasks .h-card_sm_attachment.h-card_sm_media.h-card .sn-card-component_attachment + .sn-card-component_title + .sn-card-component_headline,
.sn-connect-floating .h-card_sm_attachment.h-card_sm_media.h-card .sn-card-component_attachment + .sn-card-component_title + .sn-card-component_headline {
margin-top: 5px; }
.h-card_sm.h-card_sm_attachment.h-card_sm_media .sn-card-component-image, .state-compact-tasks .h-card_sm_attachment.h-card_sm_media.h-card .sn-card-component-image, .sn-connect-floating .h-card_sm_attachment.h-card_sm_media.h-card .sn-card-component-image {
height: 100%;
width: 100%; }
.h-card_sm.h-card_sm_attachment.h-card_sm_attachment_single, .state-compact-tasks .h-card_sm_attachment.h-card_sm_attachment_single.h-card, .sn-connect-floating .h-card_sm_attachment.h-card_sm_attachment_single.h-card {
padding: 0; }
.h-card_sm.h-card_sm_attachment.h-card_sm_attachment_single .sn-card-component_attachment, .state-compact-tasks .h-card_sm_attachment.h-card_sm_attachment_single.h-card .sn-card-component_attachment, .sn-connect-floating .h-card_sm_attachment.h-card_sm_attachment_single.h-card .sn-card-component_attachment,
.h-card_sm.h-card_sm_attachment.h-card_sm_attachment_single .sn-card-component-image,
.state-compact-tasks .h-card_sm_attachment.h-card_sm_attachment_single.h-card .sn-card-component-image,
.sn-connect-floating .h-card_sm_attachment.h-card_sm_attachment_single.h-card .sn-card-component-image {
margin: 0;
width: 100%; }

.h-card_sm.h-card_sm_attachment.h-card_sm_attachment_single .sn-card-component-image,
.state-compact-tasks .h-card_sm_attachment.h-card_sm_attachment_single.h-card .sn-card-component-image,
.sn-connect-floating .h-card_sm_attachment.h-card_sm_attachment_single.h-card .sn-card-component-image {
height: 100px; }
.h-card_sm.h-card_sm_attachment .sn-card-component, .state-compact-tasks .h-card_sm_attachment.h-card .sn-card-component, .sn-connect-floating .h-card_sm_attachment.h-card .sn-card-component {
width: calc(100% - 70px); }
.h-card_sm.h-card_sm_attachment .sn-card-component_title + .sn-card-component_headline, .state-compact-tasks .h-card_sm_attachment.h-card .sn-card-component_title + .sn-card-component_headline, .sn-connect-floating .h-card_sm_attachment.h-card .sn-card-component_title + .sn-card-component_headline {
max-height: 32px;
overflow: hidden; }
.h-card_sm.h-card_sm_attachment .sn-card-component_first .sn-card-component_attachment, .state-compact-tasks .h-card_sm_attachment.h-card .sn-card-component_first .sn-card-component_attachment, .sn-connect-floating .h-card_sm_attachment.h-card .sn-card-component_first .sn-card-component_attachment,
.h-card_sm.h-card_sm_attachment .sn-card-component_attachment,
.state-compact-tasks .h-card_sm_attachment.h-card .sn-card-component_attachment,
.sn-connect-floating .h-card_sm_attachment.h-card .sn-card-component_attachment {
height: 100%;
width: 70px;
margin-left: 0;
margin-top: 0; }
.h-card_sm.h-card_sm_attachment .sn-card-component_first .sn-card-component_attachment::before, .state-compact-tasks .h-card_sm_attachment.h-card .sn-card-component_first .sn-card-component_attachment::before, .sn-connect-floating .h-card_sm_attachment.h-card .sn-card-component_first .sn-card-component_attachment::before,
.h-card_sm.h-card_sm_attachment .sn-card-component_attachment::before,
.state-compact-tasks .h-card_sm_attachment.h-card .sn-card-component_attachment::before,
.sn-connect-floating .h-card_sm_attachment.h-card .sn-card-component_attachment::before {
display: none; }
.h-card_sm.h-card_sm_attachment .sn-card-component_meta_long, .state-compact-tasks .h-card_sm_attachment.h-card .sn-card-component_meta_long, .sn-connect-floating .h-card_sm_attachment.h-card .sn-card-component_meta_long {
width: calc(70% - 70px); }
.h-card_sm.h-card_sm_attachment .sn-card-component_meta_long + .sn-card-component_meta, .state-compact-tasks .h-card_sm_attachment.h-card .sn-card-component_meta_long + .sn-card-component_meta, .sn-connect-floating .h-card_sm_attachment.h-card .sn-card-component_meta_long + .sn-card-component_meta {
width: 30%; }
.h-card_sm .sn-card-component, .state-compact-tasks .h-card .sn-card-component, .sn-connect-floating .h-card .sn-card-component {
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
margin-top: 5px; }
.h-card_sm .sn-card-component_first, .state-compact-tasks .h-card .sn-card-component_first, .sn-connect-floating .h-card .sn-card-component_first {
margin-top: 0; }
.h-card_sm .sn-card-component_last, .state-compact-tasks .h-card .sn-card-component_last, .sn-connect-floating .h-card .sn-card-component_last {
margin-top: 10px; }
.h-card_sm .sn-card-component_title, .state-compact-tasks .h-card .sn-card-component_title, .sn-connect-floating .h-card .sn-card-component_title {
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif; }
.h-card_sm .sn-card-component_title + .sn-card-component_headline, .state-compact-tasks .h-card .sn-card-component_title + .sn-card-component_headline, .sn-connect-floating .h-card .sn-card-component_title + .sn-card-component_headline {
margin-top: 0; }
.h-card_sm .sn-card-component_headline, .state-compact-tasks .h-card .sn-card-component_headline, .sn-connect-floating .h-card .sn-card-component_headline {
font: 14px "SourceSansProSemibold", "Helvetica Neue", "Helvetica", Arial, sans-serif;
line-height: 1.1;
padding-top: 0; }
.h-card_sm .sn-card-component_headline + .sn-card-component_summary, .state-compact-tasks .h-card .sn-card-component_headline + .sn-card-component_summary, .sn-connect-floating .h-card .sn-card-component_headline + .sn-card-component_summary {
display: block; }
.h-card_sm .sn-card-component_summary.sn-card-component_first, .state-compact-tasks .h-card .sn-card-component_summary.sn-card-component_first, .sn-connect-floating .h-card .sn-card-component_summary.sn-card-component_first {
display: block; }
.h-card_sm .sn-card-component_records .sn-widget-list-table li, .state-compact-tasks .h-card .sn-card-component_records .sn-widget-list-table li, .sn-connect-floating .h-card .sn-card-component_records .sn-widget-list-table li {
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif; }
.h-card_sm .sn-card-component_attachment .sn-card-component-image, .state-compact-tasks .h-card .sn-card-component_attachment .sn-card-component-image, .sn-connect-floating .h-card .sn-card-component_attachment .sn-card-component-image {
height: 60px;
width: 60px;
background-color: #e7e9eb; }
.h-card_sm .sn-card-component_attachment .sn-card-component-image-detail, .state-compact-tasks .h-card .sn-card-component_attachment .sn-card-component-image-detail, .sn-connect-floating .h-card .sn-card-component_attachment .sn-card-component-image-detail {
display: none; }
.h-card_sm .sn-card-component_title, .state-compact-tasks .h-card .sn-card-component_title, .sn-connect-floating .h-card .sn-card-component_title,
.h-card_sm .sn-card-component_summary,
.state-compact-tasks .h-card .sn-card-component_summary,
.sn-connect-floating .h-card .sn-card-component_summary,
.h-card_sm .sn-card-component_records,
.state-compact-tasks .h-card .sn-card-component_records,
.sn-connect-floating .h-card .sn-card-component_records,
.h-card_sm .sn-card-component_checklist,
.state-compact-tasks .h-card .sn-card-component_checklist,
.sn-connect-floating .h-card .sn-card-component_checklist,
.h-card_sm .sn-card-component_accent-bar,
.state-compact-tasks .h-card .sn-card-component_accent-bar,
.sn-connect-floating .h-card .sn-card-component_accent-bar {
display: none; }
.h-card_sm_expanded .h-card_sm .sn-card-component_records, .h-card_sm_expanded .state-compact-tasks .h-card .sn-card-component_records, .state-compact-tasks .h-card_sm_expanded .h-card .sn-card-component_records, .h-card_sm_expanded .sn-connect-floating .h-card .sn-card-component_records, .sn-connect-floating .h-card_sm_expanded .h-card .sn-card-component_records {
display: inline-block; }

.compact .h-card_sm, .compact .state-compact-tasks .h-card, .state-compact-tasks .compact .h-card, .compact .sn-connect-floating .h-card, .sn-connect-floating .compact .h-card {
padding: 5px; }
.compact .h-card_sm .sn-card-component, .compact .state-compact-tasks .h-card .sn-card-component, .state-compact-tasks .compact .h-card .sn-card-component, .compact .sn-connect-floating .h-card .sn-card-component, .sn-connect-floating .compact .h-card .sn-card-component {
margin-top: 3px; }
.compact .h-card_sm .sn-card-component_first, .compact .state-compact-tasks .h-card .sn-card-component_first, .state-compact-tasks .compact .h-card .sn-card-component_first, .compact .sn-connect-floating .h-card .sn-card-component_first, .sn-connect-floating .compact .h-card .sn-card-component_first {
margin-top: 0; }
.compact .h-card_sm .sn-card-component_last, .compact .state-compact-tasks .h-card .sn-card-component_last, .state-compact-tasks .compact .h-card .sn-card-component_last, .compact .sn-connect-floating .h-card .sn-card-component_last, .sn-connect-floating .compact .h-card .sn-card-component_last {
margin-top: 5px; }
.compact .h-card_sm .sn-card-component_headline, .compact .state-compact-tasks .h-card .sn-card-component_headline, .state-compact-tasks .compact .h-card .sn-card-component_headline, .compact .sn-connect-floating .h-card .sn-card-component_headline, .sn-connect-floating .compact .h-card .sn-card-component_headline {
font: 14px "SourceSansProSemibold", "Helvetica Neue", "Helvetica", Arial, sans-serif; }
.compact .h-card_sm .sn-card-component_attachment, .compact .state-compact-tasks .h-card .sn-card-component_attachment, .state-compact-tasks .compact .h-card .sn-card-component_attachment, .compact .sn-connect-floating .h-card .sn-card-component_attachment, .sn-connect-floating .compact .h-card .sn-card-component_attachment,
.compact .h-card_sm .sn-card-component_title,
.compact .state-compact-tasks .h-card .sn-card-component_title,
.state-compact-tasks .compact .h-card .sn-card-component_title,
.compact .sn-connect-floating .h-card .sn-card-component_title,
.sn-connect-floating .compact .h-card .sn-card-component_title,
.compact .h-card_sm .sn-card-component_summary,
.compact .state-compact-tasks .h-card .sn-card-component_summary,
.state-compact-tasks .compact .h-card .sn-card-component_summary,
.compact .sn-connect-floating .h-card .sn-card-component_summary,
.sn-connect-floating .compact .h-card .sn-card-component_summary,
.compact .h-card_sm .sn-card-component_labels,
.compact .state-compact-tasks .h-card .sn-card-component_labels,
.state-compact-tasks .compact .h-card .sn-card-component_labels,
.compact .sn-connect-floating .h-card .sn-card-component_labels,
.sn-connect-floating .compact .h-card .sn-card-component_labels,
.compact .h-card_sm .sn-card-component_records,
.compact .state-compact-tasks .h-card .sn-card-component_records,
.state-compact-tasks .compact .h-card .sn-card-component_records,
.compact .sn-connect-floating .h-card .sn-card-component_records,
.sn-connect-floating .compact .h-card .sn-card-component_records,
.compact .h-card_sm .sn-card-component_checklist,
.compact .state-compact-tasks .h-card .sn-card-component_checklist,
.state-compact-tasks .compact .h-card .sn-card-component_checklist,
.compact .sn-connect-floating .h-card .sn-card-component_checklist,
.sn-connect-floating .compact .h-card .sn-card-component_checklist,
.compact .h-card_sm .sn-card-component_accent-bar,
.compact .state-compact-tasks .h-card .sn-card-component_accent-bar,
.state-compact-tasks .compact .h-card .sn-card-component_accent-bar,
.compact .sn-connect-floating .h-card .sn-card-component_accent-bar,
.sn-connect-floating .compact .h-card .sn-card-component_accent-bar {
display: none; }

.h-card-wrapper {
overflow: hidden; }
.h-card-wrapper:not(.form-field) {
padding: 10px 10px 0;
width: 100%; }
.h-card-wrapper_selectable .h-card {
cursor: pointer; }
.h-card-wrapper_selectable .h-card:hover {
background-color: #f7f7f7;
border-color: #cbcbcb; }
.h-card-wrapper_selectable .h-card.state-selected:hover {
background-color: #5fbaa4;
border-color: #1f8476; }
.h-card-wrapper_selectable .h-card .sn-card-component,
.h-card-wrapper_selectable .h-card .sn-card-component_summary .sn-widget-textblock,
.h-card-wrapper_selectable .h-card .sn-card-component .avatar-container,
.h-card-wrapper_selectable .h-card .sn-widget-list-table li {
cursor: pointer; }
.h-card-wrapper_list_border {
border-top: 1px solid #cbcbcb; }
.h-card-wrapper_list:not(.form-field) {
padding: 0; }
.h-card-wrapper_list .h-card {
border-color: #cbcbcb;
border-radius: 0;
border-width: 0 0 1px;
margin: 0; }
.h-card-wrapper_list .h-card:hover, .h-card-wrapper_list .h-card.state-selected, .h-card-wrapper_list .h-card.state-selected:hover {
border-color: #cbcbcb; }
.h-card-wrapper_list .sn-card-component_accent-bar {
border-radius: 0; }
.form-field .h-card-wrapper {
padding: 0; }

.sn-steam .h-card-wrapper_selectable li > button {
padding: 15px 18px;
text-align: left; }

.sn-card-component {
float: left;
position: relative;
color: #455464;
cursor: default;
display: inline-block;
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
margin: 10px 0 0;
width: 100%; }
html[dir="rtl"] .sn-card-component {
float: right;
position: relative; }
.sn-card-component_first {
margin-top: 0; }

.sn-card-component_accent-bar {
top: 0;
left: 0;
position: absolute;
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
height: 100%;
width: 5px;
background-color: #cbcbcb;
margin: 0; }
.sn-card-component_accent-bar_dark {
background-color: #2e2e2e;
opacity: 0.8; }
.sn-card-component_accent-bar_bullet {
padding: 0 4px 0 4px; }

/* inline streams */
#sn_form_inline_stream_container .sn-card-component_accent-bar_bullet {
padding: 0 7px 0 7px; }

.sn-card-component_attachment.state-selectable {
cursor: pointer; }

.sn-card-component_attachment::before {
top: 0;
left: 0;
position: absolute;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
height: 150%;
width: 100%;
content: '';
overflow: hidden; }

.sn-card-component_attachment_vignette::before {
display: none; }

.sn-card-component_attachment.sn-card-component_attachment_first {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
height: 135px;
margin-left: -18px;
margin-top: -15px;
overflow: hidden;
width: calc(100% + 36px); }
.sn-card-component_attachment.sn-card-component_attachment_first::before {
background: radial-gradient(ellipse at center bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.4) 85%); }
.sn-card-component_attachment.sn-card-component_attachment_first .sn-card-component-image {
height: 100%;
width: 100%;
background-position: 50%;
background-size: cover; }
.sn-card-component_attachment.sn-card-component_attachment_first + .sn-card-component_title {
top: 10px;
left: 20px;
position: absolute;
color: #ffffff;
width: auto; }

.sn-card-component_attachment.sn-card-attachment-unavailable a {
color: #81878E; }

.sn-card-component_attachment .sn-card-component-image-detail {
display: inline-block;
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
margin-top: 1px;
opacity: 0.8;
width: 100%; }

.sn-card-component_attachment .sn-card-component-image {
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
max-height: 350px;
max-width: 100%;
overflow: hidden;
width: auto; }

.sn-card-component_attachment .sn-card-component-player {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
overflow: hidden; }
.sn-card-component_attachment .sn-card-component-player iframe {
width: 100% !important; }

.sn-card-component_attachment .sn-card-component-play {
top: 50%;
left: 50%;
position: absolute;
height: 60px;
width: 60px;
background-color: #1f8476;
border-radius: 100%;
color: #ffffff;
font-size: 30px;
line-height: 56px;
margin: -30px 0 0 -30px;
opacity: 0.8;
padding-left: 5px;
text-align: center; }

.sn-card-component_attachment a {
position: relative; }

.sn-card-component_buttons {
right: 0;
bottom: 0;
left: 0;
position: absolute;
height: 0;
width: 100%;
margin: 0;
transition: height 0.2s cubic-bezier(0.075, 0.82, 0.165, 1); }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.sn-card-component_buttons {
bottom: auto;
height: auto;
left: auto;
margin-top: 10px;
position: relative;
right: auto;
transition: none;
top: auto; } }
.sn-card-component_buttons .sn-widget-button {
padding: 0; }
.sn-card-component_buttons .sn-widget-button .btn {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border: none;
box-shadow: none;
line-height: 1.3; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.sn-card-component_buttons .sn-widget-button .btn {
border-top-left-radius: 3px;
border-top-right-radius: 3px; } }
.sn-card-component_buttons .sn-widget-button .btn.btn-default {
background-color: #e7e9eb; }
.sn-card-component_buttons .sn-widget-button .btn .icon {
margin-right: 5px; }

.sn-card-component_form-entry .sn-card-component-form {
position: relative;
width: 100%; }

.sn-card-component_form-entry .sn-card-component-form-container {
position: relative;
width: 100%; }
.sn-card-component_form-entry .sn-card-component-form-container .form-control {
resize: none;
max-height: 100px;
min-height: 50px; }

.sn-card-component_form-entry .sn-card-component-form-controls {
margin-top: 10px; }
.sn-card-component_form-entry .sn-card-component-form-controls .sn-card-component-form-control {
margin-left: 5px; }
.sn-card-component_form-entry .sn-card-component-form-controls .input-group-checkbox {
display: inline-block;
margin-top: 7px; }
.sn-card-component_form-entry .sn-card-component-form-controls .input-group-checkbox .checkbox-label::before {
margin-top: -2px; }

.sn-card-component_form-entry .sn-card-component-form-highlight {
top: 1px;
bottom: 1px;
left: 1px;
position: absolute;
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
border: 1px solid transparent;
width: 5px; }

.sn-card-component_form-entry + .sn-card-component_accent-bar + .sn-card-component_buttons,
.sn-card-component_form-entry + .sn-card-component_buttons {
display: none; }

.sn-card-component_headline {
color: #343d47;
font: 15px "SourceSansProSemibold", "Helvetica Neue", "Helvetica", Arial, sans-serif;
line-height: 1.1;
padding-top: 3px;
word-break: break-word;
word-wrap: break-word; }
.sn-card-component_headline.sn-card-component_first {
padding-top: 0; }
.sn-card-component_headline.sn-card-component_headline_form {
margin-top: 0;
overflow: visible; }
.sn-card-component_headline.sn-card-component_headline_sm {
font: 12px "SourceSansProSemibold", "Helvetica Neue", "Helvetica", Arial, sans-serif; }
.sn-card-component_headline.sn-card-component_headline_sm + .sn-card-component_summary {
margin-top: 0; }
.sn-card-component_headline .sn-card-component-textarea {
resize: none;
width: 100%; }
.sn-card-component_headline a {
color: #1f8476;
outline-offset: 2px !important; }

.sn-card-component_labels .sn-card-component-label {
height: 12px;
width: 12px;
border-radius: 12px;
display: inline-block;
float: left;
margin: 2px 5px 2px 0; }

.sn-card-component_meta {
height: 24px;
width: 50%;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
html.date-timeago .sn-card-component_meta .sn-card-component-time .date-calendar,
html.date-timeago .sn-card-component_meta .sn-card-component-time .date-calendar-short {
display: none; }
html.date-timeago .sn-card-component_meta .sn-card-component-time .date-timeago {
opacity: 1;
margin-top: 0;
max-height: none;
width: auto; }
html.date-calendar .sn-card-component_meta .sn-card-component-time .date-calendar,
html.date-calendar-short .sn-card-component_meta .sn-card-component-time .date-calendar {
display: inline-block;
opacity: 1;
margin-top: 0;
max-height: none;
width: auto; }
html.date-calendar .sn-card-component_meta .sn-card-component-time .date-calendar + .date-calendar-short,
html.date-calendar-short .sn-card-component_meta .sn-card-component-time .date-calendar + .date-calendar-short {
display: none; }
html.date-calendar .sn-card-component_meta .sn-card-component-time .date-timeago,
html.date-calendar-short .sn-card-component_meta .sn-card-component-time .date-timeago {
display: none; }
html.date-both .sn-card-component_meta.sn-card-component_first .sn-card-component-time .date-timeago {
float: right;
padding-left: 4px; }
html[dir="rtl"] html.date-both .sn-card-component_meta.sn-card-component_first .sn-card-component-time .date-timeago {
float: left;
padding-left: 0;
padding-right: 4px; }
html.date-both .sn-card-component_meta .sn-card-component-time .date-calendar,
html.date-both .sn-card-component_meta .sn-card-component-time .date-calendar-short,
html.date-both .sn-card-component_meta .sn-card-component-time .date-timeago {
display: inline-block;
margin-top: 0;
max-height: none;
opacity: 1;
overflow: visible;
padding: 0;
width: auto; }
html.date-both .sn-card-component_meta .sn-card-component-time .date-calendar::after,
html.date-both .sn-card-component_meta .sn-card-component-time .date-calendar-short::after {
padding-left: 3px; }
.sn-card-component_meta.sn-card-component_meta_sibling + .sn-card-component_meta, .sn-card-component_meta.sn-card-component_meta_long + .sn-card-component_meta {
color: #666666;
float: right;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right; }
.sn-card-component_meta.sn-card-component_meta_sibling + .sn-card-component_meta a, .sn-card-component_meta.sn-card-component_meta_long + .sn-card-component_meta a {
color: #666666; }
.sn-card-component_meta.sn-card-component_meta_sibling + .sn-card-component_meta a:hover, .sn-card-component_meta.sn-card-component_meta_long + .sn-card-component_meta a:hover {
color: #1f8476;
text-decoration: underline; }
.sn-card-component_meta.sn-card-component_meta_long {
width: 70%; }
.sn-card-component_meta.sn-card-component_meta_long + .sn-card-component_meta {
width: 30%; }
.sn-card-component_meta .sn-card-component-avatar,
.sn-card-component_meta .sn-card-component-createdby,
.sn-card-component_meta .sn-card-component-detail,
.sn-card-component_meta .sn-card-component-link,
.sn-card-component_meta .sn-card-component-time,
.sn-card-component_meta .sn-card-component-type {
display: inline-block;
line-height: 1;
transition: opacity 500ms cubic-bezier(0.075, 0.82, 0.165, 1); }
.sn-card-component_meta .sn-card-component-avatar {
float: left; }
.sn-card-component_meta .sn-card-component-avatar_unassigned {
opacity: 0.5; }
.sn-card-component_meta .sn-card-component-avatar_unassigned.avatar-container.avatar-xs .avatar.soloAvatar .sub-avatar {
background-color: #e7e9eb;
border: 1px solid #cbcbcb; }
.sn-card-component_meta .sn-card-component-avatar:nth-of-type(2) {
margin: 0 3px 0; }
.sn-card-component_meta .sn-card-component-avatar .icon-user-profile {
font-size: 28px;
margin-top: -2px; }
.sn-card-component_meta .sn-card-component-avatar + .sn-card-component-createdby {
margin-left: 5px; }
html[dir="rtl"] .sn-card-component_meta .sn-card-component-avatar + .sn-card-component-createdby {
margin-left: 0px;
margin-right: 5px; }
.sn-card-component_meta .sn-card-component-createdby {
float: left;
max-width: calc(100% - 29px);
width: calc(100% - 29px); }
.sn-card-component_meta .sn-card-component-createdby_unassigned {
font-style: italic;
opacity: 0.4; }
.sn-card-component_meta .sn-card-component-detail {
width: 100%; }
.sn-card-component_meta .sn-card-component-link {
right: 0;
bottom: 0;
position: absolute;
height: 0;
width: 100%;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1f8476;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
opacity: 0;
overflow: hidden; }
.sn-card-component_meta .sn-card-component-link:hover {
text-decoration: underline; }
.sn-card-component_meta .sn-card-component-link.state-visible {
height: 100%;
opacity: 1;
color: #1f8476;
border: 0;
background-color: transparent; }
.sn-card-component_meta .sn-card-component-link.sn-card-component-type {
color: #666666; }
.sn-card-component_meta .sn-card-component-link.sn-card-component-type:hover {
text-decoration: none; }
.sn-card-component_meta .sn-card-component-time:only-child {
opacity: 1; }
.sn-card-component_meta .sn-card-component-time.state-hidden {
opacity: 0; }
.sn-card-component_meta .sn-card-component-time .date-calendar .date-calendar-short .date-timeago sn-time-ago {
vertical-align: middle; }
.sn-card-component_meta .sn-card-component-time .date-calendar,
.sn-card-component_meta .sn-card-component-time .date-calendar-short,
.sn-card-component_meta .sn-card-component-time .date-timeago,
.sn-card-component_meta .sn-card-component-time sn-time-ago,
.sn-card-component_meta .sn-card-component-time time {
display: inline-block;
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
line-height: 1; }
.sn-card-component_meta .sn-card-component-time .date-calendar,
.sn-card-component_meta .sn-card-component-time .date-calendar-short {
padding-right: 3px; }
.sn-card-component_meta .sn-card-component-type {
font-style: italic; }
.sn-card-component_meta.sn-card-component.sn-card-component_first:not(.sn-card-component_meta_sibling) {
min-height: 24px;
height: auto; }

.sn-card-component_nav {
opacity: 0;
transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
width: 0; }
.sn-card-component_nav.state-hidden {
display: none; }
.sn-card-component_nav.sn-card-component_nav_single {
float: right;
width: 25px; }
.sn-card-component_nav.sn-card-component_nav_single .sn-card-component-nav-holder {
width: 100%; }
.sn-card-component_nav.sn-card-component_nav_single + .sn-card-component_headline {
width: calc(100% - 25px); }
.sn-card-component_nav .sn-card-component-nav-holder {
top: 0;
right: -4px;
position: absolute;
width: 81px; }
.sn-card-component_nav .btn-icon {
height: 20px;
width: 20px;
color: #2e2e2e;
float: right;
font-size: 12px;
margin-top: -2px; }
.sn-card-component_nav .btn-icon:hover, .sn-card-component_nav .btn-icon.state-hover {
background-color: rgba(0, 0, 0, 0.15); }
.sn-card-component_nav .btn-icon:last-of-type {
margin-left: 0; }
.sn-card-component_nav .btn-icon.btn-danger:hover {
background-color: #c83c36;
color: #ffffff; }
.sn-card-component_nav .btn-icon.btn-primary {
background-color: transparent;
color: #1f8476; }
.sn-card-component_nav .btn-icon.btn-primary:hover {
background-color: #1f8476;
color: #ffffff; }
.sn-card-component_nav .btn-icon.icon-comment {
height: 24px;
width: 24px;
font-size: 16px;
line-height: 1; }

.sn-card-component_progress .progress,
.sn-card-component_checklist .progress {
margin-bottom: 0; }

.sn-card-component_records .sn-widget-list-table {
margin: 0; }
.sn-card-component_records .sn-widget-list-table li {
padding: 2px 0; }

.sn-card-component_records .sn-widget-list-table-cell {
min-height: 1px; }
.sn-card-component_records .sn-widget-list-table-cell:first-of-type {
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif; }
.sn-card-component_records .sn-widget-list-table-cell:last-of-type {
color: #4a4a4a;
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif; }
.sn-card-component_records .sn-widget-list-table-cell > span {
padding-right: 5px; }
.sn-card-component_records .sn-widget-list-table-cell > a {
color: #1f8476;
margin-top: 3px;
outline-offset: 2px !important; }
.sn-card-component_records .sn-widget-list-table-cell > .avatar-xs {
margin-right: 5px;
margin-top: -2px; }
.sn-card-component_records .sn-widget-list-table-cell img {
max-width: 100%;
overflow: hidden;
height: auto; }

.sn-card-component_records .sn-widget-list-table-strong {
font: 12px "SourceSansProSemibold", "Helvetica Neue", "Helvetica", Arial, sans-serif; }

.sn-card-component_records .sn-widget-list-table-italic {
font-style: italic;
display: inline-block;
margin: 0 0 5px; }

.sn-card-component_summary {
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
line-height: 1.2;
margin-top: 2px;
overflow: hidden; }
.sn-card-component_summary_spacing {
margin-top: 10px; }
.sn-card-component_summary a {
color: #1f8476; }
.sn-card-component_summary .icon::before {
margin-top: -2px; }
.sn-card-component_summary .sn-widget-textblock {
color: #455464;
cursor: default;
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
line-height: 1.2;
overflow: hidden;
padding: 0; }
.sn-card-component_summary .sn-widget-textblock.state-expanded .sn-widget-textblock-body {
overflow: hidden; }
.sn-card-component_summary .sn-widget-textblock iframe {
border: none !important; }
.sn-card-component_summary .sn-widget-textblock-body {
max-height: 98px; }

.sn-card-component_title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
padding-right: 15%;
transition: width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
width: 100%; }
.sn-card-component_title_icon::before {
margin-right: 5px;
margin-top: -2px; }
.sn-card-component_title_short {
padding-right: 0;
width: 52%; }
.sn-card-component_title_visible {
display: block !important; }
.sn-card-component_title .sn-card-component-flag {
top: 0;
right: 0;
position: absolute;
background-color: #cbcbcb;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font-size: 11px;
padding: 2px 8px;
transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1); }
.sn-card-component_title + .sn-card-component_meta {
text-align: right;
width: 48%; }
.sn-card-component_title + .sn-card-component_labels {
width: 48%; }

.sn-feed {
background-color: #ffffff;
color: #2e2e2e;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1 1px;
-ms-flex: 1 1 1px;
flex: 1 1 1px;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
min-width: 1px;
z-index: 10; }
.sn-feed:before, .sn-feed:after {
content: " ";
display: table; }
.sn-feed:after {
clear: both; }
.sn-feed.sn-feed_header {
background-color: #ffffff;
height: calc(100% - 55px);
max-height: calc(100% - 55px);
position: relative; }
@media (max-width: 800px) {
.sn-feed.sn-feed_header {
height: calc(100% - 110px); } }
.sn-feed.loading {
background-color: transparent; }
.sn-feed.loading.transitioning {
background-color: #ffffff; }
.sn-feed.loading .sn-feed-messages,
.sn-feed.loading .sn-feed-footer {
opacity: 0;
visibility: hidden; }
.sn-feed .sn-widget {
margin-top: 10px; }
.sn-feed .h-card .sn-widget {
margin-top: 0; }

.sn-feed-loading {
top: 40%;
left: 50%;
position: absolute;
margin-left: -100px;
margin-right: -100px;
opacity: 0.8;
text-align: center;
width: 200px; }
.sn-feed-loading .icon-loading {
height: 40px;
width: 40px;
font-size: 40px;
margin-bottom: 20px;
margin-top: -40px; }

.sn-feed-loading-indicator {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 20px;
margin: 10px 0 25px;
opacity: 1;
padding-left: 10px;
transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), margin 500ms cubic-bezier(0.77, 0, 0.175, 1), opacity 500ms cubic-bezier(0.77, 0, 0.175, 1); }

.sn-feed-messages {
background-color: #ffffff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
overflow-x: hidden;
overflow-y: auto;
padding: 0 25px;
position: relative;
transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); }

.sn-feed-message-holder {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.sn-feed-message-holder:first-child {
margin-top: 20px; }

.sn-feed-message {
float: left;
position: relative;
padding-left: 56px;
width: 100%; }
.sn-feed-message_date {
font: 15px "SourceSansProSemibold", "Helvetica Neue", "Helvetica", Arial, sans-serif;
margin: -5px 0 21px;
padding: 0;
text-align: center; }
.sn-feed-message_date::before {
top: 50%;
left: -25px;
position: absolute;
height: 1px;
width: 120%;
background-color: #e7e9eb;
content: '';
margin-top: -0.5px; }
.sn-feed-message_date span {
background-color: #ffffff;
padding: 0 20px;
position: relative; }
.sn-feed-message_system .sn-feed-body {
color: #666666;
font-style: italic; }
.sn-feed-message_selectable {
cursor: pointer; }

.sn-feed-avatar {
top: 0;
right: 0;
left: 0;
position: absolute;
height: 42px;
width: 42px; }
.sn-feed-avatar_system {
border: 2px solid transparent;
border-radius: 42px;
color: #cbcbcb; }
.sn-feed-avatar_system::before {
height: 100%;
width: 100%;
font-size: 36px;
line-height: 38px;
text-align: center; }

.sn-feed-content {
padding-bottom: 26px; }

.sn-feed-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font: 15px "SourceSansProSemibold", "Helvetica Neue", "Helvetica", Arial, sans-serif;
margin-top: -5px; }
.sn-feed-title:hover a {
display: inline-block; }
.sn-feed-title time {
color: #666666;
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
padding: 0 10px;
position: relative; }
.sn-feed-title a {
display: none; }

.sn-feed-body-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 2px;
position: relative; }
.sn-feed-body-wrapper.work_notes::before {
top: 0;
bottom: -2px;
left: -10px;
position: absolute;
background-color: #dfd139;
content: '';
width: 5px; }
.sn-feed-body-wrapper .h-card-wrapper {
margin: 5px 0;
padding: 0; }
.sn-feed-body-wrapper .h-card {
margin: 6px 0 0; }

.sn-feed-body {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
line-height: 1.3;
max-width: 100%;
padding-top: 2px;
position: relative;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word; }
.sn-feed-body img {
max-height: 300px;
max-width: 300px;
border: 1px solid #e7e9eb;
cursor: pointer;
margin: 10px 0; }
.sn-feed-body img:focus, .sn-feed-body img:active, .sn-feed-body img:focus:active {
outline: 3px solid #1f8476;
/* IE */
outline: 5px auto #1f8476;
/* Webkit */ }
.sn-feed-body a {
cursor: pointer; }
.sn-feed-body a:focus, .sn-feed-body a:focus:hover, .sn-feed-body a:focus:active {
outline: none; }
.sn-feed-body a .icon-paperclip {
padding-right: 5px; }
.sn-feed-body .pending {
opacity: 0.5; }

.sn-feed-body-filedesc {
font: 12px "SourceSansProSemibold", "Helvetica Neue", "Helvetica", Arial, sans-serif; }
.sn-feed-body-filedesc span {
padding-right: 5px; }
.sn-feed-body-filedesc span::before {
margin-top: -3px; }

.sn-feed-push {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.sn-feed-push + .sn-feed-message-holder .sn-feed-message:first-child,
.sn-feed-push + .sn-feed-message-holder .sn-feed-message_date:first-child {
margin-top: 25px; }

.sn-feed-footer {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
border-top: 1px solid #e7e9eb;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-height: 50px;
position: relative; }

.sn-feed-footer-wrapper {
height: 100%;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }

.sn-create-message-wrapper {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }

.sn-feed-footer-message {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0; }
.sn-feed-footer-message_task {
padding: 0 15px; }
.sn-feed-footer-message_worknote {
border-left: 5px solid #dfd139; }
.sn-feed-footer-message_worknote .message-input {
background-color: transparent !important; }
.sn-feed-footer-message .twitter-typeahead textarea {
min-height: 30px; }
.sn-feed-footer-message .twitter-typeahead .tt-hint {
height: auto; }
.sn-feed-footer-message .message-input {
border: none;
box-shadow: none;
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
height: 100%;
max-height: 200px;
overflow-x: hidden;
overflow-y: auto;
margin: 9px 5px;
padding: 5px 10px;
resize: none; }
.sn-feed-footer-message .message-input::-webkit-input-placeholder, .sn-feed-footer-message .message-input:-moz-placeholder, .sn-feed-footer-message .message-input::-moz-placeholder, .sn-feed-footer-message .message-input:-ms-input-placeholder {
color: #666666; }

.sn-feed-footer-content {
border-right: 1px solid #e7e9eb;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.sn-feed-footer-content:last-of-type:not(.force-border) {
border: none; }
.sn-feed-footer-content .btn {
height: 50px;
width: 50px;
border: none;
color: #666666;
font-size: 20px;
margin: 0;
position: relative;
font: 24px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
line-height: 1;
min-width: 25px; }
.sn-feed-footer-content .btn:hover, .sn-feed-footer-content .btn:active, .sn-feed-footer-content .btn:focus {
background-color: transparent;
box-shadow: none; }
.sn-feed-footer-content .btn:hover {
color: #1f8476; }
.sn-feed-footer-content .btn:active {
opacity: 0.5; }
.sn-feed-footer-content .btn.btn-danger {
border-radius: 0;
color: #ffffff;
font-size: 16px;
width: auto; }
.sn-feed-footer-content .btn.btn-danger:hover, .sn-feed-footer-content .btn.btn-danger:active:hover, .sn-feed-footer-content .btn.btn-danger:focus:active, .sn-feed-footer-content .btn.btn-danger:focus {
background-color: #c83c36;
box-shadow: rgba(0, 0, 0, 0.2) 0 0 100px inset; }
.sn-feed-footer-content .btn.icon-add, .sn-feed-footer-content .btn.icon-menu {
line-height: 20px; }
.sn-feed-footer-content .btn.icon-paperclip:focus {
outline: 3px solid #1f8476;
margin: 3px; }
.sn-feed-footer-content .btn.icon-paperclip input {
top: -1px;
left: -1px;
position: absolute;
height: 0;
width: 0;
overflow: hidden; }

.sn-feed-presence {
cursor: default;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
height: 0;
line-height: 1;
overflow: hidden;
padding: 0;
position: relative;
transition: padding 500ms cubic-bezier(0.77, 0, 0.175, 1), height 500ms cubic-bezier(0.77, 0, 0.175, 1);
color: #666666; }
.sn-feed-presence::before, .sn-feed-presence::after {
top: 0;
position: absolute;
height: 100%;
width: 30px;
content: ''; }
.sn-feed-presence::before {
left: -30px; }
.sn-feed-presence::after {
right: -30px; }
.sn-feed-presence_show {
height: auto;
padding: 10px 0; }
.sn-feed-presence > div {
display: inline;
vertical-align: sub; }
.sn-feed-presence > div:last-child::after {
content: '...'; }
.sn-feed-presence > div span:last-of-type {
padding-right: 4px; }
.sn-feed-presence .presence {
display: none;
margin: 0 5px 0 10px; }
.sn-feed-presence .presence-and {
padding-left: 4px;
padding-right: 4px; }

.sn-frameset-header {
margin-bottom: 0;
background-color: #003662;
border: none;
padding: 4px 0; }
.sn-frameset-header .navbar-brand {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
height: 20px !important;
margin: 6px 10px !important;
width: auto; }
.sn-frameset-header .navbar-divider {
background: #8ec83e;
bottom: 0;
height: 4px;
position: absolute;
width: 100%;
z-index: 3; }
.sn-frameset-header .navbar-header {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
margin-top: -2px; }
.sn-frameset-header .navbar-collapse {
padding: 0; }
.sn-frameset-header .banner-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #ffffff;
float: left;
line-height: 1em;
padding: 7px 0 5px; }
.sn-frameset-header .navpage-pickers .picker {
margin-bottom: 0; }
.sn-frameset-header .btn.btn-icon:focus {
border: 1px solid #82c9b8;
outline: none; }
.sn-frameset-header .dropdown button:focus {
border: 1px solid #82c9b8;
outline: none; }
.sn-frameset-header .container-fluid {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 15px; }
html[dir="rtl"] .sn-frameset-header .container-fluid {
padding-left: 15px;
padding-right: 5px; }
.sn-frameset-header .navpage-header-content {
color: #ffffff;
height: 40px; }
.sn-frameset-header .navpage-header-content > * {
display: inline-block; }
.sn-frameset-header .navpage-header-content .avatar-container {
height: 32px;
width: 32px; }
.sn-frameset-header .navpage-header-content .sn-badge {
max-width: 102%;
padding: 0 7px;
width: auto; }
.sn-frameset-header .btn-icon:hover, .sn-frameset-header .btn-icon:focus {
background: transparent;
color: #82c9b8; }

.current-user-dropdown {
color: #ffffff;
margin-top: 3px; }
.current-user-dropdown .name {
margin-left: 10px; }
.current-user-dropdown .icon-arrow-down-triangle {
font-size: 6px;
margin-left: 5px; }
.current-user-dropdown .icon-arrow-down-triangle:before {
margin-top: -4px; }

@media (min-width: 550px) {
.sn-frameset-header > .container .navbar-brand,
.sn-frameset-header > .container-fluid .navbar-brand {
margin-left: -5px; } }

@media (max-width: 1200px) and (min-width: 1000px) {
.sn-frameset-header .hidden-md {
display: table-cell !important; } }

@media (max-width: 1000px) and (min-width: 800px) {
.sn-frameset-header .hidden-md {
display: none !important; } }

.sn-mention {
display: block;
max-width: 300px;
padding: 0; }
.sn-mention.sn-widget {
top: auto;
bottom: 100%;
position: absolute;
width: auto; }
.sn-mention.sn-widget.reverse {
top: 10px;
bottom: auto;
position: absolute; }
.sn-mention.sn-widget li.active {
background-color: #eef8f8; }
.sn-mention.sn-widget li .sn-widget-list-title.sn-highlight_positive,
.sn-mention.sn-widget li .sn-widget-list-subtitle.sn-highlight_positive {
color: #48c891; }
.sn-mention.sn-widget li .sn-widget-list-title.sn-highlight__negative,
.sn-mention.sn-widget li .sn-widget-list-subtitle.sn-highlight__negative {
color: #c83c36; }
.sn-mention.dropdown-menu {
margin: 0 0 20px 0;
padding: 0;
display: block; }

.sn-mention-link {
cursor: pointer; }

.sn-mention-popover {
display: block;
opacity: 0;
position: fixed;
width: 320px; }
.sn-mention-popover .popover-content,
.sn-mention-popover .popover-body {
padding: 0; }
.sn-mention-popover .popover-body .sn-widget {
margin: 0;
width: 100%; }

.sn-navhub {
background-color: #ffffff;
border-bottom: 1px solid #e7e9eb;
color: #2e2e2e;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 56px;
width: 100%; }
.sn-navhub:before, .sn-navhub:after {
content: " ";
display: table; }
.sn-navhub:after {
clear: both; }
.sn-navhub:focus {
outline: none; }
.sn-navhub.sn-navhub_transparent {
background-color: transparent; }
.sn-navhub.sn-navhub_dense {
height: 44px; }

.sn-navhub-content {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
height: 100%;
min-width: 1px;
outline: none;
position: relative; }
.sn-navhub-content:active, .sn-navhub-content:focus {
outline: none; }
.sn-navhub-content.sn-navhub-content_constrain {
min-width: 320px; }
.sn-navhub-content.sn-navhub-content_constrain .sn-navhub-btn {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.sn-navhub-content.sn-navhub-content_justify-right {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 0; }
.sn-navhub-content.sn-navhub-content_row {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.sn-navhub-content.sn-navhub-content_separator::after {
top: 0;
right: 0;
position: absolute;
height: 100%;
width: 1px;
background: linear-gradient(to bottom, #ffffff 0%, #e7e9eb 50%, #ffffff 100%);
content: ''; }
.sn-navhub-content.sn-navhub-content_spacing {
padding-left: 8px;
padding-right: 8px; }
.sn-navhub-content.sn-navhub-content_static {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.sn-navhub-content form {
margin-right: 8px;
overflow: visible; }
html[dir="rtl"] .sn-navhub-content form {
margin-left: 8px;
margin-right: 0; }
.sn-navhub-content form .sn-navhub-title,
.sn-navhub-content form .sn-navhub-subtitle {
cursor: text; }
.sn-navhub-content form + .sn-navhub-subtitle {
margin-right: 8px; }
html[dir="rtl"] .sn-navhub-content form + .sn-navhub-subtitle {
margin-left: 8px;
margin-right: 0; }
.sn-navhub-content form .input-group-transparent {
min-width: 170px; }
.sn-navhub-content form .input-group-transparent .input-group-addon-transparent.icon-filter {
top: 2px; }
.sn-navhub-content .sn-navhub-content {
margin-left: 8px; }
html[dir="rtl"] .sn-navhub-content .sn-navhub-content {
margin-left: 0;
margin-right: 8px; }
.sn-navhub-content .sn-navhub-content.sn-navhub-content_separator, .sn-navhub-content .sn-navhub-content.sn-navhub-content_justify-right {
margin: 0; }
html[dir="rtl"] .sn-navhub-content .sn-navhub-content.sn-navhub-content_separator, html[dir="rtl"] .sn-navhub-content .sn-navhub-content.sn-navhub-content_justify-right {
margin: 0; }

.sn-navhub-title,
.sn-navhub-subtitle {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.sn-navhub-title span,
.sn-navhub-subtitle span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.sn-navhub-title input,
.sn-navhub-title label,
.sn-navhub-title pre,
.sn-navhub-subtitle input,
.sn-navhub-subtitle label,
.sn-navhub-subtitle pre {
border-radius: 3px;
border: 1px solid transparent;
box-shadow: none;
height: auto;
margin: 0 0 0 -5px;
outline: none;
padding: 0 4px;
width: 100%; }
html[dir="rtl"] .sn-navhub-title input, html[dir="rtl"]
.sn-navhub-title label, html[dir="rtl"]
.sn-navhub-title pre, html[dir="rtl"]
.sn-navhub-subtitle input, html[dir="rtl"]
.sn-navhub-subtitle label, html[dir="rtl"]
.sn-navhub-subtitle pre {
margin-left: 0;
margin-right: -5px; }
.sn-navhub-title input:hover, .sn-navhub-title input:active, .sn-navhub-title input:focus,
.sn-navhub-title label:hover,
.sn-navhub-title label:active,
.sn-navhub-title label:focus,
.sn-navhub-title pre:hover,
.sn-navhub-title pre:active,
.sn-navhub-title pre:focus,
.sn-navhub-subtitle input:hover,
.sn-navhub-subtitle input:active,
.sn-navhub-subtitle input:focus,
.sn-navhub-subtitle label:hover,
.sn-navhub-subtitle label:active,
.sn-navhub-subtitle label:focus,
.sn-navhub-subtitle pre:hover,
.sn-navhub-subtitle pre:active,
.sn-navhub-subtitle pre:focus {
border: 1px solid #1f8476; }

.sn-navhub-title {
font: 18px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
min-height: 24px; }

.sn-navhub-subtitle {
color: #666666;
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
min-height: 17px;
padding-left: 1px; }
.sn-navhub-subtitle.sn-havhub-subtitle_highlight {
color: #1f8476; }
.sn-navhub-subtitle.sn-navhub-subtitle_cap {
text-transform: capitalize; }

.sn-navhub-btn {
height: 100%;
width: 56px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: none;
border-radius: 0;
color: #2e2e2e;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 1 56px;
-ms-flex: 0 1 56px;
flex: 0 1 56px;
font-size: 20px;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 0;
position: relative; }
.sn-navhub-btn:hover, .sn-navhub-btn:hover:focus, .sn-navhub-btn:active, .sn-navhub-btn:active:focus, .sn-navhub-btn:focus, .sn-navhub-btn.active, .sn-navhub-btn.active:focus {
background-color: transparent;
border: none;
box-shadow: none; }
.sn-navhub-btn:hover.default-focus-outline, .sn-navhub-btn:hover:focus.default-focus-outline, .sn-navhub-btn:active.default-focus-outline, .sn-navhub-btn:active:focus.default-focus-outline, .sn-navhub-btn:focus.default-focus-outline, .sn-navhub-btn.active.default-focus-outline, .sn-navhub-btn.active:focus.default-focus-outline {
z-index: 3; }
.sn-navhub-btn:hover, .sn-navhub-btn.state-hover {
color: #cbcbcb; }
.sn-navhub-btn:hover::after, .sn-navhub-btn.state-hover::after {
background-color: #cbcbcb; }
.sn-navhub-btn:active, .sn-navhub-btn.state-active {
color: #1f8476; }
.sn-navhub-btn:active::after, .sn-navhub-btn.state-active::after {
background-color: #1f8476; }
.sn-navhub-btn:active:hover, .sn-navhub-btn.state-active:hover {
color: #1f8476; }
.sn-navhub-btn:active:hover::after, .sn-navhub-btn.state-active:hover::after {
background-color: #1f8476; }
.sn-navhub-btn:active.default-focus-outline, .sn-navhub-btn.state-active.default-focus-outline {
z-index: 4; }
.sn-navhub-btn:active {
opacity: 0.5; }
.sn-navhub-btn:focus {
color: #1f8476; }
.sn-navhub-btn::after {
right: 0;
bottom: -1px;
left: 0;
position: absolute;
background-color: transparent;
content: '';
height: 3px; }
.sn-navhub-btn.ng-animate {
transition: none; }
.sn-navhub-btn.sn-navhub-btn_alt::after {
display: none; }
.sn-navhub-btn.sn-navhub-btn_text {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
padding: 0 8px;
width: auto; }
.sn-navhub-btn.icon-chevron-left {
line-height: 60px; }
.sn-navhub-btn.icon-collaboration::before {
line-height: 61px; }

.sn-navhub-badge {
top: 50%;
left: 50%;
position: absolute;
margin-top: -20px; }

.sn-navhub-icon {
height: 32px;
width: 32px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 20px;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.sn-navhub-icon.icon-it::before {
margin-left: 2px; }

html.compact .sn-navhub {
height: 44px; }
html.compact .sn-navhub .sn-navhub-content.sn-navhub-content_constrain .sn-navhub-btn {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
html.compact .sn-navhub .sn-navhub-btn {
height: 100%;
width: 44px;
-webkit-flex: 0 1 44px;
-ms-flex: 0 1 44px;
flex: 0 1 44px;
font-size: 16px; }
html.compact .sn-navhub .sn-navhub-btn::after {
height: 1px; }
html.compact .sn-navhub .sn-navhub-icon {
height: 20px;
width: 20px;
font-size: 16px; }

.sn-navhub.sn-navhub_themed {
background-color: #293e40;
border-color: #293e40; }
.sn-navhub.sn-navhub_themed .sn-widget-textblock {
color: #d1d6d8; }
.sn-navhub.sn-navhub_themed .sn-navhub-content.sn-navhub-content_constrain {
min-width: 100%; }
.sn-navhub.sn-navhub_themed .sn-navhub-btn {
background-color: #293e40;
color: #d1d6d8; }
.sn-navhub.sn-navhub_themed .sn-navhub-btn::before {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #d1d6d8;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.sn-navhub.sn-navhub_themed .sn-navhub-btn:hover::before, .sn-navhub.sn-navhub_themed .sn-navhub-btn.state-hover::before {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.13); }
.sn-navhub.sn-navhub_themed .sn-navhub-btn:active::before, .sn-navhub.sn-navhub_themed .sn-navhub-btn.state-active::before, .sn-navhub.sn-navhub_themed .sn-navhub-btn:focus::before {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background-color: rgba(255, 255, 255, 0.13); }
.sn-navhub.sn-navhub_themed .sn-navhub-btn:active, .sn-navhub.sn-navhub_themed .sn-navhub-btn.state-active {
background-color: #2f4f4e;
color: #ffffff; }
.sn-navhub.sn-navhub_themed .sn-navhub-btn:active::before, .sn-navhub.sn-navhub_themed .sn-navhub-btn.state-active::before {
background-color: #2f4f4e;
color: #ffffff;
border: 1px solid #ffffff; }
.sn-navhub.sn-navhub_themed .sn-navhub-btn:active::after, .sn-navhub.sn-navhub_themed .sn-navhub-btn.state-active::after {
background-color: #82c9b8; }
.sn-navhub.sn-navhub_themed .sn-navhub-btn:active:hover, .sn-navhub.sn-navhub_themed .sn-navhub-btn.state-active:hover {
background-color: rgba(255, 255, 255, 0.13);
color: #ffffff; }
.sn-navhub.sn-navhub_themed .sn-navhub-btn:active:hover::before, .sn-navhub.sn-navhub_themed .sn-navhub-btn.state-active:hover::before {
background-color: #2f4f4e;
color: #ffffff; }
.sn-navhub.sn-navhub_themed .sn-navhub-btn:active:hover::after, .sn-navhub.sn-navhub_themed .sn-navhub-btn.state-active:hover::after {
background-color: #82c9b8; }
.sn-navhub.sn-navhub_themed .sn-navhub-btn:focus {
background-color: #2f4f4e; }
.sn-navhub.sn-navhub_themed .sn-navhub-btn:focus.state-active {
background-color: #2f4f4e; }
.sn-navhub.sn-navhub_themed .sn-navhub-btn::after {
background-color: #213234; }
.sn-navhub.sn-navhub_themed .sn-navhub-btn.state-queue::before {
-webkit-animation: sn-pulse-color 1.25s ease-in-out infinite;
animation: sn-pulse-color 1.25s ease-in-out infinite;
color: #ffffff; }

.navpage-layout {
min-width: 768px; }
.navpage-layout .navbar-divider {
bottom: 0;
position: absolute;
height: 4px;
width: 100%;
background: #8ec83e;
z-index: 3; }

.magellan_navigator #nav_west_center {
width: 100%;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }

.magellan_navigator .sn-aside.sn-aside_themed .sn-widget-list_v2 li .sn-widget-list-action {
color: #ffffff; }
.magellan_navigator .sn-aside.sn-aside_themed .sn-widget-list_v2 li .sn-widget-list-action.module-action-icon-btn:before {
line-height: 1; }

.magellan_navigator .sn-aside.sn-aside_themed .sn-widget-list_v2 .sn-widget-list_v2 li .sn-widget-list-action {
color: #ffffff; }

.magellan_navigator .sn-application-tree,
.magellan_navigator .sn-application-tree ul .sn-application-tree li,
.magellan_navigator .nav-favorites-list,
.magellan_navigator .nav-favorites-list ul,
.magellan_navigator .nav-favorites-list li {
margin: 0;
padding: 0; }
.magellan_navigator .sn-application-tree .favorite-list-overwrite--li,
.magellan_navigator .sn-application-tree ul .sn-application-tree li .favorite-list-overwrite--li,
.magellan_navigator .nav-favorites-list .favorite-list-overwrite--li,
.magellan_navigator .nav-favorites-list ul .favorite-list-overwrite--li,
.magellan_navigator .nav-favorites-list li .favorite-list-overwrite--li {
padding: 8px 10px 8px 10px; }
html[dir="rtl"] .magellan_navigator .sn-application-tree .favorite-list-overwrite--li, html[dir="rtl"]
.magellan_navigator .sn-application-tree ul .sn-application-tree li .favorite-list-overwrite--li, html[dir="rtl"]
.magellan_navigator .nav-favorites-list .favorite-list-overwrite--li, html[dir="rtl"]
.magellan_navigator .nav-favorites-list ul .favorite-list-overwrite--li, html[dir="rtl"]
.magellan_navigator .nav-favorites-list li .favorite-list-overwrite--li {
padding: 8px 10px 8px 10px; }
.magellan_navigator .sn-application-tree .aria-reorder-blur,
.magellan_navigator .sn-application-tree ul .sn-application-tree li .aria-reorder-blur,
.magellan_navigator .nav-favorites-list .aria-reorder-blur,
.magellan_navigator .nav-favorites-list ul .aria-reorder-blur,
.magellan_navigator .nav-favorites-list li .aria-reorder-blur {
opacity: .5; }
.magellan_navigator .sn-application-tree .aria-reorder-focus,
.magellan_navigator .sn-application-tree ul .sn-application-tree li .aria-reorder-focus,
.magellan_navigator .nav-favorites-list .aria-reorder-focus,
.magellan_navigator .nav-favorites-list ul .aria-reorder-focus,
.magellan_navigator .nav-favorites-list li .aria-reorder-focus {
top: -2px;
left: -2px;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
-webkit-transform: scale(1.025);
-ms-transform: scale(1.025);
transform: scale(1.025); }
.magellan_navigator .sn-application-tree .sn-widget-list_v2 li,
.magellan_navigator .sn-application-tree ul .sn-application-tree li .sn-widget-list_v2 li,
.magellan_navigator .nav-favorites-list .sn-widget-list_v2 li,
.magellan_navigator .nav-favorites-list ul .sn-widget-list_v2 li,
.magellan_navigator .nav-favorites-list li .sn-widget-list_v2 li {
background-color: transparent;
border: 0;
padding: 0; }
.magellan_navigator .sn-application-tree .sn-widget-list_v2 li .sn-widget-list-title,
.magellan_navigator .sn-application-tree .sn-widget-list_v2 li .sn-widget-list-subtitle,
.magellan_navigator .sn-application-tree .sn-widget-list_v2 li .sn-widget-list-action,
.magellan_navigator .sn-application-tree ul .sn-application-tree li .sn-widget-list_v2 li .sn-widget-list-title,
.magellan_navigator .sn-application-tree ul .sn-application-tree li .sn-widget-list_v2 li .sn-widget-list-subtitle,
.magellan_navigator .sn-application-tree ul .sn-application-tree li .sn-widget-list_v2 li .sn-widget-list-action,
.magellan_navigator .nav-favorites-list .sn-widget-list_v2 li .sn-widget-list-title,
.magellan_navigator .nav-favorites-list .sn-widget-list_v2 li .sn-widget-list-subtitle,
.magellan_navigator .nav-favorites-list .sn-widget-list_v2 li .sn-widget-list-action,
.magellan_navigator .nav-favorites-list ul .sn-widget-list_v2 li .sn-widget-list-title,
.magellan_navigator .nav-favorites-list ul .sn-widget-list_v2 li .sn-widget-list-subtitle,
.magellan_navigator .nav-favorites-list ul .sn-widget-list_v2 li .sn-widget-list-action,
.magellan_navigator .nav-favorites-list li .sn-widget-list_v2 li .sn-widget-list-title,
.magellan_navigator .nav-favorites-list li .sn-widget-list_v2 li .sn-widget-list-subtitle,
.magellan_navigator .nav-favorites-list li .sn-widget-list_v2 li .sn-widget-list-action {
color: #ffffff; }
.magellan_navigator .sn-application-tree .sn-widget-list_v2 li:hover,
.magellan_navigator .sn-application-tree ul .sn-application-tree li .sn-widget-list_v2 li:hover,
.magellan_navigator .nav-favorites-list .sn-widget-list_v2 li:hover,
.magellan_navigator .nav-favorites-list ul .sn-widget-list_v2 li:hover,
.magellan_navigator .nav-favorites-list li .sn-widget-list_v2 li:hover {
background-color: transparent; }
.magellan_navigator .sn-application-tree .sn-widget-list_v2 li:hover .sn-widget-list-title,
.magellan_navigator .sn-application-tree .sn-widget-list_v2 li:hover .sn-widget-list-subtitle,
.magellan_navigator .sn-application-tree .sn-widget-list_v2 li:hover .sn-widget-list-action,
.magellan_navigator .sn-application-tree ul .sn-application-tree li .sn-widget-list_v2 li:hover .sn-widget-list-title,
.magellan_navigator .sn-application-tree ul .sn-application-tree li .sn-widget-list_v2 li:hover .sn-widget-list-subtitle,
.magellan_navigator .sn-application-tree ul .sn-application-tree li .sn-widget-list_v2 li:hover .sn-widget-list-action,
.magellan_navigator .nav-favorites-list .sn-widget-list_v2 li:hover .sn-widget-list-title,
.magellan_navigator .nav-favorites-list .sn-widget-list_v2 li:hover .sn-widget-list-subtitle,
.magellan_navigator .nav-favorites-list .sn-widget-list_v2 li:hover .sn-widget-list-action,
.magellan_navigator .nav-favorites-list ul .sn-widget-list_v2 li:hover .sn-widget-list-title,
.magellan_navigator .nav-favorites-list ul .sn-widget-list_v2 li:hover .sn-widget-list-subtitle,
.magellan_navigator .nav-favorites-list ul .sn-widget-list_v2 li:hover .sn-widget-list-action,
.magellan_navigator .nav-favorites-list li .sn-widget-list_v2 li:hover .sn-widget-list-title,
.magellan_navigator .nav-favorites-list li .sn-widget-list_v2 li:hover .sn-widget-list-subtitle,
.magellan_navigator .nav-favorites-list li .sn-widget-list_v2 li:hover .sn-widget-list-action {
color: #ffffff; }

.magellan_navigator .sn-application-tree .sn-aside-group-title,
.magellan_navigator .sn-application-tree .sn-widget-list_v2,
.magellan_navigator .nav-favorites-list .sn-aside-group-title,
.magellan_navigator .nav-favorites-list .sn-widget-list_v2 {
float: left;
position: relative; }

.magellan_navigator .sn-widget-list_indentation .sn-aside-group-title {
font: 13px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif; }

.magellan_navigator .sn-widget-list_indentation .nav-app-button {
color: #ffffff;
height: 28px;
width: 28px;
font-size: 16px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 3px;
position: absolute;
right: 35px;
top: 5px;
opacity: 0; }
.magellan_navigator .sn-widget-list_indentation .nav-app-button:last-of-type {
right: 5px; }
html[dir="rtl"] .magellan_navigator .sn-widget-list_indentation .nav-app-button {
left: 35px;
right: auto;
margin-left: auto;
margin-right: 4px; }
html[dir="rtl"] .magellan_navigator .sn-widget-list_indentation .nav-app-button:last-of-type {
left: 5px;
right: auto; }
.magellan_navigator .sn-widget-list_indentation .nav-app-button:hover, .magellan_navigator .sn-widget-list_indentation .nav-app-button:focus, .magellan_navigator .sn-widget-list_indentation .nav-app-button.state-overwrite {
opacity: 1; }
.magellan_navigator .sn-widget-list_indentation .nav-app-button.app-action-icon-btn {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }

.magellan_navigator .sn-widget-list_indentation .sn-aside-group-title:hover ~ .nav-app-button {
opacity: 1; }

.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 > li,
.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 > li:focus {
background-color: #213234; }

.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-widget-list-content_actions {
position: absolute;
right: 35px;
top: 5px; }
.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-widget-list-content_actions:last-of-type {
right: 5px; }
html[dir="rtl"] .magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-widget-list-content_actions {
left: 35px;
right: auto; }
html[dir="rtl"] .magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-widget-list-content_actions:last-of-type {
left: 5px;
right: auto; }

.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-widget-list-item:hover ~ .sn-widget-list-content_actions {
opacity: 1; }
.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-widget-list-item:hover ~ .sn-widget-list-content_actions .sn-widget-list-action.nav-edit-module, .magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-widget-list-item:hover ~ .sn-widget-list-content_actions .sn-widget-list-action.nav-favorite-module {
opacity: 1;
color: white; }

.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-widget-list-action:hover.nav-edit-module, .magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-widget-list-action:hover.nav-favorite-module {
opacity: 1; }

.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .nav-favorite-module.state-overwrite {
opacity: 1; }

.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-widget-list-item {
background-color: #213234;
padding-left: 20px; }
html[dir="rtl"] .magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-widget-list-item {
padding-left: 0px;
padding-right: 20px; }
.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-widget-list-item:hover .sn-widget-list-title,
.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-widget-list-item:hover .sn-widget-list-subtitle,
.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-widget-list-item:hover .sn-widget-list-action {
color: #ffffff; }
.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-title,
.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-subtitle {
color: #ffffff;
font: 13px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
max-width: 185px;
line-height: 2; }

.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-aside-group-title {
background-color: #213234;
color: #ffffff;
padding-left: 20px; }
html[dir="rtl"] .magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-aside-group-title {
padding-left: 0px;
padding-right: 20px; }
.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-aside-group-title:hover {
color: #ffffff; }
.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-aside-group-title:hover .sn-aside-btn {
color: #ffffff; }
.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-aside-group-title + .sn-widget-list_v2 .sn-widget-list-item {
padding-left: 34px; }
html[dir="rtl"] .magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-aside-group-title + .sn-widget-list_v2 .sn-widget-list-item {
padding-left: 0;
padding-right: 34px; }
.magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-aside-group-title + .sn-widget-list_v2 .sn-widget-list-item.nav-application-overwrite.favorite-list-overwrite--padding {
padding-left: 0px; }
html[dir="rtl"] .magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-aside-group-title + .sn-widget-list_v2 .sn-widget-list-item.nav-application-overwrite.favorite-list-overwrite--padding {
padding-right: 0;
padding-left: auto; }

.magellan_navigator .sn-widget-list_indentation.nav-history-list .sn-aside-group-title {
background-color: #213234; }

.magellan_navigator .sn-widget-list_indentation.nav-history-list .sn-widget-list_v2 .sn-widget-list-item {
background-color: #293e40;
color: #ffffff;
padding-left: 10px; }
html[dir="rtl"] .magellan_navigator .sn-widget-list_indentation.nav-history-list .sn-widget-list_v2 .sn-widget-list-item {
padding-left: 0;
padding-right: 10px; }
.magellan_navigator .sn-widget-list_indentation.nav-history-list .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-title,
.magellan_navigator .sn-widget-list_indentation.nav-history-list .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-subtitle {
color: #ffffff; }

.magellan_navigator .sn-widget-list_indentation .nav-application-tree .sn-aside-group-title {
background-color: #293e40; }

.magellan_navigator .sn-widget-list_indentation .nav-application-tree .sn-widget-list_v2 .sn-aside-group-title {
background-color: #213234; }

.magellan_navigator .sn-widget-list_indentation .nav-favorites-list .sn-aside-group-title .sn-aside-btn {
padding-left: 8px; }

.magellan_navigator .sn-widget-list_indentation .nav-favorites-list .sn-aside-group-title .sn-aside-group-title-icon {
display: none; }

.magellan_navigator .sn-widget-list_indentation .nav-favorites-list .nav-favorite-group-application .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-title,
.magellan_navigator .sn-widget-list_indentation .nav-favorites-list .nav-favorite-group-application .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-subtitle,
.magellan_navigator .sn-widget-list_indentation .nav-favorites-list .nav-favorite-group-application .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-action {
color: #ffffff; }

.magellan_navigator .sn-widget-list_indentation .nav-favorites-list .sn-widget-list_v2 .sn-widget-list-item {
background-color: #293e40;
color: #ffffff;
padding-left: 10px; }
html[dir="rtl"] .magellan_navigator .sn-widget-list_indentation .nav-favorites-list .sn-widget-list_v2 .sn-widget-list-item {
padding-left: 0;
padding-right: 10px; }
.magellan_navigator .sn-widget-list_indentation .nav-favorites-list .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-title,
.magellan_navigator .sn-widget-list_indentation .nav-favorites-list .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-subtitle,
.magellan_navigator .sn-widget-list_indentation .nav-favorites-list .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-action {
color: #ffffff; }
.magellan_navigator .sn-widget-list_indentation .nav-favorites-list .sn-widget-list_v2 .sn-widget-list-item.favorite-list-overwrite--padding--group {
padding: 0px; }
html[dir="rtl"] .magellan_navigator .sn-widget-list_indentation .nav-favorites-list .sn-widget-list_v2 .sn-widget-list-item.favorite-list-overwrite--padding--group {
padding: 0px; }

.magellan_navigator .sn-widget-list_indentation .nav-favorite-group.nav-application-overwrite {
float: left; }

.magellan_navigator .sn-widget-list_indentation .nav-favorite-group .sn-aside-group-title {
background-color: #293e40; }
.magellan_navigator .sn-widget-list_indentation .nav-favorite-group .sn-aside-group-title.nav-application-overwrite {
padding: 0px; }
html[dir="rtl"] .magellan_navigator .sn-widget-list_indentation .nav-favorite-group .sn-aside-group-title.nav-application-overwrite {
padding: 0px; }
.magellan_navigator .sn-widget-list_indentation .nav-favorite-group .sn-aside-group-title.nav-application-overwrite.favorite-list-overwrite--padding {
padding-left: 10px; }
html[dir="rtl"] .magellan_navigator .sn-widget-list_indentation .nav-favorite-group .sn-aside-group-title.nav-application-overwrite.favorite-list-overwrite--padding {
padding-left: auto;
padding-right: 10px; }

.magellan_navigator .sn-widget-list_indentation .nav-favorite-group .sn-widget-list_v2 .sn-widget-list-item {
background-color: #213234;
padding-left: 20px; }
html[dir="rtl"] .magellan_navigator .sn-widget-list_indentation .nav-favorite-group .sn-widget-list_v2 .sn-widget-list-item {
padding-left: 0;
padding-right: 20px; }
.magellan_navigator .sn-widget-list_indentation .nav-favorite-group .sn-widget-list_v2 .sn-widget-list-item.favorite-list-overwrite--border--group {
border-bottom: 0px; }

.magellan_navigator .sn-widget-list_indentation .nav-favorite-group .sn-widget-list_v2 .sn-widget-list-content {
-webkit-flex-wrap: initial;
-ms-flex-wrap: initial;
flex-wrap: initial; }
.magellan_navigator .sn-widget-list_indentation .nav-favorite-group .sn-widget-list_v2 .sn-widget-list-content.nav-application-overwrite {
padding: 0;
border-bottom: 0px; }
html[dir="rtl"] .magellan_navigator .sn-widget-list_indentation .nav-favorite-group .sn-widget-list_v2 .sn-widget-list-content.nav-application-overwrite {
padding: 0; }

.magellan_navigator .sn-widget-list_indentation .nav-favorite-group .sn-widget-list_v2 .sn-aside-group-title {
background-color: #213234; }

.magellan_navigator .sn-widget-list_indentation .nav-favorite-group .sn-widget-list_v2 .sn-aside-group-title + .sn-widget-list_v2 .sn-widget-list-item {
padding-left: 34px; }
html[dir="rtl"] .magellan_navigator .sn-widget-list_indentation .nav-favorite-group .sn-widget-list_v2 .sn-aside-group-title + .sn-widget-list_v2 .sn-widget-list-item {
padding-left: 0px;
padding-right: 34px; }

html[dir="rtl"] .magellan_navigator .nav-favorites-list .sn-aside-group-title {
float: right;
position: relative; }

.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-collaboration,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-help,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-collaboration,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-help {
position: relative; }

.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker,
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker {
margin-right: 10px;
margin-top: 3px; }
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker:before, .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker:after,
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker:before,
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker:after,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker:before,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker:after,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker:before,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker:after {
content: " ";
display: table; }
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker:after,
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker:after,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker:after,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker:after {
clear: both; }
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker .form-group,
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker .form-group,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker .form-group,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker .form-group {
margin: 0; }
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker .form-group:before, .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker .form-group:after,
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker .form-group:before,
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker .form-group:after,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker .form-group:before,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker .form-group:after,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker .form-group:before,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker .form-group:after {
content: " ";
display: table; }
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker .form-group:after,
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker .form-group:after,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker .form-group:after,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker .form-group:after {
clear: both; }
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker .form-group .selector,
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker .form-group .selector,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker .form-group .selector,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker .form-group .selector {
padding-left: 5px; }
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker .form-group .form-control,
.sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker .form-group .form-control,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-application-picker .form-group .form-control,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .picker .concourse-update-set-picker .form-group .form-control {
margin-top: 0; }

.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-application-generic,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-document-multiple,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-application-generic,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-document-multiple {
color: #ffffff;
float: left;
line-height: 26px;
margin-left: 0; }

.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-collaboration,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-help,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-cog,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-target,
.sn-frameset-header .navbar-collapse .navpage-header-content .input-group-addon-transparent.icon-search.sysparm-search-icon,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-application-generic,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-document-multiple,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-collaboration,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-help,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-cog,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-target,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .input-group-addon-transparent.icon-search.sysparm-search-icon,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-application-generic,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-document-multiple {
height: 31px;
width: 31px; }
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-collaboration:hover,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-help:hover,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-cog:hover,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-target:hover,
.sn-frameset-header .navbar-collapse .navpage-header-content .input-group-addon-transparent.icon-search.sysparm-search-icon:hover,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-application-generic:hover,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-document-multiple:hover,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-collaboration:hover,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-help:hover,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-cog:hover,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-target:hover,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .input-group-addon-transparent.icon-search.sysparm-search-icon:hover,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-application-generic:hover,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-document-multiple:hover {
background-color: rgba(0, 0, 0, 0.2);
color: #82c9b8; }
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-collaboration:active, .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-collaboration:focus, .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-collaboration.state-selected,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-help:active,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-help:focus,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-help.state-selected,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-cog:active,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-cog:focus,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-cog.state-selected,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-target:active,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-target:focus,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-target.state-selected,
.sn-frameset-header .navbar-collapse .navpage-header-content .input-group-addon-transparent.icon-search.sysparm-search-icon:active,
.sn-frameset-header .navbar-collapse .navpage-header-content .input-group-addon-transparent.icon-search.sysparm-search-icon:focus,
.sn-frameset-header .navbar-collapse .navpage-header-content .input-group-addon-transparent.icon-search.sysparm-search-icon.state-selected,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-application-generic:active,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-application-generic:focus,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-application-generic.state-selected,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-document-multiple:active,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-document-multiple:focus,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-document-multiple.state-selected,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-collaboration:active,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-collaboration:focus,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-collaboration.state-selected,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-help:active,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-help:focus,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-help.state-selected,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-cog:active,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-cog:focus,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-cog.state-selected,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-target:active,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-target:focus,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-target.state-selected,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .input-group-addon-transparent.icon-search.sysparm-search-icon:active,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .input-group-addon-transparent.icon-search.sysparm-search-icon:focus,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .input-group-addon-transparent.icon-search.sysparm-search-icon.state-selected,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-application-generic:active,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-application-generic:focus,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-application-generic.state-selected,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-document-multiple:active,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-document-multiple:focus,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-document-multiple.state-selected {
border: 1px solid transparent;
color: #82c9b8; }
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-collaboration .sn-badge,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-help .sn-badge,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-cog .sn-badge,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-target .sn-badge,
.sn-frameset-header .navbar-collapse .navpage-header-content .input-group-addon-transparent.icon-search.sysparm-search-icon .sn-badge,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-application-generic .sn-badge,
.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-document-multiple .sn-badge,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-collaboration .sn-badge,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-help .sn-badge,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-cog .sn-badge,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-target .sn-badge,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .input-group-addon-transparent.icon-search.sysparm-search-icon .sn-badge,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-application-generic .sn-badge,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-document-multiple .sn-badge {
top: -4px;
right: -7px;
position: absolute;
transition: inherit; }

.sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-collaboration,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .btn.icon-collaboration {
position: relative; }

.sn-frameset-header .navbar-collapse .navpage-header-content .input-group-addon-transparent.icon-search.sysparm-search-icon,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .input-group-addon-transparent.icon-search.sysparm-search-icon {
border-radius: 3px;
font-size: 18px;
left: 3px;
padding: 0;
text-align: center;
top: 2px; }
.sn-frameset-header .navbar-collapse .navpage-header-content .input-group-addon-transparent.icon-search.sysparm-search-icon::before,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content .input-group-addon-transparent.icon-search.sysparm-search-icon::before {
margin-left: -2px;
margin-top: -2px; }

.sn-frameset-header .navbar-collapse .navpage-header-content input.form-control,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content input.form-control {
height: 32px;
font-size: 13px; }

.sn-frameset-header .navbar-collapse .navpage-header-content input.form-control:focus + label .input-group-addon-transparent.icon-search.sysparm-search-icon:hover,
html.compact .sn-frameset-header .navbar-collapse .navpage-header-content input.form-control:focus + label .input-group-addon-transparent.icon-search.sysparm-search-icon:hover {
background-color: transparent; }

.navpage-nav-collapsed .magellan_navigator .sn-live-search {
width: 50px; }
.navpage-nav-collapsed .magellan_navigator .sn-live-search .input-group-transparent input,
.navpage-nav-collapsed .magellan_navigator .sn-live-search .input-group-transparent label {
display: none; }
.navpage-nav-collapsed .magellan_navigator .sn-live-search .input-group-transparent .icon-filter {
top: 50%;
left: 50%;
position: absolute;
height: 30px;
width: 30px;
border-radius: 3px;
color: #ffffff;
cursor: pointer;
font-size: 20px;
line-height: 28px;
margin: -15px;
text-align: center; }
.navpage-nav-collapsed .magellan_navigator .sn-live-search .input-group-transparent .icon-filter:hover {
background-color: rgba(0, 0, 0, 0.2); }
.navpage-nav-collapsed .magellan_navigator .sn-live-search .input-group-transparent .icon-filter:active, .navpage-nav-collapsed .magellan_navigator .sn-live-search .input-group-transparent .icon-filter:focus {
color: #82c9b8; }

.navpage-nav-collapsed .magellan_navigator .sn-navhub {
display: none; }

.navpage-nav-collapsed .magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-aside-group-title,
.navpage-nav-collapsed .magellan_navigator .nav-favorites-list .sn-widget-list_v2 .sn-widget-list-item {
padding: 0; }
html[dir="rtl"] .navpage-nav-collapsed .magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-aside-group-title, html[dir="rtl"]
.navpage-nav-collapsed .magellan_navigator .nav-favorites-list .sn-widget-list_v2 .sn-widget-list-item {
padding: 0; }

.navpage-nav-collapsed .magellan_navigator .sn-widget-list_v2 .sn-widget-list-item {
height: auto;
width: 50px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: auto;
padding: 0; }
.navpage-nav-collapsed .magellan_navigator .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-content {
height: auto;
width: 50px;
display: none;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3px;
text-align: center; }
.navpage-nav-collapsed .magellan_navigator .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-content:nth-child(1), .navpage-nav-collapsed .magellan_navigator .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-content:nth-child(2) {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.navpage-nav-collapsed .magellan_navigator .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-content:nth-child(2) {
padding: 0; }
.navpage-nav-collapsed_showlabel .navpage-nav-collapsed .magellan_navigator .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-content:nth-child(2) {
padding: 0 3px 3px; }
.navpage-nav-collapsed .magellan_navigator .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-content .sn-widget-list-title {
font-size: 9px;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-height: 24px;
white-space: normal;
word-break: break-all;
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.navpage-nav-collapsed_showlabel .navpage-nav-collapsed .magellan_navigator .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-content .sn-widget-list-title {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }

.navpage-nav-collapsed .magellan_navigator .sn-widget-list_indentation .sn-widget-list_v2 .sn-aside-group-title + .sn-widget-list_v2 .sn-widget-list-item {
padding: 0; }

.navpage-nav-collapsed .magellan_navigator .sn-widget-list_indentation .nav-favorites-list .sn-aside-group-title .sn-aside-group-title-icon {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }

.navpage-nav-collapsed .magellan_navigator .sn-aside-group-title {
height: 40px;
width: 50px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
width: 50px; }
.navpage-nav-collapsed .magellan_navigator .sn-aside-group-title span {
display: none; }
.navpage-nav-collapsed .magellan_navigator .sn-aside-group-title .sn-aside-group-title-icon {
height: 40px;
width: 50px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
font-size: 18px;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.navpage-nav-collapsed .magellan_navigator .sn-aside-group-title .sn-aside-btn {
display: none; }
.navpage-nav-collapsed .magellan_navigator .sn-aside-group-title .sn-aside-btn:first-child {
height: 40px;
width: 50px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 14px;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 0; }

.navpage-nav-collapsed .magellan_navigator .sn-pane-header {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
overflow: hidden; }

.navpage-nav-collapsed .magellan_navigator .sn-pane-footer {
overflow: hidden;
padding: 0;
width: 50px; }
.navpage-nav-collapsed .magellan_navigator .sn-pane-footer .sn-pane-footer-content {
-webkit-flex: 0 0 50px;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
height: 100%;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
width: 50px; }
.navpage-nav-collapsed .magellan_navigator .sn-pane-footer .sn-pane-footer-content .sn-pane-action {
top: 50%;
left: 50%;
position: absolute;
height: 30px;
width: 30px;
border-radius: 3px;
cursor: pointer;
font-size: 20px;
line-height: 28px;
margin: -15px;
text-align: center; }

html.compact {
/* RTL override for list item padding */ }
html.compact .magellan_navigator .sn-application-tree .sn-widget-list_v2 .sn-widget-list-item {
min-height: 1px;
padding: 3.5px 0 3.5px 20px;
/* reminder: keep this in sync with RTL override */ }
html.compact .magellan_navigator .sn-application-tree .sn-widget-list-content_actions .btn-icon::before {
line-height: 16px; }
html.compact[dir="rtl"] .magellan_navigator .sn-application-tree .sn-widget-list_v2 .sn-widget-list-item {
padding: 3.5px 20px 3.5px 0; }

.navpage-layout.msie9 .magellan_navigator #nav_west_center {
height: calc(100% - 144px); }

.navpage-layout.msie9 .magellan_navigator .sn-pane-footer-content {
width: 50%;
float: left; }

.navpage-layout.msie9 .magellan_navigator .sn-pane-footer .icon-edit {
float: right; }

.navpage-layout.msie9 .sn-navhub {
overflow: hidden; }
.navpage-layout.msie9 .sn-navhub .sn-navhub-btn {
width: 33%;
height: 43px; }

.navpage-layout.msie9 .sn-navhub-content {
height: 43px;
width: 100%; }

.navpage-layout.msie9 .sn-navhub-btn::before,
.navpage-layout.msie9 .sn-navhub-btn.state-active::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50px;
margin: -10px 0 0 0;
padding-top: 20px;
background-color: transparent; }

.navpage-layout.msie9 li,
.navpage-layout.msie9 .sn-widget-list-item {
display: table;
table-layout: fixed; }
.navpage-layout.msie9 li .sn-widget-list-content .sn-widget-list-title,
.navpage-layout.msie9 .sn-widget-list-item .sn-widget-list-content .sn-widget-list-title {
margin-top: 6px; }
.navpage-layout.msie9 li .sn-widget-list-content_actions,
.navpage-layout.msie9 .sn-widget-list-item .sn-widget-list-content_actions {
display: block;
position: absolute;
right: 3px;
top: 5px; }
.navpage-layout.msie9 li .sn-widget-list-content_actions.ie9-hook,
.navpage-layout.msie9 .sn-widget-list-item .sn-widget-list-content_actions.ie9-hook {
right: 30px; }
.navpage-layout.msie9 li .sn-widget-list-content_actions .sn-widget-list-action::before,
.navpage-layout.msie9 .sn-widget-list-item .sn-widget-list-content_actions .sn-widget-list-action::before {
position: absolute;
top: 6px;
right: 5px; }

.navpage-layout.msie9 .sn-aside-filler .nav-favorites-list .nav-favorite-group-application .sn-widget .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-content {
display: block;
float: left; }

.navpage-layout.msie9 .sn-aside-filler .nav-favorites-list .sn-widget-list-content {
display: block;
position: relative;
float: left; }

.navpage-layout.msie9 .sn-aside-filler .nav-favorites-list .sn-widget-list-content:nth-child(2) {
height: 20px;
width: 220px;
line-height: 20px;
margin-top: 5px; }

.navpage-layout.msie9 .sn-aside-filler .nav-favorites-list .sn-widget-list-content_actions {
position: absolute;
display: block;
right: 0;
top: 0;
width: 31px;
height: 37px;
line-height: 37px;
padding: 0;
margin: 0; }
.navpage-layout.msie9 .sn-aside-filler .nav-favorites-list .sn-widget-list-content_actions .sn-widget-list-action {
position: absolute;
top: 5px;
right: 3px; }
.navpage-layout.msie9 .sn-aside-filler .nav-favorites-list .sn-widget-list-content_actions .sn-widget-list-action::before {
position: absolute;
top: 6px;
right: 6px; }
.navpage-layout.msie9 .sn-aside-filler .nav-favorites-list .sn-widget-list-content_actions .icon-delete::before {
position: absolute;
left: 6px;
top: 6px; }

.navpage-layout.msie9 .sn-aside-filler .sn-widget .sn-aside-group-title_nav .sn-aside-btn_control {
display: block;
position: absolute;
top: 5px;
right: 3px;
width: 28px;
height: 28px;
line-height: 28px; }
.navpage-layout.msie9 .sn-aside-filler .sn-widget .sn-aside-group-title_nav .sn-aside-btn_control.nav-edit-app {
right: 30px; }
.navpage-layout.msie9 .sn-aside-filler .sn-widget .sn-aside-group-title_nav .sn-aside-btn_control::before {
position: absolute;
top: 6px;
right: 6px; }

.navpage-layout.msie9 .sn-aside-filler .sn-widget .sn-widget-list_v2 .sn-widget-list-item:hover::before {
display: none; }

.sn-pane {
height: 100%;
width: 285px;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
position: relative; }
.sn-pane.sn-pane_collapse {
width: 82px; }
.sn-pane.sn-pane_left, .sn-pane.sn-pane_right {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.sn-pane.sn-pane_left {
border-right: 1px solid #293e40; }
.sn-pane.sn-pane_right {
border-left: 1px solid #293e40; }

.sn-pane-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative; }

.sn-pane-content {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow: hidden;
position: relative;
width: 100%; }

.sn-pane-header,
.sn-pane-footer {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.sn-pane-header_row,
.sn-pane-footer_row {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.sn-pane-header_row .sn-live-search,
.sn-pane-header_row .sn-live-search form,
.sn-pane-footer_row .sn-live-search,
.sn-pane-footer_row .sn-live-search form {
width: 100%; }

.sn-pane-footer {
background-color: #293e40;
border-top: 1px solid rgba(0, 0, 0, 0.15);
height: 44px;
padding: 5px 10px; }
.sn-pane-footer .sn-pane-footer-content {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.sn-pane-footer .sn-pane-footer-content .sn-pane-action {
padding-top: 0;
padding-bottom: 0; }
.sn-pane-footer .sn-pane-footer-content:first-child, .sn-pane-footer .sn-pane-footer-content:only-child {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.sn-pane-footer .sn-pane-footer-content:first-child .sn-pane-action, .sn-pane-footer .sn-pane-footer-content:only-child .sn-pane-action {
margin-left: -5px; }
.sn-pane-footer .sn-pane-footer-content:last-child {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.sn-pane-footer .sn-pane-footer-content:last-child .sn-pane-action {
margin-right: -5px; }
.sn-pane-footer .sn-pane-action {
height: 30px;
width: 30px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid transparent;
border-radius: 3px;
color: #ffffff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 20px;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
background-color: transparent; }
.sn-pane-footer .sn-pane-action:hover {
background-color: rgba(0, 0, 0, 0.2); }
.sn-pane-footer .sn-pane-action:active, .sn-pane-footer .sn-pane-action:focus, .sn-pane-footer .sn-pane-action.state-selected {
border: 1px solid transparent;
color: #82c9b8;
outline: none; }

.sn-pane-handle {
top: 0;
bottom: 0;
position: absolute;
cursor: ew-resize;
width: 3px;
z-index: 2; }

.sn-pane-visible {
visibility: visible;
opacity: 1;
transition: opacity 0.3s linear;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear; }

.sn-pane-hidden {
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.3s linear;
-webkit-transition: visibility 0s 0.5s, opacity 0.3s linear;
-moz-transition: visibility 0s 0.5s, opacity 0.3s linear; }

sn-presence {
height: 1rem;
width: 1rem;
border-radius: 50%;
display: inline-block; }

.avatar-large sn-presence {
bottom: 3px !important;
right: 3px !important; }

.presence.presence-online {
background-color: #48c891; }

.presence.presence-away {
background-color: #dfd139; }

.presence.presence-offline {
background-color: transparent; }

.avatar-small sn-presence {
height: 0.7rem;
width: 0.7rem; }

.sn-live-search {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
border-bottom: 1px solid #e6e9eb;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 56px;
padding: 8px 10px;
position: relative; }
.sn-live-search_show-add .input-group-transparent {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.sn-live-search_show-add .sn-live-search-add {
height: 30px;
width: 30px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid transparent;
border-radius: 3px;
color: #2e2e2e;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-size: 20px;
margin-left: 10px;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none; }
html[dir="rtl"] .sn-live-search_show-add .sn-live-search-add {
margin-left: 0;
margin-right: 10px; }
.sn-live-search_show-add .sn-live-search-add:hover {
background-color: #666666; }
.sn-live-search_show-add .sn-live-search-add:active, .sn-live-search_show-add .sn-live-search-add:focus {
border: 1px solid transparent;
color: #1f8476;
outline: none; }
.sn-live-search + .sn-widget-members-list {
height: calc(100% - 52px); }
.sn-live-search .input-group-addon-transparent {
color: #2e2e2e;
font-size: 20px;
line-height: 22px;
margin-top: -13px;
top: 50%;
width: auto; }
.sn-live-search .input-group-addon-transparent.icon-filter, .sn-live-search .input-group-addon-transparent.icon-search {
color: #2e2e2e;
font-size: 16px;
left: 8px;
top: 50%;
z-index: inherit; }
html[dir="rtl"] .sn-live-search .input-group-addon-transparent.icon-filter, html[dir="rtl"] .sn-live-search .input-group-addon-transparent.icon-search {
left: auto;
right: 8px; }
.sn-live-search .input-group-transparent {
height: 32px;
position: relative;
transition: opacity 500ms cubic-bezier(0.77, 0, 0.175, 1), margin 500ms cubic-bezier(0.77, 0, 0.175, 1);
width: 100%; }
.sn-live-search .form-control {
background-color: transparent;
width: 100%; }
.sn-live-search .form-control::-ms-clear {
display: none; }
.sn-live-search .form-control:focus {
box-shadow: none; }
html[dir="rtl"] .sn-live-search .form-control {
padding-left: 0;
padding-right: 28px; }
.sn-live-search .icon-cross-circle {
top: 50%;
right: 5px;
position: absolute;
height: auto;
width: auto;
color: #e6e9eb;
font-size: 20px;
margin-top: -17px;
padding: 0; }
.sn-live-search .icon-cross-circle:hover {
color: #1f8476; }
.sn-live-search .icon-cross-circle:focus, .sn-live-search .icon-cross-circle:focus:active, .sn-live-search .icon-cross-circle:focus:hover {
outline: none; }
html[dir="rtl"] .sn-live-search .icon-cross-circle {
left: 5px;
right: auto; }
.sn-live-search .twitter-typeahead input {
border: 1px solid #666666;
color: #2e2e2e;
font: 14px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
margin: 0;
padding-left: 30px; }
.sn-live-search .twitter-typeahead .tt-menu {
overflow-y: auto; }

.sn-live-search-flex {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%; }
.sn-live-search-flex .form-control {
color: #2e2e2e;
border-color: #e6e9eb; }
.sn-live-search-flex .form-control:focus {
border-color: #1f8476; }

.sn-live-search-add {
display: none; }

.sn-live-search-btn {
top: 50%;
left: 50%;
position: absolute;
height: 40px;
width: 40px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 40px;
color: #2e2e2e;
cursor: pointer;
font-size: 20px;
line-height: 38px;
margin: -20px 0 0 -90px;
opacity: 0;
text-align: center;
transition: margin 500ms cubic-bezier(0.77, 0, 0.175, 1), opacity 500ms cubic-bezier(0.77, 0, 0.175, 1), background-color 500ms cubic-bezier(0.075, 0.82, 0.165, 1); }
.sn-live-search-btn:hover {
background-color: #1f8476; }

.sn-live-search_themed.sn-live-search {
background-color: #293e40;
border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.sn-live-search_themed.sn-live-search.sn-live-search_themed.sn-live-search_show-add .sn-live-search-add {
color: #ffffff; }
.sn-live-search_themed.sn-live-search.sn-live-search_themed.sn-live-search_show-add .sn-live-search-add:hover {
background-color: rgba(0, 0, 0, 0.2); }
.sn-live-search_themed.sn-live-search.sn-live-search_themed.sn-live-search_show-add .sn-live-search-add:active, .sn-live-search_themed.sn-live-search.sn-live-search_themed.sn-live-search_show-add .sn-live-search-add:focus {
color: #82c9b8; }
.sn-live-search_themed.sn-live-search .input-group-addon-transparent {
color: #ffffff; }
.sn-live-search_themed.sn-live-search .input-group-addon-transparent.icon-filter, .sn-live-search_themed.sn-live-search .input-group-addon-transparent.icon-search {
color: #7a828a; }
.sn-live-search_themed.sn-live-search .icon-cross-circle {
color: #ffffff; }
.sn-live-search_themed.sn-live-search .icon-cross-circle:hover, .sn-live-search_themed.sn-live-search .icon-cross-circle:focus {
color: #82c9b8; }
.sn-live-search_themed.sn-live-search .twitter-typeahead input {
border: 1px solid #7a828a;
color: #ffffff; }
.sn-live-search_themed.sn-live-search .sn-live-search-flex .form-control {
color: #ffffff;
border-color: #7a828a; }
.sn-live-search_themed.sn-live-search .sn-live-search-flex .form-control:focus {
border-color: #82c9b8; }
.sn-live-search_themed.sn-live-search .sn-live-search-flex .form-control::-moz-placeholder {
color: #cbcbcb;
opacity: 1; }
.sn-live-search_themed.sn-live-search .sn-live-search-flex .form-control:-ms-input-placeholder {
color: #cbcbcb; }
.sn-live-search_themed.sn-live-search .sn-live-search-flex .form-control::-webkit-input-placeholder {
color: #cbcbcb; }
.sn-live-search_themed.sn-live-search .sn-live-search-btn {
background-color: rgba(255, 255, 255, 0.1);
color: #ffffff; }

html.compact .sn-live-search {
height: 44px;
padding: 1px 5px; }
html.compact .sn-live-search.sn-live-search_show-add .sn-live-search-add {
margin-left: 5px; }
html.compact .sn-live-search .input-group-addon-transparent {
height: 32px;
line-height: 34px; }
html.compact .sn-live-search .input-group-addon-transparent.icon-filter, html.compact .sn-live-search .input-group-addon-transparent.icon-search {
font-size: 16px;
left: 8px;
margin-top: -18px; }
html.compact .sn-live-search .input-group-transparent {
height: 32px; }
html.compact .sn-live-search .input-group-transparent .form-control {
font-size: 13px;
height: 32px; }
html.compact .sn-live-search .icon-cross-circle {
font-size: 16px;
margin-top: -15px; }

.sn-live-search-popover {
min-width: 320px; }
.sn-live-search-popover .popover-content {
height: 100%;
max-height: 400px;
padding: 0; }
.sn-live-search-popover .sn-live-search {
background-color: #ffffff;
padding: 0; }
.sn-live-search-popover .sn-live-search .popover-body {
padding-top: 0; }
.sn-live-search-popover .sn-live-search .input-group-transparent {
height: auto;
width: 100%; }
.sn-live-search-popover .sn-live-search .input-group-addon-transparent {
color: #e6e9eb;
left: 21px;
margin: 0;
top: 14px; }
.sn-live-search-popover .sn-live-search .twitter-typeahead input {
border: 1px solid #e7e9eb;
color: #2e2e2e;
margin: 10px 5%;
width: 90%; }
.sn-live-search-popover .sn-live-search .twitter-typeahead .tt-menu {
max-height: 100%;
max-width: 100%;
background-color: transparent;
border: none;
box-shadow: none;
position: relative !important; }
.sn-live-search-popover .sn-live-search .twitter-typeahead .tt-suggestion::before {
display: none; }

.sticky-headers {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow: hidden; }
.sticky-headers .sticky-scroll-container {
height: 100%;
width: 100%;
display: block;
overflow-x: hidden;
overflow-y: auto; }
.sticky-headers .sticky-header {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 1; }
.sticky-headers .sticky-header.sticky-header-enabled {
top: 0;
position: absolute;
-webkit-transform: translate3d(0, 0, 0); }
.sticky-headers .sticky-header.sticky-header-disabled {
position: relative; }

.sticky-container {
height: 100%;
width: 100%; }

.sticky-container_auto-height {
height: auto; }

.sn-widget {
overflow-x: hidden;
position: relative;
width: 100%; }
.sn-widget:first-child .sn-widget-list li:first-child {
border-top: none; }
.sn-widget.sn-widget_border-bottom {
border-bottom: 1px solid #e7e9eb; }
.sn-widget.sn-widget_border-top {
border-top: 1px solid #e7e9eb; }
.sn-widget.sn-widget_padding-bottom {
padding-bottom: 10px; }
.sn-widget.sn-widget_padding-top {
padding-top: 10px; }
.sn-widget.sn-widget_no-padding {
padding: 0; }
html[dir="rtl"] .sn-widget.sn-widget_no-padding {
padding: 0; }
.sn-widget.state-overwrite_margin {
margin-bottom: 0; }
.sn-widget.state-overwrite_display {
display: block; }

.sn-widget-list {
list-style: none;
margin: 0;
padding: 0;
position: relative; }
.sn-widget-list.sn-widget-list_borderless li,
.sn-widget-list.sn-widget-list_borderless li:last-of-type {
border: none; }
.sn-widget-list li {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e6e9eb;
color: #4a4a4a;
cursor: pointer;
font: 14px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
overflow: hidden;
padding: 15px 20px;
position: relative;
transition: border 500ms cubic-bezier(0.075, 0.82, 0.165, 1), height 500ms cubic-bezier(0.075, 0.82, 0.165, 1), padding 500ms cubic-bezier(0.075, 0.82, 0.165, 1), color 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
-webkit-transform: translate3d(0, 0, 0); }
.sn-widget-list li:active, .sn-widget-list li:focus {
outline: none; }
.sn-widget-list li:hover .sn-widget-list-bg::before {
box-shadow: #eef8f8 0 0 0 100px inset; }
.sn-widget-list li:hover .sn-widget-list-bg_active::before {
box-shadow: #eef8f8 0 0 0 100px inset; }
.sn-widget-list li:active .sn-widget-list-bg::before {
box-shadow: #eef8f8 0 0 0 100px inset; }
.sn-widget-list li:last-of-type {
border-bottom: 1px solid #e7e9eb; }
.sn-widget-list li::before {
top: 50%;
right: 20px;
position: absolute;
margin-top: -7px; }
.sn-widget-list li .sn-widget-list-image {
margin-right: 10px; }
.sn-widget-list li .sn-widget-list-bg {
opacity: 1;
width: 100%; }
.sn-widget-list li .sn-widget-list-bg::before {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
content: ''; }
.sn-widget-list li .sn-widget-list-bg_active::before {
box-shadow: #eef8f8 0 0 0 100px inset; }
.sn-widget-list li .sn-widget-list-bg_off {
opacity: 1;
width: 100%; }
.sn-widget-list li .sn-widget-list-bg_disabled {
cursor: default; }
.sn-widget-list li .sn-widget-list-bg_disabled::before {
display: none; }
.sn-widget-list li .sn-widget-list-bg_disabled.sn-widget-list-bg_active::before {
display: block; }

.sn-widget-list-wrapper {
float: left;
position: relative;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%; }

.sn-widget-list-content {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-width: 1px;
opacity: 1;
position: relative; }
.sn-widget-list-content_static, .sn-widget-list-content_actions {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.sn-widget-list-content_static {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.sn-widget-list-content_static .btn {
margin-left: 10px; }
.sn-widget-list-content_static .btn.icon-chevron-right {
font-size: 14px;
margin-left: 10px;
text-align: right;
width: auto; }
.sn-widget-list-content_padding {
margin-right: 10px; }
.sn-widget-list-content_actions a {
color: #666666; }
.sn-widget-list-content_actions .btn-icon {
margin-left: 0; }
.sn-widget-list-content_actions .btn-icon::before {
line-height: 31px; }

.sn-widget-list-title,
.sn-widget-list-details,
.sn-widget-list-link {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
.sn-widget-list-title_wrap,
.sn-widget-list-details_wrap,
.sn-widget-list-link_wrap {
overflow: visible;
text-overflow: initial;
white-space: normal; }

.sn-widget-list-title {
color: #ffffff;
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif; }
.sn-widget-list-title_edit {
height: 20px;
overflow: visible; }
.sn-widget-list-title_edit input {
margin: -4px 0 0 -4px;
padding: 3px;
width: 100%; }

.sn-widget-list-details,
.sn-widget-list-link {
color: #82c9b8;
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif; }
.sn-widget-list-details-highlight,
.sn-widget-list-link-highlight {
color: #1f8476;
font-style: italic; }

.sn-widget-list-link {
color: #1f8476; }

.sn-widget-list_v2 {
position: relative;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
text-decoration: none; }
.sn-widget-list_v2:hover {
text-decoration: none; }
.sn-widget-list_v2.sn-widget-list_borderless li,
.sn-widget-list_v2.sn-widget-list_borderless .sn-widget-list-item {
border: none; }
.sn-widget-list_v2.tt-cursor .sn-widget-list-item, .sn-widget-list_v2.tt-cursor .sn-widget-list-item:hover, .sn-widget-list_v2.tt-cursor .sn-widget-list-item.state-hover {
background-color: #eef8f8; }
.sn-widget-list_v2.sn-widget-list_dense li,
.sn-widget-list_v2.sn-widget-list_dense .sn-widget-list-item {
height: auto;
min-height: 40px;
padding: 4.5px 10px; }
.sn-widget-list_v2.sn-widget-list_dense li.sn-widget-list-divider,
.sn-widget-list_v2.sn-widget-list_dense .sn-widget-list-item.sn-widget-list-divider {
background-color: #293e40;
cursor: default;
height: 3px;
min-height: 0;
padding: 0; }
.sn-widget-list_v2.sn-widget-list_dense li.sn-widget-list-divider:hover, .sn-widget-list_v2.sn-widget-list_dense li.sn-widget-list-divider:active, .sn-widget-list_v2.sn-widget-list_dense li.sn-widget-list-divider:focus,
.sn-widget-list_v2.sn-widget-list_dense .sn-widget-list-item.sn-widget-list-divider:hover,
.sn-widget-list_v2.sn-widget-list_dense .sn-widget-list-item.sn-widget-list-divider:active,
.sn-widget-list_v2.sn-widget-list_dense .sn-widget-list-item.sn-widget-list-divider:focus {
background-color: #293e40; }
.sn-widget-list_v2.sn-widget-list_dense li.sn-widget-list-divider:hover::before, .sn-widget-list_v2.sn-widget-list_dense li.sn-widget-list-divider:active::before, .sn-widget-list_v2.sn-widget-list_dense li.sn-widget-list-divider:focus::before,
.sn-widget-list_v2.sn-widget-list_dense .sn-widget-list-item.sn-widget-list-divider:hover::before,
.sn-widget-list_v2.sn-widget-list_dense .sn-widget-list-item.sn-widget-list-divider:active::before,
.sn-widget-list_v2.sn-widget-list_dense .sn-widget-list-item.sn-widget-list-divider:focus::before {
background-color: transparent; }
.sn-widget-list_v2 li,
.sn-widget-list_v2 .sn-widget-list-item {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
border-bottom: 1px solid #e6e9eb;
color: #2e2e2e;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font: 14px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
min-height: 56px;
overflow: hidden;
padding: 10px 10px;
position: relative;
text-decoration: none;
width: 100%; }
.sn-widget-list_v2 li.favorite-list-overwrite--border--group,
.sn-widget-list_v2 .sn-widget-list-item.favorite-list-overwrite--border--group {
border-bottom: 0px !important; }
.sn-widget-list_v2 li:hover, .sn-widget-list_v2 li.state-hover,
.sn-widget-list_v2 .sn-widget-list-item:hover,
.sn-widget-list_v2 .sn-widget-list-item.state-hover {
background-color: #eef8f8; }
.sn-widget-list_v2 li:active, .sn-widget-list_v2 li:focus, .sn-widget-list_v2 li.state-active,
.sn-widget-list_v2 .sn-widget-list-item:active,
.sn-widget-list_v2 .sn-widget-list-item:focus,
.sn-widget-list_v2 .sn-widget-list-item.state-active {
background-color: #eef8f8; }
.sn-widget-list_v2 li:focus,
.sn-widget-list_v2 .sn-widget-list-item:focus {
box-shadow: #5fbaa4 0 0 40px 0 inset;
outline: none; }
.sn-widget-list_v2 li:focus .sn-widget-list-content.sn-widget-list-content_hidden,
.sn-widget-list_v2 .sn-widget-list-item:focus .sn-widget-list-content.sn-widget-list-content_hidden {
max-width: 100%;
opacity: 1; }
.sn-widget-list_v2 li .sn-widget-list-content.sn-widget-list-content_hidden:focus,
.sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-content.sn-widget-list-content_hidden:focus {
max-width: 100%;
opacity: 1; }
.sn-widget-list_v2 li .sn-widget-list-content.sn-widget-list-content_hidden.nav-content_hidden .sn-widget-list-action:focus,
.sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-content.sn-widget-list-content_hidden.nav-content_hidden .sn-widget-list-action:focus {
opacity: 1; }
.sn-widget-list_v2 li.state-disabled,
.sn-widget-list_v2 .sn-widget-list-item.state-disabled {
background-color: #e6e9eb;
cursor: default;
pointer-events: none; }
.sn-widget-list_v2 li.state-disabled .sn-widget-list-title,
.sn-widget-list_v2 li.state-disabled .sn-widget-list-subtitle,
.sn-widget-list_v2 li.state-disabled .sn-widget-list-action,
.sn-widget-list_v2 .sn-widget-list-item.state-disabled .sn-widget-list-title,
.sn-widget-list_v2 .sn-widget-list-item.state-disabled .sn-widget-list-subtitle,
.sn-widget-list_v2 .sn-widget-list-item.state-disabled .sn-widget-list-action {
color: #666666; }
.sn-widget-list_v2 li.state-disable-bg,
.sn-widget-list_v2 .sn-widget-list-item.state-disable-bg {
background-color: #ffffff;
cursor: default; }
.sn-widget-list_v2 li.state-hover.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden,
.sn-widget-list_v2 .sn-widget-list-item.state-hover.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden {
max-width: 100%;
opacity: 1;
padding-left: 2px; }
.sn-widget-list_v2 li.state-hover.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden.nav-content_hidden .sn-widget-list-action,
.sn-widget-list_v2 .sn-widget-list-item.state-hover.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden.nav-content_hidden .sn-widget-list-action {
opacity: 1; }
html[dir="rtl"] .sn-widget-list_v2 li.state-hover.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden, html[dir="rtl"]
.sn-widget-list_v2 .sn-widget-list-item.state-hover.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden {
padding-left: 0;
padding-right: 2px; }
.sn-widget-list_v2 li.state-hover.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden + .sn-widget-list-content_badge,
.sn-widget-list_v2 .sn-widget-list-item.state-hover.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden + .sn-widget-list-content_badge {
margin-right: -31px;
opacity: 0; }
html[dir="rtl"] .sn-widget-list_v2 li.state-hover.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden + .sn-widget-list-content_badge, html[dir="rtl"]
.sn-widget-list_v2 .sn-widget-list-item.state-hover.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden + .sn-widget-list-content_badge {
margin-left: -31px;
margin-right: 0; }
.sn-widget-list_v2 li.state-hover.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action,
.sn-widget-list_v2 .sn-widget-list-item.state-hover.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action {
margin-left: 0; }
.sn-widget-list_v2 li.state-hover.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action.icon-chevron-right,
.sn-widget-list_v2 .sn-widget-list-item.state-hover.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action.icon-chevron-right {
width: 31px; }
.sn-widget-list_v2 li.sn-widget-list-item_controls,
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_controls {
height: 40px; }
.sn-widget-list_v2 li.sn-widget-list-item_controls label,
.sn-widget-list_v2 li.sn-widget-list-item_controls .sn-widget-list-title,
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_controls label,
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_controls .sn-widget-list-title {
font: 14px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
margin-bottom: 0; }
.sn-widget-list_v2 li.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden.nav-content_hidden .sn-widget-list-action,
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden.nav-content_hidden .sn-widget-list-action {
opacity: 1; }
html[dir="rtl"] .sn-widget-list_v2 li.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden + .sn-widget-list-content_badge, html[dir="rtl"]
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden + .sn-widget-list-content_badge {
margin-right: 0;
margin-left: -31px; }
html[dir="rtl"] .sn-widget-list_v2 li.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action, html[dir="rtl"]
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action {
margin-right: 0; }
.no-touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action.focus-state .sn-widget-list-content_hidden, .no-touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden, .no-touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action.focus-state .sn-widget-list-content_hidden, .no-touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden {
max-width: 100%;
opacity: 1;
padding-left: 0; }
.no-touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action.focus-state .sn-widget-list-content_hidden.nav-content_hidden .sn-widget-list-action, .no-touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden.nav-content_hidden .sn-widget-list-action, .no-touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action.focus-state .sn-widget-list-content_hidden.nav-content_hidden .sn-widget-list-action, .no-touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden.nav-content_hidden .sn-widget-list-action {
opacity: 1; }
html[dir="rtl"] .no-touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action.focus-state .sn-widget-list-content_hidden, html[dir="rtl"] .no-touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden, html[dir="rtl"] .no-touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action.focus-state .sn-widget-list-content_hidden, html[dir="rtl"] .no-touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden {
padding-left: 0;
padding-right: 2px; }
.no-touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action.focus-state .sn-widget-list-content_hidden + .sn-widget-list-content_badge, .no-touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden + .sn-widget-list-content_badge, .no-touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action.focus-state .sn-widget-list-content_hidden + .sn-widget-list-content_badge, .no-touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden + .sn-widget-list-content_badge {
margin-right: -31px;
opacity: 0; }
html[dir="rtl"] .no-touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action.focus-state .sn-widget-list-content_hidden + .sn-widget-list-content_badge, html[dir="rtl"] .no-touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden + .sn-widget-list-content_badge, html[dir="rtl"] .no-touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action.focus-state .sn-widget-list-content_hidden + .sn-widget-list-content_badge, html[dir="rtl"] .no-touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden + .sn-widget-list-content_badge {
margin-right: 0;
margin-left: -31px; }
.no-touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action.focus-state .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action, .no-touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action, .no-touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action.focus-state .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action, .no-touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action {
margin-left: 0; }
html[dir="rtl"] .no-touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action.focus-state .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action, html[dir="rtl"] .no-touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action, html[dir="rtl"] .no-touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action.focus-state .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action, html[dir="rtl"] .no-touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action {
margin-right: 0; }
.no-touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action.focus-state .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action.icon-chevron-right, .no-touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action.icon-chevron-right, .no-touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action.focus-state .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action.icon-chevron-right, .no-touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action:hover .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action.icon-chevron-right {
width: 31px; }
.touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden, .sn-widget-list_v2 li.sn-widget-list-item_hidden-action.state-selected .sn-widget-list-content_hidden, .touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden,
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action.state-selected .sn-widget-list-content_hidden {
max-width: 100%;
opacity: 1;
padding-left: 2px; }
.touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden.nav-content_hidden .sn-widget-list-action, .sn-widget-list_v2 li.sn-widget-list-item_hidden-action.state-selected .sn-widget-list-content_hidden.nav-content_hidden .sn-widget-list-action, .touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden.nav-content_hidden .sn-widget-list-action,
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action.state-selected .sn-widget-list-content_hidden.nav-content_hidden .sn-widget-list-action {
opacity: 1; }
.touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden + .sn-widget-list-content_badge, .sn-widget-list_v2 li.sn-widget-list-item_hidden-action.state-selected .sn-widget-list-content_hidden + .sn-widget-list-content_badge, .touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden + .sn-widget-list-content_badge,
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action.state-selected .sn-widget-list-content_hidden + .sn-widget-list-content_badge {
margin-right: -31px;
opacity: 0; }
.touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action, .sn-widget-list_v2 li.sn-widget-list-item_hidden-action.state-selected .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action, .touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action,
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action.state-selected .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action {
margin-left: 0; }
.touch .sn-widget-list_v2 li.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action.icon-chevron-right, .sn-widget-list_v2 li.sn-widget-list-item_hidden-action.state-selected .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action.icon-chevron-right, .touch
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action.icon-chevron-right,
.sn-widget-list_v2 .sn-widget-list-item.sn-widget-list-item_hidden-action.state-selected .sn-widget-list-content_hidden + .sn-widget-list-content_badge .sn-widget-list-action.icon-chevron-right {
width: 31px; }
.sn-widget-list_v2 li.nav-application-overwrite .favorite-list-overwrite--title,
.sn-widget-list_v2 .sn-widget-list-item.nav-application-overwrite .favorite-list-overwrite--title {
color: #ffffff;
text-decoration: none;
width: 100%;
text-transform: none; }
.sn-widget-list_v2 li.nav-application-overwrite .favorite-list-overwrite--title.favorite-list-overwrite--title--display,
.sn-widget-list_v2 .sn-widget-list-item.nav-application-overwrite .favorite-list-overwrite--title.favorite-list-overwrite--title--display {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.sn-widget-list_v2 li.nav-application-overwrite .favorite-list-overwrite--button,
.sn-widget-list_v2 .sn-widget-list-item.nav-application-overwrite .favorite-list-overwrite--button {
background-color: transparent;
border: none;
margin: 0; }
html[dir="rtl"] .sn-widget-list_v2 li.nav-application-overwrite .favorite-list-overwrite--button, html[dir="rtl"]
.sn-widget-list_v2 .sn-widget-list-item.nav-application-overwrite .favorite-list-overwrite--button {
margin: 0; }
.sn-widget-list_v2 li.nav-application-overwrite .favorite-list-overwrite--button:hover,
.sn-widget-list_v2 .sn-widget-list-item.nav-application-overwrite .favorite-list-overwrite--button:hover {
background-color: rgba(0, 0, 0, 0.2); }
.sn-widget-list_v2 li.nav-application-overwrite .favorite-list-overwrite--button:active, .sn-widget-list_v2 li.nav-application-overwrite .favorite-list-overwrite--button:focus, .sn-widget-list_v2 li.nav-application-overwrite .favorite-list-overwrite--button.state-selected,
.sn-widget-list_v2 .sn-widget-list-item.nav-application-overwrite .favorite-list-overwrite--button:active,
.sn-widget-list_v2 .sn-widget-list-item.nav-application-overwrite .favorite-list-overwrite--button:focus,
.sn-widget-list_v2 .sn-widget-list-item.nav-application-overwrite .favorite-list-overwrite--button.state-selected {
opacity: 1;
border: 1px solid #1f8476; }
.sn-widget-list_v2 li.state-overwrite,
.sn-widget-list_v2 .sn-widget-list-item.state-overwrite {
padding: 0;
border: none !important;
min-height: auto; }
.sn-widget-list_v2 .sn-widget-list-content {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-width: 1px;
padding-left: 10px;
position: relative;
transition: -webkit-flex 0.2s cubic-bezier(0.77, 0, 0.175, 1);
transition: flex 0.2s cubic-bezier(0.77, 0, 0.175, 1);
transition: flex 0.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-flex 0.2s cubic-bezier(0.77, 0, 0.175, 1), -ms-flex 0.2s cubic-bezier(0.77, 0, 0.175, 1); }
html[dir="rtl"] .sn-widget-list_v2 .sn-widget-list-content {
padding-left: 0;
padding-right: 10px; }
.sn-widget-list_v2 .sn-widget-list-content:first-child {
padding-left: 0; }
html[dir="rtl"] .sn-widget-list_v2 .sn-widget-list-content:first-child {
padding-right: 0; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_static {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
opacity: 1;
transition: margin 0.2s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1); }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_static label.switch {
cursor: pointer; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_form {
margin-right: 10px; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_form .sn-widget-list-form {
width: 100%; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_form .sn-widget-list-form label,
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_form .sn-widget-list-form input {
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
margin: 0;
padding: 6px 5px; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_form .sn-widget-list-form label {
border: 1px solid transparent;
width: 100%; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_form .sn-widget-list-form label:hover {
border: 1px solid #1f8476;
border-radius: 3px; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_form .sn-widget-list-form input {
border: 1px solid #1f8476; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_form .sn-widget-list-form input + label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: text; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_form + .sn-widget-list-content_actions {
margin-right: 10px; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_drag {
cursor: pointer;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_drag .avatar-container {
cursor: pointer;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
position: static; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_drag .avatar-container *:not(sn-presence) {
position: static; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_actions {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_actions .sn-widget-list-action {
cursor: pointer; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_actions .sn-widget-list-action:hover, .sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_actions .sn-widget-list-action.state-hover {
background-color: rgba(0, 0, 0, 0.2);
color: #2e2e2e; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_actions .sn-widget-list-action:active, .sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_actions .sn-widget-list-action:focus, .sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_actions .sn-widget-list-action.state-active {
color: #1f8476; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_actions .sn-widget-list-action.draggable {
cursor: pointer;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_actions + .sn-widget-list-content_static {
padding-left: 0; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_hidden {
max-width: 0;
opacity: 0;
overflow: hidden;
padding: 0;
transition: max-width 0.2s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1), padding 0.2s cubic-bezier(0.77, 0, 0.175, 1); }
html[dir="rtl"] .sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_hidden {
padding: 0; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_hidden {
max-width: 100%;
opacity: 1; } }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_hidden.state-overwrite {
max-width: 100%;
opacity: 1; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_hidden.state-disable-animation {
transition: none; }
.sn-widget-list_v2 .sn-widget-list-content.sn-widget-list-content_hidden .sn-widget-list-action.icon-cross {
margin-left: 8px; }
.sn-widget-list_v2 .sn-widget-list-content.nav-content_hidden {
opacity: 1;
overflow: visible;
max-width: 100%; }
.sn-widget-list_v2 .sn-widget-list-content.nav-content_hidden .sn-widget-list-action {
opacity: 0; }
.sn-widget-list_v2 .sn-widget-list-content.favorite-list-overwrite--button {
padding-left: 0px; }
html[dir="rtl"] .sn-widget-list_v2 .sn-widget-list-content.favorite-list-overwrite--button {
padding-right: 0px;
padding-left: auto; }
.sn-widget-list_v2 .sn-widget-list-title,
.sn-widget-list_v2 .sn-widget-list-subtitle {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-decoration: none; }
.sn-widget-list_v2 .sn-widget-list-title_wrap,
.sn-widget-list_v2 .sn-widget-list-subtitle_wrap {
white-space: normal; }
.sn-widget-list_v2 .sn-widget-list-title {
color: #2e2e2e;
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif; }
.sn-widget-list_v2 label.sn-widget-list-title {
margin: 0; }
.sn-widget-list_v2 .sn-widget-list-subtitle {
color: #4a4a4a;
font: 13px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
padding: 2px 0; }
.sn-widget-list_v2 .sn-widget-list-subtitle.sn-widget-list-subtitle_highlight {
color: #1f8476; }
.sn-widget-list_v2 .sn-widget-list-subtitle + .sn-widget-list-subtitle {
padding-top: 0; }
.sn-widget-list_v2 .sn-widget-list-action {
height: 28px;
width: 28px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 3px;
color: #4a4a4a;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 16px;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.sn-widget-list_v2 .sn-widget-list-action + .sn-widget-list-action {
margin-left: 0; }
.sn-widget-list_v2 .sn-widget-list-image,
.sn-widget-list_v2 .sn-widget-list-icon {
height: 32px;
width: 32px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 3px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 28px;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.sn-widget-list_v2 .sn-widget-list-icon {
height: 22px;
width: 22px;
font-size: 18px; }
.sn-widget-list_v2 .sn-widget-list-divider {
height: 3px;
width: 100%;
background-color: #e6e9eb; }

html.compact .sn-widget-list_v2 li,
html.compact .sn-widget-list_v2 .sn-widget-list-item {
min-height: 1px;
padding: 3.5px 5px; }

.sn-widget-list li.sn-widget-list-header {
background-color: #e7e9eb;
border: 1px solid #e7e9eb;
border-width: 1px 0;
color: #2e2e2e;
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
padding: 10px; }

.sn-widget-list-attachment .attach-file {
display: none; }

.sn-widget-list-attachment-preview {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }

.sn-widget-list-attachment-image,
.sn-widget-list-attachment-document {
height: 32px;
width: 32px;
margin-right: 10px; }

.sn-widget-list-attachment-image {
background-repeat: no-repeat;
background-size: contain;
border-radius: 3px;
border: 1px solid #cbcbcb; }

.sn-widget-list-attachment-document {
font-size: 26px;
line-height: 32px;
text-align: center; }
.sn-widget-list-attachment-document .icon-document {
color: #4a4a4a; }
.sn-widget-list-attachment-document .icon-document-pdf {
color: #fc8d8a; }
.sn-widget-list-attachment-document .icon-document-doc {
color: #7497de; }
.sn-widget-list-attachment-document .icon-document-xls {
color: #84e3bc; }
.sn-widget-list-attachment-document .icon-document-ppt {
color: #dfd139; }
.sn-widget-list-attachment-document .icon-document-txt {
color: #a2a2e2; }
.sn-widget-list-attachment-document .icon-document-zip {
color: #ff8c3e; }

.sn-widget-list-attachment-actions {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.sn-widget-list-attachment-actions a {
color: #666666; }
.sn-widget-list-attachment-actions .btn-icon {
margin-left: 0; }
.sn-widget-list-attachment-actions .btn-icon::before {
line-height: 30px; }

.sn-widget-list-table li {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
border: 0;
cursor: default;
padding: 2px 15px;
padding-left: 10px; }
.sn-widget-list-table li:last-of-type {
border-bottom: none; }
.sn-widget-list-table li.sn-widget-list-table-cell_stacked .sn-widget-list-table-cell,
.sn-widget-list-table li.multiline .sn-widget-list-table-cell {
padding-top: 3px;
width: 100%; }
.sn-widget-list-table li.sn-widget-list-table-cell_stacked .sn-widget-list-table-cell:first-of-type,
.sn-widget-list-table li.multiline .sn-widget-list-table-cell:first-of-type {
text-align: left; }

.sn-widget-list-table-cell {
float: left;
position: relative;
word-break: break-word;
display: inline-block; }
.sn-widget-list-table-cell:first-of-type {
font: 12px "SourceSansProSemibold", "Helvetica Neue", "Helvetica", Arial, sans-serif;
max-width: 150px;
padding-right: 20px;
text-align: right;
white-space: normal;
width: 40%; }
.sn-widget-list-table-cell:last-of-type {
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
width: 60%; }
.sn-widget-list-table-cell .avatar-container.avatar-xs {
height: 17px;
width: 17px; }
.sn-widget-list-table-cell .avatar-container.avatar-xs .avatar.soloAvatar .sub-avatar {
font-size: 9px; }

.sn-widget-button {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
outline: none;
overflow: visible;
padding: 10px 10px; }
.sn-widget-button:empty {
display: none; }
.sn-widget-button.sn-widget-button_stacked {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.sn-widget-button.sn-widget-button_stacked .btn {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 10px;
margin-right: 0; }
.sn-widget-button.sn-widget-button_stacked .btn:last-of-type {
margin-bottom: 0; }
html.compact .sn-widget-button.sn-widget-button_row .btn {
min-height: 1px;
padding: 3.5px 5px; }
.sn-widget-button.sn-widget-button_row {
border-bottom: 1px solid #e7e9eb;
padding: 0; }
.sn-widget-button.sn-widget-button_row .btn {
border-radius: 0;
border-width: 0;
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
margin: 0;
min-height: 56px;
padding: 10px;
width: 100%; }
.sn-widget-button.sn-widget-button_row .btn:hover, .sn-widget-button.sn-widget-button_row .btn:active, .sn-widget-button.sn-widget-button_row .btn:focus, .sn-widget-button.sn-widget-button_row .btn.state-hover {
background-color: #eef8f8;
color: #2e2e2e;
opacity: 1; }
.sn-widget-button.sn-widget-button_row .btn.icon {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: left; }
.sn-widget-button.sn-widget-button_row .btn.icon span {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.sn-widget-button.sn-widget-button_row .btn.icon span:first-of-type {
color: #666666;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 10px;
width: 32px; }
html[dir=rtl] .sn-widget-button.sn-widget-button_row .btn.icon span:first-of-type {
margin-left: 10px;
margin-right: 0px; }
.sn-widget-button.sn-widget-button_row .btn.icon span:first-of-type::before {
font-size: 26px;
line-height: inherit;
padding-top: 1px; }
.sn-widget-button.sn-widget-button_row + .sn-widget-list-attachment .sn-widget-list li:first-of-type {
border-top: none; }
.sn-widget-button.sn-widget-button_row.default-focus-outline:focus {
background-color: #eef8f8;
color: #2e2e2e;
opacity: 1; }
.sn-widget-button .btn {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-right: 10px; }
.sn-widget-button .btn::before {
font-size: 14px;
margin-right: 10px; }
.sn-widget-button .btn:last-of-type {
margin-right: 0; }

.sn-widget-button_themed.sn-widget-button.sn-widget-button_row {
border-bottom: 1px solid rgba(0, 0, 0, 0.13); }
.sn-widget-button_themed.sn-widget-button.sn-widget-button_row .btn {
background-color: #293e40;
color: #ffffff; }
.sn-widget-button_themed.sn-widget-button.sn-widget-button_row .btn:active, .sn-widget-button_themed.sn-widget-button.sn-widget-button_row .btn:focus {
background-color: #576667; }
.sn-widget-button_themed.sn-widget-button.sn-widget-button_row .btn:hover, .sn-widget-button_themed.sn-widget-button.sn-widget-button_row .btn.state-hover, .sn-widget-button_themed.sn-widget-button.sn-widget-button_row .btn:active, .sn-widget-button_themed.sn-widget-button.sn-widget-button_row .btn.state-active, .sn-widget-button_themed.sn-widget-button.sn-widget-button_row .btn:focus {
color: #ffffff; }
.sn-widget-button_themed.sn-widget-button.sn-widget-button_row .btn:hover::before, .sn-widget-button_themed.sn-widget-button.sn-widget-button_row .btn.state-hover::before {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.13);
content: "";
margin: 0; }
.sn-widget-button_themed.sn-widget-button.sn-widget-button_row .btn:active::before, .sn-widget-button_themed.sn-widget-button.sn-widget-button_row .btn.state-active::before, .sn-widget-button_themed.sn-widget-button.sn-widget-button_row .btn:focus::before {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background-color: rgba(255, 255, 255, 0.13);
content: "";
margin: 0; }
.sn-widget-button_themed.sn-widget-button.sn-widget-button_row .btn.btn-primary {
background-color: #1f8476;
color: #ffffff; }

.sn-widget-config-checkbox li,
.sn-widget-config-radio li,
.sn-widget-config-switches li {
border: none;
cursor: default;
min-height: 1px;
overflow: visible;
padding: 5px 10px; }
.sn-widget-config-checkbox li:before, .sn-widget-config-checkbox li:after,
.sn-widget-config-radio li:before,
.sn-widget-config-radio li:after,
.sn-widget-config-switches li:before,
.sn-widget-config-switches li:after {
content: " ";
display: table; }
.sn-widget-config-checkbox li:after,
.sn-widget-config-radio li:after,
.sn-widget-config-switches li:after {
clear: both; }

.sn-widget-config-checkbox .sn-widget-list li:last-of-type,
.sn-widget-config-radio .sn-widget-list li:last-of-type,
.sn-widget-config-switches .sn-widget-list li:last-of-type {
border-bottom: none; }

.sn-widget-config-checkbox .ng-hide,
.sn-widget-config-radio .ng-hide,
.sn-widget-config-switches .ng-hide {
height: 0; }

.sn-widget-config-checkbox label,
.sn-widget-config-switches label {
font: 14px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
margin-bottom: 0; }

.sn-widget-config-checkbox li .input-group-checkbox {
width: 100%; }
.sn-widget-config-checkbox li .input-group-checkbox input.checkbox ~ label.checkbox-label {
cursor: pointer;
font: 14px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
margin: 0;
white-space: nowrap;
width: 100%; }

.sn-widget-config-checkbox li .checkbox-label::before {
margin-top: -3px;
font-size: 13px; }

.sn-widget-config-checkbox .icon-drag-dots {
cursor: pointer;
cursor: move;
line-height: 1;
margin-top: -2px; }

.sn-widget-config-description {
color: #666666;
font: 14px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
padding: 4px 28px;
width: 100%; }

.sn-widget-config-radio li .input-group-radio {
width: 100%; }
.sn-widget-config-radio li .input-group-radio input.radio ~ label.radio-label {
cursor: pointer;
font: 14px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
margin: 0;
width: 100%; }
.sn-widget-config-radio li .input-group-radio input.radio ~ label.radio-label::before {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }

.sn-widget-config-radio li .radio-label::before {
margin-top: -3px;
font-size: 13px; }

.sn-widget-media-images {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%; }

.sn-widget-media-frame {
float: left;
position: relative;
-webkit-flex: 1 0 50%;
-ms-flex: 1 0 50%;
flex: 1 0 50%; }
.sn-widget-media-frame:last-of-type:nth-child(odd) {
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%; }
.sn-widget-media-frame_image {
height: 100%;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: contain; }
.sn-widget-media-frame_image:hover .sn-widget-media-details {
opacity: 1; }
.sn-widget-media-frame_image:hover .sn-widget-media-detail {
opacity: 1;
padding-top: 5px; }
.sn-widget-media-frame_image:hover .sn-widget-media-detail:first-of-type {
padding-top: 10px; }
.sn-widget-media-frame_image img {
max-height: 130px;
visibility: hidden; }

.sn-widget-media-details {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: opacity 500ms cubic-bezier(0.075, 0.82, 0.165, 1); }

.sn-widget-media-detail {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
float: left;
position: relative;
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
opacity: 0;
padding: 0 10px;
transition: opcity 500ms cubic-bezier(0.075, 0.82, 0.165, 1), padding-top 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
color: #ffffff; }
.sn-widget-media-detail:last-of-type {
font: 14px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif; }

.sn-widget-media-files .sn-widget-list li {
padding-bottom: 11.25px; }

.sn-widget-media-file {
float: left;
font-size: 24px;
margin-top: -7px;
padding-right: 10px; }

.sn-widget-members {
padding: 10px 10px 0;
width: 100%; }

.sn-widget-members-avatar {
float: left;
position: relative;
margin: 0 8.5px 8.5px 0; }

.sn-widget-members-list .avatar-container {
z-index: 2; }

.sn-widget-members-list .sn-widget-list li {
border-bottom: 1px solid #e7e9eb;
border-top: none;
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
padding: 10px 20px; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.sn-widget-members-list .sn-widget-list li .sn-widget-members-list-btn-close::before {
opacity: 1; }
.sn-widget-members-list .sn-widget-list li .sn-widget-list-content_actions .icon-delete,
.sn-widget-members-list .sn-widget-list li .sn-widget-list-content_actions .icon-filter,
.sn-widget-members-list .sn-widget-list li .sn-widget-list-content_actions .icon-arrow-up {
opacity: 1; } }
.sn-widget-members-list .sn-widget-list li:hover .sn-widget-members-list-btn-close::before, .sn-widget-members-list .sn-widget-list li:focus .sn-widget-members-list-btn-close::before {
opacity: 1;
transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1); }
.sn-widget-members-list .sn-widget-list li:hover .sn-widget-list-content_actions .icon-delete,
.sn-widget-members-list .sn-widget-list li:hover .sn-widget-list-content_actions .icon-filter,
.sn-widget-members-list .sn-widget-list li:hover .sn-widget-list-content_actions .icon-arrow-up, .sn-widget-members-list .sn-widget-list li:focus .sn-widget-list-content_actions .icon-delete,
.sn-widget-members-list .sn-widget-list li:focus .sn-widget-list-content_actions .icon-filter,
.sn-widget-members-list .sn-widget-list li:focus .sn-widget-list-content_actions .icon-arrow-up {
opacity: 1; }
.sn-widget-members-list .sn-widget-list li .sn-widget-list-content_actions .icon-delete .icon-filter:focus,
.sn-widget-members-list .sn-widget-list li .sn-widget-list-content_actions .icon-arrow-up:focus {
opacity: 1; }
.sn-widget-members-list .sn-widget-list li:first-child {
border-top: none; }
.sn-widget-members-list .sn-widget-list li::before {
margin-top: -8px; }
.sn-widget-members-list .sn-widget-list li *:focus {
outline: none; }
.sn-widget-members-list .sn-widget-list li .avatar-container + .sn-widget-list-content {
padding-left: 10px; }

.sn-widget-members-list .sn-widget-list-content_actions .disabled {
opacity: 1; }

.sn-widget-members-list .sn-widget-list-content_actions .icon-delete,
.sn-widget-members-list .sn-widget-list-content_actions .icon-filter,
.sn-widget-members-list .sn-widget-list-content_actions .icon-arrow-up {
opacity: 0; }

.sn-widget-members-list-badge {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 0; }
.sn-widget-members-list-badge .sn-badge {
margin-left: 5px; }

.sn-widget-members-list-btn-close {
color: #ffffff;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font: 14px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
margin: 0 -15px 0 0;
overflow: hidden; }
.sn-widget-members-list-btn-close:hover {
color: #ffffff; }
.sn-widget-members-list-btn-close:hover::before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition-duration: 500ms; }
.sn-widget-members-list-btn-close:focus {
color: #ffffff; }
.sn-widget-members-list-btn-close:focus::before {
opacity: 1;
transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition-duration: 500ms; }
.sn-widget-members-list-btn-close:active::before {
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6); }
.sn-widget-members-list-btn-close::before {
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
transition: -webkit-transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition: transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition: transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1); }

.sn-widget-members-list-adduser .avatar {
color: #666666;
font-size: 36px; }

.sn-widget-profile {
padding-top: 20px;
overflow: hidden; }
.popover .sn-widget-profile {
padding-top: 10px;
width: 268px; }
.sn-widget-profile .sn-widget-list li {
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif; }
.sn-widget-profile .sn-widget-list li::before {
top: auto;
right: auto;
position: relative;
font-size: 24px;
margin: 0;
max-width: 32px;
min-width: 32px;
padding-right: 10px; }

.sn-widget-profile-avatar {
height: 140px;
width: 140px;
display: block;
margin: 0 auto 10px;
position: relative; }

.sn-widget-profile-name,
.sn-widget-profile-position,
.sn-widget-profile-company {
display: inline-block;
padding: 0 15px;
text-align: center;
width: 100%; }

.sn-widget-profile-name {
font: 24px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
line-height: 1.1; }

.sn-widget-profile-position,
.sn-widget-profile-company {
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
line-height: 1.1; }

.sn-widget-profile-company {
padding-bottom: 10px; }

.sn-widget-progress-bar {
padding: 10px; }
.sn-widget-progress-bar .checklist-progress-indicator-row {
width: 100%; }
.sn-widget-progress-bar .progress {
margin: 3px 0 0; }

.sn-widget-search {
padding: 0; }
.sn-widget-search.sn-live-search {
background-color: transparent; }
.sn-widget-search.sn-live-search .input-group-addon-transparent.icon-search {
left: 18px; }
.sn-widget-search.sn-live-search .twitter-typeahead input {
color: #2e2e2e;
left: 10px !important;
width: calc(100% - 60px); }
.sn-widget-search.sn-live-search .twitter-typeahead .tt-menu {
max-height: 100%;
max-width: 100%;
border: none;
border-radius: 0;
box-shadow: none;
position: relative !important;
top: 12px !important; }
@media (max-width: 800px) {
.sn-widget-search.sn-live-search .twitter-typeahead .tt-menu {
min-width: 285px; } }
.sn-widget-search.sn-live-search .btn-cancel {
top: 50%;
right: 10px;
position: absolute;
height: 30px;
width: 30px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 3px;
color: #666666;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
margin-top: -15px;
opacity: 1; }
.sn-widget-search.sn-live-search .btn-cancel:active, .sn-widget-search.sn-live-search .btn-cancel:focus {
outline: none; }
.sn-widget-search.sn-live-search .btn-cancel:hover {
background-color: rgba(0, 0, 0, 0.2); }

.sn-widget-stream .sn-feed {
height: auto;
width: 100%; }

.sn-widget-stream .sn-feed-content {
border: 1px solid #e7e9eb;
border-radius: 5px;
margin-bottom: 20px;
padding: 10px; }
.sn-widget-stream .sn-feed-content a {
color: #1f8476; }
.sn-widget-stream .sn-feed-content a:last-child {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
padding-top: 10px; }
.sn-widget-stream .sn-feed-content .incident {
display: block;
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
width: 100%; }

.sn-widget-stream .sn-feed-title {
padding-bottom: 10px; }
.sn-widget-stream .sn-feed-title .attachment,
.sn-widget-stream .sn-feed-title .timestamp {
float: right;
font: 14px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif; }
.sn-widget-stream .sn-feed-title .attachment {
padding: 0 10px; }

.sn-widget-stream .sn-feed-btn-drill {
top: 50%;
right: 10px;
position: absolute;
margin: -15px 0 0 0;
width: 10px; }
.sn-widget-stream .sn-feed-btn-drill:hover, .sn-widget-stream .sn-feed-btn-drill:active, .sn-widget-stream .sn-feed-btn-drill:focus {
background-color: transparent;
border-color: transparent;
box-shadow: none;
outline: none; }
.sn-widget-stream .sn-feed-btn-drill:hover,
.sn-widget-stream .sn-feed-btn-drill .hover {
color: #1f8476; }
.sn-widget-stream .sn-feed-btn-drill:active, .sn-widget-stream .sn-feed-btn-drill.active {
opacity: 0.5; }
.sn-widget-stream .sn-feed-btn-drill::before {
color: #e6e9eb; }

.sn-widget-textblock {
color: #666666;
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
padding: 0 10px 10px;
word-break: break-word; }
.sn-widget-textblock.state-expanded .sn-widget-textblock-body {
max-height: 100%;
overflow: auto; }
.sn-widget-textblock_center {
text-align: center; }
.sn-widget-textblock_large {
font: 18px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
padding: 0 10px 20px; }
.sn-widget-textblock_large .sn-widget-textblock-icon {
padding: 0 10px; }
.sn-widget-textblock_large .sn-widget-textblock-icon::before {
margin-top: -4px; }
.sn-widget-textblock_nobottom {
padding-bottom: 0; }
.sn-widget-textblock_small {
font: 12px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif; }
.sn-widget-textblock_top {
padding-top: 20px; }

.sn-widget-textblock-body {
display: inline-block;
max-height: 120px;
overflow: hidden;
word-break: break-word;
white-space: pre-wrap;
width: 100%;
word-wrap: break-word; }
.sn-widget-textblock-body.sn-widget-textblock-body_form {
max-height: 200px;
overflow: visible; }
.sn-widget-textblock-body.sn-widget-textblock-body_form:hover textarea {
background-color: #eef8f8; }
.sn-widget-textblock-body.sn-widget-textblock-body_form .icon-copy {
top: 18px;
right: 18px;
position: absolute;
opacity: 0; }
.sn-widget-textblock-body.sn-widget-textblock-body_form textarea {
background-color: transparent;
border: 1px solid #cbcbcb;
border-radius: 3px;
cursor: pointer;
max-height: 200px;
min-height: 100px;
overflow: visible;
padding: 8px 44px 8px 8px;
position: relative;
resize: none;
width: 100%; }
.sn-widget-textblock-body.sn-widget-textblock-body_formatted {
white-space: normal; }
.sn-widget-textblock-body ul {
margin-left: 30px; }
.sn-widget-textblock-body + a {
color: #1f8476;
display: none;
float: right; }

.sn-welcome-wrapper {
height: 100%;
width: 100%;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
color: #2e2e2e;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 15vh 20px 20px;
overflow: auto;
z-index: 1; }
@media (max-width: 800px) {
.sn-welcome-wrapper {
padding: 10vh 10px 5px; } }

.sn-welcome {
border: 1px solid #e7e9eb;
border-radius: 10px;
font: 18px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
max-width: 700px;
padding: 40px 40px 20px;
position: relative; }
@media (max-width: 800px) {
.sn-welcome {
font: 15px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
padding: 20px 20px 10px; } }
.sn-welcome_borderless {
border: none; }

.sn-welcome-badge {
top: -36px;
left: 50%;
position: absolute;
height: 72px;
width: 72px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #1f8476;
border-radius: 100%;
color: #ffffff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 40px;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: -36px;
text-align: center; }
@media (max-width: 800px) {
.sn-welcome-badge {
top: -26px;
left: 50%;
position: absolute;
height: 52px;
width: 52px;
font-size: 24px;
margin-left: -26px; } }
.sn-welcome-badge.icon-collaboration::before {
height: 34px; }
@media (max-width: 800px) {
.sn-welcome-badge.icon-collaboration::before {
height: 18px; } }

.sn-welcome-title {
font: 34px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
margin: 10px 0;
text-align: center; }
@media (max-width: 800px) {
.sn-welcome-title {
font: 18px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif; } }

.sn-welcome-content {
color: #4a4a4a;
width: 100%; }
@media (max-width: 800px) {
.sn-welcome-content {
padding-bottom: 20px; } }
.sn-welcome-content ul {
list-style: disc outside;
margin: 0 0 10px 0;
padding: 0 0 0 30px; }
.sn-welcome-content a {
color: #1f8476;
display: block;
margin-bottom: 5px; }
.sn-welcome-content a:focus, .sn-welcome-content a:hover {
text-decoration: underline; }
.sn-welcome-content a:focus::before, .sn-welcome-content a:hover::before {
text-decoration: none; }
.sn-welcome-content a::before {
margin: -2px 5px 0 0; }

.disable-ng-animations.ng-enter, .disable-ng-animations.ng-leave, .disable-ng-animations.ng-animate {
transition: none !important; }

.disable-ng-animations.ng-animate {
-webkit-animation: none 0s !important;
animation: none 0s !important; }

.navpage-right {
background-color: #2e2e2e; }

.sn-highlight_positive {
color: #48c891; }

.sn-highlight_negative {
color: #c83c36; }

.sn-light-box {
background-color: rgba(0, 0, 0, 0.6); }
.sn-light-box .modal-dialog {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 30px auto 0;
max-width: 80vw;
width: auto; }
.sn-light-box .modal-content {
background-color: transparent;
border: none;
box-shadow: none;
min-width: 20vw; }
.sn-light-box .modal-header {
border: none;
padding: 5px 0; }
.sn-light-box .modal-header .modal-title,
.sn-light-box .modal-header .close {
color: #e7e9eb; }
.sn-light-box .modal-header .modal-title {
width: 80%; }
.sn-light-box .modal-header .close {
opacity: 1;
text-shadow: none; }
.sn-light-box .modal-body {
background-color: transparent;
padding: 0; }
.sn-light-box .modal-body .sn-attachment-preview-image img {
max-height: 80vh; }
.sn-light-box .modal-footer {
border: none;
padding: 5px 0; }
.sn-light-box .modal-footer .btn {
box-shadow: none; }
.sn-light-box .modal-footer .btn.btn-icon {
color: #e7e9eb; }
.sn-light-box .modal-footer .btn.btn-icon::before {
margin-top: -2px; }

.sn-embedded-help {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.sn-embedded-help .help-action .sn-widget .sn-widget {
padding: 0; }
.sn-embedded-help .help-action .sn-widget .sn-widget .btn {
margin-bottom: 10px; }
.sn-embedded-help .help-action .sn-widget .sn-widget .btn.btn-default {
background-color: #e7e9eb; }
.sn-embedded-help .help-action .btn.btn-default {
background-color: #e7e9eb; }

.sn-embedded-help-content,
.sn-embedded-help-pane,
.sn-embedded-help-pane-content {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }

.sn-embedded-help-pane-content .sn-aside-header.open .sn-aside-btn:active, .sn-embedded-help-pane-content .sn-aside-header.open .sn-aside-btn:focus {
opacity: 1; }

.sn-embedded-help-pane-content .sn-aside-header.open .sn-aside-btn .sn-widget-list_v2 {
top: 50px;
right: 0;
position: absolute;
display: block; }
.sn-embedded-help-pane-content .sn-aside-header.open .sn-aside-btn .sn-widget-list_v2 .sn-widget-list-item {
background-color: #ffffff;
color: #2e2e2e;
min-height: 40px; }
.sn-embedded-help-pane-content .sn-aside-header.open .sn-aside-btn .sn-widget-list_v2 .sn-widget-list-item .sn-widget-list-title {
color: #2e2e2e;
font: 14px "SourceSansPro", "Helvetica Neue", "Helvetica", Arial, sans-serif; }

.skip-links:active,
.skip-links:focus {
background: #1f8476;
border-radius: 4px;
color: #ffffff;
display: inline-block;
left: 3px;
padding: 5px 10px;
position: absolute;
text-decoration: none;
top: 3px; }
/*! RESOURCE: styles/concourse_forms.css */
html[data-doctype=true] .popover-item-list {
overflow: auto;
display: none;
min-width: 265px;
padding-right: 14px;
margin: -9px -14px; }
html[data-doctype=true] .popover-item-list legend {
width: 100%; }
html[data-doctype=true] .popover-item-list label, html[data-doctype=true] .popover-item-list legend {
padding-left: 7px; }
html[data-doctype=true] .popover-item-list .popover-body {
margin-top: 0;
padding-top: 0; }
html[data-doctype=true] .popover-item-list .popover-body .row {
padding: 3px 4px 3px 0; }
html[data-doctype=true] .popover-item-list .popover-body .row:last-child {
border-bottom: none; }
html[data-doctype=true] .popover-item-list .popover-body button, html[data-doctype=true] .popover-item-list .popover-body a {
border: none;
padding: 4px 7px;
margin-left: 5px;
font-size: 14px;
color: #1f8476; }
html[data-doctype=true] .popover-item-list .popover-body button:before, html[data-doctype=true] .popover-item-list .popover-body a:before {
font-size: 18px;
padding-right: 10px; }
html[data-doctype=true] .popover-item-list .popover-body button:hover, html[data-doctype=true] .popover-item-list .popover-body a:hover {
text-decoration: underline; }
html[data-doctype=true] .popover-item-list .popover-body button:hover::before, html[data-doctype=true] .popover-item-list .popover-body a:hover::before {
text-decoration: none; }
html[data-doctype=true] .popover-item-list .popover-body button:hover, html[data-doctype=true] .popover-item-list .popover-body button:active, html[data-doctype=true] .popover-item-list .popover-body button:focus, html[data-doctype=true] .popover-item-list .popover-body a:hover, html[data-doctype=true] .popover-item-list .popover-body a:active, html[data-doctype=true] .popover-item-list .popover-body a:focus {
box-shadow: none; }
html[data-doctype=true] .popover-item-list .popover-body button:focus, html[data-doctype=true] .popover-item-list .popover-body a:focus {
border: 1px solid #82c9b8;
outline: none; }
html[data-doctype=true] .popover-item-list .popover-body button:disabled, html[data-doctype=true] .popover-item-list .popover-body a:disabled {
background-color: transparent;
opacity: .7;
cursor: default;
color: #666666; }
html[data-doctype=true] .popover-item-list .popover-body button:disabled:hover, html[data-doctype=true] .popover-item-list .popover-body a:disabled:hover {
text-decoration: none; }

HTML[data-doctype=true] .popover-item-list .add-tag {
border-bottom: none; }
HTML[data-doctype=true] .popover-item-list #form_tags {
display: block !important;
margin: 0;
max-height: none;
padding: 0; }
HTML[data-doctype=true] .popover-item-list #form_tags .badge {
background-color: #2e2e2e; }
HTML[data-doctype=true] .popover-item-list #document_tags {
border: none;
margin: 0 -13px 0 0;
padding: 0; }
HTML[data-doctype=true] .popover-item-list #document_tags li {
margin: 0;
padding: 6px 0 6px 10px;
float: none;
border-top: 1px solid #e6e8ea;
color: #2e2e2e !important;
background-color: transparent !important; }
HTML[data-doctype=true] .popover-item-list #document_tags li .icon-user, HTML[data-doctype=true] .popover-item-list #document_tags li .icon-user-group, HTML[data-doctype=true] .popover-item-list #document_tags li a {
color: #2e2e2e !important; }
HTML[data-doctype=true] .popover-item-list #document_tags li.tagit-new {
display: none; }
HTML[data-doctype=true] .popover-item-list #document_tags li a.tagit-close {
right: 16px; }
HTML[data-doctype=true] .popover-item-list #document_tags li a.tagit-close > span {
color: #2e2e2e !important; }
HTML[data-doctype=true] .popover-item-list #document_tags input[type='text'] {
border: 1px solid #e6e9eb;
border-radius: 3px;
padding: 4px; }

.sn-form-stream-input-area .vtb-toggle-inputs {
display: none; }