/*
 * Copyright (c) 2011 Univeris Corporation. All Rights Reserved.
 *
 * This computer program constitutes confidential and proprietary information of Univeris Corporation
 * and is protected by copyright and other intellectual property laws.  Unless you have entered into a
 * written agreement with Univeris Corporation granting you rights to use this computer program in
 * source code form, you have no rights, and are not authorized, to possess, view, copy, distribute or
 * use this computer program in the form attached in any manner whatsoever and must promptly return this
 * program and all copies thereof in your possession or control to Univeris Corporation.
 * Unauthorized possession, viewing, copying, distribution or use of this computer program or any portion
 * thereof may result in liability and will be prosecuted to the maximum extent possible under the law.
 *
 * File Id: $Id: $
 * Current Revision: $Rev: $
 * Last Modified: $LastChangedDate: $
 * Last Modified By: $LastChangedBy: $.
 */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

/*=============== Global Styles=================== */

/* Maximum width, targeting at most HD screens*/
.hd-max {
    max-width: 1900px;
    padding:0 10px;
}

/* Box sizing for selects */
select {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

/* Set background, and eliminate borders and padding at top most level*/
html, body {
    border: 0;
    padding: 0;
    background: #f6f6f6;
    font-size: 14px;
    /*line-height: 1em;*/
    font-family: ProximaNovaRegular !important;
    height: 100%;

}

body .container_16 {
}

body .container_16 .container-center {
}

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

.bottom {
    position: absolute;
    bottom: 0px;
    widht: 100%;
}

.bottom-fixed {
    position: fixed;
    bottom: 0px;
    widht: 100%;
}

.grid_16 {
    background-color: white;
}

/* Set spacing for hr element (spacer) */

hr {
    margin: 5px 0px 5px 0px;
}

/* An hr variant used to separate major sections on the same page. */
hr.separator {
    border: 2px solid #00b0da;
}

/* All elements with focus should have the following style */
:focus {

}

.grid_container {
    padding-left: 10px;
    padding-right: 10px;
}

/* Template generation utility */
.template_box {
    line-height: 2em;
    margin-top: 2px;
    font-family: ProximaNovaRegular;
    font-size: 1.3em;
    border: 1px solid red;
    width: 100%;
    color: white;
}

/* Spinner for ajax wait icon should float to right. */

.ajaxwait {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 400;

}

.ajaxwait-container {
    height: 24px;
    width: 84px;
    padding-top: 2px;
    padding-bottom: 2px;
    /* It seems we need to account for the relative positioned wait icon, offset 4px from the left.*/
    padding-left: 6px;
    padding-right: 2px;
    margin: 2px;
}

.ajaxwait-container .wait {
    position: relative;
    top: 4px;
    left: 4px;
}

.usn {
    display: none;
    /*float: right;*/
}

/* General font attributes */

/*
Turns on font features that allow fixed alignment in tables.

Numeral Style:

We have a choice between old-style or lining numerals.  With old-stye, the
numerals vary in width and height.  These tend to look more elegant in a line of text, and blend in better
with a proportional font.

Lining numerals are of uniform height and width.  This is preferred for tabular data.

See  http://chronicle.com/blogs/linguafranca/2012/03/14/old-style-versus-lining-figures/ for further discssion.

Numeral Spacing:

Proportional numerals vary in width, wheras Tabular numerals are of a fixed width.  See
http://www.fonts.com/content/learning/fontology/level-3/numbers/proportional-vs-tabular-figures for further discussion.

Also see http://fontfeed.com/archives/figuring-it-out-osf-lf-and-tf-explained/.

*/

.tabular-font {
    font-feature-settings: 'tnum', 'lnum';
    -moz-font-feature-settings: 'tnum', 'lnum';
    -webkit-font-feature-settings: 'tnum', 'lnum';
    -ms-font-feature-settings: 'tnum', 'lnum';
    -moz-font-feature-settings: 'tnum=1,lnum=1';
    font-family: ProximaNovaRegular;
}

/* Header */
.blue_strip {
    background:#00b0da;
    height: 4px;
}

.pink_strip {
    background: pink;
    height: 3px;
}

.utility-bar {
    padding: 5px 14px 5px 14px;
    height: 36px;
    bacground-color: #ffffff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
}

.utility-bar .logo {
    float: left;
}

.logo-image {
    max-height: 32px;
    max-width: 184px;
    vertical-align:bottom;
}

.logo-text {
    font-weight: bold;
    font-size: 18px;
    color: #525252;
}

.utility-bar .actions {
    float: right;
    font-family: ProximaNovaRegular;
    font-size: 11px;
    color: #8d8d8d;
    margin-left: auto
}

.utility-bar .actions ul li {
    display: inline-block;
    margin: 0px;
}

.utility-bar .actions ul li:not(:first-child) {
    margin-left: 10px;
    border-left: 1px solid #d4d4d4;
    padding-left: 10px;
}

.utility-bar .actions .action-list-item-label {
    padding-right: 12px;
}

.utility-bar .actions .action-list-item-label:hover {
    cursor: pointer;
    color: #b5b5b5;

}

.utility-bar .actions .action-list-overlay {
    width: 259px;
    border: 1px solid #d0d0d0;
    box-shadow: 0px 1px 2px #888888;
    padding: 8px;
    border-radius: 0;
}

.utility-bar .actions .action-list-overlay .action-list-overlay-col {
    display: inline-block;
    vertical-align: top;
}

.role-selector-menu button {
    border: 0;
    background: none;
    font-family: ProximaNovaRegular;
    font-size: 11px;
    color: #8d8d8d;

}

.role-selector-menu button .ui-button-icon-left {
    display: none;
}

.role-selector-menu button .ui-button-text {
    padding-left: 0px;
    padding-right: 12px;
}

.role-selector-menu button:hover .ui-button-text {
    padding-left: 0px;
    padding-right: 12px;
    color: #b5b5b5;
}

.profile-image {
    width: 75px;
    height: 80px;
    border: 1px solid #dadada;
    margin-right: 11px;
}

.profile-name {
    font-family: ProximaNovaRegular;
    font-size: 18px;
    color: #494949;
}

.profile-action {
    padding: 8px;
    font-family: ProximaNovaRegular;
    text-transform: uppercase;
    font-size: 12px;
    color: #8d8d8d;
    height: 18px;
    border-top: 1px solid #e7e7e7;

}

.profile-action-link {
    padding-left: 28px;
    text-decoration: none;
    font-weight: normal;
    color: #8d8d8d;
}

.profile-action-link:hover {
    color: #b5b5b5;
}


.uvs-mega-menu.nav-bar {
    border: 1px solid #d4d4d4;
    background-color: #ededed;
    /*Padding for when we introduce function search*/
    /*padding: 0px 40px 0px 0px;*/
    width: 100%;
    border-radius: 0;
    background-image: none;
    box-sizing: border-box;
}

.uvs-mega-menu.nav-bar li {
    background-color: #ededed;
    background-image: none;
}

.uvs-mega-menu.nav-bar > .ui-menu-list > .ui-menuitem {
    background-color: #fefefe;
    border: 1px solid #d4d4d4;
    padding: 12px 18px;

}

.uvs-mega-menu.nav-bar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: ProximaNovaRegular;
    text-transform: uppercase;
    color: #525252;
    font-size: 13px;
    background: none;
}

.uvs-mega-menu.nav-bar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link:hover {
    color: #b5b5b5;
    background: none;
}

.uvs-mega-menu.nav-bar .ui-menubar-options.ui-menuitem {
    position: absolute;
    right: 0;
    width: 40px;
    padding: 10px 18px;
    transition: width .5s;
}

.uvs-mega-menu.nav-bar.infocus .ui-menubar-options{
    width: 150px;
    transition: width .5s;
}

.uvs-mega-menu.nav-bar .ui-menubar-options .uvs-input {
    height: 14px;
}
/* Mega overlay */

.uvs-mega-menu.nav-bar .ui-widget-content.ui-menu-list {
    padding: 10px;
    border: 1px solid #b8b8b8;
    border-radius: 0px 4px 4px 0px;
    background-color: #ffffff;
    box-shadow: 0px 1px 2px #888888;
    margin-top: -2px; /* minimize a gap for an uninterrupted transition into main menu overlay */
}

.uvs-mega-menu.nav-bar .ui-widget-content.ui-menu-list table {

}

/*Columns in ovelray are table cells */
.uvs-mega-menu.nav-bar .ui-widget-content.ui-menu-list table td:empty {
    display: none;
}

.uvs-mega-menu.nav-bar .ui-widget-content.ui-menu-list table td:not(last-chlid) {
    border-left: 1px solid #dedede;
}

/* First level header */
.uvs-mega-menu.nav-bar .ui-widget-content.ui-menu-list table td .ui-menu-list .ui-widget-header {
    padding: 5px 0px 5px 7px;
    font-size: 11px;

    text-transform: uppercase;
    text-align: left;
    border-radius: 0px;
}

.uvs-mega-menu.nav-bar .ui-widget-content.ui-menu-list table td .ui-menu-list .ui-widget-header h3 {
    font-weight: normal;
}

/* First level item */
.uvs-mega-menu.nav-bar .ui-widget-content.ui-menu-list table td .ui-menu-list .ui-menuitem {
    padding: 0px 0px 0px 10px;
    background: #ffffff;
}

.uvs-mega-menu.nav-bar .ui-widget-content.ui-menu-list table td .ui-menu-list .ui-menuitem .ui-menuitem-link {
    font-size: 12px;
    color: #00b0da;
    line-height: 1em;
}

/* Page-level menu */

.menu-bar {
    height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#menu {
    margin-left: 15px;
    width: 90%;
}

/* User deteails and role selector */
div.tabContainer div.userDetails {
    float: right;
    font-size: 13px;
    padding: 0 12px;
}

/* Role selector */
.user-id {
    margin-right: 5px;
}

.role-selector .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .1em 1em .05em 2.0em;
}

.role-selector .ui-button {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.role-selector .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .1em 1em .05em 2.0em;
    background: #073771;
}

.role-selector .ui-button .ui-widget .ui-state-default {
    font-weight: bolder;
    color: white;
    background: #073771;
}

.role-selector .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid gray;
    color: white;
}

.role-selector .wijmo-wijmenu {
    border: 0;
    background: #073771;
    color: white;
}

.role-selector .wijmo-wijmenu-link:hover {
    background: #414141;
}

.role-selector .wijmo-wijmenu-text {
    color: white;
}

.role-selector li, .role-selector a {
    border: 0px;
    padding: 0;
}

#tabMenu {
    clear: both;
}

.tabContainer {
    margin: 0;
    padding-top: 2px;

}

.tabs {
    padding: 0;
    margin: 0 23px;
    list-style: none;
    display: block;
    overflow: hidden;
    font-size: 13px;

}

.tabs li {
    float: left; /*otherwise background image won't show*/
    margin: 0 1px;
    padding: 0;
    list-style: none;
    display: inline;

}



.tabs a {
    float: left; /*otherwise buggy background images*/
    text-decoration: none;
    line-height: 17px;
    font-weight: normal;
    font-family: ProximaNovaRegular;
    font-size: 11px;
    color: navy;
    padding: 0 13px;
    height: 17px;
    overflow: hidden;

}

.tabs li.selected a {
    font-weight: bold !important;
}

.tabs a:hover {
    color: teal !important;

}

.tabs li.selected a:hover {
    color: navy !important;

}

#mainTabs {
    float: left;
    margin: 0 3px;
}


#mainTabs a {
    color: #006;
}

#mainTabs a:hover {
    color: #fff !important;

}

#mainTabs li.selected a:hover {
    color: #006 !important;

}

div.tabbedContent {
    border: solid rgb(190, 200, 220);
    border-width: 2px 1px 1px 1px;
    background: #fafafa;
    clear: both;
    display: block;
    padding: 3px 0 8px 0;
    height: auto;
    width: 99%;
    margin: 0 3px;

}

div.tabbedContent table {
    border: none;

}

/* Secondary Navigation */

.secondary-nav {
    height: 30px;
    padding-top: 10px;
    position: relative;
    background: #ffffff;
}

.secondary-nav .tab-navigator
 {
    list-style: none outside none;
}

.secondary-nav .tab-navigator.ui-widget-header {
    background: none;
}

.secondary-nav .tab-navigator li {
    float: left;
    line-height: 5px;
    padding: 9px 10px;
    text-transform: uppercase;
    margin-left: 10px;
}

.secondary-nav .tab-navigator li a {
    color: #646464 !important;
    display: block;
    text-decoration: none;
    font-weight: 400;
    outline: medium none;
}

