@import url('jquery/jquery-ui.css');
@import url('jquery/jquery.colorpicker.css');

/* keep line above first or css will not be loaded                                                                                                         
  After getting new version of theme from theme rollover - change .ui-widget font size to 12px
  and font size for two lines below to 12px.
  
  Change .ui-datepicker width to 18em to fit.
*/

/*
  CRM GREEN CUSTOM SETTINGS
  DO NOT CHANGE FORMAT BETWEEN 'CRM SETTINGS' TAGS
  [CRM SETTINGS]
    [INITIALIZATION]
      //theme file version
      VERSION = 1.0
    [COLORS DEFINITION]
      //wsEmailclient
      COLORCAPTIONBLUE=#4D4F53
      //TSearchEntryGroup.GetEditHtmlFromContent
      COLORHRBLUE=#BDBDB8
      //JSCalendar, WSEmailClient, WsScheduler
      COLORGRAYEDITBACKROUND=#F2F2F2
      //WebObject - hInvisibleNotifyTable
      COLORINVISIBLEBEIGEBORDER=#FFFFFF;
      //WebObject, WsCoachingCaptions
      COLORNOTIFYTABLEBORDER=#FFFFFF
      //WebTriPage
      COLORLIGHTNAVY=navy 
    // COLORLIGHTNAVY controls the calendar date/time colour, changed from #003B72, 20-01-09
      //JSCalendar
    //controls pop-up calendar background title colour
      COLORACCPACBLUE=#B3B3B3
    //controls calendar today background
    COLOR_TODAY_BCKGRND=#B3B3B3
      //WebTriPage
      COLORDARKGREY=#324350 dark grey/blue
      //TabOn - WebTriPage
      COLORTABON=#FFFFFF
      //TabOff - WebTriPage
      COLORTABOFF=#008469 controls the New/Email top tab colour
      //TabOn - custom pages
      COLORVERTICALTABON=#006633
      //Background - WebTriPage
      COLORBCKGRND=#FFFFFF 
      //TeWareReportBlock
      COLOR_RB_ODD=#F2F2F2
      //TeWareReportBlock
      COLOR_RB_EVEN=#DEDEE7
      //WsEmailClient - border
      COLOR_EC_BORDER=#F2F2F2
      //WsReportBrowser - Value Background
      COLOR_RB_VALBCK=#F2F2F2
      //Meeting planner
      COLOR_MP_OUTOFHOURS = gainsboro
      COLOR_MP_CONFLICT = firebrick
      COLOR_MP_MARK = navy
      COLOR_MP_BUSY = gray
      COLOR_MP_HOURLINE = darkgray
      COLOR_MP_HALFHOURLINE = silver
      COLOR_MP_QUARTERHOURLINE = lightgrey        
      COLOR_FRAMEEMAILBORDERCOLOR=#BDBDB8
     [TABS]
   TAB_SPACE_WIDTH=1px
   TAB_OFF_LEFT_WIDTH=3px
   TAB_OFF_RIGHT_WIDTH=3px
   TAB_ON_LEFT_WIDTH=3px
   TAB_ON_RIGHT_WIDTH=3px
    [FONTS]
      //WrbTriPage, WsEmailClient
      FONTFAMILY=MS P-Mincho
      FONTFAMILYGENERAL=Tahoma,Arial
      FONTSIZE12=12px
      FONTSIZE11=11px
      FONTSIZE10=10px
[REPORTS]
//font family is not editable
  COLUMN_HEADER_STYLE=background-color="#B3B3B3" border-color="black" border-style="solid" border-width="1px" color="white" font-size="8px" font-weight="bold" padding-left="1px" padding-right="1px"   
  DETAIL_STYLE=border-color="black" border-style="solid" border-width="1px" color="black" font-size="8px" padding-left="1px" padding-right="1px" text-decoration="none" vertical-align="top"
  GROUP_HEADER_STYLE=border-color="black" border-style="solid" border-width="1px" color="black" font-size="8px" font-weight="bold" padding-left="1px" padding-right="1px" text-decoration="none" vertical-align="top"
  GROUP_FOOTER_STYLE=background-color="white" border-color="black" border-style="solid" border-width="1px" color="grey" font-size="8px" font-weight="bold" padding-left="1px" padding-right="1px"
  HEADER_FOOTER_STYLE=background-color="white" color="grey" font-size="6px"
  SUMMARY_STYLE=background-color="white" border-color="black" border-style="solid" border-width="1px" color="grey" font-size="10px" font-weight="bold" padding-left="1px" padding-right="1px"
  TITLE_STYLE=background-color="white" color="black" font-size="16px" font-weight="bold"      
  CAPTION_STYLE=font-size="11px" font-weight="bold" color="black"
  VALUE_STYLE=background-color="#F2F2F2" font-size="11px" color="black"
  MAIN_TITLE_STYLE=background-color="white" color="black" font-size="16px" font-weight="bold" border-bottom-style="solid" border-bottom-width="thin"
     [LOCATION_NAME]
      //theme directory location
      THEME_LOCATION_NAME=ergonomic
     [DIV_SIZES]
   EWARE_HISTORY_HEIGHT=70
  [CRM SETTINGS]
  
*/

@font-face {
  font-family: "adelle-sans-sage-thin";
  src: url("Fonts/AdelleSansSage-Thin.ttf");
}

.Waiting {cusror:wait}

.nowrap {white-space: nowrap;}
.MENUBODY {
    background: url(img/ergonomic/backgrounds/MenuVerticalLine.gif) repeat-y right #FFF;
    overflow: hidden;
}

.Splash {
    vertical-align: middle;
}
/*
.RECENTBODY {
    background: url(img/ergonomic/backgrounds/TabOffRepeat.gif) repeat-x top;
}

.RECENTTABOFFRIGHT {
    background: url(img/ergonomic/backgrounds/TabOffRight.gif) no-repeat top #c1d59f;
    color: #FFF;
    height: 30px;
    min-width: 3px;
    width: 3px;
}
*/
.LOGINBACK {
    background: url(img/ergonomic/backgrounds/loginbackground.gif);
}

.LOGINBOX {
    background: #069;
}

.MENUITEMLINE {
    color: #FFF;
    text-align: center;
    text-decoration: none;
    font: 11px Tahoma,Arial;
}

.workflow {
    border-color: #bdbdb8;
    border-style: solid;
    border-width: 0;
    width: 100%;
}

.TOPRIGHTBODY {
    background: url(img/ergonomic/backgrounds/topright.jpg) no-repeat right center fixed;
}

.TOPBODY_OTL {
    background: url(img/ergonomic/logo/ewaretopleft.png) no-repeat left center fixed #f2f2f2;
}

.TOPHEADING {
    color: #4d4f53;
    text-decoration: none;
    font: none 11px Tahoma,Arial;
  vertical-align: top;
/*  padding-top: 15px;*/
}

.RECENTTEXT {
    color: #4d4f53;
    cursor: pointer;
    height: 30px;
    text-align: center;
    font: 11px Tahoma,Arial;
  display: none;
}

.VIEWTODAYBUTTON {
    border-bottom: 0 solid #9f9f9f;
    border-top: 0 solid #BBB;
    height: 18px;
    position: relative;
}
.ViewTodayButton {
    background-color: #fff;
    border: 1px solid #74756e;
    display: inline-block;
    color: #2b2421;
    font-family: Arial;
    font-size: 13px;
    text-shadow: 1px 1px 0px #ffffff;
    padding: 1px 5px 0px 5px;
    white-space: inherit;
    border-collapse: collapse;
    overflow-x: auto;
    overflow-y: hidden;
    height: 16px;
  margin-top: 1px;
}

.ViewTodayButton:hover {
  background: #e0e1dd;
}
img[src*="ViewTodayRight.gif"] {
    display: none;
}
img[src*="ViewTodayLeft.gif"] {
    display: none;
}

.SplashImg #SplashImgContainer {
  position: relative;
}

.SplashImg img {
  display: block;
  max-width: 60%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.SplashImg #SplashImgText {
  text-align: center;
  max-width: 60%;
  font-family: adelle-sans-sage-thin, Foco, Arial, sans-serif;
  position: relative;
  top: 50%;
  left: 60%;
  transform: translate(-46%, -150%);
  color: white;
  font-size: 2.3vw;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

td.topsubheading {
    text-align: left;
    text-decoration: none;
    font: none 11px Tahoma,Arial;
}

td.topsubheading span.topvalue {
    color: #4d4f53;
    text-decoration: none;
    font: 400 11px Tahoma,Arial;
}

td.topsubheading span.toparrow {
    color: #4d4f53;
    font-size: 11px;
}

.TOPSELECTUSER,.TOPSELECTCHANNEL {
    background: #FFF;
    color: #4d4f53;
    font: 700 11px Tahoma,Arial;
  /*margin-top: 4px;  */
}

.TABLEHEAD,.TABLEHEADNOBACK {
    color: #4d4f53;
    text-decoration: none;
    font: 700 12px Tahoma,Arial;
  /*background: #fff; */
}

.TABLEHEADCURRENCY {
    background: #FFF;
    color: #4d4f53;
    text-decoration: none;
    font: 700 12px Tahoma,Arial;
}

.TABLEHEAD2 {
    background: #e6e6e6;
    color: #4d4f53;
}

.TABLEHEAD3 {
    background: #f2f2f2;
    color: #4d4f53;
    text-decoration: none;
    font: 700 12px Tahoma,Arial;
}

.TABLEHEADBLANK {
    text-decoration: none;
    font: 10px Tahoma,Arial;
}

.GRIDHEAD,.GRIDHEADLINK {
    background: #9a9b9c;
    color: #FFF;
    height: 27px;
    padding: 0 7px;
    white-space: nowrap;
    font: 500 13px Arial;
}

.GRIDHEAD {
    border-top: 3px solid #FFF;
    border-left: none;
    border-right: 1px solid #dadada;
    padding: 0 0 0 7px!important;
}


.SIMPLEGRIDBOLD,.SIMPLEGRIDCONTENT {
    background: #fff;
    font: 11px Arial;
}

.SIMPLEGRIDBOLD {
    color: #6795c3;
    font-weight: 700;
    padding: 10px!important;
    vertical-align: top;
}

.SIMPLEGRIDCONTENT {
    color: #4d4f53;
    vlink: #FF0;
}

.reprow1,.reprow2 {
    color: #4d4f53;
    vertical-align: top;
    font: light 11px Tahoma,Arial;
}

.reprow1 {
    background: #fff;
    border: 1px solid #FFF;
}

.reprow2 {
    background: #EBEDEF;
    border: 1px solid #FFF;
}

.VIEWBOX,.ViewBoxBG {
    color: #2b2421;
    font: lighter 13px Arial;
}

.VIEWBOX {
    background: #fff;
    vlink: #FF0;
  line-height: 1.5;
}

.VIEWBOX2 {
    background: #e6e6e6;
    color: #000;
    font: light 11px Tahoma,Arial;
}

.ViewBoxBG {
    background: url(img/ergonomic/backgrounds/accpacwhite.gif);
    vlink: #FF0;
}

.VIEWBOXCAPTION {
    color: #2b2421;
    text-align: left;
    font: 700 13px Arial!important;
  border-color: #fff;
}

.EDIT {
    background: #FFF;
    border: 1px solid #ccc;
    font: 13px Arial;
  
}
/*Top margin for fields on search screen*/
.VIEWBOX .EDIT, .SEARCHBODY table, .SmallHelpImage,.VIEWBOXCAPTION .EDIT  {
  margin-top: 4px;
}
.VIEWBOX >.EDIT  {
  white-space: nowrap;
}

.SEARCHBODY >.EDIT {
  margin-top: 4px;
}
.VIEWBOXCAPTION input[type="checkbox"] {
  margin-top: 4px;
}

#pCheckbox {
  margin-top: 3px;
}

.GRAYEDEDIT {
    background: #FFF;
  border: 1px solid #ccc;
    font: 13px Arial;
    color: gray;
}

.MOSTRECENT {
    background: #FFF;
    font: 11px Tahoma,Arial;
    color: #4d4f53;
    width: 95px;
}

.NEWPOPUP,.RECENTPOPUP {
    background: #f2f2f2;
    left: expression(document.body.scrollLeft);
    position: absolute;
    top: expression(document.body.scrollTop);
    visibility: hidden;
    z-index: 1001;
    font: 11px Tahoma,Arial;
}

.NEWPOPUP {
    color: #FFF;
    width: 170px;
}

.RECENTPOPUP {
    width: 260px;
}

.RECENTITEM {
    text-decoration: none;
  font: 12px Arial, Helvetica;
  padding: 0x;
  border: 1px solid #f0f0f0 
}
a.RECENTITEM{
  display:block;
  padding: 10px;
}
.RECENTHEAD {
    text-decoration: none;
    font: Arial, Helvetica, sans-serif;
}
.RecentSubHead{
    background: #f0f0f0;
    color: black; 
    height: 30px;
    padding: 0 0px;
    white-space: nowrap;
    font: 700 14px Arial, Helvetica;    
    border: 1px solid #f0f0f0;
}

.RecentClear{
    color: black; 
    font: 700 12px Arial, Helvetica;
  text-decoration: underline;
}

.RecentSubHead img {
    width: 25px;
  height: 25px;
  margin-left:-5px; 
}

