/* (C) Metaswitch Networks 2017 */
.dummyCSSclass{display:none;}

/*****************************************************************************/
/* AUTOGENERATED OVERRIDES                                                   */
/*****************************************************************************/
/*****************************************************************************/
/** These are the colours from the questionnaire                            **/
/** C50 = page background                                                   **/
/** C25 = surround background                                               **/
/** C6  = dominant hue                                                      **/
/** C5  = secondary hue                                                     **/
/** C72 = ACD button text                                                   **/
/** C71 = ACD view button background                                        **/
/** C70 = ACD download button background                                    **/
/** They are copied to CS10## as the branding                               **/
/** only updates CS colours.                                                **/
/**                                                                         **/
/** CS1051 and CS1052 are high and low contrast from the background for     **/
/** text and borders respectively.                                          **/
/**                                                                         **/
/** CS1006 and CS1006 are high contrast from the dominant and secondary     **/
/** colours respectively.                                                   **/
/**                                                                         **/
/*****************************************************************************/

/************************/
/**   MAIN TEXT STYLE  **/
/************************/

body,
div.bootStrapBody
{
  font-family: "Ubuntu","Helvetica Neue",Helvetica,Arial,sans-serif;
}

/************************/
/** SURROUND BKG COLOR **/
/************************/

body#bodySurround,
body#bodySurroundBG,
body#mainBody:not(.isFixedHeight),
body#mainBodyBG:not(.isFixedHeight),
body.setupWizard,
body.login,
body.pageSurround,
div.bgNavBar
{
  background:       rgba(238, 241, 244, 1.0);
}

.side-borders
{
  border-right: 1px solid rgba(150, 150, 150, 0.5);
  border-left:  1px solid rgba(150, 150, 150, 0.5);
}

/*************************/
/**  BKG + TEXT COLORS  **/
/*************************/

body,
#contentContainer .container,
.container,
.overlay,
div.settingsOverlay,
div.disabledElement,
.pageBKG,
.schedulingBox,
#dataRangeBox,
.accordion-inner
{
  background:       rgba(238, 241, 244, 1);
  color:            rgba(45, 45, 45, 1);
}

input,
.form-control,
select
{
  color:            rgba(45, 45, 45, 1);
  border: 1px solid rgba(45, 45, 45, 0.3);
}

#bgHomeContainer .description,
#messageSettingsLink a
{
  color:            rgba(150, 150, 150, 1);
}

.arrow_box:after
{
  border-bottom-color: rgba(238, 241, 244, 1);
}

.btn-container.disabled > .btn,
.btn-container.enabled-false > .btn,
.btn.disabled,
.btn.disabled:hover,
.btn.enabled-false,
.btn.disabled:focus,
.btn-default[disabled]:hover,
.btn.enabled-false:focus,
div.ringOrderTable div.tableCell:hover,
div.ringOrderTable div.emptyTable:hover,
.phoneRowAdd:hover
{
  background:       rgba(150, 150, 150, 0.5);
}

.bkg-fade,
.table-hover>tbody>tr:hover,
.scrollableArea.settings div.sectionHeader:hover,
.scrollableArea.settings div.subsectionHeader:hover,
#ecmTabBox a.disabled,
div.ringOrderTable div.emptyTable
{
  background:       rgba(150, 150, 150, 0.25);
}

.hero-unit ul .btn
{
  color:            rgba(150, 150, 150, 1);
}

/*******************************/
/**  POPUP + DROPDOWN COLORS  **/
/*******************************/
.modal-content
{
  box-shadow: 0 5px 15px rgba(45, 45, 45, 0.8);
  color: #290350;
}

.actionMenu,
.popover,
.MultiRecipActionMenu,
div.dialog,
.panel-footer,
.panel-heading,
#feedback-welcome,
#feedback-highlighter,
#feedback-overview,
#feedback-submit-success,
#feedback-submit-error,
#bcmStatusOptions, #bcmRingOptions
{
  background:       rgba(238, 241, 244, 1);
  color:            rgba(45, 45, 45, 1);
}

#bcmStatusOptions a,
#bcmRingOptions a
{
  color:            #290350;
}

.modal-footer,
.modal-header,
.panel-footer,
.panel-heading
{
  border-color:     rgba(45, 45, 45, 0.25);
}

/************************/
/**    PRIMARY COLOR   **/
/************************/

.primaryTextColor,
.settings div.sectionHeader h2.primaryTextColor,
.settings div.sectionHeader h3.primaryTextColor
{
  color:            rgba(41, 3, 80, 1);
  font-weight: 200;
}

.vmStateUnheard .messageDetails
{
  color:            rgba(41, 3, 80, 1);
  font-weight: 600;
}

.readfalse .messageDetails
{
  color:            rgba(41, 3, 80, 1);
  font-weight: 600;
}

.primaryBorderColor
{
  border-color:     rgba(41, 3, 80, 1);
  background-color: rgba(238, 241, 244, 1);
}

a, a:hover, a:focus, tr.linkRow
{
  color:            rgba(41, 3, 80, 1);
}

