/*! 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: #D1232B;
border-color: #666666;
border-width: 1px;
font-weight: bold;
cursor: pointer;
margin-right: 5px;
}

TR.header {
background-color: #D1232B;
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/doctype/theme_main.css */
/*
CSS in lists, forms, ui_pages, etc (not the navigator and not navpage)

*/

SPAN.section.state-closed DIV.section-content {
max-height: 0;
overflow: hidden;
}

.tab_section SPAN.section.state-closed DIV.section-content {
max-height: inherit !important;
overflow: visible !important;
}

DIV.section-content {
overflow: hidden;
margin-bottom: 5px;
padding-top: 10px;
}

DIV.section-content.with-overflow {
overflow: visible;
}

DIV.section-content.animate {
transition: max-height 0.5s;
}

SPAN.section BUTTON.icon-chevron-right:not(.navbar-btn) {
-webkit-transition: -webkit-transform 0.3s;
-ms-transition: -ms-transform 0.3s;
transition: transform 0.3s;

-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);

font-size: 18px;
}

SPAN.section.state-closed BUTTON.icon-chevron-right:not(.navbar-btn) {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}

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

:root {
--classicsponlydonotuse--rem-multipy: 1.3;
}

.font_smaller {
font-size: smaller;
}

TABLE.background_transparent {
background-color: transparent;
}

TD.tdwrap {
white-space: normal;
}

LABEL.url {
margin-left: 0px;
}

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

LABEL.header {
font-weight: normal;
}

TD.item_action {
text-align: center;
padding:2px;
white-space: nowrap;
width:16px;
}

TD.list_mechanic {
text-align: center;
}

TD.item_action INPUT{
padding: 2px;
margin: 0px;
}

TD.mandatory, TD.mandatory_populated {
text-align: left;
width: 150px;
}

TD.error {
text-align: left;
}

/***** Links   *****/
A.web {
text-decoration: underline;
}

A.attachment {
color: #555555;
}

A.menu {
text-decoration: none;
padding: 0px;
white-space: nowrap;
font-weight: normal;
}

TD.noWrap {
white-space: nowrap;
}

A.spell_check {
font-weight: bold;
}

A.button {
font-weight: bold;
}

A.linked {
text-decoration: underline;
white-space: nowrap;
}

A.blend {
text-decoration: none;
}

A.breadcrumb {
text-decoration: underline;
white-space: normal;
}

TD.condition {
font-style: italic
}

A.relatedcrumb {
text-decoration: underline;
}

A.navigation_link {
color: blue
}

A.column_head, span.column_head {
font-weight: bold;
color: white;
white-space: nowrap;
}

A.column_head:HOVER {
text-decoration: none;
}

A.header {
color: white;
}

A.spell_check {
color: ForestGreen;
}

A.button {
color: black;
}

A.breadcrumb {
color: blue;
}

A.web {
color: blue;
}

A.relatedcrumb {
color: blue;
}

A.blend {
color: WindowText;
}

.pointerhand {
cursor: pointer;
}

/******* Images   ********/

IMG.cls {
margin-right: 0;
margin-top:5px;
margin-bottom:5px;
height:10px
}

IMG.clsshort {
margin-right: 0;
margin-top:2px;
margin-bottom:2px;
}

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;
}


IMG.knowledge{
margin-left: 2px;
}


table.drag_section_header A.IMG{
vertical-align:top;
border:0px;
margin:0px;
padding:0px;
}

IMG.nopadding {
margin-right: 0px;
}

/******* Buttons *******/
IMG.button {
cursor: pointer;
}

BUTTON IMG {
margin-right: 4px;
vertical-align: middle;
}

BUTTON.treeheader {
font-weight: normal;
cursor: pointer;
margin-left: 5px;
margin-right: 5px;
border-style: solid;
}

BUTTON.disabled {
color: grey;
background-color: silver;
border-color: #666666;
border-width: 1px;
}

BUTTON.login {
color: white;
background-color: #D1232B;
border-color: #666666;
border-width: 1px;
}

BUTTON.stealth {
border-width: 0px;
background-color: white;
}

BUTTON.header {
font-weight: normal;
cursor: pointer;
}

BUTTON.widebutton {
WIDTH: 100%;
font-weight: normal;
cursor: pointer;
border-style: solid;
color: white;
border-color: white;
border-width: 1px;
}


BUTTON.form_action_button {
margin-top: 2px;
margin-bottom: 2px;
}

INPUT.integer, INPUT.decimal {
text-align: right;
}

/*
fixes issue in IE where right aligned text within input ignores padding
after losing focus by hiding the X (clear) button
This fix is recommended by microsoft and documented here:
https://connect.microsoft.com/IE/feedback/details/776537;
*/
INPUT.integer::-ms-clear, INPUT.decimal::-ms-clear {
display: none;
}

INPUT.disabled {
color: #444444;
background-color: #f6f6f6;
}

TEXTAREA.readonly {
color: #444444;
background-color: #f6f6f6;
}

/********************************************************************
END HTML Element and Global CSS
********************************************************************/

/********************************************************************
BEGIN Header Branding classes
********************************************************************/

LINK.header {
color: white;
}

DIV.caption, A.caption_link, A.caption_link_chevron {
color: white;
background-color: #D1232B;
}

A.caption_link, A.sub_caption_link {
text-decoration:underline;
}

A.caption_link_chevron:hover, A.caption_link_remove, span.caption_link_remove {
color: #AAA;
text-decoration:none;
}

/** LINKS -header styles  ***************************/
.header_links a{
color:#2A5DB0;
}

span.links a:hover{
text-decoration:underline;
}

span.links a{
color:#005C9C;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
}

div.loading_image {
position: relative;
width: 228px;
height: 202px;
border: 1px solid gray;
padding-top: 150px;
display: none;
}

/********************************************************************
END Header Branding classes
********************************************************************/

DIV.text_caption {
color: #D1232B;
}

OPTION.secondary_color {
color: blue;
}

.separator {
position: relative;
margin: 3px;
border-left: 1px solid ButtonShadow;
border-right: 1px solid ButtonHighlight;
width: 0px;
height: 16px;
padding: 0px;
}

/************************************************************
BEGIN Form and Label classes
********************************************************/
TABLE.workflow TD {
vertical-align:middle
}

TD.label.label_spacing label {
white-space: nowrap;
}

TD.mandatory, SPAN.mandatory {
color: white;
background-color: #cc0000;
}

TD.read_only, SPAN.read_only {
color: white;
background-color: orange;
}

TD.mandatory_populated, SPAN.mandatory_populated {
color: white;
background-color: #cc7777;
}

DIV.debug {
color: black;
background-color: khaki;
}

DIV.debug_error {
color: black;
background-color: khaki;
}

DIV.debug_success {
color: black;
background-color: #99FF33;
}

DIV.debug_failure {
color: black;
background-color: #FF9933;
}

.field_debug_msg { display: none;  }
.field_debug_error { display: block; }
.debug_toggler {  margin-left: 5px;  }

DIV.map_label {
text-align: center;
color: white;
letter-spacing: 0px;
font-size: larger;
font-family: SourceSansPro, "Helvetica Neue", Arial;
}

TABLE.survey_table {
border:1px solid;
border-color: khaki;
border-spacing:0;
padding:5px;
}

DIV.text_search_kb {
background-color: #f0f7f9;
}

TABLE.text_search_kb {
background-color: #f0f7f9;
}

DIV.text_search_catalog {
background-color: #ffffdd;
}

TABLE.text_search_catalog {
background-color: #ffffdd;
}

div.sc_category_item {
padding:8px 0px;
border-width:0px 0px 1px 0px;
border-color:#e9e9e9;
border-style:solid;
}

div.sc_category_item_hover {
padding:8px 0px;
border-width:0px 0px 1px 0px;
border-color:#e9e9e9;
border-style:solid;
background-color:#f7f7f7;
}

TR.list_banner_line {
background-color: black;
}

.ref_dynamic {
border-bottom: 2px dashed #00CC00;
}

.ref_invalid {
border-bottom: 2px dashed #DC143C;
}

.slushheader {
border-width: 1px;
border-color: #CCCCCC;;
background-color: #F0F0F0;
}

.treeviewCell {
background-color: #f0f0f0;
}

.treeviewOuterBody {
background-color: #F0F0F0;
border-width: 1px;
border-color: #D0D0D0;
}

/********************************************************************
sys_report and filters
********************************************************************/

.filerTableButton {
margin-right: 5px;
border-style: solid;
cursor: pointer;
}

.form-inline .filerTableSelect.form-control {
width: 20em;
max-width: 80%;
}

.glide-list .filerTableSelect.form-control {
width: 100%;
}

.filerTableSelect.form-control {
margin-right: 1px;
width: auto;
}

.filter_row_condition #value input {
width: auto;
}

.gem-unsupported__container .gem-unsupported__target,
.gem-unsupported .gem-unsupported-target {
display: none !important;
}

.modal_template_icon {
margin-right: -14px;
}

.modal_template_icon:after {
font-family: "retina_icons";
content:"\f18f";
display: inline-block;
vertical-align: middle;
line-height: 1;
font-weight: normal;
font-style: normal;
font-size: 8px;
text-decoration: inherit;
text-transform: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
margin-left: 6px;
color:white;
}

.filerTable {
background-color: #F0F0F0;
}

.filerTableButton {
background-color: #F0F0F0;
border-width: 1px;
border-color: black;
}

.filerTableAction.deleteButton:hover {
color: #c83c36;
border: 1px solid #c83c36;
}

/* messaging - all of these conditions must be met, etc */
TR.sn-filter-section-message {
display: none;
}

TD.sn-filter-top {
vertical-align: top;
}

div[id*='.template'] TD.sn-filter-top{
padding-right:5px;
}

div[id*='.template'] TD.sn-filter-top:last-child{
padding-right:0px;
}

TR.sn-filter-section-message > TD {
padding-left: .3em;
}

TBODY.sn-filter-multi-condition TR.sn-filter-section-message,
TBODY.sn-filter-multi-clause TR.sn-filter-section-message {
display: table-row;
}

TBODY.sn-filter-empty TABLE.sn-filter-clause {
display: none;
}

.report_table_body {
background-color: #F0F0F0;
}

.report_control_label {
width:14em;
min-width:14em;
}

.input_controls.filter_controls {
overflow-x: auto;
}

.input_controls.filter_controls-with-overflow {
overflow-x: auto;
}


/*
hacky solution to maximize available space for conditions, especially in modals
we should remove this as soon as conditions are responsive
*/
@media (max-width: 799px) and (min-width: 550px) {
HTML[data-doctype=true] .form-group .col-xs-10.col-md-9.form-field.filter_controls {
width: 100%;
}
}

@media (min-width: 800px) {
HTML[data-doctype=true] .form-group .col-xs-10.col-md-9.form-field.filter_controls {
width: 85%;
}
}

@media (min-width: 1200px) {
HTML[data-doctype=true] .form-group .col-xs-10.col-md-9.form-field.filter_controls {
width: 80%;
}
}
/********************************************************************
end sys_report and filters
********************************************************************/

.column_head_light {
background-color: #dddddd;
color: black;
}

.journal_show {
display:block;
margin: 5px 5px 0px;
padding-bottom: 5px;
color: blue;
font-weight:bold;
}
/********************** Script editor text area CSS  **********************/
TD.script_editor{
border: 1px solid #AAA;
vertical-align: top;
}

TD.script_editor textarea{
border: 0px solid #AAA;
width: 100%;
font-family: courier,serif;
}

TD.script_editor_left {
width: 80%;
}

TD.script_editor_left.CodeMirror-Toolbar-fullscreen {
width: 100%;
}

TD.script_tree{
border: #AAAAAA 1px solid;
border-left:0px;
background: #fff url(../images/right_panel_gradient.pngx) repeat-y left top;
}

/******* UI Pages with Descriptions, eg notification preferences, help the help desk**********************/

div.form_title{
font-size:larger;
font-weight:bold;
white-space: nowrap;
}

div.form_title .ui_action_container_primary {
white-space: normal;
}

div.form_title .record-paging-nowrap {
display: inline;
white-space: nowrap;
}

p.form_description{
color:#666;
border-top: 1px Solid #e2e2e2;
padding:10px 0px 10px 0px;
}

div.form_title_actions, div.form_title_actions INPUT{
white-space:nowrap;
}

/*******************************************************
BEGIN System Message styles  success
********************************************************/
.outputmsg_info, .outputmsg_success, .outputmsg_tip, .outputmsg_default {
font-weight: normal;
font-family: SourceSansPro, "Helvetica Neue", Arial;
font-size: normal;
color: black;
margin-bottom:6px;
}

TD.message_image{
vertical-align:top;
border:0px;
padding:0px;
vertical-align:top;
}

.outputmsg_error, .outputmsg_warning  {
font-weight: normal;
font-family: SourceSansPro, "Helvetica Neue", Arial;
font-size: normal;
color: black;
margin-bottom:6px;
}

.outputmsg_error, .outputmsg_warning   {
background-color: #FFEBE8;
border: 0px solid #cc0000;
}

.outputmsg_error a, .outputmsg_warning a{
color: #FF0000;
text-decoration:underline;
}

.outputmsg_info {
background-color: #f0f5fb;
border: 0px solid #6699cc;
}

.outputmsg_success {
background-color: #ccffcc;
border: 0px solid #009933;
}

.outputmsg_nav {
background-color: #f2f2f2;
color: #485563;
margin-bottom: 5px;
padding:10px;
font-weight: normal;
font-size:small;
white-space: normal;
}

a.outputmsg_nav {
color: #0092fe;
}

.outputmsg_nav_inner {
vertical-align: middle;
}

.outputmsg_tip {
background-color: #ffffcc;
border: 0px solid #cccccc;
}

.outputmsg_default {
background-color: #ededed;
border: 0px solid #cccccc;
}

.outputmsg_info a{
color: #0066ff;
text-decoration:underline;
}

.outputmsg_success a{
color: #009e29;
text-decoration:underline;
}

.outputmsg_container {
position: relative;
z-index: 20;
margin-top:5px;
}

.outputmsg_hide {
height: 0px;
margin: 0px;
opacity: 0;
}

.outputmsg_hide button, .outputmsg_hide .outputmsg_close {
display: none;
}

.outputmsg_div {

}

.outputmsg_text {
display:inline;
}

.outputmsg {
color: #485563;
padding: 4px 0 4px 4px;
margin: 4px 3px 3px 3px;
-moz-border-radius: 0px;
}

.outputmsg_close {
cursor: pointer;
width: 13px;
height: 12px;
position: absolute;
top: 3px;
right: 7px;
z-index: 1;		/* make sure close image shows on top of output messages */
}

.outputmsg_image {
width: 13px;
height: 13px;
left: 4px;
top: 4px;
margin: -4px 4px 0 0;
}

.system_message {
margin: 4px 3px 3px 3px;
padding: 4px;
color:#222;
-moz-border-radius: 0px;
}

/*******************************************************
END System Message styles
********************************************************/

/*******************************************************
Portal / home widget with application modules
********************************************************/
IMG.nav_sprite {
background-repeat:no-repeat;
background-image:url(../sprites/sprites.pngx?v=07-15-2025_1800);
}

.menulabel{
cursor: pointer;
text-align: left;
font-size: smaller;
}

/* different than navigator.css */
.submenu {
margin: 6px 0px 6px 0px;
padding: 0px;
display: none;
}

ul[data-open="true"].nav-app.submenu{
display:block;
}

TD.nav_menu_title, TD.nav_menu_expander, TD.nav_menu_expander IMG {
margin:0px;
padding:0px;
}

TD.nav_menu_title {
width:100%;
padding-left:2px;
}

TD.nav_menu_expand {
width:13px;
}

.slushheader {
border-style: solid;
}

.slushbody {
text-align: center;
}

.slushselect {
width: 230px;
}

.slushselectmtm {
width: 340px;
}

.treeviewCell {
font-size: 10pt;
font-family: SourceSansPro, "Helvetica Neue", Arial;
}

.treeviewOuterBody {
font-size: 10pt;
font-family: SourceSansPro, "Helvetica Neue", Arial;
padding-left: 3px;
border-style: solid;
}

.treeviewOuterHeaderCell{
padding: 2px;
padding-left: 6px;
}

SPAN.label {
margin-right: 5px;
}

LINK.header {
font-weight: bold;
}

DIV.caption {
font-weight: bold;
padding: 2px 6px 2px 6px;
}

DIV.text_caption {
font-weight: bold;
}

.sourceRecord {
color: white;
background-color: #999999;
font-weight: bold;
padding: 2px 6px 2px 6px;
}

.targetRecord {
color: white;
background-color: #D1232B;
font-weight: bold;
padding: 2px 6px 2px 6px;
}

.uiSingleRecord{
border: 0px solid black;
}

.uiSingleRecord .FieldValueHeading{
background-color: #CCC;
padding: 2px 4px 2px 6px;
}

.uiSingleRecord .label{
padding: 2px 0px 2px 0px;
}

INPUT.questionsettext {
width: 250px;
}

INPUT.questionsetreference {
width: 157px;
}

.question_category_label  {
font-weight: bold;
text-decoration: underline;
}

.tooltip {
position: absolute;
display: none;
top: 6px;
left: 6px;
padding: 6px;
z-index: 1001;
font-size: 11px;
white-space: normal;
background:#ffffe0;
border:1px solid #2F4F4F;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:0 0 4px #aaaaaa;
-webkit-box-shadow:0 0 4px #aaaaaa;
max-width:450px;
word-wrap: break-word;
}

.gwt_window_list {
vertical-align: top;
overflow: auto;
width: 100%;
padding: 0px;
border: 1px solid #cccccc;
background-color: #f5f5f5;
}

.gwt_window_list_window {
border: 1px solid #dddddd;
border-bottom: 1px solid #cccccc;
z-index: 500;
}

.gwt_window_list_window_v2 {
border: 0px
}

.btn.drop_down_element {
text-align: left;
}

html[dir=rtl] .btn.drop_down_element {
text-align: right;
}

.drop_down_element .arrow {
font-size: 10px;
position: absolute;
top: 8px;
right: 10px;
}

html[dir=rtl] .drop_down_element .arrow {
left: 25px;
right: auto;
}

.drop_down_image {
vertical-align: text-top;
}

.drop_down_window {
vertical-align: top;
overflow: auto;
padding: 0px;
border-color: black;
border-width: 1px;
background-color: white;
}

.normal {
background: #fff;
color: #000;
}

/* service catalog */
span.moreInfo, .moreInfo A{
color: #3366CC;
}

.moreInfo IMG{
vertical-align: top;
}

.moreInfo A:HOVER{
color: #3366CC;
text-decoration: underline;
}

#leftTargetDiv {
padding: 0px 0px 0px 0px;
height: 99%;
border:0px solid #999;
}

#rightTargetDiv {
padding: 0px 0px 0px 0px;
height: 99%;
border:0px solid #999;
}

/********************************************************************
BEGIN List v1 classes
********************************************************************/


THEAD TR.header TD, THEAD TR.header TH {
padding:4px 6px 2px 6px;
}

TR.even {
background-color: #EEEEEE;
color: black;
}

TR.odd {
background-color: white;
color: black;
}

TR.low {
background-color: khaki;
color: black;
}

TR.medium {
background-color: orange;
color: black;
}

TR.high {
background-color: tomato;
color: black;
}

TD.sizer {
white-space: nowrap;
}

DIV.survey.caption {
line-height: 2;
}

TR.survey {
background-color: khaki;
color: black;
line-height: 2;
}

TR.list_add {
color: black;
}