td.RecentSubHead{
  background-image: url(img/ergonomic/arrowhover.png);
    background-repeat: no-repeat;
    background-position: center right;
  background-size: 15px 15px ;  
  background-position:94% 
}
td.RecentSubHeadOpen{
  background: #f0f0f0;
    color: black; 
    height: 30px;
    padding: 0 0px;
    white-space: nowrap;
    font: 700 14px Arial, Helvetica;    
    border: 1px solid #f0f0f0;
  background-image: url(img/ergonomic/arrow.png);
    background-repeat: no-repeat;
    background-position: center right;
  background-size: 15px 15px ;  
  background-position:94%;
}

.MENUPOPUPITEM {
    text-decoration: none;    
    font: 400 13px Arial,Helvetica,sans-serif;
  color: #4d4f53;
/*  display:inline-block;
  vertical-align:bottom;
  valign:bottom;*/
}

.MENUPOPUPITEM  img{
  /*padding: 4px;
  padding-top: 0px;
  padding-bottom: 9px;*/
}

/* container-only table */
table.NOBORDERS {
  margin: 0;
  padding: 0;
  border: none;
  border-spacing: 0;
}

.RECENTHEAD {
    color: #FFF;
    font-weight: 700;
}

.COMPANYPOPUP,.ZOOMPOPUP {
    position: absolute;
    visibility: hidden;
    font: 11px Tahoma,Arial;
}

.COMPANYPOPUP {
    background: #f2f2f2;
    color: #FFF;
    left: 490px;
    top: 100px;
    width: 275px;
}

.ZOOMPOPUP {
    background: #FFF;
    color: blue;
    left: 45px;
    top: 20px;
    width: 150px;
}

.ZOOMPOPUP0 {
    left: 0;
    overflow: auto;
    position: relative;
    top: 0;
    visibility: visible;
    width: 150px;
}

.ZOOMPOPUP1,.ZOOMPOPUP2,.ZOOMPOPUP2A {
    color: #003b72;
    left: 0;
    overflow: auto;
    position: relative;
    top: 0;
    visibility: visible;
    width: 300px;
    font: 11px Tahoma,Arial;
}

.ZOOMPOPUP4 {
    width: 840px;
}

.ZOOMHEADING {
    color: #003b72;
    vertical-align: top;
    font: 700 14px Tahoma,Arial;
}

.MOSTRECENTPOPUP {
    background: #FFF;
    color: #003b72;
    width: 295px;
    font: 11px Tahoma,Arial;
}

.TABTITLE {
    font-color: #FFF;
    text-decoration: none;
    font: 700 12px Tahoma,Arial;
}

.TABDIV {
    font-size: 12px;
      color: #a8a8a8;
    background: #fff;
      margin: 0px 0 0 10px;
      border-bottom: 4px solid #dcdddb;
      box-sizing: border-box;
      float: inherit;
      font-family: Tahoma,Arial;
      height: 30px;
      padding-left: 20px !important;
      padding-right: 5px;
      position: relative;
      min-width: 100%;
}
#TabDivHeader{
  cursor: default;
  height: 43px;
}
#TabsPlaceHolderDiv {
    font-size: 12px;
    color: #a8a8a8;
    background: #fff;
    border-bottom: 4px solid #dcdddb;
    box-sizing: border-box;
    float: inherit;
    font-family: Tahoma,Arial;
    padding-left: 27px;
    padding-right: 5px;
    position: absolute;
    min-width: 100%;
}

.TABDIV table tbody td {
  display: inline-block;
}

.TABON,.TABOFF {
    cursor: pointer;
  color: #2b2421;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
    height: 29px;
  padding: 12px 0px 10px 0px;

}

.TABOFF,.VERTICALTAB,.TABONLEFT,.TABONRIGHT,.TABOFFLEFT,.TABOFFRIGHT,.TABDIV {
    height: auto;
}

.TABON {
    background: none;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
  border-bottom: solid #38c72a;
}

.TABOFF {
    text-align: center;
    text-decoration: none;
    border-bottom: solid white;
    font-weight: 500;
}

a.TABOFF { 
  margin-left: 0px;
}

a.TABOFF img {
  display:none;
}
/*FY-972 Hide the first TABOFFLEFT or TABONLEFT to fix alignment issues*/
#TABDIVID > table > tbody > tr > td:nth-child(2) {
  display: none;
}

.VERTICALTAB {
    background: none;
  display: none;
}
.SecurityImage {
  display: none;
}

.ROWGap {
    font: 11px Tahoma,Arial;
}
.Button,.WFBUTTON {
    font: 13px Tahoma,Arial;
}


.Button {
    font-weight: 700;
    padding-left: 4px;
}
.HyperLinkImage {
  margin-top: 2px;
}

.WFBUTTON {
    font-weight: normal;
    padding-left: 2px;
    text-decoration: none;
}

.WFBUTTON img{
    padding-left: 2px;    
}

.ButtonItem,.FilterButtonItem {
    cursor: pointer;
    font: 11px Tahoma,Arial;
}

.FilterIconClass {
    display: none;
}

.DashboardButtonsField {
    border-color: #bdbdb8;
    border-style: solid;
    border-width: 1px;
    margin-left: 0;
    padding: 2px 2px 2px 0;
    background: #f2f2f2;
}

.DashBoard {
    background: url(img/ergonomic/backgrounds/dashboardwhite.gif);
    font-size: 1px;
}

.DashHead {
    background: #b3b3b3;
    color: #FFF;
    height: 25px;
    text-align: center;
    font: 700 16px Tahoma,Arial;
}

.DashPanel {
    background: url(img/ergonomic/backgrounds/dashpanelbackground.gif);
    text-align: left;
}

.DashPH {
    background: #d3d3d3;
    color: #4d4f53;
    text-align: center;
    font: 700 11px Tahoma,Arial;
}

.DashPanTab {
    background: url(img/ergonomic/backgrounds/dashpanelbackground.gif);
    border-bottom: solid #d3d3d3 1px;
    border-left: solid #d3d3d3 1px;
    border-right: solid #d3d3d3 1px;
    text-align: left;
}

.DDFIELDSTABLE {
    border-bottom: solid 1px #6795c3;
    border-left: solid 1px #6795c3;
    border-right: solid 1px #6795c3;
    border-top: solid 1px #6795c3;
}

.Notification {
    color: #4d4f53;
    text-decoration: underline;
    font: 11px Tahoma,Arial;
}

.NotificationSel {
    border-color: #d3d3d3;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: #4d4f53;
    display: none;
    height: 100px;
    position: absolute;
    width: 110px;
    overflow: hidden scroll;
    font: 11px Tahoma,Arial;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-top: -5px;
}

.SmallButtonItem,SMALLBUTTONITEMGO {
    text-decoration: none;
    font: 700 13px Tahoma,Arial;
}

.SMALLBUTTONITEMGO {
    color: #FFF;
}

.CalContent {
    background: #FFF;
    border-width: 1pt;
}


.CONTENT_LPADDING {
    background: #e6e6e6;
    padding-left: 4px;
}

.EDITLIST {
    background: #e6e6e6;
    color: #363;
    font: 700 11px Tahoma,Arial;
}

.ErrorContent,.InfoContent {
    color: #a94442;
    font: 400 13px Arial;
    /*margin-bottom: 10px;*/
    padding: 3px 0 3px 10px;
    text-align: left;
    text-decoration: none;
}

.ErrorContent {
    background: #f2dede;
    padding: 10px;
}

.InfoContent {
    background: #fcf8e3;
    color: #8a6d3b;
    font: 13px Arial;
    /*margin-top: 10px;*/
    padding: 3px 0 3px 10px;
    text-align: left;
}

.CALENDARITEM,.OTLCALENDARTDEMPTY {
    background: #FFF;
    border: 1px;
    border-color: #FFF #e0e0e0 #e0e0e0 #FFF;
    border-style: solid;
    text-align: left;
    text-decoration: none;
    font: 11px Tahoma,Arial;
}

.CalendarAddButton {
    background: none repeat scroll 0 0 #9a9b9c;
    color: #ffffff;
    cursor: default;
    padding: 2px 10px;
    white-space: nowrap;
}

.OTLCALENDARTDCURRTIMEEMPTY,.OTLCALENDARTDFILLED,.OTLCALENDARTDCURRTIMEFILLED,.OTLCALENDARTDTIME,.OTLCALENDARTDCURRTIMETIME {
    border: 1px;
    border-color: #FFF #e0e0e0 #e0e0e0 #FFF;
    border-style: solid;
    text-align: left;
    text-decoration: none;
    font: 11px Tahoma,Arial;
}

.OTLCALENDARTDCURRTIMEEMPTY {
    background: #d3d3d3;
}

.OTLCALENDARTDFILLED {
    background: #FFF;
    vertical-align: top;
}

.OTLCALENDARTDCURRTIMEFILLED {
    background: #d3d3d3;
    vertical-align: top;
}

.OTLCALENDARTDCURRTIMETIME {
    background: #dfdfdf;
}

.OTLCALENDARTR {
    height: 34px;
    background: #FFF;
}

.NOWCALENDARITEM {
    background: #e9e9e9;
    border: 1px;
    border-color: #FFF #e9e9e9 #e9e9e9 #FFF;
    border-style: solid;
    color: #4d4f53;
}

.NOWCALENDARITEMBOLD {
    color: #4d4f53;
    font-weight: 700;
}

.LATECALENDARITEM {
    background: #FFF;
    color: RED;
}

.CALENDARHEAD {
    background: #999;
    border: thin;
    color: #FFF;
    font: 700 11px Tahoma,Arial;
}

.CALENDARHEADING1 {
    /*background: url(img/ergonomic/buttons/viewtodaymiddle.gif) repeat-x 0 8px;*/
    color: #4d4f53;
    font: 11px Tahoma,Arial;
}

.CALENDARLISTBG {
    border-right: 10px solid #fff;
    padding: 10px 2px 0!important;
}

.addbutton {
    color: RED;
    font: 11px Tahoma,Arial;
}

.CustomList {
    background: #dfdfdf;
    color: #4d4f53;
    font: 12px Arial;
}

.ReportSelections {
    background: #FFF;
    color: #4d4f53;
    width: 250px;
    font: 11px Tahoma,Arial;
}

.fly {
    color: #00F;
    position: absolute;
    visibility: hidden;
    z-index: 2;
    font: 24px Arial;
}

.DiagonalText {
    color: #4d4f53;
    position: absolute;
    visibility: hidden;
    font: 11px Tahoma,Arial;
}

.GRAYEDTEXT {
    background: #f2f2f2;
    color: gray;
    font: 700 11px Tahoma,Arial;
}

.VIEWRULE,.VIEWSTATE {
    background: #fff;
    font: 700 11px Tahoma,Arial;
}

.VIEWRULE {
    color: #338433;
}

.VIEWSTATE {
    color: #331233;
}

img.VIEWRULELINE {
  vertical-align: top;
  height: 3px;
  width: 200%;
}

td.VIEWRULELINE {
  overflow: hidden;
}



.EDITBUTTON {
    border: solid;
    border-style: outset;
    border-width: thin;
    color: #FFF;
    cursor: default;
    padding: 2px;
    background: #008469;
}

.PANELEFTCORNER {
    background: url(img/ergonomic/backgrounds/paneleftcorner.jpg) no-repeat bottom;
}

.PANEREPEAT {
    background: none;
    color: #4d4f53;
    display: table-cell!important;
    padding: 5px 0;
    font: 700 15px Arial;
}
a.PANEREPEAT {
  padding: 0;
}

.SurveyContent {
    color: #4d4f53;
    margin-left: 3px;
    margin-top: 14px;
    background: #f2f2f2;
}

.PANERIGHTCORNER {
    background: url(img/ergonomic/backgrounds/panerightcorner.gif) no-repeat bottom;
}

.TABLETOPBORDER {
    color: #4d4f53;
    text-decoration: none;
    font: 700 12px Tahoma,Arial;
}
#CoachingDiv .TABLEBORDERBOTTOM {
  background: #ebedef;
}
#StandardForm .TABLEBORDERBOTTOM,#StandardForm .TABLEBORDERLEFT,#StandardForm .TABLEBORDERRIGHT {
  background: white;
  padding: 1px;
  height: 1.5px;
}
#ewareHiddenTable {
  visibility: hidden;
}

.WEBLINK,.EMAILLINK {
    color: navy;
    font: 11px Arial;
}

.CalHeading {
    color: #4d4f53;
    text-decoration: none;
    font: 700 14px Tahoma,Arial;
}

.InstallHeader,.InstallExplanation,.InstallSteps {
    color: #4d4f53;
    font-family: Tahoma,Arial;
    text-decoration: none;
}

.InstallExplanation {
    font-size: 11px;
}

.AdminHeader,.AdminHomeName,.AdminHomeDescription,.AdminHeaderDesc,.AdminMedium {
    font-family: Tahoma,Arial;
    text-decoration: none;
}

.AdminHeader {
    color: #4d4f53;
    font-size: 14px;
    font-weight: 700;
}

.AdminHomeName {
    color: #4d4f53;
    font-size: 12px;
    font-weight: 700;
}

.AdminHomeDescription {
    color: #4d4f53;
    font-size: 11px;
    font-weight: 400;
}

.AdminHeaderDesc {
    color: #4d4f53;
    font-size: 11px;
    font-style: none;
}

.AdminMedium {
    color: #4d4f53;
    font-size: 11px;
    font-weight: 700;
}