a:hover, a:focus,
tr.linkRow:hover td > span,
tr.linkRow:hover td div > span
{
  opacity: 0.7;
}

.btn, .btn:hover, .btn:active, .btn:focus, .primaryBKGColorWithText,
#loadingProgressBar .bar
{
  color:            rgba(255, 255, 255, 1);
  background-color: rgba(41, 3, 80, 1);
  border: none;
}

.btn a
{
  color:            rgba(255, 255, 255, 1);
}

.primaryBKGColor,
img.voicemailUnheard,
img.videomailNotPlayed,
img.voicemailLoading,
img.videomessageLoading,
.selectedAppTab .detailsNavLink,
div#helpNavigationTab li.selected,
.actionsButton.primaryBKGColor,
.actionsButton.primaryBKGColor:hover,
.hero-unit ul .btn.selected
{
  background-color: rgba(41, 3, 80, 1);
  color:            rgba(255, 255, 255, 1);
}

.primaryBKGColor a,
div#helpNavigationTab li.selected a
{
  color:            rgba(255, 255, 255, 1);
  font-weight: 400;
}

h2, h3
{
  color:            rgba(41, 3, 80, 1);
}

/*************************/
/** PRIMARY COLOR FADES **/
/*************************/

.secondaryBKGColor,
img.secondaryBKGColor,
img.voicemailHeard,
img.videomailPlayed
{
  background-color: rgba(41, 3, 80, 0.2);
  color:            rgba(41, 3, 80, 1);
}

.actionMenu tr:hover,
.actionMenu tr a:hover,
.actionMenu tr td:focus,
.flatButton:hover,
.flatButton.flatButtonActive,
#bcmStatusOptions li:hover,
#bcmRingOptions li:hover,
#destinationListAdd tr.selected
{
  background-color: rgba(41, 3, 80, 0.2);
  border-color:     rgba(41, 3, 80, 0.2);
}

#summaryPanel em,
{
  color:            rgba(41, 3, 80, 1);
}

/************************/
/**    ACCENT COLOR    **/
/************************/

.accentColor
{
  background-color: rgba(176, 3, 211, 1);
}

.accentColorSVG
{
  fill: rgba(176, 3, 211, 1);
}

.numberBadge.accentColor,
.mainNumberBadge.accentColor,
.tickBadge.accentColor,
.linkBadge.accentColor
{
  background-color: rgba(238, 241, 244, 1);
  border: 2px       rgba(176, 3, 211, 1) solid;
  color:            rgba(176, 3, 211, 1);
}

.nav-pills > li.selected > a,
.nav-pills > li.selected > a:focus,
.nav-pills > li.selected > a:hover
{
  background-color: rgba(176, 3, 211, 1);
}

/*modified 082523*/
.nav-tabs > li.selected > a,
.nav-tabs > li.selected > a:focus,
.nav-tabs > li.selected > a:hover
{
  color:            #290350;
}

.nav>li>a:focus,
.nav>li>a:hover
{
  background-color: rgba(176, 3, 211, 0.3);
  color:            rgba(255, 255, 255, 1);
}

/** ACD STATS **/

#tab1.selected, #tab4.selected,
#tab2.selected .accordion-toggle, #tab3.selected .accordion-toggle
{
  background-color: rgba(176, 3, 211, 1);
}

#tab1.selected a, #tab4.selected a,
#tab2.selected .accordion-toggle, #tab3.selected .accordion-toggle
{
  color:            rgba(238, 241, 244, 1);
}

/*************************/
/**  ADDITIONAL COLORS  **/
/*************************/

/** ACD STATS **/
#actions .btn
{
  background-color: rgba(150, 150, 150, 0.25);
}

#actions .agentView{
  background-color: rgba(150, 150, 150, 1);
  color:            rgba(41, 3, 80, 1);
}

#actions .download
{
  background-color: rgba(176, 3, 211, 1);
  color:            rgba(41, 3, 80, 1);
}

#availableState
{
  color:            rgba(48, 98, 2, 1);
}

div#bcmStatusDropDown
{
  background-color: rgba(176, 226, 20, 1);
}

div#bcmStatusDropDown.dndEnabled_true.dndSubscribed_true
{
  background-color: rgba(240, 57, 61, 1);
}

#tabPanelContainer .AppLinkHolder .AppGreyedLink
{
  color:            rgba(161, 161, 161, 1);
}

/*****************************************************************************/
/* MANUAL OVERRIDES                                                          */
/*****************************************************************************/
/* (C) Metaswitch Networks 2017 */
.dummyCSSclass{display:none;}

/************************/
/**   MAIN TEXT STYLE  **/
/************************/

body,
div.bootStrapBody
{
  font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial;
}

/************************/
/** SURROUND BKG COLOR **/
/************************/

body#bodySurround,
body#bodySurroundBG,
body#mainBody:not(.isFixedHeight),
body#mainBodyBG:not(.isFixedHeight),
body.setupWizard,
body.login,
body.pageSurround,
div.bgNavBar
{
  background:       #eef1f4;
}

.side-borders
{
  border-right: 1px solid #29035080;
  border-left:  1px solid #29035080;
}