.secondary-nav .tab-navigator li.active {
    background: none repeat scroll 0 0 #939393;
    border: medium none #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    cursor: default !important;
    position: relative;
}

.secondary-nav .tab-navigator li.active a {
    color: #FFFFFF !important;
    cursor: default !important;
}

.secondary-nav .tab-navigator li.active a:hover {
    text-decoration: none;
}

.secondary-nav .tab-navigator li a:hover {
    text-decoration: underline;
}

/* Body */

.hidden {
    display: none;

}

/* Sidebar */
#left-sidebar {

}

.standard-list-buttons, .left-sidebar-insert {
    height: 100%;
    margin-top: 0px;
    margin-bottom: 5px;
}

#left-sidebar .standard-list-buttons button,
#left-sidebar .standard-list-buttons input,
.left-sidebar-insert button,
.left-sidebar-insert input {
    width: 90%;
    margin-bottom: 2px;
}

/* Buttons in the side-bar */


#left-sidebar .form-button {
    font-size: 11px;
}

/* Content Area */

#content {
    margin-top: 0px;
    margin-bottom: 70px;
}

/* Fallback rule for hyperlinks. */
.centre a {
    color: #039ABE;
    cursor: pointer;
    text-decoration: none;
}

.centre a:hover {
    color: #036DBE;
    text-decoration: none;
}

/* Page Titles */
.page-title-container {
    margin-top: 0px;
    padding: 10px 0px 5px 0px;
    border-bottom: 1px solid #d4d4d4;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 19px;
}

/* When there are messages, we simply show an indicator (floated) to the far right of the title. */
.page-title-container .page-title-message {
    display: inline-block;
    float: right;
}

.page-title-container .page-title-message a {
    font-size: 12px;
}
/* When there are errors, we highlight the title bar red. */
.page-title-container.error {
    background-color: #b60000;
    border: #b60000;
    color: white;
}

.page-title-container.error .page-title {
    color: white;
}

.page-title-container.error .page-title-error {
    display: inline-block;
    float: right;
    padding-top: 7px;
    font-weight: bold;
    color: #FFFFFF;
}

.page-title-container.error .page-title-error a {
    font-weight: bold;
    text-decoration: underline;
    color: #FFFFFF;
}

/* Error dialog */
.message-list {
    margin: 0px;

}

.message-list tr td {
    padding: 0px 16px 10px 36px;
    border-bottom: 1px solid #f5f8fb;
    background-position: left top;
    background-repeat: no-repeat;
}


.page-back-link {
    height: 38px;
    display: inline-block;
    vertical-align: top;
}

.ui-icon-backlink {
    margin: 3px 3px 0 0;
    height: 24px;
    width: 24px;
}

.page-title {
    display: inline-block;
    font-family: ProximaNovaRegular;
    color: #252525;
}

.page-title-content {
    font-size: 22px;
}

.title.page {
    padding: 0 10px 0 10px;
}

.title.page .page-actions {
    float: right;
    vertical-align: baseline;
    /*margin-left: 10px;*/
}

.title.page * {

}

.title.page .page-title {
}

.page-title-container .page-links {
    margin-left: 15px;
    float: right;
    font-size: 10px;
    vertical-align: bottom;
}

.page-title-container .page-links a,
.page-title-container .custom-links a {
    color: #039ABE;
    cursor: pointer;
    text-decoration: none;
}

.page-title-container .page-links a:hover,
.page-title-container .custom-links a:hover {
    color: #036DBE;
    text-decoration: none;
}

.page-title-container .page-link-separator {
    text-decoration: none;
    font-weight: normal;
    padding-left: .25em;
    padding-right: .25em;
    vertical-align: bottom;
    color: #2E83FF;
}

#content h2 {
    margin-top: 0;
    margin-bottom: 0;
    padding: .1em;
    font-weight: normal;
}

#content h5 {
    margin-top: 0;
    margin-bottom: 0;
    padding: .1em;
    font-weight: normal;
}

/* Forms */
#content form {

}

/* Layouts */

.column {
    display: inline;
    float: left;
}

/* Column adjustments.
   list-table-form-body adds 5px for padding and 1px for border on each side.  Take these away from
   first and last column.  Also adjust labels.
*/

.list-table-form-body .column.alpha.grid_4,
.list-table-form-body .column.omega.grid_4 {
    width: 236px;
}

.list-table-form-body .column.alpha.grid_6,
.list-table-form-body .column.omega.grid_6 {
    width: 362px;
}

/* List table styles */
.list-table-controls {
    overflow: hidden;
    min-height: 28px;
}

.list-table-controls-row {
    overflow: hidden;
    padding: 8px;
    border: 1px solid #d4d4d4;
}

.list-table-controls-row:first-child {
    border-radius: 4px 4px 0px 0px;
    border-bottom: none;
}

.list-table-controls-row:not(:first-child) {
    border-top: 1px solid #DBDBDB;
}

.list-table-controls-row:last-child {
    border-bottom: 1px solid #DBDBDB;
}

.list-table-controls .list-table-controls-row label {
    font-weight: normal;
    margin-right: 10px;
}

.list-table-controls .list-table-controls-row .list-table-controls-row-left {
    float: left;
    clear: left;
}

.list-table-controls .list-table-controls-row .list-table-controls-row-right {
    float: right;
    clear: right;
}

.list-header-strip {
    height: 2px;

}
.list-header {

/*    border-left: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    padding:4px;
    margin-left: -5px;
    margin-right: -5px;*/
}

.list-header:empty {
    display:none;
}


/* Tabs */

/* Tab div */
.ui-tabs.tab-view {
    border: 0;
    font-size: 100% !important;
}

.ui-tabs.tab-view {
    padding: 0;
}

/* Tab Content area */
.ui-tabs.tab-view .ui-tabs-panel {
    border: 0;
}

.ui-tabs.tab-view .ui-tabs-panel {
    padding: 0;
}

/* Tab text ?  */
.ui-tabs.tab-view .ui-tabs-nav em {
    /* Nav Tab text */
    font-style: normal;
    font-weight: normal;
    color: #555555;
}

/* Tab header (where tabs are visible) */
.ui-tabs.tab-view ul.ui-tabs-nav.ui-widget-header {
    border-left: 0 none !important;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    list-style: none outside none;
    background: none;
}

.ui-tabs.tab-view ul.ui-tabs-nav.ui-widget-header {
    margin: 0;
    padding: 0 0 0 6px;
    position: relative;
    width: 99% !important;
}

/* Individual tab - default state */
.ui-tabs.tab-view ul.ui-tabs-nav li.ui-state-default {
    color: #333333;
    text-transform: uppercase;
    background: transparent;
}

/* Individual tab - active state */
.ui-tabs.tab-view ul.ui-tabs-nav li.ui-tabs-selected.ui-state-active {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    cursor: default;
    text-decoration: none;
}

/* Individual tab - unsleected */
.ui-tabs.tab-view ul.ui-tabs-nav li[aria-expanded="false"] {
    border: 0;
    background: transparent;
}

/* Individual tab - link */
.ui-tabs.tab-view ul.ui-tabs-nav li a {
    font-weight: normal;
}

/* Individual tab - link hover */
.ui-tabs.tab-view ul.ui-tabs-nav li[aria-expanded="false"] a:hover {
    text-decoration: underline;
}

/* Criteria Region, and generalized footer */

.criteria {
    /*background-color: #F1F1F1;*/
    /* Removing, as it conflicts with underlying gird.
    border: 1px solid #DBDBDB;
    padding: 5px;
    */

    /* background: none repeat scroll 0 0 #DDDDDD;*/
}

.criteria:empty {
    display: none;
}

/* Within criteria area, we do not need large top margins.
  */
#content .criteria .title.section {
    margin-top: 5px;
}

/*
Within criteria area, and within the title of the criteria area, any menus should
display without excessive button stylizing.
*/

.criteria .title.section .ui-menubutton button {
    background: none;
    border: none;
}

.criteria .title.section .ui-menubutton button .ui-button-text {
    font-weight: bold;
    padding: 5px 1em 5px .9em;
}

.criteria .title.section .ui-menubutton button .ui-button-icon-left {
    left: -6px;
}

.criteria-button-container {
    margin-bottom: 10px;
}

.criteria-button-container,
.form-footer {
    width: 99.9%;
    height: 36px;
}

.criteria_buttons:empty {
    display: none;
}