TD.list_add {
color: inherit;
}

TD.list_delete {
text-decoration: line-through;
color: silver;
}

SPAN.changed {
background-color: #00cc00;
}

SPAN.section_view {
font-weight: normal;
}

SPAN.list_view {
font-weight: normal;
color: #666;
}

SPAN.other_lists_span {
font-weight: normal;
color: #666;
}

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

TD.title {
font-weight: bold;
}

TR.list_banner_line {
height: 2px;
}

.listbar_select {
font-size: smaller;
vertical-align:middle;
margin:1px;
}

.listbar_navto {
text-align: right;
}

tbody:focus {
outline: none;
}

input.listbar_navto, input#sys_skiptext {
font-size: smaller;
}

.report_table_body {
padding-left: 2px;
}

/***** List filtering selectors and rules *********/

.filterToolbar {
background-color: #EEEEEE;
border-bottom: 1px solid #D0D0D0;
padding: 4px 0px 0px 4px;
margin: 0px;
}

.filterToolbar IMG {
padding: 0px;
margin: 0px;
vertical-align: middle;
}

.filterContainer{
background-color: #fff;
border: 1px solid #D0D0D0;
border-top: 0px solid #D0D0D0;
}

.datePickerContainer {
border-top: 1px solid black;
border-bottom: 1px solid black;
margin: 0px;
padding: 0px;
overflow: hidden;
position: absolute;
top: 5px;
left: 5px;
}

/* used to display info box above related lists that are saved with the form - see list.xml */
.info_box {
border: 1px solid orange;
background-color: lightyellow;
padding: 3px;
margin: 2px;
}

.list_edit_dirty {
background: transparent url(../images/dirty.gifx) no-repeat scroll 0 center;
}

TR>TD.list_edit_new_row {
font-style: italic;
color: #686868;
}

/* used in HistoryTag2 */
.omitted_history {
padding: 4px 4px 4px 6px;
margin: 0px;
color: #808080;
background-color: #F6F6F6;
font-size: smaller;
}



@media screen and (-ms-high-contrast: active) {
a.timing_span {
text-decoration: underline;
}
}

@media screen and (forced-colors: active) {
a.timing_span {
text-decoration: underline;
}
}


/* see section.xml and form.xml - used to make the first section header not scroll */
.section_header_div_no_scroll { /* applies to form title */
position: relative;
z-index: 25; /* display over the scrollable portion of the form */
min-width: 100%;
}

.section_header_html_no_scroll { /* applies to HTML element for forms */
height: 100%; /* fix height to 100% for IE */
max-height: 100%; /* fix height for other browsers */
margin: 0;
border: 0;
overflow: hidden; /* get rid of scroll bars in IE */
}

.section_header_body_no_scroll { /* applies to BODY element for forms */
height: 100%; /* fix height to 100% for IE */
max-height: 100%; /* fix height for other browsers */
width: 100%;
max-width: 100%;
overflow: hidden; /* get rid of scroll bars in IE */
padding: 0;
border: 0;
}

body.section_header_body_no_scroll .body-vertical-spacer {
display: none;
}

.section_header_content_no_scroll { /* applies to scrollable content area of form (area below the form title) */
position: relative; /* set up relative positioning so that z-index will work */
max-height: 100%;
width: 100%;
max-width: 100%;
overflow: auto; /* add scroll bars as required */
padding-right: 1px; /* prevent horizontal scroll bar in Firefox (even if content fits) */
}


/******* BEGIN List Calculation UI classes - visible at the bottom of lists***********************/

TR.calculationLine {
background: #e0e0e0 url(../../images/calculations.png) repeat-x;
}

TR.aggregate {
border-top: 1px solid darkgray;
padding:0px;
}

.aggregate TABLE {
background: none;
}

.aggregate_message {
font-size:smaller;
color:#777;
padding: 2px 6px 2px 6px;
}

TD.aggregate_left {
font-size:smaller;
font-weight: bold;
text-align: left;
padding: 0px;
}

TD.aggregate_right {
white-space:nowrap;
text-align: right;
padding: 1px 1px 1px 6px;
white-space: normal;
}

.aggregate_value {
background-color: #ffffcc;
}

TD.aggregate_total_left {
font-size:normal;
font-weight: bold;
text-align: left;
padding: 0px;
}

TD.aggregate_total_right {
white-space:nowrap;
text-align: right;
padding: 1px 1px 1px 6px;
white-space: normal;
}

/********* END List Calculation UI classes********/

.modal-dialog .list_wrap_n_scroll { overflow: auto; }

/********************************************************************
END List v1 classes
********************************************************************/
/* used with the popup calendar */

DIV.calDiv {
min-width: 168px;
z-index: 20001;
border: 1px solid #d5d5d5;
}

.calBorder, .calTable {
table-layout: fixed;
border-collapse: separate;
}

TABLE.calBorder A {
display:block;
}

.calMonthNavigation {
color: #ffffff;
background-color: #1f8476;
padding:4px 2px 4px 2px;
font-weight: bold;
text-align: center;
text-decoration: none;
}

.calOtherMonthDate, .calCurrentDate, .calText.calCurrentMonthDate, .calText.calDayColumnHeader{
background-color: #f6f6f6;
border: 1px solid #FFFFFF;
font-weight:bold;
padding: 2px;
text-align: center;
}

.calText a {
padding: 2px;
}

.calText.calCurrentMonthDate .color-accent-accessibility {
color: #165C53;
}

.calCurrentDate a:focus, .calCurrentDate a:hover {
outline: none;
text-decoration: none;
}

.calText.calDayColumnHeader {
border:0px;
padding:4px;
background-color: #DDD;
}

.calTimeText {
direction: ltr;
display: inline;
}

.calDayColumnHeader {
text-align: right;
width: 18px;
}

.calCurrentMonthDate {
color: #000000;
text-align: right;
text-decoration: none;
}

.calCurrentDate {  /**box that defines selected date***/
background-color: #1f8476;
color: #ffffff;
text-align: center;
text-decoration: none;
}

.calOtherMonthDate {
background-color: #FFF;
font-weight:normal;
color: #666666;
border: 1px solid white;
text-align: center;
text-decoration: none;
}

.calOtherMonthDateAnchor {
color: #666666;
}

.calTodayText {
background: #e0e0e0;
padding: 2px;
-moz-border-radius:2px;
border: 1px solid #999;
background-color: #eee;
text-decoration:none;
}

.calTodayText.btn-default {
display: table-cell;
}

.calTime {
padding-top: 8px;
margin-bottom: 4px;
}

.calErrorText {
border-style: none;
color: black;
background-color: khaki;
}

.calInput {
width: 26px;
padding: 0;
margin-bottom: 4px;
font-size:smaller;
text-align: center;
}

/********************************************************************
Chart and Report Grid selectors and rules
********************************************************************/
.display_grid_spacer {
margin-top:40px;
}

THEAD TR.display_grid_header TD,
TBODY TR.display_grid_header TD,
TBODY TR.display_grid_header TH {
padding:4px 6px 2px 6px;
}

TABLE.chart_legend {  /****** defines the table width below the chart and spacing between the two ******/
width: 70%;
}

TABLE.table_508_grid {
width: 90%;
}

TABLE.chart_legend td,
TABLE.table_508_grid td {
padding: 6px;
white-space:nowrap;
}

TABLE.chart_legend th,
TABLE.table_508_grid th {
padding-left: 4px;
}

TABLE.chart_legend tr.odd td,
TABLE.table_508_grid tr.odd td {
background-color: #fff;
}

TABLE.chart_legend tr.even td,
TABLE.table_508_grid tr.even td {
background-color: #EEEEEE;
}

TABLE.chart_legend td.chart_subtotal_text,
TABLE.table_508_grid td.chart_subtotal_text {
text-align:left;
background-color: #fff;
font-weight: bold;
margin-bottom:20px;
}

TABLE.chart_legend td.chart_subtotal,
TABLE.table_508_grid td.chart_subtotal {
text-align:right;
background-color: #fff;
font-weight: bold;
margin-bottom:20px;
}

TABLE.chart_legend .chart-spacer,
TABLE.table_508_grid .chart-spacer {
border-bottom: 1px solid black;
}

TABLE.chart_legend tr.odd td.chart_total,
TABLE.table_508_grid tr.odd td.chart_total {
text-align:right;
background-color: #fff;
font-weight: bold;
padding: 10px 6px 20px 6px;
}

TABLE.chart_legend .chart_total,
TABLE.table_508_grid .chart_total {
text-align:right;
padding: 8px 6px 8px 6px;
font-size: larger;
font-weight: bold;
background: #e0e0e0 url(../../images/calculations.png) repeat-x;
}

TABLE.chart_legend td.chart_total_text,
TABLE.table_508_grid td.chart_total_text {
text-align:left;
background-color: #fff;
font-weight: bold;
font-size: larger;
background: #e0e0e0 url(../../images/calculations.png) repeat-x;
}

TABLE.chart_legend td.tr_separator,
TABLE.table_508_grid td.tr_separator {
border-bottom: 1px solid #ccc; /****** separates ******/
background-color: #fff;
padding: 10px;
}

TABLE.chart_total_legend {  /****** defines the table width below the chart and spacing between the two ******/
width: 70%;
}
/********************************************************************
END Chart and Report Grid CSS
********************************************************************/

/********************************************************************
List v2 classes
********************************************************************/

.list_table THEAD th.list_hdrcell,
.list_table THEAD td.list_hdrcell{
margin: 0px;
white-space: nowrap;
border-left: 1px solid #f6f6f6;
padding: 4px 6px 2px;
}

.list_hdrcell A.column_head, .list_hdrcell span.column_head {
margin: 0px;
background-color: #D1232B;
color: white;
text-shadow: none;
}

A.column_head IMG{
margin-left: 5px;
}

TD.breadcrumb_container {
font-size: 0.9em;
white-space: normal;
vertical-align: top;
background: white;
}

TD.breadcrumb_container A, TD.breadcrumb_container A:HOVER{
text-decoration:none;
}

TD.breadcrumb_container, TD.breadcrumb_container SPAN, DIV.breadcrumb_container {
padding: 3px 0px 1px 1px;
}

.hierarchical TD.breadcrumb_container,
.hierarchical TD.breadcrumb_container table {
background: #EAF1FB;
}

DIV.tabs2_list A.breadcrumb:HOVER {
text-decoration: none;
}

DIV.tabs2_list SPAN.breadcrumb {
white-space: normal;
}

a.breadcrumb_delete {
background: #f6f6f6;
color: #999;
text-decoration: line-through;
}

TABLE.list_nav {
width: 100%;
}

TD.list_nav_top {
padding-top: 2px;
}

.rtl div.tabs2_list .print_hide {
text-align: left;
}

div.tabs2_list .print_hide button {
margin-top: 2px;
}

.rtl div.tabs2_list .print_hide button IMG {
margin-right: 0px;
margin-left: 4px;
}

.tabs2_list.list_v2.related {
margin-bottom:0px;
}

.tabs2_list.list_v2.related.hierarchical {
margin-bottom:0px;
}

.tabs2_list.related.embedded {
border-top: 0px;
}

.tabs2_list.list_v2 {
background-color: white;
}

.list_hierarchical_hdr .tabs2_list.list_v2 {
background: none;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 0px solid #ccc;
border-bottom: 1px solid #ccc;
}

div.list_div {
border: 0px;
position: relative;
}

.list_hierarchical_hdr div.list_div {
border: 0px;
}

.list_separator {
background-color: black;
height: 2px;
}

.list_title {
font-weight: bold;
margin: 0px;
display:inline;
}

a div.list_title img {
margin: 0px;
padding: 0px;
border: 0px;
}

a.list_action {
padding: 2px;
-moz-border-radius:2px;
-moz-user-select: none;
white-space: nowrap;
display:inline;
border: 1px solid #eee;
background-color: #f6f6f6;
text-decoration:none;
}

a.list_action:hover {
border: 1px solid #999;
background-color: #eee;
}

/********* List v2 Filters *********/

.filterContainer {
background-color: #fff;
border: 0px solid #D0D0D0;
border-bottom: 0px solid #AAA;
}

DIV.filterToolbar {
margin: 0;
padding-bottom : 4px;
padding-top: 4px;
white-space: nowrap;
border-top: 1px solid #DDD;
padding-bottom: 4px;
}

.filterToolbar IMG {
padding: 0;
margin: 0;
border: 0;
}

IMG.tool_action_seperator{
background-color: #D0D0D0;
border-right: 1px solid #AAA;
margin: 0px 6px 0px 6px;
display:inline;
}

#savelayer {
margin-top: 6px;
border-bottom: 1px solid #AAA;
vertical-align: middle;
color:#555;
/* For compensating the height of the Save Filter toolbar, so scrollIntoView() can work properly. */
scroll-margin-top: 46px;
}

#savelayer #save_filter_name {
width: 15%;
display: inline;
}

#savelayer input[type='radio'] {
margin-bottom: 8px;
}

#savelayer #radiolegend {
padding: 0px 4px 0px 4px;
line-height :32px;
}

#savelayer .save-button {
margin: 0px 2px;
}

.toolbarImgActive {
border-color: #999;
border-width: 1px;
border-style: solid;
-moz-border-radius:2px;
background-color: #AAA;
}

.toolbarImgDisabled {
background-color: transparent;
border-color: transparent;
border-width: 1px;
border-style: solid;
-moz-border-radius:2px;
}

A.filter_action, BUTTON.filter_action {
font-weight: 400;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
border-width: 1px;
border-style: solid;
-moz-user-select: none;
border-color: #aaa;
color: #555;
background-color: lightgrey;
}

A.filter_action:hover, BUTTON.filter_action:hover {
background-color: #999;
border-color: #999;
}

TR.list_nav {
line-height: normal;
}

TD.list_actions_left {
white-space:nowrap;
line-height: normal;
}

tr.list_header th {
background-color: #D1232B;
color: white;
}

.rtl tr.list_header th.list_hdrcell_nosort {
text-align: right;
}

TD.list_hdrcell, TD.list_hdrcell_nosort {
font-weight: bold;
white-space: nowrap;
}

tr.list_row_compact td.vt {
padding: 3px 6px 3px 6px;
}

tr.list_even td {
background-color: #EEEEEE;
color: black;
}

tr.list_even .list_hier.button {
background-color: #EEEEEE;
}

tr.list_even img.list_popup.list_decoration {
background-color: #EEEEEE;
}

.rtl tr img.list_decoration {
margin-left: 0px;
margin-right: 5px;
}

tr.list_odd td {
background-color: white;
color: black;
}

tr.list_odd .list_hier.button {
background-color: white;
}

tr.list_odd img.list_popup.list_decoration {
background-color: white;
}

tr.list_even .list_decoration_cell {
background-color: #EEEEEE;
}

tr.list_odd .list_decoration_cell {
background-color: white;
}

IMG.list_edit_image {
float: right;
padding-right: 2px;
}

TD.list_decoration_cell {
padding-right: 2px;
margin: 0px;
width:16px;
}

TD.list_decoration {
white-space: normal;
}

TABLE.list_nav_bottom TD.list_decoration {
padding-left: 5px;
}

.compact TABLE.list_nav_bottom TD.list_decoration {
padding-left: 1px;
}

SPAN.list_decoration {
padding-top: 1px;
padding-bottom: 1px;
white-space: nowrap;
}

IMG.list_decoration {
margin-left: 4px;
}

SPAN.list_group {
font-weight: bold;
margin-left: 5px;
}

IMG.list_nav{
margin-right: 0px;
}

.list_nav_vcr {
font-size: smaller;
}

.list_row_number_input {
text-align: right;
}

.list_checkbox {
}

INPUT.list_checkbox {
margin: 0px;
}

.list_allcheckbox {
margin-left: -2px;
}

/* Goto/search list widget - see list2_widget_search.xml and GlideWidgetSearch.js */
.list_search_title {
font-weight: bold;
font-size: smaller;
padding-left: 3px;
padding-right: 4px;
white-space: nowrap;
}

.list_search_select {
margin-right: 3px;
font-size: smaller;
}

.list_search_text {
font-size: smaller;
line-height: 1.2em;
}

input.list_search_text, input.list_nav_vcr.list_row_number_input {
border:1px solid #D5D5D5;
}

.rtl input.list_nav_vcr.list_row_number_input {
margin-left: 4px;
}

.rtl span.list_row_number_input {
display: inline-block;
}

input.list_search_text {
background-color: white;
}

BUTTON.list_action_button {
}

SELECT.list_action_option {
font-size: smaller;
width:auto;
display:inline;
}

OPTION.list_action_option {
}

OPTION.list_action_option.custom_action {
padding-left:12px
}

TABLE.wideDataList {
width: 100%;
background-color: #EEE;
border: 0px;
margin: 0px;
padding: 0px;
}

TABLE.wideDataList.list_table {
background-color: #F6F6F6;
border-collapse: collapse;
}

TABLE.wideDataList.list_table.hierarchical {
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
}

tr.list_hierarchical_hdr.list_hier_even {
background-color: #EEEEEE;
}

tr.list_hierarchical_hdr.list_hier_odd {
background-color: white;
}

td.list_hierarchical_hdr {
border-top: 0px solid #eee;
border-bottom: 1px solid #eee;
background-color: white;
padding-right: 0px;
padding-left: 32px;
padding-bottom: 5px;
padding-top: 0px;
overflow: hidden;
}

.list_nav.list_nav_bottom.hierarchical {
background: white;
}

td.list_hierarchical_hdr.list_hier_even{
background-color: #EEEEEE;
}

td.list_hierarchical_hdr.list_hier_odd{
background-color: white;
}

td.list_hierarchical_hdr td.list_hierarchical_hdr {
padding-left: 20px;
border-left: 0px solid #CCC;
}

.list_loading_div {
background: white;
width: 100%;
border: 1px solid #ddd;
border-right: 0px;
padding: 5px;
}

HTML[data-doctype=true] DIV.related .list_nav.list_nav_top_collapsed {
border-top: 1px solid #bdc0c4;
background: transparent;
height: 46px;
}

