/*!
 * Novatus Contracts
 * Copyright(c) 2008-2014 Novatus, Inc.
 * support@getconga.com
 * http://www.novatusinc.com/
 */
/** vim: ts=4:sw=4:nu:fdc=4:nospell 
 *
 * Ext.ux.grid.RowActions.css 
 *
 * Style sheets for Grid RowActions Plugin
 *
 * @author   Ing. Jozef Saki
 * @date     27. March 2008
 * @verson   $Id: Ext.ux.grid.RowActions.css 140 2008-04-06 01:24:10Z jozo $
 *
 * @license Ext.ux.grid.RowActions.css is licensed under the terms of
 * the Open Source LGPL 3.0 license.  Commercial use is permitted to the extent
 * that the code/component(s) do NOT become part of another Open Source or Commercially
 * licensed development library or toolkit without explicit permission.
 * 
 * License details: http://www.gnu.org/licenses/lgpl.html
 */

/* styles for rows */
.ux-row-action-cell .x-grid-cell-inner {
	padding:1px 0 0 0;
}
.ux-row-action-item {
	float:left;
	min-width:16px;
	height:16px;
	background-repeat:no-repeat;
	margin: 0 5px 0 0;
	cursor:pointer;
	overflow:hidden;
}
.x-ie .ux-row-action-item {
	width:16px;
}
.x-ie .ux-row-action-text {
	width:auto;
}
.ux-row-action-item span {
	vertical-align:middle;
	padding:0 0 0 20px;
	line-height:18px;
}
.x-ie .ux-row-action-item span {
	width:auto;
}

.ux-grow-action-item {
	min-width:16px;
	height: 16px;
	background-repeat:no-repeat;
	background-position: 0 0 ! important;
	margin: 0 0 0 4px;
	padding: 0 ! important;
	cursor:pointer;
	float:left;
}
.x-ie .ux-grow-action-item {
	width:16px;
}
/* Force height to 16px minimum */
.x-grid-group-title {
	min-height: 16px;
}

.ux-action-right {
	float:right;
	margin: 0 3px 0 2px;
	padding: 0 ! important;
}
.ux-grow-action-text {
	padding: 0 ! important;
	margin:0 ! important;
	background:transparent none ! important;
	float:left;
}
.ext-ux-wiz-Header {
    background-color:none;
}

.ext-ux-wiz-Header-title {
    font-weight: bold;
    padding: 4px 0px 0px 4px;
}

.ext-ux-wiz-Header-step {
    color:#767676;
    text-align:right;
    padding:2px 4px 0px 0px;
}

.ext-ux-wiz-Header-stepIndicator-container {
    float:right;
    margin-right:6px;
    margin-top:8px;
}

.ext-ux-wiz-Header-stepIndicator {
    margin-left:28px;
    float:left;
    background-image:url(../images/wizard/ext-ux-wiz-stepIndicator.png);
    background-position:6px 0px;
    background-repeat:repeat-x;
    height:6px;
    width:6px;
}

.ext-ux-wiz-Header-stepIndicator-active {
    background-position:0px 0px !important;
}



        /* Styling of global error indicator */
        .form-error-state {
            font-size: 11px;
            padding-left: 20px;
            height: 16px;
            line-height: 18px;
            background: no-repeat 0 0;
            cursor: default;
            border: 1px ridge transparent;
        }
        .form-error-state-invalid {
            color: #C30;
            background-image: url(../images/wizard/exclamation.gif);
            border: 1px ridge red;
        }
        .form-error-state-valid {
            color: #090;
            background-image: url(../images/wizard/drop-yes.gif);
            border: 1px ridge transparent;
        }

        /* Error details tooltip */
        .errors-tip .error {
            font-style: italic;
        }@CHARSET "ISO-8859-1";
#app-header {
    color: #596F8F;
    font-size: 22px;
    font-weight: 200;
    padding: 8px 15px;
    text-shadow: 0 1px 0 #fff;
}
#app-msg {
    background: #D1DDEF;
    border: 1px solid #ACC3E4;
    padding: 3px 15px;
    font-weight: bold;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 0;
}
.x-panel-ghost {
    z-index: 1;
}
.x-portal-body {
    padding: 0 0 0 2px;
}
.x-portal .x-portal-column {
    /* columns must have vertical padding to avoid losing dimensions when empty */
    padding: 2px 2px 0 0;
}
.x-portal .x-panel-dd-spacer {
    border: 2px dashed #99bbe8;
    background: #f6f6f6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 10px;
}
.x-portlet {
    margin-bottom:10px;
    padding: 1px;
}
.x-portlet .x-panel-body {
    background: #fff;
}
.portlet-content {
    padding: 10px;
    font-size: 11px;
}

#app-options .portlet-content {
    padding: 5px;
    font-size: 12px;
}
.settings {
    background-image:url(../shared/icons/fam/folder_wrench.png);
}
.nav {
    background-image:url(../shared/icons/fam/folder_go.png);
}
.info {
    background-image:url(../shared/icons/fam/information.png);
}
}/**
 * @var {color} $base-color
 * The base color to be used throughout the theme.
 */
/* line 7, ../../scss/form/combofieldbox.scss */
.x-form-field.x-boxselect {
  padding: 0px 3px;
}

/* line 11, ../../scss/form/combofieldbox.scss */
.x-boxselect ul.x-boxselect-list {
  cursor: text;
  min-height: 20px;
  padding: 0px;
  margin: 0px;
  overflow-y: auto;
  overflow-x: hidden;
}
/* line 19, ../../scss/form/combofieldbox.scss */
.x-boxselect input {
  border: none;
  background: none;
  line-height: 18px;
  height: 20px;
}

/* line 26, ../../scss/form/combofieldbox.scss */
.x-boxselect-input, .x-boxselect-item {
  display: inline-block;
  position: relative;
  *display: inline;
  /* IE7 */
  zoom: 1;
  /* IE */
}

/* line 32, ../../scss/form/combofieldbox.scss */
.x-boxselect-stacked .x-boxselect-item {
  display: block;
}

/* line 35, ../../scss/form/combofieldbox.scss */
.x-boxselect-item {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #8fafe0;
  padding: 0px 1px 0px 5px !important;
  margin: 1px 1px 1px 0;
  background-color: #dfe8f6;
  cursor: default;
}

/* line 43, ../../scss/form/combofieldbox.scss */
.x-field:not(.x-item-disabled) .x-boxselect-item:hover {
  background: #b7cbeb;
  border: 1px solid #6892d4;
}

/* line 49, ../../scss/form/combofieldbox.scss */
.x-field:not(.x-item-disabled) .x-boxselect-item.x-item-selected {
  background: #6892d4;
  color: white;
  border: 1px solid #0557be !important;
}

/* line 56, ../../scss/form/combofieldbox.scss */
.x-boxselect-item-text {
  line-height: 16px;
  padding-right: 20px;
}

/* line 60, ../../scss/form/combofieldbox.scss */
.x-boxselect-item-close {
  cursor: pointer;
}

/* line 63, ../../scss/form/combofieldbox.scss */
.x-boxselect .empty {
  color: gray;
}

/* line 66, ../../scss/form/combofieldbox.scss */
.x-boxselect-icon, .x-boundlist-icon {
  background-repeat: no-repeat !important;
  background-position: 2px center !important;
}

/* line 70, ../../scss/form/combofieldbox.scss */
.x-boxselect-icon {
  text-indent: 17px !important;
}

/* line 73, ../../scss/form/combofieldbox.scss */
.x-boundlist-icon {
  text-indent: 20px !important;
}

.x-icon-au{
    background-image: url(img/Australia.png) !important;
}
.x-icon-at{
    background-image: url(img/Austria.png) !important;
}
.x-icon-fr{
    background-image: url(img/France.png) !important;
}