/*************************/
/**  BKG + TEXT COLORS  **/
/*************************/

body,
#contentContainer .container,
.container,
.overlay,
div.settingsOverlay,
div.disabledElement,
.pageBKG,
.schedulingBox,
#dataRangeBox,
.accordion-inner
{
  background:       rgba(255, 255, 255, 1);
  color:            #290350;
}

input,
.form-control,
select
{
  color:            #290350;
  border: 1px solid #2903504d;
}

#bgHomeContainer .description,
#messageSettingsLink a
{
  color:            #290350;
}

.arrow_box:after
{
  border-bottom-color: rgba(255, 255, 255, 1);
}

.btn-container.disabled > .btn,
.btn-container.enabled-false > .btn,
.btn.disabled,
.btn.disabled:hover,
.btn.enabled-false,
.btn.disabled:focus,
.btn-default[disabled]:hover,
.btn.enabled-false:focus,
div.ringOrderTable div.tableCell:hover,
div.ringOrderTable div.emptyTable:hover,
.phoneRowAdd:hover
{
  background:       rgba(150, 150, 150, 0.5);
}

.bkg-fade,
.table-hover>tbody>tr:hover,
.scrollableArea.settings div.sectionHeader:hover,
.scrollableArea.settings div.subsectionHeader:hover,
#ecmTabBox a.disabled,
div.ringOrderTable div.emptyTable
{
  background:       #eef1f4;
}

.hero-unit ul .btn
{
  color:            #290350;
}

/*******************************/
/**  POPUP + DROPDOWN COLORS  **/
/*******************************/
.modal-content
{
  box-shadow: 0 5px 15px rgba(45, 45, 45, 0.8);
  color: #290350;
}

.actionMenu,
.popover,
.MultiRecipActionMenu,
div.dialog,
.panel-footer,
.panel-heading,
#feedback-welcome,
#feedback-highlighter,
#feedback-overview,
#feedback-submit-success,
#feedback-submit-error,
#bcmStatusOptions, #bcmRingOptions
{
  background:       rgba(255, 255, 255, 1);
  color:            #290350;
}

#bcmStatusOptions a,
#bcmRingOptions a
{
  color:            #290350;
}

.modal-footer,
.modal-header,
.panel-footer,
.panel-heading
{
  border-color:     rgba(150, 150, 150, 0.25);
}

/************************/
/**    PRIMARY COLOR   **/
/************************/

.primaryTextColor,
.settings div.sectionHeader h2.primaryTextColor,
.settings div.sectionHeader h3.primaryTextColor
{
  color:            #290350;
  font-weight: 200;
}

.vmStateUnheard .messageDetails
{
  color:            #290350;
  font-weight: 600;
}

.readfalse .messageDetails
{
  color:            #290350;
  font-weight: 600;
}

.primaryBorderColor
{
  border-color:     #290350;
  background-color: rgba(255, 255, 255, 1);
}

a, a:focus, tr.linkRow
{
  color:            #b003d3;
}

/*modified from #e370ff 083123*/
a:hover, tr.linkRow:hover
{
  color: #290350;
}

a:hover, a:focus,
tr.linkRow:hover td > span,
tr.linkRow:hover td div > span
{
  opacity: 1;
  outline-offset: 1px;
}

.btn:hover
{
  background-color: #b003d3;
  border: none;
}

.btn a
{
  color:            rgba(255, 255, 255, 1);
}

.primaryBKGColor,
img.voicemailUnheard,
img.videomailNotPlayed,
img.voicemailLoading,
img.videomessageLoading,
.selectedAppTab .detailsNavLink,
div#helpNavigationTab li.selected,
.actionsButton.primaryBKGColor,
.actionsButton.primaryBKGColor:hover,
.hero-unit ul .btn.selected
{
  background-color: #290350;
  color:            rgba(255, 255, 255, 1);
}

.primaryBKGColor a,
div#helpNavigationTab li.selected a
{
  color:            rgba(255, 255, 255, 1);
  fill:             rgba(255, 255, 255, 1);
  font-weight: 400;
}

h2, h3
{
  color:            #290350;
}

/*************************/
/** PRIMARY COLOR FADES **/
/*************************/

.secondaryBKGColor,
img.secondaryBKGColor,
img.voicemailHeard,
img.videomailPlayed
{
  background-color: #29035033;
  color:            #290350;
}

.actionMenu tr:hover,
.actionMenu tr a:hover,
.flatButton:hover,
.flatButton.flatButtonActive,
#bcmStatusOptions li:hover,
#bcmRingOptions li:hover,
#destinationListAdd tr.selected
{
  background-color: #29035033;
  border-color:     #29035033;
}

#summaryPanel em,
{
  color:            #290350;
}
/************************/
/**    ACCENT COLOR    **/
/************************/

.accentColor
{
  background-color: #290350;
}

.accentColorSVG
{
  fill: #290350;
}

.numberBadge.accentColor,
.mainNumberBadge.accentColor,
.tickBadge.accentColor,
.linkBadge.accentColor
{
  background-color: rgba(255, 255, 255, 1);
  border: 2px       #290350 solid;
  color:            #290350;
}

