/* Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome - License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
  @font-face{font-family:'FontAwesome';
  src:url('/img/style/a3997347/img/fontawesome-webfont.eot?v=4.5.0');
  src:url('/img/style/a3997347/img/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),
  url('/img/style/a3997347/img/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),
  url('/img/style/a3997347/img/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');}

@import url(https://fonts.googleapis.com/css?family=Lato);

/* --------------------- INSTRUCTIONS ---------------------

*Note: you may want to disable "word wrap" when viewing this file*

CHANGING THE HEADER IMAGE
- Once you apply this theme, you may need to update the image links for it to appear properly.
  To do that...
   - Open up your application
   - Open the application handbook
   - Open the CSS Style Builder
   - Open up this theme
   - Scroll down to the bottom of the page so that you can seethe Style Images
   - Now you will need to update the CSS with the new image location (the numeric part of the image url)
      - For example:background:url('/img/style/a3997347/img/'); might need changed to background:url('/img/style/a3893456/img/');
   - Then save the updated Stylesheet

CHANGING THE COLORS
- "Find and Replace" the color hex codes below to match your preferred palette.
- A good color reference might be this website below. If this website becomes obsolete, please update with a new one! Feel free to add your own too, Thanks!
  - https://color.adobe.com/explore/most-used/

Primary Color: Dark           = #
Primary Color: Medium         = #
Primary Color: Light          = #
Primary Color: Bright         = #
Primary Color: Almost White   = #
Feature Color: Bright         = #
Primary Grey: Dark            = #
Primary Grey: Light           = #
Primary Grey: Color Hue       = #
Notifications: Red            = #
Notifications: Orange         = #
Notifications: Green          = #

CHANGING THE ICONS
- The Icon Font is added to this CSS file by using the fontawsome.com.
- These icons can be treated just like fonts, using a pre-defined unicode, so you can change thier sizes, colors, positions etc.
- Please add and change icons as seen in the example below:

  a:before {font-family:FontAwesome; content:"\f00b"; color:red; font-size:25px;}

  *Note:
    You will not be able to use the "{content:"";}" attribute on self-closing tags like input buttons.
    Self-colosing tags technicly dont have any content to begin with; target is parent or try a different html type.

- Feel free to reference the "Font-Awesome-Cheatsheet-4.5.0.pdf" file or visit https://fortawesome.github.io/Font-Awesome/cheatsheet/
- If this Icon Font becomes obsolete or outdated, please ask engineering to update with a new one, Thanks!

--------------------- FONTS --------------------- */
body, div.wx_popup_app_header .wx_popup_page_title, .wx_layout[data-wx_layout_type="e24595"] .wx_layout_title_bar td.wx_layout_title {font-size: 1.5em;}
input[type=submit], input[type=button], input[type="button"].wx_sw_step_next_button, .wx_step_cancel_button, button, body.wx_login, body.wx_login_reset, body.wx_support {font-size: 1em;}
td.wx_layout_title, .wx_popup_app_header .wx_popup_page_title, .wx_dialog_page .ui-dialog-titlebar, .wx_dialog_page .ui-dialog .ui-dialog-titlebar {font-size: 1.8em; font-weight:lighter;}
.wx_layout[data-wx_layout_type="e24595"] .ui-tabs-nav li,
.wx_layout[data-wx_layout_type="e341"] .ui-tabs-nav li a span,
.ui-dialog td.wx_layout_title,
.ui-dialog td.wx_layout_title span,
.ui-dialog-titlebar, div.wx_simple_wizard div.ui-dialog-titlebar{font-size:1.3em !important}
#wx_action_manager {font-size: .8em}