HTML[data-doctype=true] DIV.related .list_nav.list_nav_top_collapsed .pull-left {
padding-left: 46px;
margin-top: 13px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

HTML[data-doctype=true] DIV.related .list_nav.list_nav_top_collapsed .pull-right {
padding-right: 6px;
padding-top: 6px;
}

DIV.hierarchical SPAN.hierarchical{
margin: 0px;
padding: 0px;
}

DIV.related TABLE.list_nav.list_nav_top{
border-top: 2px solid black;
padding-top:2px;
}

.list_hierarchical_hdr div.related table.list_nav.list_nav_top {
border-top: 0px solid black;
padding-top: 0px;
}

DIV.hierarchical TABLE.list_nav.list_nav_top, DIV.embedded TABLE.list_nav.list_nav_top{
border-top: 0px solid black;
}

DIV.hierarchical SPAN.list_decoration a{
padding:0px 0px 0px 1px;
}

td.list_hierarchical_hdr div.tabs2_strip {
border-left: 0px;
}

/* Used for embedded lists */
TABLE.list_embedded {
width: 100%;
margin: 0px;
background-color: transparent;
}

TD.list_embedded {
background-color: transparent;
margin: 0px;
padding: 0px;
}

DIV.list_embedded {
margin: 0px;
}

SPAN.embedded {
margin: 0px;
}

TR.list_even.embedded {
color: black;
}

TR.list_odd.embedded {
color: black;
}

THEAD tr.embedded {
color: black;
}

tr.list_nav.list_nav_top.embedded td.list_nav_top {
color: black;
background-color: #dddddd;
}

tr.list_nav.embedded tr.list_nav.embedded td,
tr.list_nav.list_nav_top.embedded td.list_nav_top {
color: black;
background-color: #dddddd;
}

img.list_nav.embedded {
background-color: #dddddd;
}

THEAD tr.embedded td {
color: black;
}

TABLE.list_nav.embedded {
width: 100%;
}

DIV.list_embedded TD.list_actions_left{
padding: 4px 0px 4px 9px;
}

TD.list_actions_left BUTTON, TD.list_actions_left A{
white-space:nowrap;
line-height: normal;
vertical-align:middle;
}

DIV.list_title.embedded, SPAN.list_title.embedded {
font-weight: normal;
padding: 0px;
}

SPAN.list_span_related {
/*padding: 2px;*/
}

SPAN.list_span_related SPAN.list_title{
padding: 0px 0px 0px 9px;
}

SPAN.list_span_related.embedded SPAN.list_title{
padding: 0px;
}

SPAN.list_span_related.embedded{
padding: 0px;
}

/*******************************************************************
END of List v2 classes
********************************************************************/

/********************************************************************
Homepage & CMS dialog window styles
********************************************************************/
.content_selection_list {
background-color: #f1f1f1;
min-width:580px;
text-align:left;
border: 0px solid #ffffff;
border-bottom: 4px solid #f1f1f1;
}

.content_selection_list select{
font-size: smaller;
border: 0px;
width:190px;
border-right: 4px solid #f1f1f1;
}

td.render_layout_preview div{
background-color: #acacac;
}

td.layout_preview, div.layout_preview {
background-color: #acacac;
padding: 0px !important;
height: 20px;
}

div.layout_preview {
margin: 5px;
}

div.home_preview {
border: 4px solid #ffffff;
}

.layout_preview a.web {
text-decoration:none;
font-weight: 600;
color: #343D47;
display:block;
padding: 2px 4px;
text-align: center;
border: 1px dotted #81878E;
background-color: #BDC0C4;
display: block;
white-space: nowrap;
}

.layout_preview a.web:hover {
text-decoration: underline;
color: white;
border: 1px dotted #81878E;
background-color: #485563;
display:block;
}

#render_layout_preview {
background-color: #f1f1f1;
}

#render_layout_preview table {
background-color: #f1f1f1;
border-collapse: separate !important;
border-spacing: 5px !important;
}

#render_layout_preview .layout_preview a.web {
display: block;
}

#masterdiv {
border: 4px solid #f1f1f1;
min-width: 600px;
background-color: #f1f1f1;
}


select.home_layout_content{
border: 0px;
width:100%;
font-size: smaller;
}

.window_button_background {
background-color: #f1f1f1;
}

/****** image picker toolbar styles **********/

#tool_banner, .tool_banner {
background: #fff url(../../images/toolbar_tile.gifx) repeat-x left top;
height: 30px;
margin:0px;
padding:0px;
white-space: nowrap;
line-height: inherit;
color:#444;
}

.workflow_name {
color:#444;
font-weight: bold;
text-align:left;
vertical-align: middle;
white-space: nowrap;
}

#tool_banner img, #tool_banner input, #tool_banner label, .tool_banner img, .tool_banner input, .tool_banner label {
vertical-align: middle;
}

#tool_banner a, .tool_banner a{
color:#f0f0f0;
}

/* discovery styles  lets translate these into generic popup dialog styles.*/

.popup_dialog {
padding: 10px;
margin: 0px;
}

.popup_dialog_description p {
padding: 0px;
margin: 0px;
}

.popup_dialog textarea {
height: 200px;
width: 600px;
margin-top: 8px;
vertical-align: top;
}

.popup_dialog p.example {
margin-top: 4px;
margin-bottom: 4px;
padding-left: 15px;
padding-top: 3px;
padding-bottom: 3px;
font-weight: bold;
font-size: larger;
background-color: #e0e0e0;
}

/************Catalog CI Detail Styles**************/

div.catalog_detail_h1{
background-color:#eee;
border-bottom: 1px solid #ddd;
color:#000;
font-weight:bold;
padding:4px 2px 2px 6px;
margin:0px;
line-height:normal;
}

div.catalog_status {
background-color:#fff;
border-bottom: 1px solid #fff;
color:#666;
font-weight:bold;
padding:4px 0px 2px 6px;
margin:0px;
}

table.catalog_specs td{
vertical-align:top;
text-align:left;
}

div.catalog_specs_card {
background-color:#f6f6f6;
width: 20.25em;
border: 1px
solid #CCC;
float: left;
margin: 6px;
margin-top:12px;
padding: 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

div.catalog_specs_card div.catalog_detail_h1{
background: #eee url(../images/catalog_header_bkg.gifx) repeat-x left bottom;
}

div.catalog_specs_detail {
background-color:#FFF;
padding: 4px;
}

div.catalog_specs_header{
background-color:#f6f6f6;
color:#666;
font-weight:normal;
padding:2px 6px 2px 8px;
}

.catalog_status_caption{
font-weight:normal;
text-align:left;
white-space: nowrap;
font-size:smaller;
color:#666;
}

td.catalog_specs_label {
width:20%;
white-space: nowrap;
vertical-align:top;
padding: 3px;
}

div.catalog_commitments {
border-top: 1px solid #eee;
background-color: #f6f6f6;
padding:4px 4px 4px 2px;
}

div.catalog_commitments_heading {
padding:4px;
border-bottom: 1px solid #ddd;
background-color:#f6f6f6;
color:#666;
font-weight:bold;
margin-bottom:6px;
}

div.catalog_commitments_content {
height: 205px;
overflow-y: auto;
}

td.catalog_specs_value {
width:80%;
text-align:left;
vertical-align:top;
font-weight:bold;
padding: 3px;
}

table.catalog_specs li{
color:#666;
padding: 2px 0px 2px 0px;
}

tr.catalog_delivery_point{
background-color:#ddd;
}
tr.catalog_delivery_point td{
padding:2px;
}

.catalog_specs_image{
margin-left:4px;
margin-right:4px;
vertical-align: middle;
}

.form_helper {
background-color: #FFFFF0;
border: 1px solid #D5D5D5;
padding: 4px;
margin-bottom: 4px;
}

.progress_bar {
border:1px solid #8d8d8d;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
font-size:0px;
height:13px; /* 13px not including borders - Set 15px in IE */
background:url(../images/backgrounds/green_progress_bar.gifx) repeat-x left center;
}

/***** Navigation Menu Headers *****/
/* 508 / jaws - h1, h2, and h3 are read to the user */
H2.nav_menu_header {
display: inline;
font-size: smaller;
font-weight: bold;
margin: 0px;
border: 0px;
border-spacing: 0px 0px;
padding: 0px;
}

H3.nav_menu_header {
display: inline;
font-size: 100%;
}

/***** Form Headers *****/
h1.form_header, H2.form_header {
display: inline;
font-size: 100%;
font-weight: bold;
color: white;
margin: 0px;
border: 0px;
border-bottom: 0px;
padding: 0px;

}

H3.form_header {
font-size: 20px;
margin-right: 0px;
margin-left: 6px;
margin-bottom: 4px;
margin-top: 4px;
}

.rtl H3.form_header {
margin-right: 6px;
margin-left: 0px;
}

H3.tab_header {
font-size: 100%;
display: inline;
font-weight: normal;
white-space: nowrap;
}
/***** Updated Box Styles *******/
table.form {
width:100%;
background:none;
}

table.form td.label {
padding:4px 0 4px 8px;
}

table.form td.label + td {
padding-left:2px;
}

A.select_image {
display:block;
border: 1px solid #ccc;
padding:2px;
}

A.select_image:hover {
background-color: #eeeeee;
color: blue;
}

A.link_selected {
font-weight: bold;
}

/** UI11 **************************************************************************************************************/

TR.ui11_list_item_selected A.linked.formlink,
TD.ui11_list_item_selected A.linked {
color: #800080; /* purple */

}
TD.ui11_list_item_selected,
TR.ui11_list_item_selected td,
tr.ui11_list_item_selected td.list_decoration_cell,
tr.ui11_list_item_selected td.list_decoration_cell img,
tr.ui11_list_item_selected td.list_decoration_cell img.list_hier.button,
tr.ui11_list_item_selected td.list_decoration_cell img.list_popup.list_decoration  {
background-color: #5fbaa4 !important; /* light blue (lightsteelblue1)*/
}

/* Indicates a list or pane is being refreshed */
.list_loading, DIV.ui11_pane_loading {
background-color: #DDDDDD;
position: absolute;
z-index: 1000;
opacity: 0.6;
filter: alpha(opacity=60);
}

DIV.ui11_pane_loading {
top: 0;
left: 0;
width: 100%;
height: 100%;
}

TABLE.ui11_loading .list_odd td,
TABLE.ui11_loading .list_even td {
opacity: 0.7;
filter: alpha(opacity=70);
}

TABLE.ui11_loading tr.ui11_loading_row td {
opacity: 1.0;
filter: alpha(alpha=100);
}
TABLE.ui11_loading tr.ui11_loading_row td,
TABLE.ui11_loading tr.ui11_loading_row td.list_decoration_cell,
TABLE.ui11_loading tr.ui11_loading_row td.list_decoration_cell img,
TABLE.ui11_loading tr.ui11_loading_row td.list_decoration_cell img.list_hier.button,
TABLE.ui11_loading tr.ui11_loading_row td.list_decoration_cell img.list_popup.list_decoration {
background-color: #5fbaa4; /* light blue (lightsteelblue1)*/
}

/* there is no text in these messages */
SPAN.session_message {
display: none;
}

SPAN.breadcrumb_separator, A.breadcrumb_separator {
color: black;
margin: 0 3px;
}

IMG.user_image {
max-height: 250px;
max-width: 250px;
}

.list_edit_selected_cell {
background-color: #eef8f8 !important;
}

.list_edit_cursor_box {
margin: 0;
padding: 0;
position: absolute;
overflow: visible;
}

.list_edit_cursor_box div {
line-height: 0px;
font-size: 0px;
position: absolute;
padding: 0;
border-color: #aaa !important;
}

.list_edit_cursor_box .left {
height: 0px;
border-left: 2px dotted;
}

.list_edit_cursor_box .right {
height: 0px;
border-right: 2px dotted;
}

.list_edit_cursor_box .top {
width: 0px;
border-top: 2px dotted;
}

.list_edit_cursor_box .bottom {
width: 0px;
border-bottom: 2px dotted;
}

.list_edit_cursor_cell {
position: relative;
border-collapse: separate;
box-shadow: inset 0 1px 0 0 #1f8476, inset -1px 0 0 #1f8476, inset 0 -1px 0 0 #1f8476, inset 1px 0 0 #1f8476, inset 0 1px 1px #5fbaa4, 0 0 8px #5fbaa4;
}

.list_nav {
background: white;
}

.list_nav.list_nav_top {
background: white;

}

.list_title.no_menu {
padding-left: 3px;
}

.list_collapsed {
border: 1px solid #eee;
padding: 6px;
}

tr.list_nav.list_nav_top.hierarchical {
background: #EAF1FB;
}

.list_title.no_menu.hierarchical {
background: #EAF1FB;
}

.list_title.hierarchical {
background: none;
}

.hierarchical .no_records {
background: white;
}

.no_records {
background: white;
}

.list_nav.list_nav_top.hierarchical.list_nav_top_border {
padding-bottom: 0px;
}

.filterContainer TABLE {
background: none;
}

.list_nav_top IMG.list_nav.hierarchical {
background: #EAF1FB
}

.hierarchical .group_count {
background: #EAF1FB
}

.toggle_header_cell {
padding-left: 6px;
padding-right: 6px;
}

.hierarchical .toggle_header_cell {
background: #EAF1FB;
}

.hierarchical .toggle_header_cell IMG {
background: #EAF1FB;
}

.hierarchical .list_nav.list_nav_top {
background: #EAF1FB;

}

.list_nav.list_nav_top.hierarchical.list_nav_top_border {
padding-right: 0px;
padding-bottom: 0px;
}

.hierarchical .list_nav_top.list_actions_left {
padding: 4px;
background: #EAF1FB;
}

.list_nav.list_nav_top.hierarchical.list_nav_top_border.list_filter_row {
padding-bottom: 0px;
}

DIV.list_filter {
border: 1px solid lightgrey;
border-radius: 4px;
margin-bottom: .25em;
}

DIV.list_nlq_filter {
margin-bottom: .25em;
max-width: 400px;
display: inline-block;
margin-top: 4px;
padding: 8px;
width: 100%
}

DIV.list_nlq_filter_tips {
padding: 8px;
}

DIV.list_nlq_filter_genai_message_div {
color: RGB(var(--now-button--bare_secondary--color, var(--now-color--secondary-1, 1, 119, 142)));
align-items: center;
}

DIV.list_nlq_filter_genai_message{
margin: 4px;
}

td.list_group.first_list_group {
border-top: 0px;
}

.list_header.hierarchical TH.hierarchical {
margin: 0px;
background-color: #D1232B;
color: white;
}

.list_hierarchical_hdr input.list_row_number_input {
background: white;
}

.highlight_enabled .list_div tr.list_row  td {
border-top: 1px solid #eee;
}

.highlight_enabled .list_div tr.list_row,
.highlight_enabled .list_div tr.list_row td,
.highlight_enabled .list_div tr.list_row td img,
.highlight_enabled .list_div tr.list_row td div,
.highlight_enabled .list_div tr.list_row_detail td,
.highlight_enabled .list_div tr.list_hierarchical_hdr,
.highlight_enabled .list_div tr.list_hierarchical_hdr td.list_hierarchical_hdr {
background-color: white;
}

.highlight_enabled .list_div tr.hover,
.highlight_enabled .list_div tr.hover td,
.highlight_enabled .list_div tr.hover td img,
.highlight_enabled .list_div tr.hover td div,
.highlight_enabled .list_div tr.hoverHier,
.highlight_enabled .list_div tr.hoverHier td.list_hierarchical_hdr {
background-color: #EEE;
}

TABLE.list_nav.list_nav_bottom.hierarchical {
border-top: 1px solid #ddd;
background: #EAF1FB;
}

.list_hierarchical_hdr .hierarchical TABLE.list_nav_bottom,
.list_hierarchical_hdr .hierarchical TABLE.list_nav_bottom td {
background: #EAF1FB;
}

.list_div_cell {
border: 1px solid #ddd;
}

.list_hierarchical_hdr .list_div_cell {
border: 0px;
}

.list_group_security_message {
text-align: center;
}

.highlight_enabled .list_div tr.list_row td.list_decoration_cell table td{
border-top: 0px;
}

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

#attachment_manager_list td{
padding: 0px 3px;
}

#attachment_manager_list tr:first-child {
border-top: none;
}

#attachment_manager_list tr {
display: block;
border-top: 1px solid #d8d8d8;
}

.content_editable {
cursor: pointer;
}

.contentEditing:hover {
text-decoration: none !important;
cursor: text !important;
}

#attachment_dialog_list {
width:100%;
overflow:auto;
}

* html div#attachment_dialog_list {
height: expression( this.scrollHeight > 219 ? "220px" : "auto" ); /* sets max-height for IE */
}
div#attachment_dialog_list {
max-height: 220px; /* sets max-height value for all standards-compliant browsers */
}
/******************/
// e_signature plugin
.screen_grey_out {
background-color: #CCC;
filter:alpha(opacity=50); /* IE */
opacity: 0.5; /* Safari, Opera */
-moz-opacity:0.50; /* FireFox */
background-repeat:no-repeat;
background-position:center;
position:absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 2000;
}

.highlight_enabled .list_div tr.hover .vt .percent_complete_wrapper,
div.percent_complete_wrapper {
position: relative;
border: 1px solid black;
background-color: #ffffff;
margin-top: 2px;
width: 100%;
height: 16px;
}

HTML[data-doctype=true] TD.vt > DIV.percent_complete_wrapper {
height: 16px;
}

.highlight_enabled .vt .percent_complete_wrapper div.percent_complete_actual,
.vt .percent_complete_wrapper div.percent_complete_actual {
position: absolute;
bottom: 0;
left: 0;
height: 12px;
font-size: 1px;
line-height: 0;
}

.highlight_enabled .vt .percent_complete_wrapper div.percent_complete_target,
.vt .percent_complete_wrapper div.percent_complete_target {
position: absolute;
top: 0;
left: 0;
height: 10px;
background-color: #cccccc;
font-size: 1px;
line-height: 0;
}

.highlight_enabled .vt .percent_complete_wrapper div.percent_complete_text,
.vt .percent_complete_wrapper div.percent_complete_text {
text-align: center;
position: relative;
font-size: 90%;
width: 100%;
background-color: transparent;
background: none;
}

/* form label description (mandatory, changed, read-only) */
SPAN.label_description {
cursor:default;
}

TD.input_controls {
width: 99%;
}

IMG.i16x16 {
height: 16px;
width: 16px;
}

/* list header right click me box */
IMG.list_context {
margin-right: 2px;
}

/* Field watcher related styles for form elements */
.watch_icon {
cursor: pointer;
}

.body-vertical-spacer {
position: relative;
height: 4px;
line-height: 1px;
}

/* date / time formatting */
DIV.datex {
transition: opacity 1.5s ease-in;
}

/* display inline with cell background */
.list2_body DIV.datex {
display: inline-block;
text-decoration: inherit;
}

/* what gets hidden by class in the list */
HTML.date-timeago        DIV.date-calendar,
HTML.date-timeago        DIV.date-calendar-short,
HTML.date-calendar       DIV.date-timeago,
HTML.date-calendar       DIV.date-calendar-short,
HTML.date-calendar-short DIV.date-calendar,
HTML.date-calendar-short DIV.date-timeago {
max-height: 0;
overflow: hidden;
opacity: 0;
}

/* ensure the list dates aren't rendered for a11y, effectively ruining the transition */
HTML.date-timeago        .list2_body DIV.date-calendar,
HTML.date-timeago        .list2_body DIV.date-calendar-short,
HTML.date-calendar       .list2_body DIV.date-timeago,
HTML.date-calendar       .list2_body DIV.date-calendar-short,
HTML.date-calendar-short .list2_body DIV.date-calendar,
HTML.date-calendar-short .list2_body DIV.date-timeago {
display:none;
}

/* allow for both */
HTML.date-calendar.date-both       .list2_body DIV.date-calendar,
HTML.date-calendar-short.date-both .list2_body DIV.date-calendar-short {
display:inline-block;
}

HTML.date-calendar.date-both       .list2_body DIV.date-timeago,
HTML.date-calendar-short.date-both .list2_body DIV.date-timeago {
display:block;
}

/* form config - timeago */
HTML.date-calendar-short SPAN.element.date-timeago,
HTML.date-calendar       SPAN.element.date-timeago,
HTML.date-both           SPAN.element.date-timeago   {
display: none;
}

/* form has no short dates - overrides the above */
HTML.date-calendar-short DIV.element.date-calendar {
max-height: none;
overflow: hidden;
opacity: 1;
}

HTML.date-both DIV.date-timeago {
font-size: 75%;
color: grey;
max-height: none;
opacity: 1;
margin-top: -4px;  /* snuggle up */
}

/* compact UI */
HTML.compact TD.vt, HTML.compact TD.vt, HTML.compact TD.list_decoration_cell  { padding: 2px; }
TD.vt { transition: padding .5s ease; }

/* list white space */
HTML.list-nowrap-whitespace TD.vt   { white-space: nowrap;  }
HTML.list-nowrap-whitespace TD.vt A { white-space: nowrap !important; }