.nav-pills > li.selected > a,
.nav-pills > li.selected > a:focus,
.nav-pills > li.selected > a:hover
{
  background-color: #f370ff;
  color: #290350;
  outline-color: #290350;
}

.nav-pills > li.selected > a:focus-visible {
    outline-color: #290350;
    outline-offset: 1px;
}

.nav>li>a:focus,
.nav>li>a:hover
{
  background-color: #290350;
  color:            #f370ff;
}

/** ACD STATS **/

#tab1.selected, #tab4.selected,
#tab2.selected .accordion-toggle, #tab3.selected .accordion-toggle
{
  background-color: #b003d3;
}

#tab1.selected a, #tab4.selected a,
#tab2.selected .accordion-toggle, #tab3.selected .accordion-toggle
{
  color:            rgba(255, 255, 255, 1);
}

/*************************/
/**  ADDITIONAL COLORS  **/
/*************************/

/** ACD STATS **/
#actions .btn
{
  background-color: rgba(150, 150, 150, 0.25)
}

#actions .agentView
{
  background-color: rgba(228, 149, 80, 1)
  color:            rgba(255, 255, 255, 1);
}

#actions .download
{
  background-color: #b003d3;
  color:            rgba(255, 255, 255, 1);
}

#availableState
{
  color: #290350;
}

div#bcmStatusDropDown
{
  background-color: rgba(176, 226, 20, 1);
}

div#bcmStatusDropDown.dndEnabled_true.dndSubscribed_true
{
  background-color: rgba(240, 57, 61, 1);
}

#tabPanelContainer .AppLinkHolder .AppGreyedLink
{
  color:            rgba(161, 161, 161, 1);
}

.btn:hover, .servicesBtnBkg:hover
{
    opacity: 1;
    background: #f370ff;
    color: #290350;
}

#startButton, #startButton:focus, #startButton.focus, #launcherButton, #launcherButton:focus, #launcherButton.focus 
{
    margin-right: 10px;
    background: #f370ff;
    outline-color: #290350;
}

#navbarDeviceBtn:hover, .dropdown.open #navbarDeviceBtn, #startButton:hover, .dropdown.open #startButton, .navbarLauncherButton:hover 
{
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
    opacity: 1;
    background: #b003d3;
    color: #ffffff;
}

#navbarDeviceBtn,
{
    background: #f370ff;
}

#navbarDeviceBtn:focus, #navbarDeviceBtn.focus
{
  outline-color: #290350;
}

.bkg-fade, .table-hover>tbody>tr:hover, .scrollableArea.settings div.sectionHeader:hover, .scrollableArea.settings div.subsectionHeader:hover, #ecmTabBox a.disabled, div.ringOrderTable div.emptyTable .hero-unit ul .btn 
{
    color: #290350;
}

.form-control:focus 
{
    border-color: #f370ff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #f370ff99;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #f370ff99;
}
  
input[type=checkbox], input[type=radio] 
{
  accent-color: #290350;
}

input[type=checkbox]:hover, input[type=radio]:hover
{
  opacity: 0.7;
}

/*changed from ouline: none 090723*/
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus 
{
    outline-color: #f370ff;
    outline-offset: -1px;
}

img.voicemailUnheard:hover,
img.videomailNotPlayed:hover 
{
  opacity: 0.7;
}

img.voicemailHeard:hover,
img.videomailPlayed:hover 
{
  opacity: 0.7;
}

div.rightAlign a.checkmarkRemove:hover 
{
  opacity: 0.7;
}

.sprite-fax-unreadIcon:hover,
.sprite-fax-readIcon:hover 
{
  opacity: 0.7;
}

a.removeIcon:hover 
{
    opacity:0.7;
}

.navbar-nav > li.active > a:hover, 
.nav > li > a:focus, 
.nav > li > a:hover
{
    background-color: transparent;
    color: #f370ff;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #290350;
    text-decoration: none;
    background-color: #29035033;
}

.form-control, {
  color: #290350;
}

/*added color and opacity from 0.7 090623*/
a.pull-right:hover {
  opacity: 1.0;
  color: #f370ff;
}

textarea:focus-visible {
    outline: 1px solid #f370ff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #f370ff99;
}

a:focus-visible {
  outline-color: #f370ff;
  outline-offset: -1px;
}

.svgicon-question-sign:hover {
    background: url(../../img/svgs/help-with-circle.svg) no-repeat;
    height: 16px;
    width: 16px;
    position: relative;
    top: 3px;
    opacity: 0.7;
}

.svgicon-question-sign-white:hover {
    background: url(../../img/svgs/help-with-circle-white.svg) no-repeat;
    height: 16px;
    width: 16px;
    position: relative;
    top: 3px;
    opacity:0.7;
}

/*updated opactiy 090523*/
#membershipList a:hover, #membershipList a:focus {
    text-decoration: none;
    opacity: 1.0;
}

#voicemailPlaybackSelect a:focus-visible, select:focus-visible {
    outline: 1px solid #f370ff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #f370ff99;
}

