/**********************************************************************************************
 Core colors
**********************************************************************************************/
/**********************************************************************************************
 Light/dark mode variables
**********************************************************************************************/
/* to allow something to ALWAYS be white, no matter the mode*/
/**********************************************************************************************
 Brand Customization $ these will need light/dark versions too
**********************************************************************************************/
/* so primary buttons can stay the same between modes */
/* used for active and hover */
/* These styles broken into separate CSS file for inline use by Outlook Add In popup */
.WPActionToolbarContainer .InputPair_Horizontal {
  padding-top: 0px;
}

.WPActionToolbarContainer .InputPair {
  width: 226px;
}

.WPActionToolbarContainer .InputLabel {
  width: 80px;
}

.WPActionToolbarContainer .InputControl {
  width: 120px;
}

.WPActionToolbarContainer .InputControl {
  width: 130px;
}

.WPActionToolbarContainer .InputControl select {
  width: 120px;
}

.WPActionToolbarContainer .InputControl_Horizontal {
  padding-top: 0px;
  margin-top: 4px;
}

.WPActionToolbarContainer {
  padding: 8px 6px 8px 6px;
  clear: both;
  /*min-height: 22px;*/
  float: none;
}

.ui-layout-north > .WPActionToolbarContainer:not(.Button_Ribbon) {
  padding-left: 0px;
}

.WPActionToolbar {
  padding-right: 11px;
  float: left;
}

.WPActionToolbar DIV {
  float: left;
  white-space: nowrap;
}

.WPActionToolbar img {
  margin-right: 6px;
}

.WPActionMenuTag_ImageButton .NoImage {
  text-align: center;
}

.WPActionMenuTag_ImageButton i {
  font-size: 12px;
  color: rgb(3, 79, 145) !important;
  padding: 2px;
}

.WPActionToolbarContainer .ui-state-default, .WPActionToolbar .ui-widget-content .ui-state-default, .WPActionToolbar .ui-widget-header .ui-state-default {
  float: left;
  background: #aaa;
  display: block;
  padding: 2px 4px 3px 6px;
  border: 1px #ccc solid !important;
  border-radius: 3px !important;
  -moz-border-radius: 3px;
  line-height: 16px;
  height: 24px;
  font-weight: bold;
  font-size: 11px;
  min-width: 65px;
  cursor: default;
  color: rgb(3, 79, 145);
  margin-right: 3px;
  background-color: #fbfbfb;
}

/***************************Black Button ********************************/
.WPActionMenuTag a, .WPActionMenuTag a:hover, .WPActionMenuTag button, .ui-igupload-browsebutton, .ui-igupload-summary-button {
  float: left;
  display: block;
  padding: 3px 9px 3px 8px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  line-height: 18px;
  height: 18px;
  font-weight: bold;
  font-size: 11px !important;
  cursor: pointer;
  color: rgb(255, 255, 255) !important;
  margin-right: 3px;
}

.WPActionMenuTag a, .WPActionMenuTag a:hover, .WPActionMenuTag a span, .WPActionMenuTag a i {
  color: rgb(255, 255, 255) !important;
}

.dropdown-menu li > a, .WPActionMenuTag .dropdown-menu a, .WPActionMenuTag .dropdown-menu a:hover, .WPActionMenuTag .dropdown-menu a span, .WPActionMenuTag .dropdown-menu a i {
  color: #333 !important;
}

.WPActionMenuDivMenu .dropdown-menu li > a {
  color: rgb(3, 79, 145) !important;
}

.WPActionMenuDivMenu .dropdown-menu li > a.WPActionMenuLinkSelected {
  color: rgb(3, 79, 145) !important;
}

.dropdown-menu li > a:hover {
  text-decoration: none;
}

.WPActionMenuTag .NoImage {
  text-align: center;
}

.WPActionMenuTag a, .WPActionMenuTag a:visited, .WPActionMenuTag button {
  background-color: rgb(3, 79, 145);
}

.WPActionMenuTag a:hover, .WPActionMenuTag button:hover {
  background-color: rgb(4, 97, 178);
}