.BLOCKTITLE {
    background: #FFF;
    color: #003b72;
    text-decoration: none;
    font: 700 12px Tahoma,Arial;
}

.SearchSelectTied,.SearchSelectText,.SearchSelectTextR,.SearchSelectPopup {
    cursor: pointer;
    font-family: Tahoma,Arial;
    text-decoration: none;
    width: 99%;
}

.SearchSelectTied,.SearchSelectPopup {
    border-color: #bdbdb8;
}

.SearchSelectTied {
    background: #fff;
    border-style: solid;
    border-width: 1px;
    color: #003b72;
    font-size: 13px;
    height: 100%;    
    overflow: auto;
}

.SearchSelectText {
    background: #f2f2f2;
    color: #4d4f53;
    font-size: 11px;
}

.SearchSelectTextR {
    background: #316ac5;
    color: #FFF;
    font-size: 11px;
}
/*
body.NewUI .SearchSelectTied {
    border: none;
}

body.NewUI .SearchSelectText {
    background: #FFF;
    border: none;
    display: inline-block;
    font: 13px Arial;
    padding: 4px 0;
}

body.NewUI .SearchSelectText:hover,body.NewUI .SearchSelectTextR {
    background: #f1f1f1;
    border: none;
    color: #666;
    display: inline-block;
    font: 13px Arial;
    padding: 4px 0;
}

body.NewUI div {
    margin: 0!important;
}
*/
.SearchSelectPopup {
    background: #FFF;
    border-style: solid;
    border-width: 1px;
    color: #4d4f53;
    font-size: 9px;
    height: 90%;
    overflow: hidden auto;
  overflow-x: hidden;
    overflow-y: auto; 
  padding: 0px 0px 10px;
    margin-top:-25px;
}
.DashboardTitle {
    padding-bottom: 2px;
    padding-left: 15px;
    text-align: center;
}

.DashboardColumn {
    background: #b3b3b3;
    color: #FFF;
    font: 700 11px Tahoma,Arial;
}

.DashboardContentBorder,.DashboardEditBorder {
    border-color: #bcbdb8;
    border-style: solid;
    border-width: 1px;
}

.DashboardContentBorder {
    background: #f2f2f2;
    color: #4d4f53;
    text-align: left;
    text-decoration: none;
    font: 11px Tahoma,Arial;
}

.DashboardEditBorder {
    padding: 10px;
    width: 100%;
}

.DashboardContentHeader {
    color: #4d4f53;
    margin-bottom: 5px;
}

.DashboardContentItem {
    background: #f2f2f2;
    color: #4d4f53;
}

.DashboardContentList {
    background: #FFF;
    color: #4d4f53;
}

.DashboardCalendarDate,.DashboardCalendarTime {
    color: #4d4f53;
    text-align: left;
    text-decoration: underline;
    font: 11px Tahoma,Arial;
}

.DashboardCalendarTime {
    font-weight: 500;
}

.DashboardShowAll {
    color: blue;
    text-decoration: underline;
    font: 700 11px Tahoma,Arial;
}

.TOMREPEAT {
    background: url(img/backgrounds/panerepeat.jpg) repeat-x top;
    color: #003b72;
    text-decoration: none;
    font: 700 12px Tahoma,Arial;
}

.EmptyBlock {
    background: #f2f2f2;
    height: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

.FullBlock {
    border-color: #bdbdb8;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 5px;
    background: #f2f2f2;
}

.CoachingCaptionInlineLink {
    color: #003b72;
    font: 700 11px Tahoma,Arial;
}

.CoachingCaptionTitle {
    background: #FFF;
    color: #003b72;
    text-align: left;
    text-decoration: none;
    font: 700 14px Tahoma,Arial;
}

.CoachingCaptionBody,.CoachingCaptionBody2 {
    background: #cceccc;
    border: 1px solid #cceccc;
    border-radius: 0;
    color: #3c763d;
    
    margin-top: 0px;
    padding: 5px 10px 5px 5px;
    text-align: left;
  font-size: 12px;
}

.CoachingCaptionBody {
    border-top-color: #b0c4de;
    border-top-style: solid;
    border-width: 1px;
    color: #003b72;
}

.CoachingCaptionBody2 {
    color: #4d4f53;
    font-weight: 400;
}

.KeywordTips {
    color: #4d4f53;
    text-decoration: none;
    font: 11px Tahoma,Arial;
}

.REShadowed {
    border-bottom: #000 0 solid;
    border-left: #000 0 solid;
    border-right: #000 0 solid;
    border-top: #000 0 solid;
    filter: shadow(color=#C4C4C4,direction=130);
    font: bold 11px Arial;
    padding: 2px 10px 10px;
    text-align: center;
    webkit-filter: shadow(color=#C4C4C4,direction=130);
}

.REBoxRow {
    color: #737373;
    font: bold 11px Arial;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background: #FFF;
}

.REBoxHead,.REBoxHeadRightCC1439,.REBoxHeadRightFF794A,.REBoxHeadRightFFBB54,.REBoxHeadRightCD9A05,.REBoxHeadRight94AB37,.REBoxHeadRight5F6D01,.REBoxHeadRight08A27F,.REBoxHeadRight037EE2,.REBoxHeadRight083FA2,.REBoxHeadRight9999CD,.REBoxHeadRight970F83,.REBoxHeadRightB7B7B7 {
    color: #FFF;
    padding: 2px 5px;
}

.REBoxHeadRightCC1439,.REBoxHeadRightFF794A,.REBoxHeadRightFFBB54,.REBoxHeadRightCD9A05,.REBoxHeadRight94AB37,.REBoxHeadRight5F6D01,.REBoxHeadRight08A27F,.REBoxHeadRight037EE2,.REBoxHeadRight083FA2,.REBoxHeadRight9999CD,.REBoxHeadRight970F83,.REBoxHeadRightB7B7B7 {
    background: no-repeat top right;
}

.REBoxHead {
    font: bold 11px Arial;
    text-align: left;
}

.REBoxHeadRightCC1439 {
    background: url(img/ergonomic/boxes/RelatedEntities/red.gif);
}

.REBoxHeadRightFF794A {
    background: url(img/ergonomic/boxes/RelatedEntities/orange.gif);
}

.REBoxHeadRightFFBB54 {
    background: url(img/ergonomic/boxes/RelatedEntities/yellow.gif);
}

.REBoxHeadRightCD9A05 {
    background: url(img/ergonomic/boxes/RelatedEntities/gold.gif);
}

.REBoxHeadRight94AB37 {
    background: url(img/ergonomic/boxes/RelatedEntities/lightgreen.gif);
}

.REBoxHeadRight5F6D01 {
    background: url(img/ergonomic/boxes/RelatedEntities/darkgreen.gif);
}

.REBoxHeadRight08A27F {
    background: url(img/ergonomic/boxes/RelatedEntities/jade.gif);
}

.REBoxHeadRight037EE2 {
    background: url(img/ergonomic/boxes/RelatedEntities/lightblue.gif);
}

.REBoxHeadRight083FA2 {
    background: url(img/ergonomic/boxes/RelatedEntities/darkblue.gif);
}

.REBoxHeadRight9999CD {
    background: url(img/ergonomic/boxes/RelatedEntities/violet.gif);
}

.REBoxHeadRight970F83 {
    background: url(img/ergonomic/boxes/RelatedEntities/purple.gif);
}

.REBoxHeadRightB7B7B7 {
    background: url(img/ergonomic/boxes/RelatedEntities/grey.gif);
}

.REBoxRowText {
    color: #737373;
    font: bold 11px Arial;
    text-decoration: none;
}

.REBoxHeadText {
    color: #FFF;
    cursor: default;
    font: bold 11px Arial;
    text-decoration: none;
}

.RESectionTitle {
    color: #737373;
    font: bold 14px Arial;
    text-decoration: none;
}
#RECENTTEXT{
  display: none;
}
.MAINMENUTEXTBODY {
  display: none;
}

.ADMINISTRATIONTEXTBODY {
  display: block !important;
}

.RECENTBODY tr {
  height: 0px;
}
.MAINMENUTEXTBODY,.ADMINISTRATIONTEXTBODY {
    background: #FFF;
    color: #4d4f53;
    cursor: pointer;
    text-decoration: none;
    width: 99px;
    font: 11px Tahoma,Arial;
}

.CAMPAIGNDETAILSTYLE1 {
    background: #e6e6e6;
    color: #4d4f53;
    vertical-align: top;
    font: 11px Tahoma,Arial;
}

.CAMPAIGNDETAILSTYLE2 {
    background: #f2f2f2;
    color: #4d4f53;
    vertical-align: top;
    font: 11px Tahoma,Arial;
}

.CAMPAIGNSUMMARYSTYLE {
    background: #999;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    color: #FFF;
    font: 700 11px Tahoma,Arial;
}

.CAMPAIGNTITLESTYLE {
    background: #999;
    color: #FFF;
    text-align: center;
    font: 700 11px Tahoma,Arial;
}

.QStextblock {
    background: #f2f2f2;
    color: #4d4f53;
    margin: 2px 12px 2px 8px;
    font: 700 11px Tahoma,Arial;
}

.QSdescriptionblock {
    color: #4d4f53;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 4px;
    font: none 11px Tahoma,Arial;
}

.QSlinkblock {
    color: #4d4f53;
    margin-right: 12px;
    margin-top: 4px;
    font: none 11px Tahoma,Arial;
}

.QSunderlineblock {
    background: #bdbdb8;
}

.TOPCORNER {
    background-color: #EBEDEF;
}

.MENUADMINTEXT {
    color: #4d4f53;
    cursor: pointer;
    text-align: center;
    font: 11px Tahoma,Arial;
}

.SurveyContentBody {
    color: #4d4f53;
    margin-left: 5px;
    text-decoration: none;
    font: 11px Tahoma,Arial;
}

.SurveyContentOptions {
    color: #4d4f53;
    font: 11px Tahoma,Arial;
}

.PIPE_SUMMARY {
    background: #fff;
    border-color: #bdbdb8;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
    font: 11px Tahoma,Arial;
  text-align: center;
  width: 110%;
}

.PIPE_SUMMARY_HEADER {
    color: #4d4f53;
    text-decoration: none;
    font: 700 11px Tahoma,Arial;
}

.WORKFLOWHEADER {
    color: #4d4f53;
    padding-left: 4px;
    text-decoration: none;
    font: 700 11px Tahoma,Arial;
}

.SHOWINFO {
    background: #FFF;
    color: #4d4f53;
    padding-left: 4px;
    text-decoration: none;
    font: 700 11px Tahoma,Arial;
}

.QSlinkblock A:hover {
    color: #4d4f53;
    text-decoration: underline;
    font: 700 11px Tahoma,Arial;
}

.SHOWINFOERROR {
    background: #f2f2f2;
    color: #4d4f53;
    cursor: pointer;
    padding-left: 4px;
    text-decoration: none;
    font: 700 11px Tahoma,Arial;
}

.ButtonGroup {
/*    background: #f2f2f2;*/
    color: #4d4f53;
    padding-left: 4px;
    text-decoration: none;
    width: 100%;
    font: 11px Tahoma,Arial;
}

.WorkflowGroup {
    border-color: #bdbdb8;
    border-style: solid;
    border-width: 0;
    margin-top: 20px;
    width: 100%;
}

.ID_LINK {
    color: navy;
    text-decoration: none;
    font: 11px Tahoma,Arial;
}

.REPORT_SEARCH_CONTENT {
    background: #fff;
    color: #4d4f53;
    text-decoration: none;
    font: 700 12px Tahoma,Arial;
}

.NOTIFICATIONANCHOR {
    color: #4d4f53;
    text-decoration: underline;
    white-space: nowrap;
    font: 11px Tahoma,Arial;
}

.TABLEHEAD4 {
    padding-right: 4px;
}

.TableHeadConflict {
    background: #FFF;
    color: #4d4f53;
    text-decoration: none;
    font: 700 12px Tahoma,Arial;
}

.Heading {
    color: #000;
    text-decoration: none;
    font: 700 12px Tahoma,Arial;
}

.overlay {
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    text-align: center;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1000;
    background: #000;
}

.modal {
    border: 1px solid #ccc;
    min-height: 50px;
    moz-border-radius: 6px;
    opacity: 1;
    padding: 15px;
    position: absolute;
    text-align: left;
    visibility: hidden;
    display: none;
    webkit-border-radius: 6px;
    width: 200px;
    z-index: 10000;
    background: #fff;
}
@media print {
   .modal {display: none;}
}

.modalGrid {
    border: 1px solid #ccc;
    min-height: 200px;
    moz-border-radius: 6px;
    opacity: 1;
    padding: 15px;
    position: absolute;
    text-align: left;
    visibility: hidden;
    webkit-border-radius: 6px;
    width: 600px;
    z-index: 10000;
    background: #fff;
}

.uploadFile {
    height: 200px;
    left: -300px;
    overflow: auto;
    width: 600px;
}

.dropbox {
    background: #fcfcfc;
    border: 2px dotted #ccc;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    color: #CCC;
    font-size: 18pt;
    font-weight: 700;
    height: auto;
    margin-bottom: 15px;
    margin-top: 15px !important;
    padding: 0 10px;
    width: 155px !important;
}

.dropZoneImage {
    cursor: default;
    float: left;
    height: 30px;
    margin: 13px 9px 13px 3px !important;
    width: 30px !important;
    background: url(img/ergonomic/icons/DragDrop30x30.gif); 
}

.dropZoneText {
    font: 400 13px/26px Arial,Tahoma;
  margin-top: 2px !important;
  /* padding-right: 10px; */
  color: #2e2e2e;
  text-align: center;
}

.attachmentDiv {
    background: #FFF;
    border: 2px solid #ccc;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    color: #4d4f53;
    cursor: default;
    display: none;
    left: 0;
    margin-bottom: 10px;
    margin-top: 10px;
    max-height: 200px;
    overflow: auto;
    padding: 15px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 400px;
    font: 400 11px Tahoma,Arial;
}

.splitterObjectstyle {
    background: #000;
    color: #e6e7e7;
    cursor: s-resize;
    height: 1px;
    width: 100%;
}

.gwt_top_frame {
    height: 38px;
}

.gwt_main {
    height: 100%;
    width: 100%;
}

#COLSDIV {
    height: 100%;
    position: absolute;
    width: 100%;
    overflow: hidden;
}

#FIRSTSET {
    float: left;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 135px;
/*  top: 135px;
  position: absolute;
  border-top: 1px solid #f0f0f0;*/
  border-bottom: 1px solid #f0f0f0;
  
  background-color: #f6f6f6;
  
  /*  display:none;
    visibility:hidden; */
}