/* hide section header in tabbed mode */
DIV.tabs_enabled NAV.section_secondary {
max-height: 0;
padding-bottom: 6px;
overflow: hidden;
}

DIV.tabs_enabled NAV.section_secondary .container-fluid {
display: none;
}

DIV.variables nav.navbar.navbar-default.section_secondary {
display: block;
overflow: hidden;
}


.modal-dialog.dim .modal-content {
background-color: #999;
border-color: #999;
}
.modal-dialog.dim .modal-header {
border-bottom: #999;
}
/*! RESOURCE: styles/theme_main_k14.css */
/* patches to catalog for K14 demo */

/* limit the size of the catalog images */

DIV.details_div IMG {
max-width: 320px;
max-height: 240px;
}
/* limit the size of the catalog images - item */

TD.catalog_description IMG {
max-height: 640px;
max-width: 480px;
}
TR.io_label {
line-height: 2em;
}

/* remove the underline in the topmost breadcrumbs */

A.caption_link {
text-decoration: none !important;
}
/* consistent background coloring */

TR.io_label TD {
background-color: #E6E8EA !important;
}
DIV.details_div {
max-height: 260px;
overflow-y: auto;
padding: 5px;
}
/* TODO: not clear if outputmsg is still used */

.outputmsg,
.outputmsg_info {
border-left: 3px solid #5BC0DE;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
line-height: 1.8em;
padding-left: 0.25em;
padding-right: 0.25em;
}
.outputmsg IMG,
.outputmsg_info IMG {
display: none;
}
.outputmsg_msg {
background-color: #dff0d8;
border-color: #d6e9c6;
border-left-color: #5cb85c;
color: #3c763d;
}
.outputmsg_msg A,
.outputmsg_msg A:link {
color: #2b542c;
}
.outputmsg_info A,
.outputmsg_info A:link {
color: #245269;
}
.outputmsg_error {
background-color: #f2dede;
border-color: #ebccd1;
border-left-color: #d9534f;
color: #a94442;
}
.outputmsg_error A,
.outputmsg_error A:link {
color: #843534;
}
.outputmsg_warning {
background-color: #fcf8e3;
border-color: #faebcc;
border-left-color: #f0ad4e;
color: #8a6d3b;
}
.outputmsg_warning A,
.outputmsg_warning A:link {
color: #66512c;
}
/*! RESOURCE: styles/theme_button.css */

/** EDGE BUTTONS (OVER GRAY) ******************************************************************************************/

/**
* Information about the available button states:
*
* 1) Default
*     .edge_button			Defines a single button.
*     .edge_button_left	Defines a button that is adjacent to a right button.
*     .edge_button_right 	Defines a button that is adjacent to a left button.
*
* 2) Active
*     .active			    Append this class to display the button as being marked active (May or may not be clickable)
*
* 3) Disabled
*     .disabled			Append this class to disable the button. The button will not be clickable or have any
*                          hover effects applied.
*
* 4) Pseudo:hover          Applied appropriately against the above states when the mouse cursor is hovering the button.
*
* 5) Pseudo:active         Applied appropriately against the above states when the mouse cursor is pressing the button.
*    (Depressed)
*/
button.ui11 {
position: relative;
z-index: 100;
margin: 0;
padding: 0;
-moz-user-select: none;
-webkit-user-select: none;
background: none;
/* Important for preventing issues with IE6/IE7. Instead we use the inner containers and require
the following styles applied. */
border: 0;
overflow: visible;
width: auto;
line-height: 0;
font-size: 0;
cursor: pointer;
}