.BannerBox .WPActionMenuTag a, .BannerBox .WPActionMenuTag a:visited, .BannerBox .WPActionMenuTag button {
  background-color: #333 !important;
}

.BannerBox .WPActionMenuTag a span {
  background-color: transparent !important;
}

.WPActionMenuTag a:hover, .WPActionMenuTag button:hover {
  background-color: rgb(4, 97, 178);
}

.WPActionMenuTag_ImageButton a, .WPActionMenuTag_ImageButton a:hover, .WPActionMenuTag_ImageButton BUTTON, .WPActionMenuTag_ImageButton img,
.WPActionMenuTag_ImageButton .WPLinkButton_Default a img {
  outline: 0;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0px !important;
  margin: 0px !important;
}

/***************************PRIMARY BUTTON*******************************/
.WPActionPrimaryMenuTag a, .WPActionPrimaryMenuTag a:hover, .WPActionPrimaryMenuTag button, .ql-html-buttonOk, .dnnPrimaryAction {
  float: left;
  padding: 3px 6px 3px 6px;
  border: 0px;
  line-height: 18px;
  height: 18px;
  font-weight: bold;
  font-size: 11px !important;
  cursor: pointer;
  margin: auto;
  border-radius: 3px;
  display: inline-block;
  text-decoration: none;
  margin-right: 3px;
}

.WPActionPrimaryMenuTag a, .WPActionPrimaryMenuTag a:hover, .WPActionPrimaryMenuTag a span, .WPActionPrimaryMenuTag a i {
  color: rgb(255, 255, 255) !important;
}

.WPActionPrimaryMenuTag .NoImage {
  text-align: center;
}

.WPActionPrimaryMenuTag a, .WPActionPrimaryMenuTag a:hover, .WPActionPrimaryMenuTag a:visited, .WPActionPrimaryMenuTag button, .ql-html-buttonOk, .dnnPrimaryAction {
  text-shadow: none !important;
  background-color: rgb(3, 79, 145);
  color: rgb(255, 255, 255) !important;
}

.WPActionPrimaryMenuTag a:hover, .WPActionPrimaryMenuTag button:hover, .WPActionPrimaryMenuTag label.btn:hover {
  background-color: rgb(4, 97, 178);
}

.WPActionPrimaryMenuTag a.active, .WPActionPrimaryMenuTag button.active, .WPActionPrimaryMenuTag label.btn.active {
  border: 1px solid #337fed;
  background-color: #3d94f6;
}

.WPActionPrimaryMenuTag a.ok, .WPActionPrimaryMenuTag a.ok:visited, .WPActionPrimaryMenuTag button.ok {
  text-shadow: none !important;
  border: 1px solid rgb(5, 71, 0);
  background-color: rgb(24, 137, 16);
}

.WPActionPrimaryMenuTag a.ok.drop, .WPActionPrimaryMenuTag a.ok.drop:visited, .WPActionPrimaryMenuTag button.ok.drop {
  box-shadow: 0 0 12px 6px rgba(49, 187, 93, 0.4), 0 6px 20px 0 rgba(49, 187, 93, 0);
}

.WPActionPrimaryMenuTag a.ok:hover, .WPActionPrimaryMenuTag a.ok:visited, .WPActionPrimaryMenuTag button.ok:hover {
  text-shadow: none !important;
  border: 1px solid rgb(5, 71, 0);
  background-color: rgb(24, 137, 16);
}

.WPActionPrimaryMenuTag a.error, .WPActionPrimaryMenuTag a.error:visited, .WPActionPrimaryMenuTag button.error {
  text-shadow: none !important;
  border: 1px solid rgb(140, 1, 1);
  background-color: rgb(200, 60, 69);
}

.WPActionPrimaryMenuTag a.error.drop, .WPActionPrimaryMenuTag a.error.drop:visited, .WPActionPrimaryMenuTag button.error.drop {
  box-shadow: 0 0 12px 6px rgba(255, 80, 80, 0.4), 0 6px 20px 0 rgba(255, 80, 80, 0);
}

.WPActionPrimaryMenuTag a.error:hover, .WPActionPrimaryMenuTag a.error:visited, .WPActionPrimaryMenuTag button.error:hover {
  text-shadow: none !important;
  border: 1px solid rgb(140, 1, 1);
  background-color: rgb(200, 60, 69);
}