#EWARE_LOGO {
    height: 70px;
}

#EWARE_HISTORY {
  display: none;
    height: 34px !important;
  padding-top: 10px;
}

#EWARE_WKTAB {
  background: #fff;
  border-bottom: 4px solid #dcdddb;
  padding-bottom: 0px;
}
#EWARE_WKTAB:hover {
  cursor: default;
}

#SECONDSET {
    margin: 0 0 0 0px;
    zoom: 1;
  background: #EBEDEF;
}

#EWARE_TOP {
    min-height: 72px;
    overflow: hidden;
    zoom: 1;
}

html,body {
    height: 100%;
    margin: 0;
    overflow-y: hidden;
    padding: 0;
    width: 100%;
}

#EWARE_MID {
    overflow: auto !important;
    webkit-overflow-scrolling: touch;
    zoom: 1;
}

#EWARE_HIDDEN {
    border: 3px solid #fff;
    box-shadow: inner 0 0 5px #888;
    margin: 0 180px 80px 17px;
    overflow: auto;
    padding: 5px 10px 10px 0px;
    webkit-box-shadow: inset 0 0 5px;
    background: #ebedef;
}
#main-menu-CTI #btnCTI {
  display: none;
}

#MergeProgress td.TABLEBORDERRIGHT {
  display: none;
}
#MergeProgress td.TABLEBORDERLEFT {
  display: none;
}

div.selectBox {
    border-radius: 5px;
    clear: both;
    cursor: default;
    display: inline-block;
    line-height: 20px;
    text-align: left;
}

span.selected {
    background: #f6f6f6;
    border: 1px solid #ccc;
    border-bottom-left-radius: 5px;
    border-right: none;
    border-top-left-radius: 5px;
    color: #000;
    overflow: hidden;
    text-indent: 20px;
    font: 11px arial;
  height: 16px;
  padding-top: 2px;
}

span.selectArrow {
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-bottom-right-radius: 5px;
    border-left: none;
    border-top-right-radius: 5px;
    color: #000;
    font-size: 11px;
    khtml-user-select: none;
    moz-user-select: none;
    ms-user-select: none;
    o-user-select: none;
    text-align: center;
    user-select: none;
    webkit-user-select: none;
    width: 30px;
    height: 10px;
  padding-top: 8px;
}

span.selectArrow,span.selected {
    float: left;
    z-index: 1;
}

div.selectOptions {
    background: #f6f6f6;
    border: 1px solid #ccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
    left: 0;
    overflow: hidden;
    padding-top: 2px;
    position: absolute;
    top: 28px;
    width: 198px;
}

span.selectOption {
    background: #f5f5f5;
    display: block;
    line-height: 20px;
    padding: 5px 10%;
}

span.selectOption:hover {
    background: grey;
    color: #f6f6f6;
}

#NotificationCountLabel {
    border-radius: 5px;
    float: left;
    khtml-border-radius: 5px;
    margin: 4px 0 0 5px;
    padding: 3px 0;
    text-align: center;
    width: 32px;
    background: #6d8d37;
}

#commActionLabel {
    color: #a9a9a9;
    text-decoration: none;
}

#commSubjectLabel {
    color: #000;
    text-decoration: none;
  display: block;
}

#NotificationsDiv {
    color: #fff;
    /*min-height: 28px;*/
    overflow-x: hidden;
    z-index: 1;
    background: #e3e1e1;
}

#dismissNotificationX {
    padding-left: 5px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    font: 11px arial;
}

notificationDetails {
    display: none;
    height: 100px;
    padding: 7px 7px 7px 15px;
    font: 16px arial;
}

#closeNotificationsButton {
    border-color: #d3d3d3;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    float: right;
    height: 30px;
    margin-bottom: 10px;
    margin-right: 8px;
    margin-top: 10px;
    width: 100px;
    font: 11px arial;
    background: #f5f5f5;
}

#NotificationTableId {
    display: none;
    width: 100%;
    z-index: 1;
}

#NotificationContent {
    margin-right: 0px;
}

.noOffsetTable {
    border-collapse: collapse;
    border-spacing: 0;
    margin-left: 0px;
}

.CtiRecognizedEntries {
    height: 75px;
    overflow: auto;
}

#CoachingDiv {
    margin-left: 0;
  display: inline-block;
  width:100%;
  padding: 0 20px;
    box-sizing: border-box;
}

.WebOutlook2007ActionFrame {
    border: 0;
    height: 480px;
    width: 100%;
}

#ieClearDiv {
    clear: both;
    height: 0;
    max-height: 0;
}

.BUY_NOW__BUYCAPTION {
    color: #333;
    display: block;
    padding: 10px;
    font: 12px/12px Arial,Helvetica,sans-serif;
}

.BUY_NOW__BUYCAPTION:hover {
    cursor: pointer;
}

.BUY_NOW__DAYS {
    color: #000;
    font: 25px Arial,Helvetica,sans-serif;
}

.BUY_NOW__BUYNOW {
    color: #689225;
    font-weight: 700;
}

.BUY_NOW__EDITION {
    color: #003619;
    font-weight: 700;
}

.screenEditLink {
    float: right;
    font-size: 12px;
    padding-right: 5px;
    padding-top: 5px;
}

body {
    background: #EBEDEF;
    color: #000;
    margin: 0;
    /* overflow: hidden auto; */
    font: 400 13px Arial,Helvetica,sans-serif;
}

body,html {
    height: 100%;
}

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.clearfix:before,.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.clrflt {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
}

.TABON, .TABOFF{
  height: 15px;
}

td[valign=TOP] {
    padding: 0 0 7px;
}

.CoachingCaptionBody2 td[valign=TOP] {
    display: none;
}
.CoachingCaptionBody2 td[nowrap=True] {
    display: inline;
}


.GridHeader .PanelCorners {
    display: none;
}


td.DashboardEditDeleteAllItems{
  display: inline !important;
}

.VIEWBOXCAPTION table.CONTENT {
    border: 10px solid #fff;
  border-width: 10px 10px 0 10px;
  background: #fff;
}

#fileTable {
  border-width: 10px 10px 10px 10px;
}

tr.PRICING_LIST {
    border: 1px solid #ccc;
}

.GRIDHEAD a,.GRIDHEADLINK a {
    padding: 0;
    text-decoration: underline;
}

table.fieldSecurity td.VIEWBOXCAPTION {
    border: 1px solid #FFF;
}

.sageBlue {
    background: #009fda;
    color: #fff;
    padding: 4px 7px;
    font: 700 13px Arial;
}

.discAmtValue {
    padding: 1px 7px 6px;
    font: 700 13px Arial;
}

table a,table a.EMAILLINK,a.WEBLINK, .MAPLINK {
    color: #34b233;
    font-size: 13px;
  line-height: 1.5;
}
td.FilterButtonItem {
    border-left: 3px solid #ebedef;
    border-right: 10px solid #ebedef;
    border-top: 18px solid #ebedef;
    min-width: 208px;
    padding: 0px;
    position: relative;
  padding-bottom: 20px;
}

table.product-currency-inner {
    border-collapse: collapse;
}

table.product-currency-inner span.ROW1,table.product-currency-inner span.ROW2 {
    margin-left: -26px;
}

table.EmbeddedProgress td {
    border: 0;
    vertical-align: top;
}

.CALENDARITEM,.NOWCALENDARITEM {
    padding: 7px;
}

.WEEKLYCALENDARITEM {
  white-space: nowrap;
  margin-left: 4px;
  padding-right: 5px;
}

.CALENDARITEMSPAN {
  white-space: nowrap;
  display: inline-block;
}

.CoachingCaptionBody li,.CoachingCaptionBody2 li {
    list-style: disc inside;
    margin-left: 5px;
    padding-left: 0;
}

a.FilterButtonItem {
    color: #fff;
    display: block;
    margin: 0 0 0 4px;
    padding: 3px 7px;
    background: #009fda;
}

a.ButtonItem.SEIcon.ReportList img {
    margin-left: 7px;
    margin-right: 4px;
}

.VIEWBOXCAPTION .er_buttonItem{
  width: 100%;
}

td.VIEWBOXCAPTION{
  display: table-cell !important;
}

.FilterButtonItem .EDIT{
  width: 140px;
}

.ui-datepicker .ui-datepicker-header{
  margin-top: 0px;
}

.FilterButtonItem select[name*=DateTime]{
  width: auto;
}

a.er_buttonItem{
  background-color: #fff;
    text-indent: 0;
    border: 1px solid #74756e;
    display: inline-block;
    color: #2b2421;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;    
    line-height: 27px;
    text-decoration: none;
    text-align: left;
    text-shadow: 1px 1px 0px #ffffff;
    padding: 0px 10px 0px 10px;
    position: relative;
  white-space: inherit;
  width: 140px;
  border-collapse: collapse;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap:break-word;
}
a.er_buttonItem:hover {
  background: #e0e1dd;
}
a.er_buttonItem:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

a.er_buttonItemImg{
  display :none;
  visibility:hidden;
}

a.er_SmallButtonItemImg{
  display :none;
  visibility:hidden;
}

a.er_SmallButtonItem{
  background-color: #f9f9f9;
    text-indent: 0;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    display: inline-block;
    color: #666666;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;    
    line-height: 27px;
    text-decoration: none;
    text-align: left;
    text-shadow: 1px 1px 0px #ffffff;
    padding: 0px 10px 0px 10px;
    position: relative;
  white-space: inherit;
  width: 120px;
  border-collapse: collapse;
}

.recent-arrow-up{
  width: 0;
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;  
  border-bottom: 6px solid #f0f0f0;
  margin-left: 188px;
  position: relative;
  padding-top: 15px;
}

.er_favorites-arrow-up{
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;  
  border-bottom: 6px solid #f0f0f0;
  margin-left: 138px;
  position: relative;
  padding-top: 19px;
}

.find-arrow-up{
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;  
  border-bottom: 6px solid #f0f0f0;
  margin-left: 88px;
  position: relative; 
  padding-top: 5px;
}

.new-arrow-up{
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;  
  border-bottom: 6px solid lightgrey;
  margin-left: 167px;
  padding-top: 4px;
  position: relative;
}

.profile-arrow-up{
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;  
  border-bottom: 6px solid #f0f0f0;
  margin-left: 6px;
  padding-top: 50px;
}

#hiddenShowPopupMenuDiv{
  background: transparent !important;
}

#RightButtonPanel{
  position: fixed;
}

.FilterButtonItem select[name=camp_startdate_relative]{
  width: auto;
  margin-top: 3px;
}

.FilterButtonItem select[name=camp_startdate_relative_option]{
  width: auto;
  margin-top: 3px;
}

.FilterButtonItem select[name=libr_userid]{
  width: auto;  
}

.FilterButtonItem input[name=libr_useridInput]{
  width: auto;
}

td[valign=TOP] .FilterButtonItem .hasDatepicker{
  width: auto;
}

td[valign=TOP] select[name=DateTimeModescamp_startdate]{
  width: auto;  
}

span[id*=_createdby] .EDIT{
  width: auto;
}

.ROW2 .er_buttonItem{
  display:none;
  visibility:hidden;
}

.ROW2 .er_buttonItemImg{
  color: black;
  cursor: pointer;
  font-family: Tahoma,Arial;
  font-size: 11px;
  text-decoration: none;
  display:inline;
  visibility:visible;
}

.er_transMode{
  float: right;
  position: absolute;   
}

.er_lookup{
  display: inline-block !important;
  width: 120px;
  margin-top:0px;
}

.assPopUpContent {
  position: relative;
  margin-top: 0px !important;
}

.SmallButtonItem{
  margin-top: 0px !important;
}
/*line up the To, CC, BCC on the email screen*/
#_Datacomm_to .SmallButtonItem , #_Datacomm_cc .SmallButtonItem , #_Datacomm_bcc .SmallButtonItem {
  vertical-align: top;
}
#_Datacomm_from #comm_from {
  margin-top: 4px;
  margin-bottom: 4px;
}
.label_for_cbdonotfileComm {
  vertical-align: bottom;
    line-height: 1.5;
}