button.ui11, button.ui11 .outer, button.ui11 .inner,
.fb_overlay_outer, .fb_overlay_inner {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

button.ui11 .outer {
position: relative;
display: block;
top: 0;
left: 0;
}

button.ui11 img {
margin: 0;
padding: 0;
border: 0;
}

button.ui11 * {
outline: none;
vertical-align: middle;
}

button.ui11 .i16, button.ui11 .iSmall {
float: none;
}

button::-moz-focus-inner {
padding: 0;
border: 0;
}

button.ui11 .inner {
margin: 0;
padding: 3px;
}

button.ui11.center,
button.ui11.left {
margin-right: 0;
}
button.ui11.center,
button.ui11.right {
margin-left: 0;
}

button.ui11.left {
margin-left: 1px; /* For our hover-shift in the border-separator */
}

.rtl button.ui11.left {
margin-left: -1px;
}
button.ui11.left,
button.ui11.left .inner,
button.ui11.left .outer {
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
}
.rtl button.ui11.left .outer {
border-top-right-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
border-bottom-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
border-top-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-bottom-left-radius: 0px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
}
button.ui11.right,
button.ui11.right .inner,
button.ui11.right .outer {
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
}
.rtl button.ui11.right .outer {
border-top-left-radius: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-top-right-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
border-bottom-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
}
.rtl .msie9 button.ui11.right.item2 .inner .i16,
.rtl .msie10 button.ui11.right.item2 .inner .i16 {
padding-right: 1px;
}

button.ui11.center,
button.ui11.center .inner,
button.ui11.center .outer {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

button.ui11.item1 {}
button.ui11.item2 { right: 1px; }
button.ui11.item3 { right: 2px; }
button.ui11.item4 { right: 3px; }
.rtl button.ui11.item2 { right: 0px;}

/** Default **/
button.ui11 .outer {
border: 1px solid #777;
}
button.ui11 .inner {
border: 1px solid #e9e9e9;
line-height: 100%;
font-size: 12px;
color: #222;
background: #dbdbdb;
background: -moz-linear-gradient(top, #FCFCFC 0%, #C8C8C8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(100%,#C8C8C8));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFCFC', endColorstr='#C8C8C8',GradientType=0 );
display: block;
}
button.ui11.small .inner {
font-size: 9px;
font-weight: bold;
font-family: Arial;
}

/** Hover **/
button.ui11:hover {
z-index: 102;
box-shadow: 0 0 1px #666;
-moz-box-shadow: 0 0 1px #666;
-webkit-box-shadow: 0 0 1px #666;
}
button.ui11:hover .outer  {
border: 1px solid #555;
}
button.ui11:hover .inner {
color: #000;
background: #e8e8e8; /* Needs to be slightly darker then active :: Check against IE6 */
background: -moz-linear-gradient(top, #e8e8e8 0%, #999999 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#999999));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#999999',GradientType=0 );
}

/** Disabled **/
button.ui11.disabled {
cursor: default !important;
opacity: 0.6;
filter: alpha(opacity=60);
}
button.ui11.disabled .outer {
border: 1px solid #777;
}
button.ui11.disabled .inner {
color: #6e6e6e;
background: #e7e7e7;
}
button.ui11.disabled:active .outer {
border: 1px solid #777 !important; /* Match default */
}
button.ui11.disabled:active .inner {
border: 1px solid #e9e9e9; /* Match default */
background: #e7e7e7;
}
button.ui11.disabled:hover {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
button.ui11.disabled .inner {
border: 1px solid #e9e9e9; /* Match default */
}
button.ui11.disabled:active .inner {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}

/** Image saturation adjustments */
button.ui11.disabled .inner * {  /* IE */
filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}

/** Depressed :: Active **/
button.ui11:active {
z-index: 101;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
button.ui11:active .outer {
border-top: 1px solid #555;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #999;
}
button.ui11:active .inner {
background: #dadada;
border-bottom: 1px solid #f5f5f5;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-top: 1px solid #a6a6a6;
box-shadow: inset 0 2px 4px #a9a9a9;
-moz-box-shadow: inset 0 2px 4px #a9a9a9;
-webkit-box-shadow: inset 0 2px 4px #a9a9a9;
}

/** Active (Enabled) **/
button.ui11.active {
z-index: 101;
}
button.ui11.active .outer {
border: 1px solid #444;
}
button.ui11.active:hover .inner,
button.ui11.active .inner {
color:#fff;
border: 1px solid #828284;
background: #727272;
background: -moz-linear-gradient(top, #727272 0%, #333333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727272), color-stop(100%,#333333));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#333333',GradientType=0 );
}

button.ui11.dirty .inner,
button.ui11.dirty.active .inner {
border: 1px solid #336699;
}


/** EDGE BUTTONS (OVER BLACK) *****************************************************************************************/
/**
* Note: These styles are applied in addition to the default grey ones .. and for the most part
*       !importants should not be necessary; however, may be depending on the order of element precedence.
*
* Add an additional style to the button :: "black"
*/
button.ui11.black .outer {
border-top: 1px solid #252525;
border-left: 1px solid #242424;
border-right: 1px solid #242424;
border-bottom: 1px solid #141414;
}

button.ui11.black .inner {
border-top: 1px solid #868686;
border-left: 1px solid #616161;
border-right: 1px solid #616161;
border-bottom: 1px solid #3e3e3e;
color: #c1c1c1;
background: #505050;
background: -moz-linear-gradient(top, #505050 0%, #353535 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#353535));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#353535',GradientType=0 );
}

button.ui11.black.default .inner {
color: #fafafa;
}


/** Hover **/
button.ui11.black:hover {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
button.ui11.black:hover .inner {
border: 1px solid #2da4e0;
color: #fff;
}


/** Active/Depressed **/
button.ui11.black.active .outer,
button.ui11.black:active .outer {
border-top: 1px solid #333 !important;
border-left: 1px solid #404040 !important;
border-right: 1px solid #404040 !important;
border-bottom: 1px solid #484848 !important;
}

button.ui11.black.active .inner,
button.ui11.black:active .inner {
color: #fff;
background: #2b2b2b !important;
filter: none;
border-top: 1px solid #222222 !important;
border-left: 1px solid #222222 !important;
border-right: 1px solid #222222 !important;
border-bottom: 1px solid #1c1c1c !important;
box-shadow: inset 0 -1px 3px #1c1c1c !important;
-moz-box-shadow: inset 0 -1px 3px #1c1c1c !important;
-webkit-box-shadow: inset 0 -1px 3px #1c1c1c !important;
}

/** Disabled **/
button.ui11.black.disabled {
cursor: default !important;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.ui11.black.disabled:hover .inner {
border-top: 1px solid #868686; /* Reset to defaults */
border-left: 1px solid #616161;
border-right: 1px solid #616161;
border-bottom: 1px solid #3e3e3e;
color: #c1c1c1;
}
button.ui11.black.disabled:active .inner {
border-top: 1px solid #868686 !important;
border-left: 1px solid #616161 !important;
border-right: 1px solid #616161 !important;
border-bottom: 1px solid #3e3e3e !important;
color: #c1c1c1 !important;
background: #505050 !important;
background: -moz-linear-gradient(top, #505050 0%, #353535 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#353535)) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#353535',GradientType=0 ) !important;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
button.ui11.black.disabled:active .outer {
border-top: 1px solid #252525 !important;
border-left: 1px solid #242424 !important;
border-right: 1px solid #242424 !important;
border-bottom: 1px solid #141414 !important;
}

button.ui11.black.item1 {}
button.ui11.black.item2 { right: 2px; }
button.ui11.black.item3 { right: 4px; }
button.ui11.black.item4 { right: 6px; }


/** Contextmenu Dropdown Active ***************************************************************************************/
button.ui11.black.context-open {
z-index: 102;
}
button.ui11.black.context-open.dropdown .outer, button.ui11.black.context-open.dropdown .inner {
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
border-bottom: 1px solid #2b2b2b !important;
}
button.ui11.black.context-open.dropup .outer, button.ui11.black.context-open.dropup .inner {
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
border-top: 1px solid #2b2b2b !important;
}
button.ui11.black.context-open.dropdown .outer {
border-top: 1px solid #555 !important;
border-left: 1px solid #555 !important;
border-right: 1px solid #555 !important;
}
button.ui11.black.context-open.dropdown .inner {
border-top: 1px solid #171717 !important;
border-left: 1px solid #171717 !important;
border-right: 1px solid #171717 !important;
}
button.ui11.black.context-open.dropup .outer {}
button.ui11.black.context-open.dropup .inner {}

button.ui11.black.context-open .inner {
filter: none;
color: #fff;
background: #2b2b2b !important;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
button.ui11.black.context-open:hover,
button.ui11.black.context-open:hover .outer,
button.ui11.black.context-open:hover .inner {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}

/** BUTTON BADGING ****************************************************************************************************/

/** DOM Structure:
<span class="overlay_container">
<button class="ui11 queue_button edge_flyout_button">
<span class="outer">
<span class="inner" style="padding:1px 3px;">
<span class="i12 i12_chat2" style="float:none;vertical-align:bottom;"></span>
<span class="i12 i12_user_agent2" style="float:none;vertical-align:bottom;"></span>
</span>
</span>
</button>
<span class="fb_overlay_outer bottom_left"><span class="fb_overlay_inner">1</span></span>
</span>
*/

.button_overlay_container {
position: relative;
display: inline-block;
}
.fb_overlay_outer {
position: absolute;
display: none;
z-index: 110; /* Button is 100-105 */
}
.fb_overlay_inner {
padding: 0 1px;
position: absolute;
background: red;
color: #fff;
font: 8px Verdana,Arial,sans-serif;
font-weight: bold;
}
.fb_overlay_outer.bottom_left {
bottom: 0;
left: 0;
}
.fb_overlay_outer.bottom_left .fb_overlay_inner {
top: -7px;
right: -4px;
}
.fb_overlay_outer.bottom_left.double_char .fb_overlay_inner { /* Apply this style for double character width */
right: -6px;
}
/*! RESOURCE: styles/theme_calendar.css */
.dailyCalTitle {
TEXT-ALIGN: right;
FONT-WEIGHT: bold;
COLOR: #000000;
PADDING-RIGHT: 5px;
WHITE-SPACE: nowrap;
}
.yearlyCalTitle {
TEXT-ALIGN: center;
FONT-WEIGHT: bold;
COLOR: #000000;
}
.dailyCalPrevious {
TEXT-ALIGN: left;
COLOR: #ffffff;
BACKGROUND-COLOR: #ccccff
}
.dailyCalNext {
TEXT-ALIGN: right;
COLOR: #ffffff;
BACKGROUND-COLOR: #ccccff
}
.dailyCalBodyTime {
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
FONT-WEIGHT: bold;
PADDING-BOTTOM: 2px;
VERTICAL-ALIGN: top;
COLOR: #ffffff;
PADDING-TOP: 2px;
HEIGHT: 20px;
BACKGROUND-COLOR: #cccccc
}
.dailyCalBodyCurrent {
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
FONT-WEIGHT: bold;
PADDING-BOTTOM: 2px;
VERTICAL-ALIGN: top;
COLOR: #ffffff;
PADDING-TOP: 2px;
HEIGHT: 20px;
BACKGROUND-COLOR: #9a9a9a
}
.dailyCalBodyItems {
font-family: SourceSansPro, "Helvetica Neue", Arial;
font-size: 10pt;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 2px;
COLOR: #444444;
PADDING-TOP: 2px;
BACKGROUND-COLOR: #fafafa;
TEXT-ALIGN: left
}
A.weekCalBodyDayLink:link {
COLOR: #ffffff
}
A.weekCalBodyDayLink:visited {
COLOR: #ffffff
}
A.weekCalBodyDayLink:hover {
COLOR: #ffffff
}

.calendarRefID {
FONT-WEIGHT: bold
}

.monthCalBodyTHWeek {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
FONT-SIZE: larger;
PADDING-BOTTOM: 5px;
COLOR: #eeeeee;
PADDING-TOP: 5px;
BACKGROUND-COLOR: #6f6f6f
}
.monthCalBodyTHDay {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
FONT-SIZE: larger;
PADDING-BOTTOM: 5px;
COLOR: #eeeeee;
PADDING-TOP: 5px;
BACKGROUND-COLOR: #666666
}
.monthCalBodyWeek {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px;
VERTICAL-ALIGN: top;
COLOR: #ffffff;
PADDING-TOP: 5px;
BACKGROUND-COLOR: #9a9a9a
}
A.monthCalBodyWeekLink:link {
font-size: 10pt;
COLOR: #eeeeee
}
A.monthCalBodyWeekDayDateLink:link {
FONT-WEIGHT: bold;
font-size: 10pt;
COLOR: #444444
}
A.monthCalBodyWeekDayDateLink:visited {
FONT-WEIGHT: bold;
font-size: 10pt;
COLOR: #444444
}
A.monthCalBodyWeekDayDateLink:hover {
FONT-WEIGHT: bold;
font-size: 10pt;
COLOR: #444444
}
.monthCalBodyItems {
font-family: SourceSansPro, "Helvetica Neue", Arial;
font-size: 10pt;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 3px;
COLOR: #444444;
PADDING-TOP: 3px;
TEXT-ALIGN: left
}
.monthViewDayHeight {
HEIGHT: 100px
}
.yearViewDayHeight {
HEIGHT: 25px
}
.monthCalBodyCurrent {
font-family: SourceSansPro, "Helvetica Neue", Arial;
font-size: 10pt;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 3px;
COLOR: #444444;
BACKGROUND-COLOR: #cccc99;
}
.monthCalBodyWeekEnd {
font-family: SourceSansPro, "Helvetica Neue", Arial;
font-size: 10pt;
PADDING-TOP: 0px;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 3px;
COLOR: #444444;
BACKGROUND-COLOR: #e9e9e9;
}
.monthCalBodyWeekEndData {
font-family: SourceSansPro, "Helvetica Neue", Arial;
font-size: 10pt;
COLOR: #444444;
BACKGROUND-COLOR: #e9e9e9;
}
.monthCalBodyWeekDay {
font-family: SourceSansPro, "Helvetica Neue", Arial;
font-size: 10pt;
PADDING-TOP: 0px;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 3px;
COLOR: #444444;
BACKGROUND-COLOR: #fafafa;
}
.monthCalBodyWeekDayData {
font-family: SourceSansPro, "Helvetica Neue", Arial;
font-size: 10pt;
COLOR: #444444;
BACKGROUND-COLOR: #fafafa;
}
.monthCalBodyCurrentBold {
FONT-WEIGHT: bold;
font-family: SourceSansPro, "Helvetica Neue", Arial;
font-size: 10pt;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 3px;
COLOR: #000000;
PADDING-TOP: 3px;
BACKGROUND-COLOR: #cccc99;
}
.monthCalBodyWeekEndBold {
FONT-WEIGHT: bold;
font-family: SourceSansPro, "Helvetica Neue", Arial;
font-size: 10pt;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 3px;
COLOR: #000000;
PADDING-TOP: 3px;
BACKGROUND-COLOR: #e9e9e9;
}
.monthCalBodyWeekDayBold {
FONT-WEIGHT: bold;
font-family: SourceSansPro, "Helvetica Neue", Arial;
font-size: 10pt;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 3px;
COLOR: #000000;
PADDING-TOP: 3px;
BACKGROUND-COLOR: #fafafa;
}


/* Monthly schedule cell item styles */
.monthCalDayNumber {
text-align: right;
overflow: hidden;
font-size: 10pt;
height: 1.2em;
color: white;
width: 100%;
background-color: #C4C4C4;
}

.monthCalItem {
overflow: hidden;
font-size: 10pt;
height: 1.2em;
margin-bottom: 2px;
color: white;
cursor: pointer;
border-width: 0px;
}

.monthCalItemHighlight {
overflow: hidden;
font-size: 10pt;
height: 1.2em;
margin-bottom: 2px;
color: blue;
cursor: pointer;
border-color: black;
border-width: 1px;
border-style: solid;
}

.monthCalRefItem {
overflow: hidden;
width: 3px;
}

.monthItemWindow {
border: 0px;
margin: 2px;
}

.itemListPanel {
position: relative;
border-color: lightgrey;
border-width: 1px;
border-style: solid;
margin: 0px;
padding-left: 0px;
padding-right: 0px;
height: 100%;
z-index: 0;
}

.itemListGrid {
position: relative;
margin: 0px;
padding: 0px;
height: 100%;
z-index: 0;
}


/****** Timeline Styles **********/
.timelineDiv {
overflow-x: hidden;
overflow-y: scroll;
}

.timelineAlternateSlot {
background-color: #eeeeee;
border-color: #CCCCCC;
border-width: 0 1px 0 0;
border-style: solid;
z-index: 99;
position: absolute;
}

.timelinePrimarySlot {
background-color: white;
border-color: #CCCCCC;
border-width: 0 1px 0 0;
border-style: solid;
z-index: 99;
position: absolute;
}

.timelineSpan {
border: 1px solid #333;
opacity: 0.7;
z-index: 100;
position: absolute;
font-size: 1px;
line-height: 0;
background-color: #6699ff;
-moz-border-radius:2px;
cursor: pointer;
}

.timelinePoint {
z-index: 100;
position: absolute;
}

.timelineSpanLabel {
z-index: 100;
position: absolute;
white-space:nowrap;
color:#424242;
cursor: pointer;
}

.timelineDragSpanHint {
z-index: 2000;
position: absolute;
background-color: ivory;
border-style: solid;
border-width: 1px;
}

TABLE.timelineLegend {
border-collapse: collapse;
}

TD.timelineLegend {
color: white;
background-color: #D1232B;
}

TD.timelineLegendAlt {
color: black;
background-color: #CCCCCC;
}

DIV.timelineLegend {
white-space: nowrap;
width: 0;
}

A.timelineLegend:link {
color: white;
}
A.timelineLegend:visited {
color: white;
}
A.timelineLegend:hover {
color: white;
}

TD.timelineLegendOffset {
background-color: #CCCCCC;
}

table.timelineZoomTable {
white-space:nowrap;
border: 1px solid #7a7a7a;
border-left:0px solid #7a7a7a;
margin: 0px;
padding: 0px;
margin-bottom: 0px;
-moz-border-radius:2px;
color:#7a7a7a;
line-height: 18px;
}

TD.timelineZoom{
background: #d1d1d1 url(../images/button_bkg.pngx) repeat-x center center;
border: 0px;
border-left:1px solid #7a7a7a;
margin: 0px;
padding: 2px 4px;
color:#7a7a7a;
}

TD.timelineSelectedZoom{
background: #d1d1d1 url(../images/button_bkg_selected.pngx) repeat-x center center;
border: 0px;
border-left:1px solid #7a7a7a;
margin: 0px;
padding: 2px 4px;
color:#fff;
}

TD.timelineZoom a{
color:#333;
}

TD.timelineSelectedZoom a{
color:#fff;
}

div.filter_toggle{
background: #e0e0e0 url(../button_bkg_austere.pngx) repeat-x center center;
border: 1px solid #7a7a7a;
border-bottom: 0px solid #7a7a7a;
margin: 0px;
padding: 2px 4px;
color:#7a7a7a;
-moz-border-radius:2px 2px 0px 0px;
white-space: nowrap;
width:110px;
font-weight:bold;
display:inline;
}

.form_title{
font-size:larger;
font-weight:bold;
}

.calendar_container{
border: 0px;
margin: 0px;
}

TD.timelinePrint {
border-bottom: 1px solid #6699CC;
}

TD.timelinePrintTime {
white-space: nowrap;
}

DIV.ganttLeftPanel {
background-color: #989898;
z-index: 99;
position: absolute;
left: 0;
white-space:nowrap;
}

DIV.ganttLeftPanelResizer {
background-color: #CCCCCC;
z-index: 200;
position: absolute;
}
/*! RESOURCE: styles/theme_context_menu.css */
/**
* CSS stylesheet for the context menu used by all pages. The prefix for this CSS page is: "cm_". Note
* that the z-index of the context menu is 1100. Plan other objects around this accordingly.
*/
/**********************************************************************************************************************/
.cm_menuwrapper {
position:absolute; z-index:1100; display:none;
}
.cm_menu {
position:absolute; display:block; margin:0; padding:0;
background:#f9f9f9 url(../images/backgrounds/context_menu_bg.pngx?v=07-15-2025_1800) repeat-x left bottom;
border:1px solid #666; box-shadow: 0 1px 1px #777; -moz-box-shadow: 0 0 1px #777; -webkit-box-shadow: 0 1px 1px #777;
}
.cm_table { border-collapse:collapse; border:0; padding:0; margin:0; display:block; background:none !important; }
.cm_table td {
vertical-align:middle; display:block; background:none !important;
}

/**********************************************************************************************************************/
.cm_row { position:relative; padding:0; }
.cm_row > a {
display:block; width:100%; height:100%; white-space:nowrap;
color:#000; font-size:normal; text-decoration:none;
}
.cm_row a:hover { background-color:#e5e5e5; text-decoration:none; }
.cm_row a.cm_arrow {
background-image:url(../images/icons/context_menu_arrow.gifx?v=07-15-2025_1800);
background-position:right center; background-repeat:no-repeat;
}
.cm_rowcontainer { height:24px; display:block; white-space:nowrap; }
.cm_iconspacer { display:inline-block; vertical-align:top; padding:4px 0 0 3px; width:19px; }
.cm_textspacer { display:inline-block; vertical-align:top; padding:5px 16px 0 3px; }
/**********************************************************************************************************************/
.cm_menuwrapper.dropdown { bottom: 0; }
.cm_menuwrapper.dropdown .cm_menu { top: -1px; }
.cm_menuwrapper.dropup { top: 0; }
.cm_menuwrapper.dropup .cm_menu { bottom: -1px; }


/**********************************************************************************************************************/
.cm_separator_div {
height:0; font-size:0; line-height:0; margin:2px 4px 1px 4px;
border-bottom:1px solid #fff; border-top:1px solid #ccc;
}

/**********************************************************************************************************************/
.cm_disabled a:hover { cursor:default; background:none !important; }
.cm_disabled span { color:#888; }

/**********************************************************************************************************************/

/*** DARK OVERRIDES ***/
.dark.cm_menuwrapper .cm_menu { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background: #2b2b2b; border: 1px solid #555; }
.dark.cm_menuwrapper .cm_table { border: 1px solid #171717; }
.dark.cm_menuwrapper .cm_row > a { font-size: 11px; color: #fff; }
.dark.cm_menuwrapper.dropdown .cm_menu { top: -2px; }
.dark.cm_menuwrapper.dropup .cm_menu { bottom: -2px; }
.dark.cm_menuwrapper .cm_row a:hover {
background: #111111; /* Needs to be slightly darker then active :: Check against IE6 */
background: -moz-linear-gradient(top, #252525 0%, #111111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252525), color-stop(100%,#111111));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#111111',GradientType=0 );
}

/**********************************************************************************************************************/

/** Generic styles for context menu container dropdowns. Individual styles need to be applied appropriately. These
styles just setup the base positioning and layout */

.cm_container {
position:relative;
}
.cm_container .trigger {
position:relative; display:block; cursor:pointer; font-size:0;
}
.cm_container .trigger.context-open {
border-left:1px solid #666666 !important; border-right:1px solid #666666 !important;
z-index:1110;
background:#f9f9f9;
}
.cm_container .trigger.context-open.dropdown {
border-top:1px solid #666666; border-bottom:0; background-color:#f9f9f9 !important;
}
.cm_container .trigger.context-open.dropup {
border-bottom:1px solid #666666; border-top:0; background-color:#ececec !important;
}

/* Padding:Set default to 1/0 */
.cm_container .trigger { padding:1px; }
.cm_container .trigger.context-open.dropdown { padding: 0 0 1px 0; }
.cm_container .trigger.context-open.dropup { padding: 1px 0 0 0; }

/* Padding:4px */
.cm_container .trigger.padding4 { padding:4px; }
.cm_container .trigger.context-open.dropdown.padding4 { padding: 3px 3px 4px 3px; }
.cm_container .trigger.context-open.dropup.padding4 { padding: 4px 3px 3px 3px; }
/*! RESOURCE: styles/theme_glide_box.css */
/**
* CSS stylesheet for Glide Boxes and Overlays within the Glide Application. Most styles are prefixed with "gb_".
*
* Note: The [.glide_box] object has two extra class overrides for additional style preferences:
*   "focused" or "hilight".
*/


/*** ALTERNATE STYLES *************************************************************************************************/
.glide_box.focused .gb_toolbar_col_l1 {
background: #ccddff;
}

.glide_box.focused .gb_wrapper {
border: 1px solid #222; /* DO NOT CHANGE -- This requires updating setHeight()/setWidth() within GlideBox.js */
}

.glide_box.focused .gb_toolbar_bottom_border {
background-color: #777;
}

.glide_box.hilight .gb_toolbar_col_l1 {
background: #fff url(../images/backgrounds/toolbar_hilight_bg.pngx?v=07-15-2025_1800) repeat-x left bottom;
}


/*** BOX **************************************************************************************************************/
.glide_box {
display: none;
position: fixed; /* Will be overriden in the style as necessary */
z-index: 900; /* A GlideOverlay box will have z-index of 1000 */
box-shadow: 0 0 4px #999;
-moz-box-shadow: 0 0 4px #999;
-webkit-box-shadow: 0 0 4px #999;
background-color: white;
}

/* Only the dark version of the glide box has outer border with larger shadow */
.glide_box.dark,
.glide_box.iframe {
border: 1px solid #656565;
box-shadow: 0 0 6px #777;
-moz-box-shadow: 0 0 6px #777;
-webkit-box-shadow: 0 0 6px #777;
}

.gb_wrapper {
border: 1px solid #828284;
display: block;
float: left;
}

.glide_box.hilight > .gb_wrapper {
border: 1px solid black;
}

.glide_box .actions {
text-align: right;
padding-top: 6px;
}

.gb_mw {
min-width: 70px;
}


/*** TABLE ************************************************************************************************************/
.gb_table {
border-collapse: collapse;
border: 0;
/*  height: 100%; */ /* Messes up when no DocType is present :: Counts the borders, ewe */
display: block;
float: left;
overflow: visible;
margin: 0;
padding: 0;
}

.gb_table_col_l1 {
padding: 0;
margin: 0;
}

.gb_table > tbody {
height: 100%;
}

.gb_table > tbody > tr > td {
vertical-align: top;
}

/*** CORNERS **********************************************************************************************************/
.glide_box,
.gb_wrapper,
.gb_table {
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

.gb_toolbar {
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
/** If the footer is NOT present, round the bottom. If the toolbar is NOT present, round the top */
.gb_body_wrapper.no_footer {
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.gb_body_wrapper.no_header {
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}


/*** TOOLBAR **********************************************************************************************************/
.gb_toolbar {
width: 100%;
border-collapse: collapse;
padding: 0;
}

.gb_toolbar_col_l1 {
vertical-align: middle;
background: #eeeeee;
padding: 0;
}

.gb_toolbar_bottom_border {
height: 1px !important;
float: left;
width: 100%;
background-color: #aaa;
border: 0;
padding: 0;
line-height: 0px; /* IE Fixes */
font-size: 0px;
}
/* Applied to the center toolbar title. If using html (setTitleHtml()) then this class will not be applied. */
.gb_toolbar_text {
color: #111;
font-weight: bold;
font-size: 13px;
width: 100%;
padding: 6px 14px 6px 4px;
}

.gb_toolbar_decoration {
border-collapse: collapse;
background: none;
}

.gb_toolbar_decoration td {
vertical-align: middle;
}

.gb_toolbar_decoration .i16 {
float: none !important;
display: block;
}

table.gb_toolbar_left {
display: none;
}

table.gb_toolbar_left > tbody > tr > td {
padding: 0;
}

.gb_toolbar_right > tbody > tr > td {
padding-right: 5px;
}

.gb_toolbar_loading {
display: none;
margin-right: 4px;
margin-left: 4px;
}

.gb_action_deco {
cursor: pointer;
display: block;
vertical-align: middle;
}

/*** BODY *************************************************************************************************************/
.gb_body_wrapper {
overflow-y: auto;
overflow-x: auto;
margin: 0;
background: #fff;
}

.glide_box.dark .gb_body_wrapper {
background: #434547;
}

.gb_body {
/* WE should make the { position: relative } for improved calculations -- Need to confirm this on all window types
before implementing. If implemented, remove EdgeRosterUsersAndRooms.initEdgeRosterUsersAndRooms() > onCreate
> "box.getBodyElement().setStyle({position: 'relative'});" */
padding: 0 !important;
height: 100%;
background: #fff;
/* NOTE: Do not set overflow here */
}

/*** IFRAME & FRAME ***************************************************************************************************/

.loading_wrap_outer,
.inner_wrap_outer {
border: 1px solid #717374;
}

.loading_wrap_inner,
.inner_wrap_inner {
border: 1px solid #1d1f20;
background: #fff;
}

/**
* NOTE: We need to float these left because the iframe wrap containers will not surround the iframe exactly
*       to the pixel and additionally will not account for the optional scroll bars that are auto-created
*       in the IFRAME's window. Therefore we must float the parents and to completely surround the iframe.
*/
.iframe_container.inner_wrap_outer {
float: left;
display: none;
}

.iframe_container .inner_wrap_inner {
float: left;
position: relative;
}

.gb_body iframe {
/* Don't hide on initial load -- causes Mixed content error warnings on show in IE */
float: left;
margin: 0;
padding: 0;
background-color: white; /* prevent cascade on FF */
}

.glide_box.iframe .gb_body_wrapper {
overflow-y: hidden;
overflow-x: hidden;
padding: 4px;
background: #434547;
}


/*** FOOTER ***********************************************************************************************************/
.gb_table_tfoot {
display: none;
}

.gb_footer {
display: none;
width: 100%;
border-collapse: collapse;
padding: 0;
}

.gb_footer_sep {
font-size: 0 !important;
line-height: 0;
width: 100%;
height: 0;
display: block;
border-top: 1px solid #aaa;
}

.glide_box.dark .gb_footer_sep {
border-top: 1px solid #000;
border-bottom: 1px solid #424242;
}

.glide_box.dark .gb_footer {
background: #373737;
}

.gb_footer td {
vertical-align: middle;
background: #e0e0e0;
}

.gb_footer_left_resize, .gb_footer_right_resize {
font-size: 0;
height: 16px;
vertical-align: bottom !important; /* Override the .gb_footer td declaration */
}

.gb_footer_left_resize, .gb_footer_right_resize, .gb_footer_body {
padding: 0;
}

.gb_footer_body {
width: 100%;
}

.gb_footer_body > div {
width: 100%;
min-height: 8px;
}

/*** OVERLAY **********************************************************************************************************/
.glide_overlay.glide_box {
z-index: 1051;
}

.glide_mask,
.glide_mask_abs {
display: none;
z-index: 950;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* keep color / opacity in synch with theme.css list_loading */
background-color: #DDDDDD;
opacity: 0.6;
filter: alpha(opacity=60);
}

.glide_mask {
position: fixed;
}

.glide_mask_abs {
position: absolute;
}

#processing_mask {
z-index: 1001;
}


/*** IFRAME MODIFICATIONS *********************************************************************************************/

.glide_box.dark thead .gb_toolbar_col_l1,
.glide_box.iframe thead .gb_toolbar_col_l1 {
background: #2f2f2f; /* old browsers */
background: -moz-linear-gradient(top, #2f2f2f 0%, #000000 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#343434), color-stop(100%,#000000)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2f2f', endColorstr='#000000',GradientType=0 ); /* ie */
background: -o-linear-gradient(top, #2f2f2f 0%,#000000 100%); /* opera */
color: #fff;
}

.glide_box.iframe thead .gb_toolbar_text {
padding-top: 6px;
padding-bottom: 6px;
}

.glide_box.dark thead .gb_toolbar_bottom_border,
.glide_box.iframe thead .gb_toolbar_bottom_border {
background-color: #777;
}

body.bookmark_dragging .glide_box {
opacity: 0.6;
filter: alpha(opacity=60);
}


/*** TITLE TABS *******************************************************************************************************/

.glide_box.dark .gb_title_zone .tab {
display: inline-block;
cursor: pointer;
padding: 6px 8px;
position: relative;
color: #c1c1c1;
}

.glide_box.dark .gb_title_zone .tab.active {
background: #373737;
cursor: default;
border-left: 1px solid #777777;
border-right: 1px solid #777777;
font-weight: bold;
color: #fff;
}

.glide_box.dark .gb_title_zone .tab.active:first-child {
border-left: none;
}

.glide_box.dark .gb_title_zone .tab.active .text:after {
content: '';
position: absolute;
z-index: 9999;
height: 1px;
font-size: 0;
line-height: 0;
width: 100%;
background: #373737;
left: 0;
bottom: -1px;
}
/*! RESOURCE: styles/theme_form.css */
/**
* Theme style for form tables
*/
.rtl div.mini_form_container {
text-align: right;
}

table.mini_form {
background: none;
border-collapse: collapse;
margin: 4px 6px 4px 11px;
}

.rtl table.mini_form {
margin: 4px 11px 4px 6px;
}

.rtl table.mini_form td {
text-align: right;
}

table.mini_form td {
color: #d7d7d7;
padding: 4px 1px;
}

table.mini_form td,
.mini_form input,
.mini_form textarea,
.mini_form select {
font-size: 11px;
}

table.mini_form td,
table.mini_form td * {
vertical-align: middle; /* Override as necessary */
}

.mini_form td.label {
background: #666;
padding-left: 3px;
color: #fff;
}

.mini_form td a.bookmark_image_link img{
margin-right: 7px;
margin-left: 0px;
}

.rtl .mini_form td a.bookmark_image_link img{
margin-right: 0px;
margin-left: 7px;
}

.rtl .edge_flyout_footer_content button.update_bookmark {
margin-left: 4px;
}

/** INPUT - CHECKBOX **************************************************************************************************/

.mini_form td input[type="checkbox"],
.mini_form input.checkbox {
margin: 0;
padding: 0;
overflow: hidden;
width: 15px;
height: 15px;
margin-right: 7px;
}

.rtl .mini_form td input[type="checkbox"],
.rtl .mini_form input.checkbox {
margin-left: 7px;
margin-right: 0px;
}

.mini_form td.extra-padding {
padding-right: 28px;
}

.rtl .mini_form td.extra-padding {
padding-left: 28px;
padding-right: 0px;
}
/** INPUT - TEXT ******************************************************************************************************/

.mini_form.black input[type="text"],
.mini_form.black input.text {
color: #000;
background: #fafafa;
margin: 0;
padding: 2px;
border: 1px solid #000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

table.mini_form a {
color: #d7d7d7;
}

a.mini_form_link.black {
color: #C1C1C1;
font-size: 9px;
font-weight: bold;
font-family: Arial;
}

a.mini_form_link.black:hover {
color: #fff;
}

/** TEXTAREA **********************************************************************************************************/

.mini_form fieldset.textarea_fieldset {
display: block; overflow: hidden; position: relative;
padding: 4px 0 4px 0;
border: 0; margin: 0;
}
.mini_form fieldset.textarea_fieldset textarea {
padding: 4px 0 4px 0;
}

.mini_form textarea {
outline: none;
resize: none;
border: 1px solid #000;
margin: 0;
padding: 4px;
width: 100%;
overflow: hidden;
background: #fafafa;
color: #000;
border-collapse: collapse;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

/** SELECT ************************************************************************************************************/
/*! RESOURCE: styles/theme_loading_pages.css */
/*
Jan 03, 2012 - Styles used for loading images such as in navpage_top, login_redirect,
navigator_change, home_splash, and logout_redirect
*/

div#loading {
position: relative;
}
div#loading span{
position: relative;
top: 0.2em;
margin-left: 0.3em;
vertical-align: bottom;
}
/*! RESOURCE: styles/print.css */
/*
GLIDE Styles for printer output
*/

@media print {

thead {
display:table-header-group;
}

tbody {
display:table-row-group;
}

A
{
text-decoration: none;
}

.print_hide{
position: absolute;
visibility: hidden;
display: none;
height: 0px;
width: 0px;
}

.title{
visibility: hidden;
display: none;
}

.searchBox{
visibility: hidden;
display: none;
}

.list_actions
{
visibility: hidden;
display: none;
}

.listbar_select
{
visibility: hidden;
display: none;
}

.listbar_navto
{
visibility: hidden;
display: none;
}

.navheader
{
visibility: hidden;
display: none;
}

.navheaderdescription{
visibility: hidden;
display: none;
}

TABLE.navpage{
background-color: white;
width: 500px;
}

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

TABLE.widelist{
border: 0px;
margin: 0px;
padding: 0px;
}

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

LABEL{
margin-left: 5px;
margin-right: 5px;
font-weight: bold;
}

TD.chart{
margin-right: 10px;
font-weight: bold;
}

INPUT.image {
visibility: hidden;
display: none;
}

/* list check boxes */
INPUT.list_action {
visibility: hidden;
display: none;
}

TD.item_action {
visibility: hidden;
display: none;
}

IMG {
display: none;
visibility: hidden;
}

IMG.noprint {
display: none;
visibility: hidden;
}

IMG.chart {
visibility: visible;
display: inline;
}

IMG.user_image {
visibility: visible;
display: inline;
}

IMG.documentation {
display: inline;
}

[gsft_fieldtype='translated_html'] img,
[gsft_fieldtype='html'] img {
display: inline;
visibility: visible;
}

LABEL.header {
font-weight: normal;
}

LABEL.groupheader {
text-decoration: underline;
}

BUTTON {
border-top: black 1px solid;
border-left: black 1px solid;
border-bottom: black 1px solid;
border-right: black 1px solid;
background-color: #ffffff;
font-weight: bold;
color:  white;
margin-right: 5px;
visibility: hidden;
display: none;
}

BUTTON.header {
border-top: black 1px solid;
border-left: black 1px solid;
border-bottom: black 1px solid;
border-right: black 1px solid;
background-color: #ffffff;
font-weight: normal;
color: white;
margin-right: 5px;
visibility: hidden;
display: none;
}

BUTTON.selected_action {
border: black 1px solid;
background-color: white;
font-weight: bold;
color: black;
margin-right: 5px;
display: inline;
}

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

IFRAME.navframe {
display: none;
visibility: hidden;
}

TD.navpage_left {
width: 0%;
}

TD.navpage_right {
width: 100%;
}

TR.header {
font-weight: bold;
}

}
/*! RESOURCE: styles/ui_notification.css */
/* UI Notifications styles */
.notification_container {
/* required styles */
z-index: 1001; /* needs to be higher than text editor full screen mode z-index */
/* position container top-center taking up 60% of the width */
position: absolute;
top: 15px;
margin-top: 2px;
margin-left: 20%;
margin-right: 20%;
width: 60%;
text-align: left;
}

.notification_message {
/* required styles */
position: relative;
padding: 7px 26px;
margin-bottom: 8px;

/* make look nice styles */
text-align: left;
color: #444;

/* fun styles */
background: #e8f5ff;
/* border no radius */
border: 1px solid #777;
/* shadow code */
-moz-box-shadow: 2px 2px 10px #333;
-webkit-box-shadow: 2px 2px 10px #333;
box-shadow: 2px 2px 10px #333;
min-width: 550px;
}

.notification_message button {
color: #333;
background-color: #EEE;
border: 1px solid #AAA;
font-weight: normal;
cursor: pointer;
margin-left: 3px;
}

.notification_message a {
text-decoration: underline;
}

.notification_message_error {
background-color: #fdffc7;
color: #000;
}

.notification_message_container {
padding: 5px 5px;
background-color: #fff;
}

P.notification_text_heading {
margin: 0px;
padding: 0px;
margin-bottom: 4px;
margin-top: 2px;
margin-right:100px;
}

P.notification_text_subheading {
margin: 0px;
padding: 0px;
}

.notification_image {
position: absolute;
top: -1px;
left: -20px;
width: 16px;
height: 16px;
}

.notification_more {
position: absolute;
top: -1px;
right: 30px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

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

.notification_outer .notification_more {
top: -2px;
}

.notification_outer {
position:relative;
margin-bottom: 5px;
font-weight: bold;
color: #444;
}

.notification_inner {
margin-top: 3px;
margin-bottom: 0px;
min-width: 450px;

border-width: 1px;

-moz-box-shadow: 0px 0px 0px #666;
-webkit-box-shadow: 0px 0px 0px #666;
box-shadow: 0px 0px 0px #666;
}

.notification_options {
position: absolute;
top: 5px;
right: 30px;
}
.notification_close_icon {
position: absolute;
top: 5px;
right: 6px;
width: 14px;
height: 14px;
cursor: pointer;
cursor: pointer;
}
/*! RESOURCE: styles/rtl.css */
/********************************************************************
CSS properties to support RTL languages (Hebrew/Arabic/Urdu)
********************************************************************/

/* To flip anything horizontally for RTL purpose */
.rtl .h_flip_content {
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}

/* To Move anything right-to-left & left-to-right for RTL language */

.rtl .text-align-left {
text-align: right;
}

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

.rtl .text-align-right {
text-align: left;
}

/* To Move floating content right-to-left & left-to-right for RTL language */

.rtl .float-left {
float: right;
}

.ltr .float-left {
float: left;
}

.rtl .float-right {
float: left;
}

.ltr .float-right {
float: right;
}

/* To Move something to the right without flipping its content */

.rtl .text-align-right-ltr {
direction: ltr;
text-align: right;
}

/* RTL Specific solution for IE6.0 & IE7.0 (Fix for - PRB584818) */

.rtl .msie6 span.outer span.inner .i16,
.rtl .msie6 span.outer span.inner img,
.rtl .msie7 span.outer span.inner .i16,
.rtl .msie7 span.outer span.inner img {
position: relative;
}

.rtl .msie7  #edge_all_bookmarks span.outer span.inner .iSmall {
border-left: 3px solid transparent;
}

.rtl .msie6 #edge_pinned_bookmarks .edge_item,
.rtl .msie7 #edge_pinned_bookmarks .edge_item {
width: 46px;
}

/* RTL Specific solution for TinyMCE HTML Editor (Fix for - PRB585385) */

.rtl td.mceMenuItemTitle span.mceText {
padding-left: 10px;
}

.rtl .mceMenu,
.rtl .mceSplitButtonMenu .mceMenu {
padding-left: 0px;
}

.rtl .mceListBoxMenu {
direction: ltr;
}

/* RTL Specific solution for TinyMCE HTML Editor (Fix for - PRB586476) */
/* mceToolbarRow3 does not exists today, its just for future perspective */
.rtl table.mceToolbarRow1,
.rtl table.mceToolbarRow2,
.rtl table.mceToolbarRow3 {
direction: rtl;
float: right;
}

.rtl table.mceToolbarRow2,
.rtl table.mceToolbarRow3 {
clear: both;
}

/* for TinyMCE v4 */
.rtl div.mce-toolbar {
direction: rtl;
float: right;
}

.rtl div.mce-toolbar div.mce-container-body {
direction: rtl;
}

/* Nav header bannenr (Fix for - PRB585120) */
.rtl .nav_header_banner {
align:right;
}

/* To resolve attachment issue : PRB585383  */

.rtl ul#header_attachment_list li a,
.rtl ul#header_attachment_list li span,
.rtl ul#header_attachment_list li span a.content_editable,
.rtl div#attachment_dialog_list tbody#attachment_table_body a.attachment {
display: inline-block !important;
/* really dont like using !important but needed this to overwrite JS based inline styles. */
}
.rtl ul#header_attachment_list li span a img {
margin-left: 0px;
margin-right: 0px;
}
.rtl #header_attachment div#more_attachments {
left: 0px;
right: auto;
}

/*  To resolve list mechanic issue - PRB587297 */
.rtl span#body_list_mechanic label.label_list_mechanic {
display: inline-block;
}
.rtl span#body_list_mechanic table.wide tr td span {
display: none;
}
.rtl span#body_list_mechanic input.checkbox_list_mechanic {
margin-right: 10px;
}

/* To resolve - PRB595775 */
.rtl div.navpage_header_controls {
right: auto;
left: 18px;
}

/* To resolve - PRB596967 */
.rtl .list_div_cell {
direction: rtl;
}

.rtl td.navControls img,
.rtl table.wide img,
.rtl td.menuSeparator img,
.rtl span.submenu img,
.rtl table.drag_section_header img,
.rtl div.timingDiv img,
.rtl table.drag_section_header_active img {
margin-right: 0px;
margin-left: 4px;
}

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

/*! RESOURCE: /scripts/htmlarea/htmlarea.css */
DIV.htmlarea {
padding: 0px;
margin: 0px;
background-color: #FFFFFF;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
}

DIV.toolbar{
font-size: smaller;
font-family: SourceSansPro, "Helvetica Neue", Arial;
padding: 4px;
margin: 0px;
background-color: #EEE;
}

.htmlarea .toolbar .button {
background: #EEE;
color: ButtonText;
border: 1px solid #EEE;
padding: 1px;
margin: 0px;
width: 18px;
height: 18px;
display: inline;
}

.htmlarea .toolbar .textbutton {
display: inline;
padding-right: 5px;
}

.htmlarea .toolbar .buttonHover {
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.htmlarea .toolbar .buttonActive, .htmlarea .toolbar .buttonPressed {
padding: 2px 0px 0px 2px;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
.htmlarea .toolbar .buttonPressed {
background: ButtonHighlight;
}
.htmlarea .toolbar .indicator {
padding: 0px 3px;
overflow: hidden;
width: 20px;
text-align: center;
cursor: default;
border: 1px solid ButtonShadow;
}

.htmlarea .toolbar .buttonDisabled img {
filter: alpha(opacity = 25);
-moz-opacity: 0.25;
}

.htmlarea .toolbar .separator {
position: relative;
margin: 3px;
border-left: 1px solid ButtonShadow;
border-right: 1px solid ButtonHighlight;
width: 0px;
height: 16px;
padding: 0px;
display: inline;
}

.htmlarea .toolbar .space {
width: 5px;
display: inline;
}

.htmlarea .toolbar .textbutton select {
font-size: smaller;
font-family: SourceSansPro, "Helvetica Neue", Arial;
color: ButtonText;
background-color: #EEE;
}

.htmlarea .toolbar .textbutton select,
.htmlarea .toolbar .textbutton select:hover,
.htmlarea .toolbar .textbutton select:active { font-size:smaller; color: ButtonText; }

.statusBar {
border:0px;
padding: 2px 4px;
background-color: #EEE;
color: ButtonText;
font-family: SourceSansPro, "Helvetica Neue", Arial;
font-size: smaller;
}

.htmlarea .statusBar .statusBarTree a {
padding: 2px 5px;
color: #00f;
}

.htmlarea .statusBar .statusBarTree a:visited { color: #00f; }
.htmlarea .statusBar .statusBarTree a:hover {
background-color:#D1232B;
color: HighlightText;
padding: 1px 4px;
border: 1px solid HighlightText;
}


/* Hidden DIV popup dialogs (PopupDiv) */

.dialog {
color: ButtonText;
background: #EEE;
}

.dialog .content { padding: 2px; }

.dialog, .dialog button, .dialog input, .dialog select, .dialog textarea, .dialog table {
font-size: 10pt;
font-family: SourceSansPro, "Helvetica Neue", Arial;
}

.dialog table { border-collapse: collapse; }

.dialog .title {
background: #008;
color: #ff8;
border-bottom: 1px solid #000;
padding: 1px 0px 2px 5px;
font-size: larger;
font-weight: bold;
cursor: default;
}

.dialog .title .button {
float: right;
border: 1px solid #66a;
padding: 0px 1px 0px 2px;
margin-right: 1px;
color: #fff;
text-align: center;
}

.dialog .title .button-hilite { border-color: #88f; background: #44c; }

.dialog button {
width: 5em;
padding: 0px;
}

.dialog .buttonColor {
padding: 1px;
cursor: default;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.dialog .buttonColor-hilite {
border-color: #000;
}

.dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
height: 0.6em;
border: 1px solid;
padding: 0px 1em;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.dialog .buttonColor .nocolor { padding: 0px; }
.dialog .buttonColor .nocolor-hilite { background-color: #fff; color: #f00; }

.dialog .label { text-align: right; width: 6em; }
.dialog .value input { width: 100%; }
.dialog .buttons { text-align: right; padding: 2px 4px 0px 4px; }

.dialog legend { font-weight: bold; }
.dialog fieldset table { margin: 2px 0px; }

.popupdiv {
border: 2px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.popupwin {
padding: 0px;
margin: 0px;
}

.popupwin .title {
background: #fff;
color: #000;
font-weight: bold;
font-size: larger;
padding: 3px 10px;
margin-bottom: 10px;
border-bottom: 1px solid black;
letter-spacing: 2px;
}

form { margin: 0px; border: none; }
/*! 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-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: #D1232B;
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: "&nbsp;";
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: #293e40;
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/ios.css */
/**
* Special CSS for iPad and iPhone v5 scrolling (only iOS, not all WebKit)
* Works on iOS 5.1 iPads and iPhones
*/

.touch_scroll {
overflow: auto;
-webkit-overflow-scrolling: touch;
}

DIV.touch_scroll {
width: 100%;
height: 100%;
}

INPUT {
/*min-height: 24px;*/
text-transform: none; /* turn off capitalization */
}

/* Allows iframe content width to size responsively for ios devices and also works on desktop*/
.ipad IFRAME.iframe-scroll-form-hotfix {
height: 0;
width: 0;
min-height: 100%;
min-width: 100%;
max-height: 100%;
max-width: 100%;
overflow: auto;
}

.ipad .overflow_x_hidden-hotfix {
overflow-x: hidden;
}

/* is_dialog class is dynamically added from tablet/form.xml to
determine weather form is loaded within dialog */
.glide_dialog .touch_scroll {
overflow: auto !important;
width: 700px !important;
height: 480px !important;
max-width: 95%;
max-height: 95%;
}

/* Toggle this class to force repaint element */
.force-repaint {
transform: translateZ(0);
}

/*! RESOURCE: styles/dynamic_translation/dynamic_translation.css */
HTML[data-doctype=true] .translation-credits {
font-style: italic; }

HTML[data-doctype=true] .translation-message {
padding-top: 8px; }

HTML[data-doctype=true] .translation-message-html {
max-height: 272px;
overflow-y: auto;}

HTML[data-doctype=true] div.translation-container-html {
max-height: 300px;
font-size: var(--now-global-font-size--md, 16px);}

HTML[data-doctype=true] .translation-message-wrap {
white-space: pre-wrap;
overflow-wrap: break-word; }

HTML[data-doctype=true] .translation-icon {
width: 12px;
height: 12px;
padding-right: 4px;
font-size: 12px; }

HTML[data-doctype=true] .translation-container {
margin-top: 8px;
border: 1px solid #e6e9eb;
border-radius: 3px;
background-color: #FAFAFA;
padding: 8px;
font-size: 12px;
width: 100%;
color: #485563; }

HTML[data-doctype=true] .-polaris .translation-container {
background-color: RGB(var(--now-color_surface--neutral-3,24,29,40));
color: RGB(var(--now-color_text--primary,var(--now-color--neutral-18,24,26,31))); }

HTML[data-doctype=true] .translation-link-toggle, .sn-card-component_meta.sn-card-component_meta_sibling + .sn-card-component_meta a.translation-link-toggle {
color: #1f8476;
font-size: 12px; }

HTML[data-doctype=true] .-polaris .translation-link-toggle, .-polaris .sn-card-component_meta.sn-card-component_meta_sibling + .sn-card-component_meta a.translation-link-toggle {
color: RGB(var(--now-color--interactive-2,79,82,189)); }

HTML[data-doctype=true] .translation-delimitter {
font-size: 12px;
padding: 0 7px 0 7px;
}

HTML[data-doctype=true] .translation-message .translation-email-frame {
border: 0px;
width: 100%;
background-color: #FAFAFA;
}

HTML[data-doctype=true] .translation-wrap {
white-space: nowrap;
}

/*! RESOURCE: styles/magellan_icon_picker.css */
.nav-edit-favorites-icon-grid {
margin-left: -0.5rem;
text-align: center;
-webkit-transition: color, 0.3s;
-moz-transition: color, 0.3s;
transition: color, 0.3s;
}
.nav-edit-favorites-icon-grid .option-icon {
display: inline-block;
float: left;
font-size: 25px;
margin: 0.5rem;
width: 4.8rem;
height: 4.8rem;
border: 2px solid transparent;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
background-color: transparent;
cursor: pointer;
outline: none;
color: inherit;
}
.nav-edit-favorites-icon-grid .option-icon.selected {
background-color: #293e40;
}
.nav-edit-favorites-icon-grid .option-icon:before {
margin-top: 0.5rem;
}
.nav-edit-favorites-icon-grid.color-white {
color: #aaa;
}
.nav-edit-favorites-icon-grid input:focus ~ .option-icon,
.nav-edit-favorites-icon-grid .option-icon:active {
border-color: #278efc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(39, 142, 252, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(39, 142, 252, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(39, 142, 252, 0.6);
}
.nav-edit-favorites-icon-grid #magellan-color-picker-icons {
padding: 0px;
}
/*! RESOURCE: styles/create_favorite.css */
.create-favorite .create-favorites-icon-options {
margin-top: 15px;
padding-bottom: 15px;
}
.create-favorite .favorite-label-icon {
padding-top: 0;
font-size: 20px;
}
.create-favorite .favorite-label-icon:before {
background: #2e2e2e;
-moz-border-radius: 4px;
border-radius: 4px;
height: 3.3rem;
margin-left: 6px;
padding: 7px;
text-align: center;
width: 3.3rem;
}
.create-favorite .nav-edit-favorites-icon-grid {
padding: 5px 0 0;
}
.create-favorite #icon_colors {
padding-top: 1rem;
}
.create-favorite #icon_colors .color-option {
width: 3.8rem;
height: 3.8rem;
margin: 0.4rem 0.4rem 0;
position: relative;
text-decoration: none;
}
.create-favorite #icon_colors .color-option.selected:before {
position: absolute;
bottom: 0.5rem;
right: 0.5rem;
font-size: 12px;
}
.create-favorite #icon_colors .color-option.color-bg-white {
border: 1px solid #aaa;
}
.create-favorite #icon_colors .color-option.color-bg-white.icon-check:before {
color: #2e2e2e;
}
.create-favorite #icon_colors .color-option:focus, .create-favorite #icon_colors .color-option:active {
border: 2px solid #2e2e2e;
}
.create-favorite .nav-edit-favorites-icon-grid .option-icon {
border: 2px solid transparent;
font-size: 20px;
height: 3.8rem;
margin: 0.4rem;
text-decoration: none;
width: 3.8rem;
}
.create-favorite .nav-edit-favorites-icon-grid .option-icon:before {
margin-top: 0;
}
.create-favorite .nav-edit-favorites-icon-grid .option-icon.selected {
border: 2px solid #293e40;
}
.create-favorite .nav-edit-favorites-icon-grid .option-icon:focus, .create-favorite .nav-edit-favorites-icon-grid .option-icon:active {
border: 2px solid #2e2e2e;
}
.create-favorite input[name=title] {
display: inline-block;
width: 89%;
}
.favorite-form-submitted.create-favorite input[name=title].error {
border-color: #c83c36;
}
.favorite-form-submitted.create-favorite input[name=title].error:focus {
border-color: #c83c36;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #c83c36;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #c83c36;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #c83c36;
}

.create-favorite .icon-picker.color-white {
color: #aaa;
}

#favorite_preview {
background: #293e40;
-moz-border-radius: 4px;
border-radius: 4px;
display: inline-block;
font-size: 20px;
height: 3.8rem;
margin: 0 1rem 0.5rem 0.5rem;
padding-top: 0.3rem;
text-align: center;
width: 3.8rem;
}
/*! RESOURCE: styles/magellan_color_picker.css */
#icon_colors {
list-style: none;
padding: 0;
margin: 0;
}
#icon_colors .color-option {
color: #fff;
cursor: pointer;
display: inline-block;
border: 2px solid transparent;
width: 4.8rem;
height: 4.8rem;
margin: 0 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
outline: none;
position: relative;
}
#icon_colors .color-option:first-child {
margin-left: 0;
}
#icon_colors .color-option:before {
position: absolute;
bottom: 0.8rem;
right: 0.8rem;
font-size: 15px;
}
#icon_colors .color-option.color-bg-white {
border: 1px solid #aaa;
}
#icon_colors .color-option.color-bg-white:focus, #icon_colors .color-option.color-bg-white:active {
border-color: #293e40;
border-width: 3px;
}
#icon_colors .color-option:last-child {
margin-right: 0;
}
#icon_colors .color-option.check-color-black {
color: #4a4a4a;
}
#icon_colors input:focus ~ .color-option,
#icon_colors .color-option:active,
#icon_colors .color-option:focus {
border-color: #293e40;
border-width: 3px;
}

#magellan-color-picker-colors {
padding: 0px;
}

.color-option-active {
border-color: #293e40;
border-width: 3px;
}

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

.color-bg-purple {
background-color: #7070b3;
}

.color-bg-purple-light {
background-color: #a2a2e2;
}

.color-bg-purple-lighter {
background-color: #c9c9ed;
}

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

.color-bg-blue-light {
background-color: #7497de;
}

.color-bg-blue-lighter {
background-color: #c4d3f2;
}

.color-bg-aquamarine {
background-color: #6abecf;
}

.color-bg-aqua {
background-color: #6abecf;
}

.color-bg-aqua-light {
background-color: #a7d4df;
}

.color-bg-aqua-lighter {
background-color: #d5ecf0;
}

.color-bg-cyan {
background-color: #51a5ba;
}

.color-bg-cyan-light {
background-color: #91c3dc;
}

.color-bg-cyan-lighter {
background-color: #b8ddef;
}

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

.color-bg-green-light {
background-color: #84e3bc;
}

.color-bg-green-lighter {
background-color: #b5ebd4;
}

.color-bg-yellow {
background-color: #dfd139;
}

.color-bg-yellow-light {
background-color: #ecdf93;
}

.color-bg-yellow-lighter {
background-color: #f5ebc3;
}

.color-bg-orange {
background-color: #ff8c3e;
}

.color-bg-orange-light {
background-color: #e8a679;
}

.color-bg-orange-lighter {
background-color: #fbd0b3;
}

.color-bg-burnt-orange {
background-color: #ff6000;
}

.color-bg-red {
background-color: #c83c36;
}

.color-bg-red-light {
background-color: #fc8d8a;
}

.color-bg-red-lighter {
background-color: #ffdadc;
}

.color-bg-fuschia {
background-color: #ff36b6;
}

.color-bg-pink {
background-color: #dc143c;
}

.color-bg-pink-light {
background-color: #ec758c;
}

.color-bg-pink-lighter {
background-color: #fcd4dc;
}

.color-bg-white {
background-color: #fff;
}

.color-purple {
color: #7070b3;
}

.color-purple-light {
color: #a2a2e2;
}

.color-purple-lighter {
color: #c9c9ed;
}

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

.color-blue-light {
color: #7497de;
}

.color-blue-lighter {
color: #c4d3f2;
}

.color-aquamarine {
color: #6abecf;
}

.color-aqua {
color: #6abecf;
}

.color-aqua-light {
color: #a7d4df;
}

.color-aqua-lighter {
color: #d5ecf0;
}

.color-cyan {
color: #51a5ba;
}

.color-cyan-light {
color: #91c3dc;
}

.color-cyan-lighter {
color: #b8ddef;
}

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

.color-green-light {
color: #84e3bc;
}

.color-green-lighter {
color: #b5ebd4;
}

.color-yellow {
color: #dfd139;
}

.color-yellow-light {
color: #ecdf93;
}

.color-yellow-lighter {
color: #f5ebc3;
}

.color-orange {
color: #ff8c3e;
}

.color-orange-light {
color: #e8a679;
}

.color-orange-lighter {
color: #fbd0b3;
}

.color-burnt-orange {
color: #ff6000;
}

.color-red {
color: #c83c36;
}

.color-red-light {
color: #fc8d8a;
}

.color-red-lighter {
color: #ffdadc;
}

.color-pink {
color: #dc143c;
}

.color-pink-light {
color: #ec758c;
}

.color-pink-lighter {
color: #fcd4dc;
}

.color-fuschia {
color: #ff36b6;
}

.color-white {
color: #fff;
}

//* tagging
/*! RESOURCE: styles/jquery-ui-supported.css */
/*! RESOURCE: styles/third-party/jquery-ui-1.13.2.css */
/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}

.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}

/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

/* Support: IE <= 11 */
overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

/* Support: IE8 only, Android < 4.4 only */
width: 75%;
width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: pointer;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}

.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}

.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}

.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .003;
-ms-filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
/*! RESOURCE: styles/jquery.tagit.css */
ul.tagit {
padding: 1px 5px;
overflow: auto;
margin-left: inherit; /* usually we don't want the regular ul margins. */
margin-right: inherit;
}
ul.tagit li {
display: block;
float: left;
margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {
position: relative;
line-height: inherit;
}

ul.tagit li.tagit-choice-read-only {
padding: .2em .5em .2em .5em;
}

ul.tagit li.tagit-choice-editable {
padding: .2em 18px .2em .5em;
}

ul.tagit li.tagit-new {
padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
cursor: pointer;
text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
cursor: pointer;
position: absolute;
right: .1em;
top: 50%;
margin-top: -8px;
line-height: 17px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
display: none;
}

ul.tagit li.tagit-choice input {
display: block;
float: left;
margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:         border-box;

-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;

border: none;
margin: 0;
padding: 0;
width: inherit;
background-color: inherit;
outline: none;
}

/**
* Include all CSS files registered within plugins using the "//plugin" key constant
*/
/*! RESOURCE: styles/chat_activity.css */
/**
* CSS stylesheet for chat activity formatter
*/

span.chat_date {
font-weight: bold;
}

span.chat_closed {
color: #888888;
}

span.chat_messages {
margin-left: 20px;
}

span.chat_user {
color:DarkBlue;
font-weight:bold;
}

span.chat_message {
margin-bottom: 2px;
}

span.chat_spacer {
margin-right: 8px;
}

div.chat_warning {
background-color: lightyellow;
border: 1px solid orange;
padding:3px;
}

TD.chat_label_left {
line-height:19px;
}

/*! RESOURCE: styles/currency.css */
SPAN.reference_currency {
display: none;
}

INPUT.currency_tab {
width: 0px;
border: 0;
margin: 0;
background-color:white;
}
/*! RESOURCE: styles/live_styles.css */
/**
* CSS stylesheet for all chat windows, notifications, and live messaging.
*/

/** GENERIC :: CENTER COLUMN ******************************************************************************************/
td.expando_column {
width: 100%;
}

/** GENERIC :: ROW HIGHLIGHT ******************************************************************************************/
.row_highlight {
border: 1px solid transparent;
}

.row_highlight > * {
border: 1px solid transparent;
}

.row_highlight:hover, .row_highlight:focus {
border: 1px solid #d8f1fa;
cursor: default; /* May be overriden */
outline: none;
}

.row_highlight:hover > *, .row_highlight:focus > * {
border: 1px solid #f5fafd;
background: #f4fafd url(../images/backgrounds/row_section_highlight_inner_bg.pngx) repeat-x left bottom;
}

/** GENERIC :: PROFILE_IMAGE ******************************************************************************************/

.live_profile_image {
border: 1px solid #ccc;
display: block;
/* DO NOT FLOAT THIS LEFT -- IE7 issues */
}

span.live_profile_image.small {
height: 34px;
width: 34px;
}

span.live_profile_image.medium {
height: 50px;
width: 50px;
}

span.live_profile_image {
background-color: #f5fafd;
text-align:center;
}

.live_profile_image > img {
border: 1px solid #f5fafd;
}

/** GENERIC :: ACCORDIAN HEADER CONTAINER *****************************************************************************/

.live_accordian_header {
border: 1px solid #bbbbbb;
-moz-user-select: none;
-webkit-user-select: none;
display: block;
overflow-y: visible;
}

.linkclick:hover {
cursor: pointer;
}

.live_accordian_header_image {
margin-top: 0px;
}

.live_accordian_header > table {
border-bottom: 1px solid #efefef;
border-top: 1px solid #efefef;
background-color: #eeeeee;
padding: 0;
margin: 0;
display: block;
width: 100%;
border-collapse: collapse;
}

.live_accordian_header td {
padding: 3px 0;
margin: 0;
vertical-align: middle;
}

.live_accordian_header .text {
font-size: .8em;
font-weight: bold;
color: #333;
}

.live_stuff_expander {
float: none;
}

.live_stuff_expander > span {
float: none;
display: block;
margin-top: 1px;
}

/* Simulate the active when across the entire row */
.live_accordian_header:hover { border: 1px solid #999; }
.live_accordian_header:hover .text { color:#003863; }
.live_accordian_header:hover > * { border-bottom: 1px solid #ecf8ff; border-top: 1px solid #ecf8ff; }
.live_accordian_header:hover .i16_toggle_up { background-position: -16px -432px; }
.live_accordian_header:hover .i16_toggle_down { background-position: -16px -448px; }

/** GENERIC :: MINI GROUP CONTAINER ***********************************************************************************/

.live_mini_group_container {
font-weight: bold;
font-size: 0.8em;
color: #0d5aa8;
}

.live_mini_group_container:hover {
color: #111;
cursor: pointer;
}

.live_mini_group_container:hover .iSmall_arrow_down_blue {
background-position:0 -29px; /* Switch from blue to gray */
}

.live_mini_group_container:hover .iSmall_arrow_right_blue {
background-position:0 -8px; /* Switch from blue to gray */
}

.live_mini_group_container > * {
padding: 1px 3px;
}

/** GENERIC :: FONTS **************************************************************************************************/

.live_row_subtext {
color: #555;
font-size: 0.8em;
}

/** LIVE PRESENCE  ****************************************************************************************************/

.live_presence_image {
width: 12px;
height: 12px;
padding: 0px;
margin: 2px;
}

.live_presence_status {
margin-left: 10px;
color: #999;
}

/** LIVE WINDOW *******************************************************************************************************/

.live_mainframe {
padding: 0;
overflow-y: hidden;
overflow-x: hidden;
display: block;
height: 100%;
}

/** LIVE WINDOW :: TOOLBAR ********************************************************************************************/

.live_toolbar {
background: none;
width: 100%;
display: table-cell; /* Displayed inside a nested table and we don't want absolute positioning to push the contents to 100% of the viewport */
border-collapse: collapse;
}

.live_toolbar td {
vertical-align: middle;
padding: 0;
}

.live_toolbar .icon:hover {
background: #ccc;
cursor: pointer;
}

/** LIVE WINDOW :: CHAT ***********************************************************************************************/

.live_chat_table {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: 0;
border-collapse: collapse;
background: none;
}

.live_chat_table td {
vertical-align: top;
}

.live_chat_roster {
white-space: nowrap;
padding: 0;
}

.live_chat_roster_frame {
padding: 0; /* Ensure 0 padding otherwise FloatingChatResizer will need to account for this plus browser quirks in setting height */
overflow-y: auto; /* In order to prevent auto-jumping we must force this to scroll */
overflow-x: hidden;
min-width: 45px;
}

.live_chat_roster_users {
float: left;
width: auto !important;
}

.live_chat_roster_border {
height: 100%;
padding: 0;
}

.live_chat_roster_border_inner {
width: 0px;
height: 100%;
border-right: 1px solid #a5a9b6;
/* Readd the following if the background gradient is added back underneath the chat windows ::
border-left: 1px solid #fff; */
}

.live_chat_message_pane {
width: 100%;
height: 100%;
margin:0;
padding:0;
}

.disabled .live_chat_message_pane {
background: #f3f3f3;
}

.live_chat_roster_user {
display: block;
padding: 1px 6px 1px 0;
}

.live_chat_roster_user_indented {
padding-left: 8px;
}

.live_chat_roster_user span.inner {
display: inline-block;
}

.live_chat_roster_username {
vertical-align: top;
padding: 1px 0 0 4px;
color: #000;
font-size: 11px;
}

.live_chat_roster_username.invited {
color: #aaa;
}

.live_chat_mainframe {
overflow-y: auto;
word-wrap: break-word;
-moz-user-select: text;
}

.live_chat_mainframe a {
color: blue;
text-decoration: underline;
}

/**
* We keep the padding separate from the [.live_chat_mainframe] class such that we can grep the outer
* container and set heights accordingly depending on different browsers which may or may not include
* the padding. (e.g. IE7). Note, the top padding of this needs to match the padding of the [live_chat_roster].
*/
.live_chat_mainframe_padding {
padding: 4px;
}

.live_chat_messages.timestamps .live_chat_time_separator,
.live_chat_messages.timestamps .live_chat_date_separator,
.live_chat_messages.timestamps .live_chat_msg_timestamp {
display: block;
}

.live_chat_history .live_chat_msg_user_me,
.live_chat_history .live_chat_msg_user_q,
.live_chat_history .live_chat_msg_user,
.live_chat_history .live_chat_msg_text {
color: gray !important;
}

/* Shrink the font size for edge windows */
.nav_edge .live_chat_messages {
font-size: 0.9em; /* Looks good on both IE, WinWebKit, MacFF/WebKit */
}

.live_chat_message {
clear: both;
}

.live_chat_headline {
color: #777;
background-color:#f9f9f9;
font-size: .9em;
font-style: italic;
padding: 1px 0;
margin: 2px 0 4px 0;
border: 1px solid #ddd;
margin: 10px 0px 10px 0px;
padding: 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.live_chat_msg_user_me {
color: #0080c0;
padding-right: 3px;
font-weight: bold;
}

.live_chat_msg_user_q {
float: left;
color: #3355aa;
white-space: nowrap;
padding-right: 3px;
font-weight: bold;
}

.live_chat_msg_user {
color: #d5413a;
padding-right: 3px;
font-weight: bold;
}

.live_chat_date_separator {
display: none;
font-weight: bold;
font-size: .8em;
margin-top: 3px;
text-align: right;
}

.live_chat_time_separator {
display: none;
font-size: 0;
line-height: 0;
height: 0px;
padding: 0;
margin: 5px 1px 0 1px;
border-top: 1px solid #f4f4f4;
}

.live_chat_message_body {
white-space: pre-wrap; /* Note: This requires DOCTYPE to be set to work properly in IE */
display: block;
padding: 2px 2px 0 2px;
/* Do not display the width: 100% as this will push the underlying box underneath the vertical
scrollbar which is the undesired effect in quirks mode. */
}

.live_chat_msg_text {
word-wrap: break-word; /* Required for IE 5.5+ */
}

.live_chat_msg_timestamp {
display: none;
float: right;
font-size: smaller;
color: #666;
margin-bottom: 3px; /* Required for pushing text of a message to wrap around the name (FF- Min:3px) */
margin-left: 5px;
}

.live_chat_input_wrapper {
display: block;
padding: 4px 6px 4px 4px;
overflow: hidden;
position: relative;
border: 0;
margin: 0;
}

.live_chat_input {
border: 1px solid #999;
margin: 0;
padding: 4px 0 4px 0;
height: 16px;
width: 100%;
resize: none;
background: #fff;
color: #333;
overflow:hidden;
border-collapse: collapse;
-moz-user-select: text;
-webkit-user-select: text;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

.disabled .live_chat_input {
background-color: #f3f3f3;
}

/** LIVE WINDOW :: CHAT/TOOLBAR ***************************************************************************************/

.live_chat_toolbar {
width: 100%;
border-collapse: collapse;
}

.live_chat_toolbar td {
vertical-align: middle;
padding: 0;
}

.live_chat_toolbar_gear {
display: block;
}

.live_chat_toolbar_sep_div {
white-space: nowrap;
width: 0;
height: 14px;
margin: 3px 4px 3px 4px;
border-left: 1px solid #a5a9b6;
border-right: 1px solid #fff;
}

.glide_box.dark .live_chat_toolbar_sep_div {
border-left: 1px solid #000;
border-right: 1px solid #424242;
}

.live_chat_toolbar_text {
width: 100%;
color: #888;
font: normal 11px 'Segoe UI','Lucida Grande',Tahoma,Arial,sans-serif;
padding-bottom: 1px;
}

.glide_box.dark .live_chat_toolbar_text {
color: #c1c1c1;
}

a.live_window_link {
color: WindowText;
}

a.live_window_link:hover {
text-decoration: underline;
}

a.live_chat_roster_section_header {
font-weight: bold;
font-size: .8em;
display: block;
color: #333333;
border: 1px solid transparent;
}

a.live_chat_roster_section_header:focus,
a.live_chat_roster_section_header:active {
outline: 0;
}

a.live_chat_roster_section_header span.child {
display: block;
border: 1px solid transparent;
padding: 1px 4px 1px 2px;
}

a.live_chat_roster_section_header:hover {
border: 1px solid #d8f1fa;
text-decoration: none;
}

a.live_chat_roster_section_header:hover span.child {
border: 1px solid #eff9fe;
background: #eff9fe url(../images/backgrounds/row_section_highlight_inner_bg.pngx) repeat-x left bottom;
}

/** LIVE WINDOW :: USER WORK QUEUE ***********************************************************************************/
.am_queue_leftspacer {
padding: 8px 5px 0 0;
}

.am_queue_leftspacer span {
font-weight: bold;
color: tomato;
}

/** LIVE WINDOW :: AGENT WORK QUEUE ***********************************************************************************/
.live_agent_mainframe {
padding: 0;
vertical-align: top;
overflow-y: auto;
}

.live_agent_user_list {
width: 100%;
padding: 0;
}

.live_agent_user_pos {
padding-right: 8px;
padding-left: 8px;
}

.live_agent_user_info {
width: 100%;
padding-left: 2px;
padding-right: 2px;
}

.live_agent_user_info_name {
font-weight: bold;
}

.live_agent_user_help > button {
visibility: hidden;
}

.live_agent_user_list tr:hover .live_agent_user_help > button {
visibility: visible;
}

.live_agent_user_time_live {
font-size: 11px;
}

.live_agent_user_info .live_row_subtext {
font-size: 12px;
}

/******* FLOATING STYLES ********/
.floating.live_agent_user_list {
border-collapse: collapse;
border-bottom: 1px solid #ddd;
}
.floating.live_agent_user_list td {
padding-top: 6px;
padding-bottom: 6px;
height: 40px;
vertical-align: middle;
border-top: 1px solid #ddd;
}
.floating.live_agent_user_list tr:hover td {
background: #fdfce1 url(../images/backgrounds/highlight_bg.pngx) repeat-x left bottom;
}
.floating .live_agent_user_pos span {
color: tomato;
font-weight: bold;
font-size: 12pt;
}
.floating .live_agent_help_next {
font-size: 14px;
padding: 2px 10px;
}
.floating .live_agent_user_help {
width: 63px;
}
.floating .live_agent_user_time_live {
color: gray;
}

/******* EDGE STYLES ********/
.edge.live_agent_user_list {
border-collapse: separate;
background: none;
border-bottom: 1px solid #424242;
}
.edge.live_agent_user_list td {
padding-top: 7px;
padding-bottom: 7px;
}
.edge .live_agent_user_info1 {
color: #e0e0e0;
}
.edge .live_agent_user_pos span {
color: tomato;
font-weight: bold;
font-size: 12pt;
}
.edge .live_agent_user_info_name {
color: #fff;
}
.edge .live_agent_user_time_live {
color: #b0b0b0;
}
.edge .live_agent_user_info .live_row_subtext {
color: #e0e0e0;
}


/** "MY STUFF"/USER LIST  *********************************************************************************************/

.live_stuff_container {
padding: 0;
margin: 0;
height: 100%;
-moz-user-select: none;
-webkit-user-select: none;
}

.live_stuff_container.disabled > div {
display: none;
}
.live_stuff_container.disabled > .live_stuff_container_offline {
display: block !important;
}

.live_stuff_friends_title > table {
margin: 3px 0;
padding: 0;
background: transparent;
width: 100%;
display: block;
min-height: 44px;
}

.live_stuff_friends_title > table td {
padding: 0;
vertical-align: middle;
}

.live_my_profile_image_container {
position: relative;
overflow: hidden;
margin: 2px 4px 2px 4px;
box-shadow:0 0 2px #999;
-moz-box-shadow:0 0 2px #999;
-webkit-box-shadow:0 0 2px #999;
display: block;
}

.live_my_profile_image_container:hover {
cursor: pointer;
}

.live_stuff_friends_title .live_profile_image {
border: 1px solid #777; /* Need to darken it up a bit for header */
}

/** Match the input behind it with similar margins and similar height */
.edge_buddy_tooltip input,
.live_my_profile_image_container input {
left: 0;
top: 0;
width: 34px; /* Overriden by browser anyway */
height: 34px;
font-size: 34px;
line-height: 34px;
position: absolute;
z-index: 9999;
opacity: 0;
filter: alpha(opacity=0);
cursor: pointer; /* Won't work regardless */
}

.live_stuff_roster_my_name {
font-weight: bold;
font-size: 1.2em;
padding: 2px 0;
}

table.live_stuff_roster_my_status {
border-collapse: collapse;
margin: 0;
padding: 0;
display: block;
width: 100%;
background: transparent;
}

table.live_stuff_roster_my_status td {
vertical-align: middle;
}

.live_stuff_roster_my_status_text {
margin: 0 2px 0 0;
padding: 0;
color: #555;
font-size: 0.8em;
font-style: italic;
min-height: 16px;
}

.live_stuff_roster_my_status_text {
margin: 0 2px 0 0;
padding: 0;
color: #555;
font-size: 0.8em;
font-style: italic;
min-height: 16px;
}

.live_stuff_roster_my_status:hover {
cursor: text;
}

.live_stuff_container_offline {
display: none;
padding: 3px;
font-size: .9em;
font-style: italic;
}

/**********************/

.live_stuff_row table {
margin: 0;
padding: 0;
border-collapse: collapse;
background: transparent;
}
.live_stuff_row td {
padding: 0;
margin: 0;
vertical-align: middle;
}
.live_stuff_row td.expando_column {
padding: 1px;
}


/** GROUP SECTIONS **/
.live_roster_group_friends {}
.live_roster_group_rooms {}

/** ROSTER ROW FORMATTING **/

.live_stuff_text_main {
font-weight: normal;
font-size: 0.9em;
}

.live_stuff_text_sub {
color: #333;
font-size: 0.8em;
font-style: italic;
}
.live_stuff_right_icon {
white-space: nowrap;
}

.live_stuff_text_sub_created {
color: #999;
font-size: 0.8em;
}

.live_stuff_right_icon > span.i16 {
margin: 0 3px 0 4px;
float: none;
display: block;
}

/**********************/

.live_stuff_link_section {
padding: 2px 3px 3px 10px;
font-size: .9em;
line-height: 1.4em;
font-style: italic;
}

.live_stuff_container_offline a,
.live_stuff_link_section a {
color: blue;
padding-left: 3px;
}

/** "MY STUFF" ROSTER ROOM SEARCH *************************************************************************************/

.live_stuff_room_search {
border-top: 1px solid #c2c2c2;
background: #fff url(../images/background/roster_search_background_center.pngx) repeat-x left center;
padding: 6px 5px 5px 5px;
}

.live_stuff_search_box table {
padding: 0;
margin: 0;
width: 100%;
border-collapse: collapse;
}

.live_stuff_search_box {
border-top: 1px solid #7d99b0;
border-bottom: 1px solid #abc1d2;
border-left: 1px solid #8da7bc;
border-right: 1px solid #8da7bc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: block;
background-color: #fff;
}

.live_stuff_search_box input {
color: #333;
font-size: 11px;
font-style: italic;
border: none;
background-color: #fff;
width: 100%;
height: 16px;
padding: 2px 1px 2px 2px;
}

/** "MY STUFF" TOOLBAR ************************************************************************************************/

.live_roster_toolbar .item {
float: left;
}

.live_toolbar_invite_count {
position: absolute;
background: red;
left: 18px; /* Width : 24px --> Move in rightward direction .. yeah baby nice trick :) */
top: 2px;
padding: 1px;
border: 0 !important;
white-space: nowrap;
font: bold 9px Tahoma;
color: #fff;
text-decoration: none;
outline: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.live_stuff_toolbar_room_invite_row {
max-width: 380px;
width: 380px;
word-wrap: break-word;
text-decoration: none;
padding: 3px;
}

.live_stuff_toolbar_room_invite_row table {
border-collapse: collapse;
border: 0;
padding: 0;
background-color: transparent;
}

.live_stuff_toolbar_room_invite_row table td {
display: table-cell;
}

.live_stuff_toolbar_room_invite_row_roomname {
font-size: 1em;
font-weight: bold;
}

.live_stuff_toolbar_room_invite_row_invited {
font-size: smaller;
margin-top: 3px;
}


/** ERROR DIALOG ******************************************************************************************************/

.live_error_text {
font-weight: bold;
color: tomato;
padding-bottom: 8px;
}

/** LIVE OVERLAY SEARCH ***********************************************************************************************/

.live_overlay_search_field {
width: 220px;
}

.live_overlay_loading_container {
margin: 0 0 0 4px;
padding: 10px 0;
}

.live_overlay_search_box {
margin: 4px 0 4px 0;
border: 1px solid #aaa;
height: 210px;
overflow: auto;
}

.live_overlay_search_errors > div {
padding: 4px;
}

.live_overlay_search_results_info {
color: #888;
}

.live_online_count_filter_matches,
.live_online_count_total_matches {
font-weight: bold;
}


/** LIVE LIST *********************************************************************************************************/

.live_list_column {
display: block;
padding: 3px;
}

.live_list_column:hover {
background: #e5e5e5;
cursor: hand;
cursor: pointer;
}

.live_list_roster {
border-collapse: collapse;
}

table.live_list_roster,
.live_list_roster td {
margin: 0;
padding: 0;
background-color: transparent;
}

.live_list_roster td {
vertical-align: middle;
}

.live_list_roster_icon {
display: block;
float: left; /* Wrap around all the bogus spacing from different img styles/spans/divs */
width: 16px;
height: 16px;
margin: 0 3px 0 0;
}

.live_list_roster_icon > * {
float: left;
}

.live_list_roster_status {
display: block;
color: #888888;
font-size: smaller;
margin-top: -1px;
}

/*! RESOURCE: styles/process_flow_formatter.css */

td.process_flow {
/*padding: 4px;*/
color: white;
text-align: center;
padding-left: 8px;
padding-right: 8px;
}

td.process_flow.past {
background-color: #00cc15;
color: #555;
}

td.process_flow.current {
background-color: #00cc15;
color: white;
}

td.process_flow.future {
background-color: #DCDCDC;
color: #777;
}

.process_flow_formatter img {
opacity: 1 !important;
}
/*! RESOURCE: styles/progress.css */
.executionTrackerProgressBar {
width: 350px;
height: 10px;
background: white;
color: #3E8EF9;
border: 1px solid;
border-radius: 5px;
}
.executionTrackerProgressBar::-moz-progress-bar { background: #3E8EF9; border-radius: 5px;}
.executionTrackerProgressBar::-webkit-progress-bar { background: white; border-radius: 5px;}
.executionTrackerProgressBar::-webkit-progress-value { background: #3E8EF9; border-radius: 5px;}

.failedExecutionTrackerProgressBar {
width: 350px;
height: 10px;
background: white;
color: red;
border: 1px solid;
border-radius: 5px;
}
.failedExecutionTrackerProgressBar::-moz-progress-bar { background: red; border-radius: 5px;}
.failedExecutionTrackerProgressBar::-webkit-progress-bar { background: white; border-radius: 5px;}
.failedExecutionTrackerProgressBar::-webkit-progress-value { background: red; border-radius: 5px;}
/*! RESOURCE: styles/diff_view.css */
/**
* css for xml diff viewer
* note: color scheme reflects on multiple diff/merge interfaces (glide, glide-paas),
* search for all references to "diff_view" when making changes
*/

/*************************************************************
* UI11 (doctype false, IE7, IE8)
*************************************************************/
table.diff {
border-spacing: 0;
}

table.diff tbody th {
color: #343d47;
background:#e7e8ea;
padding:.3em 0 .1em 0;
text-align:right;
vertical-align:top;
}

table.diff th {
padding:8px 6px;
background: #e7e8ea;
font-weight: bold;
}

table.diff thead th.texttitle {
text-align:left;
background-color: #D1232B;
color: white;
}

table.diff tbody td {
padding:4px 6px;
vertical-align:top;
width: 50%;
border-bottom: 1px solid #e7e8ea;
}

table.diff td.count {
color: #666666;
width: 2%;
}

table.diff .empty {
background-color:#e7e8ea;
}

table.diff .replace {
background-color:#FD8;
}

table.diff .delete {
background-color:#FFA4A4;
}

table.diff .skip {
background-color:#e7e8ea;
}

table.diff .insert {
background-color:#9E9;
}

table.diff .zebra {
background-color:#e7e8ea;
}

table.diff th.author {
text-align:right;
background:#e7e8ea;
}

table.diff th.field {
padding: 4px 10px;
text-align: right;
border:0;
}

table.diff th.top_left_field {
background-color: #D1232B;
padding: 4px 6px;
text-align: right;
border: 0;
}

table.diff td.not_found {
text-align: left;
}

button.revert_link {
float: right;
background-color: #D1232B;
color: white;
border-color: white;
font-weight: normal;
}


span.current_version_text {
margin-left:30px;
}

div.wrapper_div {
width: 100%;
position:relative;
}

/*************************************************************
* UI14 (and up)
*************************************************************/
html[data-doctype=true] table.diff th {
padding: 8px 6px;
font-weight: bold;
}

html[data-doctype=true] table.diff thead th {
color: white;
background-color: #D1232B;
border-style: none;
text-align: center;
vertical-align: middle;
line-height: 34px;
}

html[data-doctype=true] table.diff thead th.texttitle {
text-align: left;
line-height: 34px;
}

html[data-doctype=true] table.diff tbody th {
color: #343d47;
background: #e7e8ea;
text-align: right;
vertical-align: top;
min-height: 24px;
white-space: normal;
}

html[data-doctype=true] table.diff tbody td {
padding: 4px 10px;
vertical-align:top;
width: 50%;
border-bottom: 1px solid #e7e8ea;
}

html[data-doctype=true] table.diff td.count {
color: #666666;
width: 2%;
}

html[data-doctype=true] table.diff .empty {
background-color:#e7e8ea;
}

html[data-doctype=true] table.diff .replace {
background-color:#FD8;
}

html[data-doctype=true] table.diff .delete {
background-color:#FFA4A4;
}

html[data-doctype=true] table.diff .skip {
background-color:#e7e8ea;
}

html[data-doctype=true] table.diff .insert {
background-color:#9E9;
}

html[data-doctype=true] table.diff .zebra {
background-color:#e7e8ea;
}

html[data-doctype=true] table.diff th.author {
text-align:right;
background:#e7e8ea;
}

html[data-doctype=true] table.diff th.field {
padding: 4px 10px;
text-align: right;
border: 0;
}

html[data-doctype=true] table.diff th.top_left_field {
background-color: #D1232B;
padding: 4px 10px;
text-align: right;
border: 0;
}

html[data-doctype=true] table.diff td.not_found {
text-align: left;
}

html[data-doctype=true] button.revert_link {
float: right;
background-color: #D1232B;
color: white;
}


html[data-doctype=true] span.current_version_text {
margin-left:30px;
}

html[data-doctype=true] div.wrapper_div {
width: 100%;
position:relative;
}
/*! RESOURCE: styles/scope.css */
.navbar-out-of-scope {
background-color: #fff5e5 !important;
}

.header-out-of-scope {
background-color: orange !important;
}

.tablet-header-out-of-scope {
background-image: -webkit-linear-gradient(top, #ffffff, #ffdaaf) !important;
}
/*! RESOURCE: styles/home_styles.css */
.home_closetop {
display: inline;
float: right;
border: 1px solid #bbbbbb;
background-color: #eeeeee;
padding: 3px;
}

.home_addtop {
display: inline;
border: 1px solid #bbbbbb;
background-color: #eeeeee;
padding: 3px;
float: left;
}

.home_title {
font-size:larger;
font-weight: bold;
white-space: nowrap;
border: 0px;
overflow: visible;
text-align: left;
resize: none;
}

.home_select_content {
float: left;
font-size: 10pt;
font-family: Tahoma, Verdana;
width: 200px;
}


.content_filter_select_wrapper .input-group-transparent .input-group-addon-transparent {
position: absolute;
left: 6px;
top:5px;
width: 22px;
z-index: 3;
font-size: 18px;
}

.content_filter_select_wrapper .form-control.form-control-search {
display: block;
width: 100%;
height: 32px;
padding: 6px 9px;
font-size: 13px;
line-height: 1.42857;
color: #000000;
background-color: #fff;
background-image: none;
border: 1px solid #bdc0c4;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.content_filter_select_wrapper {
display: inline-block;
width : 210px;
margin-left : 5px;
margin-top: 5px;
}

.content_filter_select_wrapper .input-group-transparent .input-group-addon-transparent ~ input {
padding-left: 20px;
}

td.content_selection_list, #masterdiv {
min-width: 660px;
}

td.content_selection_list div.content_filter_select_wrapper select.home_select_content {
width: 200px;
margin-top : 5px;
margin-left : 3px;
}

.home_search_content {
width: 199px;
display: inline-block;
position:relative;
}

p.home_select_content {
text-align: center;
}

.home_preview {
width: 550px;
height: 250px;
overflow: auto;
}

.msie8 .home_select_content, .msie7 .home_select_content {
width:182px;
}

.msie8 .input-group-transparent, .msie7 .input-group-transparent{
width: 182px;
float:left;
}

.msie8 .input-group-transparent input, .msie7 .input-group-transparent input{
width: 190px;
}

.msie7 .content_filter_select_wrapper,.msie8 .content_filter_select_wrapper {
width:220px;
}

.msie7 #masterdiv,.msie8 #masterdiv,.msie7 td.content_selection_list,.msie8 td.content_selection_list {
width:680px;
}

.home_loading_overlay {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background:#FFFFFF;
opacity:0.8;
filter:alpha(opacity=80);
z-index:1005;
border-radius: 6px;
}

.home_loading_container {
width: 400px;
max-width: 95%;
margin: 15px auto;
text-align: center;
}

h1.home_loading_message {
font-size: 20px;
}

.home_loading_indicator {
font-size: 4rem !important;
width: 4rem !important;
height: 4rem !important;
}

.icon-add {
margin-right: 5px;
}

#buttons-group .popover-title {
display: none;
}

#buttons-group .popover-content .popover-body {
padding-top: 0px;
}

#delete-homepage-btn {
margin-top: 10px;
width: 100%;
}

#homepage-settings-popover button.btn-block {
text-align: center;
display: inline-block;
margin-inline-start: 0;
}

#homepage-settings-popover legend {
border: none;
padding: 15px 0 5px 0;
width: 100%;
}

#homepage-settings-popover .popover-body .row {
border: none;
margin: 0px;
padding: 3px 0;
}

select.select2.page_selector {
display: none;
}

.hide-me {
display: none;
}

#buttons-group #popoverHintCreateDashboardVersion {
padding-top: 12px;
}

#buttons-group .hint-create-dashboard-version .popover.left {
top: 6px !important;
}

#buttons-group .hint-create-dashboard-version .popover.left .arrow {
top: 15px !important;
}