.criteria_buttons,
.form-footer-buttons {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

.button-group {
    display: inline-block;
    padding-right: 15px;
    padding-left: 15px;
}

.button-group.alpha {
    padding-right: 15px;
    padding-left: 0px;
}

.button-group.omega {
    pading-left: 15px;
    padding-right: 0px;
}

/*==================== Side menu ==============================*/

/* Side menu itself does not have padding or margin. */
.side-menu {
    padding: 0;
    margin: 0;
    line-height: 1em;
    list-style: none;
    font-family: ProximaNovaRegular;
}

/* Attached side menus appear to be attached to the content in the col to the right. */
.side-menu.attached {

    margin-right: -20px;
}

/* Normal emphasis on links */
.side-menu li .side-menu-link {
    font-weight: 400;
    font-size: 16px;
}

/* Active links are bold */

.side-menu li {
    margin: 0;
    text-transform: uppercase;
    padding-left: 11px;
    border: 1px #d4d4d4 solid;
    border-width: 1px 1px 1px 1px;
    background-color: #f9f9f9;
}

.side-menu.attached li {
    border-right: none;
}

.side-menu li.active .side-menu-link {
    color: #000;
    cursor: default;
}

.side-menu li .side-menu-link {
    color: #656565;
    display: block;
}

.side-menu.attached li:first-child {
    border-top-left-radius: 4px;
}

.side-menu.attached li:last-child {
    border-bottom-left-radius: 4px;
}

/* padding applied to link. */
.side-menu li .side-menu-link {
    padding: 13px 0 10px 19px;
}

/* Top Level */
.side-menu li a.side-menu-link:hover {
    color: #000;
}

.side-menu li span.side-menu-item-valid {
    padding: 10px 10px 20px 10px;
    float: left;
}

.side-menu li:last-child {
    border-width: 1px 1px 1px 1px;
    border-color: #d4d4d4;
}

/* Common decorations to menu items */
.side-menu li ul.side-menu {
    margin-left: -11px;
    font-family: ProximaNovaRegular;
}

.side-menu li ul.side-menu li a.side-menu-link:hover {
    color: #000;
}

.side-menu li ul.side-menu li.active .side-menu-link,
.side-menu li ul.side-menu li.submenu.active .side-menu-link {
    color: #000;
    cursor: default !important;
}

/* Second Level, common */

.side-menu  li.submenu.active  ul.side-menu {
    /* Moved to theme */
/*    border-top: 3px solid #00b0da;*/
}

/* Second Level, where a menu item is infact a submenu. */
.side-menu li ul.side-menu li.submenu {
    background: #f9f9f9;
}

.side-menu li ul.side-menu li.submenu .side-menu-link {
    color: #656565;
    display: block;
    padding: 13px 0 10px 19px;
    line-height: 1em;
    cursor: pointer !important;
    font-size: 12px;
}

/* Second Level, where a menu item is not a submenu */
.side-menu li ul.side-menu li:not(.submenu) {
    border: 0;
    padding-left: 9px;
    line-height: 1em;
    background:#ffffff;
}

.side-menu li ul.side-menu li:not(.submenu).active {
    background-color: #ffffff;
    border-left-color: #ffffff;

}

.side-menu li ul.side-menu li span.side-menu-item-valid {
    float: left;
    padding: 0 10px 21px;
}

.side-menu li ul.side-menu li .side-menu-link {
    color: #00b0da;
    line-height: 26px;
    cursor: pointer !important;
    padding: 0 0 0 28px;
}

.side-menu li ul.side-menu li:not(.submenu) .side-menu-link {
    font-size: 12px;
    line-height: 1em;
    cursor: pointer !important;
    padding: 5px 0 5px 35px;
}

/* Third Level */

.side-menu  li.submenu.active  ul.side-menu li ul.side-menu {
    border-top: 1px solid #d4d4d4;
}

.side-menu li ul.side-menu li ul.side-menu {
    /*    border-top:1px solid #d4d4d4;*/
    margin-left: -9px;
    background: #f9f9f9;
}

.side-menu li ul.side-menu li ul.side-menu li {
    border: 0;
    line-height: 1em;
    background:#ffffff;


}

.side-menu li ul.side-menu li ul.side-menu li .side-menu-link,
.side-menu li ul.side-menu li.active ul.side-menu li .side-menu-link /* For specificity, so it won't collide with a similar rule above */
{
    color: #00b0da;
    line-height: 1em;
    cursor: pointer !important;
}

.side-menu li ul.side-menu li ul.side-menu li.active {
    background-color: #ffffff;
    border-left: 1px solid #ffffff;
}

.side-menu li ul.side-menu li ul.side-menu li a.side-menu-link:hover {
    color: #000;
}

.side-menu li ul.side-menu li ul.side-menu li.active .side-menu-link {
    color: #000000;
}

.side-menu li ul.side-menu li ul.side-menu li span.side-menu-item-valid {
    float: left;
    padding: 0 10px 21px;
}

/*===== Compressed side menu ======*/

.compressed-side-menu,
.tab-navigator-side {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-color: #d4d4d4;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    list-style: none;
    margin: 0;
    font-family: ProximaNovaRegular;
    text-transform: uppercase;
}

/*When a side-menu is in a panel, we don't need the border*/
.panel .compressed-side-menu,
.panel .tab-navigator-side {
    border: none;
}

.compressed-side-menu li,
.tab-navigator-side li {
    border-bottom: 1px solid #d4d4d4;
    background-color: #f9f9f9;
    color: #7f7f7f;
    line-height: 22px;
    margin-left: 0;
}

.compressed-side-menu li:last-child,
.tab-navigator-side li:last-child {
    border-bottom: none;
}

.compressed-side-menu .compressed-side-menu li,
.tab-navigator-side li,
.compressed-side-menu li:not(.submenu) {
    padding: 5px 7px 5px 10px;
}

.compressed-side-menu li.active,
.tab-navigator-side li.active {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    /* Moved to theme */
/*    color: #00b0da;
    border-left: 5px solid #05b7df;*/
}

.compressed-side-menu li.active a,
.tab-navigator-side li.active a {
    /* Moved to theme */
    /*color: #00b0da;*/
    cursor: default;
}

.compressed-side-menu li a,
.tab-navigator-side li a {
    /* Moved to theme */
    /*color: #000000;*/
    font-weight: normal;
}

.compressed-side-menu li span,
.tab-navigator-side li span {
    color: #7f7f7f;
}


/* Nested menu in compressed side menu */

.compressed-side-menu .compressed-side-menu {
    border: 0;

}

.compressed-side-menu .submenu:not(:last-child) {
    border-bottom: 2px solid #05b7df;
}

.compressed-side-menu .submenu > .side-menu-link:not(:empty) {
    padding-left: 10px;
}

/* Toggle Panel */
.toggle-panel,
#content fieldset.propertysheet .toggle-panel /* For specificity*/
{
    border: none !important;
    padding: 0 !important;
}

.toggle-panel .ui-panel-titlebar,
#content fieldset.propertysheet .toggle-panel.ui-panel .ui-panel-titlebar /* For specificity */
{
    margin-top: 9px;
    padding: 7px !important;
    border: none;
    border-bottom: 1px solid #b7b5b6;
    border-radius: 0 !important;
    -moz-border-radius: 0;
    vertical-align: middle;
    background: none;

}

.toggle-panel .ui-panel-titlebar .ui-panel-title,
#content fieldset.propertysheet .toggle-panel.ui-panel .ui-panel-titlebar .ui-panel-title /* For specificity */
{
    font-size: 16px;
    color: #252525;
    text-transform: uppercase;
    font-family: ProximaNovaRegular;
    font-weight: normal;
    padding: 0px;
    line-height: 1em;
    margin-bottom: 7px;
}

.toggle-panel .ui-panel-titlebar .ui-panel-titlebar-icon,
#content fieldset.propertysheet .toggle-panel.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon /* For specificity */
{
    background: none;
    border: none;
}

.toggle-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick,
#content fieldset.propertysheet .toggle-panel.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick /* For specificity */
{
    height: 19px;
    width: 19px;
}

.toggle-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick,
#content fieldset.propertysheet .toggle-panel.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick /* For specificity */
{
    height: 19px;
    width: 19px;

}

.toggle-panel .ui-panel-content,
#content fieldset.propertysheet .toggle-panel.ui-panel .ui-panel-content /* For specificity */
{
    padding:0;
}

/* List Region */

.list {
    margin-bottom: 15px;
}

/* ===== Section and Subsections =====  */
.title {
    margin-bottom: 0;
}

.title.section,
#content .title.section {
    font-weight: bold;
    overflow: hidden;
}

.title.section,
#content .title.section {
    font-size: 15px;
    padding: 6px 10px 0px 0px;
}

.title.subsection,
#content .title.subsection {
    font-weight: bold;
    overflow: hidden;
}

.title.subsection,
#content .title.subsection {
    font-size: 13px;
    padding: 6px 10px 0px 0px;
}

.title.subsection,
.title.section,
#content .title.section,
#content .title.subsection {
    vertical-align: bottom;
    line-height: 1em;
}

.title.section .section_controls,
.title.subsection .section_controls
#content .title.section .section_controls,
#content .title.subsection .section_controls {
    float: right;
    display: inline-block;
}

.title.section .section_controls,
.title.subsection .section_controls,
#content .title.section .section_controls,
#content .title.subsection .section_controls {
    font-size: 11px;
}

/* Section titles within panel header */

.panel .panel-header .title.section,
#content .panel .panel-header .title.section /* for specificity */
{
    font-family: ProximaNovaRegular;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
}

/* Section titles in propertysheets */
fieldset.propertysheet .title.section,
#content fieldset.propertysheet  .title.section /*For specificity*/
{
    font-size: 16px;
    color: #252525;
    /*text-transform: uppercase;*/
    font-family: ProximaNovaRegular;
    font-weight: normal;
    padding: 0px;
    line-height: 1em;
    margin-bottom: 7px;
}

/* Section title in reference property sheet */
fieldset.propertysheet.reference .title.section,
#content fieldset.propertysheet.reference .title.section /*For specificity*/
{
    font-size: 13px;
}

/* When a section title is used directly in a propertysheet, render it like a 'line', except when in a multifield. */
fieldset.propertysheet > .title.section,
#content fieldset.propertysheet > .title.section,
fieldset.propertysheet *:not(.multifield) > .title.section,
#content fieldset.propertysheet *:not(.multifield) > .title.section /*For specificity*/
{
    margin-top: 9px;
    padding: 7px;
    border-bottom: 2px solid #b7b5b6;
    vertical-align: middle;

}

fieldset.propertysheet.reference .title.section,
#content fieldset.propertysheet.reference .title.section {
    padding: 4px;
}

/* Subsection titles in propertysheets */
fieldset.propertysheet .title.subsection,
#content fieldset.propertysheet .title.subsection /*For specificity*/
{
    font-size: 15px;
    color: #252525;
    /*text-transform: uppercase;*/
    font-family: ProximaNovaRegular;
    font-weight: normal;
    padding: 7px;
    line-height: 1em;
    margin-bottom: 7px;
}

/* Subsections in reference prop sheets */
fieldset.propertysheet.reference .title.subsection,
#content fieldset.propertysheet.reference .title.subsection /*For specificity*/
{
    font-size: 12px;
    padding: 4px 4px 4px 15px;
}

/* When a subsection title is used directly in a propertysheet, render it like a 'line' */
fieldset.propertysheet .title.subsection,
#content fieldset.propertysheet .title.subsection /*For specificity*/
{
    border-bottom: 1px solid #b7b5b6;
    vertical-align: middle;

}

/* Field Decorators */
.stdDecorator {
    display: block;
}

/* Criteria Toolbar */

.criteria_feedback {
    float: left;
    height: 100%;
}

.criteria_controls {
    float: right;
    height: 100%;
}

/* General properties */
.padded-box {
    padding: 7px; /* Standard padding to seperate content from top level parent box boundaries (typically panel bodies) */
}

/*= Fields= */
/* ===================== Property Sheets =========================================================================== */
/* Fix the line height to 1ems.  Expect all components in a fieldset to have hieght a multiple of 2ems. */
fieldset {
    border: 0;
}

fieldset.propertysheet {
    padding: 0;
    margin: 0;
}

/* Within a data table control row, the positioning of a fieldset must be static. This, so the overlay panel
   component will render correctly. */

.list-table-controls .list-table-controls-row fieldset.propertysheet {
    position: static;
    padding: 0;
    margin: 0;
}

/* Possible background colors for propertysheet */

.propertysheet.white {
    background-color: #FFFFFF;
}

.propertysheet.offwihte {
    background-color: #FBFBFB;
}

/* When a propertysheet is put inside pagelinks section */

.page-links fieldset.horizontal.propertysheet {
    font-size: 11px;
    line-height: 30px;
}

/* Propertysheet lines */

fieldset.propertysheet .line {
    padding: 7px 0 7px 0;
    min-height: 30px;
    border-bottom: 1px dotted #b6b5b6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-left: 7px;
    margin-right: 7px;
}

fieldset.propertysheet .line:last-of-type {
    border-bottom: none;
}

fieldset.propertysheet .line div.line {
    border-bottom: none;
}

/* Lines have slots for labels and values */

fieldset.propertysheet .line .line-label {
    width: 104px;
    text-align: right;
    color: #525252;
    line-height: 16px;
}

fieldset.propertysheet .line .line-label:empty {
    display: none;
}

fieldset.propertysheet .line .line-value {
    flex: 1;
    -webkit-flex: 1;
}

/* Propertysheets in tabular blocks have no margins. */
.tabular-block fieldset.propertysheet {
    margin: 0;
}

/* Field margin within a tabular block: 0 */

.tabular-block table {
    border: 0;
    padding: 0;
    margin: 0;
}

.tabular-block table tr td {
    padding: 0;
}

.tabular-block fieldset.propertysheet .line {
    margin: 0;
}

/* Compressed PropertySheet */

fieldset.propertysheet.compressed {
    line-height: 1em;
}

fieldset.propertysheet.compressed .line {
    border-bottom: 0px;
    padding: 0px;
    font-size: 11px;
    min-height: 20px;
}

fieldset.propertysheet.compressed .line .line-label {
    width: 68px;
}

/* ReadOnly Propertysheets.  These sheets are intended for view-only screents that summarize information, and do not neccessarily have
 the appearance of an input form.*/

fieldset.propertysheet.read-only .line {
    border-bottom: 0px;
    min-height: 20px;
    padding: 0px;
}

fieldset.propertysheet.read-only .line .line-label {
    text-align: left;
}

fieldset.propertysheet.read-only .line .line-value {
    font-size: 12px;
    color: #000000;
}

/* Reference propertysheets are yet another supported rendering.  Shorter label widths, and different font sizes.  */

fieldset.propertysheet.reference .line {
    min-height: 20px;
    padding: 4px;
}

fieldset.propertysheet.reference .line .line-label {
    width: 90px;
    text-align: left;
}

fieldset.propertysheet.reference .line .line-value {
    font-size: 11px;
    color: #000000;
}

/* Prime Faces reset */

.line .ui-widget,
.line .ui-inputfield {

}
/* replaces pe-inputNumber */
.ui-inputnumber *{
    text-align: right;
}

/* Line Labels */

/*Labels used when fields stacked vertically*/
fieldset.propertysheet .line .form-label {
    display: inline-block;
    font-family: ProximaNovaRegular;
    color: #525252;
    text-transform: uppercase;
    text-align: right;
    font-size: 13px;
    margin-right: 10px;
}

/* For read-only propertysheets, the labels are rendered slightly different*/

fieldset.propertysheet.read-only .line .form-label {
    color: #7a7b7b;
    text-transform: none;
    text-align: left;
    padding: 0px;
}

fieldset.propertysheet .line .form-label em.mandatory-em {
    color: red;
    margin-left: 2px;
}

/* Form labels in compressed property sheets */
fieldset.propertysheet.compressed .line .form-label {
    text-transform: none;
    font-size: 11px;
    padding: 0;
    min-height: 0;
}

/* Form labels in reference property sheets */
fieldset.propertysheet.reference .line .form-label {
    text-align: left;
    font-size: 10px;
    padding: 0;
    color: #5a5a5a;
}

/* Labels on error lines should be red */
fieldset.propertysheet .line.error .form-label {
    color: #b60000;
}

/*
 For labels associated with checkboxes and radio buttons that are in a display state of normal.  IN this case, we
 do not suppress the rendering of the label, but put them to the right of the control.
*/
fieldset.propertysheet .line .form-label.label-right {
    width: auto !important;
    padding: 0 !important;
    vertical-align: baseline;
}