/***************************Secondary BUTTON*******************************/
.WPActionSecondaryMenuTag a,
.WPActionSecondaryMenuTag a:hover,
.WPActionSecondaryMenuTag button,
.WPActionSecondaryMenuTag label.btn,
.WPFileUploadBox.Compact,
.ql-html-buttonCancel,
select.WPActionSecondaryMenuTag,
.WPActionSecondaryMenuTag span.select2 span.select2-selection,
.dnnSecondaryAction {
  padding: 3px 6px 3px 6px;
  line-height: 18px;
  height: 18px;
  font-weight: bold;
  font-size: 11px !important;
  cursor: pointer;
  margin: auto;
  border-radius: 3px;
  border: 1px solid #ccc;
  display: inline-block;
  color: rgb(3, 79, 145) !important;
  text-decoration: none;
  text-shadow: none !important;
  margin-right: 3px;
}

.WPActionToolbar a,
.WPActionToolbar a:hover,
.WPActionToolbar button,
.WPActionToolbar label.btn {
  border: 0px !important;
}

select.WPActionSecondaryMenuTag {
  background-color: #fbfbfb;
  height: 24px;
  padding-left: 2px;
  padding-top: 2px;
}

.WPActionSecondaryMenuTag span.select2 > span.selection {
  padding: 0;
}

.WPActionSecondaryMenuTag span.select2 > span.selection span.select2-selection {
  padding-top: 0;
  padding-right: 16px;
  padding-left: 2px;
  height: 24px;
  width: 100%;
}

.WPActionSecondaryMenuTag span.select2 > span.selection span.select2-selection__rendered {
  border: none;
  color: rgb(3, 79, 145);
  padding-right: 4px;
}

.WPActionSecondaryMenuTag a, .WPActionSecondaryMenuTag a:hover, .WPActionSecondaryMenuTag a span, .WPActionSecondaryMenuTag a i, .WPFileUploadBox.Compact, .WPFileUploadBox.Compact span, .WPFileUploadBox.Compact div {
  color: rgb(3, 79, 145) !important;
}

.WPActionSecondaryMenuTag .WPFileUploadBox.Compact span:hover,
.WPActionSecondaryMenuTag .WPFileUploadBox.Compact div:hover {
  color: rgb(4, 97, 178) !important;
}

.WPActionSecondaryMenuTag.ok a, .WPActionSecondaryMenuTag.ok a:hover, .WPActionSecondaryMenuTag.ok a span, .WPActionSecondaryMenuTag.ok a i,
.WPActionSecondaryMenuTag.error a, .WPActionSecondaryMenuTag.error a:hover, .WPActionSecondaryMenuTag.error a span, .WPActionSecondaryMenuTag.error a i {
  color: #666 !important;
}

.WPActionSecondaryMenuTag label.btn {
  padding: 0px;
}

.WPActionSecondaryMenuTag a.drop, .WPActionSecondaryMenuTag a.drop:visited, .WPActionSecondaryMenuTag button.drop {
  box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}

.WPActionMenuTag a span {
  color: rgb(255, 255, 255) !important;
}

.WPActionMenuTag ul-dropdown-menu a span {
  color: rgb(255, 255, 255) !important;
}

.WPActionSecondaryMenuTag button, .WPActionPrimaryMenuTag button, .WPActionMenuTag button, .ql-html-buttonGroup button {
  height: 26px;
}

.WPActionSecondaryMenuTag button > i, .WPActionPrimaryMenuTag button > i, .WPActionMenuTag button > i {
  padding-right: 4px;
}

.WPActionSecondaryMenuTag .btn-group, .WPActionPrimaryMenuTag .btn-group, .WPActionMenuTag .btn-group {
  position: relative;
}

.WPActionSecondaryMenuTag .btn-group .btn, .WPActionPrimaryMenuTag .btn-group .btn, .WPActionMenuTag .btn-group .btn, .WPActionSecondaryMenuTag button, .WPActionMenuTag button, .WPActionPrimaryMenuTag button {
  height: 24px !important;
  margin-left: 0 !important;
  position: relative;
}