/* RHu | SSD-2729 | Global XSS filter update */
#_DataXSSFilterElementList {
  display:block;
  width: 500px;
  word-wrap:break-word;
}

.ButtonGroup .ButtonItem{
  padding-bottom: 3px;
  padding-top: 3px;
}

.helpButton {
    background: url(../img/help-summary.png) 20px no-repeat center center!important;
    border-width: 0!important;
    margin-top: 2px!important;
    width: 23px;
    background-size: auto!important;
    background-color: transparent!important;
}

#hiddenShowPopupMenuDiv {
    border: none!important;
}

#hiddenShowPopupMenuDiv .SearchSelectText {
    background: #fff;
    color: #666;
    display: block;
    float: left;
    font: 13px Arial;
    text-decoration: none;
  padding: 5px;
  width: 80%;
}

#hiddenShowPopupMenuDiv .SearchSelectText:hover,#hiddenShowPopupMenuDiv .SearchSelectTextR {
    background: #f1f1f1;
    color: #666;
    display: block;
    float: left;
    font: 13px Arial;
    text-decoration: none;
  padding: 5px;
  width: 80%;
}

.admin-side-menu {
    background: #e7e7e7;
    font: 13px Arial;
    height: 100%;
    width: 218px;
}

.admin-side-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.admin-side-menu a {
    background: #828282;
    color: #FFF;
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    padding: 7px 0 7px 20px;
    text-decoration: none;
    width: 198px;
}

.admin-side-menu img {
    display: inline;
    height: 22px;
    left: -2px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    width: 22px;
}

.admin-side-menu a.selected {
    background: #34b233;
    color: #FFF;
}

.admin-side-menu a.selected:after {
    border-bottom: 7px solid transparent;
    border-right: 7px solid #FFF;
    border-top: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 6px;
}

.admin-side-menu a.level2.selected:after {
    border: none;
    border-bottom: 13px solid transparent;
    border-right: 13px solid #FFF;
    border-top: 13px solid transparent;
    content: "";
    display: none;
    position: absolute;
    right: 0;
    top: 12px;
}

.admin-side-menu .level1 {
    margin-bottom: 3px;
    padding: 10px 0 10px 17px;
    width: 201px;
}

.admin-side-menu .level2 {
    background: #e7e7e7;
    color: #000;
    padding: 17px 0 10px 17px;
    width: 201px;
}

.admin-side-menu a.level2.selected {
    background: #9a9b9c;
}

.admin-side-menu .level4 {
    background: #4d4f53;
    font-size: 12px;
    line-height: 10px;
}

.admin-side-menu .level5 {
    background: #40b7e3;
}

.admin-side-menu .level6 {
    background: #bfe7f6;
    color: #000;
}

span#_Datacomm_subject.VIEWBOXCAPTION input#comm_subject {
    height: 2em;
}
/******************************************
 * React Pipeline Chart
 ******************************************/
#PipelineDiv {
  margin-left: 0;
  display: inline-block;
  width:100%;
  padding: 0 20px;
  box-sizing: border-box;
}

#pipeline_chart {
}

#casecharttable, #leadcharttable, #opportunitycharttable {
  background: #FFFFFF;
}
 
#totalcase, #totallead, #totalopportunity {
    float: left;
    text-align: center;
    font: 40px arial;
}

#casechart, #leadchart, #opportunitychart {
    font-family: arial;
    max-width: 1000px;
    min-width: 750px;
}

.casesegment {
    color: #EAE9E9;
    float: left;
    font-size: 13px;
    height: 85px;
    margin-top: 2px;
    min-width: 80px;
    padding-top: 10px;
    text-align: center;
    width: 16%;
}

.casesegment:hover {
    opacity: .8;
}

#casesegment1 {
    background: #34b233;
}

#casesegment2 {
    background: #6639b7;
}

#casesegment3 {
    background: #009fda;
}

#casesegment4 {
    background: #ff5800;
}

#casesegment5 {
    background: #9a9b9c;
}

#casesegment6 {
    background: #007f64;
}

#casesegment7 {
    background: #4d4f53;
}

#casesegment8 {
    background: #ff2d55;
}

#casesegment9 {
    background: #5ac8fa;
}

#casesegment10 {
    background: #5856d6;
}

#casesegment11 {
    background: #ff3b30;
}

#casesegment12 {
    background: #ff9500;
}

#casesegment13 {
    background: #34aadc;
}

#casesegment14 {
    background: #4cd964;
}

#casesegment15 {
    background: #007aff;
}

.active2#casesegment1 {
    border-color: #34b233;
    color: #34b233;
}

.active2#casesegment2 {
    border-color: #6639b7;
    color: #6639b7;
}

.active2#casesegment3 {
    border-color: #009fda;
    color: #009fda;
}

.active2#casesegment4 {
    border-color: #ff5800;
    color: #ff5800;
}

.active2#casesegment5 {
    border-color: #9a9b9c;
    color: #9a9b9c;
}

.active2#casesegment6 {
    border-color: #007f64;
    color: #007f64;
}

.active2#casesegment7 {
    border-color: #4d4f53;
    color: #4d4f53;
}

.active2#casesegment8 {
    border-color: #ff2d55;
    color: #ff2d55;
}

.active2#casesegment9 {
    border-color: #5ac8fa;
    color: #5ac8fa;
}

.active2#casesegment10 {
    border-color: #5856d6;
    color: #5856d6;
}

.active2#casesegment11 {
    border-color: #ff3b30;
    color: #ff3b30;
}

.active2#casesegment12 {
    border-color: #ff9500;
    color: #ff9500;
}

.active2#casesegment13 {
    border-color: #34aadc;
    color: #34aadc;
}

.active2#casesegment14 {
    border-color: #4cd964;
    color: #4cd964;
}

.active2#casesegment15 {
    border-color: #007aff;
    color: #007aff;
}

.caseh2 {
    margin-bottom: 0;
}

.active2 {
    border: 2px solid #36b14a;
    color: #36b14a;
    margin: 0 5px;
    position: relative;
    top: -1px;
    background: #fff!important;
}
/********************************
 */
 
#pipeLine{
  margin-left: 0;
  display: inline-block;
  width:100%;
  padding: 0 20px;
  box-sizing: border-box;
}
.active4 {
    border: 2px solid #9a9b9c;
    color: #9a9b9c;
    margin: 0 10px;
    position: relative;
    top: -1px;
    background: #fff!important;
}

.oppoLeadPipeLineChart {
    display: inline-block;
    margin-left: 23px;
    margin-right: 20px;
    vertical-align: middle;
    width: 500px;
}

.oppoLeadPipeLineFigures {
    display: inline-block;
    margin-left: 20px;
    margin-right: 0;
    padding: 0;
    vertical-align: middle;
}

h2.pipelineChartHeader {
    color: #4d4f53;
    font-size: 13px;
    font-weight: 700;
}

#pipelineContainer {
    min-height: 371px;
    width: 1250px;
}
#pipeLine {
  background: #fff;
}

a.SmallButtonItem,h2.pipelineChartHeader>span.number {
    color: #34b233;
}

.fat-figure {
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    margin: 15px 15px 12px;
    padding-bottom: 15px;
    vertical-align: top;
}

.bottom-fat-figure {
    border-top: 1px solid #eaeaea;
    padding-top: 15px;
    text-align: center;
}

.top-fat-figure-value {
    font-size: 2.5em;
    white-space: nowrap;
}

.bottom-fat-figure-value {
    font-size: 18px;
    white-space: nowrap;
}

.fat-figure-name {
    color: #999;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .05em;
}

#chartswitch {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    height: 20px;
    padding: 4px 10px;
    width: 55px;
    background: #f9f9f9;
}

#chartswitchfunnel {
    margin-right: 15px;
    background: url(../img/fun.png);
}

#chartswitchbars {
    background: url(../img/bar.png);
}

#chartswitch .selected {
    filter: alpha(opacity=100);
    opacity: 1;
}

#chartswitch div {
    filter: alpha(opacity=40);
    float: left;
    height: 18px;
    opacity: .4;
    width: 18px;
    background: 18px 18px no-repeat;
}

.ui-dialog {
    z-index: 999;
}

.ui-dialog .ui-dialog-titlebar {
    border: none;
    border-radius: 0;
    color: #fff;
    background: #4d4f53;
}

button.ui-dialog-titlebar-close {
    background: none;
    border: none!important;
}

.ui-button-icon-primary.ui-icon.ui-icon-closethick {
    background-position-x: 0;
    background-position-y: 0;
    background: url(../img/x.png);
}

div.ui-dialog {
    border: 1px solid #aaa;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
}

.k-grid td {
    font: 11px Helvetica Neue,Arial!important;
}

.jsapi-overline {
    text-decoration: overline;
}

.jsapi-line-through {
    text-decoration: line-through;
}

.jsapi-underline.jsapi-overline {
    text-decoration: underline overline;
}

.jsapi-underline.jsapi-line-through {
    text-decoration: underline line-through;
}

.jsapi-overline.jsapi-line-through {
    text-decoration: overline line-through;
}

.jsapi-underline.jsapi-overline.jsapi-line-through {
    text-decoration: underline overline line-through;
}

#ui-datepicker-div {
    width: 220px;
}

BODY,.BeigeBG,.OTLCALENDARTDTIME {
    background: #EBEDEF;
}

.Logo,.Logo_HOSTING {
    background: url(img/ergonomic/logo/ewaretopleft.jpg) no-repeat left center fixed #f2f2f2;
}

.MENUITEM,.MENUSUBITEM,.VIEWTODAY,.DashButton,.NOTIFICATION_BUTTON {
    color: #4d4f53;
    cursor: pointer;
    text-decoration: none;
    font: 11px Tahoma,Arial;
}

.MENUITEM,.DashboardTitle3,.top-fat-figure {
    text-align: center;
}

.MENUSUBITEM,.DashboardTitle2,#tabs_dropdown ul li {
    text-align: left;
}

.MENUSUBITEM{
  margin-top:10px;
}

.TOPCAPTION,.TOPBC,.SEARCHBODY,.SENDOPT {
    color: #4d4f53;
    font: 700 13px Arial,Helvetica,sans-serif;
}

.TOPCAPTION,.CALENDARURL,.EMAILLINK,a,a.re_recentItems {
    text-decoration: none;
}
.CALENDARURL > img {
    height: 20px;
    width: 20px;
    margin-right: 5px;
}
.REDROW1 img {
    height: 20px;
    width: 20px;
}

.TOPBC,td.topsubheading span.topvalue.underlined,.WEBLINK,.er_mobsidenav ul li a:hover,.er_pin_dropdown_area ul li a:hover,.jsapi-underline {
    text-decoration: underline;
}

td.topsubheading a,.Button,.ButtonItem,.FilterButtonItem {
    color: #4d4f53;
    text-decoration: none;
}

td.topsubheading span.topvalue.bolded,.DashboardCalendarDate {
    font-weight: 700;
}

.TABLEHEAD,.Button,.WFButton,.DashboardButtonsField,.QScontentblock {
    
}

.TABLEHEAD2,.TABLEHEAD3,.PANEREPEAT,.SurveyContent {
    font-weight: 700;
    text-decoration: none;
}

.ROW1,.ROW2,table.product-currency-inner td.ROW1,table.product-currency-inner td.ROW2 {
    border: 0;
}

.EDIT,.RECENTITEM,.SmallButtonItem,.CALENDARITEM,.NOWCALENDARITEMNORMAL,.DashboardCalendarItem {
    color: #4d4f53;
}

.TABONLEFT,.TABONRIGHT {
    background: none;
    color: #FFF;
    min-width: 10px;
    width: 10px;
  cursor: pointer;
}

.TABOFFLEFT,.TABOFFRIGHT {
    background: none;
    color: #FFF;
  min-width: 0px;
    width: 10px;
  cursor: pointer;
}
.TABBOTTOMOFF {
  display: none;
}

.ButtonMenu,.DashboardTitle,.DashboardTitle2,.DashboardTitle3 {
    color: #4d4f53;
    text-decoration: none;
    font: 700 11px Tahoma,Arial;
}

.CONTENT,.CONTENTGRID,.er_header_mainRight li li:hover,.er_header_mainRight li li a:hover {
    background: #FFF;
}

#Button_ViewMergedDoc
{
  margin-bottom: 5px;
}

.OTLCALENDARTDFILLEDANHOR,.NOWCALENDARITEM,.NOWCALENDARITEMNORMAL,.NOWCALENDARITEMBOLD,.LATECALENDARITEM,.DashboardContentHeader,.DashboardContentItem,.DashboardContentList,.DashboardCalendarItem {
    text-align: left;
    text-decoration: none;
    font: 11px Tahoma,Arial;
}

.CustomListKeyAttrib,.CustomListCustomization {
    background: #FFF;
    color: #4d4f53;
    font: 12px Arial;
}

.InstallHeader,.InstallSteps,.er_favourite_header .header,.er_recent_header .header {
    font-size: 14px;
    font-weight: 700;
}

.CAMPAIGNCOLUMNHEADERSTYLE,.CAMPAIGNGROUPFOOTERSTYLE {
    background: #FFF;
    border-color: #000;
    border-style: solid;
    border-width: 0;
    color: #4d4f53;
    font: 700 11px Tahoma,Arial;
}