/*Labels used when fields are horizontally positioned*/

.field {
    display: inline-block;
    vertical-align: middle;
}

.labelcontainer {
    display: block;
}

fieldset.propertysheet .field .form-label {
    margin-right: 10px;
    color: #707070;
    display: inline-block;
    line-height: 1em;
}

fieldset.propertysheet .field .form-label:empty {
    display: none;
}

.list-table-controls-row fieldset.propertysheet .field .form-label {
    font-size: 13px;
}

/* When horizontal propertysheets are used in the page-links section, display label inline, and used fixed margin to the right. */
.page-links fieldset.propertysheet .field .form-label {
    margin-right: 10px;
    color: #000000;
    display: inline;
    vertical-align: baseline;

}

/* When horizontal PropertySheet is used inside a list control row */

.page-links fieldset.propertysheet .field * {
    vertical-align: baseline;
}

/* Labels inside data table control rows do not sit on top when propertysheet is horizontally laid out.  */
.list-table-controls-row fieldset.propertysheet .field .form-label {
    display: inline;
}

fieldset.propertysheet .field:not(:last-child) {
    margin-right: 10px;
}

/* General properties for input controls inside lines */

/* Vertical rendering - when fields are stacked on top of each other in a propertysheet */
fieldset.propertysheet .line .staticText,
fieldset.propertysheet .line input,
fieldset.propertysheet .line select,
fieldset.propertysheet .line textarea,
fieldset.propertysheet .line a {
    font-family: ProximaNovaRegular;
    /* Moved to theme */
    /*color: #000000;*/
    font-size: 14px;
    line-height: 17px;
}