.WPActionSecondaryMenuTag .btn-group .btn, .WPActionPrimaryMenuTag .btn-group .btn, .WPActionMenuTag .btn-group .btn {
  border-radius: 0px 3px 3px 0px !important;
}

.WPActionSecondaryMenuTag .btn-group .btn > img, .WPActionPrimaryMenuTag .btn-group .btn > img, .WPActionMenuTag .btn-group .btn > img {
  position: absolute;
  left: 8px !important;
  border-width: 0px;
}

.WPActionSecondaryMenuTag ul.dropdown-menu > li > a > img, .WPActionPrimaryMenuTag ul.dropdown-menu > li > a > img, .WPActionMenuTag ul.dropdown-menu > li > a > img {
  position: absolute;
  left: 12px !important;
  border-width: 0px;
}

.WPActionSecondaryMenuTag .btn-group .btn > span.TextWithImagePadding, .WPActionPrimaryMenuTag .btn-group .btn > span.TextWithImagePadding, .WPActionMenuTag .btn-group .btn > span.TextWithImagePadding {
  padding-left: 18px;
}

.WPActionSecondaryMenuTag .btn-group .btn:first-child, .WPActionPrimaryMenuTag .btn-group .btn:first-child, .WPActionMenuTag .btn-group .btn:first-child {
  margin-right: -3px !important;
  border-radius: 3px 0px 0px 3px !important;
  padding-right: 6px;
}

.WPActionSecondaryMenuTag .btn-group-toggle .btn, .WPActionPrimaryMenuTag .btn-group-toggle .btn, .WPActionMenuTag .btn-group-toggle .btn {
  margin-left: 0px !important;
  margin-right: 0px !important;
  border-radius: 0px 0px 0px 0px !important;
  padding: 3px 6px !important;
  border-right-width: 0px !important;
  height: 18px !important;
}

.WPActionSecondaryMenuTag .btn-group-toggle.WPToggleButton .btn:first-child, .WPActionPrimaryMenuTag .btn-group-toggle.WPToggleButton .btn:first-child, .WPActionMenuTag .btn-group-toggle.WPToggleButton .btn:first-child {
  padding-right: 9px !important;
}

.WPLinkButton_Default button.btn[data-toggle]:not(.dropdown-toggle) > span:last-child {
  padding-right: 3px;
}

.WPButtonGroup button {
  margin: 0;
}

.WPActionSecondaryMenuTag .btn-group-toggle .btn:first-child, .WPActionPrimaryMenuTag .btn-group-toggle .btn:first-child, .WPActionMenuTag .btn-group-toggle .btn:first-child, .WPButtonGroup button:first-child {
  border-radius: 3px 0px 0px 3px !important;
}

.WPActionSecondaryMenuTag .btn-group-toggle .btn:last-child, .WPActionPrimaryMenuTag .btn-group-toggle .btn:last-child, .WPActionMenuTag .btn-group-toggle .btn:last-child, .WPButtonGroup button:last-child {
  border-radius: 0px 3px 3px 0px !important;
  padding-right: 6px;
  border-right-width: 1px !important;
}

.WPButtonGroup button:last-child {
  margin-left: -4px !important;
}

.WPActionSecondaryMenuTag .dropdown-menu a, .WPActionSecondaryMenuTag .dropdown-menu a:hover, .WPActionSecondaryMenuTag .dropdown-menu Button, .WPActionPrimaryMenuTag .dropdown-menu a, .WPActionPrimaryMenuTag .dropdown-menu a:hover, .WPActionPrimaryMenuTag .dropdown-menu Button, .WPActionMenuTag .dropdown-menu a, .WPActionMenuTag .dropdown-menu a:hover, .WPActionMenuTag .dropdown-menu button, .ql-html-buttonCancel, .dnnSecondaryAction {
  border-radius: 0px !important;
  float: none;
  padding: 3px 6px 3px 6px;
  line-height: 18px;
  height: 18px;
  /*
  font-weight: bold;
  font-size: 11px;
     */
  font-weight: normal;
  font-size: 12px;
  border: 0px solid Transparent;
  color: rgb(3, 79, 145) !important;
  text-shadow: none !important;
  background-color: rgb(255, 255, 255) !important;
  padding-bottom: 0px;
}