a.pull-right.XA_SDDeleteSpeedDial a:hover {
  opacity: 0.7;
}

#feedbackBtn a:hover {
  color: #f370ff;
}

#navbar #feedbackBtn {
    background: #f370ff;
}

#navbar #feedbackBtn:hover {
    background: #b003d3;    
}

#navbar .toggleButton {
    background: #f370ff;
}

#navbar .toggleButton:hover {
    background: #b003d3;
}

.datepicker table tr td.today {
    color: #000;
    background-color: #29035033;
    border-color: #290350;
}

.datepicker table tr td.today:hover {
    color: #000;
    background-color: #29035066;
    border-color: #290350;
}

.datepicker table tr td.today.active.focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active.focus, .datepicker table tr td.today:active:focus, .datepicker table tr td.today:active:hover {
    color: #290350;
    background-color: #29035066;
    border-color: #290350;
}

#dataRangeBox .attentionField, #dataRangeBox.attentionField, #scheduleSelect.attentionField {
    border: 1px solid #f370ff;
}

.ui-widget-header {
    border: 1px solid #290350;
    background: #290350;
    color: #fff;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #f6f6f6 url(../../../img/jquery-ui/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #290350;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #f370ff;
    background: #fff url(../../../img/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #b003d3;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: none;
    background: none;
    font-weight: bold;
    color: transparent;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(../../../img/jquery-ui/ui-icons_ffffff_256x240.png);
}

div#GroupMemberships ul.cssGroupList li span {
    text-decoration: underline;
    cursor: pointer;
    color: #b003d3;
}

/*updated 090623*/
div#GroupMemberships ul.cssGroupList:hover li span {
    text-decoration: underline;
    cursor: pointer;
    color: #290350;
}

/*added 082523 accountcodes*/
div#accTabBox.accListNav ul.nav.nav-tabs {
  background: #29035033;
}

div#accTabBox.accListNav ul.nav-tabs > li.selected > a, .nav-tabs > li.selected > a:focus, .nav-tabs > li.selected > a:hover {
  color: #290350;
}

div#accountCodeOptions ul.nav.nav-tabs {
  background: #29035033;
}

div#accountCodeOptions ul.nav.nav-tabs li span {
  color: #290350;
}

/*added 082523 summary*/
div#summaryServices.contentColumn ul.nav.nav-tabs {
  background: #29035033;
}

div#summaryServices.contentColumn ul.nav.nav-tabs li span {
  color: #290350;
}

/*added 082523 followme*/
div#followMe.contentColumn ul.nav.nav-tabs  {
  background: #29035033;
}

div#followMe.contentColumn ul.nav.nav-tabs li > span {
    color: #290350;
}

/*added 082523 contactlist*/
div#contactsNoSelectionDisplay ul {
    color: #290350;
    list-style-type: disc;
    padding-left: 12px;
}

/*added 082523 phonestatus tablist*/
.nav-tabs {
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 400;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: #29035033;
    border-radius: 3px;
}

.nav-tabs > li > a, .nav-tabs > li > span, .nav-tabs {
    border: none;
    color: #b003d3;
    padding: 5px;
}

/*added 082523 forwarding sections*/
#fdHint {
  background: #29035033;
}

/*added 082523 followme section*/
#fmfmHint {
  background: #29035033;
}

/*added 083123 callhistory numbbers*/
table div.namesAndNumbers > div {
  color:#b003d3;
}

/*added 083123 callhistory numbbers*/
table div.namesAndNumbers:hover > div {
  color:#290350;
}

/*added 083123 hints fix*/
.fdHint {
  background:#29035033;
}

/*added 083123 extensions*/
d#outerBox.jsTelLinkEnabled .vcard .tel .value, .jsContactMenu {
    color: #b300d3;
}

/*added 083123 extensions*/
d#outerBox.jsTelLinkEnabled .vcard .tel .value, .jsContactMenu:hover {
    color: #290350;
}

/*added 083123 launcherButton hover*/
#launcherButton:hover {
  background: #b003d3;
}

/*added 083123 footer links*/
#personalDetailsDiv a:hover, #securityDiv a:hover, #supportDiv a:hover {
    text-decoration: underline;
    color: #f370ff;
}

/*added 083123 status tabbox links*/
li#jsTab-topTabBox-Summary a:hover, li#jsTab-topTabBox-Forwarding a:hover, li#jsTab-topTabBox-SimRing a:hover, li#jsTab-topTabBox-FollowMe a:hover, li#jsTab-topTabBox-msFollowMe a:hover, li#jsTab-topTabBox-Screening a:hover {
    color: #290350;  
}

/*added 090523 forwarding tabbox links*/
li#jsTab-fwdTabBox-Immediate a:hover, #jsTab-fwdTabBox-BusyNoAnswer a:hover, #jsTab-fwdTabBox-Unavailable a:hover, #jsTab-fwdTabBox-Selective a:hover, #jsTab-fwdTabBox-Destinations a:hover {
    color: #290350;  
}

/*added 090523 simring tabbox links*/
div#simRing.contentColumn ul.nav.nav-tabs li > span {
    color: #290350;
}