fieldset.propertysheet .line input,
fieldset.propertysheet .line select {
    height: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* Spinners have slightly different dimensions */

fieldset.propertysheet .line input.ui-spinner-input
{
    height: 30px;
    padding:0 24px 0px 0px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

fieldset.propertysheet .line input,
/*fieldset.propertysheet .line select,*/ /* When using PF dropdown, we left this on.  With h:selectOneMeny, the padding is too much, does not fit in property sheet line */
fieldset.propertysheet .line textarea {
    padding: 7px;
    border: 1px solid #b2b2b2;
}

fieldset.propertysheet .line select {
    /* Fix borders for dropdown components, currency selectiors, etc */
    border: 1px solid #b2b2b2;
}

/* Horizontal rendering -when fields are side-by-side */
fieldset.propertysheet .field .staticText,
fieldset.propertysheet .field input,
fieldset.propertysheet .field select,
fieldset.propertysheet .field textarea,
fieldset.propertysheet .field a {
    font-family: ProximaNovaRegular;
    font-size: 1em;
    /* Moved to theme */
    /*color: #333333;*/
}

fieldset.propertysheet .error-icon {
    height: 16px;
    width: 16px;
    display: inline-block;
    text-align: baseline;
}

fieldset.propertysheet .line.error input {
    background-color: pink;
}

/*max width - take up rest of remaining div.  This should be applied to content inside line-value.
*/
fieldset.propertysheet .line .line-value .max {
    width: 100% !important;
}


/* General input component propreties */

/* Inputs with foucs */
.uvs-input:focus,
fieldset.propertysheet input.uvs-input:focus,
.uvs-input .ui-inputfield.ui-state-focus,
.uvs-input.ui-state-focus,
.uvs-input.ui-state-focus.ui-widget.ui-state-default,
.suggest .ui-inputfield.ui-state-focus,
input[type=text]:focus,
textarea:focus {
    -moz-box-shadow: inset 0 2px 0 0 #cccccc;
    -webkit-box-shadow: inset 0 2px 0 0 #cccccc;
    box-shadow: inset 0 2px 0 0 #cccccc;
    border: 1px solid #777777 !important;
    background-color: #fbfbfb;
}

/* Input fields when hovered over */
.uvs-input:focus,
fieldset.propertysheet input.uvs-input:focus,
.uvs-input .ui-inputfield.ui-state-focus,
.uvs-input.ui-state-focus,
.uvs-input.ui-state-focus.ui-widget.ui-state-default,
.suggest .ui-inputfield.ui-state-focus,
input[type=text]:hover, textarea:hover {
    border: 1px solid #777777 !important;
}

/*NOTE:These widths do not fall on column boundaries. */
/* Field widths */
/* DEPRECATED - prefer use of size_XX */

.xxsmall {
    width: 10%;
}

.xsmall {
    width: 20%;
}

.small {
    width: 30%;;
}

.medium {
    width: 45%;
}

.large {
    width: 56%;
}

/*In some situations, we would want to span the entire column.  Full is a shorthand for this.*/
.full {
    width: 100% !important;
}

.x-large {
    width: 70%;
}

.xxsmall-fixed {
    width: 3em;
}

.xsmall-fixed {
    width: 6em !important;
}

.small-fixed {
    width: 9em !important;
}

.mediumSmall-fixed {
    width: 12em !important;
}

.medium-fixed {
    width: 15em !important;
}

.large-fixed {
    width: 18em !important;
}

.xlarge-fixed {
    width: 25em !important;
}

.xxlarge-fixed {
    width: 35em !important;
}

.xxxlarge-fixed {
    width: 40em;
}

/* Multifield */
.staticText,
.multifield {
    display: inline-block;
    vertical-align: middle;
}

.multifield.textaggregate {
    line-height: 1.5em;
}

.multifield.textaggregate > *,
fieldset.propertysheet .multifield.textaggregate /* For specificity */
{
    padding: 0px !important;
    height: auto !important;
}


.multifield.vertical > * {
    display: block;
}

.multifield.detail-box {

    background-color: #f4f4f4;
    padding: 7px;
    line-height: 1.4em;
}

/*Listboxes may break the line hieght multiple of 2em if we do not fix the size.  May require
JS script to size these boxes to a multiple of 2em based on the number of items.*/
fieldset.propertysheet .line select[multiple] {
    height: 4em;
}

fieldset.propertysheet .line input {
}

fieldset.propertysheet .line textarea {
    min-height: 6em;
    box-sizing:border-box;
}

fieldset.propertysheet .line .textarea-readonly {
    word-wrap: break-word;
}

/* Checkbox and radio button groups */
fieldset.propertysheet .line table.checkboxgroup,
fieldset.propertysheet .line table.radiogroup,
fieldset.propertysheet .field table.checkboxgroup,
fieldset.propertysheet .field table.radiogroup {
    display: inline-block;
    margin: 0;
    border: 0;
    line-height: 1em;
    width: auto;
    padding: 2px;
}

fieldset.propertysheet .line table.checkboxgroup td,
fieldset.propertysheet .line table.radiogroup td,
fieldset.propertysheet .field table.checkboxgroup td,
fieldset.propertysheet .field table.radiogroup td {
    border: 0;
    background-color: transparent;
    width: auto !important;
    padding-right: .5em;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 2em;
    vertical-align: middle;
}

fieldset.propertysheet .line table.checkboxgroup tbody td label,
fieldset.propertysheet .line table.radiogroup tbody td label,
fieldset.propertysheet .field table.checkboxgroup tbody td label,
fieldset.propertysheet .field table.radiogroup tbody td label {
    display: inline;
    text-align: left;
    width: 100%;
    padding: 0 !important;
    border-bottom: 0px;
    color: #333333;
    font-family: ProximaNovaRegular;
    font-size: 1em;
    margin-left: 5px;
}

fieldset.propertysheet .checkboxgroup  .ui-chkbox-box,
fieldset.propertysheet .field.checkbox .ui-chkbox-box {
    margin-top: 7px;
    /* ALT-35332: Rolled back to restore hover/focus UX behavior.
    border: none;*/
    height: 21px;
    width: 21px;
}
/* ALT-35332: Rolled back to restore hover/focus UX behavior.
fieldset.propertysheet .checkboxgroup  .ui-chkbox-box.ui-state-active,
fieldset.propertysheet .field.checkbox .ui-chkbox-box.ui-state-active {
    border: none;
}

fieldset.propertysheet .checkboxgroup .ui-chkbox-box .ui-chkbox-icon,
fieldset.propertysheet .field.checkbox .ui-chkbox-box .ui-chkbox-icon {
    display: none !important;
}
*/
/*A Checkbox/radio button in a checkbox or radio group does not need the margin on the top.  Ditto if they are in a
  horizontal property sheet*/

fieldset.propertysheet .checkboxgroup .ui-chkbox-box,
fieldset.propertysheet .checkboxgroup .field.checkbox .ui-chkbox-box,
fieldset.propertysheet.horizontal .field.checkbox .ui-chkbox-box,
fieldset.propertysheet .radiogroup .field.checkbox .ui-chkbox-box,
fieldset.propertysheet.horizontal .field.checkbox .ui-chkbox-box
{
    margin-top: 0px;
}



/* Icons for radio buttons */



.alternative-option .ui-radiobutton .ui-radiobutton-box,
.radiogroup .ui-radiobutton .ui-radiobutton-box {
    border: none;
    background: none;
    border-radius: 0;
    -moz-border-radius: 0;
}



.alternative-option .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon,
.radiogroup .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    height: 21px;
    width: 21px;
    display: block;
    overflow: hidden;

}
.alternative-option .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon.ui-icon-bullet,
.radiogroup .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon.ui-icon-bullet {
    height: 21px;
    width: 21px;
}

/* Radio button in alternative block styles*/
.alternative-option .ui-radiobutton {
    vertical-align: middle;
    line-height:21px;
    height:21px;
    width:21px;
    margin-right: 5px;
}

/* Icons for checkbox */

/* Picklists */

table.ui-picklist {
    border: 0;
    width: auto;

}

table.ui-picklist td {
    vertical-align: middle;
    border: 0;

}

ul.ui-picklist-list {
    height: 8em !important;
}

/* Trees */

div.tree {
    /*border:  1px solid #F0F0F0;*/
}

div.tree .ui-menubar {
    width: 100%;
}

div.tree .ui-menu {
    padding: .3em;
    position: relative;
}

div.tree .ui-widget {
    font-size: 1em;
}

div.tree .tree_table {
    padding-top: 1px;
    padding-left: .9em;
    border: 0px;
}

div.tree .ui-tree-nodes {
    vertical-align: middle;
}

div.tree ul.ui-tree-container-uvs {
    border:0px;
    margin:0;padding:3px;white-space:nowrap;overflow:auto;
}


div.tree .ui-scrollpanel-wrapper {
    width: 400px;
    height: 550px;
}

/* Menubar for the tree */
/*div.tree div.wijmo-wijmenu-horizontal*/
div.tree .tree_menu {
    border: 0;
    padding: 0;
}

div.tree ul.wijmo-wijmenu-list {
    background-color: #E6E6E6 !important;
}

/* Menus (primefaces) */

/* Menu button */
.menu-button {
}

.menu-button.icon-only button {
    height: 20px;
    width: 20px;
}

.menu-button.icon-only button  .ui-button-icon-primary {
    left: 0;
    position: relative;
    margin-top: 1px;
    top: 0;
}

/* Repeating propertysheet*/
.repeat .repeat-item {
    width: 100%;
    position: relative;
}

.repeat .repeat-item .repeat_delete {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 7px;
    border: none;
    background: transparent;
}

/* Summary Tables */
.summarytable,
.list-table table.summarytable /* For specificity */
{
    margin-bottom: 5px;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.list-table .summarytable .tablerow .tableheader {
    background-color: #f9f9f9 !important;
    background-image: none;
    color: #676767;
    text-align: left;
    text-transform: uppercase;
    white-space: normal;
    border-bottom: 1px dotted #c4c4c4 !important;
    padding: 4px 10px 4px 10px !important;
    vertical-align: middle !important;
}

.list-table .summarytable .tablerow .tabledata {
    border-bottom: 1px dotted #c4c4c4 !important;
    padding: 4px 10px 4px 10px !important;
    vertical-align: middle !important;
}

/* Summary Table used as inline-edit-form (one row table typically used to support add item use case) */

.line .summarytable.inline-edit-form {
    width: 100%;
    border: 1px solid #BBBBBB;
    font-size: 1em;
}

.summarytable.inline-edit-form .tabledata {
    border: 1px solid #BBBBBB;
}

/* List layout */

table.list-table-field {
    display: inline-block;
    width: auto;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

table.list-table-field thead {
    display: none;
}

table.list-table-field tbody {
    border: 0px;
}

table.list-table-field tr {
    border: 0px;
}

table.list-table-field  td {
    border: 0px;
    vertical-align: baseline;
}

table.list-table-field tfoot tr {
    border-top: 1px solid #CCCCCC;
}

table.list-table-field tfoot tr td {
    padding: 5px 0 0 0;
    background: none;
}

/* List elements */

.list-export-bar {
    display: inline-table;
    background: #eee;
    width: 100%;
}

.list-export-bar .export-link {
    float: right;
    padding-right: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.list-export-bar .export-icon {
    display: inline-block;
}

.list-table {
    font-size: 13px;
    margin-bottom: 5px;
}

.list-table table {
    table-layout: fixed;
    border: 1px solid #d4d4d4 !important;
}

.list-table.noheader thead {
    display: none;

}

/* Style overrides for list tables.  We wish to undo most of PF's table formatting. */

.list-table table thead th,
.ui-datatable.list-table table thead th, /* for specificity */
.ui-treetable.list-table table thead th /* for specificity */
 {
    text-align: left;
    background-image: none !important;
    white-space: normal !important;
    text-transform: uppercase;
}

.list-table.borders table thead th {
    border: 1px solid #c4c4c4 !important;
}

.list-table table th.ui-datatable-header {
    text-align: left;
}

.list-table table th.ui-state-active {
    border: 1px solid #D3D3D3;
    color: #555555;
    font-weight: normal;
}

.list-table table .ui-column-filter {
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 5px;
    width: inherit;
}

.list-table table th .ui-dt-c > span {
    display: block;
}

.list-table table th input,
.list-table table th select {

}

.list-table table tbody,
.list-table table th,
.list-table table tr:not(.ui-expanded-row-content) {
    border: 0 !important;
}

.list-table table td,
.ui-datatable.list-table table td,
.ui-treetable.list-table table td
{
    white-space: normal !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid #c4c4c4 !important;
}

.list-table.borders table td {
    border: 1px solid #c4c4c4 !important;
}

.list-table tr:nth-child(odd):not(.ui-state-highlight):not(.ui-state-hover):not(.ui-expanded-row-content):not(.tablerow) {
    background: none;
    background-color: #F2F1F1;
}

.list-table tr:nth-child(even):not(.ui-state-highlight):not(.ui-state-hover):not(.ui-expanded-row-content):not(.tablerow) {
    background: none;
    background-color: #FFFFFF;
}

.list-table tr.ui-expanded-row-content {
    background: none;
    background-color: #FFFFFF;
    border-left: 0;
    border-right: 0;
}

.list-table tr.ui-expanded-row-content > td,
.ui-datatable.list-table tr.ui-expanded-row-content > td {
    padding-top: 5px;
    padding-bottom: 5px;

}

.list-table table td div.ui-dt.c {
    padding: 2px 10px !important;
}

.list-table tfoot td {
    background-image: none !important;
    background-color: #d8e8ef !important;
    color: #676767;
}

/* End style overrides. */



/* Style override for ui-selectonemenu */
.ui-selectonemenu {
    display: inline-block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

/* End style overrides. */

.list-table table {
    margin-bottom: 0px;
}

.list-table table td {
    vertical-align: top;
}

.list-table table td div.ui-dt-c {
    padding: 2px 2px 2px 2px;
}

/* Forms that are appended to the list table, via the uvs:dataTableForm component.*/

.list-table-form {
    background: #F1F1F1;
}

.list-table-form-body {
    border-width: 0px 1px 0px 1px;
    border-style: solid;
    border-color: #DBDBDB;
    padding: 5px 5px 5px 5px;
}

.list-table-form-header,
.list-table-form-footer {
    padding: 2px 5px 0px 10px;
}

.list-table-form-header-content {
    vertical-align: middle;
    line-height: 2em;
}

.list-table-form-header,
.list-table-form-footer {
    min-height: 28px;
}

.list-table-form-header .list-table-form-header-buttons {
    float: right;
}

.list-table-form-footer button {
    float: right;

}

/* Number alignment in tables */

.list-table .numberAligned {
    text-align: right;
    width: 100%;
    display: inline-block;
}

/* Buttons at bottom of form page */

.form-buttons {
    width: 100%;
    clear: both;
    font-size: 11px;
}

.form-buttons .form-button {
    float: right;
    margin-bottom: 15px;
}

/* Imgae/icon buttons*/

.image-button {
    /* Override PrimeFaces p:button sizing.*/
    height: 16px !important;
    width: 16px !important;
    display: inline-block !important;
    vertical-align: baseline !important;
    position: relative;
    bottom: -5px;

}

/* Autocomplete / suggest box */
.suggest .ui-autocomplete-input {
    width: 100%;
}

.suggest {
    display: inline-block;
    box-sizing: border-box;
}

.suggest-search-button {
    display: inline-block;
    vertical-align: bottom;
}

.propertysheet .suggest input.ui-autocomplete-input {
    -moz-box-sizing: border-box;
    box-sizing:border-box;
    padding-right: 21px;
}

/* Date picker*/

.date {
    display: inline-block;

}

.propertysheet .date input.ui-inputfield {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-right: 21px;
}

/* Datepicker in horizontal multifield */

.multifield.horizontal > .date:not(:last-child) {
    margin-right: 10px;
}

/* Date Range */

.date-range {
    font-size: 11px;
}

.date-range > div {
    display: inline-block;
    vertical-align: bottom;
}

.date-range .date-range-scroll-button {
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: bottom;
}

.date-range .date-range-scroll-button:hover {
    background: #D7F0F5;
    border: 1px solid #F4F4F4;
    color: #212121;

}

.date-range .date-range-scroll-button {
    height: 24px;
    width: 24px;
}

.date-range .date-range-selector {
    display: inline;
}

/* Text Fields */
/* When text inputs are used to front searches, we want to alter the rendering from
   the standard use of inputs on forms.  They should appear bigger, and more prominant.
*/

input[type='text'].search {
    color: #a0a0a0;
    font-size: 12px;
    padding: 8px;
}


/* Navigation Link */

/* The first two lines define the general rule.  The latter account for:
   links in list headers, links nested in primefaces components
*/
a.navigation-link,
a.navigation-link:visited,
a.email-link,
a.email-link:visited,
.ui-state-default a:link.navigation-link,
.ui-state-default a:visited.navigation-link,
.ui-widget-content a.navigation-link,
.ui-widget-content a.navigation-link:visited,
fieldset.propertysheet .field a.navigation-link, /* When link is inside a propertysheet, keep standard color */
fieldset.propertysheet .field a.navigation-link:visited,
fieldset.propertysheet .line a.navigation-link,
fieldset.propertysheet .line a.navigation-link:visited {
    /* Moved to theme */
    /*color: #039ABE;*/
    font-weight: normal;
}

a.navigation-link:hover,
a.email-link:hover,
.ui-state-default a.navigation-link:hover,
.ui-widget-content a.navigation-link:hover {
    /* Moved to theme */
    /*color: #036DBE;*/
    font-weight: normal;
}

/* Nav links inside horizontal multifields */
.multifield.horizontal .navigation-link {
    margin-right: 10px;
}

/* Thumbnails */

.thumb-nail {
    vertical-align: top;
}

.thumb-nail-tab {
    height: 15px;
    width: 5px;
}

/* Two sizes: small and large */
.thumb-nail.small {
    height: 37px;
    width: 31px;
}

.thumb-nail.medium {
    height: 62px;
    width: 58px;
}

.thumb-nail.large {
    height: 120px;
    width: 110px;
}

/*===== Action Buttons==== */

.ui-widget-content .ui-state-default.action-button.primary, /* Used when actionButton is embeded in primefaces component */
.action-button.primary {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.ui-widget-content .ui-state-default.action-button.primary:hover, /* Used when actionButton is embeded in primefaces component */
.action-button.primary:hover {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
}

/* Action Button sizing */
.action-button,
.ui-widget button.action-button, /* For specificity, when action butotn is nested in a prime faces region, or any region marked to have a header background */
button.ui-widget.action-button {
    min-width: 65px;
    height: 22px;
    font-size: 12px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}
/*  Page Control buttons  */
.action-button.page-control,
.ui-widget button.action-button.page-control, /* For specificity, when action butotn is nested in a prime faces region, or any region marked to have a header background */
button.ui-widget.action-button.page-control {
    min-width: 0;
    padding-left: 18px;
    box-sizing: content-box;
}

.ui-widget-content .ui-state-default.action-button.page-control,
.action-button.page-control {
    padding: 6px 0 4px 28px;
    background-color: #ffffff;
    height: 16px !important;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    color: #525252;
    margin-left: 8px;
}

.ui-widget-content .ui-state-default.action-button.page-control:hover,
.action-button.page-control:hover {
    background-color: #ededed;
}

.page-control span.ui-button-text.ui-c {
    padding: 0 1em;
}
/*End of page controls buttons*/

/* Compressed action buttons*/
.action-button.compressed,
.ui-widget button.action-button.compressed, /* For specificity, when action butotn is nested in a prime faces region, or any region marked to have a header background */
button.ui-widget.action-button.compressed {
    min-width: 0px;
    padding-left: 0px;
}

/* Action buttons inside a horizontal container (e.g. a horizontal propertysheet) */
.horizontal .action-button {
    vertical-align: middle;
    margin-left: 4px;
}

/* Action buttons inside list control rows should have a white background, and gray on hover*/
.list-table-controls-row .action-button:not(.primary) {
    background: #ffffff;
    border: 1px solid #b2b2b2;
}


/* Action buttons inside horizontal multifields */

.multifield.horizontal .action-button {
    margin-right: 10px;
}

/*===== Action Menu ==== */

.action-menu:not(.action-menu-button) button,
.ui-menubutton.action-menu:not(.action-menu-button) button.ui-button.ui-state-default /* For specificity */
{
    border: 0;
    background: transparent;
    border-radius: 0;
    color: #039abe;

}

.action-menu:not(.action-menu-button) button:hover,
.ui-menubutton.action-menu:not(.action-menu-button) button.ui-button.ui-state-default:hover {
    color: #036DBE;
}

/* Action menu button sizing */
.action-menu-button .ui-button {
    font-size: 10px;
    background: #ffffff;
    border: 1px solid #b2b2b2;
}

.panel-header .action-menu-button .ui-button {
    /* From action button*/
    height: 22px;
    font-size: 12px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    margin-left: 3px;
    text-transform: uppercase;
}

.action-menu-button .ui-button.ui-state-hover {
    background: #e9e9e9 !important;
    border: 1px solid #b2b2b2;
}

/* Within a list, remove borders and excessive padding */

.list-table .action-menu button,
.list-table .ui-menubutton.action-menu button.ui-button.ui-state-default /* For specificity */
{
    border: 0;
}

.list-table .action-menu button .ui-button-text,
.list-table .ui-menubutton.action-menu button.ui-button.ui-state-default .ui-button-text /* For specificity */
{
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Wizard screens */

.step .page-title-container {
    margin-top: 15px;
    margin-bottom: 10px;
}

.step .left-sidebar {
    margin: 0px;
}

.step-page {
    border: #dbdbdb solid 1px;
    margin-left: 10px;
}

.step-page .form-header {
    height: 35px;
    border-bottom: #dbdbdb solid 1px;
    padding: 10px 0 0 10px;
    position: relative;
}

.step-page .form-header h2.title.section,
.step-page .form-header h3.title.subsection {
    padding: 0 !important;
    margin: 0 !important;
    display: inline;

}

.step-page .form {
    padding: 0 0 0 10px;
}

.step-page .footer {
    width: 99.9%;
    height: 36px;
}

/* Pie Charts */

.jqplot-target .jqplot-title {
    font-family: ProximaNovaRegular;
}

table.jqplot-table-legend,
.ui-datatable .ui-datatable-data .ui-expanded-row-content table.jqplot-table-legend /* For speificity, when chart is in table (e.g. in an expansion row) */
{
    width: auto;
    font-size: 1em;
    font-family: ProximaNovaRegular;

}

/* Fix background to none.  Table rows otherwise have alternating colors */
table.jqplot-table-legend tr,
.list-table table.jqplot-table-legend tr:nth-child(2n):not(.ui-state-highlight):not(.ui-state-hover):not(.ui-expanded-row-content) /* For speificity, when chart is in table (e.g. in an expansion row) */
{
    background: none;
}

table.jqplot-table-legend tr td,
.ui-datatable .ui-datatable-data .ui-expanded-row-content table.jqplot-table-legend tr td /* For specificity, when chart is in table (e.g. in expansion row) */
 {
    padding: 5px;
}

/* Panel */

.panel {
    border: 1px solid #DBDBDB;
    border-radius: 4px;
    margin-bottom: 10px;
    width: 100%;
}

.panel-header {
    width: 100%;
    border-bottom: 1px solid #d4d4d4;
    /*border-radius: 4px;*/
    padding: 7px;
    /* Moved to theme */
    background-color: #d8e8ef;
    box-sizing: border-box;
    -moz-box-sizing: border-box;

}

.panel-header {
    min-height: 30px;
    /*padding-top: 2px;*/
}

.panel-body {
    padding: 0px;
    -box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
}

.panel-footer {

}

.panel-footer .form-button-container {
    margin-bottom: 0px;
}

.panel-footer .form-button-container {
    height: 36px;
}

.panel-footer .form-button-container .form-buttons {
    margin-top: 0;
}

/* Static Text  */
/* When static texts are directly under line-value of a non-compressed and non-readOnly propertysheet, we render them as a field */
fieldset.propertysheet:not(.compressed):not(.read-only):not(.reference) .line .line-value > .staticText,
fieldset.propertysheet:not(.compressed):not(.read-only):not(.reference) .line .line-value > .amount:not(.edit),
fieldset.propertysheet:not(.compressed):not(.read-only):not(.reference) .line .line-value .staticText.field
{
    display: inline-block;
    min-height: 30px;
    vertical-align: middle;
    background-color: #f4f4f4;
    color: #000000;
    padding: 8px 0 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 14px;
    line-height: 17px;
    width: 201px;
}

/* Also render multifield (horizontal) as fields.  Different style because we do not want to fix the width.*/
.multifield.horizontal > .uvs-input:not(:last-child) {
    margin-right: 10px;
}

/* Supported colors for Static Text */

.staticText.green {
    color: green !important;
}

/* Summary level details- usually large font  (Profile)*/
.staticText.summary1,
fieldset.propertysheet .staticText.summary1 /* Required for specificity */
{
    font-size: 18px;
    color: #525252;
}

/* Subhead */
.staticText.summary2,
fieldset.propertysheet .staticText.summary2 /* Required for specificity */
{
    font-size: 16px;
    color: #525252;
}

/* Subdetails, usually smaller fonts (Subcaption)*/
.staticText.subtext1,
fieldset.propertysheet .staticText.subtext1 /* Required for specificity */
{
    font-size: 14px;
    color: #000000;
}

/* Utility */
.subtext2,
.staticText.subtext2,
fieldset.propertysheet .staticText.subtext2 /* Required for specificity */
{
    font-size: 12px;
    color: #525252;
}

.staticText.bold,
fieldset.propertysheet .staticText.bold /* Required for specificity */
{
    font-weight: bold;
}

.italic,
.staticText.italic,
fieldset.propertysheet .staticText.italic {
    font-style: italic;
}

.red {
    color: #7e3535;
}


/* Style to apply to a field when it is rendered as 'vertical' */

.vertical:not(.multifield) {
    display: inline-block;
    min-height: 30px;
    vertical-align: middle;
    color: #000000;
    padding: 8px 0 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 14px;
    line-height: 17px;
}

.propertysheet:not(.read-only) .vertical:not(.multifield){
    background-color: #f4f4f4;
}

/* General numeric styles */

.numeric-value .pe-inputNumber {
    text-align: right;
}

/*todo: This is a quick fix to left align the bdt properties in a property sheet. Need to be revisited for the case when the bdt is used in a data table*/
.staticText.numeric,
.vertical.numeric {
    text-align: left;
}

/* Number */

.number.edit .number-value input[type='text'] {
    width:  7em;
}


.propertysheet:not(.read-only) .number.readonly.vertical {
    width: 7em;
}

/* Integer */

.integer.edit .integer-value input[type='text'] {
    width:  7em;
}


.propertysheet:not(.read-only) .integer.readonly.vertical {
    width: 7em;
}



/* Rate */

.rate.edit .rate-value input[type='text'] {
    width:  10em;
}


.propertysheet:not(.read-only) .rate.readonly.vertical {
    width: 11em;
}

/* Basis Point */

.basispoint.edit .basispoint-value input[type='text'] {
    width:  5em;
}


.propertysheet:not(.read-only) .basispoint.readonly.vertical {
    width: 5em;
}

/*Amount */

.amount .amount-currency {
    margin-left: 4px;
}

/* Amounts in horizontal multifield */
.multifield.horizontal > input.amount {
    margin-right: 10px;
}

/* Amount part psacing (credit, currency) */

.amount .amount-readonly-credit
{
    margin-left:4px;
}

.amount .amount-readonly-currency{
    margin-left:4px;

}

.amount.edit .amount-value input[type='text']{
    width: 11em;
}

.amount.edit .amount-value.amount-size-k input[type='text'] {
    width: 8ch;
}

.amount.edit .amount-value.amount-size-m input[type='text'] {
    width: 11ch;
}

.amount.edit .amount-value.amount-size-g input[type='text'] {
    width: 14ch;
}

.propertysheet:not(.read-only) .amount.readonly.vertical {
    width: 12em;
}

/*  Quantity */

.quantity.edit .quantity-value input[type='text'] {
    width:  11em;
}


.propertysheet:not(.read-only) .quantity.readonly.vertical {
    width: 11em;
}

/* Price */


.price.edit .price-value input[type='text'] {
    width:  7em;
}


.propertysheet:not(.read-only) .price.readonly.vertical {
    width: 8em;
}

.price .price-readonly-currency {
    margin-left: 4px;
}

.price .price-value-frac .pe-inputNumber {
    font-size: 12px;
    height: auto;
    padding: none;
}

.price .price-currency,
.price .price-pct,
.price .price-bp
{
    margin-left: 4px;
}

.price .price-value.fractional-denomination-value {
    margin-left: 4px;
    margin-right: 4px;
}

.price sup{
    vertical-align: super;
    font-size: smaller;
}

.price sub {
    vertical-align: sub;
    font-size: smaller;
}

.price .price-value-frac .pe-inputNumber {
    padding: 2px;
}


/* Temporal styles*/

/* Date Time */

.date-time.edit input[type='text'] {
    width: 11em;
}

/* Date */
.date.edit input[type='text'] {
    width: 7em;
    background: white;
    padding-right: 7px;

}

/* Business Date */
.business-date.edit input[type='text'] {
    width: 7em;
    background: none;
    padding-right: 7px;

}

/* Year Month */
.year-month.edit input[type='text'] {
    width: 5em;
}

/* Year */
/* Year Month */
.year.edit input[type='text'] {
    width: 4em;
}

/* Period */

.period.edit .period-input input {
    margin-right: 4px;
    width: 5ch;
    text-align: right;
}

.period-label {
    margin-right: 4px;
}

.period.readonly .period-output {

}

/* Duration */
.duration.edit input[type='text']{
    width: 6em;
}

/* Days Duration */
.days-duration.edit input[type='text'] {
    width: 4em;
}

/* Hours Duration */
.hours-duration.edit input[type='text'] {
    width: 4em;
}

/* Minutes Duration */
.minutes-duration.edit input[type='text'] {
    width: 4em;
}

/* Seconds Duration */
.seconds-duration.edit input[type='text'] {
    width: 4em;
}

/*  Time */
.time.edit input[type='text'] {
    width: 4em;
}


/* Text Styles */



/* Tab Navigator horizontal variant */

.tab-navigator-tabs {
    height: 35px;
    width: 100%;
    margin-bottom: 0px;
}

.tab-navigator-tabs li.active {
    border-top: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    border-left: 1px solid #c4c4c4;
    border-bottom:0;
    border-radius: 6px 6px 0px 0px;
    background-color:#ffffff;
    height: 14px;
    padding: 10px 14px 10px 14px;
    width: auto;
    text-align:center;
    display:inline-block;
    margin-right: 6px;
    font-size: 13px;
    text-transform: uppercase;
    color: #525252;
}

.tab-navigator-tabs li {
    border: 1px solid #c4c4c4;
    border-radius: 6px 6px 0px 0px;
    background-color:#d8e8ef;
    height: 14px;
    width: auto;
    padding: 10px 14px 10px 14px;
    list-style-type: none;
    display:inline-block;
    margin-right: 6px;
    font-size: 13px;
    text-transform: uppercase;
    color: #525252;
}



/* Feed */

.feed {
    /*border: 1px solid #dbdbdb;*/
    width: 100%;
}

.feed_controls {
    /*border-top: 1px solid #dbdbdb;*/
    border-bottom: 1px solid #dbdbdb;
    min-height: 32px;
    overflow: hidden;
}

.feed_controls_left {
    float: left;
    width: 50% ;
    height : 100%;
}

.feed_controls_right {
    border-left: 1px solid #e4e4e4;
    float: right;
    width: 50%;
    height: 100%;
}

.feed_controls .action-menu button {
    margin-top: 5px;
}

.feed_items {

}

.feed_item {
    margin-top: 10px;
    padding: 0 10px 10px 10px;
}

.feed_item:not(:last-of-type) {
    border-bottom: 1px solid #e4e4e4;
}

.feed_item_icon {
    display: inline-block;
    vertical-align: top;
    width: 10%;
}

.feed_item_body {
    display: inline-block;
    width: 88%;
}

.feed_item_text {
    word-break: break-word;
}

.feed_item_footer {

}

.feed_item_footer_text {
    display: inline-block;
    /*width: 80%;*/
}

.grid_4 .feed_item_footer_text,
.grid_5 .feed_item_footer_text {
    width: 60%;
}

.feed_item_footer_actions {
    display: inline-block;
    width: 20%;
}

.grid_4 .feed_item_footer_actions,
.grid_5 .feed_item_footer_actions {
    width: 40%;
}



.feed_item_footer_actions {
    font-size: 12px;
}

.feed_footer {
    height: 23px;
    padding: 10px 0 0 10px;
}

/*=== Tabular block ===*/

/* Footer */
.footer {
    overflow: hidden;
    /*position: absolute;
    bottom: -1px
    left: 0;*/
    z-index: 1;

    background: none repeat scroll 0 0 #F3F3F3;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    font-size: 11px;
}

.footer .footer-links {
    color: #8c8c8c;
    float: left;
    padding-top: 5px;
}

.footer .footer-logo {
    width: 180px;
    height: 25px;
    float: right;
    color: #8c8c8c;
}

.footer .footer-logo img {
    /*vertical-align:text-bottom;*/
    margin-left: 5px;
}

.footer a {
    color: #00b0da;
    padding: 3px 3px 3px;
    text-decoration: none;
    font-weight: normal;
}

.footer a:hover {
    color: #000000;
    text-decoration: none;
}

/* Footnotes */

.footnote {
    color: #AAAAAA;
    padding: 5px 0 5px 10px;
}


/*====== Edit List =====*/

.edit-list .toolbar {
    display:flex;
    display: -webkit-flex;
    align-items:center;
    height:43px;
}

.edit-list .toolbar .toolbar-title {
    /*Headline font*/
    text-transform: uppercase;
    font-size:14px;
    color:#252525;
    /* Box attributes */
    padding: 7px 7px 7px 11px;
    /*title wraps so we commented the max-width*/
    /*max-width: 134px;*/
}

.edit-list .toolbar .toolbar-search {
    flex: 1 50%;
    -webkit-flex: 1 50%;
    padding: 6px 4px 6px 4px;
}

.edit-list .toolbar .toolbar-action {
    /* Flush to right */
    margin-left: auto;
    /* Box attributes */
    /*width: 52px;*/
    padding: 10px;

}




/* Edit list composes a panel, but we need to reset the padding.  */
.edit-list .panel .panel-header {
    padding: 0;
}

/* Edit list action button needs a slightly slimmer rendering */

.edit-list .toolbar .toolbar-action .action-button {
    /* Undo sizing, which is intended to give a uniform minimum size, and accomodate for an icon. */
    min-width:0;
    padding:0;
    /* Font should not be bold */
    font-weight: normal;
}

.edit-list .contextbar {
    height: 37px;
    background-color: #ffffff;
    border-bottom:1px solid #b8b8b8;
}


.edit-list .contextbar:empty {
    display: none;
}

.edit-list .contextbar-actions {
    display: flex;
    align-items:center;
    justify-content: flex-end;
}

.edit-list .contextbar-actions .contextbar-action {
    height: 17px;
    padding: 10px;
    border-left:1px solid #b8b8b8;
}

.edit-list .contextbar-actions .contextbar-action.contextbar-action-left {
    margin-right: auto;
    border-left:0;
    /*border-right: 1px solid #b8b8b8;*/
}

.edit-list .contextbar-actions .contextbar-action a.navigation-link {
    /* Use UTILITY font */
    font-size: 12px;
    color: #525252;
    padding-left: 10px;
}

.edit-list .contextbar-actions:empty{
    display:none;
}

.edit-list .contextbar-menu-container {
    width:23px;
    padding:10px;
}

.edit-list .contextbar-menu-container:empty{
    display:none;
}

/*===== Hierarchy Selector =====*/

.hierarchy-selector.edit .mm-menu {
    width: 100%;
    max-width: inherit;
}

.hierarchy-selector.edit .ui-overlaypanel-content {
    padding: 0;
}

.ui-overlaypanel-content .mm-panels > .mm-panel {
    overflow: hidden;
}

.ui-overlaypanel-content  .mm-panels > .mm-panel:hover {
    overflow-y: auto;
}

.mm-wrapper .mm-menu {
    background: #ffffff;
}

.mm-wrapper .mm-menu .mm-panels a {
    font-weight: normal;
    color: #000000;
}

.mm-selected {
    background: #d4d4d4;
}

.hierarchy-selector-display.clearable,
.propertysheet input.ui-state-default.hierarchy-selector-display.clearable
{
    background-image:url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=);
    background-repeat: no-repeat;
    background-position: right -10px center;
    padding: 4px 18px 4px 4px; /* Use the same right padding (18) in jQ! */
    transition: background 0.4s;
}
.hierarchy-selector-display.clearable.x,
.propertysheet input.ui-state-default.hierarchy-selector-display.clearable.x
{ background-position: right 5px center; }

.hierarchy-selector-display.clearable.onX{ cursor: pointer; }
.hierarchy-selector-display.clearable::-ms-clear {display: none; width:0; height:0;}


/*===== Hierarchy Menu ======*/

.hierarchy-menu .hierarchy-menu-input {
    display: none;
}

.hierarchy-menu .mm-wrapper {
    width: 100%;
}

.hierarchy-menu .mm-menu {
    max-width: 100% !important;
    width: 100% !important;
}

/* Non-jquery icons */

.ui-pdf-icon {
    width: 16px;
    height: 16px;
}

.ui-excel-icon {
    width: 16px;
    height: 16px;
}

.ui-return-icon {
    width: 35px !important;
    height: 36px !important;
}


.ui-save-icon {
    width: 20px !important;
    height: 20px !important;
    margin: 1px !important;
    display: inline-block;
}

.ui-cancel-icon {
    width: 20px !important;
    height: 20px !important;
    display: inline-block;
    margin: 1px !important;
}

.ui-note-icon {
    height: 19px;
    width: 17px;
    vertical-align: middle;
    float:left;
}

.ui-message-icon {
    height: 19px;
    width: 17px;
    vertical-align: middle;
    float:left;
}

.ui-notification-icon {
    height: 19px;
    width: 17px;
    vertical-align: middle;
    float:left;
}

.ui-meeting-icon {
    height: 19px;
    width: 17px;
    vertical-align: middle;
    float:left;
}

.ui-task-icon {
    height: 19px;
    width: 17px;
    vertical-align: middle;
    float:left;
}

.ui-in-progress-icon {
    height: 10px;
    width: 10px;
}
.ui-not-started-icon {
    height: 10px;
    width: 10px;
}
.ui-not-started-high-icon {
    height: 10px;
    width: 10px;
}
.ui-pending-review-icon {
    height: 10px;
    width: 10px;
}

.ui-paperclip-icon {
    height: 15px;
    width: 9px;
    display: inline-block;
    vertical-align: middle;
}

.ui-phone-icon {
    padding-bottom: 2px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 0;
}

.ui-email-icon {

    padding-bottom: 2px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 0;
}

.ui-location-icon {
    padding-bottom: 2px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 0;
}

.plus.ui-icon {
    vertical-align: baseline;
    margin-top: -5px !important;
}


.ui-edit-icon {

    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
}


.ui-error-icon-large {

    height: 50px;
    width: 50px;
}

.ui-success-icon-large {

    height: 50px;
    width: 50px;
}

.ui-complete-icon-large {

    height: 50px;
    width: 50px;
}

.ui-branch-icon {
    height: 16px;
    width: 30px;
}

.ui-advisor-icon {
    height: 16px;
    width: 30px;
}

.ui-prospect-icon {

    height: 20px;
    width: 20px;
}

.ui-warn-icon {

    height: 20px;
    width: 20px;
}

/*Page Controls icons*/

.ui-remove-icon {
    height: 15px;
    width: 15px;
}

.ui-remove-icon:hover {
    height: 15px;
    width: 15px;
}

.ui-icon-box {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}

.ui-icon-box-nopad {
    display: inline-block;
    vertical-align: middle;
}
/*===================== Screen Specific ========================================*/

/* User Priv. Override screen */

.perm.ui-icon {
    display: inline-block;
    margin: 3px 3px 3px 4px;
}

/* Login Screen - special case */

.login-table, .login-table table, .login-table td {
    border: 0;
}

.login-table .top {
    height: 150px;
}

.login-table .bottom {
    height: 150px;

}

.login-table .left {
    width: 60%;
}

.login-table .middle label {
    width: 25%;
    padding-right: 1%;

}

/* Account summary screen template */

.account-summary {
    margin-bottom: 10px;
}

/* ==== Toggle Buttons ===== */

.toggle-buttons {
    display: inline-block;
}

/* ===== Picture ==== */
.picture {
    display: inline-block;
    vertical-align: middle;
}

.picture-container {
    border: 1px solid #d4d4d4;
    position: relative;
}

.picture .picture-controls .navigation-link {
    display: inline-block;

}

.picture .picture-controls {
    display: inline-block;
    vertical-align: text-bottom;
}

.picture .picture-overlay-icon {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;

}

.ui-fileupload-content {
    border: none!important;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    background: transparent!important;
    background-color: transparent!important;
    float: right;
}

.ui-fileupload-buttonbar {
    padding: 0px!important;
    border: none!important;
    float: left;
}

/*=== Tabular Blocks =====*/

.tabular-block table {
    border: 0;
}

/*===== Float Blocks ===== */
fieldset.propertysheet .floatblock {
    padding: 7px;
}

/* Float block inside panel heaeder should have line height of 1 */
.panel .panel-header .floatblock {
    line-height: 1em;
}

/*===== Questionnaire =====*/
.questionnaire {
    padding: 5px;
}

.questionnaire .question {
    padding: 8px 8px 20px 8px;
}

.questionnaire .question .question-response {

}

.questionnaire .question .question-response .question-text {
    width: 70%;
    display: inline-block;
}

.questionnaire .question .question-response .question-answer {
    padding: 0px 0px 0px 8px;
    display: inline-block;
}

.questionnaire .question .question-details {

}

/*===== Overlay Button =====*/
.overlay-button {
    display: inline-block;
}

.overlay-button .overlay-flat-label {
    padding: 7px 12px 7px 7px;
    color: #676767;
}

.overlay-button .overlay-flat-label:hover {
    cursor: pointer;
    color: #b5b5b5;
}

/*==== Merging Action and Overlay button ===== */
/*  Effect to have two buttons appear as one.  We currently support this with an action button on the left, and
    a no-label overlay button on the right.
 */

.merge-buttons {
    display:inline-block;
    vertical-align: middle;
}

.merge-buttons .action-button {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}

.merge-buttons .overlay-button .action-button {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    min-width:16px;
}

.merge-buttons .overlay-button .action-button .ui-icon {
    left: 50%;
}


/*============ Marquee ================== */
.marquee {
   padding: 9px 19px;
    /*border: 1px solid #c4c4c4;*/
}

.marquee .marquee-text {
    text-align: center;
    font-size: 49px;
    color: #00b0da;

    font-weight: bold;
    line-height: 1em;
}

.marquee .marquee-label {
    text-align: center;
    font-size: 13px;
    padding-bottom: 11px;
}

/*============ Portfolio Summary ================== */
.summary {
}

.summary .summary-text {
    font-size: 22px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 8px;
}

.summary .summary-label {
    text-transform: capitalize;
    margin-bottom: 8px;
}

/*== Panel Grid ======= */
.panel-grid {
    margin: 0;
}

.panel-grid  td {
    border: 1px solid #d4d4d4;
}

/*============== Alternative blocks  ======================*/

.alternative-option {
    text-transform: uppercase;
    font-size: 12px;

}

/*=============== Advanced Search UI (Generic Search) =======================*/

.generic-search-overlay .action-button {
    border-radius: 3px; /*  */
}

.generic-search-available-fields-options {
    display: inline-block;
}

.generic-search-control {
    display: inline-block;
}

.generic-search-advanced-criteria .generic-search-control {
    width: 200px;
}

.generic-search-remove {
    display: inline-block;

}

/*===================== Prime overrides======================================== */

/* Data table checkboxes */
.ui-datatable-tablewrapper .ui-chkbox-box.ui-state-default {
    background: none;
}

.ui-datatable-tablewrapper .ui-selection-column {
    vertical-align: middle;
}

/* Dialog */

.ui-dialog .ui-dialog-titlebar {
    background: none;
    font-weight: normal;
    font-size: 15px;
    border-bottom: 2px solid #b7b5b6;
    text-transform: uppercase;
}

/*  General widget overrides */

.ui-widget, .icomoon:first-child {
    font-family: ProximaNovaRegular !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: ProximaNovaRegular !important;
}

/* Highlights */

.ui-widget-content .ui-state-highlight {
    background-color: #ecf5f8;
}

.ui-spinner-input {
    padding-right: 20px;
    text-align: right;
    vertical-align: middle;
    width: 15px;
}

.truncate {
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dt-c .truncate {
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}




/* Inplace Edit */

.line .ui-inplace.ui-hidden-container {
    padding-right: 15px;
}

/* Row toggler overrides */


.ui-datatable .ui-datatable-data .ui-expanded-row-content td {
    padding: 0px;
}

/* Overrides for toggle buttons*/
.ui-buttonset {
    margin: 0 !important;
}

/* Input field overrides, for p:autocomplete, p:datePicker, etc.*/

.propertysheet input.ui-state-default,
.list-table input.ui-state-default,
.list-table select.ui-state-default
{
    background-color: #FFFFFF ;
    background-image: none;
    border: 1px solid #b2b2b2;
    border-radius: 0;
}

/* Dropdown - SelectOneMenu override */
.prime-input.ui-selectonemenu,
.prime-input.ui-selectonemenu.ui-state-default.ui-widget {
    height: 30px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    border: 1px solid #b2b2b2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    vertical-align: middle;
}


.prime-input.ui-selectonemenu.ui-state-default.ui-widget:hover,
.prime-input.ui-selectonemenu:hover {
    border: 1px solid #777777;
}

.prime-input.ui-selectonemenu label,
fieldset.propertysheet .line  .prime-input.ui-selectonemenu label,
fieldset.propertysheet .field  .prime-input.ui-selectonemenu label {
    margin: 0px;
    background-color: #ffffff;
    text-transform: none;
    text-align: left;
    padding: 7px 16px 7px 7px;
    height: 16px;
    line-height: 1em;
    width: 100% !important;
    /* Without this, the PrimeFaces/jQuery computed witdth for the label will be used.
                                  This width typically causes the label to bleed out of it's container.  Set it to the width
                                  of the container, always.  Hopefully this will not cause problems. */
}

.prime-input.ui-selectonemenu .ui-helper-hidden-accessible > input,
fieldset.propertysheet .line  .prime-input.ui-selectonemenu .ui-helper-hidden-accessible > input,
fieldset.propertysheet .field  .prime-input.ui-selectonemenu .ui-helper-hidden-accessible > input {
    padding: 7px;
    height: 16px;
}

.prime-input.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon,
fieldset.propertysheet .line  .prime-input.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon,
fieldset.propertysheet .field  .prime-input.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    display: none;
}

/* With focus */
.prime-input.ui-selectonemenu.ui-state-focus label,
fieldset.propertysheet .line  .prime-input.ui-selectonemenu.ui-state-focus label,
fieldset.propertysheet .field  .prime-input.ui-selectonemenu.ui-state-focus label {
    -moz-box-shadow: inset 0 2px 0 0 #cccccc;
    -webkit-box-shadow: inset 0 2px 0 0 #cccccc;
    box-shadow: inset 0 2px 0 0 #cccccc;
    border: 1px solid #777777 !important;
    background-color: #fbfbfb;
}


/* Dropdown in horizontal multifield */
.multifield.horizontal > .prime-input.ui-selectonemenu:not(:last-child) {
    margin-right: 10px;
}

/* Dropdown in date range component */

.date-range .prime-input.ui-selectonemenu {
    height: 24px;
}

/* Override for Prime Menubutton */

.ui-menu:not(.nav-bar) {
    box-shadow: 0px 1px 2px #888888;
    border: 1px solid #d0d0d0 !important;
    background-color: #ffffff !important;
    border-radius: 0px !important;
    padding: 0px !important;
}

.ui-menu:not(.nav-bar) .ui-menuitem:not(:last-child) {
    border-bottom: 1px solid #e7e7e7 !important;
}

.ui-menu:not(.nav-bar) .ui-menuitem.ui-state-hover {
    background-color: #f9f9f9 !important;
}

.ui-menu:not(.nav-bar) .ui-menuitem .ui-menuitem-link {
    font-family: ProximaNovaRegular !important;
    font-size: 12px !important;
    color: #8d8d8d !important;
}

.ui-menu:not(.nav-bar) .ui-menuitem .ui-menuitem-link {

}

/* List subtable headers */
.ui-datatable-subtable-header {
    background-color: #e0edf2;
}

/* List paginators */

.ui-paginator.ui-paginator-bottom.ui-widget-header {

    background-image: none;
    /*Moved to theme */
    /*background-color: #d8e8ef;
    color: #707070;*/
    font-wieght: normal;
}

/*  Split button */

.ui-splitbutton button,
.ui-widget.ui-splitbutton button {
    height: 22px;
    font-size: 12px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.ui-splitbutton button:not(.ui-splitbutton-menubutton){
    padding-left: 10px;
}


.ui-splitbutton.primary button:not(.ui-splitbutton-menubutton) {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    background: -moz-linear-gradient(top, #00c6e4, #00acda);
    background: -o-linear-gradient(top, #00c6e4, #00acda);
    background: -ms-linear-gradient(top, #00c6e4, #00acda);
    background: -webkit-gradient(linear, left top, left bottom, from(#00c6e4), to(#00acda));
    -pie-background: linear-gradient(top, #00c6e4, #00acda);
    border: #009fc8 solid 1px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.ui-splitbutton.primary button:not(.ui-splitbutton-menubutton):hover /* Used when actionButton is embeded in primefaces component */
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    background: -moz-linear-gradient(top, #0890cf, #016abd);
    background: -ms-linear-gradient(top, #0890cf, #016abd);
    background: -o-linear-gradient(top, #0890cf, #016abd);
    background: -webkit-gradient(linear, left top, left bottom, from(#0890cf), to(#016abd));
    -pie-background: linear-gradient(top, #0890cf, #016abd);
    border: #036fbf solid 1px;
    cursor: pointer;
    text-transform: uppercase;
}

.horizontal .ui-splitbutton button {
    vertical-align: middle;
}
.horizontal .ui-splitbutton button:not(.ui-splitbutton-menubutton)
{
    margin-left: 4px;
}

/* =========================Form Buttons===================*/

.form-button-container {
    height: 30px;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-right: 10px;
    margin-bottom: 10px;
    text-align: right;
    vertical-align: middle;
}

.form-button-container .form-buttons {
    margin-top: 0px;
    margin-bottom: 0px;

}

.form-button-container .form-buttons .action-button,
.form-button-container .form-buttons .navigation-link
{
    margin-right: 7px;
    vertical-align: middle;
}

.form-button-container .form-buttons .navigation-link {
    /*font-size: 14px;*/
}

.form-button-container .form-buttons .form-buttons-group:not(:last-child) {
    margin-right: 30px;
}

.form-button-container .confirm-dialog {
    text-align: left;
    font-size: 14px;
}

.form-button-container .confirm-dialog .line-value * {
    margin-right: 0;
}



.confirm-dialog .warn {
    font-size: 14px;
}

.dropshadow {
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
}

.blur {
    -webkit-filter: blur(1px);
}

div.tinted-panel div.ui-widget-content {
    background-color: rgba(198, 247, 254, 0.43);
}

/*============================= Placeholder (watermarks)============================= */

::-webkit-input-placeholder {
    color: #999 !important;
}

:-moz-placeholder {
    color: #999 !important;
}

::-moz-placeholder {
    color: #999 !important;
}

:-ms-input-placeholder {
    color: #999 !important;
}

/*======================== Schedule =============================================== */

.fc-header {
    border-color: #DBDBDB;
}

.fc-header td {
    border-color: #DBDBDB;
}

.fc-header-left,
.fc-header-center,
.fc-header-right {
    padding: 5px !important;
}

.fc-header .fc-button {
    margin-bottom: 0px !important;
    vertical-align: middle !important;
}

.fc-content .fc-view .ui-widget-header {
    background-color: #F1F1F1 !important;
    background-image: none;
    color: #656565;
    font-weight: normal;
}

.fc-content .fc-view .fc-agenda-allday {
    margin-bottom: 0px;
}

#mega {
    width: 99%;
    font-size: 12px;
}

#mega * {
    border: none;
}

li .megaMenuColumnHeader {
    font-style: italic;
    /*    font-size: larger;*/
}


/*============== DynaForm =================*/

 .pe-dynaform-grid {
     display: inline-table;
     vertical-align: middle;
 }

 .overlay-button .pe-dynaform-grid {
     width: 100%;
 }

 .pe-dynaform-label{
     width: 150px;
     text-align: right;
     color: #525252;
     line-height: 16px;
 }

/*
.pe-dynaform-cell {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
*/

/*============== Checkbox Menu============= */

.checkboxmenu:after,
.ui-selectcheckboxmenu:after {
    content: "" !important;
}

.checkboxmenu label,
.ui-selectcheckboxmenu  .ui-selectcheckboxmenu-label {
    width: auto;
}


/*============ Multiple Select checkbox for Data Table ==============*/

.ui-datatable .ui-selection-column .ui-chkbox-all {
    display: inline-block !important;
}

/*=============== Message Box ============== */

.message-box {
    width: 100%;

}
.message-box.warn {
    background-color: #fdfcda;
    border: 1px solid #ede486;
}

.message-box-column {

}
.message-box-column.message-box-icon {
    padding: 12px 6px 17px 27px;
    width: 24px;
    float: left;
    font-size: 30px; /*For icon fonts.*/
}

.message-box-column.message-box-content {
    padding: 12px;
    overflow-x: hidden;
    overflow-y: hidden;
}


/*============= Alphabet List ============== */
/* List criteria may constitute a simle alphabet listing where each letter is given a filter link*/
.alphabet {
    font-size: 16px;
    padding: 15px 0 15px 5px;
}

.alphabet .navigation-link {
    text-transform: uppercase;
    font-weight: normal;
    padding: 3px 6px;
}

.alphabet .navigation-link.current {
    background: none repeat scroll 0 0 #EFEDED;
    color: #000000;
    cursor: default;
    padding: 3px 6px;
    text-decoration: none;
}

.alphabet .navigation-link:hover {
    background: none repeat scroll 0 0 #EFEDED;
    color: #000000;
    padding: 3px 6px;
}

/*============== UIC Specific styles.  ======================*/
/* USE WITH CAUTION */

/* FileUpload component in attachment UIC.  We should eventually create a proper file upload component.*/
.note-attachment .fileupload-content {
    display: none;
}

/*hack to make code complettion come to front*/
div .CodeMirror-completions {
    z-index: 2000;
}

.notice-list .notice-buttons .ui-button.ui-widget.ui-button-text-only {
    font-size: 11px;
}

.list-notices .toggle-buttons .ui-button {
    background: white;
}

.list-notices .toggle-buttons .ui-button.ui-state-active {
    background: #e9e9e9;
}


/* Note Viewer */

#content .note-viewer .panel .panel-header .title.section {
    text-transform: none;
    font-family: ProximaNovaRegular;

}

.note-viewer .note-viewer-body {
    padding: 10px 14px;
}

/* Account application */

/* panel body has a minimum height for consistency, and so the menu doesn't dominate the screen. */
.account-application > .panel > .panel-body {
    min-height: 607px;

}

/* Label widths are longer for application screens*/
.account-application fieldset.propertysheet .line .line-label {
    width: 190px; /*4 col width */
}

/* Label widths by column container. */

.column.grid_16 fieldset.propertysheet:not(.reference):not(.compressed):not(.read-only) .line .line-label
{
    /* 6 grid columns*/
    width: 340px;
}

.grid_16 .column.grid_8 fieldset.propertysheet:not(.reference):not(.compressed):not(.read-only) .line .line-label {
    /* 4 cols */
    width: 190px;
}

.column.grid_13 fieldset.propertysheet:not(.reference):not(.compressed):not(.read-only) .line .line-label {
    /* 5 grid columns*/
    width: 240px;
}
.column.grid_12 fieldset.propertysheet:not(.reference):not(.compressed):not(.read-only) .line .line-label
{
    /* 4 gird columns */
    width: 190px;
}

.grid_16 .criteria .column fieldset.propertysheet:not(.reference):not(.compressed):not(.read-only) .line .line-label,
.column.grid_6 fieldset.propertysheet:not(.reference):not(.compressed):not(.read-only) .line .line-label,
.column.grid_5 fieldset.propertysheet:not(.reference):not(.compressed):not(.read-only) .line .line-label,
.column.grid_4 fieldset.propertysheet:not(.reference):not(.compressed):not(.read-only) .line .line-label
{
    /* 2 gird columns */
    width: 120px;
}

/*  Account inquiry specific styles */

.account-positions .list-table {
    font-size: 11px !important;
}

.account-positions .list-table td {
    white-space: nowrap;
}

/* Calendar screen */

.calendar {
    margin-top: 10px;
}

.ui-status-active-icon {
    height: 19px;
    width: 19px;
    display: block;
    overflow: hidden;
}

.ui-status-inactive-icon {
    height: 19px;
    width: 19px;
    display: block;
    overflow: hidden;
}

.ui-status-pending-icon {
    height: 19px;
    width: 19px;
    display: block;
    overflow: hidden;
}

.ui-status-running-icon {
    height: 19px;
    width: 19px;
    display: block;
    overflow: hidden;
}

.ui-type-process-icon {
    height: 19px;
    width: 19px;
    display: block;
    overflow: hidden;
}

.ui-type-document-icon {
    height: 19px;
    width: 19px;
    display: block;
    overflow: hidden;
}

input[type=text]:focus, textarea:focus {
    -moz-box-shadow: inset 0 2px 0 0 #cccccc;
    -webkit-box-shadow: inset 0 2px 0 0 #cccccc;
    box-shadow: inset 0 2px 0 0 #cccccc;
    border: 1px solid #777777 !important;
    background-color: #fbfbfb;
}
input[type=text]:hover, textarea:hover {
    border: 1px solid #777777 !important;
}

/* coloration and borders removed for a chart legend */
table.jqplot-table-legend, table.jqplot-cursor-legend {
    border: none !important;
}

table.jqplot-table-legend tr, .list-table table.jqplot-table-legend tr {
    background: none !important;
}

.list-table table.jqplot-table-legend td, .ui-datatable.list-table table.jqplot-table-legend td {
    white-space: normal;
    border: none !important;
}

/* Bold footer for Portfolio */
tfoot .ui-state-default,
tfoot .ui-widget-content .ui-state-default,
tfoot .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(skin/jquery/images/javax.faces.resource/ui-bg_highlight-soft_75_e6e6e6_1x100.png.jsf?ln=persistent) 50% 50% repeat-x;
    font-weight: 900;
    font-size: larger;
    color: #555555;
}
.print-only {display:none;}
/*Override of the text.css for contactCard */
li {margin: 0;}


/* Inquiry pattern specific */
.bulk-actions {

}
.bulk-actions .action-buttion.theme-button.primary {
    margin:0;
}

.bulk-actions .bulk-actions-menu {
    vertical-align: top;
}
.bulk-actions .bulk-actions-menu button.ui-button.ui-widget.ui-state-default {
    background: white;
    border-radius:0;
    height: 22px;
    min-width:16px;
    box-sizing: content-box;
    font-size:12px;
    border-left: 0;
    border-color: #b2b2b2;
}

.bulk-actions .bulk-actions-menu button.ui-button.ui-widget.ui-state-default .ui-button-text.ui-c {
    padding-left: 15px;
}

/*The following two selectors compensate for responsive "reflow" table*/
.ui-datatable-reflow .ui-datatable-data td .ui-column-title {
    display: none;
}
@media (max-width: 640px){
    .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
        padding: .4em;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4em;
    }
}
.ui-widget-content { border: none !important;}
/*===== Foundation Overrides ======*/

/*
*,
*:before,
*:after {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
*/