/* Copyright (c) Microsoft Corporation. All rights reserved. */
.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(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,
.form-select,
select
{
  color:            rgba(45, 45, 45, 1);
  border: 1px solid rgba(45, 45, 45, 0.3);
}

input:focus,
select:focus,
.form-control:focus,
.form-select:focus,
.form-check-input-a11y:focus {
    border-color: rgba(24, 90, 165, 1);
    outline-width: 2px;
    outline-style: solid;
    outline-color: transparent;
    box-shadow: 0 0 0 0.2rem rgba(24, 90, 165, 0.7);
}

.form-check-input-a11y:checked {
    accent-color: rgba(24, 90, 165, 1);
}

#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-secondary[disabled]:hover,
.btn.enabled-false:focus,
div.ringOrderTable div.tableCell:hover,
div.ringOrderTable div.tableCell:focus,
div.ringOrderTable div.emptyTable:hover,
div.ringOrderTable div.emptyTable:focus,
.phoneRowAdd:hover .phoneRowAdd:focus
{
  background:       rgba(150, 150, 150, 0.5);
}

.table {
  --bs-table-hover-bg: rgba(150, 150, 150, 0.25);
}

.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);
}

.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(39, 133, 246, 1);
  font-weight: 200;
}

.vmStateUnheard .messageDetails
{
  color:            rgba(39, 133, 246, 1);
  font-weight: 600;
}

.readfalse .messageDetails
{
  color:            rgba(39, 133, 246, 1);
  font-weight: 600;
}

.primaryBorderColor
{
  border-color:     rgba(39, 133, 246, 1);
  background-color: rgba(255, 255, 255, 1);
}

a,
tr.linkRow,
a:hover,
a:focus,
tr.linkRow>td>span
{
  color:            rgba(39, 133, 246, 1);
}

tr.linkRow>td a {
  text-decoration: none;
}

tr.linkRow>td a:hover,
tr.linkRow>td a:focus {
    color: rgb(39, 133, 246, 1);
    text-decoration: underline;
}

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

a[role="button"]:hover:not(.nav-link, .subItem),
a[role="button"]:focus:not(.nav-link, .subItem),
a[role="tab"]:hover,
a[role="tab"]:focus,
button.btn:hover,
button.btn:focus,
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    outline: 2px solid black;
    opacity: 1.0;
}

.btn,
.btn:hover,
.btn:active,
.btn:focus,
.primaryBKGColorWithText,
#loadingProgressBar .bar,
.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th,
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover
{
  color:            rgba(255, 255, 255, 1);
  background-color: rgba(39, 133, 246, 1);
  border: none;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: none;
    border: 2px dotted rgb(39, 133, 246, 1);
}

.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(39, 133, 246, 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(39, 133, 246, 1);
}

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

.secondaryBKGColor,
img.secondaryBKGColor,
img.voicemailHeard,
img.videomailPlayed
{
  background-color: rgba(39, 133, 246, 0.2);
  color:            rgba(39, 133, 246, 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(39, 133, 246, 0.2);
  border-color:     rgba(39, 133, 246, 0.2);
}

#summaryPanel em,
{
  color:            rgba(39, 133, 246, 1);
}

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

.accentColor
{
  background-color: rgba(246, 119, 72, 1);
}

.accentColorSVG
{
  fill: rgba(246, 119, 72, 1);
}

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

.nav-pills > li.selected > a,
.nav-pills > li.selected > a:focus,
.nav-pills > li.selected > a:hover,
.nav-pills > a.selected,
.nav-pills > a.selected:focus,
.nav-pills > a.selected:hover
{
  background-color: rgba(246, 119, 72, 1);
}

.nav-tabs>li.selected>a:focus,
.nav-tabs>li.selected>a:hover,
.nav-tabs>a.selected:focus,
.nav-tabs>a.selected:hover,
.nav-pills>a.selected:focus,
.nav-pills>a.selected:hover
{
  color:            rgba(246, 119, 72, 1);
}

.nav-tabs>a.selected {
  color: rgba(246, 119, 72, 1);
}

.nav>li>a:focus,
.nav>li>a:hover,
.nav>a:focus,
.nav>a:hover
{
  background-color: rgba(246, 119, 72, 0.3);
  color:            rgba(25, 25, 25, 1);
}

.nav>li>a {
  text-decoration: none;
}

.datepicker table tr td.today {
  background-color: rgba(246, 119, 72, 1);
  color: white;
}

.nav-justified>li>a,
.nav-justified>a {
  color: rgb(39, 133, 246, 1);
}

/** ACD STATS **/

#tab1.selected, #tab4.selected,
#tab2.selected .accordion-toggle, #tab3.selected .accordion-toggle
{
  background-color: rgba(246, 119, 72, 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(179, 172, 165, 1);
  color:            rgba(236, 234, 232, 1);
}

#actions .download
{
  background-color: rgba(179, 172, 165, 1);
  color:            rgba(236, 234, 232, 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);
}

@media (forced-colors:active) {

  .btn,
  .nav-link,
  .pageBKG {
      border: 1px solid transparent !important;
  }
}

/*****************************************************************************/
/* MANUAL OVERRIDES                                                          */
/*****************************************************************************/
#bodyLogin.isMSTeams #loginForm
{
  margin-top: 10px;
}

#bodyLogin.isMSTeams #loginForm.resetPassword #forgottenPassword,
#bodyLogin.isMSTeams #loginForm #resetPassword,
#bodyLogin.isMSTeams #loginForm.rememberMe #loginRememberMe
{
  display: none;
}