/*added 090523 screening tabbox links*/
li#jsTab-scrnTabBox-DoNotDisturb a:hover, li#jsTab-scrnTabBox-SelectiveAcceptance a:hover, li#jsTab-scrnTabBox-SelectiveRejection a:hover, li#jsTab-scrnTabBox-AnonymousRejection a:hover, li#jsTab-scrnTabBox-PriorityCall a:hover {
    color: #290350;  
}

/*added 090523 msg and calls tabbox links*/
li#jsTab-tabBox-Messages a:hover, li#jsTab-tabBox-Faxes a:hover, li#jsTab-tabBox-Missed a:hover, li#jsTab-tabBox-Dialed a:hover, li#jsTab-tabBox-Received a:hover, li#jsTab-tabBox-Rejected a:hover, li#jsTab-tabBox-Trash a:hover {
    color: #290350;  
}

/*added 090523 contacts tabbox links*/
li#jsTab-tabBox-ContactList a:hover, li#jsTab-tabBox-SpeedDials a:hover, li#jstab-TabBox-LDAPContacts a:hover, li#jsTab-tabBox-IntercomCodes a:hover, li#jsTab-tabBox-ShortCodes a:hover {
    color: #290350;  
}

/*added 090523 settings cog*/
.svgicon-cog:hover {
  opacity: 0.7;
}

/*added 090523 buttons and text hover*/
.numberDiv:hover .servicesBtnBkg {
  background: #f370ff;
}

/*added 090523 buttons and text hover*/
.numberDiv:hover .caption {
  color: #290350;
}

/*added 090523 buttons and text hover*/
.numberDiv:hover .badge {
  background-color: rgba(255, 255, 255, 1);
    border: 2px #f370ff solid;
    color: #f370ff;
}

/*added 090523 buttons and text hover*/
.numberDiv:hover .accentColorSVG {
  fill: #f370ff;
}

/*added 090523 buttons and text hover*/
.service-item:hover .servicesBtnBkg {
  background: #f370ff;
}

/*added 090523 buttons and text hover*/
.service-item:hover .caption {
  color: #290350;
}

/*added 090523 buttons and text hover*/
.service-item:hover .badge {
  background-color: rgba(255, 255, 255, 1);
    border: 2px #f370ff solid;
    color: #f370ff;
}

/*added 090523 buttons and text hover*/
.service-item:hover .accentColorSVG {
  fill: #f370ff;
}

/*added 090623 playback progress bar*/
div.viewerControls #viewerMarker {
  background: #290350;
}

/*added 090623*/
div.progressBarContainer {
  border-left: 1px solid #2903504d;
  border-top: 1px solid #2903504d;
}

/*added 090623*/
input.defaultPrompt {
    color: #290350;
    border: 1px solid #2903504d;
}

/*added 090623*/
a.suggestions {
  color:#290350;
}

#mainMenu li > a.active {
    background-color: #f370ff;
    color: #290350;
}

div.searchableDropdown li.hover {
  background: #29035033;
  color: #290350;
}

li#jsTab-tabBox-MLHGPilots a:hover, li#jsTab-tabBox-MLHGLines a:hover, li#jsTab-tabBox-MLHGSettings a:hover {
  color: #290350;
}

li#jsTab-tabBox-CPUGLines a:hover, li#jsTab-tabBox-Settings a:hover {
  color: #290350;
}

li#jsTab-mlhgSettingsTabBox-Preferences a:hover, li#jsTab-mlhgSettingsTabBox-HuntSettings a:hover {
  color: #290350;
}

div#mainMenu a:focus {
  outline:none;
}

img.primaryBKGColor.btnCircle:hover {
  background-color: #f370ff;
}

li#tabListBtn a:hover, li#tabContactsBtn a:hover, li#tabExtensionsBtn a:hover {
  color: #290350;
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-color: #f370ff;
  outline-offset: 0px;
}

#LargeIconSchedule:hover, #LargeIconMenus:hover, #LargeIconAnnouncements:hover, #LargeIconExtensions:hover, #LargeIconAdvanced:hover {
  opacity: 1;
  background-color: #f370ff;
}

li#jsTab-tabBox-Main a:hover, li#jsTab-tabBox-Schedule a:hover, li#jsTab-tabBox-Menus a:hover, li#jsTab-tabBox-Announcements a:hover, li#jsTab-tabBox-Extensions a:hover, li#jsTab-tabBox-Advanced a:hover {
  color: #290350;
}

li#jsTab-tabBox-BusinessHoursMenu a:hover, li#jsTab-tabBox-NonBusinessHoursMenu a:hover {
  color: #290350;
}

li#jsTab-advancedTabBox-Default a:hover, li#jsTab-advancedTabBox-Error a:hover, li#jsTab-advancedTabBox-Other a:hover {
  color: #290350;
}

div.progressStatus {
    color: #290350;
}

img.primaryBKGColor:hover {
    opacity: 0.7;
}

.spokenNameIcon:hover {
    opacity: 0.7;
}

.scheduleColorOT, div.columnContents table.selectableList tr.cssListEntryFocused td.scheduleColorOT {
    color: #290350;
}