.QSlinkblock A:link,.QSlinkblock A:visited,.QSlinkblock A:active {
    color: #4d4f53;
    text-decoration: none;
    font: 700 11px Tahoma,Arial;
}

div.selectBox:after,#NotificationsDiv:after,#notiftext:after,.clearfix:after,.clr {
    clear: both;
}

#CoachingDiv .CONTENT,ul.er_mobileMenu li.er_listTitle:hover {
    background: none;
}

.fl-lt,.er_rightNav {
    float: right;
}

.fl-rt,.er_rigthmenuFavsFilterAll,.er_header_mainRight {
    float: right;
}

table.fieldSecurity td.colspan2,table.fieldSecurity tr.CONTENT {
    border: 2px solid #fff;
}

@media max-width450pt {
    .casesegment {
        float: none;
        height: 50px;
        padding-top: 5px;
        width: 350pt!important;
    }

    .caseh2,.caselabel {
        float: left;
        margin: 0;
        padding-left: 10px;
        padding-top: 11px;
    }

    .caselabel {
        padding-top: 14px;
    }

    .active2,.active4 {
        border: 1px solid;
        margin: 10px 0 6px;
    }
}

@media screen {
  #RightButtonPanel {
    position: static !important;
    margin-left: 15px;
  }
  #RightButtonPlaceHolder {
    display: none;
  }
  /*Ugly css to relocate buttons for browser resizing on ASP pages*/
  td[style*="min-width: 150px;"] {
    min-width: 0px !important;
  }
}
#EWARE_TREE table tbody tr td#RightButtonPanel {
  position: relative;
  right: 0px !important;
}
#EWARE_HIDDEN #RightButtonPanel {
  position: relative;
}
#EWARE_HIDDEN #RightButtonPlaceHolder {
  display: none;
}

td.TitleIcon {
  text-align: center;
  width: 60px;
  vertical-align: text-top;
  padding: 5px 0px 0px 10px;
}

td.TitleIcon img {
    width: 40px;
}

.FavIcon {
    width: 25px;
    text-align: center;
    vertical-align: text-top;
    padding: 0px 0px 10px;
  cursor: pointer; 
}

.FAVITEMIMG{
height:26px;
padding-top:8px;
cursor: pointer; 
float:left;
}


td.FavIcon img {
    width: 20px;
    height: 20px;
    padding-top: 10px;  
}

td.FAVITEM {
    text-decoration: none;
  font: 12px Arial, Helvetica;
  border: 1px solid #f0f0f0;
  padding: 10px 0px 5px 10px !important;
  display: block;
  color: black;
  
}

a.FAVITEM{
  color: #4d4f53;
  width:84%;  
  font: 12px Arial, Helvetica;   
  padding:10px 0px 10px 8px;
  border:1px 0px 0px 0px solid #f0f0f0;
  display:block;
  float:left;
}

td.FAVSubHead{
  background: #f0f0f0;
    color: black; 
    height: 30px;
    padding: 0 0px;
    white-space: nowrap;
    font: 700 14px Arial, Helvetica;    
    border: 1px solid #f0f0f0;
  background-image: url(img/ergonomic/arrowhover.png);
    background-repeat: no-repeat;
    background-position: 94%;
  background-size: 15px 15px ;  
}
td.FAVSubHeadOpen{
  background: #f0f0f0;
    color: black; 
    height: 30px;
    padding: 0 0px;
    white-space: nowrap;
    font: 700 14px Arial, Helvetica;    
    border: 1px solid #f0f0f0;
  background-image: url(img/ergonomic/arrow.png);
    background-repeat: no-repeat;
    background-position: 94%;
  background-size: 15px 15px ;    
}



.FAVEmpty{
    background: #f0f0f0;
    color: #9a9b9c;
    height: 30px;
    white-space: nowrap;
    font: 400 13px Arial,Helvetica,sans-serif;
    border: 1px solid #f0f0f0;
  text-align: center;
}

.FAVSubHead img {
    width: 25px;
  height: 25px;
  margin-left:-5px; 
}

.FAVSubHeadOpen img {
    width: 25px;
  height: 25px;
  margin-left:-5px;
}

.FAVITEM img{
    width: 20px;
  height: 20px;
    cursor: pointer;
  float: right;
}

td.TitleIcon img.customized {width: auto}

#EWARE_LOGO{
  display: none;
}

/* header_wrap Styles
---------------------------------*/

.er_header_wrap {
    position: relative;
    z-index: 60000;      /* SSD-2933 - Top layer */
}

.er_header_wrap.chbor {
    border-bottom: 1px solid #d3d3d3;
}

.er_header_wrap img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

/* headertop_wrap Styles
---------------------------------*/

.er_headertop_wrap {
    /*background:#e3e3e3;*/
    position: relative;
    /*z-index: 700;*/
}

.er_makeborder {
    border-bottom: solid #3C414E 1px;
    height:40px;
  background-color: #3C414E;    
}

.ie7 .er_headerbottom_wrap {
    min-height: 29px;
}
#er_blackbar {
    height: 55px;
  background-color: #3C414E;
}

/*logo Styles
---------------------------------*/

.er_logo {
    width: 135px;
    height: 32px;
    float: left;
    position: absolute;
    padding: 15px 0px 0px 20px;
}

.er_logo img {
    border: 0;
}

.er_outer {
    /*height:100%;*/
    position: relative;
}

/*nav Styles
---------------------------------*/

.er_nav {
    margin: 0 194px 0 98px;
    padding: 0 36px 0;
    font-size: 13px;
    color: #3C414E;
    height: 0px;
}

.er_nav ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    white-space: nowrap;
    /*roxy*/
}

.er_nav ul li {
    line-height: 55px;
    /*comment these two out */
    display: inline-block;
    float: none;
    padding: 0 0px;
}

.er_nav ul li ul li {
    display: list-item;
    float: left !important;
}

.er_nav ul li.first {
    padding-left: 0px;
}

.er_nav ul li.last {
    padding-right: 0px;
}



.er_outer.lang-ES .er_nav ul li a {
  padding: 0 12px 9px 11.5px;
}
.er_outer.lang-FR .er_nav ul li a {
  padding: 0 11.5px 9px 11.5px;
}
.er_outer.lang-DE .er_nav ul li a {
  padding: 0 15px 9px;
}
.er_outer.lang-PT .er_nav ul li a {
  padding: 0 15px 9px;
}

.er_adjustment li a,
.er_nopadb li a {
    border-left: 0px !important;
}

.er_nav ul li a strong {
    background: url(../Themes/Img/Ergonomic/Menu/nav-arrow-down.png) no-repeat right center;
    display: inline-block;
    padding-right: 16px;
    font-weight: normal;
    background-size: 9px 5px;
  color: #FFFFFF !important;
}

.er_nav ul li a:hover,
.nav ul li:hover a {
    background: #6D717A;
  color: #fff;
  height: 54px !important;
}
.er_nav ul li a {
    height: 54px;
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    padding: 1px 16px 0px 9px;
    position: relative;
}

/* highlight submenu */
.er_nav li li a:hover {
  background: #255BC7 !important;
  color: #FFFFFF;
    text-decoration: none;
  height: 29px !important;
}

.er_nav ul ul {
    background: #fff;
    padding: 10px 0px 0px;
    margin: 0px;
    list-style: none;
    clear: both;
    right: auto !important;
    left: 0px !important;
    top: 55px !important;
    width: auto;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid #dcdcdc;
}
li#configuration-link {
  background: #FFFFFF !important;
  border-top: 1px solid #eaeaea;
}

.er_nav ul ul:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 9px;
}

.er_nav ul ul:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 10px;
}

.er_nav ul ul.er_nopadb {
    padding-bottom: 0px;
  z-index: 99999;
  overflow:auto;
}

.er_nav ul ul.er_adjustment {
    right: 3px !important;
}

.er_nav li li {
    line-height: 28px;
    float: none;
    padding: 0px;
}

.er_nav li li a {
    background: none !important;
    float: none;
    color: #242223;
    padding: 0px 14px 0px 9px;
    position: relative;
  height: 29px !important;
}



.er_nav li li.er_odd a {
    background: #CCC !important;
}

.er_toggle_search {
    width: 209px;
    height: 34px;
    float: right;
    display: none;
    position: relative;
}

/* Right navigation icons */

.er_rightNav img {
    /*width: 25px;
    height: 25px;*/
    filter: alpha(opacity=40);
  width: 25px;
  height: 25px;
  margin-top: 18px;
  cursor: pointer;
}

.er_rightNav img.active {
    opacity: 1;
}

.er_notification_notenum {
   background-color:#3C414E;
    padding: 3px;
    color: #FFF;
    font-size: 9px;
    position: absolute;
    left: 6px;
  top: 15px;
  -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 1;
}

.er_notif_changeColor{
  background-color: #ED1C5F;
}

/* Right navigation list with icons */

.er_rightNav ul {
  padding: 0px;
    margin: 0px;
    list-style: none;
    float: left;
}

.er_rightNav ul li {
    display: block;
    float: left;
    box-sizing: border-box;
    width: 25px;
    padding-right: 50px;
}

.er_rightNav ul li a {
    display: block;
    float: left;
    margin: 9px 0px 0px 0px;
}

.calendar-container {display: inline-block; position: relative;}
.calendar-container #ui-datepicker-div {left: 0 !important; top: 20px !important }
.calendar-container #ui-datepicker-div.offsetRight {left: inherit !important;right: -22px !important;}
.calendar-container #ui-datepicker-div.offsetBottom {top: inherit !important;bottom: 18px !important;}
.hidden .calendar-container #ui-datepicker-div {left: 0 !important;top: 0px !important;margin-top: 10 !important; }
.hidden .calendar-container #ui-datepicker-div.offsetRight {left: inherit !important;right: -72px !important;}
.hidden .calendar-container #ui-datepicker-div.offsetBottom {top: inherit !important;bottom: 18px !important;}
.assPopUpContent {position: relative}

/*** REACT TOP MENU SUPERFISH ***/
.sf-menu, .sf-menu * {
  margin:     0;
  padding:    0;
  list-style:   none;
  -webkit-tap-highlight-color : transparent;
}
.sf-menu {
  line-height:  1.0;
  text-align: center;
}
.sf-menu ul {
  position:   absolute;
  top:      -999em;
  width:      130px; /* left offset of submenus need to match (see below) */
  text-align: left;
}
.sf-menu ul li {
  width:      100%;
}
.sf-menu li:hover {
  visibility:   inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float:      left;
  position:   relative;
}
.sf-menu a {
  display:    block;
  position:   relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:     0;
  top:      1.9em; /* match top ul list item height */
  z-index:    99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top:      -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left:     10em; /* match ul width */
  top:      0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top:      -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left:     10em; /* match ul width */
  top:      0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {

  min-width:    1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
  position:   absolute;
  display:    block;
  right:      .75em;
  top:      1.05em; /* IE6 only */
  width:      10px;
  height:     10px;
  text-indent:  -999em;
  overflow:   hidden;
  /*background:   url('../images/arrows-ffffff.png') no-repeat -10px -100px;*/ /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top:      .8em;
  background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}

.sf-menu-main{
  display : inline-block !important;
  cursor: pointer;
  color: #AFFAAF;
}

.ASS_SPAN{
  border-style:none;
  overflow:hidden;
  background-color:white;
}
.ASS_SPAN input {
    border-style: solid !important;
    margin-top: 5px;
}


.FindHeaderPopup {
  display: none;
}
.er_hr {
  margin-right:0px;
  margin-left:-15px;  
  border-top:1px solid #eaeaea; 
  width:120%;
}
.er_new {
  float: right;
  width: 45px;
  height: 45px;
  vertical-align:middle;
  align:bottom;
  text-align: right;
  position: absolute; 
    bottom: 100;
    right: 20px;
}
.er_new  img{
  padding-top: 5px;
  height: 30px;
  margin-right: 4px;
}


.hiddenShowPopupMenuDiv:before {
    content: 'aaa';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid red;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 9px;
  z-index: 1000;
}

.hiddenShowPopupMenuDiv:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 10px;
  z-index: 1000;
}
.er_new div:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #green;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 7px;
    left: 9px;
}

.er_new div:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: 6px;
    left: 10px;
}

/*

.er_nav {
    margin: 0 194px 0 98px;
    padding: 0 36px 0;
    font-size: 13px;
    color: #272727;
    height: 0px;
}

.er_nav ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    white-space: nowrap;
}

.er_nav ul li {
    line-height: 42px;
    display: inline-block;
    float: none;
    padding: 0 0px;
}

.er_nav ul li ul li {
    display: list-item;
    float: left !important;
}

.er_nav ul li.first {
    padding-left: 0px;
}

.er_nav ul li.last {
    padding-right: 0px;
}

.er_nav ul li a {
    height: 34px;
    float: left;
    color: #272727;
    text-decoration: none;
    padding: 0 16px 9px;
    position: relative;
    border-left: solid #eaeaea 1px;
}
*/


/*profile Styles
---------------------------------*/

.er_profile_link{
  margin: 0px !important;
}
.er_profile_dropdown {
    background: #fff;
    width: 200px;
  text-decoration: none;
    font: 400 13px Arial,Helvetica,sans-serif;
  color: #4d4f53;
    padding: 15px 0 0;
    position: absolute;
    right: 2px;
    top: 60px;
    z-index: 502;
    padding: 0;
    border: 1px solid #dcdcdc;
  -webkit-box-shadow: -3px 4px 3px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow:    -3px 4px 3px 0px rgba(50, 50, 50, 0.5);
  box-shadow:         -3px 4px 3px 0px rgba(50, 50, 50, 0.5);
  border-top-style:none !important;
}