.WPActionSecondaryMenuTag .dropdown-menu a.dropdown-toggle, .WPActionPrimaryMenuTag .dropdown-menu a.dropdown-toggle, .WPActionMenuTag .dropdown-menu a.dropdown-toggle {
  height: auto !important;
}

.WPActionSecondaryMenuTag .NoImage {
  text-align: center;
}

ul.dropdown-menu li:not(li ul)::after {
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 22px;
  padding-right: 4px;
}

ul.dropdown-menu li > a:not([id^=rptEmail]), .dropdown-menu li > a:not([id^=rptEmail]):hover, ul.dropdown-menu li ul li, ul.dropdown-menu.interactive li {
  /*padding-left: 0 !important;*/
}

ul.dropdown-menu li:hover, ul.dropdown-menu li:hover a:hover, ul.dropdown-menu li:hover A {
  /* background-color: #f7f7f7 !important;*/
  cursor: pointer !important;
}

ul.dropdown-menu li.divider {
  padding: 0px !important;
}

.WPActionSecondaryMenuTag a, .WPActionSecondaryMenuTag a:visited, .WPActionSecondaryMenuTag button, .WPActionSecondaryMenuTag label.btn, .WPFileUploadBox.Compact {
  background-color: rgb(245, 245, 245);
}

select.WPActionSecondaryMenuTag:not(:disabled):hover option {
  background-color: rgb(255, 255, 255);
}

.WPActionSecondaryMenuTag .btn-group-toggle a, .WPActionSecondaryMenuTag .btn-group-toggle button, .WPActionSecondaryMenuTag .btn-group-toggle.InputLabel .btn {
  background-color: #e0e0e0;
  color: #7a7a7a;
}

.WPActionSecondaryMenuTag .btn-group-toggle a.active, .WPActionSecondaryMenuTag .btn-group-toggle button.active, .WPActionSecondaryMenuTag .btn-group-toggle.InputLabel .btn.active {
  background-color: rgb(209, 233, 255);
  color: rgb(3, 79, 145) !important;
}

.WPActionPrimaryMenuTag .WPLinkButton_Default, .WPActionSecondaryMenuTag .WPLinkButton_Default, .WPActionMenuTag .WPLinkButton_Default {
  white-space: nowrap;
}

.WPActionPrimaryMenuTag button:disabled, .WPActionSecondaryMenuTag button:disabled, .WPActionMenuTag button:disabled {
  cursor: not-allowed;
}

.WPActionPrimaryMenuTag button:disabled, .WPActionMenuTag button:disabled {
  color: rgb(255, 255, 255) !important;
}

.WPActionSecondaryMenuTag button:disabled {
  color: rgba(102, 102, 102, 0.4) !important;
}

.WPActionMenuTag .WPDropDownButtonWrapper a.WPDropDownButton, .WPActionPrimaryMenuTag .WPDropDownButtonWrapper a.WPDropDownButton,
.WPActionMenuTag .WPDropDownButtonWrapper a:hover.WPDropDownButton, .WPActionPrimaryMenuTag .WPDropDownButtonWrapper a:hover.WPDropDownButton .WPActionMenuTag .WPDropDownButtonWrapper a:visited.WPDropDownButton,
.WPActionPrimaryMenuTag .WPDropDownButtonWrapper a:visited.WPDropDownButton {
  display: block;
  background-image: url("Images/down-arrow_invert.png");
  background-repeat: no-repeat;
  background-position: center;
}