.x-grid-checkheader {
    height: 14px;
    background-image: url('../images/unchecked.gif');
    background-position: 50% -2px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.x-grid-checkheader-checked {
    background-image: url('../images/checked.gif');
}

.x-grid-checkheader-editor .x-form-cb-wrap {
    text-align: center;
}

/*******************************************
 * 
 * Ext Calendar styles
 *
 ******************************************/

/* -----------------------------------------
 * Shared calendar view containers 
 */
.x-panel-tbar .ext-cal-toolbar {
    padding: 3px;
    border-bottom-width: 0 !important;
}
.x-panel-tbar .ext-cal-toolbar .x-btn button {
    font-weight: bold;
    color: #555;
}
.x-panel-tbar .ext-cal-toolbar .x-toolbar-cell {
    padding: 0 3px;
}

.ext-cal-ct {
    position: relative;
    font-family: helvetica, arial, sans-serif;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
}
.ext-cal-ct img {
    border:0 none;
}
.ext-cal-inner-ct {
    height: 100%;
    line-height: 14px;
    position: relative;
    background: #eee;
    white-space: nowrap;
}
.ext-cal-ct td,
.ext-cal-mdv td {
    font-size: 11px;
}
.x-cal-body {
    /* override the default -noheader style ext uses when there is no panel header */
    border-top: 0 !important;
}

/* Window specific rules */
.x-window .x-window-mc .x-cal-body {
    border: 0 !important;
}
.x-window .ext-cal-toolbar {
    border: 0 !important;
}

/* Background layout table for week rows */
.ext-cal-bg-tbl {
    height:100%;
    left:0;
    position:absolute;
    table-layout:fixed;
    top:0;
    width:100%;
}

/* Month names subheader */
.ext-cal-hd-days-tbl {
    background: #EFEFEF;
    color: #555;
    table-layout: fixed;
    top: 18px;
    width: 100%;
    font-size: 12px;
    line-height: 12px;
}

.ext-cal-month-hd .ext-cal-hd-days-tbl {
    border-top: 1px solid #99BBE8;
}
.x-calendar-nonav .ext-cal-month-hd .ext-cal-hd-days-tbl {
    border-top: 0;
}
.ext-cal-month-hd .ext-cal-hd-day {
    border-left: 1px solid #DDD;
}

.ext-cal-hd-ct {
    border-bottom: 1px solid #bcf;
}
.ext-cal-hd-day {
    text-align: center;
    padding: 4px 0;
    white-space: nowrap;
}

/* -----------------------------------------
 * Day/week-specific styles
 */
.ext-cal-dayview .ext-cal-hd-days-tbl {
    table-layout: fixed;
    width: 100%;
    background-color: #D3E1F1;
    overflow: hidden;
    font-size: 11px;
    line-height: 14px;
    height: 100%;
}
.ext-cal-hd-days-td {
    padding-bottom: 2px;
}
.ext-cal-dayview .ext-cal-hd-ct {
    height: 100%;
}
.ext-cal-dayview .ext-cal-gutter {
    width: 50px;
}
.ext-cal-dayview .ext-cal-gutter-rt {
    width: 15px;
}
.x-win .ext-cal-dayview .ext-cal-gutter-rt {
    width: 16px;
}
/* OSX Lion scrollbars do not take up space in the body so they need special rules */
.x-no-scrollbar .ext-cal-hd-days-td {
    width: 100%;
}
.x-no-scrollbar .ext-cal-dayview .ext-cal-gutter-rt,
.x-no-scrollbar .x-win .ext-cal-dayview .ext-cal-gutter-rt {
    width: 0;
}

.ext-cal-hd-ad {
    background-color: #fff;
    font-size: 11px;
    line-height: 14px;
    border-color: #e3e9ff #e3e9ff #e3e9ff #e3e9ff;
    border-style: solid;
    border-width: 0 1px 1px 0;
}
.ext-cal-hd-ad-inner {
    position: relative;
    height: 100%;
}
.x-calendar-nonav .ext-cal-hd-ad-inner {
    margin-top: 3px;
}
.x-calendar-nonav .ext-cal-hd-ct {
    border-top: 1px solid #99BBE8;
}
.ext-cal-dayview .ext-cal-dtitle {
    padding: 8px 1px 2px;
} 
.ext-cal-hd-ad-bg-tbl {
    position: absolute;
    left: 0;
    table-layout: fixed;
    width: 100%;
}
.ext-cal-hd-ad .st-c {
    padding: 1px 1px 0 1px
}
.ext-cal-dayview .ext-cal-body-ct {
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0;
    line-height: normal;
}
.ext-cal-dayview .ext-cal-body-ct .ext-cal-bg-tbl {
    height: 1008px;
}
.ext-cal-dayview .ext-cal-bg-tbl {
    background-color: #fff;
    margin-top: -1px;
    border-bottom: 1px solid #bcf;
    border-right: 1px solid #bcf;
}
.ext-cal-dayview .ext-cal-bg-rows {
    position: relative;
    margin-left: 1px;
    top: 1px;
}
.ext-cal-dayview .ext-cal-bg-rows-inner {
    position: absolute;
    width: 100%;
}
.x-ie .ext-cal-dayview .ext-cal-bg-rows-inner,
.x-gecko .ext-cal-dayview .ext-cal-bg-rows-inner {
    top: -1; /* row line alignment fix */
}
.ext-cal-dayview .ext-cal-bg-row {
    height: 42px;
}
.ext-cal-dayview .ext-cal-bg-row-div {
    border-bottom: 1px dotted #ddd;
    border-top: 1px solid #ddd;
    font-size: 1px;
    height: 21px;
    margin-bottom: 20px;
}
.ext-cal-dayview .ext-row-1 {
    border-top: 0;
}
.ext-cal-day-times {
    background-color: #f6f9fc;
    color: #666;
    padding: 1px 0 0 0;
    text-align: right;
    vertical-align: top;
}
.ext-cal-day-time-inner {
    height: 42px;
    border-bottom: 1px solid #ddd;
    padding: 3px 4px 0 0;
}
.ext-cal-day-col {
    border-left: 1px solid #ddd;
    vertical-align: top
}
.ext-cal-day-col-inner {
    position: relative;
    cursor: default;
}
.ext-cal-day-col-gutter {
    position: relative;
    margin-right: 15px;
    height: 1008px;
}
.x-ie .ext-cal-day-col-gutter,
.x-opera .ext-cal-day-col-gutter {
    margin-right: 10px;
}
.x-ie6 .ext-cal-day-col-gutter {
    zoom: 1
}

/* -----------------------------------------
 * Month-specific styles
 */
.ext-cal-monthview .ext-cal-hd-ct {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
}
.ext-cal-monthview .ext-cal-body-ct {
    background: #fff;
    bottom: 0;
    left: 0;
    border:0;
    overflow: hidden;
    position: absolute;
    top: 20px;
    width: 100%;
}

.ext-cal-monthview .ext-cal-noheader .ext-cal-hd-ct {
    display: none;
}
.ext-cal-monthview .ext-cal-noheader .ext-cal-body-ct {
    top: 0;
}

/* Month view week link boxes */
.ext-cal-monthview .ext-cal-week-link,
.ext-cal-monthview .ext-cal-week-link-hd {
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #EFEFEF;
    border-top: 1px solid #DDD;
    border-right: 1px solid #DDD;
    font-size: 10px;
    color: #999;
    padding: 3px 0 0;
    text-align: center;
    cursor: pointer;
}
.ext-cal-monthview .ext-cal-week-link-hd {
    border-top: 1px solid #99BBE8;
}
.x-calendar-nonav .ext-cal-monthview .ext-cal-week-link-hd {
    border-top: 0;
}
.ext-cal-week-links .ext-cal-bg-tbl {
    left: 20px;
}
.ext-cal-week-links .ext-cal-evt-tbl,
.ext-cal-week-links .ext-cal-hd-days-tbl {
    margin-left: 20px;
}
.ext-cal-monthview .ext-week-link-over {
    background: #E0E7EF;
}


/* Hide the nav bar if specified */
.ext-cal-hide-navbar .ext-cal-hd-ct {
    height: 25px;
}
.ext-cal-hide-navbar .ext-cal-body-ct {
    top: 24px;
}

/* Outer wrapping div for week rows */
.ext-cal-wk-ct {
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100px;
}
.ext-cal-monthview .ext-cal-wk-ct {
    height: 100%;
}
/* Background table cell */
.ext-cal-day {
    border-left: 1px solid #ddd;
    cursor: pointer;
}
.ext-cal-day-first {
    /*border-left: 1px solid #BBCCFF;*/
   border-left: 0;
}

.ext-cal-ev,
.ext-cal-dtitle {
    cursor: pointer;
}
.ext-day-over {
    background: #D1EAEF !important;
}
/* Event container table */
.ext-cal-evt-tbl {
    position:relative;
    table-layout:fixed;
    width:100%;
}

/* Event title cell (includes today, prev & next month) */
td.ext-cal-dtitle {
    font-family: helvetica, arial, sans-serif;
    border-top:1px solid #ddd;
    color: #666;
    line-height:14px;
    overflow:hidden;
    text-align:right;
    font-size: 11px;
    padding-top: 1px;
    padding-right: 1px;
    padding-left: 1px;
}
td.ext-cal-dtitle-first {
    border-top: 1px solid #DDD;
}
td.ext-cal-dtitle div {
    padding: 2px 4px 1px;
}
/* Today's title cell */
td.ext-cal-dtitle-today div {
    color: #BFA52F;
    white-space: nowrap;
}
/* Today time span */
.ext-cal-dtitle-time {
    font-size: 11px;
}
/* Today's background cell */
.ext-cal-day-today {
    background: #FFF4BF;
}
/* Prev/next month title cells */
.ext-cal-dtitle-prev div,
.ext-cal-dtitle-next div {
    color: #bbb;
}
/* Prev/next month background cells */
.ext-cal-day-prev,
.ext-cal-day-next {
    background: #EFEFEF;
}
/* Event cells */
.ext-cal-ev {
    font-family:Verdana,sans-serif;
    padding:1px 1px 0 2px;
    vertical-align:top;
}
/* Event overflow more link */
.ext-cal-ev-more {
	text-align: center;
}
.ext-cal-ev-more a,
.ext-cal-ev-more a:visited {
    font-family: verdana;
    color: #777;
    font-size: 10px;
	cursor: pointer;
}
/* More view */
.ext-cal-mvd-tbl {
	width: 100%;
	table-layout: fixed;
}

.ext-cal-evt {
    cursor:pointer;
}

/* Default rounded event div (Gecko/Webkit/W3C) */
.ext-cal-evr { /* rounded */
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    overflow:hidden;
    padding: 2px 1px 2px 5px;
    white-space:nowrap;
	text-overflow: ellipsis;
    border: 0;
}
.ext-cal-day-col .ext-cal-evr {
    border-width: 1px;
    border-style: solid;
}
/* Nested event divs (IE/Opera) */
.ext-cal-evo { /* outer */
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 0;
    border-left: 0;
    margin: 0 1px;
    cursor: pointer;
    position: relative;
}
.ext-cal-day-col .ext-cal-evo  {
    height: 100%;
}
.ext-cal-evm { /* middle */
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 0;
    border-bottom: 0;
    margin: 0 -1px;
    zoom: 1;
    padding-left: 3px;
}
.ext-cal-evi { /* inner */
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* Day view event styles */
.ext-cal-day-col .ext-cal-evt {
    position: absolute;
    overflow: hidden;
    cursor: default;
    color: #fff;
    -moz-user-select: none;
}
.ext-cal-evt dl {
    margin: 0;
    border: 0 1px;
    overflow: hidden;
    border-width: 0 1px;
    border-style: solid;
}
.x-ie6 .ext-cal-evt dl {
    zoom: 1
}
.ext-cal-evt dd {
    margin: 0;
    overflow: hidden;
    font-size: 11px;
    text-align: left;
    word-wrap: break-word;
}
.ext-cal-evdm {
    border: 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}
.ext-cal-evdm dt {
    margin-top: 0
}
.ext-cal-day-col .ext-cal-evt a:link,
.ext-cal-day-col .ext-cal-evt a:visited,
.ext-cal-day-col .ext-cal-evt a:active {
    text-decoration: none;
    color: #fff
}

.ext-cal-evb {
    height: 1px;
    overflow: hidden;
    margin: 0 1px;
    border-top-width: 1px;
    border-top-style: solid;
}
.x-opera .ext-cal-evb,
.x-strict .x-ie .ext-cal-evb {
    height: 0;
}

/* Event spanning -- overrides rounded corners */
.ext-cal-ev-spanboth,
.ext-cal-ev-spanleft,
.ext-cal-ev-spanright {
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
	position: relative;
}
.ext-cal-ev-spanleft {
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    xpadding-left:5px;
}
.ext-cal-ev-spanright {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    xpadding-right:5px;
}
/* IE/ Opera: */
.ext-cal-ev-spanboth .ext-cal-evm {
	margin: 0;
}
.ext-cal-ev-spanright .ext-cal-evm {
	margin: 0 0 0 -1px;
}
.ext-cal-ev-spanleft .ext-cal-evm {
	margin: 0 -1px 0 0;
}

.ext-cal-spl,
.ext-cal-spr {
/*    background-image:url(../images/default/calendar-sprites.gif);
    background-repeat:no-repeat;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    width: 2px;
	position: absolute;
	top: 0;*/
}
.ext-cal-spl {
    background-position:-1px -11px;
    left: 0;
}
.ext-cal-spr {
    background-position:0 -11px;
    right: -2px;
}
.x-ie .ext-cal-spr {
    right: -5px;
}

/* Generic calendar icons */
.ext-cal-ic {
    background-image:url(../images/default/calendar-sprites.gif);
    background-repeat:no-repeat;
    display:inline-block;
    height:11px;
    line-height:11px;
    margin-left:4px;
    width:14px;
}
.ext-cal-ic-rcr {
    background-position:0 0;
}
.ext-cal-ic-rem {
    background-position:-14px 0;
}

/* Calendar DD styles */
.ext-cal-dd-sel-ct {
    display: block;
    z-index: 10;
    position: absolute;
    height: 0;
    left: 0;
    top: 0;
    width: 0;
}
.ext-cal-dd-sel {
    background-color: #C3D9FF;
    font-size: 0;
    line-height: 0;
    opacity: 0.5;
    position: absolute;
}

/* Webkit/Gecko: */
.ext-evt-over,
/* IE/Opera: */
.ext-evt-over .ext-cal-evm {
    opacity: .8;
    filter: alpha(opacity=80);
}

/* Calendar Picker */
.ext-calendar-picker .x-form-text {
    padding-left: 23px;
}
.ext-calendar-picker .x-combo-list-item {
    padding-left: 24px;
}
.ext-cal-picker-icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    float: left;
}
/* This is the selected icon that always shows: */
.ext-cal-picker-mainicon {
    float: none;
    position: absolute;
    top: 3px;
    left: 4px;
}

/*
 * Event resize handle
 */
.ext-evt-rsz {
    position: absolute;
    bottom: 0;
    height: 5px;
    line-height: 5px;
    width: 100%;
    margin-left: -5px;
    text-align: center; /* needed for IE quirks mode */
    cursor: s-resize;
}
.x-gecko .ext-evt-rsz,
.x-webkit .ext-evt-rsz {
    cursor: ns-resize;
}
.ext-evt-rsz-h {
    display: none;
    border-top:3px double;
    border-color: white;
    font-size:0;
    height:0;
    line-height:0;
    margin-left:auto;
    margin-right:auto;
    width:20px;
    opacity:.5;
    -moz-opacity:.5;
    -khtml-opacity:.5;
    /* no opacity for ie by default */
}
.ext-evt-over .ext-evt-rsz-h {
    display: block;
}
.x-ie .ext-evt-rsz-h {
    border-color: #ccc;
}
.x-strict .x-ie8 .ext-evt-rsz-h {
    border-color: #fff;
    filter:alpha(opacity=50);
}

/* 
 * Calendar event colors 
 */
.ext-cal-evr,
.ext-cal-evi,
.ext-cal-evt dl {
	color: #fff;
}

.ext-color-1,
.x-ie .ext-color-1-ad,
.x-opera .ext-color-1-ad {
	color: #306da6;
}
.ext-cal-day-col .ext-color-1,
.ext-dd-drag-proxy .ext-color-1,
.ext-color-1-ad,
.ext-color-1-ad .ext-cal-evm,
.ext-color-1 .ext-cal-picker-icon,
.ext-color-1-x dl,
.ext-color-1-x .ext-cal-evb {
	background: #306da6;
}
.ext-color-1-x .ext-cal-evb,
.ext-color-1-ad .ext-cal-evm,
.ext-color-1-ad,
.ext-color-1-x dl {
    border-color: #306da6;
}

.ext-color-2,
.x-ie .ext-color-2-ad,
.x-opera .ext-color-2-ad {
	color: #86a723;
}
.ext-cal-day-col .ext-color-2,
.ext-dd-drag-proxy .ext-color-2,
.ext-color-2-ad,
.ext-color-2-ad .ext-cal-evm,
.ext-color-2 .ext-cal-picker-icon,
.ext-color-2-x dl,
.ext-color-2-x .ext-cal-evb {
	background: #86a723;
}
.ext-color-2-x .ext-cal-evb,
.ext-color-2-ad .ext-cal-evm,
.ext-color-2-ad,
.ext-color-2-x dl {
    border-color: #86a723;
}
.ext-color-3,
.x-ie .ext-color-3-ad,
.x-opera .ext-color-3-ad {
    color: #b6a980;
}
.ext-cal-day-col .ext-color-3,
.ext-dd-drag-proxy .ext-color-3,
.ext-color-3-ad,
.ext-color-3-ad .ext-cal-evm,
.ext-color-3 .ext-cal-picker-icon,
.ext-color-3-x dl,
.ext-color-3-x .ext-cal-evb {
    background: #b6a980;
}
.ext-color-3-x .ext-cal-evb,
.ext-color-3-ad .ext-cal-evm,
.ext-color-3-ad,
.ext-color-3-x dl {
    border-color: #b6a980;
}

.ext-cal-day-col .ext-cal-evt {
    position: absolute;
}
.ext-cal-day-col .ext-cal-evr,
.ext-cal-day-col .ext-cal-evi {
    white-space: normal;
}

/* Shim for drag/drop operations on calendar views */
.ext-dd-shim {
    z-index:1000;
    overflow:hidden;
    position:absolute;
    left:0;top:0;
    opacity:.40;
    -moz-opacity:.40;
	-khtml-opacity:.40;
    filter:alpha(opacity=40);
	background: #C3D9FF;
}

.ext-cal-event-win a:link,
.ext-cal-event-win a:visited {
    color: #15428B;
}

/* StatusProxy override styles */
.ext-dd-ghost-ct {
	color:#000;
	font: normal 11px arial, helvetica, sans-serif;
	border: 1px solid;
    border-color: #ddd #bbb #bbb #ddd;
	background-color:#fff;
	padding:3px;
	padding-left:20px;
	white-space: nowrap;
}
.ext-dd-ghost-ct .x-dd-drag-ghost{
	border: 0;
	background: none;
	padding: 0;
	width: 150px;
}
.ext-dd-ghost-ct .ext-evt-rsz {
    display: none;
}

/*******************************************
 * 
 * Calendar navigation picker styles
 * 
 ******************************************/
.ext-cal-nav-picker {
    border-style: none none solid;
    border-color: #99BBE8;
}
.ext-cal-nav-picker .x-datepicker-header {
    background: #D3E1F1 url(../images/default/bg.gif) repeat-x;
}
.ext-cal-nav-picker .x-datepicker-month,
.ext-cal-nav-picker .x-datepicker-prev,
.ext-cal-nav-picker .x-datepicker-next {
    background: transparent;
}
.ext-cal-nav-picker .x-datepicker-prev a {
    background-image: url(../images/default/page-prev.gif);
}
.ext-cal-nav-picker .x-datepicker-next a {
    background-image: url(../images/default/page-next.gif);
}
.ext-cal-nav-picker .x-datepicker-month {
    padding: 3px 0;
}
.ext-cal-nav-picker .x-datepicker-month .x-btn-inner {
    color: #555 !important;
    font-weight: bold;
    font-family: arial,tahoma,verdana,helvetica;
}
.ext-cal-nav-picker .x-datepicker-inner {
    border-top: 1px solid #BBCCFF;
}
.ext-cal-nav-picker .x-datepicker-inner th {
    background: none;
    border-bottom: 1px solid #BBCCFF;
}
.ext-cal-nav-picker .x-datepicker-inner .x-datepicker-today a {
    border-color: #BFA52F;
    background: #FFF4BF;
}
.ext-cal-nav-picker .x-monthpicker {
    border: 0;
    border-bottom: 1px solid #99BBE8;
    top: 0 !important;
    left: 0 !important;
}
.ext-cal-nav-picker .x-datepicker-footer {
    background: #D3E1F1 url(../images/default/bg.gif) repeat-x;
}

/*******************************************
 * 
 * Calendar form styles
 *
 ******************************************/
.x-gecko .ext-cal-event-win .x-window-body .x-form-item {
    overflow: hidden;
}
.ext-evt-edit-form .x-form-item {
    margin-bottom: 8px;
}
.ext-evt-edit-form .x-panel-bbar .x-toolbar {
    border-bottom: 1px solid #99BBE8;
}
.ext-evt-edit-form .x-panel-header {
    background: transparent url(../images/default/ext-cal-edit-hd.png) repeat-x;
    padding: 9px 0 4px !important;
    font-size: 13px !important;
    font-family: helvetica, arial, sans-serif;
    border-top: 0;
    border-bottom: 1px solid #BBCCFF;
}
.ext-evt-edit-form .x-panel-fbar {
    padding: 5px 10px;
    background: #DFE8F6;
    border: 1px solid #BBCCFF;
}

/*******************************************
 * 
 * DateRangeField styles
 *
 ******************************************/
.ext-dt-range label {
    font-size: 12px;
}
.ext-dt-range .x-form-check-wrap {
    white-space: nowrap;
}
.ext-dt-range .x-table-layout-cell {
    padding-right: 5px;
}
.x-tab-bar-vertical .x-tab-bar-body {
	height: 100%;
}/* GlobalMessaging Icons and Panels */
.info-icon { background-image: url(../images/icons/icon-info.gif); }
.warn-icon { background-image: url(../images/icons/icon-warning.gif); }
.alert-icon { background-image: url(../images/calendar/exclamation.gif); }

.icon-show-active {
    background-image:url(../images/icons/icon-show-active.gif) !important;
}
.icon-show-complete {
    background-image:url(../images/icons/icon-show-complete.gif) !important;
}

/* Docusign */
.docusign-sign {
    background-image: url(../images/icons/edit-find-replace.png) !important;
}

.docusign-review {
    background-image: url(../images/icons/email_open.png) !important;
}

.docusign-send {
    background-image: url(../images/icons/mail-forward.png) !important;
}

.docusign-signature-resend {
	background-image: url(../images/icons/email_go.png) !important;	
}

.docusign-void {
    background-image: url(../images/icons/email_delete.png) !important;
}

.docusign-view {
    background-image: url(../images/icons/email.png) !important;
}

.docusign-refresh {
    background-image: url(../images/icons/database_refresh.png) !important;
}

/* Portal */
.upload-document-revision {
	background-image: url(../images/icons/go-top.png) !important;
}

.revision-history {
    background-image: url(../images/icons/chart_organisation.png) !important;
}

.portal-request-send-invite {
    background-image: url(../images/icons/email.png) !important;
}

.portal-document-upload-revision { 
    background-image: url(../images/icons/go-top.png) !important;
}

.package { background-image: url(../images/icons/package.png) !important; }

.edit,
.document-package-edit {
    background-image: url(../images/icons/page_edit.png) !important;
}

.document-package-settings {
    background-image: url(../images/icons/cog_edit.png) !important;
}

.document-package-save {
    background-image: url(../images/icons/page_save.png) !important;
}

.document-package-edit-cancel {
    background-image: url(../images/icons/cancel.png) !important;
}
.attach,
.document-package-add-supplement {
    background-image: url(../images/icons/mail-attachment.png) !important;
}

.document-package-add-contract {
    background-image: url(../images/icons/script_add.png) !important;
}

.document-package-delete {
    background-image: url(../images/icons/package_delete.png) !important;
}

.checkout-document { 
    background-image: url(../images/icons/go-bottom.png) !important;
}

.checkout-cancel {
    background-image: url(../images/icons/edit-redo.png) !important;
}

.undo-checkout {
    background-image: url(../images/icons/edit-undo.png) !important;
}

.complete-package { 
    background-image: url(../images/icons/package_go.png) !important;
}

.portal-invitation-link { 
    background-image: url(../images/icons/text-html.png) !important;
}

.lock-document { 
    background-image: url(../images/icons/lock_add.png) !important; 
}

.unlock-document { 
    background-image: url(../images/icons/lock_delete.png) !important;
}

.document-package-profile {
    background-image: url(../images/icons/package_link.png) !important;
}
.delete-package{
    background-image: url(../images/icons/user-trash-full.png) !important;
}

.reassign-signer
{
    background-image: url(../images/icons/user_edit.png) !important;
}

/* Icons */
.new
{
    background-image: url(../images/icons/add.png) !important;
}
.edit-company{ background-image: url(../images/icons/application_edit.png) !important; }
.application-delete{ background-image: url(../images/icons/application_delete.png) !important; }
.add-contract{ background-image: url(../images/icons/script_add.png) !important; }
.contract-go
{
    background-image: url(../images/icons/script_go.png) !important;
}
.remove-contract
{
    background-image: url(../images/icons/script_delete.png) !important;
}
.event-subscribe
{
    background-image: url(../images/icons/script_add.png) !important;
}
.event-unsubscribe
{
    background-image: url(../images/icons/script_delete.png) !important;
}
.complete-event
{
    background-image: url(../images/icons/application_form_edit.png) !important;
}
.add-task
{
    background-image: url(../images/icons/note_add.png) !important;
}
.task-delete
{
    background-image: url(../images/icons/note_delete.png) !important;
}
.merger
{
    background-image: url(../images/icons/wand.png) !important;
}
.delete, .archive
{
    background-image: url(../images/icons/delete.png) !important;
}
.entity
{
    background-image: url(../images/icons/house.png) !important;
}
.edit-document
{
    background-image: url(../images/icons/camera_edit.png) !important;
}
.download-document
{
    background-image: url(../images/icons/camera.png) !important;
}
.download {
	background-image: url(../images/icons/go-bottom.png) !important;
}
.edit-person
{
    background-image: url(../images/icons/user.png) !important;
}
.browse-people
{
    background-image: url(../images/icons/group.png) !important;
}
.save
{
    background-image: url(../images/icons/tick.png) !important;
}
.cancel
{
    background-image: url(../images/icons/cancel.png) !important;
}
.wizard
{
    background-image: url(../images/icons/wand.png) !important;
}
.add-incorporated
{
    background-image: url(../images/icons/script_link.png) !important;
}
.edit-contract
{
    background-image: url(../images/icons/script_edit.png) !important;
}
.edit-location
{
    background-image: url(../images/icons/building_edit.png) !important;
}
.browse-locations
{
    background-image: url(../images/icons/building_add.png) !important;
}
.admin
{
    background-image: url(../images/icons/wrench.png) !important;
}
.back
{
    background-image: url(../images/icons/house.png) !important;
}
.document-revision
{
    background-image: url(../images/icons/add.png) !important;
}
.edit-event
{
    background-image: url(../images/icons/note_edit.png) !important;
}
.browse-events
{
    background-image: url(../images/icons/note.png) !important;
}
.report { background-image: url(../images/icons/report.png) !important; }
.print { background-image: url(../images/icons/printer.png) !important; }
.help { background-image: url(../images/icons/help.png) !important; }
.role
{
    background-image: url(../images/icons/role.png) !important;
}
.role-add
{
    background-image: url(../images/icons/role_add.png) !important;
}
.browse
{
    background-image: url(../images/icons/browse.png) !important;
}
.user
{
    background-image: url(../images/icons/user.png) !important;
}
.user-add
{
    background-image: url(../images/icons/user_add.png) !important;
}
.user-edit
{
    background-image: url(../images/icons/user_edit.png) !important;
}
.disable,
.user-delete
{
    background-image: url(../images/icons/user_delete.png) !important;
}
.logout
{
    background-image: url(../images/icons/logout.png) !important;
}
.table
{
    background-image: url(../images/icons/table.png) !important;
}
.table-go
{
    background-image: url(../images/icons/table_go.png) !important;
}
.table-add
{
    background-image: url(../images/icons/table_add.png) !important;
}
.table-delete
{
    background-image: url(../images/icons/table_delete.png) !important;
}
.table-edit
{
    background-image: url(../images/icons/table_edit.png) !important;
}
.table-refresh
{
    background-image: url(../images/icons/table_refresh.png) !important;
}
.table-row-delete
{
    background-image: url(../images/icons/table_row_delete.png) !important;
}
.table-row-insert
{
    background-image: url(../images/icons/table_row_insert.png) !important;
}
.table-gear {
    background-image: url(../images/icons/table_gear.png) !important;
}
.table-save {
    background-image: url(../images/icons/table_save.png) !important;
}
.money
{
    background-image: url(../images/icons/money.png) !important;
}
.money-add
{
    background-image: url(../images/icons/money_add.png) !important;
}
.money-delete
{
    background-image: url(../images/icons/money_delete.png) !important;
}
.report-add
{
    background-image: url(../images/icons/report_add.png) !important;
}
.report-edit
{
    background-image: url(../images/icons/report_edit.png) !important;
}
.report-preview
{
    background-image: url(../images/icons/report_magnify.png) !important;
}
.excel,
.report-view-xls
{
    background-image: url(../images/icons/page_white_excel.png) !important;
}
.report-view-pdf
{
    background-image: url(../images/icons/page_white_acrobat.png) !important;
}
.report-delete
{
    background-image: url(../images/icons/report_delete.png) !important;
}
.report-upload
{
    background-image: url(../images/icons/report_disk.png) !important;
}
.report-copy
{
    background-image: url(../images/icons/report_link.png) !important;
}
.arrow-up
{
    background-image: url(../images/icons/arrow_up.png) !important;
}
.go-jump
{
    background-image: url(../images/icons/go-jump.png) !important;
}
.arrow-down
{
    background-image: url(../images/icons/arrow_down.png) !important;
}
.arrow-left
{
    background-image: url(../images/icons/arrow_left.png) !important;
}
.arrow-right
{
    background-image: url(../images/icons/arrow_right.png) !important;
}
.addparty-add { background-image:url(../images/icons/building_add.png) !important; }
.addparty-delete { background-image:url(../images/icons/building_delete.png) !important; }
.family { background-image:url(../images/icons/icon-by-category.gif) !important; }
.message-add { background-image: url(../images/icons/email_add.png) !important; }
.message-reply { background-image: url(../images/icons/email_go.png) !important; }
.message-delete { background-image: url(../images/icons/email_delete.png) !important; }
.dashboard { background-image: url(../images/icons/application_view_tile.png) !important; }
.template-browse { background-image: url(../images/icons/layout.png) !important; }
.template-edit { background-image: url(../images/icons/layout_edit.png) !important; }
.template-delete { background-image: url(../images/icons/layout_delete.png) !important; }
.template-add { background-image: url(../images/icons/layout_add.png) !important; }
.event { background-image: url(../images/icons/clock.png) !important; }
.link-break { background-image: url(../images/icons/link_break.png) !important; }
.multi-print { background-image: url(../images/icons/application_cascade.png) !important; }
.add-parties { background-image: url(../images/icons/application_cascade.png) !important; }
.link { background-image: url(../images/icons/link.png) !important; }
.advanced-edit-go { background-image: url(../images/icons/database_go.png) !important; }
.calculator { background-image: url(../images/icons/calculator.png) !important; }
.calculator-add { background-image: url(../images/icons/calculator_add.png) !important; }
.calculator-edit { background-image: url(../images/icons/calculator_edit.png) !important; }
.cell-color-red { color : red }
.cell-color-green { color : green }
.new-workflow { background-image: url(../images/icons/chart_organisation_add.png) !important; }
.add-workflow-gateway { background-image: url(../images/icons/shield_add.png) !important; }
.add-workflow-step { background-image: url(../images/icons/brick_add.png) !important; }
.copy { background-image: url(../images/icons/disk_multiple.png) !important; }
.trueup { background-image: url(../images/icons/TrueUp.png) !important; }
.workflow-step-completed .x-grid-cell-inner { color:grey; }
.workflow { background-image: url(../images/icons/bricks.png) !important; }
.workflow-delete { background-image: url(../images/icons/brick_delete.png) !important; }
.workflow-edit { background-image: url(../images/icons/brick_edit.png) !important; }
.workflow-new { background-image: url(../images/icons/brick_add.png) !important; }
.workflow-go { background-image: url(../images/icons/brick_go.png) !important; }
.approve { background-image: url(../images/icons/accept.png); background-position: center center; background-repeat: no-repeat; cursor: pointer; !important; }
.decline { background-image: url(../images/icons/cancel.png); background-position: center center; background-repeat: no-repeat; cursor: pointer; !important; }
.cart-edit { background-image: url(../images/icons/cart_edit.png) !important; }
.folder-page { background-image: url(../images/icons/folder_page.png) !important; }
.download-document { background-image: url(../images/icons/page_white_camera.png) !important; }
.request-pending { background-image: url(../images/icons/tick.png) !important; }
.lockedrequest{background-image: url(../images/icons/modern/small/refresh.png) !important;}
.x-combo-list-item-agreementtype1 { font-weight: bold }
.x-combo-list-item-legalEntityStatus2 { color: #AAA }
.x-combo-list-item-disabled { color: grey }
.doc-search-go{ background-image: url(../images/icons/page_white_magnify.png) !important;}

.save {
	background-image: url(../images/icons/tick.png) !important;
}

.cancel {
	background-image: url(../images/icons/cancel.png) !important;
}

.event-delete {
	background-image: url(../images/icons/clock_delete.png) !important;
}

.event-edit {
	background-image: url(../images/icons/clock_edit.png) !important;
}

.event-subscribe {
	background-image: url(../images/icons/link_add.png) !important;
}

.event-unsubscribe {
	background-image: url(../images/icons/link_break.png) !important;
}

.event-completion-history {
	background-image: url(../images/icons/clock_red.png) !important;
}

.event-add {
	background-image: url(../images/icons/clock_add.png) !important;
}

.event-complete {
	background-image: url(../images/icons/clock_stop.png) !important;
}

.event-close {
	background-image: url(../images/icons/clock_pause.png) !important;
}

.event-browse {
	background-image: url(../images/icons/clock_go.png) !important;
}

.table {
	background-image: url(../images/icons/table.png) !important;
}

.delete,.archive {
	background-image: url(../images/icons/delete.png) !important;
}

.add,
.new {
	background-image: url(../images/icons/add.png) !important;
}

.event {
	background-image: url(../images/icons/clock.png) !important;
}

.x-form-event-trigger {
	background-image:url(../images/form/event-trigger.png);
	cursor:pointer;
}

.node-expand{
	background-image: url(../images/icons/bullet_toggle_plus.png) !important;
}

.node-collapse{
	background-image: url(../images/icons/bullet_toggle_minus.png) !important;
}

/*Products*/
.product_add {
	background: transparent url(../images/icons/product_add.png) !important;
}

.product_edit {
	background: transparent url(../images/icons/product_edit.png) !important;
}

.product_delete {
	background: transparent url(../images/icons/product_delete.png) !important;
}

.product_browse {
	background: transparent url(../images/icons/product_browse.png) !important;
}

/* Override all tree leaf icons to be the folder icon */
.x-tree-icon-leaf {
  width: 16px;
  background-image: url('../images/icons/folder.gif'); 
}

.bidsync {
	background-image:url(../images/icons/bidsync.png);
}

.upload-registration-document {
    background-image: url(../images/icons/mail-attachment.png) !important;
}

.move-document {
    background-image: url(../images/icons/moveFile.png) !important;
}

.mark-final-document {
    background-image: url(../images/icons/page_save.png) !important;
}

.unmark-final-document {
    background-image: url(../images/icons/link_break.png) !important;
}

.company-tree-node {
    background-image: url(../images/icons/Company.png) !important;
}

.contract-tree-node {
    background-image: url(../images/icons/script_edit.png) !important;
}

.history {
    background-image: url(../images/icons/icon-no-group.gif) !important;
}
.ms-word-icon
{
	background-image: url(../images/icons/word_icon.png) !important;
}

.compare { background-image: url(../images/icons/application_cascade.png) !important; }
.completionnotes { background-image: url(../images/icons/tick.png) !important; }

.search-menu-icon
{
	background-image: url(../images/icons/icon_document_small.png) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important; 
	cursor: pointer !important; 
  	padding: 15px 10px 15px 0px !important;
}
.trueup-non-standard-icon {
	background-image:url('../images/icons/icon-warning.gif');
}

.trueup-standard-icon {
	background-image:url('../images/icons/tick.png');	
}
/* GlobalMessaging Icons and Panels */
.n-modern .back {
    background-image: url(../images/icons/modern/small/back.png) !important;
}

.n-modern .download {
    background-image: url(../images/icons/modern/small/download.png) !important;
}

.n-modern .upload {
    background-image: url(../images/icons/modern/small/upload.png) !important;
}

.n-modern .move {
    background-image: url(../images/icons/modern/small/move.png) !important;
}

.n-modern .excel, .n-modern .excelBtn {
    background-image: url(../images/icons/modern/small/excel.png) !important;
}

.n-modern .thumbs_down {
    background-image: url(../images/icons/modern/small/thumbs_down.png) !important;
}

.n-modern .thumbs_up {
    background-image: url(../images/icons/modern/small/thumbs_up.png) !important;
}

.n-modern .add {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .tasks {
    background-image: url(../images/icons/modern/small/tasks.png) !important;
}

.n-modern .disable {
    background-image: url(../images/icons/modern/small/declined.png) !important;
}

.n-modern .lock {
    background-image: url(../images/icons/modern/small/lock.png) !important;
}

.n-modern .unlock {
    background-image: url(../images/icons/modern/small/unlock.png) !important;
}

.n-modern .forward {
    background-image: url(../images/icons/modern/small/go.png) !important;
}

.n-modern .edit {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .info-icon {
    background-image: url(../images/icons/modern/small/info.png);
}

.n-modern .warn-icon {
    background-image: url(../images/icons/modern/small/warning.png);
}

.n-modern .alert-icon {
    background-image: url(../images/calendar/modern/small/warning.png);
}

.n-modern .icon-show-active {
    background-image: url(../images/icons/modern/small/show-active.png) !important;
}

.n-modern .icon-show-complete {
    background-image: url(../images/icons/modern/small/show-complete.png) !important;
}

.n-modern .compare {
    background-image: url(../images/icons/modern/small/compare.png) !important;
}

/* Docusign */
.n-modern .docusign-sign {
    background-image: url(../images/icons/modern/small/docusign-sign.png) !important;
}

.n-modern .docusign-cc {
    background-image: url(../images/icons/modern/small/review_esignature.png) !important;
}

.n-modern .docusign-review {
    background-image: url(../images/icons/modern/small/email.png) !important;
}

.n-modern .docusign-send {
    background-image: url(../images/icons/modern/small/send.png) !important;
}

.n-modern .docusign-signature-resend {
    background-image: url(../images/icons/modern/small/send.png) !important;
}

.n-modern .docusign-void {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .docusign-view {
    background-image: url(../images/icons/modern/small/email.png) !important;
}

.n-modern .docusign-refresh {
    background-image: url(../images/icons/modern/small/refresh.png) !important;
}

/* Portal */
.n-modern .upload-document-revision {
    background-image: url(../images/icons/modern/small/upload.png) !important;
}

.n-modern .revision-history {
    background-image: url(../images/icons/modern/small/history.png) !important;
}

.n-modern .portal-request-send-invite {
    background-image: url(../images/icons/modern/small/email.png) !important;
}

.n-modern .portal-document-upload-revision {
    background-image: url(../images/icons/modern/small/upload.png) !important;
}

.n-modern .package {
    background-image: url(../images/icons/modern/small/package.png) !important;
}

.n-modern .document-package-edit {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .document-package-settings {
    background-image: url(../images/icons/modern/small/settings.png) !important;
}

.n-modern .document-package-save {
    background-image: url(../images/icons/modern/small/save.png) !important;
}

.n-modern .document-package-edit-cancel {
    background-image: url(../images/icons/modern/small/cancel.png) !important;
}

.n-modern .document-package-add-supplement {
    background-image: url(../images/icons/modern/small/attach.png) !important;
}

.n-modern .document-package-add-contract {
    background-image: url(../images/icons/modern/small/add.png) !important;
}

.n-modern .document-package-delete {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .checkout-document {
    background-image: url(../images/icons/modern/small/file_checked_out.png) !important;
}

.n-modern .checkout-cancel {
    background-image: url(../images/icons/modern/small/cancel.png) !important;
}

.n-modern .undo-checkout {
    background-image: url(../images/icons/modern/small/undo.png) !important;
}

.n-modern .complete-package {
    background-image: url(../images/icons/modern/small/check.png) !important;
}

.n-modern .portal-invitation-link {
    background-image: url(../images/icons/modern/small/link.png) !important;
}

.n-modern .lock-document {
    background-image: url(../images/icons/modern/small/lock.png) !important;
}

.n-modern .unlock-document {
    background-image: url(../images/icons/modern/small/unlock.png) !important;
}

.n-modern .document-package-profile {
    background-image: url(../images/icons/modern/small/review_contract.png) !important;
}

.n-modern .delete-package {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .reassign-signer {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .login {
    background-image: url(../images/icons/modern/small/logIn.png) !important;
}

.n-modern .edit-company {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .application-delete {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .add-contract {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .contract-go {
    background-image: url(../images/icons/modern/small/go.png) !important;
}

.n-modern .remove-contract {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .event-subscribe {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .event-unsubscribe {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .complete-event {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .add-task {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .task-delete {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .merger {
    background-image: url(../images/icons/modern/small/wand.png) !important;
}

.n-modern .delete {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .archive {
    background-image: url(../images/icons/modern/small/archive.png) !important;
}

.n-modern .entity {
    background-image: url(../images/icons/modern/small/home.png) !important;
}

.n-modern .edit-document {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .download-document {
    background-image: url(../images/icons/modern/small/download.png) !important;
}

.n-modern .edit-person {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .add-person {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .browse-people {
    background-image: url(../images/icons/modern/small/people.png) !important;
}

.n-modern .save {
    background-image: url(../images/icons/modern/small/check.png) !important;
}

.n-modern .attach {
    background-image: url(../images/icons/modern/small/attach.png) !important;
}

/* Cancel */
.n-modern .cancel {
    background-image: url(../images/icons/modern/small/cancel.png) !important;
}

.n-modern .cancel_white_icon {
    background-image: url(../images/icons/modern/small/cancel_white.png) !important;
}

.n-modern .wizard {
    background-image: url(../images/icons/modern/small/wand.png) !important;
}

.n-modern .add-incorporated {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .edit-contract {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .edit-location {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .browse-locations {
    background-image: url(../images/icons/modern/small/browse.png) !important;
}

.n-modern .admin {
    background-image: url(../images/icons/modern/small/tools.png) !important;
}

.n-modern .back {
    background-image: url(../images/icons/modern/small/back.png) !important;
}

.n-modern .document-revision {
    background-image: url(../images/icons/modern/small/add.png) !important;
}

.n-modern .edit-event {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.browse-events {
    background-image: url(../images/icons/modern/small/browse.png) !important;
}

.n-modern .report-preview, .n-modern .report {
    background-image: url(../images/icons/modern/small/report.png) !important;
}

.n-modern .print {
    background-image: url(../images/icons/modern/small/print.png) !important;
}

.n-modern .help {
    background-image: url(../images/icons/modern/small/help.png) !important;
}

.n-modern .role {
    background-image: url(../images/icons/modern/small/user.png) !important;
}

.n-modern .role-add {
    background-image: url(../images/icons/modern/small/add.png) !important;
}

.n-modern .browse {
    background-image: url(../images/icons/modern/small/browse.png) !important;
}

.n-modern .user {
    background-image: url(../images/icons/modern/small/user.png) !important;
}

.n-modern .user-add {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .user-edit {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .user-delete {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .logout {
    background-image: url(../images/icons/modern/small/logout.png) !important;
}

.n-modern .table {
    background-image: url(../images/icons/modern/small/report.png) !important;
}

.n-modern .table-go {
    background-image: url(../images/icons/modern/small/go.png) !important;
}

.n-modern .table-add {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .table-delete {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .table-edit {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .table-refresh {
    background-image: url(../images/icons/modern/small/refresh.png) !important;
}

.n-modern .table-row-delete {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .table-row-insert {
    background-image: url(../images/icons/modern/small/insert.png) !important;
}

.n-modern .table-gear {
    background-image: url(../images/icons/modern/small/settings.png) !important;
}

.n-modern .table-save {
    background-image: url(../images/icons/modern/small/save.png) !important;
}

.n-modern .money {
    background-image: url(../images/icons/modern/small/payments.png) !important;
}

.n-modern .money-add {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .money-delete {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .report-add {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .report-edit {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .report-view-xls {
    background-image: url(../images/icons/modern/small/excel.png) !important;
}

.n-modern .report-view-pdf {
    background-image: url(../images/icons/modern/small/acrobat.png) !important;
}

.n-modern .report-delete {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .report-upload {
    background-image: url(../images/icons/modern/small/upload.png) !important;
}

.n-modern .report-copy {
    background-image: url(../images/icons/modern/small/copy.png) !important;
}

.n-modern .arrow-up {
    background-image: url(../images/icons/modern/small/up.png) !important;
}

.n-modern .go-jump {
    background-image: url(../images/icons/modern/small/go.png) !important;
}

.n-modern .arrow-down {
    background-image: url(../images/icons/modern/small/down.png) !important;
}

.n-modern .arrow-left {
    background-image: url(../images/icons/modern/small/left.png) !important;
}

.n-modern .arrow-right {
    background-image: url(../images/icons/modern/small/right.png) !important;
}

.n-modern .addparty-add {
    background-image: url(../images/icons/modern/small/add.png) !important;
}

.n-modern .addparty-delete {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .family {
    background-image: url(../images/icons/modern/small/contact.png) !important;
}

.n-modern .message-add {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .message-reply {
    background-image: url(../images/icons/modern/small/email.png) !important;
}

.n-modern .message-delete {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .dashboard {
    background-image: url(../images/icons/modern/small/dashboard.png) !important;
}

.n-modern .template-browse {
    background-image: url(../images/icons/modern/small/browse.png) !important;
}

.n-modern .template-edit {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .template-delete {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .template-add {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .event {
    background-image: url(../images/icons/modern/small/event.png) !important;
}

.n-modern .link-break {
    background-image: url(../images/icons/modern/small/link-break.png) !important;
}

.n-modern .multi-print {
    background-image: url(../images/icons/modern/small/print.png) !important;
}

.n-modern .add-parties {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .link {
    background-image: url(../images/icons/modern/small/link.png) !important;
}

.n-modern .advanced-edit-go {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .calculator {
    background-image: url(../images/icons/modern/small/calculator.png) !important;
}

.n-modern .calculator-add {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .calculator-edit {
    background-image: url(../images/icons/modern/small/calculator_edit.png) !important;
}

.n-modern .cell-color-red {
    color: red
}

.n-modern .cell-color-green {
    color: green
}

.n-modern .new-workflow {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .add-workflow-gateway {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .add-workflow-step {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .copy {
    background-image: url(../images/icons/modern/small/copy.png) !important;
}

.n-modern .workflow-step-completed .x-grid-cell-inner {
    color: grey;
}

.n-modern .workflow {
    background-image: url(../images/icons/modern/small/workflow.png) !important;
}

.n-modern .workflow-delete {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .workflow-edit {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .workflow-new {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .workflow-go {
    background-image: url(../images/icons/modern/small/browse.png) !important;
}

.n-modern .approve {
    background-image: url(../images/icons/modern/small/check.png);
    background-position: 0 0;
}

.n-modern .decline {
    background-image: url(../images/icons/modern/small/thumbs_down.png);
}

.n-modern .cart-edit {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .folder-page {
    background-image: url(../images/icons/modern/small/folder.png) !important;
}

.n-modern .download-document {
    background-image: url(../images/icons/modern/small/download.png) !important;
}

.n-modern .request-pending {
    background-image: url(../images/icons/modern/small/check.png) !important;
}

.n-modern .x-combo-list-item-agreementtype1 {
    font-weight: 700;
}

.n-modern .x-combo-list-item-legalEntityStatus2 {
    color: #AAA;
}

.n-modern .x-combo-list-item-disabled {
    color: grey;
}

.n-modern .doc-search-go {
    background-image: url(../images/icons/modern/small/search.png) !important;
}

.n-modern .cancel {
    background-image: url(../images/icons/modern/small/cancel.png) !important;
}

.n-modern .event-delete {
    background-image: url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .event-edit {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .event-subscribe {
    background-image: url(../images/icons/modern/small/thumbs_up.png) !important;
}

.n-modern .event-unsubscribe {
    background-image: url(../images/icons/modern/small/thumbs_down.png) !important;
}

.n-modern .event-completion-history {
    background-image: url(../images/icons/modern/small/history.png) !important;
}

.n-modern .event-add {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .event-complete {
    background-image: url(../images/icons/modern/small/check.png) !important;
}

.n-modern .event-close {
    background-image: url(../images/icons/modern/small/cancel.png) !important;
}

.n-modern .event-browse {
    background-image: url(../images/icons/modern/small/browse.png) !important;
}

.n-modern .new {
    background-image: url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .newBtn {
    background-image: url(../images/icons/modern/small/plus_white.png) !important;
}

.n-modern .x-form-event-trigger:hover,
.n-modern .x-form-event-trigger:active,
.n-modern .x-form-event-trigger {
    background-image: url(../images/icons/modern/small/event_gray.png);
    background-color: transparent !important;
    background-position: center 4px;
    width: 20px !important;
    height: 16px !important;
    cursor: pointer;
}

.n-modern .node-expand {
    background-image: url(../images/icons/bullet_toggle_plus.png) !important;
}

.n-modern .node-collapse {
    background-image: url(../images/icons/bullet_toggle_minus.png) !important;
}

/*Products*/
.n-modern .product_add {
    background: transparent url(../images/icons/modern/small/plus.png) !important;
}

.n-modern .product_edit {
    background: transparent url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .product_delete {
    background: transparent url(../images/icons/modern/small/delete.png) !important;
}

.n-modern .product_browse {
    background: transparent url(../images/icons/modern/small/browse.png) !important;
}

/* Override all tree leaf icons to be the folder icon */
.n-modern .x-tree-icon-leaf {
    background-image: url('../images/icons/modern/row/folder.png');
}

.n-modern .x-tree-icon-parent {
    background-image: url('../images/icons/modern/row/folder.png');
}

.n-modern .x-grid-tree-node-expanded .x-tree-icon-parent {
    background-image: url('../images/icons/modern/row/folder-open.png');
}

.n-modern .bidsync {
    background-image: url(../images/icons/bidsync.png);
}

.n-modern .upload-registration-document {
    background-image: url(../images/icons/modern/small/upload.png) !important;
}

.n-modern .move-document {
    background-image: url(../images/icons/modern/small/move.png) !important;
}

.n-modern .mark-final-document {
    background-image: url(../images/icons/modern/small/check.png) !important;
}

.n-modern .unmark-final-document {
    background-image: url(../images/icons/modern/small/link-break.png) !important;
}

.n-modern .company-tree-node {
    background-image: url(../images/icons/Company.png) !important;
}

.n-modern .contract-tree-node {
    background-image: url(../images/icons/modern/small/edit.png) !important;
}

.n-modern .history {
    background-image: url(../images/icons/modern/small/history.png) !important;
}

.n-modern .completionnotes {
    background-image: url(../images/icons/modern/small/completionnotes.png) !important;
}

.n-modern .company-tree-node {
    background-image: url(../images/icons/modern/small/user.png) !important;
}

.n-no-icons-tree .x-tree-icon {
    display: none
}/* Navigation Logo */
.navlogo{
  max-width: 200px;
  overflow: hidden;
  height: 50px !important;
  cursor: pointer;
  margin-left: 10px;
}
/* Page Titles and General body styles*/

.n-modern .n-pageTitleCls > .x-header
{
	background-color: #393d41;
	border-top: solid 1px rgba(35,43,51,.4);
	border-bottom: solid 1px rgba(255,255,255,.3);
	padding: 7px !important;
}
/* Main Section Subtitles */
.n-modern .n-subTitleCls > .x-header
{
	background-color: #86909a;
	padding: 6px !important;
}
.n-modern .n-pageTitleCls >.x-panel-body-default
{
	background-color: #ffffff !important;	
}
/*This class gets added to the pages so they have a white background*/
.n-modern .n-mainPanelBody >.x-panel-body-default
{
	background-color:  #d9dadb !important;
}
/* Profile Pages */
.n-modern .n-pageTitleCls > .x-header a
{
	color: #ffffff !important;
}
.n-modern .n-pageTitleCls > .x-header a:hover
{
	text-decoration: none;
}

.n-modern .profileEditPage .x-form-trigger-wrap-default
{
  	border: 1px solid #ccc !important;
  	margin: 1px;
  	background-color: #f7f7f7;
}
/*----------------*/
/* Contract Item Actions Panel */
.n-modern #bottom-panel
{
	background-color: #ffffff !important;
}
.n-modern .data_panel_content .x-panel-body-default
{
	background-color: #ffffff !important;
}
.n-modern .ItemsActions_panel
{
	background-color: #f3f4f5;
	padding: 0 !important;
}
.n-modern .ItemsActions_panel .x-panel-body-default-framed
{
	background-color: transparent !important;
	margin-left: 2px;
	box-shadow: -3px 0 0 0 #cbcfd3 inset;
}
.n-modern .ItemsActions_panel .x-list-plain
{
	height: 40px !important;
	line-height: 28px !important;
	padding: 4px 4px 4px 20px !important;
	min-width: 148px;
	margin-left: 10px;
}
.n-modern .ItemsActions_panel .x-list-plain a
{
  	color: #2c3e50 !important;
	text-decoration: none;
}
.n-modern .ItemsActions_panel .x-list-plain:hover a
{
	color: #1f94d6 !important;
	text-decoration: none;
}
.n-modern .ItemsActions_panel .active
{
  	background-color: #ffffff !important;
  	border-right: 1px solid #ffffff;
	border-left: 1px solid #cbcfd3;
	border-top: 1px solid #cbcfd3;
	border-bottom: 1px solid #cbcfd3; 
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.n-modern .ItemsActions_panel .x-panel-default-framed
{
	padding: 0 !important;
}
/*----------------*/

/* Button Classes */
.n-modern .approve_button .x-btn-inner,
.n-modern .warning_button .x-btn-inner
{
	color: #ffffff !important;
}

/* Approve */
.n-modern .approve_button
{
	background-color: #009a58 !important;
}
.n-modern .approve_button_over,
.n-modern .approve_button:hover
{
	background-color: #00b467 !important;
}
.n-modern .approve_button:focus,
.n-modern .approve_button:active
{
	background-color: #008149 !important;
}
/* Warning */
.n-modern .warning_button
{
	background-color: #f39c12 !important;
}
.n-modern .warning_button_over,
.n-modern .warning_button:hover
{
	background-color: #f1c40f !important;
}

/* Cancel */
.n-modern .cancel_button
{
	background-color: #c0392b;
}

.n-modern .cancel_button:hover
{
	background-color: #e74c3c !important;
}

.n-modern .btn_link,
.n-modern .cancel_link,
.n-modern .cancel_link:hover
{
	background-color: transparent !important;	
}
.n-modern .btn_link .x-btn-inner,
.n-modern .cancel_link .x-btn-inner
{
	text-decoration: none !important;
	color: #003559;
}
.n-modern .btn_link:hover .x-btn-inner,
.n-modern .cancel_link:hover .x-btn-inner
{
	text-decoration: underline !important;
	color: #1f94d6 !important;
}
.n-modern .n-rowButton
{
	padding: 6px !important;
	background-color: transparent;
}
.n-modern .n-rowButton .x-btn-inner-default-small
{
	color: #003559;
}
.n-modern .n-rowButton:hover .x-btn-inner-default-small
{
	color: #ffffff;
}

/* Messaging Screen */
.msg-view-header { background-color: #eeeeee; border-bottom: 1px solid #aaa;border-top: 1px solid #aaa; display: block; padding: 5px }
.msg-view-header .x-form-element { padding-top: 3px }
.msg-view-body { padding: 13px 8px 8px 8px; }

.x-grid-item-over .msg-view-header, 
.x-grid-item-selected .msg-view-header
{ 
	color: #eeeeee !important;
	background-color: rgba(238,238,238,.25);
}
.x-grid-item-over .msg-view-body, 
.x-grid-item-selected .msg-view-body
{ 
	color: #eeeeee !important;
}
/*----------------*/

/* Highlight current contract in tree */
.x-current-contract-row td.x-grid-cell{ font-weight: bold; color: #aa0000 }

.x-final-signed-attached {
	border           : 2px solid orange !important;
}

.x-final-signed-attached-text {
	padding : 3px;
	height  : '100%';
	width   : '100%';
}

.x-final-signed-attached:hover {
	cursor           : pointer;
	background-color : white;
}

.x-final-signed-missing {
	border           : 2px solid red !important;
}

.x-final-signed-missing-text {
	padding : 3px;
	color   : red;
	height  : '100%';
	width   : '100%';
}

.x-final-signed-missing:hover {
	cursor           : pointer;
	background-color : white;
}

/* Class for the decline notes rowBody on the approval / request browse screens */
.x-request-decline-notes {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
}

/* Search field bold */
.x-search-field input {
	font-weight: bold;
}
.x-form-error-wrap-under .x-form-invalid-under-default{
	background-position: 5px center;
	background-color: rgba(255,255,255,0.75);
}
.x-form-error-wrap-under .x-form-invalid-under-default .x-list-plain 
{
	padding: 5px 10px;
}

/* GlobalMessaging Panels */
.x-globalmessage-info-panel .x-panel-body {
	border: 1px solid #15428b;
    background-color: #ebf3fd !important;
    color: #15428b;
    border-bottom: 1px solid #15428B; 
	padding: 4px;
}

.x-globalmessage-warn-panel .x-panel-body {
	border: 1px solid #515129;
    background-color: #fdfddc !important;
    color: #515129;
    border-bottom: 1px solid #15428B; 
	padding: 4px;
}

.x-globalmessage-alert-panel .x-panel-body{
	border: 1px solid #990000;
    background-color: #FFEEEE !important;
    color: #990000;
    border-bottom: 1px solid #15428B; 
	padding: 4px;
}


/* Dynamic Forms Information Panel Classes */
.x-info-panel { border-bottom: 1px solid #15428B !important; padding: 4px !important; margin-bottom: 4px;	}

.x-info-panel-exclamation {
	background:transparent no-repeat left !important;
    display:block !important;
    padding-left:25px !important;
    background-image:url(../images/calendar/exclamation.gif) !important;
    border: 1px solid #990000 !important;
    background-color: #FFEEEE !important;
    color: #990000!important;
}

.x-info-panel-information {
    background-image:url(../images/calendar/information.png);
	background-repeat: no-repeat;
	background-position: 5px center;
    display: block !important;
    padding: 5px 10px 5px 25px !important;
    border: 1px solid #b2c1ce !important;
    background-color: #e6ebef !important;
    color: #003559 !important;
    line-height: 20px;
}

.n-modern .x-info-panel-information
{
	background-image: url(../images/icons/modern/small/info.png);
}
.x-info-panel-bold {
	font-weight: bold;
}

/* Navigation Menu */
.x-navitem { margin: 2px 2px 2px 5px; width: 100%; }
.x-navitem-over { font-weight: bold; text-decoration: underline }

.x-navitem a { color: black; text-decoration: none; }
.x-navitem a:visited { color: black; }

/* qtips */
.field-label-qtip {
	padding-right: 8px;
	color: blue;
	font-size: 8px;
	vertical-align: text-bottom;
}

.n-modern .field-label-qtip 
{
	width: 14px;
	height: 14px;
	margin-right: 4px;
	font-size: 10px;
	vertical-align: top;
	padding: 0;
}

/* Workflow */
.workflow-check {
    height:16px;
    background: transparent url(../images/icons/check.gif) no-repeat center 0;
    cursor:pointer;
}
.workflow-approve {
	height:16px; 
	background: transparent url(../images/icons/accept.png) no-repeat center 0;
	cursor: pointer; 
}
.workflow-decline { 
	height:16px;
	background: transparent url(../images/icons/cancel.png) no-repeat center 0;
	cursor: pointer; 
}
.workflow-reassign-signer {
	height:16px;
    background: transparent url(../images/icons/user_edit.png) no-repeat center 0;
    cursor: pointer;
}

.workflow-activity-skipped .x-grid-cell-inner {
	text-decoration: line-through;
	color: #C0C0C0;
}

/*Fix for white backgrounds on panels*/
.x-panel-body-backgroundfix {
	background: none;
}

.hide-reassign-signer .reassign-signer {
	display: none;
}

.hide-document-package-admin .user-add {
	display: none;
}

.hide-document-package-delete .delete-package {
	display: none;
}

.hide-document-package-complete .complete-package {
	display: none;
}

.hide-docusign-void .docusign-void {
	display: none;
}

.hide-docusign-review .docusign-review {
	display: none;
}

.hide-docusign-send .docusign-send {
	display: none;
}

.hide-docusign-void .docusign-void {
	display: none;
}

.hide-reassign-signer .reassign-signer{
	display: none;
}

.ux-grow-action-item-outer {
	padding: 0 ! important;
	float:left;
}
.ux-grow-action-text {
	margin: 0 10px 0 0;
}

/* Tasks */

.task-overdue .x-grid-cell-inner{
    color:#fb223a;
}

.task-completed .x-grid-cell-inner {
    text-decoration:line-through;
    color:#333333;
}

.task-check {
    width:98%;
    height:16px;
    background: transparent url(../images/icons/modern/small/check.png) no-repeat center 0;
    cursor:pointer;
}

.task-completed .task-check {
    background: transparent url(../images/icons/check.gif) no-repeat center -16px;
}

.task-disabled .x-grid-cell-inner {
    color: #999;
}

/* For readonly forms */
.x-form-phonefield { min-width: 150px; }
.x-form-readonly textarea.x-form-field, .x-form-readonly .x-form-field, .x-field-readonly { background: transparent; border: none; cursor: default; }
.x-form-readonly .x-form-field, .x-field-readonly { border-bottom: 1px solid #ccc }
.x-form-readonly .x-form-text-wrap-default { border-style: none; }
.x-row-user-disabled td { color: #999 }
.x-row-bold td.x-grid-cell{ font-weight:bold; color: #000000; background-color: #a8adb3;}

.n-modern .x-form-readonly input
{ 
	border: none !important;
}

.n-modern .x-form-readonly .x-form-trigger-wrap-default
{
  	background: none;
  	border-top: none;
  	border-left: none;
  	border-right: none;
  	border-bottom: 1px solid #ccc;
}
.n-modern .modern_bodystyles .x-form-readonly .x-form-date-trigger
{
	display: none;
}
/* File Fields */

.x-form-readonly .x-form-file-wrap .x-form-trigger-wrap-default
{
  	border: 1px solid #cccccc;
 }
 .x-form-trigger-wrap-invalid .x-form-file-wrap .x-form-trigger-wrap-default
{
  	border: 1px solid #c0392b;
 }
.x-form-readonly .x-form-field,
.n-modern .x-form-file-wrap .x-form-trigger-wrap .x-form-text
{
  	border: none;
}
/* Novatus salesforce */
.x-novatus-sfconnected {
	padding: 5px;
	font-weight: bold;
	font-size: 16px;
}

/* Search Criteria */
.x-sqlogicnode {
	padding: 5px;
}

.x-sqlabel {
	margin: 5px;
	color: #999999;
}

.x-sqbrackets {
	width: 15px;
	border-top: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	border-left: 1px #999999 solid;
}

.x-sqnodecontainer {
	margin: 5px;
}

.x-sqterm .x-field {
	margin-right: 5px !important;
}

/* FIX FOR Chrome textfield bug listed here:
	https://www.sencha.com/forum/showthread.php?301227
	bug number EXTJS-17847 */
.x-chrome .x-form-text.x-form-focus { display: block; }  

.n-rowbody-empty .x-grid-rowbody { padding: 0px }
/* Fix for Classic Theme Invalid Fields*/
.x-form-invalid-field {
    border-color: #cc3300;
}
/* Required fields */
.n-required-field {
    border: 1px solid #c0392b;
    height: auto;
}

/* address book pop up*/
.n-modern .abTopPanel
{
	padding: 8px !important;
}
.n-modern .addresbookPopUp
{
	padding: 0px !important;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}
.n-modern .modernWindow
{
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}
/* Flow actions panel*/
.flowactionspanel
{
	border-right-width: 1px !important;
  	border-right-style: solid !important;	
}
.n-modern .flowactionspanel
{
	border-right-color: #cbcfd3 !important;	
}

/* Disabled Panels */
.disabledPanel .x-mask
{
	background-color: rgba(255, 255, 255, 0.5);
}

/* Expand button */
.n-modern .expandButton
{
	margin-top: 8px;
	margin-bottom: 12px;
	display: block;
	background: transparent url(../images/icons/modern/small/expand.png) no-repeat 0 0;
	padding-left: 20px;
	width: 60px;
	line-height: 16px;
	text-decoration: none;
	color: #003559;
}
/* Advanced Edit Data Filter Buttons */
.n-modern .dataFilterButtons
{
	margin: 2px;
}
.n-modern .dataFilterButtons .delete,
.n-modern .dataFilterButtons .new
{
	background-position: 0 -16px;
}
/* workflow buttons */
.portletRow
{
	cursor: pointer;
}
.n-modern .portletDescColumn,
.n-modern .portletImageColumn
{
	float: left;
}
.classicRow
{
	cursor: pointer;
	background-color: #fff;
	padding: 10px;
	border-bottom: 1px solid #dfe8f6;
}
.classicRowover
{
	background-color: #f1f1f1;
}
.classicRowover .x-panel-body-default
{
	background: none;
}
.classicRow .portletTitle 
{
  font-weight: bold;
}
/* Error Screen */
.error-screen
{
	padding: 0;
    margin: 0;
}
.error-screen-wrapper
{
	height: 100%;
    width: 100%;
    position: absolute;
    vertical-align: middle;
}
.error-container
{
	background-color: #e9f6fb;
	border-bottom: 1px solid #cccfd3;
	border-top: 1px solid #cccfd3;
	height: 300px; 
	position: relative;
    top: 25%;
}
.error-body 
{
	height: 100%;
	width: 70%;
	margin: 20px auto;
}
.error-image 
{
	width: auto;
    position: absolute;
    top: -40px;
}
.error-text
{
	height: 100%;
    width: inherit;
    margin-left: 375px;
}
.error-header .header_1
{
    font-family: "Segoe UI Bold", helvetica, arial, verdana, sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    line-height: 30px;
    margin: 0;
}
.error-header .header_2
{
    font-family: "Segoe UI Regular", helvetica, arial, verdana, sans-serif;
    font-size: 30px;
    line-height: 30px;
    margin: 5px 0;
}
.error-msg 
{
	margin-top: 10px;
	width: inherit;
}
.error-msg p 
{
	font-size: 14px;
	line-height: 25px;
	margin: 0;
}
.error-screen-wrapper .contact-support
{
	font-size: 14px;
	border-bottom: #495868 solid 1px;
	border-top: #495868 solid 1px;
	width: 200px;
	padding: 10px 0;
	margin: 20px 0;
	height: auto;
	float: left;
	line-height: 25px;
}
.error-screen-wrapper .email
{
	background: url("../images/error_icons.png") no-repeat 0 -20px;
    width: inherit;
    height: 20px;
    float: left;
    padding-left: 20px;
    line-height: 20px;
    text-decoration: none;
    color: inherit;
    margin-top: 10px;
}
.error-screen-wrapper .phone
{
	background: url("../images/error_icons.png") no-repeat 0 5px;
	width: inherit;
    height: 20px;
    float: left;
    padding-left: 20px;
    line-height: 20px;
}
.error_details 
{
	height : 180px;
}
.error_details .x-form-item-body
{
	vertical-align : top;
}
.error-screen .error-instructions
{
	text-align: left;
	padding: 5px 5px 5px 165px !important;
}
.x-legend-item-marker {
    position: absolute;
    width: .8em;
    height: .8em;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    -ms-border-radius: .4em;
    -o-border-radius: .4em;
    border-radius: .4em;
    -webkit-box-shadow: rgba(255,255,255,0.3) 0 1px 0,rgba(0,0,0,0.4) 0 1px 0 inset;
    -moz-box-shadow: rgba(255,255,255,0.3) 0 1px 0,rgba(0,0,0,0.4) 0 1px 0 inset;
    box-shadow: rgba(255,255,255,0.3) 0 1px 0,rgba(0,0,0,0.4) 0 1px 0 inset;
    left: .7em;
    top: .85em;
}
.x-legend.x-horizontal .x-legend-item {
    display: inline-block;
}
.x-legend.x-docked-top .x-legend-item, .x-legend.x-docked-bottom .x-legend-item, .x-legend-panel.x-docked-top .x-legend-item, .x-legend-panel.x-docked-bottom .x-legend-item {
    border-left: 1px solid rgba(204,204,204,0.5);
}
.x-legend-item {
    padding: .8em 1em .8em 1.8em;
    color: #333;
    background: rgba(255,255,255,0);
    max-width: 16em;
    min-width: 0;
    font-size: 13px;
    font-family: helvetica,arial,verdana,sans-serif;
    line-height: 13px;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}
.x-legend-inactive {
    filter: alpha(opacity=30);
    opacity: .3;
}
.pieChart-error-text{
	padding: 0px 0px 10px 10px;
	color: #FF0000;	
}
/* This is fo the Original Exp Date Pop Up In the Contract Profile screen*/
.orgexpdate
{
	overflow: visible;
}
.orgexpdate:after
{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color:  transparent transparent transparent #0974bb ;
	right: -20px;
	bottom: 46%;
}

/* Salesforce Styles */
/* This is for the required options drop down*/
.required-options
{
 	color: #c0392b;
    font-weight: 700;
}

/* My Requests Styles */
.infoPanes
{
	margin: 10px;
}
.n-modern .titleDesc
{
	font-size: 12px;
    padding: 4px 0;
}
.n-modern .bundleCard,
.n-modern .companyCard
{
	margin: 15px auto;
	box-shadow: 0px 1px 6px rgba(0,0,0,.25);
	border-radius: 2px !important;
	overflow: hidden;
}

.n-modern .bundleCard .x-form-item,
.n-modern .companyCard .x-form-item
{
    padding: 10px;
    margin: 0;
}
.n-modern .documentAttachment
{
	border-top: 1px solid #cbcfd3 !important;
	padding-top: 10px !important;
}
.n-modern .documentAttachment > .x-header
{
	background-color: transparent;
}
.n-modern .documentAttachment > .x-header .x-title-text
{
	color: #4d4d4d;	
}
.n-modern .documentAttachment .x-grid-body,
.n-modern .documentAttachment .x-toolbar-default {
    background: none;
    border: none !important;
}
.n-modern .documentAttachment .x-grid-item {
  	background-color: white;
}
.n-modern .documentAttachment .ux-row-action-item {
	margin: 0 50%;
}
.n-modern .x-grid-item-focused {
	color: #4d4d4d !important;
}
.n-modern .x-grid-item-selected .x-grid-item-focused {
	color: white !important;
}

.n-modern .x-form-item-default.x-item-disabled {
	opacity: 0.3 !important;
}

.x-grid-cell-inner {
    overflow: hidden;
    padding: 4px 6px;
    white-space: nowrap;
}

.n-modern .x-panel-header {
	padding: 2px 6px !important;
}
.n-modern .n-pageTitleCls > .x-header .x-panel-header-title-default
{
	font-size: 20px !important;
}

/* For the project edit radio buttons */
.projectRadioButtons #projectGroupRadio{
	width: 140px; 
}
.projectRadioButtons{
	margin: 20px 0px 20px 162px;
}

/* Requests bundles screens */
.requestsHeaders {
    margin: 15px auto;
}
.requestsHeaders .x-panel-body-default,
.requestsHeaders .x-header
{
	background-color: transparent !important;
}
.requestsHeaders .x-title
{
	color: #393d41;
	font-size: 20px;
	line-height: 25px;
}
.requestsHeaders .infoPanes
{
	margin: 0 5px;
} 
/* Chrome specific fixes */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .n-modern .x-form-item
    {
  	    overflow: hidden;
    }
} 

/* CON-3399 tree wrap */
.tree_wrap .x-grid-cell-inner{
	 height:    auto   !important;
 	white-space:  normal  !important;
 	text-indent: -3.3em  !important;
 	padding-left: 3.3em   !important;
 	padding-right: 1em  !important;
}

/* CON-6825 disabled users */
.x-row-person-disabled td { color: #999 }


/* Document Clauses */
.n-modern .clauseForm
{
	border-bottom: solid 1px #cbcfd3 !important;
}
.n-modern .clauseFormHeader .btn_link
{
	height: 25px !important;
}
.n-modern .clauseFormDetailsBar
{
	padding: 10px !important;
	border-left: solid 1px #cbcfd3 !important;
	transition: all 0.5s ease;
	opacity: 1;
}
.n-modern .clauseFormDetailsBar.x-collapsed
{
	transition: all 0.5s ease;
	opacity: 0;
}
.n-modern .clauseFormDetailsBar .x-panel-body-default
{
	background-color: transparent !important;
}
.n-modern .clauseFormButton
{
	margin: 0 5px;
}
.n-modern .clauseTitle
{
	color: #393d41;	
}
.n-modern .clauseTermsTitle
{
	color: #393d41;	
}
/* Profile Classes */
.sr-wrapper {
	width            : 100%;
	max-width        : 1000px;
	border-left      : 2px solid #4e78b1;
	border-right     : 1px solid #efefef;
	font-family      : tahoma, arial, sans-serif;
	font-size        : 11px;
}

.sr-wrapper .blue {
	color : #4e78b1;
	background-color : #dfe8f6;
}
.sr-wrapper .documents {
	border-top : 10px solid #737373;
}

.expandedField .x-form-item-body {
	height: 100%;
}

/* Elasticsearch Results -Start */
/*Icons
*************************/
/* Reusable class for all three icons Company, Contract, and Document. */
.iconElasticSearch {
	height: 45px;
	width: 45px;
}

/*Divider
*************************/
.dividerResults {
	background-color: #d8dde6;
	height: 1px;
	margin: 0px 0px 0px 25px !important;
	width: 97%;
}

/*Blocks
*************************/
.sidebarBlock {
	background-color: #fafafb;
	border-right: 1px solid #d8dde6 !important;
	height: 100%;
}

.paginationBlock {
	background-color: #ffffff;
	background-position: fixed;
	border-bottom: 1px solid #d8dde6 !important;
	padding: 15px 25px 15px 25px !important;
	width: 100%;
}

.searchResultBlock {
	background-color: #ffffff;
	padding: 25px !important;
	width: 100%;
}

/*Typography
*************************/
.sidebarSectionTitle {
	color: #555555;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

.sidebarLabel {
	/* This is for the checkboxes and radio buttons. */
	color: #777777;
	font-size: 14px;
	font-weight: 600;
	padding-left: 25px;
}

.sidebarField {
	/* This is for the checkboxes and radio buttons images. */
	margin-top: 0px;
}

.paginationShowResults {
	color: #666666;
	font-size: 14px;
	font-weight: 600;
	line-height: 36px; /* This is a hack to center the text. */
}

.searchResultTitle {
	color: #003559;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
}

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

.searchResultType {
	/* The type name will be set to font-weight:bold; */
	/* This includes the styles for the "Status" and "Last Modified" sections. */
	color: #666666;
	font-size: 12px;
	font-weight: normal;
}

.searchResultDescription {
	color: #333333;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
}

.searchResultStatus .active {
	color: #04844b;
	font-size: 16px;
	font-weight: 600;
	width: 9em; 
	word-wrap: break-word;
}

.searchResultStatus .inactive {
	/* This will be used for N/A results as well. */
	color: #444444;
	font-size: 16px;
	font-weight: 600;
	width: 9em; 
	word-wrap: break-word;
}

.searchResultLastModified {
	color: #333;
	font-size: 16px;
	font-weight: normal;
}

/*Pagination Button Group
*************************/
/* The .x-btn-inner-default-small at the end of each of these classes is a hack to get around the Novatus theme in EXT. */
.n-elasticSearchButton .x-btn-inner-default-small {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #d8dde6;
	background-color: #fff;
	padding: 10px 25px;
	font-size: 14px;
}

.n-elasticSearchButtonGroup .n-inactive .x-btn-inner-default-small {
	font-weight: normal;
	color: #888888;
}

.n-elasticSearchButtonGroup .n-active .x-btn-inner-default-small {
	font-weight: 600;
	color: #003559;
}

/*Action Column
*************************/
/*More Actions Dropdown
*************************/

/* more actions label */
.n-elasticSearchmoreActionsLabel {
	color: #003559;
	font-size: 16px;
	font-weight: 600;
}

/* more actions down pointing arrow button */
.n-elasticSearchMoreActionsButton.x-btn-default-small
{
	background: url(../images/icons/icon_dropdown_arrow.png) !important;
	background-position: center center !important;
	width: 20px !important;  /* css given by User Experience */
	height: 20px !important;  /* css given by User Experience */
	background-position: center center !important; /* css to center the icon */
	background-repeat: no-repeat !important; /* css so the icon does not repeat itself within the button */	
	cursor: pointer !important;  /* css so the mouse changes to finger pointer from arrow */
	background-color:white !important; /* override theme x-btn-default-small */
	border-radius: 0px !important;/* override theme x-btn-default-small */
	border-width: 0px !important;/* override theme x-btn-default-small */
	padding: 0px 0px 0px 0px !important;/* override theme x-btn-default-small */
}

/* text for the drop down menu item */
.n-elasticSearchMoreActionsMenuItemText {
  color:#0070d2 !important;
  font-size:14px !important;
  font-weight:normal !important;
  padding:13px !important;
  margin-left: 12px !important; /* without this the word does not look centered. not sure how to center it with the given padding */
  background-color:transparent !important;
}

/* used css on both menu and menu item because it did not seem to work without it */
.n-elasticSearchMoreActionsMenu {
	background-color:#fff !important;
	border-radius:5px 5px 5px 5px !important;
	border:1px solid #d2d8e3 !important;
	box-shadow:0 2px 3px 0 rgba(0,0,0,.16) !important;
	min-width: 95px !important;
}

.n-elasticSearchDownloadMenuItemText {
	color:#0070d2 !important;
  	font-size:14px !important;
  	font-weight:normal !important;
  	background-color:transparent !important;
}

.n-elasticSearchDownloadActionsMenuItem {
	background-color:#ffffff !important;
}
.n-elasticSearchDownloadActionsMenuItem:hover,
.n-elasticSearchDownloadActionsMenuItem:active,
.n-elasticSearchDownloadActionsMenuItem:focus {
	background-color:#f2f5f8 !important;
}

.n-elasticSearchMoreActionsMenu:hover,
.n-elasticSearchMoreActionsMenu:active,
.n-elasticSearchMoreActionsMenu:focus {
	background-color:#f2f5f8 !important;
}

/* panel for the drop down menu item */
.n-elasticSearchMoreActionsMenuItem {
	background-color:#fff !important;
	border-radius:5px 5px 5px 5px !important;
	border:1px solid #d2d8e3 !important;
	box-shadow:0 2px 3px 0 rgba(0,0,0,.16) !important;
	min-width: 95px !important;
}

.n-elasticSearchMoreActionsMenuItem:hover,
.n-elasticSearchMoreActionsMenuItem:active,
.n-elasticSearchMoreActionsMenuItem:focus {
	background-color:#f2f5f8 !important;
}

/* Elasticsearch Results - End */
/**contract clause -Start */
.n-clause-wrap {
	overflow: auto;
	display: table;
	width: 100%;
}

.n-clause-sidebar {
	display: table-cell;
	width: 300px;
	height: 100%;
	background-color: #efefef;
}

.n-clause-body {
	display: table-cell;
	padding: 10px 75px 10px 75px;
	background-color: white;
	height: 100%;
	
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.7;
}

.n-clause-hover .n-clause-body, .n-clause-hover .n-clause-children {
	background-color: #e6f2ff;
	cursor: pointer;
}

.n-clause-children {
	padding-left: 20px;
	background-color: white;
}

.n-clause-body-wrap {
	background-color: #f2f2f2;
	min-width: 700px;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
.n-clause-viewport {
	background-color: #dddddd;
}

.n-clause-type-img {
	float: left;
	vertical-align: middle;
	margin-left: 10px;
	background-image:url('../images/contractclause/icon_non_standard.png');
	/*Please Note: I don't know the path to the images directory */
	height:23px;
	width:25px;
}

.n-clause-type-img-standard {
	background-image:url('../images/contractclause/icon_standard.png');	
}

.n-clause-type {
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 40px;
	height: 25px;
	vertical-align: middle;
	margin-top: 2px;
}

.n-clause-type-disable > div {
	display: none;
}
.n-clause-type-desc {
	margin-top: 2px;
	margin-left: 25px;	
}

.n-clause-breakapart-button {
	background-color:#0070d2;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	cursor:pointer;
	border-radius:5px 5px 5px 5px;
	text-align:center;
	min-width:240px;
	padding:10px 0;
	position: fixed;
	visibility: hidden;
	z-index: 100;
}

.n-clause-hover > .n-clause-wrap > .n-clause-body > .n-clause-breakapart-button {
	visibility: visible;
}

.n-clause-hover-broken .n-clause-children, .n-clause-hover-broken .n-clause-children .n-clause-body {
	background-color: white;
}

.n-clause-breakapart-nochildren {
	visibility: hidden !important;
}

.n-clauseContractTitle {
	color:#002f52;
	font-size:16px;
	font-weight:600;
	text-transform:uppercase;
}
/* contract clause - End */

/* eSignature Reassign Signatory */
.reassign-signatory {
	padding: 10px;
}

.reassign-signatory-form {
	width: 1280px;
	margin: 0 auto 0 auto;
}
/* contact profile actions */
.x-item-disabled.x-boundlist-item {
	color: lightgrey;
	cursor: default;
}
.x-item-disabled.x-boundlist-item-over {
	background: inherit;
	border-color: white;
}
.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

 /*Fade In*/
@keyframes fadein {
    from { opacity: 0;  }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0;   }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0;  }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0;  }
    to   { opacity: 1; }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
/*Fade Out*/
@keyframes fadeout {
    from { opacity: 1;  }
    to   { opacity: 0; }
}

/* Firefox < 16 */
@-moz-keyframes fadeout {
    from { opacity: 1;  }
    to   { opacity: 0; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
    from { opacity: 1;  }
    to   { opacity: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadeout {
    from { opacity: 1;  }
    to   { opacity: 0; }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
/*
==============================================
pullDown
==============================================
*/

.pullDown{
	overflow: hidden;
	animation-name: pullDown;
	-webkit-animation-name: pullDown;	

	animation-duration: .5s;	
	-webkit-animation-duration: .5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

}

@keyframes pullDown {
	0% {
		 max-height:  0;
	}
	100% {
		max-height:  475px;
	}							
}

@-webkit-keyframes pullDown {
	0% {
		 max-height:  0;
	}
	100% {
		max-height:  475px;
	}			
}

/*
==============================================
Bounce
==============================================
*/

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

/*
==============================================
Pulse
==============================================
*/

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

/*
==============================================
Slide In Down
==============================================
*/

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

/*
==============================================
Slide Out Up
==============================================
*/

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*
==============================================
Fade In Down
==============================================
*/

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/*
==============================================
Fade Out Up
==============================================
*/

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

/*
==============================================
Slide Down Fade In
==============================================
*/

@-webkit-keyframes SlideInFadeIn {
	from {
		opacity: 0;
		max-height: 0;
	}
	
	to {
		opacity: 1;
		max-height: 600px;
	}
}

@keyframes SlideInFadeIn {
	from {
		opacity: 0;
		max-height: 0;
	}
	
	to {
		opacity: 1;
		max-height: 600px;
	}
}

.SlideInFadeIn {
	 -webkit-animation-name: SlideInFadeIn;
	 animation-name: SlideInFadeIn;
}

@-webkit-keyframes SlideOutFadeOut {
	from {
		opacity: 1;
		max-height: 600px;
	}
	
	to {
		opacity: 0;
		max-height: 0px;
	}
}

@keyframes SlideOutFadeOut {
	from {
		opacity: 1;
		max-height: 600px;
	}
	
	to {
		opacity: 0;
		max-height: 0px;
	}
}

.SlideOutFadeOut {
	 -webkit-animation-name: SlideOutFadeOut;
	 animation-name: SlideOutFadeOut;
}
/*
==============================================
Presets for animated window
==============================================
*/

.animatedWindow
{
	opacity:0;
	max-height: 0;
	max-width: 0;
}.mainNav {
	background-color: #003559 !important;
	padding: 0 !important; 
	margin: 0 !important;
	border-top-width: 1px !important;
	border-top-color: #00548c;
	border-top-style: solid;
	box-shadow: 0px 1px 6px rgba(0,0,0,.25);
	z-index: 50;
}
.mainNav .x-box-item
{
	
}
.mainNav .navlogo{
  max-width: 200px;
  top: 0 !important; 
  overflow: hidden;
  height: 50px !important;
  cursor: pointer;
  margin-left: 10px;
  float: left;
}
.mainNav img {
    display: block;
	float: left;
	width: auto;
	max-width: 200px;
	max-height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}	
.mainNav .navbuttons {
	top: 0 !important;
	visibility: visible;
}

.mainNav .x-box-scroller-toolbar-default
{
	background-color: white;
	margin: 0;
	top: 1px;
	height: 51px;
	width: 30px;
}
.mainNav .x-form-item {
    float: left;
    margin: 2% 0; 
}

.searchhome {
  display: block;
  float: right !important; 
  overflow: hidden;
  height: 50px !important;
  visibility: visible;
}
.mainNav .searchhome,
.mainNav .navbuttons
{
	top: 0px !important;
}
.searchBtnmain 
{
	height: 32px;
	width: 40px !important;
	background: url("../images/icons/modern/search.png") no-repeat center center #003559;
}
.searchhome .navSearchBox .x-form-trigger-wrap-default
{
	border: 1px solid rgba(255,255,255,.25);
}
.searchhome .navSearchBox_over
{
	background-color: #f7f7f7 !important;
}
.searchhome  .userNameMenu
{
  	margin-right: 10px;
}
.searchhome  .userNameMenu .x-btn-inner
{
	text-overflow: ellipsis;
	width: 75px !important;
	overflow: hidden;
	white-space: nowrap;
}
#searchDocs{
    width: 50px;
    padding: 5px;
    background-image: url("../images/icons/small/search_menu.png") !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important; 
}
.searchhome input {
    min-height: 30px;
    padding: 5px;
    border-radius: 0;
}
.searchhome .logoutNavButton:hover {
    background-position: 0 -16px;
    background-color: transparent !important;
}
.searchTrigger {
    background-image: url("../ext-5.1.1/packages/novatus-theme/resources/images/form/search-trigger.png");
}
.searchhome .logoutNavButton {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent !important;
    margin: 0; 
    width: 16px !important;
    height: 16px !important;
}
.mainSubButtons .x-btn-default-small
{
	background: none !important;
}
.mainSubButtons .x-btn-icon-el-default-small
{
    width: 40px !important;
    height: 40px !important;	
}

.searchhome .logoutNavButton {
    background-image: url("../images/icons/modern/small/logout.png");
}

.searchhome .advNavButton {
    margin-right: 5px; 
}


.mainNavButtons {
  background: none !important;
  border: none !important;
  float: left;
  border-width: 0 !important;
  box-shadow: none !important;
  height: 52px;
}
.mainNavButtons span {
    font-family: "Roboto";
	font-weight: 400;
    font-size: 14px;
    color: #fff !important;
}

.mainNavButtons:hover span
{
	color:  #1f94d6 !important;
}
.mainSubButtons
{
	top: 54px !important;
	padding: 2px !important;
	background-color: #f3f4f5;
	overflow: visible !important;
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	height: 0 !important;
	display: table !important;
	max-height:  0 !important;
}

.mainSubButtons:before {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color:  transparent transparent #f3f4f5 transparent;
      top: -20px;
      left: 46%;
}
.userOptionsNavBtnCls:before{
      right: 10%;
      left: auto;
}

.mainSubButtons .x-menu-body-default
{
	background: none !important;
	overflow: hidden !important;
}
.mainSubButtons .menu-body
{
	padding: 6px;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
}

.iconButtons
{
	height: 60px;
	max-width: 70px !important;
	float: left;
	margin-bottom: 8px !important;
	cursor: pointer;
	display: table;
}
.iconButtons .icon
{
  margin: 0 auto 10px auto;
  text-align: center;
  background-position: center 0;
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  display: block;
}
.iconButtons span
{
   line-height: 16px;
}
.n-modern .usr_btn
{
  width: 82px !important;
  height: 72px !important;	
}
.n-modern .usr_btn .x-btn-inner
{
	max-width: 70px !important;
}
.n-modern .usr_btn .x-btn-icon-el
{
	margin: 0 auto 10px auto;
	text-align: center;
	background-position: center 0;
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
	display: block;
}
.iconButtons_over .icon,
.iconButtons_over .x-btn-icon-el-default-small
{
	background-position: center -40px !important;
}

.mainSubButtons span{
	font-family:"Roboto";
	font-weight: 400;
    font-size: 11px;
    line-height: 12px;
    color: #666666; 
	margin: 0 auto;
	display: block;
	text-align: center;
}
.mainSubButtons .x-menu-item
{
	background: none !important;
}

.mainSubButtons .x-menu-item span:hover,
.iconButtons_over span{
  color: #1f94d6; 
}

.menu-mobile-icon {
  height: 25px;
  width: 25px;
  float: right;
  display: none; 
}
/* Menu headers */
.n-modern .menu-body .x-menu-item-cmp .x-header {
	background-color: transparent;
	margin: 5px 0;
	padding: 5px 0 !important;
	border-bottom: 1px #cbcfd3 solid !important;
}

.n-modern .menu-body .x-menu-item-cmp .x-title {
	font-size: 14px;
	line-height: 14px;
	color: #4d4d4d;
	font-weight: 400;
	font-family: "Roboto"";
}

.n-modern .menu-body .x-panel-body {
	background-color:transparent;
}

.notification
{
    margin: 0 !important; 
    width: 20px !important;
    height: 20px !important;
	background-image: url("../images/icons/modern/small/email.png") !important;
  	background-repeat: no-repeat !important;
  	background-position: 0 -1px !important;
}
.messageCount
{
	margin: 0 !important;
	padding: 0;
	width: 40px;
	overflow: visible !important;
}
.messageCountDisabled
{
	opacity: .1;'
}
/* mobile */
.mobilenav
{
	background-color: #7f8c8d;
	border-right: solid 1px #393d41;
	border-left: solid 1px #393d41;
}
.mobilenav .x-btn-default-small
{
	border-radius: 0 !important;
}
.mobilenav .x-panel-body-default,
.mobilenav .x-accordion-layout-ct .x-panel-default
{
	background-color: transparent !important;
}
..mobilenav .x-panel-body-default
{
	margin-top: 10px;
}
.mobileSearchMenuIcon,
.mobileMenuIcon
{
	margin: 10px 10px !important;
	width: 30px;
	height: 30px;
	top: 0 !important;
	visibility: hidden;
}
.mobileMenuIcon,
.mobileMenuIcon:active,
.mobileMenuIcon:hover
{
	left: 0;
	background: url("../images/icons/modern/menuIcon.png") no-repeat center center;
}
.mobileSearchMenuIcon,
.mobileSearchMenuIcon:active,
.mobileSearchMenuIcon:hover
{
	right: 0;
	left: auto !important;
	background: url("../images/icons/modern/white_settings.png") no-repeat center center;
}
.hamburgerBtn
{
	width: 20px;
	height: 20px;
	background: url("../images/icons/modern/menuIcon.png") no-repeat center center;
}
.n-modern .mobileBtns
{
	text-align: left !important;
}

.mobilenav .mobilemainNavButtons > .x-header
{
	color: #fff;
	height: 50px;
}

.mobilenav .mobilemainNavButtons > .x-header .x-panel-header-title-default
{
	font-size: 16px !important;
}
.mobilenav .navSearchBox 
{
	height: 55px;
	background-color: #384f66;
    padding: 5px 0;
}
.mobilenav .navSearchBox .x-autocontainer-form-item
{
	float: left;
    margin-right: 0;
}
.mobilenav .navSearchBox .x-autocontainer-form-item .x-form-text-default,
.mobilenav .navSearchBox .x-form-trigger-wrap-default
{
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.mobilenav .navSearchBox .mobilesearchBtn 
{
	height: 32px;
	background: url("../images/icons/modern/search.png") no-repeat center center #003559;
	border-top-right-radius: 2px !important;
	border-bottom-right-radius: 2px !important;
	margin-top: 7px;
}
.mobilenav .mobileNavSubTitle > .x-header
{
	color: #fff;
    background-color: #393d41;
    padding: 10px !important;
}
.mobilenav .mobileNavSubTitle > .x-header .x-panel-header-title-default
{
	font-size: 14px;
    font-weight: 400;
    font-family: "Roboto";
    line-height: 20px;
}
.mobilenav .mobileNavSubTitle > .x-panel-body
{
	margin-top: 1px;
}
.mobilenav .iconButtons
{
	max-width: 240px !important;
	height: 30px !important;
    background-color: #f3f4f5;
    margin-bottom: 1px !important;
}
.mobilenav .iconButtons .icon 
{
    margin: 10px 0 0 5px;
    background-position: center 0;
    background-size: 100%;
    height: 30px;
    width: 30px;
    float: left;
}
.mobilenav .iconButtons span 
{
	font-family: "Roboto";
	line-height: 50px;
    font-size: 15px;
    margin-left: 10px;
    color: #393d41;
}
#searchOverFlowMenu .iconButtons
{
	width: 240px !important;
	height: 30px !important;
}
#searchOverFlowMenu .usr_btn .x-btn-icon-el
{
    margin: 0 0 0 -10px;
    background-size: 100%;
    height: 30px;
    width: 30px;
    float: left;
}

#searchOverFlowMenu .iconButtons .x-btn-button span:last-child {
    max-width: 100% !important;
    text-align: left;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
}
@media only screen and (max-width: 1199px) {
	 .mainNav .searchhome,
	 .mainNav .navbuttons,
	 .navsearch, .userNameMenu
	{
		visibility: hidden; 
		display: none !important;  
	}
	.mobileSearchMenuIcon,
	.mobileMenuIcon
	{
		visibility: visible;  
		display: block !important; 
	}
  	.mainNav .navlogo
    {
    	margin-left: 30px !important;
    }
}
#Stage
{
	display: table;
	height: 100%;
	width: 100%;
	position: absolute;
}
#Stage >.x-autocontainer-outerCt 
{
	position: absolute;
	height: 1160px;
}
#Stage img
{
	width: 100%;
    min-width: 1280px;  
}
#login 
{
    left: 50%;
    max-width: 300px;
    position: absolute;
    text-align: center;
    top: 20%;
    z-index: 10;
    margin-left: -150px;
    height: 250px;
}
#login #logo img
{
   max-width: 250px;
   min-width: 250px;
}
#login input,
.login_panel input
{
	padding: 10px 25px 10px 10px;	
}
.echosign_login .loginname input,
#login .loginname input,
.login_panel .loginname input
{
	background-image: url("../images/icons/login/login_screen_user.png");
    background-repeat: no-repeat;
    background-position: 99% center;
}
#login .loginpassword,
.login_panel .loginpassword 
{
	margin-bottom: 0 !important;
}
.echosign_login .loginpassword input,
#login .loginpassword input,
.login_panel .loginpassword input
{
	background-image: url("../images/icons/login/login_screen_locked.png");
    background-repeat: no-repeat;
    background-position: 99% center;
}
#login .login_btn
{
	margin: 0 auto 0 auto !important;
	position: relative !important;
	left: 0 !important;
	background-color: #1acb7a;
}
.login_panel .login_btn
{
	background-color: #1acb7a;
}
#login .login_btn .login,
.login_panel .login_btn .login
{
	background-position: 0 -16px;
}
.login_btn .login_btn:hover,
#login .login_btn:hover
{
	background-color: #50d593;
}

#login .login_fields
{
	margin: 15px auto;
	width: 100%;
}
#login img
{
   	max-width: 25px;
   	min-width: 25px;
}
.login_panel .login_fields
{
	padding: 10px;
}
.waves
{
	position: absolute;
	z-index: 0;
	width: 100%;
	overflow: hidden;
	height: 530px;
	top: 10%;
}
#loginfooter
{
	bottom: 25px;
	position: absolute;
	z-index: 1;
}
#loginfooter .x-panel-header
{
	padding: 0 !important;
	background: none !important;
}
#loginfooter #socialBar
{
	margin-top: 100px;
	margin-left: -50px;
	left: 50%;	
	float: left;
}
#loginfooter  #facebook,
#loginfooter  #twitter,
#loginfooter  #youtube,
#loginfooter  #linkedin
{
	top: 0 !important;
	float: left;
	width: 25px !important;
}
#loginfooter  .login_address
{
	float: left;
	text-align: center;
}
#loginfooter  .login_legal
{
	float: left;
	text-align: center;
}
#loginfooter  .login_address .x-panel-body-default
{
	color: #ffffff !important;	
}
#loginfooter .x-panel,
#loginfooter .x-panel-body-default,
#Stage .x-panel,
#Stage .x-panel-body-default,
#Stage .x-toolbar-footer
{
	border: 0 !important;
	background-color: transparent !important;
	padding: 0 !important;
}
#Stage .x-highlight-message:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: transparent #faf8f7 transparent transparent;
      top: 34%;
      left: -20px;
}
#Stage .x-highlight-message
{
	background-color: #faf8f7 !important;
	padding: 10px !important;
	border-radius: 4px !important;
	border-color:  #cbcfd3 !important;
	border-style: solid !important;
	border-width: 1px !important;  
	position: absolute;
	top: 88px;
	left: 310px;
	overflow: visible;
	display: block;
}
#Stage .x-highlight-message label
{
	color:  #485868 !important;
}
.login_error
{
	border-color: #ff0000;
}
#image1
{
    z-index: 1;
}
#image2
{
    top: 0;
    z-index: 0;
}
#image3
{
    top: 110px;
    z-index: 0;
}
#image4
{
    top: 10px;
    z-index: 4;
}
#image5
{
    top: 120px;
    z-index: 5;
}
#image6
{
    top: 100px;
    z-index: 6;
   
}
.logInBackImages
{
	display: block;
	position: absolute;
	width: 100%;
	overflow: hidden;
}
/*Fade In*/
@keyframes fadein {
    from { opacity: 0;  }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0;   }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0;  }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0;  }
    to   { opacity: 1; }
}

@media only screen and (min-width: 2047px) {
	#Stage img {
		min-width: 2048px;
	}

	#Stage >.x-autocontainer-outerCt 
	{
		top: 10%;
		height: 100%;
	}
	#login 
	{
		position: relative;
		top: 25%;
	}
	.waves {
		height: 700px;
	}
}
@media only screen and (min-width: 4090px) {
	#Stage img {
		min-width: 4096px;
	}

	#Stage >.x-autocontainer-outerCt 
	{
		height: 100%;
	}
	#login 
	{
		position: relative;
		top: 30%;
	}
	.waves {
		height: 1460px;
		top: 15%;
	}
}

#dashboard-home,
#mainIframe,
#mainIframe-body,
#novatusLayoutPanel
{
	border: 0 !important;
	background-color: transparent !important;
	padding: 0 !important;
	border-radius: 0 !important;
}
.x-docked-noborder-top{
	border-radius: 0px !important;
}
#mainIframe{
	padding: 0;
	margin: 0;
}
.n-modern .dashboard_body .x-autocontainer-innerCt
{
	min-height:100%;
   	position:relative;
}

/* Hide the logo from the header only in the dashboard*/
.n-modern .dashboard_body .n-pageTitleCls > .x-header
{
	background-image: none;
}
/* Style for the page header title button*/
.n-modern .dashboard_body .n-pageTitleCls .dashboard_title_button
{
	background-color: #e2e2e2;
}
.n-modern .dashboard_body .n-pageTitleCls .dashboard_title_button .x-btn-inner-default-small
{
	color: #003559 !important;	
}
.n-modern .dashboard_body .n-pageTitleCls .dashboard_title_button-over
{
	background-color: #1f94d6;
}
.n-modern .dashboard_body .n-pageTitleCls .dashboard_title_button-over .x-btn-inner-default-small
{
	color: #ffffff !important;	
}
.n-modern .dashboard_body .n-pageTitleCls .dashboard_title_button-over .x-btn-icon-el 
{
	background-position: 0 -16px;
}
/* End Button Style*/
.n-modern #dashboard-home .x-tool
{
	visibility: hidden;
}
.n-modern #dashboard-home .x-porlet-hover .x-tool
{
	visibility: visible;
}
.n-modern #dashboard-home .x-porlet-hover
{
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
}
.n-modern .dashboard_content,
.n-modern .dashboard_body .x-panel-body-default
{
	background-color: transparent;
}
/* GlobalMessaging Panels */
.dashboardGlobalMessages
{
	padding: 0 10px;
	margin-top: 10px;
	margin-left: 6px;
	margin-right: 6px;
}
.globalmessagepanelBody
{
	margin-bottom: 2px;
	font-size: 14px !important;
	line-height: 14px !important;
}
.globalmessagepanelBody h2,
.globalmessagepanelBody p
{
	margin: 0;
	padding: 0;
}
.globalmessagepanelBody h2
{
	font-size: 20px !important;
	height:20px!important;
}
.globalmessagepanelBody .x-panel-body
{
	word-wrap: break-word; 
	padding: 15px;
}
.x-globalmessage-info-panel .x-panel-body 
{
	background-color: #ffffff;
	color: #2b3f4f !important;
}

.x-globalmessage-warn-panel .x-panel-body
{
	background-color: #faf5e1;
	color: #f39c12 !important;
}

.x-globalmessage-alert-panel .x-panel-body
{
	background-color: #fae1e1;
	color: #c0392b !important;
}
/* Add Portlet Pop Up */
.n-modern .portletRow
{
	padding: 10px !important;
	border-bottom: 1px solid #cbcfd3 !important;
}
.n-modern .portletRow .x-panel-body-default
{
	background-color: transparent;
}
.n-modern .portletRow:hover
{
	background-color: #ecf0f1 !important;
}

.n-modern .portletImage
{
    margin-bottom: 10px;
}
.n-modern .portletImageColumn
{
	overflow: hidden;
	width: 130px;
	margin-right: 10px;
}

.n-modern .portletAddButton
{
    width: 130px;
}
.n-modern .popUpTitles,
.n-modern .portletTitle
{
    font-size: 18px;
    display: block;
    margin-bottom: 10px !important;
}
.n-modern .popUpDesc,
.n-modern .portletDescription
{
    width: 100% !important;
}
.n-modern .portletDescription .x-panel-body-default
{
    font-size: 12px !important;
}
.n-modern .dashboard_arrow
{
	background-image: url("../images/dashboard_arrow.png");
  	background-repeat: no-repeat;
  	background-position: center center;	
  	height: 140px;
  	width: 100px;
	position: fixed;
	top: 40px;
	right: 0;
	z-index: 1;
}
.n-modern .dashboard_sample
{
	background-image: url("../images/empty_portlet.png");
  	background-repeat: no-repeat;
  	background-position: top center;
  	padding-top: 150px;	
  	height: auto;
  	width: 330px;
  	margin: 0 auto;
  	text-align: center;
  	color: #2b3f4f;
}
.n-modern #dashboard-empty
{
	top: 25%;
}
.n-modern .dashboard_sample h3
{
	text-transform: uppercase;
	font-size: 40px;
	margin: 5px;
	height: 30px;
	line-height: 30px;
}
.n-modern .dashboard_sample h5
{
	text-transform: lowercase;
	line-height: 15px;
	font-size: 20px;
	height: 20px;
	margin: 0 0 0 87px;
	width: auto;
	padding: 0;
	text-align: left;
}
.n-modern .dashboard_sample .add
{
  width: 16px;
  height: 16px;
  padding: 0 8px;
  background-repeat: no-repeat;
  margin: 0 0px 0 5px;
}
/* Splitters */
.n-modern .dashboard_body .x-splitter-vertical,
.n-modern .dashboard_body .x-splitter-horizontal
{
	background-color: transparent;
	box-shadow: none !important;
}
.n-item {
    cursor: pointer;
    text-align: center;
    z-index: 20;
    position: absolute;
    padding: 0.5em;
    font-size: 0.7em;
}
.n-config
{
	position: absolute;
	display: block;
	opacity: 0.7;
	top: 3px;
	left: 80px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAD5UlEQVR4nGJkwAGam5u3MTIyejIwMDD8//9/e21trRc2dQAAAAD//2KBMRoaGgoYGRlj////39zQ0LDh////ht7e3gwMDAwMW7ZsMYSqiWVkZCz4////4oaGhgkMDAwMAAAAAP//YoRp5uPj6zc2NmY4f/48w/v373dxcXG5eXp6MjAwMDBs376d4du3b0cEBQVtDA0NGc6ePcvw6dOnwoaGhgkAAAAA//8EwTERwDAIQNGfu84YyMiKhISxLuKpomKDEQ1sXN97ALr7mBkigrsTEe+ck6oCYO9NZi5VZYyBmXHvPcD3AwAA//80zzERwAAMA7G/DoZhsoVnJN5CILlOFQM9fzkJbZkZbCOJ3eXukIRtZoa2JAF4AT4AAAD//zTQMRXAMAgFwB+W4oEJxKSeEICn1guZeGhg7NSTcOs/cPdHRLaqgpmRmaiqIaIlIpeZYWZwzkF3vxFxA8AHAAD//wBBAL7/AXh4eLb9/f0xCAgIGCwsLAAMDAwA4eHhAOTk5L6JiYlLAAAAAHd3d7UcHBxCHx8fAPT09ADU1NQA+Pj46AMDA88AAAD//wTBsQ3AMAgEwI9cYOg8CrNRsAPLMUo6ZAqU3D1m9qkqiAhVBWZGZt6IODNzAWCttd39VdVdVRARdDcyEz8AAAD//zzPwQkAMAgEsFO6hPtv5ssJ5EDUvtpskEMS7g5VhYjAzNDdv/ZUlWQmIgK7i5kBSVwAAAD//wTBsREAIAgAMe4bbWFNFvScBQbADiYwAbiZ+SJCqkq6W1R1ufsBNrDd/ZjZmhmpKokIycwH3A8AAP//gtuUmpq6/9+/fw4iIiIMKioqDM+fP2d48uTJTwYGBgYZGRl2SUlJhjt37jC8efOGgYmJ6eTs2bMtGBgYGAAAAAD//2JkYGBgKCoqCn3z5s0qGRkZhnfv3jFwcXExKCkpMbCzszMwMjLCQ//bt28MQkJCDE+ePGEQERFJ7uvrmwcAAAD//wTBsQ3AMAgAwS/S4QbJk2YBb5L1EELUxoVF7h4Ad19zTjKTvTcRgZkxxuDeyzmHqkJE6G5UFXd/ge8HAAD//wTBsQnAQAwEwcVcAeo//1YcOr8OhEB8JlDmmQcgIo5tMpOqQtJ372Vm2F26G0lvVZGZ2CYiDsAPAAD//wTBMRHAMAwDQJ2YaDCC7gVSAgURAEFgEGYUGPamMf8EgMzckhbJExF/VT22Z2bQ3bA9VfVGxEfySFqZuQHgAgAA//+CBSIzIyMjBxMTkwAjIyMvExOTgJ2d3awPHz7oQl145dChQxn/////9u/fv4//////8P///2//////CQAAAP//AwAvroSUkykoBQAAAABJRU5ErkJggg==);
}
.n-decision .n-config
{
	top: 37px;
	left: 80px;
}

.n-decision .n-note
{
	top: -3px;
	left: 37px;
}

.n-note
{
	position: absolute;
	display: block;
	opacity: 0.7;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGGSURBVDjLxZO/alRBFMZ/c6MmomKhBLv4AIJiYekjCFopKSzyCnkGW99BbMTOQhsrBcFKsLCJhRYBNYYsWXNn5s6Z81nMGu+626XwFDOHge/PmfkmSOIk1XHCOvWn0ZdXsulPpAFZQbUgG5BlVDOURLWELEJJXLz3JMwTVOP0tfsLChIEmC2A4OD5g0UHebLLWQl5bAcBJAcC4i9D6FZRiUtGMMOHb9j0PXhGGtruA3hCnpBHzly+i5d+CUHNgCFPoDIDjcEJeQ8yNCxxYL/2m+U55Yh7mpFE8NhE7GiRwGsi7bzF8meoA8io6ZC1jfWm7AnVCPLld1DjPna4y/kbm4Djw1emH56h2oN6VFNzIKOOCI6DFCTKj48cvN6m9jtQC64yAjcXrjrnoBu/94VbDymTPSZvHs/A6RgsT0gZqC1M/46AJcJKx7mbW8RPL5m+e8HKpeusXbmNI1AFDHBkmZHzFpO9p3fkJSNLqEQsfgc6uhCQJRgy7qlF2ypXHynMEfy33/gbubc6XKsT2+MAAAAASUVORK5CYII=);
}

.n-flowct {
	background-image: url(../images/flow/20pxgrid-bg.gif);
}
.n-action {
    border: 1px solid #346789;
    box-shadow: 2px 2px 19px #aaa;
    -o-box-shadow: 2px 2px 19px #aaa;
    -webkit-box-shadow: 2px 2px 19px #aaa;
    -moz-box-shadow: 2px 2px 19px #aaa;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    background-color: #eeeeef;
    color: black;
    font-family: helvetica;
    -webkit-transition: -webkit-box-shadow 0.15s ease-in;
    -moz-transition: -moz-box-shadow 0.15s ease-in;
    -o-transition: -o-box-shadow 0.15s ease-in;
    transition: box-shadow 0.15s ease-in;
    height: 100px;
	width: 100px;
}

.n-decision {
    border: 1px solid #346789;
    box-shadow: 2px 2px 19px #aaa;
    -o-box-shadow: 2px 2px 19px #aaa;
    -webkit-box-shadow: 2px 2px 19px #aaa;
    -moz-box-shadow: 2px 2px 19px #aaa;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    background-color: #eeeeef;
    color: black;
    font-family: helvetica;
    -webkit-transition: -webkit-box-shadow 0.15s ease-in;
    -moz-transition: -moz-box-shadow 0.15s ease-in;
    -o-transition: -o-box-shadow 0.15s ease-in;
    transition: box-shadow 0.15s ease-in;
    height: 100px;
	width: 100px;
	-webkit-transform: rotateZ(-45deg)   ;
    transform: rotateZ(-45deg)   ;
    -webkit-transform-origin: 0 100% 0deg;
    transform-origin: 0 100% 0deg;
}

.n-endpoint {
	z-index: 30;
}
.n-decision .n-title {
	position: absolute;
	top: 20px;
	left: 5px;
	width: 90px;
	height: 50px;
	-webkit-transform: rotateZ(45deg)   ;
    transform: rotateZ(45deg)   ;
    -webkit-transform-origin: 0 100% 0deg;
    transform-origin: 0 100% 0deg;
}

.n-decision .n-description {
	position: absolute;
	top: 30px;
	left: -10px;
	width: 90px;
	height: 50px;
	-webkit-transform: rotateZ(45deg)   ;
    transform: rotateZ(45deg)   ;
    -webkit-transform-origin: 0 100% 0deg;
    transform-origin: 0 100% 0deg;
}

.n-title {
	margin-top: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

.n-description {
	margin-top: 5px;
}

.n-item._jsPlumb_connected {
    border: 2px solid green;
}

.n-connect {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: orange;
	cursor: pointer;
}
.n-decision .n-connect.n-brancha {
	top: 60px;
	left: 30px;
}

.n-decision .n-connect.n-branchb {
	top: 100px;
	left: 110px;
}
.n-action .n-connect {
	top: 95px;
	left: 45px;
}

.x-flow-container {
padding: 5px;
margin: 5px;
color: black;
}
.x-flowstage-title {
width: 100%;
font-weight: bold;
height: 31px;
font-size: 13px;
background-color: #cccccc;
}
.x-flowstage-title .x-flowstage-imgstart {
width: 10px;
height: 31px;
float: left;
background-image: url('../images/flow/flowtitle-start.png');
background-repeat: no-repeat;
}
.x-flowstage-title .x-flowstage-imgend {
width: 10px;
height: 31px;
float: right;
background-image: url('../images/flow/flowtitle-end.png');
background-repeat: no-repeat;
}
.x-flowstage-title-complete .x-flowstage-imgstart {
background-image: url('../images/flow/flowtitle-complete-start.png');
}
.x-flowstage-title-complete .x-flowstage-imgend {
background-image: url('../images/flow/flowtitle-complete-end.png');
}
.x-flowstage-title-active .x-flowstage-imgstart {
background-image: url('../images/flow/flowtitle-active-start.png');
}
.x-flowstage-title-active .x-flowstage-imgend {
background-image: url('../images/flow/flowtitle-active-end.png');
}
.x-flowstage-title-text {
padding-left: 20px;
padding-top: 7px;
}
.x-flowstage-title-active {
background-color: #ffb700;
}
.x-flowstage-title-complete {
background-color: #059959;
color: white;
background: url('../images/flow/flowtitle-complete-checkmark.png') #059959 no-repeat 15px 5px;
}
.x-flowstage-title-complete .x-flowstage-title-text {
padding-left: 40px;

}
.x-flowstep {
padding-top: 5px;
padding-left: 25px;
height: 40px;
color: #999999;
}
.x-flowstep-active {
color: black;
font-weight: bold;	
}
.x-flowstep-complete {
background: url('../images/flow/checkmark.png') no-repeat 5px 7px;
color: black;
}
.x-flowstep-approved {
	background: url('../images/flow/checkmark.png') no-repeat 5px 7px;
	color: black;
}
.x-flowstep-declined {
	background: url('../images/flow/xmark.png') no-repeat 5px 7px;
	color: black;
}
.x-flowstep-text {
padding-top: 2px;
overflow: hidden;
}
.x-flowstep-additem {
padding-top: 5px;
cursor: pointer;
}
.x-flowstep-approve {
background-color: #019c59
}
.x-flowstep-decline {
background-color: #da4531
}
.x-flowstep-notes-button {
background-color: #ffb700
}
.x-flowstep-notes-item {
	float:right;
	min-width:16px;
	height:16px;
	background-repeat:no-repeat;
	margin: 0 0 5px 0;
	cursor:pointer;
	overflow:hidden;
}
.x-ie .x-flowstep-notes-item {
	width:16px;
}
.x-ie .x-flowstep-notes-text {
	width:auto;
}
.x-flowstep-notes-item span {
	vertical-align:top;
	padding:0 0 0 20px;
	line-height:16px;
}
.x-ie .x-flowstep-notes-item span {
	width:auto;
}
.x-flowstep-notes-item-icon {
	background: url('../images/icons/note.png') no-repeat;
}
.n-ruler {
	background: #fafafa;
	color: #aaa;
	font-family: source code pro, "Arial Narrow", "Helvetica Neue", Helvetica, Arial, Veranda, sans-serif;
	font-size: 12px;
	line-height: 14px;
	overflow: hidden;
}

.n-ruler.n-horizontal {
	width: 100%;
	height: 18px;
	z-index: 9;
}

.n-horizontal .n-ruler-tick {
	position: absolute;
	bottom: 0px;
	width: 1px;
	background: #aaa;
}

.n-horizontal .n-ruler-tick-major {
	height: 6px;
}

.n-horizontal .n-ruler-tick-minor {
	height: 3px;
}

.n-vertical .n-ruler-tick {
	position: absolute;
	right: 0px;
	height: 1px;
	background: #aaa;
}
.n-vertical .n-ruler-tick-major {
	width: 6px;
}

.n-vertical .n-ruler-tick-minor {
	width: 3px;
}

.n-ruler-tick-label {
	text-indent: 2px;
}
.n-flowouterct > .x-panel-body {
	border-top: 1px solid #aaa !important;
	border-left: 1px solid #aaa !important;
}

.n-vertical .n-ruler-tick-label {
	display: block;
	position: absolute;
	
	top: 2px;
	right: 2px;
	margin-right: 18px;
	
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-ms-transform-origin: top right;
	-o-transform-origin: top right;
	transform-origin: top right;
}
.n-vertical .n-ruler-tick-label-line {
	width: 17px;
}
.n-ruler.n-vertical {
	min-height: 100%;
	width: 18px;
	z-index: 9;
}