.hint-create-dashboard-version{
display: inline;
}
/*! RESOURCE: styles/activity.css */
/* Used by activity formatter and chat room document updates */

table.activity_table, table.activity_table table {
table-layout: fixed;
}

table.activity_table tr.activity_header > td, table.activity_table tr.activity_data > td {
width: 100%;
}

span.activity_date {
font-weight: bold;
}

span.activity_update_group {
margin-left: 20px;
}

.rtl span.activity_update_group {
margin-right: 20px;
}

.rtl .activity_table span {
display: inline-block;
}

.rtl .sn-card-component .sn-widget-list-table-cell:first-of-type {
float: right;
text-align: left;
padding-right: 0px;
padding-left: 20px;
}

.rtl .sn-card-component .sn-widget-list-table-cell:last-of-type {
float: right;
text-align: right;
}

span.user {
color:DarkBlue;
font-weight:bold;
}

span.reason {
color:Green;
}

span.fitem {
color:Green;
font-size: smaller;
}

TD.ia_left {
vertical-align: top;
width: 18px;
}

span.activity_was {
color:#999;
}

span.activity_was_value {
color:#999;
}

TD.activity_label_left {
line-height:19px;
}

DIV.activity_field {
padding: 5px 0;
word-wrap: break-word;
}

span.sn-widget-printer-friendly-textblock {
white-space: pre-line;
}

HTML[data-doctype=true] span.activity_update_group{
margin-left:35px;
}

HTML[data-doctype=true] .activity_toggle{
margin-right:10px;
}

HTML[data-doctype=true] .activity_label {
font-weight:bold;
}

HTML[data-doctype=true] .activity-button{
-webkit-transition: -webkit-transform 0.3s;
-ms-transition: -ms-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}

HTML[data-doctype=true] .closed_activities .activity-button{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}

HTML[data-doctype=true] div[name="toggle_activity"]{
overflow: hidden;
}

HTML[data-doctype=true] div[name="toggle_activity"].animate{
-webkit-transition: max-height 0.5s;
-ms-transition: max-height 0.5s;
-moz-transition: max-height 0.5s;
transition: max-height 0.5s;
}

HTML[data-doctype=true] .closed_activities div[name="toggle_activity"]{
max-height: 0;
}