.WPActionSecondaryMenuTag .WPDropDownButtonWrapper a.WPDropDownButton,
.WPActionSecondaryMenuTag .WPDropDownButtonWrapper a:hover.WPDropDownButton,
.WPActionSecondaryMenuTag .WPDropDownButtonWrapper a:visited.WPDropDownButton {
  display: block;
  width: 22px;
  height: 16px;
  background-image: url("Images/down-arrow.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.WPActionSecondaryMenuTag .btn-group-toggle.WPToggleButton .btn-secondary:not(.active) {
  color: rgb(3, 79, 145) !important;
  background-color: rgb(245, 245, 245) !important;
  font-weight: normal;
}

.WPToggleButton.btn-group.btn-group-toggle {
  border: 1px solid #ccc !important;
  border-radius: 4px;
}

.WPActionSecondaryMenuTag .btn-group-toggle.WPToggleButton .btn-secondary:not(.active):hover {
  background-color: rgb(236, 242, 248) !important;
}

/**********************************************************************************************
 Secondary Link Button Navigate
**********************************************************************************************/
.WPLinkButton_Navigate > a {
  background: none !important;
  border: none;
  padding: 4px 6px 4px 6px;
  height: 16px;
  color: #666 !important;
  text-shadow: none !important;
}

.WPLinkButton_Navigate > a:hover, .WPLinkButton_Navigate > a:hover > span, .WPLinkButton_Navigate > a:hover > i {
  background-color: #eeeeee !important;
  color: #328dde !important;
  text-shadow: none !important;
}

.WPLinkButton_Navigate {
  background-color: #eeeeee !important;
  color: #328dde !important;
  text-shadow: none !important;
}

/**********************************************************************************************
	END Link Button Navigate
**********************************************************************************************/
.btn-group.btn-group-toggle .btn input[type=radio] {
  display: none;
}

.WPCheckBoxButton {
  display: inline-block;
  padding: 5px 8px 5px 6px;
}

.WPCheckBoxButton > label:not(.WPToggleControl) {
  margin-top: -2px;
  display: inline-block;
  vertical-align: top;
  padding-left: 2px;
}

/* ALERT RELATED CLASS */
.alert-area {
  max-height: 100%;
  position: fixed;
  bottom: 5px;
  left: 20px;
  right: 20px;
}

.alert-box {
  font-size: 16px;
  background: #666;
  line-height: 1.3em;
  padding: 10px 15px;
  margin: 5px 10px;
  position: relative;
  border-radius: 5px;
  transition: opacity 0.5s ease-in;
}

.alert-box, .alert-box .alert-content {
  color: white !important;
  font-size: 14px;
}

.alert-content {
  padding-right: 16px;
}

.alert-box.hide {
  opacity: 0;
}

.alert-close {
  background: transparent;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 15px;
  right: 15px;
}

.alert-close:before, .alert-close:after {
  content: "";
  width: 15px;
  border-top: solid 2px white;
  position: absolute;
  top: 5px;
  right: -1px;
  display: block;
}

.alert-close:before {
  transform: rotate(45deg);
}

.alert-close:after {
  transform: rotate(135deg);
}

.alert-close:hover:before, .alert-close:hover:after {
  border-top: solid 2px #d8d8d8;
}

.alert-area {
  z-index: 9999999;
}

@media (max-width: 767px) and (min-width: 481px) {
  .alert-area {
    left: 100px;
    right: 100px;
  }
}
@media (min-width: 768px) {
  .alert-area {
    width: 350px;
    left: auto;
    right: 0;
  }
}
.alert-message-container {
  text-align: center;
  line-height: 2.5em;
  margin-top: 50px;
}

.alert-message-box {
  font-size: 20px;
  width: 300px;
  border: solid 1px #444;
  padding: 10px 15px;
  outline: none;
  transition: box-shadow 0.1s;
}

.alert-message-box:focus {
  box-shadow: 0 0 15px 2px #888;
}

.alert-message-button {
  font-size: 18px;
  color: white !important;
  background: #14b9ff;
  width: 250px;
  border: solid 1px #14b9ff;
  padding: 10px 20px;
  margin-top: 5px;
  cursor: pointer;
  outline: none;
  transition: background 0.1s;
}

.alert-message-button:hover, .alert-message-button:focus, .alert-message-button:active {
  background: #7dd8ff;
}

.MinimizedButtonImage {
  padding: 5px;
}

.NotificationPanelButtonSpacing {
  padding-right: 5px;
}

#divAttachment .WPActionSecondaryMenuTag a {
  background-color: rgb(245, 245, 245);
}