.headerBox, thead {
    background: #29035033;
}

.yui-calendar td.calcell.selected a, .yui-calendar td.calcell.drag a {
    display: block;
    color: #290350;
    background-color: #f370ff;
}

div#leftCalendarBtns > span:hover {
    opacity: 0.7;
}

div#rightCalendarBtns > span:hover {
    opacity: 0.7;
}

.yui-calendar td.calcell a {
    color: #290350;
}

.yui-calendar td.calcell.today a {
    border: 1px solid #290350;
}

ul#holidaysList {
    color: #b003d3;
}

li#jsTab-menusTabBox-General a:hover, li#jsTab-menusTabBox-Keys a:hover, li#jsTab-menusTabBox-Timeout a:hover, li#jsTab-menusTabBox-References a:hover {
  color: #290350;
}

li#jsTab-menusTabBox-General a:focus, li#jsTab-menusTabBox-Keys a:focus, li#jsTab-menusTabBox-Timeout a:focus, li#jsTab-menusTabBox-References a:focus {
  color: #b003d3;
}

input.defaultPrompt, textarea.defaultPrompt {
    border-color: #2903504d;
}

select, input.text, input.password, textarea {
    color: #290350;
    border: 1px solid #2903504d;
}

input:focus-visible {
    outline: 1px solid #f370ff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #f370ff99
}

img.keyActionGoToMenuIcon:hover {
    opacity: 0.7;
}

ul#menusList {
    color: #b003d3;
}

#menusList li.cssListEntryFocused > span > span {
    font-weight: bold;
    color: #290350;
}

#menusList li > span > span:hover {
    color: #290350;
}

li#jsTab-extTabBox-BGExtensions a:hover, li#jsTab-extTabBox-AdditionalExtensions a:hover {
  color: #290350;
}

#navbarDeviceBtn, #navbarDeviceBtn:focus, #navbarDeviceBtn.focus {
    background: #f370ff;
}

.navbar-nav > .nav > li > a:focus {
    color: #b003d3;
}

.nav > li > a:focus {
    color: #b003d3;
    outline-color: #f370ff;
}

.navbar-nav > li > a:focus {
    color: #f370ff;
}

ul.nav.navbar-nav.navbar-left > li > a:focus {
    color: #f370ff;
}

a.schedulesGoToMenuIcon:hover {
    opacity: 0.7;
}

#addPH div.columnContents ul.selectableList li.cssListEntryFocused {
    font-weight: bold;
    background: rgba(130,130,130,0.15);
    color: #290350;
}

ul#holidaysList > li:hover {
    color: #290350;
}

#mainMenu a:focus {
    color: #f370ff;
}

span.eaScheduleBtn:hover, span.eaNonBusinessHoursMenuBtn:hover, span.eaBusinessHoursMenuBtn:hover {
  opacity: 1;
  background-color: #f370ff;
}

a.removeIcon.pull-right.XA_DeleteTarget:hover {
    opacity: 0.7;
}

a.pull-right.removeIcon.XA_DeleteReminder:hover {
    opacity: 0.7;
}

a.XA_CMForwardingFDDeleteDestination.pull-right:hover {
    opacity: 0.7;
}

a.XA_CMScreeningDeleteNumber.pull-right:hover {
  opacity: 0.7;
}

#summaryPanel em {
    color: #b003d3;
}

li#jsTab-accTabBox-Group a:hover {
    color: #290350;
}

a.pull-right.XA_ACDeleteAccountCode:hover {
  opacity: 0.7;
}

img.XA_ECMRemovePhoneTitle.XA_ECMRemovePhoneAlt:hover {
    opacity: 0.7;
}

a.pull-right.XA_SDDeleteSpeedDial:hover {
    opacity: 0.7;
}

.instantHelp.primaryBKGColor.XA_BCMIncomingCallSettingsApply:hover {
    opacity: 0.7;
}

div#fmfmUIHintIcon:hover {
    opacity: 0.7;
}

div#bcmStatusDropDown:hover {
    color: #fff;
}

div#dndState:hover {
    color: #fff;
}

.instantHelp.primaryBKGColor.XA_BCMIncomingCallSettingsApply:hover {
    opacity: 0.7;
}

.instantHelp.primaryBKGColor.XA_BCMChooseAllowRemote:hover {
    opacity: 0.7;
}

#dndAllowPriorityCallersBox span.dndPriorityList {
    color: #b003de;
}

span.jsElse.XI_BCMAnotherPhone {
    text-decoration: underline;
    color: #b003d3;
}

span.jsElse.XI_BCMAnotherPhone:hover {
    color: #290350;
}

#dndAllowPriorityCallersBox span.dndPriorityList:hover {
    color: #290350;
}

img.deleteRingingPosition:hover {
    opacity: 0.7;
}

div#ScreeningOptions h4 {
    color: #b003d3;
}

div#ScreeningOptions u {
    color: #b003d3;
}

div#ScreeningOptions u:hover {
    color: #290350;
}

div#ScreeningOptions > div > div > .avdTitle.vcenter:hover > h4 {
    color: #290350;
}