.er_profile_dropdown ul { 
  padding: 6px 14px 11px;
    margin: 0px;
    list-style: none;
  margin-top:-10px;
}

.er_profile_dropdown ul li {
  display: block;
    padding: 5px 0px 0px;
  width: 100%;
}
.er_profile_dropdown ul hr {
   display: block; 
   height: 1px;
   border: 0; 
   border-top: 1px solid #dcdcdc;
   margin-left: -16px;
   margin-right: -16px;
}
.er_profile_dropdown_area ul li a {
    color:#42ab44;
    text-decoration: none;
    display: block;
}

.er_profile_dropdown ul li a {
  cursor: pointer;  
}

.notification,.ROW2I {
  border: 0px none white;
  background: none;
  padding: 3px;
}
.notification,.ROW1I {
  border: 0px none white;
  background: none;
  padding: 3px;
}

.notification, div.selectBox {
  line-height: 0px; 
}

.NotificationClearAll{
  padding-top: 8px;
}

.NotificationClearAll a{
  font-family: arial;
  font-size: 11px;
  text-decoration:none;
}

.NotificationCount{
  position: relative; 
  top: -25px;
  left: 1px;
  padding: 1px; 
  color: white; 
    font: 400 9px Tahoma,Arial;
  z-index: 200; 
  background-color: #ED1C5F;
  border: 1px solid #ED1C5F;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#EWARE_MENU{
  margin-top: 55px;
  background-color: #f6f6f6;
}

.SearchSelectPopup img{
  margin-right: 10px;
}

#EWARE_TOP .TOPCAPTION {
  text-align: left;
  vertical-align: top;
  padding-left: 10px;
  padding-right: 10px;
}

#EWARE_TOP .TOPCAPTION td{
  text-align: left; 
  vertical-align: top;
}


#EWARE_TOP td[valign=MIDDLE] {
  vertical-align: top;
  border-spacing: 0px;
  border-collapse: collapse;
  min-height: 48px;
}

.TOPCAPTION  td a.SmallButtonItem {
  margin-top: 3px;
}

.LeftMenuTable {
  width: 135px;
}

.LeftSubMenuTable{
  BORDER:0px;
  WIDTH:135px;
  padding: 0px
}

.dotnetCalled  a.er_buttonItemImg{
  display: inline !important;
  visibility: visible;
}

.dotnetCalled  a.er_buttonItem{
  display: none !important;
}


.DashboardButtonsField  a.er_buttonItemImg{
  display: inline !important;
  visibility: visible;
}

.DashboardButtonsField  a.er_buttonItem{
  display: none !important;
}

.TOPSUBHEADING {
  padding-top: 0px; 
  font-weight: normal;
}

.BLOCKSINGLE  form{
  margin-left:15px;
}

.INTEGRATIONHEADER  {
  width : 10%;
}

.TOPCONTENTVALUE  td{   
  padding-bottom: 6px;
  padding-top: 0px;
}
td.TOPHEADING.TOPCONTENTVALUE {
    padding-top: 5px;
}
td.TOPCAPTION.TOPCONTENTVALUE {
    padding-top: 4px;
}

label.colPickLabel {float: left; line-height: 26px;}
.colPickerBox {float: left;margin: 0 0 0 10px;}

.ui-colorpicker td[valign=TOP] { padding: 3px 3px;}
.TOPHEADING .TOPCAPTION {
  padding-top: 0px !important;
}

.TOPCAPTION .TOPCAPTION {
  padding-top: 0px !important;
}

.MenuItemText {
  display:inline-block;
  padding-top: 8px;
}

/* action buttons */
.WorkFlowActionsHeader {
  display: block;
  font: 16px Arial, Helvetica;
  font-weight: bold;
  border-bottom: 1px solid #cecece;
  padding-bottom: 3px;
  margin-bottom: 8px;
  margin-left: 10px;
  width: 90%;
  color: #666666;
}

.WorkFlowCurrentState { 
  display: block;
  font-weight: normal;
  color: #666666;
  margin-left: 10px;
  font: 12px Arial, Helvetica;
}

.WorkFlowCurrentStateValue{
  display: inline;
  font-weight: 700;
}

.TOPCONTENTADMINVALUE {
  padding-right: 0px !important;
  width: 10%;
}

.TOPCONTENTADMINUSERVALUE  {
    padding-right: 0px !important;
  padding-left: 0px !important;
}


/* find and new menu item */
.MENUPOPUPITEMSpan {
  display: inline-table;
  height: 100%;
  padding: 0x;
}

.MENUPOPUPITEMImg{
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding: 0x;
}

.MENUPOPUPITEMValue{
  display: table-cell;
  height: 100%;
  vertical-align: left;
}

#CoachingDiv table {
  width: 100%;
  margin-top: 0px !important;
    margin-bottom: 0px !important;
}

a#yesDialogButton {outline: none;
    background-color: #34b233;
    text-indent: 0;
    border-right: 1px solid #34b233;
    border-top: 1px solid #34b233;
    border-bottom: 1px solid #34b233;
    border-left: 1px solid #34b233;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    height: 100%;
    line-height: 30px;
    text-decoration: none;
    text-align: center;
    padding: 0px 10px 0px 10px;
    position: relative;
    white-space: inherit;
    width: 50px;
    border-collapse: collapse;
}

a#noDialogButton {outline: none;
    background-color: #ffffff;
    text-indent: 0;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    display: inline-block;
    color: black;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    height: 100%;
    line-height: 30px;
    text-decoration: none;
    text-align: center;
    padding: 0px 10px 0px 10px;
    position: relative;
    white-space: inherit;
    width: 50px;
    border-collapse: collapse;
}


.FilterDate {
  display: inline-flex;
  width: 140px;
  margin: 0px 0px 4px 2px;
}

.FilterDate input{
    box-sizing: border-box;
}
div.overlay-with-spinner {background: #aaa;position: absolute;width: 100%;height: 100%;top: 0;z-index: 1000;left: 0;opacity: 0.3;}
span.overlay-spinner {background: url('img/Ergonomic/Backgrounds/loading-image.gif') 0 0 no-repeat;left: 46%;top: 47%;position: absolute;width: 105px;height: 92px;z-index: 1001;}
.loading-spinner {background: url('../themes/img/Ergonomic/Backgrounds/loading-image.gif') 0 0 no-repeat;left: 46%;top: 47%;position: absolute;width: 105px;height: 92px;z-index: 1001;}

.librarymanagment_top_frame .CoachingCaptionBody2{
  width: 90% !important;
  margin-left: 25px;
  min-width: 618px;
  max-width: 1285px;
}

.DocumentDropArea{
    margin-left: 11px;
  margin-right: 15px;
    font-family: Arial;
    font-size: 13px;
    color: #666666;
  text-shadow: 1px 1px 0px #ffffff;
  line-height: 27px;
}

.ROW1,.ROW2 {
    height: 29px;
    padding: 0 7px;
    vertical-align: middle;
}

.ROW1,.REDROW1,.BOLDREDROW1,.ROW1I, .ROW2,.REDROW2,.BOLDREDROW2,.ROW2I  {
    font: 13px Arial;
    font-size: 13px;
    font-family: Arial;
}

.ROW1,.REDROW1,.BOLDREDROW1 {
  background: #EBEDEF;
    color: #4d4f53;
}

.ROW2, .REDROW2, .BOLDREDROW2 {
    color: #4d4f53;
}

.ROW1,.ROW1I,.ROW2,.ROW2I {
    color: #4d4f53;
    font-weight: light;
}

.REDROW1,.BOLDREDROW1,.REDROW2,.BOLDREDROW2 {
    font: 13px Arial;
    vertical-align: top;
}

.REDROW1:first-child ,.BOLDREDROW1:first-child{
    border-left: 5px solid #ca2020;
    font-weight: light;
}

.REDROW2:first-child,.BOLDREDROW2:first-child {
    border-left: 5px solid #ca2020;
    font-weight: light;
}

.REDROW1,.REDROW2 {
    color: #b90909;
    font-weight: light;
    /*border-bottom: 1px solid #ffffff;*/
    padding: 0px 7px 1px; /*1px here instead of border-bottom to not break border-left*/
  vertical-align: middle;
}

.BOLDREDROW1,.BOLDREDROW2 {
    color: #b90909;
    font-weight: 700;
    padding: 0px 7px 1px;
}

.CTIIcon{
  margin-left: 32px;
}

.documentDropPluginIMG {
   background-color: rgba(239, 239, 239, 1);
}

table.screenBlocks td a{
font : 40px Arial;
display: block;
margin-top: 6px;
}

table.screenBlocks td {
text-align : center;
padding: 16px 0 6px 0;
background: #FFF; 
border-left: 12px solid #EBEDEF;
}

table.screenBlocks td:nth-of-type(1){
border-left: 10px solid #FFF; 
}

table.screenCenter td {
text-align : center;
padding: 3px 0 0 0;
}

table.screenCenter td span{
line-height :2.0;
font-size: 18px;
}

.textCursor{
cursor : default;
}

a[id^="mcup_"]{
font-size : 13px;
}

a[id^="mcer_"]{
font-size : 13px;
}

a[id^="mcerno_"]{
color: #4d4f53 !important;
cursor: default;
font-size : 13px;
pointer-events: none;
}

#mcNotification{
overflow-y: hidden;
overflow-x: hidden;
display: inline-block;
width: 171px;
margin-top: 7px;
}

.errorColor{
 text-decoration: none;
 margin-top: 2px;
 position: relative !important;
 display: inline-block;
 width: 210px;
 color: red !important;
 font-size: 13px;
 min-height: 38px;
}

/* Keyword search changes */

.er_topRight {
    /*background: #e3e3e3;*/
    width: 194px;
    height: 34px;
    float: right;
    position: relative;
  top: 3px;
  padding-right: 20px;
    margin-top: 8px;
}

.er_input_search {
    background: #676666;
    background-size: 18px 23px;
    width: 150px;
    height: 24px;
    display: block;
    float: left;
    padding: 5px 0px 5px 8px;
    border: 0px;
    outline: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #e9e9ea;
    line-height: 24px;
    border-radius: 0;
}
.er_input_search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #DBDCDA;
}
.er_input_search::-moz-placeholder { /* Firefox 19+ */
  color: #DBDCDA;
  opacity: 1;
}
.er_input_search:-ms-input-placeholder { /* IE 10+ */
  color: #DBDCDA;
}
.er_input_search:-moz-placeholder { /* Firefox 18- */
  color: #DBDCDA;
}

.er_dropdown_searchmenu {
    background: url(img/ergonomic/arrow-light.png) no-repeat center center #676666;
    background-size: 15px 15px;
    width: 34px;
    height: 34px;
    display: block;
    float: left;
    cursor: pointer;
}

.er_dropdown_searchmenu:hover {
    background: url(img/ergonomic/arrow-light-hover.png) no-repeat center center #676666;
    background-size: 15px 15px;
}

.er_dropdown_searchmenu.active {
    background: url(img/ergonomic/arrow-light-up.png) no-repeat center center #676666;
    background-size: 15px 15px;
}

.er_dropdown_searchmenu.active:hover {
    background: url(img/ergonomic/arrow-light-up-hover.png) no-repeat center center #676666;
    background-size: 15px 15px;
}

.er_dropdown_searchmenu_area {
    background: #fff;
    position: absolute;
    right: 0px;
    top: 33px;
    font-size: 13px;
    color: #181819;
    z-index: 10;
    border: 1px solid #dcdcdc;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2)
}

.er_dropdown_searchmenu_area ul {
    padding: 0;
    margin: 0px;
    list-style: none;
    box-sizing: border-box;
}

.er_dropdown_searchmenu_area ul.odd {
    background: #FFFFFF !important;
    border-top: 1px solid #eaeaea;
}

.er_dropdown_searchmenu_area ul.odd li {
    line-height: 20px;
}

.er_dropdown_searchmenu_area ul li {
    display: block;
    padding: 7px 11px;
}

.er_dropdown_searchmenu_area ul li a {
    display: inline-block;
    color: #181819;
    text-decoration: none;
}

.er_dropdown_searchmenu_area ul li a:hover, .er_dropdown_searchmenu_area ul li:hover {
    background: #f6f6f6;
    text-decoration: none
}

.er_dropdown_searchmenu_area ul li.no_link {
    background: none;
    cursor: default;
    display: none;
}

.er_dropdown_searchmenu_area ul:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    right: 9px;
}

.er_dropdown_searchmenu_area ul:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    right: 10px;
}

.er_dropdown_search_results {
    width: 400px;
    background: #fff;
    position: absolute;
    top: 38px;
    left: -1px;
    font-size: 12px;
    color: #181819;
    z-index: 10;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
    max-height: 535px;
}

.er_dropdown_search_results_row {
    border-bottom: 1px solid #e4e2e2;
    border-left: 1px solid #e4e2e2;
    border-right: 1px solid #e4e2e2;
    height: 40px !important;
    background-image: url(img/ergonomic/arrow-sear.png);
    background-repeat: no-repeat;
    background-position: center right;
  white-space: nowrap;
}

.er_dropdown_search_results img {
    width: 25px;
    height: 25px;
    padding: 8px;
}

