/* (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: Arial,"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(255, 255, 255, 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(255, 255, 255, 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(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,
#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);
}

.modal-content,
.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:            rgba(45, 45, 45, 1);
}

#bcmStatusOptions a,
#bcmRingOptions a
{
  color:            rgba(45, 45, 45, 1);
}

.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(0, 58, 112, 1);
  font-weight: 200;
}

.vmStateUnheard .messageDetails
{
  color:            rgba(0, 58, 112, 1);
  font-weight: 600;
}

.primaryBorderColor
{
  border-color:     rgba(0, 58, 112, 1);
  background-color: rgba(255, 255, 255, 1);
}

a, a:hover, a:focus, tr.linkRow
{
  color:            rgba(0, 58, 112, 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
{
  color:            rgba(255, 255, 255, 1);
  background-color: rgba(0, 58, 112, 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,
.hero-unit ul .btn.selected
{
  background-color: rgba(0, 58, 112, 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(0, 58, 112, 1);
}

/*************************/
/** PRIMARY COLOR FADES **/
/*************************/

.secondaryBKGColor,
img.secondaryBKGColor,
img.voicemailHeard,
img.videomailPlayed
{
  background-color: rgba(0, 58, 112, 0.2);
  color:            rgba(0, 58, 112, 1);
}

.actionMenu tr:hover,
.actionMenu tr a:hover,
.flatButton:hover,
.flatButton.flatButtonActive,
#bcmStatusOptions li:hover,
#bcmRingOptions li:hover,
#destinationListAdd tr.selected
{
  background-color: rgba(0, 58, 112, 0.2);
  border-color:     rgba(0, 58, 112, 0.2);
}

#summaryPanel em,
{
  color:            rgba(0, 58, 112, 1);
}

/************************/
/**    ACCENT COLOR    **/
/************************/

.accentColor
{
  background-color: rgba(207, 222, 0, 1);
}

.accentColorSVG
{
  fill: rgba(207, 222, 0, 1);
}

.numberBadge.accentColor,
.mainNumberBadge.accentColor,
.tickBadge.accentColor,
.linkBadge.accentColor
{
  background-color: rgba(255, 255, 255, 1);
  border: 2px       rgba(207, 222, 0, 1) solid;
  color:            rgba(207, 222, 0, 1);
}

.nav-pills > li.selected > a,
.nav-pills > li.selected > a:focus,
.nav-pills > li.selected > a:hover
{
  background-color: rgba(207, 222, 0, 1);
}

.nav-tabs > li.selected > a,
.nav-tabs > li.selected > a:focus,
.nav-tabs > li.selected > a:hover
{
  color:            rgba(207, 222, 0, 1);
}

.nav>li>a:focus,
.nav>li>a:hover
{
  background-color: rgba(207, 222, 0, 0.3);
  color:            rgba(25, 25, 25, 1);
}

/** ACD STATS **/

#tab1.selected, #tab4.selected,
#tab2.selected .accordion-toggle, #tab3.selected .accordion-toggle
{
  background-color: rgba(207, 222, 0, 1);
}

#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(0, 58, 112, 1);
  color:            rgba(255, 255, 255, 1);
}

#actions .download
{
  background-color: rgba(207, 222, 0, 1);
  color:            rgba(255, 255, 255, 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                                                          */
/*****************************************************************************/