div#ScreeningOptions > div > div > .avdTitle.vcenter:hover > img {
    opacity: 0.5;
}

.bcmDropDownArrow .caret {
    color: #fff;
}

.dndEnabled_false > div > div > div > .bcmDropDownArrow span.caret {
    color: #290350;
}

span.jsShowIf-BCF-Number\._-NotEquals-.jsFunction-setBCFForwardingDestinationName {
    color: #b003d3;
    text-decoration: underline;
}

span.jsShowIf-BCF-Number\._-NotEquals-.jsFunction-setBCFForwardingDestinationName:hover {
    color: #290350;
}

span.jsShowIf-DCF-Number\._-NotEquals-.jsFunction-setDCFForwardingDestinationName {
    color: #b003d3;
    text-decoration: underline;
}

span.jsShowIf-DCF-Number\._-NotEquals-.jsFunction-setDCFForwardingDestinationName:hover {
    color: #290350;
}

div#right {
    border: #290350 1px solid;
}

div.ringOrderTable div.tableCell {
    border-bottom: 1px solid #29035080;
}

div.tableRuler div {
    border-right: 1px solid #290350;
}

div.tableRuler div span {
    color: #290350;
}

div.ringOrderTable div.ringOrderTableInnerWrapper {
    border: 1px solid #290350;
}

div.ringOrderTable div.timeStep {
    border-right: 1px solid #29035080;
}

.phoneRowAdd {
    border: 1px solid #29035080;
}

.phoneRowAdd:hover {
    background: rgba(150, 150, 150, 0.5) url(../../img/bcm/fmfmAddPhone.png) center center no-repeat;
}

.ringOrderTable .ui-resizable-handle {
    color: #290350;
}

div.ringOrderTable div.colNames {
    border-right: #29035080 1px solid;
}

.dcfContent > div > u {
    text-decoration: none;
}

.ringOrderTable .stepNumberBackground {
  color:#29035080;
}

span.eaEasyAttendantMenuBtn:hover {
    opacity: 1;
    background-color: #f370ff;
}

span.eaSwitchToScheduleBtn:hover {
    opacity: 1;
    background-color: #f370ff;
}

span.eaSwitchToSingleBtn:hover {
    opacity: 1;
    background-color: #f370ff;
}

div#scheduleKey table div.scheduleKeySquareEnabled {
    background: #b003d3 none repeat scroll 0%;
}

#eaWeeklyPanel td.p0 {
    background: #b003d3;
}

#eaWeeklyPanel td.p0drag {
    background: #b003d3;
}

.scheduleColor0, div.columnContents table.selectableList tr.cssListEntryFocused td.scheduleColor0 {
    color: #b003d3;
}

#weeklyPanel td.p0 {
    background: #b003d3;
}

#weeklyPanel td.p0drag {
    background: #b003d3;
}

a.XA_EASpecialDaysButton:hover {
    opacity: 1;
    background-color: #f370ff;
}

a.XA_DeleteRule:hover {
    opacity: 0.7;
}

a.XA_DeleteSetOfRules.ICMDeleteSetofRulesIcon:hover {
    opacity: 0.7;
}

a.XA_DeletePeriod:hover {
    opacity: 0.7;
}

span.paMenuWarningMessage {
    color: #f370ff;
}

.scheduleColor1, div.columnContents table.selectableList tr.cssListEntryFocused td.scheduleColor1 {
    color: #8c8c8c;
}

#weeklyPanel td.p1 {
    background: #8c8c8c;
}

#weeklyPanel td.p1drag, #weeklyPanel.p1bright td.p1drag {
    background: #8c8c8c;
}

.scheduleColor2, div.columnContents table.selectableList tr.cssListEntryFocused td.scheduleColor2 {
    color: #290350;
}

#weeklyPanel td.p2 {
    background: #290350;
}

#weeklyPanel td.p2drag, #weeklyPanel.p2bright td.p2drag {
    background: #290350;
}

li#jsTab-topTabBox-ICMSummary a:hover, li#jsTab-topTabBox-Rules a:hover, li#jsTab-topTabBox-WeeklySchedule a:hover, li#jsTab-topTabBox-SpecialDays a:hover {
    color: #290350;
}

/*added 022024 status bg misc. settings tabbox links*/
li#jsTab-tabBox-NumberBlocks a:hover, li#jsTab-tabBox-ExternalCalls a:hover, li#jsTab-tabBox-TrunkCalls a:hover, li#jsTab-tabBox-CallNotifications a:hover, li#jsTab-tabBox-OtherSettings a:hover {
  color: #290350;
}

/*added 022024 action button hover opacity*/
a.actionsButton.primaryBKGColor.pull-right:hover {
  opacity: 0.7;
}

div#ucfBoxContent .ucfNumber span {
    color: #b003d3;
}

div#ucfBoxContent .ucfNumber span:hover {
    color: #290350;
}

.instantHelp.primaryBKGColor.XA_BCMRingPhoneOnce:hover {
    opacity: 0.7;
}

.progress-bar {
    background-color: #b003d3;
}