.er_dropdown_search_results_url {
    color: #000000;
    text-decoration: none !important;
}

#er_dropdown_search_results_item {
    bottom: 15px;
    left: 8px;
    color: #4d4f53;
  max-width: 333px !important;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.er_dropdown_search_results_row_alert {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b !important;
    border-bottom: 1px solid #e4e2e2;
    border-left: 1px solid #e4e2e2;
    border-right: 1px solid #e4e2e2;
    height: 40px !important;
    width: 100%;
    display: table;
}

#er_dropdown_search_results_item_alert {
    bottom: 15px;
    left: 8px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  background: #f0f0f0;    
    color: #9a9b9c;
    height: 30px;
    white-space: nowrap;
    font: 400 13px Arial,Helvetica,sans-serif;
    border: 1px solid #f0f0f0;
    text-align: center;
}

.er_dropdown_search_results_row:hover {
    background-color: #cbcbc9;
    text-decoration: none;
  background-image: url(img/ergonomic/arrow-sear-hover.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.er_dropdown_search_results_row_hover {
    background-color: #cbcbc9;
    text-decoration: none;
  background-image: url(img/ergonomic/arrow-sear-hover.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.notifPoint{
  top: -20px;
  margin-left: 174px;
}


/* Primary Styles for Navigation Widgets
---------------------------------*/

.er_sidebar_rightcont .listinfo {

    overflow-x: hidden;
    overflow-y: auto;
    max-height: 540px;
    min-height: 190px;
}

.er_sidebar_rightcont .er_emptyInlay {
    margin-top: 100px;
    text-align: center;
    font-size: 13px;
    color: #9a9b9c;
}

.er_sidebar_rightcont .er_loadingInlay {
    margin-top: 55px;
    text-align: center;
    font-size: 14px;
}


#iconentityRecently {
    height: 30px;
    width: 30px;
}

.er_iconentity {
    float: left;
    height: 30px;
    width: 30px;
    margin-right: 10px;
}

.er_iconentity_fav {
    /* margin-right: 15px;
    margin-top: -8px;*/
}

.er_iconentity_notify {
    margin-left: 10px;
    margin-top: 10px;
    top: 10px;
}

.er_mc_notify {  
    text-decoration: none;
    margin-top: 2px;
    position: relative !important;
    display: inline-block;
    width: 210px;
    font-size: 13px;
  padding-top: 4px;
  padding-left: 50px;
}

.er_notification_link {
    text-decoration: none;
    margin-top: 2px;
    position: relative !important;
    display: inline-block;
    width: 210px;
    color: black !important;
    font-size: 13px;
  min-height: 38px;
}

a.re_rightbarH2Green {
    color: #34B233;
    margin: 0 0 5px;
    text-decoration: none;
}

.re_rightbarH2 {
    color: #9A9B9C;
    font-size: 16px;
    font-weight: 400;
    margin-left: 15px;
    margin-top: 10px;
}

/*rightNav_area Styles
---------------------------------*/

.er_rightNav_area {
    float: right;
    /*rox*/
    z-index: 1;
    position: relative;
}

.er_container_wrap {
    width: 100%;
    /*height:100%;*/
    position: relative;
}

.er_container_cont {
    padding: 0px 0px 0;
    font-size: 12px;
    color: #020202;
    /*height:100%;*/
}

.er_container_continner {
    float: left;
    width: 100%;
}

.er_container_continner.er_leftmr {
    margin-left: 30px;
}

.er_container_continner.er_leftstaticmr {
    margin-left: 218px !important;
}

.er_container_continner.er_adjustment {
    padding: 0px 0px 28px;
    height: 100%;
}

.er_container_cont p {
    padding: 0px 0px 17px;
    margin: 0px;
    line-height: 18px;
}

#nav_right{
margin: -9px 5px;
width: 40px;
}

/* SIDEBAR RIGHT */
.er_sidebar_right {
    background: #ffffff;
    width: 256px;
    position: absolute;
    font-size: 13px;
    z-index: 500;
    right: 0px;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: -2px 2px 3px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: -2px 2px 3px 0px rgba(50, 50, 50, 0.35);
    box-shadow: -2px 2px 3px 0px rgba(50, 50, 50, 0.35);
}

.er_sidebar_right_notify {
    width: 354px;
  padding: 8px;
}

.er_sidebar_right h2 {
    padding: 0px 0px 7px;
    margin: 0px;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
}

.er_sidebar_right h3 {
    font-size: 16px;
    color: #2b2c2b;
    font-weight: normal;
    padding: 0px 0px 0px 15px;
    color: #999;
}

#er_sidebar_right_closeddiv {
    width: 100%;
    background-color: white;
    margin: 0px auto;
    border-top: 1px solid #eaeaea;
}

#er_sidebar_right_closeddiv a.closed {
    display: block;
    width: 12px;
    height: 0px;
    margin: 0px auto;
    padding: 12px 0px 15px 0px;
}
}

#er_sidebar_right_closeddiv img#dropdown {
    width: 11px;
    height: 11px;
    float: right;
    position: relative;
    margin: 18px 20px 0px 0px;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}



/* NOTIFICATION INLAY */
.er_whiteboxright {
    background-color: #FFFFFF;
    margin: 0px;
    margin-bottom: 1px;
    padding: 0px 0px 16px 0px;
}

.er_whiteboxright a {
    color: #42ab44;
    position: relative;
    top: 7px;
}

.er_whiteboxright_notification {
    padding: 0px;
    margin-bottom: 5px;
    border-bottom: 1px solid #eaeaea;
    width: 318px;
    display: inline-block;
    padding-bottom: 10px;
}

.er_whiteboxright_notification a {
    position: inherit;
    display: inline-block;
}

.er_whiteboxright_notification div.icon-panel img {
    height: 16px;
    width: 16px;
    margin: 0px 10px 0px 0px;
    display: inline;
    float: right;
}

.er_whiteboxright_notification div.icon-panel a {
    /*position: relative;*/
}

.er_whiteboxright_notification div.icon-panel {
    text-align: right;
    margin: 10px 0px 10px 0px;
    display: inline;
    float: right;
}

.er_whiteboxright_notification .er_notification_footer_snooze_area {
    right: 0px;
}

.er_rightbarH2 {
    font-size: 16px;
    font-weight: 400;
    color: #34b233 !important;
    margin: 0px 0px 5px 0px;
}

.er_notifications_footer {
    height: 45px;
    color: #676666;
    font-size: 13px;
    text-align: center;
    line-height: 24px;
    border-top: 1px solid #eaeaea;
  margin: -6px 0px -14px 0px;
    padding: 14px 0px 0px 0px;
}

.er_notifications_footer a {
    color: #676666;
    font-size: 13px;
}

.er_notification_footer_snooze_area {
    text-align: left;
    background: #fff;
    width: 144px;
    font-size: 11px;
    line-height: 14px;
    color: #676666;
    padding: 15px 0 0;
    position: absolute;
    right: 40px;
    z-index: 2;
    padding: 0;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: -3px 4px 3px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: -3px 4px 3px 0px rgba(50, 50, 50, 0.5);
    box-shadow: -3px 4px 3px 0px rgba(50, 50, 50, 0.5);
}

.er_notification_footer_snooze_area ul {
    padding: 8px 16px 11px;
    margin: 0px;
    list-style: none;
    margin-top: -1px;
}

.er_notification_footer_snooze_area ul li {
    display: block;
    padding: 1px 0px 1px;
}

.er_notification_footer_snooze_area ul hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #dcdcdc;
    margin-left: -16px;
    margin-right: -16px;
}

.er_notification_footer_snooze_area ul li a {
    color: #676666;
    text-decoration: none;
    display: block;
}

.notifMessg{
 display: inline-block;
 text-align: left;
 margin: 8px 0px;
 line-height: 20px;
}

.notifyCommDesc{
 font-size:12px;
 font-family:arial;
}

.errorMessage{
    text-align: center;
    margin: 73px;
    font-size: 15px;
}

object#documentDropPlugin { 
z-index: 1;
}

.changePosition{
  right: 52px;
  bottom: 42px;
  
}

@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px)
and (orientation : landscape) 
and(-webkit-min-device-pixel-ratio: 2){ 
.er_sidebar_rightcont .listinfo {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 480px;
    min-height: 190px;
}
}

@media only screen 
and (max-width: 1366px){ 
.er_sidebar_rightcont .listinfo {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 507px;
    min-height: 190px;
}
}
.ROW1 img{
  display:inline-block;;
  width:20px;
  height:20px;
  background-image: url('../../../img/ergonomic/Choices/Comm_Action/Unknown.gif');
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
.ROW2 img {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../../../img/ergonomic/Choices/Comm_Action/Unknown.gif);
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.er_notify_noLink{
  pointer-events:none;
}

.noRecords{
  color: black;
    text-align: center;
    height: 31px;
    font-size: 15px;
    width: 100%;
  margin-top: 13px; 
  
}

.email_search_results{
  position: absolute;
    background-color: #ffffff;
    margin: 0;
    border: 0;
  font-size: 12px;
    color: #181819;
    z-index: 10;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
  min-width: 480px;
    
}

.email_search_results_row{
  border-bottom: 1px solid #e4e2e2;
    border-left: 1px solid #e4e2e2;
    border-right: 1px solid #e4e2e2;
    background-repeat: no-repeat;
    background-position: center right;
}

.email_search_results img {
    width: 25px;
    height: 26px;
    padding: 8px;
}
.emailContent{
  position: absolute;
    display: inline-block;
    padding-top: 17px;
}
.email_search_results_item{
  bottom: 7px;
    color: #4d4f53;
    position: relative;
  cursor: pointer;
}
div.email_search_results_row:hover{
    background-color: #cbcbc9;
    text-decoration: none;
  background-repeat: no-repeat;
    background-position: center right;
}

div.email_search_results_row:active{
    background-color: #cbcbc9;
    background-repeat: no-repeat;
  border-color:#ffffff;
    background-position: center right;
}

.email_search_results_row_alert{
    background: #f0f0f0;    
    color: #9a9b9c;
    height: 40px;
    font: 400 13px Arial,Helvetica,sans-serif;
    border: 1px solid #f0f0f0;
}

.email_search_results_item_alert{
  bottom: -11px;
    color: #4d4f53;
    position: relative;
    cursor: pointer;
}

.email_search_results_row_hover{
    background-color: #cbcbc9;
    text-decoration: none;
  background-repeat: no-repeat;
    background-position: center right;
}

.fixDiv{
  position: relative; 
}

.userPanel{
  margin-left:50px;
}

.greenArrows{
  position:absolute;
}

.greenEmailFields{
  position:absolute;
  padding-left:20px;
}

.quickCls {
    display: inline-block;
    width: 15px;
    height: 15px;
 }
 
.qcls_pending{
  background-image: url(img/ergonomic/Icons/square-icon-01.png);
    background-size: 15px 15px;
    cursor: pointer;
}

.qcls_complete{
  background-image: url(img/ergonomic/Icons/checked-icon-01.png);
    background-size: 15px 15px;
    pointer-events: none;
}

.quickClsWdth{
  width: 8em;
}

.NewLineItemBox{
  height:300px;
}

.toggle-burgermenu {
    display:none;
}

/* narrow screen */
@media screen and (max-width: 975px) {
    .er_logo {
        width: 175px;
        padding: 1px 20px 0px 0px;
    }

    /* makes the menu dissappear */
    .er_nav ul.showburgermenu {
         display:block;
    }

    /*main burger menu */
    .er_nav ul {
        width:265px;
        display:none;
        height:100vh;
        position:absolute;
        top:95%;
        left:0px;
        padding:10px 18px;
        box-shadow:0px 1px 1px rgba(0,0,0,0.15);
        border-radius:3px;
        background:#3C414E;
    }

    .er_nav ul li {
        float: left;
    }
    /* main menu options */
    .er_nav li {
        // position of lis in dropdown
        margin:0px 0px 5px 0px;
        color:blue;
    }
     /* er_nopadb collapse */
    /* top bar of submenu, container of submenus */
    .er_nav ul.er_nopadb {
        background:#3C414E;
        height:auto;
        border:1px solid #3C414E;
    }

    .er_nav a {
         text-align: left;
         width:245px;
    }

    .toggle-burgermenu {
        display:inline-block;
        box-shadow:0px 1px 1px rgba(0,0,0,0.15);
        border-radius:3px;
        background:#3C414E;
        text-shadow:0px 1px 0px rgba(0,0,0,0.5);
        color:white;
        font-size:16px;
        transition:color linear 0.15s;
        padding: 17px 20px 14px 16px;
    }

    /* normal submenu */
    .er_nav li li a {
        background: #3C414E !important;
        color: white;
        padding: 0px 30px; 0px 0px;
        width:210px;
    }

    /* highlight submenu */
    .er_nav li li a:hover {
        background: #6D717A !important;
        color:    #34b233;
    }

    .er_nav ul a :hover {
        color:    #34b233;
    }

   .er_nav ul li  :hover {
       background: url(../Themes/Img/Ergonomic/Menu/nav-arrow-down-green.png) no-repeat right center;
     color: #34b233 !important;
   }
}

.MailchimpImage {
    float: right;
    background-color: #FFE01B;
    border-radius: 50%;
    padding: 5px;
}
/*** Grid Content with long text ***/
.CONTENTGRID td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75ch;
}