/* --------------------- BASE CHANGES --------------------- */
body {
    background-color: #f7f7f7 !important;
    background: -moz-linear-gradient(top, #f7f7f7 0%, #D5DDE5 12%, #f7f7f7 75%) no-reapeat;
    background: -webkit-linear-gradient(top, #f7f7f7 0%,#D5DDE5 12%,#f7f7f7 75%) no-reapeat;
    background: linear-gradient(to bottom, #f7f7f7 0%,#D5DDE5 12%,#f7f7f7 75%) no-reapeat;}
#grid-placeholder, .wx_login, .wx_login_reset {
    background-color: #f7f7f7;
    background-image: url("/img/style/a3997347/img/platform-nav-lines-2.png");
    background-position: 0 20px;
    background-repeat: repeat-x;
    background-size: 50px auto;}
a, .ui-tabs-nav a:link {color:#577890;}
h1, h2, h3, h4, h5 {color:#3F98D4}
hr {margin-top:2px; margin-bottom:2px;}
label {font-weight:inherit; margin-bottom:0px;}
textarea, input, select, body {font-family: 'Lato', sans-serif;}


/* Generic Form Settings */
.wx_layout {background:none;}
.wx_layout > .wx_layout_title_bar {color:#FFF; background-color:#1F75AB;}
.wx_layout > .wx_layout_title_bar div.wx_layout[data-wx_layout_type="e24595"], div.wx_layout div.wx_layout div.wx_layout, .wx-dialog-container div.wx_layout {box-shadow:none; margin-bottom:0px; border-left:0px;}
.wx_layout > .wx_layout_title_bar_style_no_bg {border-top:#FFF 0px solid;}
.wx_layout > .wx_layout_title_bar_style .wx_layout_icon {padding:0px 2px; vertical-align:baseline;}
.wx_layout_content .wx_layout_content {background-color:#FFF; margin:2px 0px;}
.wx_page .wx-grid-a3943725-e25899 .wx_layout, .wx_page .wx_layout.wx_layout_style_no_bg, .wx_page div.wx_layout div[data-wx_layout_type="e337"]:first-of-type, .wx_layout_wrap {margin-bottom:0px; background-color:transparent; box-shadow:none; border:0px;}
.wx_page div.wx_layout, div.wx_wizard_pane_content_bubble, .wx_explorer_search_dialog.ui-dialog, .wx_dialog_page.ui-dialog, .wx_dialog_page.ui-dialog, .wx_list_column_control_dialog.ui-dialog  {background-color:white; box-shadow:5px 5px 3px #999; margin-bottom:25px; border-left:1px solid #DDD;}
.wx-row, .clearfix .wx_layout_footer {max-width:1200px; margin:0 auto; padding:0px;}
div[data-wx_layout_type="e24595"] .wx_layout_content, div[data-wx_layout_type="e338"] .wx_layout_content {background-color:transparent;}


/* Header Form Part - wx_header */
.wx_navigation_search_wrapper {top:20px; right:-50px; color:#000; bottom:auto}
.wx_navigation_search_wrapper input, .wx_navigation_search_wrapper select {line-height:12px;}
.wx_appheader_field a {color:#41AEDA; line-height:16px;}
.wx_appheader_field:first-child {margin-left:0px; padding-left:0px; border-left:#41AEDA 0px solid;}
.wx_appheader_field  {color:#41AEDA; border-left:#41AEDA 1px solid; float:left; margin:0 0 0 5px; padding:0 0 0 5px; vertical-align:bottom; white-space:nowrap;}
.wx_header_nav_inner_wrapper {height:54px; padding:5px; float:right;}
.wx_header_nav_middle_wrapper {line-height: 1em}
.wx_application_header_col3 {padding-top: 3vh;}

.wx-logo {padding:0px; max-width:165px !important; width:100% !important; height:auto !important;}
.wx_application_tabs_empty {display:none;}
.wx_application_tabs > .ui-tabs-panel {padding:0;}
.wx_application_tab.ui-state-default,
.wx_application_tab.ui-state-default.ui-state-hover {background-color:transparent;}
.wx_application_ta.ui-tabs-selected,
.wx_application_tab.ui-tabs-selected.ui-state-hover {border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-ebkit-border-top-right-radius:5px; background-color:#3D4B62;}
.wx_application_header_col1, .wx_application_header_col3  {width:30%;}
.wx_application_header_col2 {width:40%;}


/* Title Bars */
.wx_layout[data-wx_layout_type="e24595"] .wx_layout_title_bar  {color:#3D4B62; font-weight:normal; margin:0px auto; padding:0px; width:100%;}
.wx_layout[data-wx_layout_type="e24595"] .wx_layout_title_bar .wx_layout_title_bar_inner_wrapper {margin:0px auto; padding:0px 5px;}
.wx_layout[data-wx_layout_type="e24595"] .wx_layout_title_bar td.wx_layout_title {margin:0px; padding:10px 0px; color:#3D4B62; font-weight:bold;}
.wx_layout[data-wx_layout_type="e24595"] .wx_layout_title_bar table.wx_layout_title_container .wx_field_data {margin:0px;}
.wx_layout_title_bar a {color:#FFF; text-transform:uppercase;}
.wx_layout_title a {color:#FFF;}
.wx_layout_title a:hover {color:#9ecbf2;}
.ui-dialog-titlebar {background-color:transparent; border:0px;}
div.wx_popup_app_header {padding-left:5px; padding-right:5px;}
div.wx_popup_app_header .wx_application_header_col1, div.wx_popup_app_header .wx_application_header_col3 {width:100%; display:inline-block; color:#41AEDA;}
.ui-dialog-titlebar,
div.wx_simple_wizard div.ui-dialog-titlebar,
.wx_calendar_recurrence_dialog .ui-dialog-titlebar,
.wx_explorer_search_dialog .ui-dialog-titlebar,
.wx_inspector_dialog .ui-dialog-titlebar,
.wx_dialog_page .ui-dialog-titlebar,
.wx_map_dialog .ui-dialog-titlebar,
.wx_help_dialog .ui-dialog-titlebar,
#wx_action_popup #wx_am_header,
#wx_action_manager div.wx_build_controls_header {
    padding-left: 18px;
    min-height:45px;
    background-image: -webkit-linear-gradient(top, #575e63, #3f4347);
    background-image: -moz-linear-gradient(top, #575e63, #3f4347);
    background-image: -ms-linear-gradient(top, #575e63, #3f4347);
    background-image: -o-linear-gradient(top, #575e63, #3f4347);
    color: #fff;
    margin: 0px;}
.ui-dialog .wx_layout_title strong {font-weight:300;}


/* Popups and Models*/
.ui-dialog {padding:0px; border:0px}
.wx_dialog_page .ui-dialog-content {height:auto !important;}
.wx_dialog_page.ui-dialog, .ui-dialog-content.ui-widget-content {height:auto !important; max-height:600px !important; min-height:400px !important; overflow:auto;}
.ui-dialog-buttonset {text-align:center; margin:10px;}
.ui-dialog-content.ui-widget-content {padding:15px; border:0px; height:auto !important}
.wx-dialog-container .ui-dialog-content.ui-widget-content {overflow:visible !important;}
.ui-dialog .wx_layout {margin-bottom:30px;}
.ui-dialog .wx_layout .wx_layout {border:0px;}
.wx-dialog-container {width:100%; height:100%;}
.wx-dialog-container:empty {display:none;}
.wx_sw_title_l, .wx_sw_title_r, .wx_sw_title_c {background-image:none;}
.wx_sw_title_c img, #wx_action_manager .wx_sw_title_c img {vertical-align:middle}
.wx_wizard_pane_content_bubble_titlebar {background-color:none;}
.wx_wizard_pane_content_bubble, .wx_explorer_search_dialog.ui-dialog, div.wx_wizard_pane_content_bubble {border-radius:0px;}
.wx_field_types_dialog .ui-dialog-titlebar {height:100%;}
.wx_list_column_control_dialog .ui-dialog-content > div {overflow:auto; height:auto; max-height:400px; min-height:350px}
.wx_column_control label {width:40%;}
.wx_calendar_recurrence_dialog.ui-dialog .ui-dialog-content, .wx_explorer_search_dialog.ui-dialog .ui-dialog-content {padding:10px; height:100% !important; max-height:375px;}
.wx_simple_wizard .ui-dialog-content.ui-widget-content {overflow:auto !important}
.wx_action_manager_dialog .ui-dialog-content.ui-widget-content {padding:0px;}
.wx_clear {line-height:0px;}


/* Field Grid */
.wx_layout[data-wx_layout_type="e338"] td.wx_field {color:#000;}
.wx_layout[data-wx_layout_type="e338"] td.wx_field label:after {content:' :';}
.wx_field.wx_required {font-weight:600}


/* List and Tables*/
.wx_multipicker_list {margin:0px;}
.ui-widget .wx_band_container {box-shadow: 5px 5px 3px #999;}
.ui-widget .wx_layout > .wx_layout_content > .wx_content > .wx_band_container .wx_band_category, div.wx_wizard_pane_content_bubble_titlebar {background:transparent; height:auto;}
.wx_layout[data-wx_layout_type="e339"] .wx_filter_interface {background-color:#ededed; float:left;}
.wx_layout[data-wx_layout_type="e339"] .wx_list {border-spacing:0px 0px;}
.wx_layout[data-wx_layout_type="e339"] .wx_row, [data-wx_layout_type="e24595"] .wx_layout_content {box-shadow:none;}
.wx_layout[data-wx_layout_type="e339"] .wx_row td {padding:0px 5px; vertical-align:middle; height:40px;}
.wx_layout[data-wx_layout_type="e339"] .wx_inline_edit_add_controls,
.wx_layout[data-wx_layout_type="e339"] .wx_picker_column,
.wx_layout[data-wx_layout_type="e339"] .wx_list thead th {padding:10px;}
.wx_layout[data-wx_layout_type="e339"] .wx_add_row {background-color:#BFBEBC;}
.wx_layout[data-wx_layout_type="e339"] .wx_selection_controls {padding:3px 9px;}
#wx_template_selector_e10276  {
  padding:10px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 1%, #efefef 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 1%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 1%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */}
.ui-widget .wx_band_container,
.wx_layout[data-wx_layout_type="e339"] .wx_list_field_label,
.wx_layout[data-wx_layout_type="e341"] .ui-tabs-nav,
.wx_band_container,
.wx_picker_column,
.wx_template_left_options,
th.wx_last_column,
th.wx_first_column {
  margin-left:0px;
  text-align:left;
  vertical-align:middle;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #bcddf0 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#bcddf0 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#bcddf0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcddf0',GradientType=0 ); /* IE6-9 */} 


/* Menu */
.wx_menu_parent,  .wx_menu_column {margin-left:9px;}
.ui-dialog .wx_layout > .wx_layout_content > .wx_content > .wx_band_container .wx_band_category {box-shadow:none}


/* Left Hand Navigation */
.wx_template_left_options_label {color:#899499; margin-right:16px;}
.wx_template_left_option {background-color:transparent; margin:15px; padding:5px; text-align:center; border:1px solid transparent; height:100%; position:relative; color:#333; font-weight:normal;}
.wx_template_left_option div[style="margin-top:8px;"] {height: 100%;margin-top: 10px !important;margin-bottom: 10px;display: inline-block;}
.wx_template_left_option:hover {background-color: #CCC; border: 1px solid #999; border-radius:10px; -webkit-border-radius: 10px;}
.wx_template_left_option.wx_active, .wx_template_left_wrapper .wx_template_left_option.wx_active{color:#333; background-color:#EDEDED; border:1px solid #A0A0A0; border-radius:10px; -webkit-border-radius: 10px;}
.wx_template_right_cap {display:none;}


/* Tab Navigation */
.ui-tabs-nav a:hover span {text-decoration:underline}
.ui-tabs-nav li {background-color:transparent;}
.wx_layout[data-wx_layout_type="e341"] .ui-tabs-nav li {background-color:transparent;}
.wx_layout[data-wx_layout_type="e341"] .ui-tabs-nav li.ui-tabs-selected {border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; background:#3D4B62 url('/img/layout/background_overlay.png') 0 50% repeat-x;}
.wx_layout[data-wx_layout_type="e341"] .ui-tabs-nav li.ui-tabs-selected a span, .wx_am_feature_title {color:#FFFFFF;}
.wx_layout[data-wx_layout_type="e341"] .ui-tabs-nav li.ui-tabs-selected.ui-state-hover {background-color:#1F75AB;}
.wx_layout[data-wx_layout_type="e341"] ul.ui-tabs-nav li.wx_error p {padding-right:100px;}
.wx_layout[data-wx_layout_type="e341"] ul.ui-tabs-nav li.wx_error,
.wx_layout[data-wx_layout_type="e341"] ul.ui-tabs-nav li.wx_error.ui-state-hover  {border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; background:#AE081F url('/img/layout/background_overlay.png') 0 50% repeat-x;}
.wx_layout[data-wx_layout_type="e341"] ul.ui-tabs-nav li.wx_error a span,
.wx_layout[data-wx_layout_type="e341"] ul.ui-tabs-nav li.wx_error.ui-state-hover a span  {color:#FFF;}
.wx_column_control .wx_no_sort {width:auto; height:auto; margin:3px; padding:0px; line-height:auto;}


/* Ribbon */
.wx_band_container .wx_band_option_name {padding:0 15px; margin:10px 0; height:65px;}
.wx_band_option {border:0px;}
.wx_band_option.active, .wx_band_option.wx_active {background-color:#1F75AB; color:#FFF; border:0px;}
.wx_band_option:hover {text-decoration:underline; border:0px;}
.wx_band_option.active:hover, .wx_band_option.wx_active:hover {text-decoration:none; border:0px;}
.wx_band_container .right_arrow, .wx_band_container .left_arrow {top:25px;}
.wx_band_option .wx_band_h_m, .wx_band_option .wx_band_f_m {height:8px;}
.wx_band_option .wx_band_c_m {text-align:center; padding:0px 10px;}
.wx_band_option.wx_active, .wx_band_option:hover {padding:8px;}


/* Flyout Menus & Others */
#root-menu-div .outerbox {border:1px solid #BFBEBC;}
#root-menu-div .menu-separator .menu-item {border-color:#BFBEBC;}
#root-menu-div .active .menu-item {background-color:#CFE4F6;}
.mceLayout {width:96% !important;}
.mceLayout select {min-height:25px !important;}



/* Login Page */
.error, .wx_login_reset .error, .wx_support .error {float:none;}
.wx_login .wx_wrap.wx_page, .wx_support .wx_wrap.wx_page, .wx_reset .wx_wrap.wx_page {margin:0px;}
.wx_login .wx_content_wrap, .wx_login_reset .wx_content_wrap, .wx_support .wx_content_wrap {margin-bottom:75px;}
.wx_login .button, .wx_login_reset .button, .wx_support .button, .wx_login .label, .wx_login_reset .label, .wx_support .label {font-weight:600;}
.wx_login input, .wx_login_reset input, .wx_support input {margin-bottom:10px;}
.wx_login div, .wx_login_reset div, .wx_support div, .wx_login table, .wx_login_reset table, .wx_support table {width:100%; text-align:center; margin:0 auto;}
.wx_login input {min-height:20px !important;}

/* Right Side Forms*/
td.wx_layout_title {padding-left:15px;}
table.wx_list tr.wx_row:hover td, table.wx_folderbrowser tr.wx_row:hover td {background-color:#DBEAF6;}
.wx_layout[data-wx_layout_type="e341"] .ui-tabs-nav li.ui-tabs-selected {background-color:#1F75AB; background-image:none}
.wx_layout[data-wx_layout_type="e341"] .ui-tabs-nav li {padding:10px;}
.wx_layout[data-wx_layout_type="e24595"] > div.wx_layout_content > div.wx_content > div.wx_layout_title_bar.wx_page_title_bar_style > div > div > table > tbody > tr > td {color:#3D4B62 !important;}
li.ui-state-default.ui-corner-top {border:1px solid #3D4B62;}


/* LIST ROW HOVER */
table.wx_list, table.wx_folderbrowser {border-collapse: collapse}
table.wx_list tr.wx_row:hover, table.wx_folderbrowser tr.wx_row:hover {
  background: #a9b4bc; /* Old browsers */
  background: -moz-linear-gradient(top,  #a9b4bc 0%, #dbeaf6 33%, #dbeaf6 70%, #a9b4bc 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #a9b4bc 0%,#dbeaf6 33%,#dbeaf6 70%,#a9b4bc 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #a9b4bc 0%,#dbeaf6 33%,#dbeaf6 70%,#a9b4bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9b4bc', endColorstr='#a9b4bc',GradientType=0 ); /* IE6-9 */}


/* ICONS */
input[data-wx_field_id="a3939617"], input[type=submit], input[type=button], button {color:#FFF; border-radius:0px; background:none; text-align:left; padding:5px 5px 5px 75px; text-transform:uppercase; font-size:1em; text-align:center;}
input[type=submit], input[type=button], button, input[type="button"].wx_sw_step_next_button {background-color:#3F98D4; padding:5px 15px; min-width:90px; text-transform:uppercase; margin-right:15px; border-radius:0px; border:0px;}
.wx_layout_title_bar input[type=submit]:hover, .wx_layout_title_bar input[type=button]:hover, .wx_layout_title_bar button:hover {color:#FFF; background:#3F98D4}
.wx_layout > .wx_layout_title_bar input[type=submit], .wx_layout > .wx_layout_title_bar input[type=button], .wx_layout > .wx_layout_title_bar button {margin:0px 15px;}
.wx_traversal {color:#137 !important; text-transform:uppercase; border:0px}
div[data-wx_field_id="a3939617"]:before {content: "\f0ee"; left: 25px;}
div[data-wx_field_id="a3939617"]:before, .error p:before, .wx_login .error:before, .wx_login_reset .error:before {
    font-family: FontAwesome;
    color: #000;
    position: relative;
    display: inline;
    -moz-border-radius: 300px;
    -webkit-border-radius: 300px;
    border-radius: 100%;
    -moz-box-shadow: 0px 0px 2px #888;
    -webkit-box-shadow: 0px 0px 2px #FFF;
    box-shadow: 0px 0px 5px #666;
    font-size: 1.7em;
    padding: 8px 8px;
    background-color: #FFF;
    margin-top: 15px;
    vertical-align: middle;
    top:0px;
    left:-6px;}
div[data-wx_field_id="a3939617"] {display:block; margin-top:-20px; margin-left:15px; padding-bottom:15px;}
div[data-wx_field_id="a3939617"]:before {top:1.5em;}
div[data-wx_field_id="a3939617"] input {padding:5px 0px 5px 2em; background-color:#2CB999; width:95%;}


/* ICON ALERTS */
.error {line-height:2.5vh; margin:10px; white-space:normal; background-color:#FFF; display:inline-block; padding:0px 10px; box-shadow:5px 5px 3px #999; text-align:left; float:left; width:100%;}
.error p {padding:10px 110px 0px 30px;}
.error p:before {content: "\f071 "; left:-60px}
.error.critical, .wx_login .error, .wx_login_reset .error {border:1px solid red; color:red;}
.error.warning {border:1px solid orange; color:orange;}
.error.notification {border:1px solid green; color:green;}
.wx_login .error, .wx_login_reset .error {padding:10px 20px 10px 0px; margin:20px;}
.wx_login .error:before, .wx_login_reset .error:before  {content: "\f071 ";}
.wx_login .error {border:0px; background-color:transparent; box-shadow:none;}


/* BUTTONS, INPUTS AND LINKS */
input, textarea, select {min-height:33px; border-radius:3px !important; box-shadow:inset 0px 0px 10px #CCC; border:1px solid #999; padding:5px;}
input.hasDatepicker {padding:2px; min-width:100px}
input[type=checkbox], input[type=radio] {box-shadow:none; min-height:10px;}
input.wx_picker_selected {border: 0px; box-shadow: inset 0px 0px 10px #3F9554;}
input.wx_picker_empty {margin:0px 1px !important}
input[type=password] {font-family: Arial, sans-serif;}
input[type=submit], input[type=button], button, .wx_traversal, .wx_layout_title_bar input[type=submit]:hover, .wx_layout_title_bar input[type=button]:hover, .wx_layout_title_bar button:hover {color:#FFF; background-color:#3F98D4;}
input[type=submit]:hover, input[type=button]:hover,button:hover,.wx_layout_title_bar input[type=submit],.wx_layout_title_bar input[type=button],.wx_layout_title_bar button {color:#3D4B62; background:#BFBEBC url('/img/layout/background_overlay.png') 0 50% repeat-x; cursor:pointer;}
input[type=submit],input[type=button],.wx_step_cancel_button,input[type="button"].wx_sw_step_next_button,button {font-weight:600; text-transform:uppercase;}
input[type="button"].wx_sw_step_next_button {background-image:none; color:inherit;}
.wx_map_interface input[type="button"] {font-size: 1em; margin: 0 10px; min-width: 10px;padding: 1px 5px;}
.wx_part_operators {padding-right:5px}
.accordion ul ul {background-color: #999;}
.wx_breadcrumb_trail {font-style:italic; margin:0px auto; padding:15px 5px 5px 5px; color:#41AEDA;}
#left-toolbar {box-shadow: 10px 10px 20px #333; background-color: #999;}

.wx_traversal {font-size:1em;}
.wx_traversal:hover {cursor:pointer; border-bottom:1px solid #137;}
.wx_traversal.next span.arrow, .wx_traversal.previous span.arrow {background:none;}
.wx_collapser, .wx_collapser_foreground, .wx_closed .wx_collapser_foreground, #wx_action_manager .wx_sw_title_r, #wx_action_manager .wx_sw_title_l, #wx_action_manager .wx_sw_title_c, .wx_sw_footer_l, .wx_sw_footer_r, .wx_sw_footer_c, span.arrow, .wx_traversal {background-image:none; border-bottom:1px solid transparent;}
.wx_dialog_page .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon, .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {display:none;}
.ui-dialog-titlebar .ui-dialog-titlebar-close:hover {text-decoration:none;}
.wx_actionspalette_actiontype, .wx_map_stop_point {height:60px}

.wx_collapser_foreground:before {font-family:FontAwesome; font-size:30px; content:"\f0aa"; color:#FFF; position:relative; top:-10px; left:-20px;}
.wx_closed .wx_collapser_foreground:before {font-family:FontAwesome; font-size:30px; content:"\f0ab"; color:#FFF; position:relative; top:-10px; left:-20px;}
.wx_traversal.all, .wx_traversal.next, .wx_traversal.previous {height:auto; width:auto}
.ui-dialog-titlebar-close:before {font-family:FontAwesome; font-size:30px; content:"\f057"; color:#FFF; position:relative; top:-3px; left:-20px;}
span:before, .wx_traversal.last:after {color:#137; font-family:FontAwesome; font-size:1.1em; position:relative;}

.wx_traversal.next span:before {content:"\f0da"; font-size:1.6em; top:3px;}
.wx_traversal.previous span:before {content:"\f0d9"; font-size:1.6em; top:3px;}
.wx_traversal.last:after {content:"\f050"; margin-left:7px;}
.wx_traversal.first:before {content:"\f049"; margin-right:7px;}


/* Pagination and Customize Columns Fields */
.wx_pagination_container {padding-top:5px; padding-bottom:5px;}
.wx_traversal.disabled,
.wx_traversal.disabled span,
.wx_traversal.disabled.next span:before,
.wx_traversal.disabled.previous span:before,
.wx_traversal.disabled.last:before,
.wx_traversal.disabled.next:before,
.wx_traversal.disabled.last:after,
.wx_traversal.disabled.first:before {color:#D3D3D3 !important; cursor:default; text-decoration:none; border:none;}
.wx_pagination_container select {border:none; background-color:transparent;}
.wx_pagination_container {padding:0px;}

.wx_list_column_control_wraper, .wx_pagination_container {background-color:#ededed; padding:5px;}
.wx_list_column_control_wraper {padding: 5px 20px; line-height:2em; vertical-align:middle}
.wx_list_column_control_dialog ul li {padding: 5px 25px;}
.wx_list_column_control_dialog ul li:nth-child(even) {background-color:#EFF6FE;}
.wx_list_column_control_dialog ul li:hover {background-color:#DBEAF6}
.wx_list_column_control_dialog div[style="text-align: center;"] {text-align:left !important;}
.wx_pagination_container .wx_traversal {background-color:transparent;}

#wx_action_manager .wx_details_collapser_foreground:before, #wx_action_manager .wx_collapser_foreground:before {content:"";}
div.wx_action_manager_dialog.ui-dialog .ui-dialog-titlebar, .wx_map_dialog .ui-dialog-titlebar, .wx_help_dialog .ui-dialog-titlebar {height:2em}
.wx_sw_parent input[type="submit"] {background:none}

input[type="button"].wx_sw_step_next_button, .wx_sw_parent input[type="submit"] {padding:0px; border:1px solid #CCC; background-color:#89c65b; border-radius:0px; background-image:none;}
input[type="button"].wx_sw_step_next_button:hover, .wx_sw_parent input[type="submit"]:hover {text-decoration:underline;}
input[type="button"].wx_sw_step_next_button[data-wx_disabled="1"] {background:#EEE; cursor:default}
input[type="button"].wx_sw_step_next_button[data-wx_disabled="1"]:hover {text-decoration:none;}

.wx_sw_parent input[type="submit"] {padding:5px 15px;}
.clearfix .wx_layout_footer button, .clearfix .wx_layout_footer input, .wx_layout_content button{margin:5px;}
.wx_layout_footer {padding:0px;}

div[data-wx_layout_id="a3981328"] {left: 20%; margin: 0 auto; position: fixed; top: 0; width: 55%; z-index: 500;}
div[data-wx_layout_id="a3981328"] p {padding-right:110px;}
div[data-wx_layout_id="a3981328"] .wx_pagination_container, div[data-wx_layout_label="Notification List Form"] th {display:none}
div[data-wx_layout_id="a3981328"] input[type="button"] {position:relative; left:-100%;}

div[data-wx_layout_id="a3981328"] table.wx_list tr.wx_row:hover,
div[data-wx_layout_id="a3981328"] table.wx_folderbrowser tr.wx_row:hover,
div[data-wx_layout_id="a3981328"] table tr.wx_list_even,
div[data-wx_layout_id="a3981328"] table tr.wx_list_odd,
div[data-wx_layout_id="a3981328"] table.wx_list tr.wx_row:hover td {background:transparent;}

#root-menu-div .outerbox {background-color: #eee; box-shadow:5px 5px 3px #999; margin:0px 5px;}
#root-menu-div .menu-item div:before {font-family:FontAwesome; content:"\f0da"; color:#1f75ab; position:relative; padding:0px 5px;}
#root-menu-div .menu-item {border-bottom: 2px dotted #ccc; padding: 0 15px 0 5px;}
#root-menu-div .menu-item:last-of-type {border-bottom: 0px;}

/* MISC */
/* Center align buttons - inline Block Configuration CSS is being overridden */
div[data-wx_layout_id="a3953355"] table.wx_field td {text-align:center;}


/* Small Screens */
@media only screen and (max-width: 975px) {
  body {line-height: 1.5em}
  .wx_logo {float:none; padding:0px; height:auto;}
  .wx_wrap.wx_page {margin:0px;}
  .wx_application_header_col1, .wx_application_header_col2, .wx_application_header_col3 {width:97%; margin:0px 10px;text-align:center;}
  .wx-dialog-container tr.wx_row:hover {transform:none; -webkit-transform:none; -ms-transform:none; transition:none;}
  .wx_appheader_field {vertical-align:0px; line-height:1em;}
  .wx_header_nav_inner_wrapper {height:auto; float:none; display:inline-block;}
  .wx_application_header_col3 {padding-top:0px;}

  tr.wx_row {transition: none; }
  tr.wx_row:hover {transform:none; -webkit-transform:none; -ms-transform:none; transition:none; outline: 2px solid #999;}


div[data-wx_field_id="a3939617"] input {padding:0px; background-color:transparent; display:block; max-width:25px; max-height:25px; color:transparent; margin:0px;}
div[data-wx_field_id="a3939617"]:before {margin:0px; top:20px; left:0px;}


}


/* Smaller Screens*/
@media handheld, only screen and (max-width: 767px) {
  body {font-size: 16px;-webkit-text-size-adjust: none;}
  .wx_dialog_page.ui-dialog {width:100% !important; top:0px !important; left:0px !important; border:0px !important;}
  .wx_breadcrumb_trail {display:none;}
  .wx_layout[data-wx_layout_type="e338"] td.wx_field, .wx_layout[data-wx_layout_type="e338"] .wx_field_data {text-align:left; line-height:auto;}
  .wx_application_header_col3 {padding:0px;}
  .ui-widget-overlay {background-color:#FFF !important; opacity:1 !important}
  table.wx_field td {display:table-row;}


/* Phone Screens */
@media handheld, only screen and (max-width: 400px){
  body {font-size: 16px;-webkit-text-size-adjust: none;}
  .wx_layout_links {display:inline-block;}
}