@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,600&display=swap");
*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  margin: 0;
}

html, body, form {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.CommunicationPreviewContainer {
  padding: 0 0.5rem 0.5rem 0.5rem;
}

/* ==========================================================================
   USER ALERTS
   ========================================================================== */
/* Loading Panels  
   ========================================================================== */
/* Displays a loading indicator when the page is loading 
   Also used for user messages that are unobtrusive and disappear after time.
*/
.ProgressDiv,
.MiniMessage {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 10000;
  margin-top: 1px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ProgressDiv.Interior,
.MiniMessage.Interior {
  /* For use on an interior progress bar, such as within a single iPart 
   * Must be contained within something with position:relative.
   * You man use the class "PositionRelative" as a wrapper.
   */
  position: absolute;
}

.ProgressDiv {
  width: 200px;
  height: 2.678571429em !important;
}

.MiniMessage {
  width: 350px;
  max-width: 100%;
}

/* Page Alerts 
   ========================================================================== */
/**
 * These display at the top of the page to alert users of errors, warnings, successful completion, etc.
 * They are generated by the UserMessage control.
 * The iMISUserMessage classes are obsolete - use AsiMessage and Asi[MessageType] instead
 *
 * Example HTML:
 * <div class="AsiMessage">
 *   <ul>
 *     <li class="AsiError">
 *       <img class="iMISUserMessageIcon" src="images/AsiError.png" alt="Error" />
 *       <span>Oops! There's an error on this page!</span>
 *     </li>
 *  </ul>
 * </div>
 */
/** 
 * May also be used along with the MiniMessage class to display a small, 
 * unobtrusive message at the top of the screen. Use attribute data-usermessage="autohide" 
 * to automatically hide the message after 5 seconds.
 * 
 * Example HTML:
 * <div class="AsiSuccess MiniMessage" data-usermessage="autohide">
 *   <img class="iMISUserMessageIcon" src="images/AsiSuccess.png" alt="Success" />
 *   <span>Successfully saved</span>
 * </div>
 */
.AsiMessage > ul,
.AsiMessage > ol {
  margin: 5px;
  padding-left: 0;
}

.iMISUserMessageIcon {
  float: left;
  width: 32px;
  margin-right: 10px;
}

.AsiValidation,
.AsiValidationSummary {
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 0;
  padding-bottom: 0;
}
.AsiValidation.AlertSmall,
.AsiValidationSummary.AlertSmall {
  width: 100%;
}
@media (min-width: 768px) {
  .AsiValidation.AlertSmall,
  .AsiValidationSummary.AlertSmall {
    width: 25%;
  }
}

.AsiInformation,
.AsiSuccess,
.AsiWarning,
.AsiError,
.AsiValidation,
.AsiValidationSummary,
.AsiNeutral,
.AsiImportant {
  border: 1px solid;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 12px 10px;
  color: #000000;
  list-style-type: none;
  overflow: hidden;
}

span.AsiInformation,
span.AsiSuccess,
span.AsiWarning,
span.AsiError,
span.AsiValidation,
span.AsiValidationSummary,
span.AsiNeutral {
  padding: 0.15em 0.25em 0.2em;
}

.AsiMessageText {
  overflow: hidden;
}
.iMISUserMessageIcon + .AsiMessageText {
  /* this basically middle-aligns the first line of text with the image */
  margin-top: 8px;
}

.AsiInformation {
  border-color: #00529B;
  background-color: #BDE5F8;
}

.AsiSuccess {
  border-color: #4F8A10;
  background-color: #dff0d8;
}

.AsiWarning {
  border-color: #9F6000;
  background-color: #FEEFB3;
}

.AsiError {
  border-color: #D8000C;
  background-color: #FFBABA;
}

.AsiValidation {
  border-color: #D63301;
  background-color: #FFCCBA;
}

.AsiImportant {
  border-color: #c74b49;
}

/* To show a success message plus icon outside of the page level messages, apply class="AsiSuccess AsiSuccessIcon" */
.AsiInformationIcon, .AsiSuccessIcon, .AsiWarningIcon, .AsiErrorIcon, .AsiValidationSummary {
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 3.3em;
}

span.AsiInformationIcon, span.AsiSuccessIcon, span.AsiWarningIcon, span.AsiErrorIcon, span.AsiValidationSummary {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding-left: 0;
  background-position: 0 0;
  flex-shrink: 0;
}

.AsiInformationIcon {
  background-image: url("../images/AsiInformation.png");
}

.AsiSuccessIcon {
  background-image: url("../images/AsiSuccess.png");
}

.AsiWarningIcon {
  background-image: url("../images/AsiWarning.png");
}

.AsiErrorIcon {
  background-image: url("../images/AsiError.png");
}

.AsiValidationSummary {
  border-color: #D63301;
  background-color: #FFCCBA;
  background-image: url("../images/AsiValidation.png");
}

.AsiNeutral {
  border-color: #ddd;
}

.AsiErrorInline {
  border-color: #D8000C !important;
  background-color: #FFBABA;
  border: 1px solid;
  font-weight: normal;
  padding: 0.5em;
  margin: 10px 0 5px 5px;
}

.AsiSystem ul li {
  list-style-type: none;
}

div.AsiSystem {
  display: block;
  width: 100%;
  overflow: hidden;
  color: #000000;
  background-color: #FEEFB3;
  padding: 0.3em 0.3em 0.3em 1em;
}

/* The iMISUserMessage classes are obsolete */
.iMISUserMessage li {
  list-style-type: none;
}

.iMISUserMessage img {
  vertical-align: middle;
  margin-right: 5px;
}

.iMISUserMessageError {
  color: red;
  font-weight: bold;
}

.iMISUserMessageWarning, .iMISUserMessageInformation {
  color: blue;
  font-weight: bold;
}

.iMISUserMessageLabel {
  display: none; /* hide the error/warning prefix */
}

/* Message Notification - I'm not sure if these are used anywhere - they may be able to be removed */
.info, .success, .warning, .validation {
  margin: 5px 0;
  padding: 5px;
  text-align: center;
  width: 100%;
  display: block;
}

.info {
  color: #00529B;
}

.success {
  color: #4F8A10;
}

.warning {
  color: #9F6000;
}

/* Inline alerts
   ========================================================================== */
.Error {
  display: block;
  padding-right: 0.188em;
  padding-left: 0.188em;
  margin-bottom: 0.25em;
  width: auto;
  color: red;
  font-weight: bold;
}

/* Used for guiding the user to the next step, such as in the Event Display */
.HelperText {
  color: #00529B;
  font-weight: bold;
}

/* If there's an error rendering an iPart a message will display with this class */
.iPartRenderError {
  color: red;
  overflow-x: auto;
  -ms-overflow-x: auto;
}

/* Page errors
   ========================================================================== */
/* These styles are for error pages (page not found, access denied, etc.) */
.ErrorNormal {
  padding: 10px;
  display: block;
  margin: auto;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.ErrorNormalWide {
  padding: 10px;
  display: block;
  margin: auto;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.ErrorNormal .ErrorType,
.ErrorNormalWide .ErrorType {
  font-weight: bold;
  padding-top: 15px;
  display: block;
  font-size: 190%;
  color: #cc0f16;
}

.ErrorNormal .ErrorTypeMessage,
.ErrorNormalWide .ErrorTypeMessage {
  display: block;
  padding-top: 15px;
  font-size: 110%;
  color: #444;
}

.ErrorNormal img,
.ErrorNormalWide img {
  float: left;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.in {
  opacity: 0.5;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header::after {
  display: block;
  clear: both;
  content: "";
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer::after {
  display: block;
  clear: both;
  content: "";
}
.modal-footer .btn + .btn, .modal-footer .TextButton + .TextButton {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .TextButton + .TextButton {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
  justify-content: center;
}

@media (min-width: 768px) {
  .modal-dialog {
    max-width: 600px;
    margin: 30px auto;
  }
}

@media (min-width: 768px) {
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}

@media (min-width: 768px) {
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 900px;
  }
}

.close {
  float: right;
  font-size: 22.5px;
  font-weight: 600;
  line-height: 1;
  color: #000;
  text-shadow: none;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close,
input[type=button].close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.modal-dialog-status {
  animation: pulse 5s linear infinite;
}
.modal-dialog-status .modal-body {
  display: flex;
  align-items: center;
}

.CommunicationPreviewInfo,
.AsiMessage {
  font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.428571429;
  color: #222;
}

.CommandBar {
  padding: 0.5rem 0.5rem 0 0.5rem;
  z-index: 2;
  text-align: right;
}
.CommandBar label, .CommandBar input, .CommandBar .TextButton:not(:last-child) {
  margin-right: 0.25rem;
}

.CommunicationPreviewInfo {
  /* ==========================================================================
     FORMS
     ========================================================================== */
  /* Basics
     ========================================================================== */
  /* "Label" class can be used to style items like labels without needing to use the <label> tag.
     Be aware that you always need one <label> tag associated with all <input> controls. */
  /* NOTE: The "PanelFieldLabelFont" class is obsolete */
  /* set default input styles */
  /* default input width */
  /* reset widths for inputs where needed */
  /* default textarea width and padding */
  /* put a gray background on disabled inputs */
  /* override the gray background on particular types of inputs */
  /* "gray out" image buttons when they are disabled */
  /* disabled span and labels */
  /* Hide the numeric input spinner */
  /* Event Pricing fields */
  /* PanelField
     ========================================================================== */
  /**
    * PanelField should be used to wrap all form fields in iMIS.
    * The correct syntax is automatically generated by asiweb controls when the property RenderPanelField is set to true.
    * Classes Top, Bottom, Left or Right are generated when the property CaptionPosition is defined, 
    * and describe where the label renders relative to the associated input.
    * If no caption position is set, the label will automatically render to the left.
    *
    * Example HTML:
    * <div class="PanelField Left">
    *     <label for="MyInput">This is a label</label>
    *     <div class="PanelFieldValue">
    *         <input type="text" ID="MyInput" />
    *     </div>
    * </div>
    *
    * Note: It is very important to assoicate a label with every form field.
    * This is automatically handled by asiweb controls when using the built-in caption rendering,
    * but will have to be set by hand when you opt not to use it.
    * In ASP.NET, setting the property AssociatedControlID on a Label control (or asiweb:StyledLabel)
    * will render the control as a label associated with the provided control ID.
    */
  /* .PanelField <div> Wrapper for the label and value of a field in a form */
  /* Label within a Panel Field */
  /* Class LabelSpacer can be used as a wrapper to create a label-sized indention 
  to appropriately align fields in a form */
  /* Sizes of the HTML Editors and Textareas */
  /* Give radio buttons and checkboxes some room to breathe */
  /* allow radio buttons to display to the left of their labels */
  /* Override styling for PanelFields within grid headers */
  /* Used to make bottom borders line up in tables */
  /* PanelBlock
     ========================================================================== */
  /* Wrapper class "PanelBlock" may be used to make PanelFields display like tables. */
  /* Use once around all the PanelFields that you wish to display in table format. */
  /* Second set of selectors necessary to override original PanelField styling */
  /* PanelFieldsFlex
     ========================================================================== */
  /* PanelFieldsFlex: Wrapper class to make PanelFields display Flex rather than floating */
  /* PanelFieldFlex should be placed directly on the PanelField div to have the same behavior */
  /* Form guides
     ========================================================================== */
  /* Indicators and helpers to guide a user through a form */
  /* The required class should be applied to the label of a required field.
   * It displays the red asterisk next to the label */
  /* special case where a required label is displayed to the right of a field */
  /* The important class should be applied to validation messages (eg. Required)
   * that appear next to fields that fail validation on submit */
  /* Helper text to describe the purpose of a field */
  /* .moreInfo <div> used by the info control to display a help pop-up */
  /* Form style modifiers
     ========================================================================== */
  /* Wrap several PanelFields in form-inline to make them display inline */
  /* Use the following classes to size inputs (such as text fields) 
   * They are especially useful for small or large inputs such as quantity or long file paths
   */
  /* Add the WideTextBox class to a RadComboBox to widen its display */
  /* Apply the AutoWidth class to allow form fields to take up on the necessary amount of space */
  /* For AutoWidth labels, this adds padding to the right so there is more space between the label and value */
  /* Apply the FloatNone class to allow form fields to render without floats
   * It is particulary useful for checkbox and radio button controls */
  /* CheckBoxList: Wrapper class for a list of related checkboxes */
  /* RadioButtonList: Wrapper class for a list of related checkboxes */
  /* Use TotalBox as a wrapper for a PanelField to give it a visual distinction.
   * It is intended to be used to call out the total combined price. */
  /* Applies a consistent width and padding to System Configuration text fields and textareas */
  /* Form field groupings
     ========================================================================== */
  /* These classes can be used to visually associate sections of a form */
  /* Used as a wrapper for items that are a subset of another item
   * eg. options that are only enabled if the checkbox above them is checked */
  /* Used for configuration group titles */
  /* Fieldsets are hidden by default, but if you use the class ShowFieldset 
   * either on the fieldset or as a wrapper it will display. 
   * ShowLegend can be used to display the legend without the border.
  */
  /* Questions
     ========================================================================== */
  /* These selectors affect form questions and responses displayed for events and program items   */
  /* Buttons
     ========================================================================== */
  /* IE7 and 8 - position text on the Upload button*/
  /* Buttons that display at the bottom of the page (eg. Save & Close, Save, Cancel buttons) */
  /* ButtonBoxList
     ========================================================================== */
  /* ButtonBoxList - used to display big buttons on the dashboards */
  /* Touch-friendly Form Controls
     ========================================================================== */
  /* ==========================================================================
     COMPONENTS
     ========================================================================== */
  /* A few components that are used site-wide */
  /* Page Tasks: print, email and text-only buttons
     ========================================================================== */
  /* On Behalf Of control
     ========================================================================== */
  /* Sub (Left) Navigation
     ========================================================================== */
  /* Back-Link Control styling
     ========================================================================== */
  /* Tags
     ========================================================================== */
  /* The area displaying selected tags */
  /* A tag within the selected tag area */
  /* The (None Selected) message within a tag selector */
  /* Attachments
     ========================================================================== */
  /* ==========================================================================
     ICONS
     ========================================================================== */
  /**
    * Sprites and other styles that define various icons used throughout iMIS 
    */
  /* System icons
     ========================================================================== */
  /**
    * Icons used for actions such as add, edit, delete, move up, move down, etc.
    */
  /* Disabled up and down arrows */
  /* Toggle buttons
      ========================================================================== */
  /* Toggles */
  /* Navigation toggle buttons
      ========================================================================== */
  /* Larger Icons for Angular */
  /* These are the old-style icons. We will soon update them to use the same code as the block above, instead of repeating. */
  /*  #region  Inline SVGs 
      ========================================== */
  /* #endregion */
  /* File Tpe Icons (Separate) */
  /* Payment Method Icons (size: 40px by 36px, 10px gap between icons) */
  /* #endregion */
  /* Feature icons
     ========================================================================== */
  /**
    * Icons used to identify core pieces of iMIS 
    * Currently used by the recent history content item
    */
  /* Device icons
     ========================================================================== */
  /**
    * Icons used to identify specific devices.
    * Currently used in RWD configuration options.
    * Note: these options also use the utility class 'text-hide-label' for 
    * image replacelment.
    */
  /* NEW SVG Icons
     ========================================================================== */
  /* #region System icons (A -> Z)
     ========================================================================== */
  /* Global Setup */
  /* #endregion */
  /* Icons ignored as part of the SVG refactor since they are not used in the product:
     ArrowDown, ArrowUp, ArrowDownOff, ArrowUpOff, CancelChange, Refresh, DeleteImage, EditImage */
  /* Toggle buttons (auxiliary)
      ========================================================================== */
  /* Field signifier icons (read-only, usually applied to form fields)
      ========================================================================== */
  /* ==========================================================================
     UTILITY CLASSES
     ========================================================================== */
  /* Styling of the iMIS logo (Not currently in use)
  .iMIS {}*/
  /* ClearFix - place on the container of floating elements to fix alignment 
   * issues usually solved with a <div style="clear:both"></div> 
   * For more information on this fix visit http://nicolasgallagher.com/micro-clearfix-hack/ 
   */
  /*Used for Website Layouts*/
  /* Floating and positioning
     ========================================================================== */
  /* Float a section to the right */
  /* Float a section to the left */
  /* Place an element in the top right hand corner of the screen (e.g. the iPart help icon) */
  /* Relatively position an element. Useful if containing an absolutely positioned element. */
  /* Text
     ========================================================================== */
  /* Hide text visually but allow it to be used by screen reader and tab-only users*/
  /* Display the text when focused so tab-only users can use it */
  /* To break words that are too long (eg. email addresses) */
  /* use to make sure parts of text are never broken */
  /* Used to bold text (Note: not sure if this is a necessary class - you should be able to use <strong> or <b> if it is non-symantic) */
  /* Reset the font to the normal body font.
   * This can be used on labels or headers for example to make them look like normal body text.
   */
  /* Usually for code blocks you should use the <code> or <pre> elements,
   * but sometimes these are not available, such as on a textbox element.
   * Use this class to make other elements use a monospace font.
  */
  /* Borders
     ========================================================================== */
  /* Used by legacy iParts to display a border. */
  /* AR: The ContentBorder class is obsolete. Use the border-0 class along with p-4 instead. */
  /* AR: The NoBorder class is obsolete. Use border-0 instead. */
  /* Alignment
     ========================================================================== */
  /* Used for styling of currency values */
  /* Align text */
  /* Note: AlignCenter is the preferred class to use for centering text*/
  /* Sizing
     ========================================================================== */
  /*generic width specifiers*/
  /* AR: These classes shouldn't be necessary anymore. Use grid classes instead. */
  /* Scrolling and overflow
     ========================================================================== */
  /* Scrolling boxes will use vertical scrollbars if over a determined height */
  /* List options
     ========================================================================== */
  /* Addresses
     ========================================================================== */
  /* Background colors
     ========================================================================== */
  /* Spacing (Margin and Padding)
     ========================================================================== */
  /* These helper classes come from Bootstrap 4.2: http://getbootstrap.com/docs/4.2/utilities/spacing/ */
  /* AR: The directional padding and margin classes below are deprecated. Use "p*-4" or "m*-4" instead */
  /* This class visually separates pieces of content */
  /* Adds some padding - particularly useful when the required indicator is cut off */
  /* Display
     ========================================================================== */
  /* Used to display elements in a certain way (e.g. block, inline, etc.)
     These helper classes come from Bootstrap v4.1: http://getbootstrap.com/docs/4.1/utilities/display/
  */
  /* AR: The DisplayInlineBlock class is deprecated. Use d-inline-block instead. */
  /* AR: These classes are deprecated. Use d-none instead. */
  /* iPart Classes
     ========================================================================== */
  /* Utility classes to modify the look and feel of certain iParts */
  /* Use the iPartChain class along with the appropriate placement class (FirstPart, MiddlePart or LastPart) 
  to give several stacked iParts a conjoined look. */
  /* Alter the padding of the iPart*/
  /* Use the PanelNoPadding class to remove the padding from a panel when it's not needed 
     Note this class will remove the padding from ALL panels inside the classes.
  */
  /* Remove the left and right padding of an iPart. Does not remove the padding of child panels. */
  /* Remove the top and bottom padding of an iPart. Does not remove the padding of child panels. */
  /* Use the class `iPartsDisplayInlineBlock` as a Zone CSS class to make all iParts in the zone display inline-block 
     This can be used to make iParts display side-by-side instead of stacked.
  */
  /* Display the iPart title horizontal relative to the content. Note that the body will wrap when it's too large to fit inline */
  /* Other
     ========================================================================== */
  /* Apply padding to the Document specific icon */
  /* Use a minimal, Mac-like scrollbar for a scrollable area */
  /* ==========================================================================
    FLEX VARIATION
    ========================================================================== */
  /* RadComboBox needs the same styles as normal inputs, 
   * but has to be done separately due to its structure */
  /* RadEditor designed to look like a normal text box */
  /* RadPicker - Make sure there's some space between the picker and the time zone label*/
  /* Chosen multi-select */
  /* Touch-friendly form controls that show as buttons */
  /* ==========================================================================
    BUTTONS
    ========================================================================== */
  /* set up button base styles */
  /* default button */
  /* primary button */
  /* Facebook sign in button */
  /* LinkedIn sign in button */
  /* Style buttons to look like links for deemphasis */
  /* Generic red and green buttons to be used for all themes (styling is not theme dependant) */
  /* ==========================================================================
    ORION THEME STYLES
    ========================================================================== */
  /* Headings
     ========================================================================== */
  /* Grids
     ========================================================================== */
  /* Narrow the gap between columns*/
  /* Increase vertical spacing between cards/iPart zones */
  /* Forms
     ========================================================================== */
  /* Boxed style
     ========================================================================== */
  /* Styled grids
     ========================================================================== */
  /* Use iPart class "SearchResultsCards" to display card-style search results */
  /* Alerts
     ========================================================================== */
  /* Icons
     ========================================================================== */
  /* Staff sign in page
     ========================================================================== */
  /* Banner images
     ========================================================================== */
  /* Support background image with text overlay */
  /* Panel Editor and read-only forms
     ========================================================================== */
  /* Mini profile
     ========================================================================== */
  /* Organization selector
     ========================================================================== */
  /* Dropdown selector to choose selected club */
  /* Other
  ========================================================================== */
  /* Green badges, currently used for the PLUS indicator */
  /* Logo overrides */
  /* Recent History iPart */
}
.CommunicationPreviewInfo label,
.CommunicationPreviewInfo .Label,
.CommunicationPreviewInfo .PanelFieldLabelFont {
  font-weight: bold;
  color: #444;
  /* This is to allow space for the required indicator */
  padding-left: 7px;
  margin-left: -7px;
}
.CommunicationPreviewInfo input,
.CommunicationPreviewInfo textarea {
  font-family: inherit;
  font-weight: normal;
  font-size: 98%;
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.CommunicationPreviewInfo input, .CommunicationPreviewInfo .RadComboBox.RadComboBox {
  width: 12.25em;
}
.CommunicationPreviewInfo input[type=file],
.CommunicationPreviewInfo input[type=image],
.CommunicationPreviewInfo input[type=submit],
.CommunicationPreviewInfo input[type=reset],
.CommunicationPreviewInfo input[type=button],
.CommunicationPreviewInfo input[type=radio],
.CommunicationPreviewInfo input[type=checkbox] {
  width: auto;
}
.CommunicationPreviewInfo textarea {
  max-width: 100%;
  width: 15em;
  /* Gives textarea the same padding as other input fields */
  padding: 0.25em;
}
@media (min-width: 480px) {
  .CommunicationPreviewInfo textarea {
    width: 22em;
  }
}
.CommunicationPreviewInfo input[disabled],
.CommunicationPreviewInfo select[disabled],
.CommunicationPreviewInfo textarea[disabled],
.CommunicationPreviewInfo input[readonly],
.CommunicationPreviewInfo select[readonly],
.CommunicationPreviewInfo textarea[readonly],
.CommunicationPreviewInfo .RadInput.RadInput .riTextBox[disabled] {
  cursor: default;
  background-color: #eeeeee;
}
.CommunicationPreviewInfo input[type=radio][disabled],
.CommunicationPreviewInfo input[type=checkbox][disabled],
.CommunicationPreviewInfo input[type=radio][readonly],
.CommunicationPreviewInfo input[type=checkbox][readonly],
.CommunicationPreviewInfo input[type=image][disabled] {
  background-color: transparent;
}
.CommunicationPreviewInfo input[type=image][disabled] {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.CommunicationPreviewInfo span[disabled],
.CommunicationPreviewInfo label[disabled],
.CommunicationPreviewInfo [disabled] label,
.CommunicationPreviewInfo .Disabled,
.CommunicationPreviewInfo label.aspNetDisabled,
.CommunicationPreviewInfo span.aspNetDisabled,
.CommunicationPreviewInfo .aspNetDisabled label,
.CommunicationPreviewInfo .aspNetDisabled .Label {
  color: #666;
}
.CommunicationPreviewInfo select[multiple=multiple] {
  min-width: 11em;
}
.CommunicationPreviewInfo input::-webkit-outer-spin-button,
.CommunicationPreviewInfo input::-webkit-inner-spin-button {
  margin-left: 6px;
}
.CommunicationPreviewInfo input.hide-spinner::-webkit-outer-spin-button,
.CommunicationPreviewInfo input.hide-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.CommunicationPreviewInfo input[type=number].hide-spinner {
  -moz-appearance: textfield;
}
.CommunicationPreviewInfo .FunctionPricingTable input[type=text][name*=TextPrice] {
  width: 9em;
}
.CommunicationPreviewInfo .PanelField {
  float: left;
  clear: left;
  width: 100%;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}
.CommunicationPreviewInfo .PanelField label,
.CommunicationPreviewInfo .PanelField .Label,
.CommunicationPreviewInfo .PanelField .PanelFieldValue {
  float: left;
}
.CommunicationPreviewInfo .PanelField label,
.CommunicationPreviewInfo .PanelField .Label {
  text-align: left;
  width: 11.5em;
  word-wrap: break-word;
  white-space: pre-line;
  padding-right: 0.5em;
}
@media (max-width: 767px) {
  .CommunicationPreviewInfo .TwoColumns .PanelField label,
  .CommunicationPreviewInfo .TwoColumns .PanelField .Label {
    width: 100%;
  }
}
.CommunicationPreviewInfo .PanelFieldValue {
  display: inline;
  width: auto;
  padding-right: 0.5em;
}
.CommunicationPreviewInfo .PanelFieldValue, .Left .CommunicationPreviewInfo .PanelFieldValue, .Right .CommunicationPreviewInfo .PanelFieldValue,
.CommunicationPreviewInfo .PanelFieldLabel,
.Left .CommunicationPreviewInfo .PanelFieldLabel,
.Right .CommunicationPreviewInfo .PanelFieldLabel {
  /* When the label is on the left (default) or right */
  /* NOTE: The PanelFieldLabel class is obsolete */
  display: inline-block;
  float: left;
}
.Top .CommunicationPreviewInfo .PanelFieldValue, .Bottom .CommunicationPreviewInfo .PanelFieldValue,
.Top .CommunicationPreviewInfo .PanelFieldLabel,
.Bottom .CommunicationPreviewInfo .PanelFieldLabel {
  /* When the label is on the top or bottom */
  /* NOTE: The PanelFieldLabel class is obsolete */
  display: block;
  clear: left;
  float: none;
}
.CommunicationPreviewInfo .Top label, .CommunicationPreviewInfo .Bottom label, .CommunicationPreviewInfo .Right label,
.CommunicationPreviewInfo .Top .Label, .CommunicationPreviewInfo .Bottom .Label, .CommunicationPreviewInfo .Right .Label {
  width: auto !important;
  padding-right: 0;
}
.CommunicationPreviewInfo .LabelSpacer,
.CommunicationPreviewInfo .LabelSpacer.PanelField {
  padding-left: 11em;
  min-height: 1px;
}
.CommunicationPreviewInfo .PanelField .HtmlEditor {
  width: 100% !important;
}
.CommunicationPreviewInfo input[type=radio] + label,
.CommunicationPreviewInfo input[type=checkbox] + label {
  padding-left: 10px;
  padding-right: 1em;
}
.CommunicationPreviewInfo .PanelFieldValue input[type=radio] {
  float: left;
}
.CommunicationPreviewInfo .rgHeader .PanelField,
.CommunicationPreviewInfo .PanelFieldReset.PanelField, .CommunicationPreviewInfo .PanelFieldReset .PanelField {
  float: none;
  clear: none;
  width: auto;
  padding: 0;
  display: inline;
}
.CommunicationPreviewInfo .StandardPanel td {
  vertical-align: top;
}
.CommunicationPreviewInfo .StandardPanel td .PanelField {
  border-bottom: 0;
}
.CommunicationPreviewInfo .PanelBlock {
  display: table;
}
.CommunicationPreviewInfo .PanelBlock .PanelField {
  display: table-row;
  float: none;
  width: 100%;
}
.CommunicationPreviewInfo .PanelBlock .PanelField .PanelFieldLabel,
.CommunicationPreviewInfo .PanelBlock .PanelField .PanelFieldValue {
  display: table-cell;
  float: none;
  padding-right: 3px;
  vertical-align: top;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}
.CommunicationPreviewInfo .PanelBlock .PanelField label,
.CommunicationPreviewInfo .PanelBlock .PanelField .Label {
  width: auto;
}
.CommunicationPreviewInfo .PanelBlock .PanelField.Top .PanelFieldLabel,
.CommunicationPreviewInfo .PanelBlock .PanelField.Top .PanelFieldValue, .CommunicationPreviewInfo .PanelBlock .PanelField.Bottom .PanelFieldLabel,
.CommunicationPreviewInfo .PanelBlock .PanelField.Bottom .PanelFieldValue {
  display: block;
}
.CommunicationPreviewInfo .PanelBlock.MiddleAlign .PanelFieldLabel,
.CommunicationPreviewInfo .PanelBlock.MiddleAlign .PanelFieldValue {
  vertical-align: middle;
}
.CommunicationPreviewInfo .PanelFieldsFlex .PanelField,
.CommunicationPreviewInfo .PanelFieldFlex.PanelField {
  display: flex;
  float: none;
  align-items: baseline;
  flex-wrap: wrap;
  flex-direction: row;
}
.CommunicationPreviewInfo .PanelFieldsFlex .PanelField label,
.CommunicationPreviewInfo .PanelFieldFlex.PanelField label {
  flex-shrink: 0;
}
.CommunicationPreviewInfo .PanelFieldsFlex .PanelField.Left .PanelFieldValue,
.CommunicationPreviewInfo .PanelFieldFlex.PanelField.Left .PanelFieldValue {
  flex-grow: 1;
}
.CommunicationPreviewInfo .PanelFieldsFlex .PanelField input,
.CommunicationPreviewInfo .PanelFieldFlex.PanelField input {
  margin: 0;
}
.CommunicationPreviewInfo .PanelFieldsFlex .PanelField.Top,
.CommunicationPreviewInfo .PanelFieldFlex.PanelField.Top {
  flex-direction: column;
}
@media (min-width: 768px) {
  .CommunicationPreviewInfo .PanelFieldsFlexNoWrap .PanelField,
  .CommunicationPreviewInfo .PanelFieldFlexNoWrap.PanelField {
    flex-wrap: nowrap;
  }
}
.CommunicationPreviewInfo .Required {
  background-position: left 0.45em !important;
  background-image: url(../images/required.png) !important;
  background-repeat: no-repeat;
  display: inline;
}
.CommunicationPreviewInfo .HideRequiredAsterisks .Required {
  background-size: 0;
}
.CommunicationPreviewInfo .Right .Required {
  padding-left: 9px !important;
  margin-left: 0 !important;
}
.CommunicationPreviewInfo .Important, .CommunicationPreviewInfo .ValidationError {
  font-weight: normal;
  color: #FF0000;
  padding-left: 3px !important;
  vertical-align: middle;
}
.CommunicationPreviewInfo .Info {
  font-size: 90%;
  font-weight: normal;
  color: #495057;
}
.CommunicationPreviewInfo .moreInfo {
  display: inline;
  vertical-align: middle;
}
.CommunicationPreviewInfo .moreInfoPanel {
  display: block;
  max-width: 25em;
}
.CommunicationPreviewInfo .unitText {
  margin-left: 2px;
  white-space: nowrap;
}
.CommunicationPreviewInfo .form-inline .PanelField {
  float: none;
  clear: none;
  width: auto;
  display: inline-block;
  vertical-align: top;
}
.CommunicationPreviewInfo .AlignRight.InputXSmall::-ms-clear, .CommunicationPreviewInfo .InputXSmallWrapper input.AlignRight[type=text]::-ms-clear, .CommunicationPreviewInfo .InputXSmallWrapper textarea.AlignRight::-ms-clear, .CommunicationPreviewInfo .InputXSmallWrapper .AlignRight.RadComboBox::-ms-clear, .CommunicationPreviewInfo .AlignRight.InputXXSmall::-ms-clear, .CommunicationPreviewInfo .InputXXSmallWrapper input.AlignRight[type=text]::-ms-clear, .CommunicationPreviewInfo .InputXXSmallWrapper textarea.AlignRight::-ms-clear, .CommunicationPreviewInfo .InputXXSmallWrapper .AlignRight.RadComboBox::-ms-clear,
.CommunicationPreviewInfo .AlignRight.NarrowTextBox::-ms-clear {
  /* if inputs are aligned right in IE10 the clear button hides the input value 
   * so we just don't display it
   */
  display: none;
}
.CommunicationPreviewInfo .InputXXSmall, .CommunicationPreviewInfo .InputXXSmallWrapper input[type=text], .CommunicationPreviewInfo .InputXXSmallWrapper textarea, .CommunicationPreviewInfo .InputXXSmallWrapper .RadComboBox,
.CommunicationPreviewInfo .NarrowTextBox { /* NOTE: Narrow text box is obsolete. Use InputXXSmall instead */
  width: 3em;
}
.CommunicationPreviewInfo .InputXSmall, .CommunicationPreviewInfo .InputXSmallWrapper input[type=text], .CommunicationPreviewInfo .InputXSmallWrapper textarea, .CommunicationPreviewInfo .InputXSmallWrapper .RadComboBox {
  width: 4.3em;
}
.CommunicationPreviewInfo .InputSmall, .CommunicationPreviewInfo .InputSmallWrapper input[type=text], .CommunicationPreviewInfo .InputSmallWrapper textarea, .CommunicationPreviewInfo .InputSmallWrapper .RadComboBox {
  width: 7em;
}
.CommunicationPreviewInfo .InputMedium, .CommunicationPreviewInfo .InputMediumWrapper input[type=text], .CommunicationPreviewInfo .InputMediumWrapper textarea, .CommunicationPreviewInfo .InputMediumWrapper .RadComboBox {
  width: 11.9em;
}
.CommunicationPreviewInfo .InputLarge, .CommunicationPreviewInfo .InputLargeWrapper input[type=text], .CommunicationPreviewInfo .InputLargeWrapper textarea, .CommunicationPreviewInfo .InputLargeWrapper .RadComboBox {
  width: 18em;
}
.CommunicationPreviewInfo .InputXLarge, .CommunicationPreviewInfo .InputXLargeWrapper input[type=text], .CommunicationPreviewInfo .InputXLargeWrapper textarea, .CommunicationPreviewInfo .InputXLargeWrapper .RadComboBox,
.CommunicationPreviewInfo .WideTextBox { /* NOTE: WideTextBox is obsolete. Use InputXLarge instead. */
  width: 26.5em;
}
.CommunicationPreviewInfo .RadComboBox.WideTextBox {
  width: 100%;
  min-width: 8em;
  max-width: 26.5em;
}
.CommunicationPreviewInfo .InputXXLarge, .CommunicationPreviewInfo .InputXXLargeWrapper input[type=text], .CommunicationPreviewInfo .InputXXLargeWrapper textarea, .CommunicationPreviewInfo .InputXXLargeWrapper .RadComboBox {
  width: 42em;
}
.CommunicationPreviewInfo .AutoWidth label, .CommunicationPreviewInfo .AutoWidth .Label, .CommunicationPreviewInfo .AutoWidth .PanelFieldValue, .CommunicationPreviewInfo .AutoWidth {
  width: auto !important;
  min-width: 1em !important;
}
.CommunicationPreviewInfo label.AutoWidth, .CommunicationPreviewInfo .Label.AutoWidth {
  padding-right: 0.6em;
}
.CommunicationPreviewInfo .FloatNone label, .CommunicationPreviewInfo .FloatNone input {
  float: none !important;
}
@media (max-width: 991px) {
  .CommunicationPreviewInfo .radio-inline-sm {
    display: block;
  }
  .CommunicationPreviewInfo .radio-inline-sm::after {
    display: block;
    clear: both;
    content: "";
  }
  .CommunicationPreviewInfo .radio-inline-sm input {
    /* Apply the radio-inline-sm class to display horizontal radio button lists vertically on small displays, like mobile phones */
    float: left !important;
  }
  .CommunicationPreviewInfo .radio-inline-sm label {
    float: left !important;
  }
  .CommunicationPreviewInfo .radio-inline-sm label + input {
    clear: both !important;
  }
}
.CommunicationPreviewInfo .CheckBoxList .PanelField,
.CommunicationPreviewInfo .RadioButtonList .PanelField {
  padding-top: 0;
}
.CommunicationPreviewInfo .CheckBoxList label,
.CommunicationPreviewInfo .RadioButtonList label {
  float: none !important;
  font-weight: normal !important;
}
.CommunicationPreviewInfo .CheckBoxList input,
.CommunicationPreviewInfo .RadioButtonList input {
  float: none !important;
}
.CommunicationPreviewInfo .CheckBoxList {
  margin-top: 0.4em;
}
.CommunicationPreviewInfo .TotalBox .PanelField, .CommunicationPreviewInfo .PanelField.TotalBox {
  width: auto;
  border: 1px solid #90979E;
}
.CommunicationPreviewInfo .TotalBox .PanelField .PanelFieldValue, .CommunicationPreviewInfo .PanelField.TotalBox .PanelFieldValue {
  font-size: 120%;
  font-weight: bold;
  padding: 0.4em;
  float: right;
}
.CommunicationPreviewInfo .SystemConfigTextField textarea,
.CommunicationPreviewInfo .SystemConfigTextField input[type=text] {
  width: 55%;
  padding: 0.25em;
}
@media (max-width: 767px) {
  .CommunicationPreviewInfo .PanelWrapXs .PanelField.Left > .PanelFieldValue {
    display: block;
    clear: left;
    float: none;
  }
}
.CommunicationPreviewInfo .SubItems {
  padding-left: 2.2em;
  padding-top: 0.5em;
}
.CommunicationPreviewInfo .ShowLegend legend + .SubItems {
  padding-top: 0;
  /* don't want too much padding between the legend and the Sub Items*/
}
.CommunicationPreviewInfo .ConfigurationGroup {
  text-decoration: underline;
}
.CommunicationPreviewInfo div.ShowFieldset fieldset legend,
.CommunicationPreviewInfo fieldset.ShowFieldset legend,
.CommunicationPreviewInfo .ShowLegend legend {
  display: block !important;
  color: #444;
  font-weight: bold;
}
.CommunicationPreviewInfo div.ShowFieldset fieldset,
.CommunicationPreviewInfo fieldset.ShowFieldset {
  border: 1px solid gray;
  padding: 1em;
  margin: 0.05em;
}
.CommunicationPreviewInfo div.ShowFieldset fieldset legend,
.CommunicationPreviewInfo fieldset.ShowFieldset legend {
  padding: 5px;
}
.CommunicationPreviewInfo div.ShowFieldset fieldset.FieldsetFormBackground {
  background-color: white;
}
.CommunicationPreviewInfo .FormFieldResponse .PanelFieldValue {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.CommunicationPreviewInfo .FormFieldResponse .PanelFieldLabel {
  display: block;
  float: none;
}
.CommunicationPreviewInfo .PanelField.FormFieldResponse label,
.CommunicationPreviewInfo .PanelField.FormFieldResponse .Label {
  float: none;
}
.CommunicationPreviewInfo .FormFieldResponse input {
  text-align: left !important;
}
.CommunicationPreviewInfo .TextButton {
  vertical-align: middle;
}
.CommunicationPreviewInfo .CommandBar {
  padding-top: 5px;
  z-index: 2;
  text-align: right;
}
.CommunicationPreviewInfo .CommandBar input,
.CommunicationPreviewInfo .CommandBar button {
  margin-left: 5px;
}
.CommunicationPreviewInfo .ButtonPanel {
  width: 100%;
}
.CommunicationPreviewInfo div.ButtonBox {
  width: 100%;
  text-align: center;
}
.CommunicationPreviewInfo ul.ButtonBoxList {
  padding: 10px;
  list-style: none;
  overflow: hidden;
  margin: 0px 0px -30px 0px;
}
.CommunicationPreviewInfo ul.ButtonBoxList li {
  display: inline-block;
  margin-right: 15px;
  overflow: hidden;
  padding: 0 0 15px 0;
  position: relative;
}
.CommunicationPreviewInfo ul.ButtonBoxList li a {
  background: #fff;
  border: 1px solid #ddd;
  color: #333;
  display: block;
  height: 125px;
  overflow: hidden;
  padding: 10px 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.CommunicationPreviewInfo ul.ButtonBoxList li a:hover {
  border: 1px solid #c8c8c8;
}
.CommunicationPreviewInfo ul.ButtonBoxList li a p {
  line-height: 20px;
  padding-bottom: 20px;
}
.CommunicationPreviewInfo .Span1 {
  width: 40px;
}
.CommunicationPreviewInfo .Span2 {
  width: 80px;
}
.CommunicationPreviewInfo .Span3 {
  width: 160px;
}
.CommunicationPreviewInfo .Span4 {
  width: 200px;
}
.CommunicationPreviewInfo .radiobutton-buttons {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0 10px;
}
.CommunicationPreviewInfo .radiobutton-buttons li {
  list-style: none;
  flex: 1 0 100%;
  position: relative;
  display: flex;
  align-items: center;
  margin: 10px 0 10px 0;
}
.CommunicationPreviewInfo .radiobutton-buttons input[type=radio] {
  appearance: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: -9999px;
}
.CommunicationPreviewInfo .radiobutton-buttons input[type=radio] + label {
  font-size: 22px;
  font-weight: normal;
  background: #fff;
  transition: background 0.2s ease-in;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #ddd;
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  padding: 10px 25px;
  position: relative;
  min-width: 100%;
}
.CommunicationPreviewInfo .radiobutton-buttons input:checked + label:after {
  content: " ";
  display: block;
  width: 15px;
  height: 15px;
  background: #fff;
  position: absolute;
  top: 8px;
  right: 5px;
  mask-image: url("../../Assets/images/IconSprite.svg#confirm");
  mask-repeat: no-repeat;
}
@media (min-width: 768px) {
  .CommunicationPreviewInfo .radiobutton-buttons {
    flex-direction: row;
  }
  .CommunicationPreviewInfo .radiobutton-buttons li {
    flex: 0 0 auto;
    margin-right: 40px;
  }
}
.CommunicationPreviewInfo .radiobutton-btn-group li,
.CommunicationPreviewInfo .radiobutton-btn-group-vertical li {
  margin: 0;
}
.CommunicationPreviewInfo .radiobutton-btn-group li input[type=radio]:checked + label,
.CommunicationPreviewInfo .radiobutton-btn-group li input[type=radio] + label,
.CommunicationPreviewInfo .radiobutton-btn-group-vertical li input[type=radio]:checked + label,
.CommunicationPreviewInfo .radiobutton-btn-group-vertical li input[type=radio] + label {
  border-radius: 0;
  border-top: none;
}
.CommunicationPreviewInfo .radiobutton-btn-group li:first-of-type input:checked + label, .CommunicationPreviewInfo .radiobutton-btn-group li:first-of-type input + label,
.CommunicationPreviewInfo .radiobutton-btn-group-vertical li:first-of-type input:checked + label,
.CommunicationPreviewInfo .radiobutton-btn-group-vertical li:first-of-type input + label {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 1px solid #ddd;
}
.CommunicationPreviewInfo .radiobutton-btn-group li:last-of-type input:checked + label, .CommunicationPreviewInfo .radiobutton-btn-group li:last-of-type input + label,
.CommunicationPreviewInfo .radiobutton-btn-group-vertical li:last-of-type input:checked + label,
.CommunicationPreviewInfo .radiobutton-btn-group-vertical li:last-of-type input + label {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.CommunicationPreviewInfo .radiobutton-btn-group li input:checked + label:after,
.CommunicationPreviewInfo .radiobutton-btn-group-vertical li input:checked + label:after {
  display: none;
}
@media (min-width: 768px) {
  .CommunicationPreviewInfo .radiobutton-btn-group li {
    margin: 3px;
  }
  .CommunicationPreviewInfo .radiobutton-btn-group li input[type=radio]:checked + label,
  .CommunicationPreviewInfo .radiobutton-btn-group li input[type=radio] + label {
    border-radius: 0;
    border-top: 1px solid #ddd;
    border-left: none;
  }
  .CommunicationPreviewInfo .radiobutton-btn-group li:first-of-type input:checked + label, .CommunicationPreviewInfo .radiobutton-btn-group li:first-of-type input + label {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: 1px solid #ddd;
  }
  .CommunicationPreviewInfo .radiobutton-btn-group li:last-of-type input:checked + label, .CommunicationPreviewInfo .radiobutton-btn-group li:last-of-type input + label {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .CommunicationPreviewInfo .radiobutton-btn-group-vertical {
    flex-direction: column;
    max-width: 500px;
  }
}
.CommunicationPreviewInfo .PrintButton, .CommunicationPreviewInfo .TextOnlyButton, .CommunicationPreviewInfo .ExitTextOnlyButton, .CommunicationPreviewInfo .EmailButton {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 16px;
  height: 16px;
  display: block;
  background-repeat: no-repeat;
  float: left;
  margin-right: 3px;
  margin-left: 3px;
}
.CommunicationPreviewInfo .PrintButton {
  background-image: url("../images/icon_printthispage.gif");
}
.CommunicationPreviewInfo .TextOnlyButton {
  background-image: url("../images/icon_textonly.gif");
}
.CommunicationPreviewInfo .ExitTextOnlyButton {
  background-image: url("../images/icon_exittextonly.gif");
}
.CommunicationPreviewInfo .EmailButton {
  background-image: url("../images/icon_email.gif");
}
.CommunicationPreviewInfo ul.obo-actions {
  margin: 0;
  padding: 0;
}
.CommunicationPreviewInfo ul.obo-actions, .CommunicationPreviewInfo ul.obo-actions > li {
  list-style: none;
  display: inline-block;
}
.CommunicationPreviewInfo ul.obo-actions > li {
  margin-left: 0.4em;
}
.CommunicationPreviewInfo ul.obo-actions > li:first-child {
  margin-left: 0.2em;
}
.CommunicationPreviewInfo #pagesubnav {
  width: 10em;
  min-width: 10em;
}
.CommunicationPreviewInfo #pagesubnav .RadTabStripVertical .rtsLink {
  text-align: left;
}
.CommunicationPreviewInfo .SubNavPanelHead {
  font-size: 180%;
  font-weight: bold;
  padding: 10px;
}
.CommunicationPreviewInfo .back-link-control {
  padding-left: 10px;
  padding-bottom: 7px;
}
.CommunicationPreviewInfo .back-link-control::before {
  content: "« ";
}
.CommunicationPreviewInfo .SelectedTagList {
  margin: 0.5em 0 0 0;
  padding: 0;
}
.CommunicationPreviewInfo .SelectedTagList li {
  list-style-type: none;
  display: inline-block;
  padding: 0.2em 0.5em;
  margin: 0 0.5em 0.5em 0;
}
.CommunicationPreviewInfo .SelectedTagList .Tag {
  background-color: #fff;
}
.CommunicationPreviewInfo .NoResults {
  font-style: italic;
}
.CommunicationPreviewInfo .attachment {
  display: inline-block;
  border: 1px solid #ddd;
  padding: 0.75rem 1rem;
  color: #222;
  background-color: #fff;
  font-weight: 600;
  text-decoration: none;
  border-radius: 3px;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.CommunicationPreviewInfo .attachment:hover, .CommunicationPreviewInfo .attachment:focus, .CommunicationPreviewInfo .attachment:active {
  color: #222;
  text-decoration: underline;
}
.CommunicationPreviewInfo .attachment.Disabled, .CommunicationPreviewInfo .attachment.aspNetDisabled, .CommunicationPreviewInfo .attachment[disabled] {
  color: #495057;
}
.CommunicationPreviewInfo .attachment.Disabled:hover, .CommunicationPreviewInfo .attachment.Disabled:focus, .CommunicationPreviewInfo .attachment.Disabled:active, .CommunicationPreviewInfo .attachment.aspNetDisabled:hover, .CommunicationPreviewInfo .attachment.aspNetDisabled:focus, .CommunicationPreviewInfo .attachment.aspNetDisabled:active, .CommunicationPreviewInfo .attachment[disabled]:hover, .CommunicationPreviewInfo .attachment[disabled]:focus, .CommunicationPreviewInfo .attachment[disabled]:active {
  color: #495057;
  text-decoration: none;
}
.CommunicationPreviewInfo .CancelChange, .CommunicationPreviewInfo .Refresh, .CommunicationPreviewInfo .IconSprite,
.CommunicationPreviewInfo .DeleteImage, .CommunicationPreviewInfo .EditImage, .CommunicationPreviewInfo .ArrowUp, .CommunicationPreviewInfo .ArrowUpOff, .CommunicationPreviewInfo .ArrowDown, .CommunicationPreviewInfo .ArrowDownOff,
.CommunicationPreviewInfo .obo-action,
.CommunicationPreviewInfo .obo-toggle,
.CommunicationPreviewInfo .ste-toggle,
.CommunicationPreviewInfo .batch-toggle,
.CommunicationPreviewInfo .transaction-date-toggle,
.CommunicationPreviewInfo .page-statistics-toggle,
.CommunicationPreviewInfo .list-toggle {
  display: inline-block;
  background-image: url("../images/IconSprite.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
}
.CommunicationPreviewInfo .IconSprite,
.CommunicationPreviewInfo .DeleteImage, .CommunicationPreviewInfo .EditImage, .CommunicationPreviewInfo .ArrowUp, .CommunicationPreviewInfo .ArrowUpOff, .CommunicationPreviewInfo .ArrowDown, .CommunicationPreviewInfo .ArrowDownOff,
.CommunicationPreviewInfo .obo-action,
.CommunicationPreviewInfo .obo-toggle,
.CommunicationPreviewInfo .ste-toggle,
.CommunicationPreviewInfo .batch-toggle,
.CommunicationPreviewInfo .transaction-date-toggle,
.CommunicationPreviewInfo .page-statistics-toggle,
.CommunicationPreviewInfo .list-toggle {
  margin-left: 0.2em;
}
.CommunicationPreviewInfo .obo-action,
.CommunicationPreviewInfo .obo-toggle,
.CommunicationPreviewInfo .ste-toggle,
.CommunicationPreviewInfo .batch-toggle,
.CommunicationPreviewInfo .search-toggle,
.CommunicationPreviewInfo .notifications-toggle,
.CommunicationPreviewInfo .transaction-date-toggle,
.CommunicationPreviewInfo .js-show-table,
.CommunicationPreviewInfo .js-show-chart,
.CommunicationPreviewInfo .page-statistics-toggle,
.CommunicationPreviewInfo .list-toggle {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: inline-block;
}
.CommunicationPreviewInfo .ArrowUpOff, .CommunicationPreviewInfo .ArrowDownOff {
  opacity: 0.4;
  filter: alpha(opacity=40); /* filter needed for IE compatibility */
}
.CommunicationPreviewInfo .navbar-toggle,
.CommunicationPreviewInfo .obo-toggle,
.CommunicationPreviewInfo .ste-toggle,
.CommunicationPreviewInfo .batch-toggle,
.CommunicationPreviewInfo .transaction-date-toggle,
.CommunicationPreviewInfo .page-statistics-toggle,
.CommunicationPreviewInfo .list-toggle {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background-color: transparent;
  border: none;
  vertical-align: middle;
}
.CommunicationPreviewInfo .navbar-toggle:hover, .CommunicationPreviewInfo .navbar-toggle:focus, .CommunicationPreviewInfo .navbar-toggle:active,
.CommunicationPreviewInfo .obo-toggle:hover,
.CommunicationPreviewInfo .obo-toggle:focus,
.CommunicationPreviewInfo .obo-toggle:active,
.CommunicationPreviewInfo .ste-toggle:hover,
.CommunicationPreviewInfo .ste-toggle:focus,
.CommunicationPreviewInfo .ste-toggle:active,
.CommunicationPreviewInfo .batch-toggle:hover,
.CommunicationPreviewInfo .batch-toggle:focus,
.CommunicationPreviewInfo .batch-toggle:active,
.CommunicationPreviewInfo .transaction-date-toggle:hover,
.CommunicationPreviewInfo .transaction-date-toggle:focus,
.CommunicationPreviewInfo .transaction-date-toggle:active,
.CommunicationPreviewInfo .page-statistics-toggle:hover,
.CommunicationPreviewInfo .page-statistics-toggle:focus,
.CommunicationPreviewInfo .page-statistics-toggle:active,
.CommunicationPreviewInfo .list-toggle:hover,
.CommunicationPreviewInfo .list-toggle:focus,
.CommunicationPreviewInfo .list-toggle:active {
  background-color: rgba(0, 0, 0, 0.05);
}
.CommunicationPreviewInfo .navbar-toggle.on,
.CommunicationPreviewInfo .obo-toggle.on,
.CommunicationPreviewInfo .ste-toggle.on,
.CommunicationPreviewInfo .batch-toggle.on,
.CommunicationPreviewInfo .transaction-date-toggle.on,
.CommunicationPreviewInfo .page-statistics-toggle.on,
.CommunicationPreviewInfo .list-toggle.on {
  background-color: hsl(194.7321428571, 100%, 15%);
}
.CommunicationPreviewInfo .navbar-toggle.on:hover, .CommunicationPreviewInfo .navbar-toggle.on:focus, .CommunicationPreviewInfo .navbar-toggle.on:active,
.CommunicationPreviewInfo .obo-toggle.on:hover,
.CommunicationPreviewInfo .obo-toggle.on:focus,
.CommunicationPreviewInfo .obo-toggle.on:active,
.CommunicationPreviewInfo .ste-toggle.on:hover,
.CommunicationPreviewInfo .ste-toggle.on:focus,
.CommunicationPreviewInfo .ste-toggle.on:active,
.CommunicationPreviewInfo .batch-toggle.on:hover,
.CommunicationPreviewInfo .batch-toggle.on:focus,
.CommunicationPreviewInfo .batch-toggle.on:active,
.CommunicationPreviewInfo .transaction-date-toggle.on:hover,
.CommunicationPreviewInfo .transaction-date-toggle.on:focus,
.CommunicationPreviewInfo .transaction-date-toggle.on:active,
.CommunicationPreviewInfo .page-statistics-toggle.on:hover,
.CommunicationPreviewInfo .page-statistics-toggle.on:focus,
.CommunicationPreviewInfo .page-statistics-toggle.on:active,
.CommunicationPreviewInfo .list-toggle.on:hover,
.CommunicationPreviewInfo .list-toggle.on:focus,
.CommunicationPreviewInfo .list-toggle.on:active {
  background-color: #005875;
}
.CommunicationPreviewInfo .obo-toggle {
  background-position: 0px -70px;
}
.CommunicationPreviewInfo .obo-toggle.on {
  background-position: 0px -105px;
}
.CommunicationPreviewInfo .ste-toggle {
  background-position: -35px -70px;
}
.CommunicationPreviewInfo .ste-toggle.on {
  background-position: -35px -105px;
}
.CommunicationPreviewInfo .batch-toggle {
  background-position: -175px -70px;
}
.CommunicationPreviewInfo .batch-toggle.on {
  background-position: -175px -105px;
}
.CommunicationPreviewInfo .transaction-date-toggle {
  background-position: -210px -70px;
}
.CommunicationPreviewInfo .transaction-date-toggle.on {
  background-position: -210px -105px;
}
.CommunicationPreviewInfo .page-statistics-toggle {
  background-position: -315px -70px;
}
.CommunicationPreviewInfo .page-statistics-toggle.on {
  background-position: -315px -105px;
}
.CommunicationPreviewInfo .list-toggle {
  background-position: -350px -70px;
}
.CommunicationPreviewInfo .list-toggle.on {
  background-position: -350px -105px;
}
.CommunicationPreviewInfo .navbar-toggle .icon-bar {
  /* Hamburger bars */
  background-color: #222;
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.CommunicationPreviewInfo .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
.CommunicationPreviewInfo .navbar-toggle .icon-search {
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/IconSprite.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  background-position: -76px -76px;
}
@media (min-width: 992px) {
  .CommunicationPreviewInfo .navbar-toggle {
    display: none;
  }
}
.CommunicationPreviewInfo .CancelChange, .CommunicationPreviewInfo .Refresh {
  width: 34px;
  height: 34px;
}
.CommunicationPreviewInfo .CancelChange {
  background-position: -105px -70px;
}
.CommunicationPreviewInfo .Refresh {
  background-position: -140px -70px;
}
.CommunicationPreviewInfo .IconSprite.AddIcon, .CommunicationPreviewInfo .IconSprite.AddIcon[disabled]:hover, .CommunicationPreviewInfo .IconSprite.AddIcon.Disabled:hover, .CommunicationPreviewInfo .IconSprite.AddIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .IconSprite.AddIcon, .CommunicationPreviewInfo .IconSprite.SaveIcon, .CommunicationPreviewInfo .IconSprite.SaveIcon[disabled]:hover, .CommunicationPreviewInfo .IconSprite.SaveIcon.Disabled:hover, .CommunicationPreviewInfo .IconSprite.SaveIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .IconSprite.SaveIcon {
  background-position: 0px 0;
}
.CommunicationPreviewInfo .IconSprite.AddIcon:hover, .CommunicationPreviewInfo .IconSprite.AddIcon:focus, a:hover .CommunicationPreviewInfo .IconSprite.AddIcon, a:focus .CommunicationPreviewInfo .IconSprite.AddIcon, .CommunicationPreviewInfo .IconSprite.SaveIcon:hover, .CommunicationPreviewInfo .IconSprite.SaveIcon:focus, a:hover .CommunicationPreviewInfo .IconSprite.SaveIcon, a:focus .CommunicationPreviewInfo .IconSprite.SaveIcon {
  background-position: 0px -35px;
}
.CommunicationPreviewInfo .IconSprite.EditIcon, .CommunicationPreviewInfo .IconSprite.EditIcon[disabled]:hover, .CommunicationPreviewInfo .IconSprite.EditIcon.Disabled:hover, .CommunicationPreviewInfo .IconSprite.EditIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .IconSprite.EditIcon, .CommunicationPreviewInfo .EditImage, .CommunicationPreviewInfo .EditImage[disabled]:hover, .CommunicationPreviewInfo .EditImage.Disabled:hover, .CommunicationPreviewInfo .EditImage.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .EditImage {
  background-position: -35px 0;
}
.CommunicationPreviewInfo .IconSprite.EditIcon:hover, .CommunicationPreviewInfo .IconSprite.EditIcon:focus, a:hover .CommunicationPreviewInfo .IconSprite.EditIcon, a:focus .CommunicationPreviewInfo .IconSprite.EditIcon, .CommunicationPreviewInfo .EditImage:hover, .CommunicationPreviewInfo .EditImage:focus, a:hover .CommunicationPreviewInfo .EditImage, a:focus .CommunicationPreviewInfo .EditImage {
  background-position: -35px -35px;
}
.CommunicationPreviewInfo .IconSprite.DeleteIcon, .CommunicationPreviewInfo .IconSprite.DeleteIcon[disabled]:hover, .CommunicationPreviewInfo .IconSprite.DeleteIcon.Disabled:hover, .CommunicationPreviewInfo .IconSprite.DeleteIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .IconSprite.DeleteIcon, .CommunicationPreviewInfo .DeleteImage, .CommunicationPreviewInfo .DeleteImage[disabled]:hover, .CommunicationPreviewInfo .DeleteImage.Disabled:hover, .CommunicationPreviewInfo .DeleteImage.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .DeleteImage {
  background-position: -70px 0;
}
.CommunicationPreviewInfo .IconSprite.DeleteIcon:hover, .CommunicationPreviewInfo .IconSprite.DeleteIcon:focus, a:hover .CommunicationPreviewInfo .IconSprite.DeleteIcon, a:focus .CommunicationPreviewInfo .IconSprite.DeleteIcon, .CommunicationPreviewInfo .DeleteImage:hover, .CommunicationPreviewInfo .DeleteImage:focus, a:hover .CommunicationPreviewInfo .DeleteImage, a:focus .CommunicationPreviewInfo .DeleteImage {
  background-position: -70px -35px;
}
.CommunicationPreviewInfo .IconSprite.UpIcon, .CommunicationPreviewInfo .IconSprite.UpIcon[disabled]:hover, .CommunicationPreviewInfo .IconSprite.UpIcon.Disabled:hover, .CommunicationPreviewInfo .IconSprite.UpIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .IconSprite.UpIcon, .CommunicationPreviewInfo .ArrowUp, .CommunicationPreviewInfo .ArrowUp[disabled]:hover, .CommunicationPreviewInfo .ArrowUp.Disabled:hover, .CommunicationPreviewInfo .ArrowUp.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .ArrowUp, .CommunicationPreviewInfo .ArrowUpOff, .CommunicationPreviewInfo .ArrowUpOff[disabled]:hover, .CommunicationPreviewInfo .ArrowUpOff.Disabled:hover, .CommunicationPreviewInfo .ArrowUpOff.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .ArrowUpOff {
  background-position: -105px 0;
}
.CommunicationPreviewInfo .IconSprite.UpIcon:hover, .CommunicationPreviewInfo .IconSprite.UpIcon:focus, a:hover .CommunicationPreviewInfo .IconSprite.UpIcon, a:focus .CommunicationPreviewInfo .IconSprite.UpIcon, .CommunicationPreviewInfo .ArrowUp:hover, .CommunicationPreviewInfo .ArrowUp:focus, a:hover .CommunicationPreviewInfo .ArrowUp, a:focus .CommunicationPreviewInfo .ArrowUp, .CommunicationPreviewInfo .ArrowUpOff:hover, .CommunicationPreviewInfo .ArrowUpOff:focus, a:hover .CommunicationPreviewInfo .ArrowUpOff, a:focus .CommunicationPreviewInfo .ArrowUpOff {
  background-position: -105px -35px;
}
.CommunicationPreviewInfo .IconSprite.DownIcon, .CommunicationPreviewInfo .IconSprite.DownIcon[disabled]:hover, .CommunicationPreviewInfo .IconSprite.DownIcon.Disabled:hover, .CommunicationPreviewInfo .IconSprite.DownIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .IconSprite.DownIcon, .CommunicationPreviewInfo .ArrowDown, .CommunicationPreviewInfo .ArrowDown[disabled]:hover, .CommunicationPreviewInfo .ArrowDown.Disabled:hover, .CommunicationPreviewInfo .ArrowDown.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .ArrowDown, .CommunicationPreviewInfo .ArrowDownOff, .CommunicationPreviewInfo .ArrowDownOff[disabled]:hover, .CommunicationPreviewInfo .ArrowDownOff.Disabled:hover, .CommunicationPreviewInfo .ArrowDownOff.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .ArrowDownOff {
  background-position: -140px 0;
}
.CommunicationPreviewInfo .IconSprite.DownIcon:hover, .CommunicationPreviewInfo .IconSprite.DownIcon:focus, a:hover .CommunicationPreviewInfo .IconSprite.DownIcon, a:focus .CommunicationPreviewInfo .IconSprite.DownIcon, .CommunicationPreviewInfo .ArrowDown:hover, .CommunicationPreviewInfo .ArrowDown:focus, a:hover .CommunicationPreviewInfo .ArrowDown, a:focus .CommunicationPreviewInfo .ArrowDown, .CommunicationPreviewInfo .ArrowDownOff:hover, .CommunicationPreviewInfo .ArrowDownOff:focus, a:hover .CommunicationPreviewInfo .ArrowDownOff, a:focus .CommunicationPreviewInfo .ArrowDownOff {
  background-position: -140px -35px;
}
.CommunicationPreviewInfo .IconSprite.SelectIcon, .CommunicationPreviewInfo .IconSprite.SelectIcon[disabled]:hover, .CommunicationPreviewInfo .IconSprite.SelectIcon.Disabled:hover, .CommunicationPreviewInfo .IconSprite.SelectIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .IconSprite.SelectIcon {
  background-position: -175px 0;
}
.CommunicationPreviewInfo .IconSprite.SelectIcon:hover, .CommunicationPreviewInfo .IconSprite.SelectIcon:focus, a:hover .CommunicationPreviewInfo .IconSprite.SelectIcon, a:focus .CommunicationPreviewInfo .IconSprite.SelectIcon {
  background-position: -175px -35px;
}
.CommunicationPreviewInfo .IconSprite.CheckIcon, .CommunicationPreviewInfo .IconSprite.CheckIcon[disabled]:hover, .CommunicationPreviewInfo .IconSprite.CheckIcon.Disabled:hover, .CommunicationPreviewInfo .IconSprite.CheckIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .IconSprite.CheckIcon {
  background-position: -245px 0;
}
.CommunicationPreviewInfo .IconSprite.CheckIcon:hover, .CommunicationPreviewInfo .IconSprite.CheckIcon:focus, a:hover .CommunicationPreviewInfo .IconSprite.CheckIcon, a:focus .CommunicationPreviewInfo .IconSprite.CheckIcon {
  background-position: -245px -35px;
}
.CommunicationPreviewInfo .IconSprite.UndoIcon, .CommunicationPreviewInfo .IconSprite.UndoIcon[disabled]:hover, .CommunicationPreviewInfo .IconSprite.UndoIcon.Disabled:hover, .CommunicationPreviewInfo .IconSprite.UndoIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .IconSprite.UndoIcon, .CommunicationPreviewInfo .IconSprite.ResetIcon, .CommunicationPreviewInfo .IconSprite.ResetIcon[disabled]:hover, .CommunicationPreviewInfo .IconSprite.ResetIcon.Disabled:hover, .CommunicationPreviewInfo .IconSprite.ResetIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .IconSprite.ResetIcon {
  background-position: -280px 0;
}
.CommunicationPreviewInfo .IconSprite.UndoIcon:hover, .CommunicationPreviewInfo .IconSprite.UndoIcon:focus, a:hover .CommunicationPreviewInfo .IconSprite.UndoIcon, a:focus .CommunicationPreviewInfo .IconSprite.UndoIcon, .CommunicationPreviewInfo .IconSprite.ResetIcon:hover, .CommunicationPreviewInfo .IconSprite.ResetIcon:focus, a:hover .CommunicationPreviewInfo .IconSprite.ResetIcon, a:focus .CommunicationPreviewInfo .IconSprite.ResetIcon {
  background-position: -280px -35px;
}
.CommunicationPreviewInfo .IconSprite.FindIcon, .CommunicationPreviewInfo .IconSprite.FindIcon[disabled]:hover, .CommunicationPreviewInfo .IconSprite.FindIcon.Disabled:hover, .CommunicationPreviewInfo .IconSprite.FindIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .IconSprite.FindIcon {
  background-position: -315px 0;
}
.CommunicationPreviewInfo .IconSprite.FindIcon:hover, .CommunicationPreviewInfo .IconSprite.FindIcon:focus, a:hover .CommunicationPreviewInfo .IconSprite.FindIcon, a:focus .CommunicationPreviewInfo .IconSprite.FindIcon {
  background-position: -315px -35px;
}
.CommunicationPreviewInfo .IconSprite.CancelIcon, .CommunicationPreviewInfo .IconSprite.CancelIcon[disabled]:hover, .CommunicationPreviewInfo .IconSprite.CancelIcon.Disabled:hover, .CommunicationPreviewInfo .IconSprite.CancelIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .IconSprite.CancelIcon {
  background-position: -350px 0;
}
.CommunicationPreviewInfo .IconSprite.CancelIcon:hover, .CommunicationPreviewInfo .IconSprite.CancelIcon:focus, a:hover .CommunicationPreviewInfo .IconSprite.CancelIcon, a:focus .CommunicationPreviewInfo .IconSprite.CancelIcon {
  background-position: -350px -35px;
}
.CommunicationPreviewInfo .IconSprite.ContactIcon, .CommunicationPreviewInfo .IconSprite.ContactIcon[disabled]:hover, .CommunicationPreviewInfo .IconSprite.ContactIcon.Disabled:hover, .CommunicationPreviewInfo .IconSprite.ContactIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .IconSprite.ContactIcon {
  background-position: -385px 0;
}
.CommunicationPreviewInfo .IconSprite.ContactIcon:hover, .CommunicationPreviewInfo .IconSprite.ContactIcon:focus, a:hover .CommunicationPreviewInfo .IconSprite.ContactIcon, a:focus .CommunicationPreviewInfo .IconSprite.ContactIcon {
  background-position: -385px -35px;
}
.CommunicationPreviewInfo .IconSprite.ConfigureIcon, .CommunicationPreviewInfo .IconSprite.ConfigureIcon[disabled]:hover, .CommunicationPreviewInfo .IconSprite.ConfigureIcon.Disabled:hover, .CommunicationPreviewInfo .IconSprite.ConfigureIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .IconSprite.ConfigureIcon {
  background-position: -420px 0;
}
.CommunicationPreviewInfo .IconSprite.ConfigureIcon:hover, .CommunicationPreviewInfo .IconSprite.ConfigureIcon:focus, a:hover .CommunicationPreviewInfo .IconSprite.ConfigureIcon, a:focus .CommunicationPreviewInfo .IconSprite.ConfigureIcon {
  background-position: -420px -35px;
}
.CommunicationPreviewInfo .obo-action.obo-change-contact, .CommunicationPreviewInfo .obo-action.obo-change-contact[disabled]:hover, .CommunicationPreviewInfo .obo-action.obo-change-contact.Disabled:hover, .CommunicationPreviewInfo .obo-action.obo-change-contact.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .obo-action.obo-change-contact {
  background-position: -455px 0;
}
.CommunicationPreviewInfo .obo-action.obo-change-contact:hover, .CommunicationPreviewInfo .obo-action.obo-change-contact:focus, a:hover .CommunicationPreviewInfo .obo-action.obo-change-contact, a:focus .CommunicationPreviewInfo .obo-action.obo-change-contact {
  background-position: -455px -35px;
}
.CommunicationPreviewInfo .obo-action.obo-clear, .CommunicationPreviewInfo .obo-action.obo-clear[disabled]:hover, .CommunicationPreviewInfo .obo-action.obo-clear.Disabled:hover, .CommunicationPreviewInfo .obo-action.obo-clear.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .obo-action.obo-clear {
  background-position: -490px 0;
}
.CommunicationPreviewInfo .obo-action.obo-clear:hover, .CommunicationPreviewInfo .obo-action.obo-clear:focus, a:hover .CommunicationPreviewInfo .obo-action.obo-clear, a:focus .CommunicationPreviewInfo .obo-action.obo-clear {
  background-position: -490px -35px;
}
.CommunicationPreviewInfo .svgicon {
  display: block;
  fill: currentColor;
}
.CommunicationPreviewInfo a .svgicon {
  fill: #666;
}
.CommunicationPreviewInfo a .svgicon:hover, .CommunicationPreviewInfo a .svgicon:focus, .CommunicationPreviewInfo a .svgicon:active {
  fill: #555555;
}
.CommunicationPreviewInfo .file-icon--before:before {
  content: "";
  margin-right: 8px;
}
.CommunicationPreviewInfo .file-icon, .CommunicationPreviewInfo .file-icon--before:before {
  background-image: url("../images/file-type-sprite.png");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.CommunicationPreviewInfo .file-icon-csv.file-icon, .CommunicationPreviewInfo .file-icon-csv.file-icon--before:before {
  background-position: -5px -5px;
  width: 24px;
  height: 24px;
}
.CommunicationPreviewInfo .file-icon-excel.file-icon, .CommunicationPreviewInfo .file-icon-excel.file-icon--before:before {
  background-position: -39px -5px;
  width: 24px;
  height: 24px;
}
.CommunicationPreviewInfo .file-icon-pdf.file-icon, .CommunicationPreviewInfo .file-icon-pdf.file-icon--before:before {
  background-position: -73px -5px;
  width: 24px;
  height: 24px;
}
.CommunicationPreviewInfo .file-icon-word.file-icon, .CommunicationPreviewInfo .file-icon-word.file-icon--before:before {
  background-position: -107px -5px;
  width: 24px;
  height: 24px;
}
.CommunicationPreviewInfo .file-icon-xml.file-icon, .CommunicationPreviewInfo .file-icon-xml.file-icon--before:before {
  background-position: -141px -5px;
  width: 24px;
  height: 24px;
}
.CommunicationPreviewInfo .payment-method-icon-americanexpress::before {
  background-position: 0 0;
  width: 40px;
  height: 36px;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("../images/PaymentMethodSprite.png");
}
.CommunicationPreviewInfo .payment-method-icon-mastercard::before {
  background-position: -50px -2px;
  width: 40px;
  height: 36px;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("../images/PaymentMethodSprite.png");
}
.CommunicationPreviewInfo .payment-method-icon-visa::before {
  background-position: -100px -2px;
  width: 40px;
  height: 36px;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("../images/PaymentMethodSprite.png");
}
.CommunicationPreviewInfo .payment-method-icon-discover::before {
  background-position: -150px -2px;
  width: 40px;
  height: 36px;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("../images/PaymentMethodSprite.png");
}
.CommunicationPreviewInfo .payment-method-icon-jcb::before {
  background-position: -200px -2px;
  width: 40px;
  height: 36px;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("../images/PaymentMethodSprite.png");
}
.CommunicationPreviewInfo .payment-method-icon-checking::before, .CommunicationPreviewInfo .payment-method-icon-saving::before {
  background-position: 0 -48px;
  width: 40px;
  height: 36px;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("../images/PaymentMethodSprite.png");
}
.CommunicationPreviewInfo .payment-method-icon-other::before {
  background-position: -100px -48px;
  width: 40px;
  height: 36px;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("../images/PaymentMethodSprite.png");
}
.CommunicationPreviewInfo .payment-method-icon-americanexpress, .CommunicationPreviewInfo .payment-method-icon-mastercard,
.CommunicationPreviewInfo .payment-method-icon-visa, .CommunicationPreviewInfo .payment-method-icon-discover, .CommunicationPreviewInfo .payment-method-icon-jcb,
.CommunicationPreviewInfo .payment-method-icon-checking, .CommunicationPreviewInfo .payment-method-icon-saving, .CommunicationPreviewInfo .payment-method-icon-other {
  position: relative;
  padding: 5px 0 5px 50px;
  display: block;
}
.CommunicationPreviewInfo .FeatureSprite {
  display: inline-block;
  background-image: url(../images/FeatureSprite.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: baseline;
  background-position: 0 40px; /* Default to keep the wrong icon from appearing by default */
  opacity: 0.7;
  transition: opacity 0.2s ease-out;
}
@media screen and (prefers-reduced-motion: reduce) {
  .CommunicationPreviewInfo .FeatureSprite {
    transition: none;
  }
}
.CommunicationPreviewInfo .FeatureSprite:hover, .CommunicationPreviewInfo .FeatureSprite:focus, a:hover .CommunicationPreviewInfo .FeatureSprite, a:focus .CommunicationPreviewInfo .FeatureSprite {
  opacity: 1;
}
.CommunicationPreviewInfo .FeatureSprite.SmallIcon {
  width: 18px;
  height: 18px;
}
.CommunicationPreviewInfo .FeatureSprite.SmallIcon.GroupIcon, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.GroupIcon[disabled]:hover, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.GroupIcon.Disabled:hover, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.GroupIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .FeatureSprite.SmallIcon.GroupIcon {
  background-position: 0px -3px;
}
.CommunicationPreviewInfo .FeatureSprite.SmallIcon.PersonIcon, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.PersonIcon[disabled]:hover, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.PersonIcon.Disabled:hover, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.PersonIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .FeatureSprite.SmallIcon.PersonIcon {
  background-position: -30px -3px;
}
.CommunicationPreviewInfo .FeatureSprite.SmallIcon.EventIcon, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.EventIcon[disabled]:hover, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.EventIcon.Disabled:hover, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.EventIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .FeatureSprite.SmallIcon.EventIcon {
  background-position: -60px -3px;
}
.CommunicationPreviewInfo .FeatureSprite.SmallIcon.CartIcon, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.CartIcon[disabled]:hover, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.CartIcon.Disabled:hover, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.CartIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .FeatureSprite.SmallIcon.CartIcon {
  background-position: -90px -3px;
}
.CommunicationPreviewInfo .FeatureSprite.SmallIcon.FindIcon, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.FindIcon[disabled]:hover, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.FindIcon.Disabled:hover, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.FindIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .FeatureSprite.SmallIcon.FindIcon {
  background-position: -120px -3px;
}
.CommunicationPreviewInfo .FeatureSprite.SmallIcon.PaperclipIcon, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.PaperclipIcon[disabled]:hover, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.PaperclipIcon.Disabled:hover, .CommunicationPreviewInfo .FeatureSprite.SmallIcon.PaperclipIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .CommunicationPreviewInfo .FeatureSprite.SmallIcon.PaperclipIcon {
  background-position: -150px -3px;
}
.CommunicationPreviewInfo .checkbox-display-xs label,
.CommunicationPreviewInfo .checkbox-display-sm label,
.CommunicationPreviewInfo .checkbox-display-md label,
.CommunicationPreviewInfo .checkbox-display-lg label {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background-image: url(../images/DeviceSprite.png);
  height: 60px;
  vertical-align: middle;
  margin: 0 8px 0 3px;
  cursor: pointer;
}
.CommunicationPreviewInfo .checkbox-display-xs input[type=checkbox],
.CommunicationPreviewInfo .checkbox-display-sm input[type=checkbox],
.CommunicationPreviewInfo .checkbox-display-md input[type=checkbox],
.CommunicationPreviewInfo .checkbox-display-lg input[type=checkbox] {
  /* middle-align the checkboxes */
  margin-top: 19px;
}
.CommunicationPreviewInfo .checkbox-display-xs label {
  background-position: 0 0;
  width: 9px !important;
}
.CommunicationPreviewInfo .checkbox-display-sm label {
  background-position: -20px 0;
  width: 24px !important;
}
.CommunicationPreviewInfo .checkbox-display-md label {
  background-position: -50px 0;
  width: 55px !important;
}
.CommunicationPreviewInfo .checkbox-display-lg label {
  background-position: -120px 0;
  width: 68px !important;
}
.CommunicationPreviewInfo :root {
  --system-icon-color: hsl(0, 0%, 70%);
  --system-icon-color-hover: hsl(0, 0%, 60%);
  --auxiliary-nav-icon-color: hsl(0, 0%, 16%);
}
.CommunicationPreviewInfo .asi-common-finder-input::after,
.CommunicationPreviewInfo .chosen-container:after, .CommunicationPreviewInfo .wrapper.SVG-enabled .header-search > .header-search:before, .CommunicationPreviewInfo .wrapper.SVG-enabled .dropdown .caret:before, .CommunicationPreviewInfo .js-show-chart:before, .CommunicationPreviewInfo .js-show-table:before, .CommunicationPreviewInfo .search-toggle:before, .CommunicationPreviewInfo .notifications-toggle:before, .CommunicationPreviewInfo .wrapper.SVG-enabled .transaction-date-toggle:before, .CommunicationPreviewInfo .wrapper.SVG-enabled .ste-toggle:before, .CommunicationPreviewInfo .wrapper.SVG-enabled .page-statistics-toggle:before, .CommunicationPreviewInfo .wrapper.SVG-enabled .navbar-toggle .icon-search:before, .CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-account a:before, .CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-cart a:before, .CommunicationPreviewInfo .wrapper.SVG-enabled .obo-toggle:before, .CommunicationPreviewInfo .wrapper.SVG-enabled .list-toggle:before, .CommunicationPreviewInfo .wrapper.SVG-enabled .batch-toggle:before, .CommunicationPreviewInfo .obo-action.obo-clear-cart:before, .CommunicationPreviewInfo .wrapper.SVG-enabled .obo-action.obo-change-contact:before, .CommunicationPreviewInfo .wrapper.SVG-enabled .obo-action.obo-clear:before, .CommunicationPreviewInfo .sysicon:after, .CommunicationPreviewInfo .sysicon--before:before, .CommunicationPreviewInfo .sysicon--after:after {
  content: "";
  display: inline-block;
  background-color: var(--system-icon-color);
}
.CommunicationPreviewInfo .sysicon--container {
  display: inline-block;
}
.CommunicationPreviewInfo .sysicon,
.CommunicationPreviewInfo button.sysicon {
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 0.3em;
  display: inline-block;
}
.CommunicationPreviewInfo .sysicon:after, .CommunicationPreviewInfo .sysicon--before:before, .CommunicationPreviewInfo .sysicon--after:after {
  width: 18px;
  height: 18px;
}
.CommunicationPreviewInfo .sysicon {
  position: relative;
}
.CommunicationPreviewInfo .sysicon input[type=image] {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.CommunicationPreviewInfo .sysicon--before,
.CommunicationPreviewInfo .sysicon--after {
  display: inline-flex;
  align-items: center;
}
.CommunicationPreviewInfo .sysicon--before:before,
.CommunicationPreviewInfo .sysicon--after:before {
  margin-right: 4.5px;
}
.CommunicationPreviewInfo .sysicon--before:after,
.CommunicationPreviewInfo .sysicon--after:after {
  margin-left: 4.5px;
}
.CommunicationPreviewInfo .sysicon--input {
  position: relative;
}
.CommunicationPreviewInfo .sysicon--input input[type=text] {
  padding-left: 28px;
}
.CommunicationPreviewInfo .sysicon--input:before, .CommunicationPreviewInfo .sysicon--input:after {
  width: 18px;
  height: 18px;
  position: absolute;
  top: auto;
  left: 5px;
  z-index: 1;
}
.CommunicationPreviewInfo button.sysicon.sysicon-xsmall,
.CommunicationPreviewInfo .sysicon.sysicon-xsmall input[type=image],
.CommunicationPreviewInfo .sysicon.sysicon-xsmall,
.CommunicationPreviewInfo .sysicon.sysicon-xsmall:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-xsmall:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-xsmall:after {
  width: 8px;
  height: 8px;
}
.CommunicationPreviewInfo .sysicon--before.sysicon-xsmall:before {
  margin-right: 2px;
}
.CommunicationPreviewInfo .sysicon--after.sysicon-xsmall:after {
  margin-left: 2px;
}
.CommunicationPreviewInfo button.sysicon.sysicon-medium,
.CommunicationPreviewInfo .sysicon.sysicon-medium input[type=image],
.CommunicationPreviewInfo .sysicon.sysicon-medium,
.CommunicationPreviewInfo .sysicon.sysicon-medium:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-medium:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-medium:after {
  width: 32px;
  height: 32px;
}
.CommunicationPreviewInfo .sysicon--before.sysicon-medium:before {
  margin-right: 8px;
}
.CommunicationPreviewInfo .sysicon--after.sysicon-medium:after {
  margin-left: 8px;
}
.CommunicationPreviewInfo button.sysicon.sysicon-large,
.CommunicationPreviewInfo .sysicon.sysicon-large input[type=image],
.CommunicationPreviewInfo .sysicon.sysicon-large,
.CommunicationPreviewInfo .sysicon.sysicon-large:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-large:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-large:after {
  width: 64px;
  height: 64px;
}
.CommunicationPreviewInfo .sysicon--before.sysicon-large:before {
  margin-right: 16px;
}
.CommunicationPreviewInfo .sysicon--after.sysicon-large:after {
  margin-left: 16px;
}
.CommunicationPreviewInfo .sysicon.sysicon-add:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-add:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-add:after {
  mask-image: url("../../Assets/images/IconSprite.svg#action-add");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-add:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-add:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-add:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-add:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-add:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-add:after,
.CommunicationPreviewInfo a.sysicon.sysicon-add:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-add:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-add:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-add:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-add:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-add:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-add:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-add:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-add:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#action-add");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-attachment:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-attachment:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-attachment:after {
  mask-image: url("../../Assets/images/IconSprite.svg#attachment");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-attachment:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-attachment:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-attachment:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-attachment:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-attachment:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-attachment:after,
.CommunicationPreviewInfo a.sysicon.sysicon-attachment:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-attachment:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-attachment:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-attachment:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-attachment:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-attachment:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-attachment:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-attachment:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-attachment:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#attachment");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-cancel:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-cancel:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-cancel:after {
  mask-image: url("../../Assets/images/IconSprite.svg#action-cancel");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-cancel:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-cancel:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-cancel:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-cancel:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-cancel:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-cancel:after,
.CommunicationPreviewInfo a.sysicon.sysicon-cancel:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-cancel:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-cancel:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-cancel:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-cancel:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-cancel:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-cancel:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-cancel:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-cancel:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#action-cancel");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-caret:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-caret:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-caret:after {
  mask-image: url("../../Assets/images/IconSprite.svg#caret");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-caret:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-caret:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-caret:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-caret:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-caret:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-caret:after,
.CommunicationPreviewInfo a.sysicon.sysicon-caret:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-caret:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-caret:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-caret:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-caret:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-caret:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-caret:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-caret:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-caret:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#caret");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-cart:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-cart:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-cart:after {
  mask-image: url("../../Assets/images/IconSprite.svg#cart");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-cart:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-cart:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-cart:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-cart:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-cart:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-cart:after,
.CommunicationPreviewInfo a.sysicon.sysicon-cart:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-cart:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-cart:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-cart:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-cart:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-cart:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-cart:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-cart:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-cart:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#cart");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-chat-bubble:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-chat-bubble:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-chat-bubble:after {
  mask-image: url("../../Assets/images/IconSprite.svg#chat-bubble");
  mask-repeat: no-repeat;
  background: #00a9e0;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-chat-bubble:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-chat-bubble:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-chat-bubble:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-chat-bubble:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-chat-bubble:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-chat-bubble:after,
.CommunicationPreviewInfo a.sysicon.sysicon-chat-bubble:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-chat-bubble:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-chat-bubble:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-chat-bubble:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-chat-bubble:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-chat-bubble:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-chat-bubble:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-chat-bubble:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-chat-bubble:not([disabled]):hover:after {
  background: #00a9e0;
  mask-image: url("../../Assets/images/IconSprite.svg#chat-bubble");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-contact-find:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-contact-find:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-contact-find:after {
  mask-image: url("../../Assets/images/IconSprite.svg#contact-card");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-contact-find:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-contact-find:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-contact-find:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-contact-find:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-contact-find:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-contact-find:after,
.CommunicationPreviewInfo a.sysicon.sysicon-contact-find:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-contact-find:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-contact-find:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-contact-find:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-contact-find:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-contact-find:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-contact-find:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-contact-find:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-contact-find:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#contact-card");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-configure:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-configure:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-configure:after {
  mask-image: url("../../Assets/images/IconSprite.svg#configuration");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-configure:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-configure:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-configure:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-configure:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-configure:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-configure:after,
.CommunicationPreviewInfo a.sysicon.sysicon-configure:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-configure:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-configure:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-configure:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-configure:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-configure:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-configure:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-configure:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-configure:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#configuration");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-confirm:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-confirm:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-confirm:after {
  mask-image: url("../../Assets/images/IconSprite.svg#confirm");
  mask-repeat: no-repeat;
  background: #4F8A10;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-confirm:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-confirm:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-confirm:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-confirm:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-confirm:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-confirm:after,
.CommunicationPreviewInfo a.sysicon.sysicon-confirm:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-confirm:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-confirm:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-confirm:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-confirm:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-confirm:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-confirm:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-confirm:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-confirm:not([disabled]):hover:after {
  background: #4F8A10;
  mask-image: url("../../Assets/images/IconSprite.svg#confirm");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-copy:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-copy:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-copy:after {
  mask-image: url("../../Assets/images/IconSprite.svg#copy");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-copy:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-copy:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-copy:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-copy:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-copy:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-copy:after,
.CommunicationPreviewInfo a.sysicon.sysicon-copy:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-copy:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-copy:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-copy:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-copy:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-copy:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-copy:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-copy:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-copy:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#copy");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-collapsed:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-collapsed:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-collapsed:after {
  mask-image: url("../../Assets/images/IconSprite.svg#collapsed");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-collapsed:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-collapsed:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-collapsed:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-collapsed:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-collapsed:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-collapsed:after,
.CommunicationPreviewInfo a.sysicon.sysicon-collapsed:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-collapsed:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-collapsed:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-collapsed:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-collapsed:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-collapsed:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-collapsed:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-collapsed:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-collapsed:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#collapsed");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-check:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-check:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-check:after {
  mask-image: url("../../Assets/images/IconSprite.svg#checkmark");
  mask-repeat: no-repeat;
  background: #4F8A10;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-check:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-check:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-check:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-check:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-check:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-check:after,
.CommunicationPreviewInfo a.sysicon.sysicon-check:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-check:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-check:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-check:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-check:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-check:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-check:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-check:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-check:not([disabled]):hover:after {
  background: #4F8A10;
  mask-image: url("../../Assets/images/IconSprite.svg#checkmark");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-danger:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-danger:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-danger:after {
  mask-image: url("../../Assets/images/IconSprite.svg#warning");
  mask-repeat: no-repeat;
  background: #D8000C;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-danger:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-danger:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-danger:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-danger:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-danger:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-danger:after,
.CommunicationPreviewInfo a.sysicon.sysicon-danger:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-danger:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-danger:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-danger:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-danger:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-danger:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-danger:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-danger:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-danger:not([disabled]):hover:after {
  background: #D8000C;
  mask-image: url("../../Assets/images/IconSprite.svg#warning");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-delete:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-delete:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-delete:after {
  mask-image: url("../../Assets/images/IconSprite.svg#action-remove");
  mask-repeat: no-repeat;
  background: #D8000C;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-delete:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-delete:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-delete:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-delete:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-delete:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-delete:after,
.CommunicationPreviewInfo a.sysicon.sysicon-delete:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-delete:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-delete:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-delete:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-delete:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-delete:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-delete:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-delete:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-delete:not([disabled]):hover:after {
  background: #D8000C;
  mask-image: url("../../Assets/images/IconSprite.svg#action-remove");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-download:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-download:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-download:after {
  mask-image: url("../../Assets/images/IconSprite.svg#download");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-download:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-download:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-download:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-download:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-download:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-download:after,
.CommunicationPreviewInfo a.sysicon.sysicon-download:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-download:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-download:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-download:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-download:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-download:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-download:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-download:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-download:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#download");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-edit:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-edit:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-edit:after {
  mask-image: url("../../Assets/images/IconSprite.svg#action-edit");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-edit:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-edit:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-edit:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-edit:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-edit:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-edit:after,
.CommunicationPreviewInfo a.sysicon.sysicon-edit:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-edit:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-edit:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-edit:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-edit:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-edit:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-edit:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-edit:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-edit:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#action-edit");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-event:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-event:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-event:after {
  mask-image: url("../../Assets/images/IconSprite.svg#event");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-event:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-event:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-event:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-event:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-event:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-event:after,
.CommunicationPreviewInfo a.sysicon.sysicon-event:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-event:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-event:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-event:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-event:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-event:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-event:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-event:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-event:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#event");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-expanded:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-expanded:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-expanded:after {
  mask-image: url("../../Assets/images/IconSprite.svg#expanded");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-expanded:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-expanded:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-expanded:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-expanded:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-expanded:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-expanded:after,
.CommunicationPreviewInfo a.sysicon.sysicon-expanded:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-expanded:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-expanded:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-expanded:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-expanded:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-expanded:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-expanded:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-expanded:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-expanded:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#expanded");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-find:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-find:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-find:after {
  mask-image: url("../../Assets/images/IconSprite.svg#search");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-find:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-find:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-find:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-find:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-find:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-find:after,
.CommunicationPreviewInfo a.sysicon.sysicon-find:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-find:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-find:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-find:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-find:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-find:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-find:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-find:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-find:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#search");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-donation:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-donation:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-donation:after {
  mask-image: url("../../Assets/images/IconSprite.svg#donation");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-donation:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-donation:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-donation:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-donation:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-donation:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-donation:after,
.CommunicationPreviewInfo a.sysicon.sysicon-donation:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-donation:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-donation:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-donation:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-donation:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-donation:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-donation:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-donation:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-donation:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#donation");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-group:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-group:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-group:after {
  mask-image: url("../../Assets/images/IconSprite.svg#group");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-group:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-group:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-group:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-group:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-group:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-group:after,
.CommunicationPreviewInfo a.sysicon.sysicon-group:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-group:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-group:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-group:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-group:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-group:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-group:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-group:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-group:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#group");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-help:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-help:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-help:after {
  mask-image: url("../../Assets/images/IconSprite.svg#help");
  mask-repeat: no-repeat;
  background: #00529B;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-help:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-help:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-help:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-help:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-help:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-help:after,
.CommunicationPreviewInfo a.sysicon.sysicon-help:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-help:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-help:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-help:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-help:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-help:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-help:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-help:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-help:not([disabled]):hover:after {
  background: #00529B;
  mask-image: url("../../Assets/images/IconSprite.svg#help");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-hide:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-hide:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-hide:after {
  mask-image: url("../../Assets/images/IconSprite.svg#hide");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-hide:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-hide:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-hide:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-hide:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-hide:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-hide:after,
.CommunicationPreviewInfo a.sysicon.sysicon-hide:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-hide:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-hide:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-hide:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-hide:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-hide:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-hide:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-hide:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-hide:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#hide");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-info:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-info:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-info:after {
  mask-image: url("../../Assets/images/IconSprite.svg#info");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-info:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-info:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-info:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-info:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-info:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-info:after,
.CommunicationPreviewInfo a.sysicon.sysicon-info:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-info:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-info:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-info:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-info:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-info:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-info:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-info:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-info:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#info");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-lock-closed:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-lock-closed:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-lock-closed:after {
  mask-image: url("../../Assets/images/IconSprite.svg#locked");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-lock-closed:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-lock-closed:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-lock-closed:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-lock-closed:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-lock-closed:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-lock-closed:after,
.CommunicationPreviewInfo a.sysicon.sysicon-lock-closed:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-lock-closed:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-lock-closed:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-lock-closed:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-lock-closed:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-lock-closed:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-lock-closed:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-lock-closed:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-lock-closed:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#locked");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-lookup-search:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-lookup-search:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-lookup-search:after {
  mask-image: url("../../Assets/images/IconSprite.svg#lookup-search");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-lookup-search:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-lookup-search:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-lookup-search:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-lookup-search:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-lookup-search:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-lookup-search:after,
.CommunicationPreviewInfo a.sysicon.sysicon-lookup-search:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-lookup-search:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-lookup-search:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-lookup-search:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-lookup-search:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-lookup-search:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-lookup-search:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-lookup-search:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-lookup-search:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#lookup-search");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-minus-circle:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-minus-circle:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-minus-circle:after {
  mask-image: url("../../Assets/images/IconSprite.svg#minus-circle");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-minus-circle:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-minus-circle:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-minus-circle:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-minus-circle:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-minus-circle:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-minus-circle:after,
.CommunicationPreviewInfo a.sysicon.sysicon-minus-circle:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-minus-circle:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-minus-circle:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-minus-circle:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-minus-circle:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-minus-circle:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-minus-circle:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-minus-circle:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-minus-circle:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#minus-circle");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-move-up:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-move-up:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-move-up:after {
  mask-image: url("../../Assets/images/IconSprite.svg#arrow-up");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-move-up:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-move-up:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-move-up:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-move-up:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-move-up:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-move-up:after,
.CommunicationPreviewInfo a.sysicon.sysicon-move-up:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-move-up:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-move-up:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-move-up:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-move-up:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-move-up:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-move-up:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-move-up:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-move-up:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#arrow-up");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-move-down:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-move-down:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-move-down:after {
  mask-image: url("../../Assets/images/IconSprite.svg#arrow-down");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-move-down:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-move-down:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-move-down:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-move-down:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-move-down:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-move-down:after,
.CommunicationPreviewInfo a.sysicon.sysicon-move-down:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-move-down:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-move-down:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-move-down:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-move-down:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-move-down:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-move-down:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-move-down:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-move-down:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#arrow-down");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-move-right:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-move-right:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-move-right:after {
  mask-image: url("../../Assets/images/IconSprite.svg#arrow-right");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-move-right:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-move-right:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-move-right:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-move-right:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-move-right:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-move-right:after,
.CommunicationPreviewInfo a.sysicon.sysicon-move-right:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-move-right:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-move-right:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-move-right:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-move-right:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-move-right:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-move-right:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-move-right:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-move-right:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#arrow-right");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-move-left:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-move-left:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-move-left:after {
  mask-image: url("../../Assets/images/IconSprite.svg#arrow-left");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-move-left:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-move-left:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-move-left:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-move-left:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-move-left:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-move-left:after,
.CommunicationPreviewInfo a.sysicon.sysicon-move-left:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-move-left:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-move-left:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-move-left:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-move-left:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-move-left:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-move-left:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-move-left:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-move-left:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#arrow-left");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-notifications:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-notifications:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-notifications:after {
  mask-image: url("../../Assets/images/IconSprite.svg#notifications");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-notifications:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-notifications:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-notifications:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-notifications:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-notifications:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-notifications:after,
.CommunicationPreviewInfo a.sysicon.sysicon-notifications:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-notifications:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-notifications:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-notifications:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-notifications:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-notifications:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-notifications:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-notifications:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-notifications:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#notifications");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-obo-change:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-obo-change:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-obo-change:after {
  mask-image: url("../../Assets/images/IconSprite.svg#obo-change");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-obo-change:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-obo-change:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-obo-change:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-obo-change:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-obo-change:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-obo-change:after,
.CommunicationPreviewInfo a.sysicon.sysicon-obo-change:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-obo-change:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-obo-change:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-obo-change:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-obo-change:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-obo-change:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-obo-change:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-obo-change:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-obo-change:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#obo-change");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-obo-clear:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-obo-clear:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-obo-clear:after {
  mask-image: url("../../Assets/images/IconSprite.svg#action-clear");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-obo-clear:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-obo-clear:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-obo-clear:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-obo-clear:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-obo-clear:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-obo-clear:after,
.CommunicationPreviewInfo a.sysicon.sysicon-obo-clear:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-obo-clear:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-obo-clear:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-obo-clear:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-obo-clear:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-obo-clear:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-obo-clear:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-obo-clear:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-obo-clear:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#action-clear");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-obo-clear-cart:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-obo-clear-cart:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-obo-clear-cart:after {
  mask-image: url("../../Assets/images/IconSprite.svg#obo-clear-cart");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-obo-clear-cart:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-obo-clear-cart:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-obo-clear-cart:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-obo-clear-cart:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-obo-clear-cart:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-obo-clear-cart:after,
.CommunicationPreviewInfo a.sysicon.sysicon-obo-clear-cart:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-obo-clear-cart:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-obo-clear-cart:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-obo-clear-cart:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-obo-clear-cart:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-obo-clear-cart:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-obo-clear-cart:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-obo-clear-cart:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-obo-clear-cart:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#obo-clear-cart");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-organization:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-organization:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-organization:after {
  mask-image: url("../../Assets/images/IconSprite.svg#organization");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-organization:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-organization:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-organization:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-organization:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-organization:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-organization:after,
.CommunicationPreviewInfo a.sysicon.sysicon-organization:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-organization:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-organization:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-organization:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-organization:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-organization:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-organization:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-organization:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-organization:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#organization");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-plus-circle:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-plus-circle:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-plus-circle:after {
  mask-image: url("../../Assets/images/IconSprite.svg#plus-circle");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-plus-circle:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-plus-circle:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-plus-circle:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-plus-circle:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-plus-circle:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-plus-circle:after,
.CommunicationPreviewInfo a.sysicon.sysicon-plus-circle:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-plus-circle:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-plus-circle:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-plus-circle:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-plus-circle:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-plus-circle:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-plus-circle:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-plus-circle:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-plus-circle:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#plus-circle");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-person:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-person:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-person:after {
  mask-image: url("../../Assets/images/IconSprite.svg#person");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-person:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-person:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-person:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-person:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-person:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-person:after,
.CommunicationPreviewInfo a.sysicon.sysicon-person:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-person:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-person:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-person:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-person:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-person:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-person:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-person:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-person:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#person");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-product:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-product:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-product:after {
  mask-image: url("../../Assets/images/IconSprite.svg#cart");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-product:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-product:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-product:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-product:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-product:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-product:after,
.CommunicationPreviewInfo a.sysicon.sysicon-product:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-product:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-product:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-product:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-product:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-product:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-product:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-product:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-product:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#cart");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-query:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-query:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-query:after {
  mask-image: url("../../Assets/images/IconSprite.svg#search");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-query:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-query:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-query:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-query:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-query:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-query:after,
.CommunicationPreviewInfo a.sysicon.sysicon-query:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-query:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-query:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-query:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-query:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-query:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-query:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-query:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-query:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#search");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-refresh:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-refresh:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-refresh:after {
  mask-image: url("../../Assets/images/IconSprite.svg#action-refresh");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-refresh:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-refresh:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-refresh:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-refresh:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-refresh:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-refresh:after,
.CommunicationPreviewInfo a.sysicon.sysicon-refresh:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-refresh:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-refresh:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-refresh:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-refresh:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-refresh:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-refresh:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-refresh:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-refresh:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#action-refresh");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-robot-assistant:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-robot-assistant:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-robot-assistant:after {
  mask-image: url("../../Assets/images/IconSprite.svg#imis-robot");
  mask-repeat: no-repeat;
  background: #fff;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-robot-assistant:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-robot-assistant:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-robot-assistant:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-robot-assistant:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-robot-assistant:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-robot-assistant:after,
.CommunicationPreviewInfo a.sysicon.sysicon-robot-assistant:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-robot-assistant:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-robot-assistant:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-robot-assistant:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-robot-assistant:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-robot-assistant:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-robot-assistant:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-robot-assistant:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-robot-assistant:not([disabled]):hover:after {
  background: #fff;
  mask-image: url("../../Assets/images/IconSprite.svg#imis-robot");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-save:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-save:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-save:after {
  mask-image: url("../../Assets/images/IconSprite.svg#action-add");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-save:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-save:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-save:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-save:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-save:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-save:after,
.CommunicationPreviewInfo a.sysicon.sysicon-save:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-save:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-save:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-save:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-save:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-save:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-save:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-save:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-save:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#action-add");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-status-success:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-status-success:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-status-success:after {
  mask-image: url("../../Assets/images/IconSprite.svg#success");
  mask-repeat: no-repeat;
  background: #4F8A10;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-status-success:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-status-success:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-status-success:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-status-success:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-status-success:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-status-success:after,
.CommunicationPreviewInfo a.sysicon.sysicon-status-success:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-status-success:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-status-success:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-status-success:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-status-success:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-status-success:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-status-success:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-status-success:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-status-success:not([disabled]):hover:after {
  background: #4F8A10;
  mask-image: url("../../Assets/images/IconSprite.svg#success");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-status-error:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-status-error:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-status-error:after {
  mask-image: url("../../Assets/images/IconSprite.svg#action-remove");
  mask-repeat: no-repeat;
  background: #D8000C;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-status-error:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-status-error:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-status-error:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-status-error:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-status-error:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-status-error:after,
.CommunicationPreviewInfo a.sysicon.sysicon-status-error:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-status-error:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-status-error:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-status-error:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-status-error:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-status-error:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-status-error:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-status-error:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-status-error:not([disabled]):hover:after {
  background: #D8000C;
  mask-image: url("../../Assets/images/IconSprite.svg#action-remove");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-select:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-select:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-select:after {
  mask-image: url("../../Assets/images/IconSprite.svg#arrow-right");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-select:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-select:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-select:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-select:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-select:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-select:after,
.CommunicationPreviewInfo a.sysicon.sysicon-select:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-select:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-select:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-select:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-select:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-select:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-select:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-select:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-select:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#arrow-right");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-event-template:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-event-template:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-event-template:after {
  mask-image: url("../../Assets/images/IconSprite.svg#template");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-event-template:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-event-template:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-event-template:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-event-template:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-event-template:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-event-template:after,
.CommunicationPreviewInfo a.sysicon.sysicon-event-template:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-event-template:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-event-template:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-event-template:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-event-template:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-event-template:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-event-template:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-event-template:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-event-template:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#template");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-undo:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-undo:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-undo:after {
  mask-image: url("../../Assets/images/IconSprite.svg#action-undo");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-undo:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-undo:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-undo:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-undo:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-undo:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-undo:after,
.CommunicationPreviewInfo a.sysicon.sysicon-undo:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-undo:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-undo:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-undo:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-undo:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-undo:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-undo:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-undo:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-undo:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#action-undo");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-upgrade:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-upgrade:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-upgrade:after {
  mask-image: url("../../Assets/images/IconSprite.svg#upgrade");
  mask-repeat: no-repeat;
  background: linear-gradient(90deg, #00a9e0 0%, #413d6b 100%);
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-upgrade:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-upgrade:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-upgrade:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-upgrade:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-upgrade:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-upgrade:after,
.CommunicationPreviewInfo a.sysicon.sysicon-upgrade:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-upgrade:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-upgrade:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-upgrade:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-upgrade:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-upgrade:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-upgrade:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-upgrade:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-upgrade:not([disabled]):hover:after {
  background: linear-gradient(90deg, #00a9e0 0%, #413d6b 100%);
  mask-image: url("../../Assets/images/IconSprite.svg#upgrade");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-zoom-in:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-zoom-in:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-zoom-in:after {
  mask-image: url("../../Assets/images/IconSprite.svg#zoom-in");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-zoom-in:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-zoom-in:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-zoom-in:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-zoom-in:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-zoom-in:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-zoom-in:after,
.CommunicationPreviewInfo a.sysicon.sysicon-zoom-in:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-zoom-in:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-zoom-in:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-zoom-in:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-zoom-in:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-zoom-in:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-zoom-in:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-zoom-in:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-zoom-in:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#zoom-in");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .sysicon.sysicon-zoom-out:after,
.CommunicationPreviewInfo .sysicon--before.sysicon-zoom-out:before,
.CommunicationPreviewInfo .sysicon--after.sysicon-zoom-out:after {
  mask-image: url("../../Assets/images/IconSprite.svg#zoom-out");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon.sysicon-zoom-out:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon.sysicon-zoom-out:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--before.sysicon-zoom-out:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--before.sysicon-zoom-out:before,
.CommunicationPreviewInfo a:not(.aspNetDisabled):hover .sysicon--after.sysicon-zoom-out:after,
.CommunicationPreviewInfo a:not(.aspNetDisabled):focus .sysicon--after.sysicon-zoom-out:after,
.CommunicationPreviewInfo a.sysicon.sysicon-zoom-out:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon.sysicon-zoom-out:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo a.sysicon--before.sysicon-zoom-out:not(.aspNetDisabled):hover:before,
.CommunicationPreviewInfo a.sysicon--before.sysicon-zoom-out:not(.aspNetDisabled):focus:before,
.CommunicationPreviewInfo a.sysicon--after.sysicon-zoom-out:not(.aspNetDisabled):hover:after,
.CommunicationPreviewInfo a.sysicon--after.sysicon-zoom-out:not(.aspNetDisabled):focus:after,
.CommunicationPreviewInfo button.sysicon.sysicon-zoom-out:not([disabled]):hover:after,
.CommunicationPreviewInfo button.sysicon--before.sysicon-zoom-out:not([disabled]):hover:before,
.CommunicationPreviewInfo button.sysicon--after.sysicon-zoom-out:not([disabled]):hover:after {
  background: var(--system-icon-color-hover);
  mask-image: url("../../Assets/images/IconSprite.svg#zoom-out");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .obo-action.obo-clear {
  margin-left: 0.2em;
  display: inline-flex;
  align-items: center;
  width: 18px;
  height: 18px;
  /* temporary */
  background: none;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .obo-action.obo-clear:before {
  width: 18px;
  height: 18px;
  mask-image: url("../../Assets/images/IconSprite.svg#action-clear");
  mask-repeat: no-repeat;
  opacity: 1;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .obo-action.obo-clear:hover:before {
  background: var(--system-icon-color-hover);
  opacity: 1;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .obo-action.obo-change-contact {
  margin-left: 0.2em;
  display: inline-flex;
  align-items: center;
  width: 18px;
  height: 18px;
  /* temporary */
  background: none;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .obo-action.obo-change-contact:before {
  width: 18px;
  height: 18px;
  mask-image: url("../../Assets/images/IconSprite.svg#obo-change");
  mask-repeat: no-repeat;
  opacity: 1;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .obo-action.obo-change-contact:hover:before {
  background: var(--system-icon-color-hover);
  opacity: 1;
}
.CommunicationPreviewInfo .obo-action.obo-clear-cart {
  margin-left: 0.2em;
  display: inline-flex;
  align-items: center;
  width: 18px;
  height: 18px;
  /* temporary */
  background: none;
}
.CommunicationPreviewInfo .obo-action.obo-clear-cart:before {
  width: 18px;
  height: 18px;
  mask-image: url("../../Assets/images/IconSprite.svg#obo-clear-cart");
  mask-repeat: no-repeat;
  opacity: 1;
}
.CommunicationPreviewInfo .obo-action.obo-clear-cart:hover:before {
  background: var(--system-icon-color-hover);
  opacity: 1;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .batch-toggle {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Temporary override until SVGs are standard */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .batch-toggle:before {
  width: 18px;
  height: 18px;
  background: var(--auxiliary-nav-icon-color);
  mask-image: url("../../Assets/images/IconSprite.svg#batch");
  mask-repeat: no-repeat;
  /* Temporary override until all themes are moved to SVG only */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .batch-toggle:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .batch-toggle:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .batch-toggle:active {
  background: rgba(0, 0, 0, 0.05);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .batch-toggle.on {
  background: hsl(194.7321428571, 100%, 15%);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .batch-toggle.on:before {
  background: #fff;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .batch-toggle.on:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .batch-toggle.on:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .batch-toggle.on:active {
  background: #005875;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .batch-toggle.text-hide {
  position: relative;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .batch-toggle.text-hide:before {
  position: absolute;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .list-toggle {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Temporary override until SVGs are standard */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .list-toggle:before {
  width: 18px;
  height: 18px;
  background: var(--auxiliary-nav-icon-color);
  mask-image: url("../../Assets/images/IconSprite.svg#list");
  mask-repeat: no-repeat;
  /* Temporary override until all themes are moved to SVG only */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .list-toggle:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .list-toggle:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .list-toggle:active {
  background: rgba(0, 0, 0, 0.05);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .list-toggle.on {
  background: hsl(194.7321428571, 100%, 15%);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .list-toggle.on:before {
  background: #fff;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .list-toggle.on:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .list-toggle.on:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .list-toggle.on:active {
  background: #005875;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .list-toggle.text-hide {
  position: relative;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .list-toggle.text-hide:before {
  position: absolute;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .obo-toggle {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Temporary override until SVGs are standard */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .obo-toggle:before {
  width: 18px;
  height: 18px;
  background: var(--auxiliary-nav-icon-color);
  mask-image: url("../../Assets/images/IconSprite.svg#obo-toggle");
  mask-repeat: no-repeat;
  /* Temporary override until all themes are moved to SVG only */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .obo-toggle:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .obo-toggle:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .obo-toggle:active {
  background: rgba(0, 0, 0, 0.05);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .obo-toggle.on {
  background: hsl(194.7321428571, 100%, 15%);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .obo-toggle.on:before {
  background: #fff;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .obo-toggle.on:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .obo-toggle.on:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .obo-toggle.on:active {
  background: #005875;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .obo-toggle.text-hide {
  position: relative;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .obo-toggle.text-hide:before {
  position: absolute;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-cart a {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Temporary override until SVGs are standard */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-cart a:before {
  width: 18px;
  height: 18px;
  background: var(--auxiliary-nav-icon-color);
  mask-image: url("../../Assets/images/IconSprite.svg#cart");
  mask-repeat: no-repeat;
  /* Temporary override until all themes are moved to SVG only */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-cart a:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-cart a:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-cart a:active {
  background: rgba(0, 0, 0, 0.05);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-cart a.on {
  background: hsl(194.7321428571, 100%, 15%);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-cart a.on:before {
  background: #fff;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-cart a.on:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-cart a.on:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-cart a.on:active {
  background: #005875;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-cart a.text-hide {
  position: relative;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-cart a.text-hide:before {
  position: absolute;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-account a {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Temporary override until SVGs are standard */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-account a:before {
  width: 18px;
  height: 18px;
  background: var(--auxiliary-nav-icon-color);
  mask-image: url("../../Assets/images/IconSprite.svg#person");
  mask-repeat: no-repeat;
  /* Temporary override until all themes are moved to SVG only */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-account a:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-account a:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-account a:active {
  background: rgba(0, 0, 0, 0.05);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-account a.on {
  background: hsl(194.7321428571, 100%, 15%);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-account a.on:before {
  background: #fff;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-account a.on:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-account a.on:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-account a.on:active {
  background: #005875;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-account a.text-hide {
  position: relative;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-aux-account a.text-hide:before {
  position: absolute;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .navbar-toggle .icon-search {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Temporary override until SVGs are standard */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .navbar-toggle .icon-search:before {
  width: 18px;
  height: 18px;
  background: var(--auxiliary-nav-icon-color);
  mask-image: url("../../Assets/images/IconSprite.svg#search");
  mask-repeat: no-repeat;
  /* Temporary override until all themes are moved to SVG only */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .navbar-toggle .icon-search:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .navbar-toggle .icon-search:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .navbar-toggle .icon-search:active {
  background: rgba(0, 0, 0, 0.05);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .navbar-toggle .icon-search.on {
  background: hsl(194.7321428571, 100%, 15%);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .navbar-toggle .icon-search.on:before {
  background: #fff;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .navbar-toggle .icon-search.on:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .navbar-toggle .icon-search.on:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .navbar-toggle .icon-search.on:active {
  background: #005875;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .navbar-toggle .icon-search.text-hide {
  position: relative;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .navbar-toggle .icon-search.text-hide:before {
  position: absolute;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .page-statistics-toggle {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Temporary override until SVGs are standard */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .page-statistics-toggle:before {
  width: 18px;
  height: 18px;
  background: var(--auxiliary-nav-icon-color);
  mask-image: url("../../Assets/images/IconSprite.svg#page-statistics");
  mask-repeat: no-repeat;
  /* Temporary override until all themes are moved to SVG only */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .page-statistics-toggle:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .page-statistics-toggle:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .page-statistics-toggle:active {
  background: rgba(0, 0, 0, 0.05);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .page-statistics-toggle.on {
  background: hsl(194.7321428571, 100%, 15%);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .page-statistics-toggle.on:before {
  background: #fff;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .page-statistics-toggle.on:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .page-statistics-toggle.on:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .page-statistics-toggle.on:active {
  background: #005875;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .page-statistics-toggle.text-hide {
  position: relative;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .page-statistics-toggle.text-hide:before {
  position: absolute;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .ste-toggle {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Temporary override until SVGs are standard */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .ste-toggle:before {
  width: 18px;
  height: 18px;
  background: var(--auxiliary-nav-icon-color);
  mask-image: url("../../Assets/images/IconSprite.svg#easy-edit");
  mask-repeat: no-repeat;
  /* Temporary override until all themes are moved to SVG only */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .ste-toggle:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .ste-toggle:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .ste-toggle:active {
  background: rgba(0, 0, 0, 0.05);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .ste-toggle.on {
  background: hsl(194.7321428571, 100%, 15%);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .ste-toggle.on:before {
  background: #fff;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .ste-toggle.on:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .ste-toggle.on:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .ste-toggle.on:active {
  background: #005875;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .ste-toggle.text-hide {
  position: relative;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .ste-toggle.text-hide:before {
  position: absolute;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .transaction-date-toggle {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Temporary override until SVGs are standard */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .transaction-date-toggle:before {
  width: 18px;
  height: 18px;
  background: var(--auxiliary-nav-icon-color);
  mask-image: url("../../Assets/images/IconSprite.svg#calendar");
  mask-repeat: no-repeat;
  /* Temporary override until all themes are moved to SVG only */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .transaction-date-toggle:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .transaction-date-toggle:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .transaction-date-toggle:active {
  background: rgba(0, 0, 0, 0.05);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .transaction-date-toggle.on {
  background: hsl(194.7321428571, 100%, 15%);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .transaction-date-toggle.on:before {
  background: #fff;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .transaction-date-toggle.on:hover, .CommunicationPreviewInfo .wrapper.SVG-enabled .transaction-date-toggle.on:focus, .CommunicationPreviewInfo .wrapper.SVG-enabled .transaction-date-toggle.on:active {
  background: #005875;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .transaction-date-toggle.text-hide {
  position: relative;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .transaction-date-toggle.text-hide:before {
  position: absolute;
}
.CommunicationPreviewInfo .notifications-toggle {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Temporary override until SVGs are standard */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .notifications-toggle:before {
  width: 18px;
  height: 18px;
  background: var(--auxiliary-nav-icon-color);
  mask-image: url("../../Assets/images/IconSprite.svg#notifications");
  mask-repeat: no-repeat;
  /* Temporary override until all themes are moved to SVG only */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .notifications-toggle:hover, .CommunicationPreviewInfo .notifications-toggle:focus, .CommunicationPreviewInfo .notifications-toggle:active {
  background: rgba(0, 0, 0, 0.05);
}
.CommunicationPreviewInfo .notifications-toggle.on {
  background: hsl(194.7321428571, 100%, 15%);
}
.CommunicationPreviewInfo .notifications-toggle.on:before {
  background: #fff;
}
.CommunicationPreviewInfo .notifications-toggle.on:hover, .CommunicationPreviewInfo .notifications-toggle.on:focus, .CommunicationPreviewInfo .notifications-toggle.on:active {
  background: #005875;
}
.CommunicationPreviewInfo .notifications-toggle.text-hide {
  position: relative;
}
.CommunicationPreviewInfo .notifications-toggle.text-hide:before {
  position: absolute;
}
.CommunicationPreviewInfo .search-toggle {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Temporary override until SVGs are standard */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .search-toggle:before {
  width: 18px;
  height: 18px;
  background: var(--auxiliary-nav-icon-color);
  mask-image: url("../../Assets/images/IconSprite.svg#search");
  mask-repeat: no-repeat;
  /* Temporary override until all themes are moved to SVG only */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .search-toggle:hover, .CommunicationPreviewInfo .search-toggle:focus, .CommunicationPreviewInfo .search-toggle:active {
  background: rgba(0, 0, 0, 0.05);
}
.CommunicationPreviewInfo .search-toggle.on {
  background: hsl(194.7321428571, 100%, 15%);
}
.CommunicationPreviewInfo .search-toggle.on:before {
  background: #fff;
}
.CommunicationPreviewInfo .search-toggle.on:hover, .CommunicationPreviewInfo .search-toggle.on:focus, .CommunicationPreviewInfo .search-toggle.on:active {
  background: #005875;
}
.CommunicationPreviewInfo .search-toggle.text-hide {
  position: relative;
}
.CommunicationPreviewInfo .search-toggle.text-hide:before {
  position: absolute;
}
.CommunicationPreviewInfo .js-show-table {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Temporary override until SVGs are standard */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .js-show-table:before {
  width: 18px;
  height: 18px;
  background: var(--auxiliary-nav-icon-color);
  mask-image: url("../../Assets/images/IconSprite.svg#datagrid");
  mask-repeat: no-repeat;
  /* Temporary override until all themes are moved to SVG only */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .js-show-table:hover, .CommunicationPreviewInfo .js-show-table:focus, .CommunicationPreviewInfo .js-show-table:active {
  background: rgba(0, 0, 0, 0.05);
}
.CommunicationPreviewInfo .js-show-table.on {
  background: hsl(194.7321428571, 100%, 15%);
}
.CommunicationPreviewInfo .js-show-table.on:before {
  background: #fff;
}
.CommunicationPreviewInfo .js-show-table.on:hover, .CommunicationPreviewInfo .js-show-table.on:focus, .CommunicationPreviewInfo .js-show-table.on:active {
  background: #005875;
}
.CommunicationPreviewInfo .js-show-table.text-hide {
  position: relative;
}
.CommunicationPreviewInfo .js-show-table.text-hide:before {
  position: absolute;
}
.CommunicationPreviewInfo .js-show-chart {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Temporary override until SVGs are standard */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .js-show-chart:before {
  width: 18px;
  height: 18px;
  background: var(--auxiliary-nav-icon-color);
  mask-image: url("../../Assets/images/IconSprite.svg#chart");
  mask-repeat: no-repeat;
  /* Temporary override until all themes are moved to SVG only */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .js-show-chart:hover, .CommunicationPreviewInfo .js-show-chart:focus, .CommunicationPreviewInfo .js-show-chart:active {
  background: rgba(0, 0, 0, 0.05);
}
.CommunicationPreviewInfo .js-show-chart.on {
  background: hsl(194.7321428571, 100%, 15%);
}
.CommunicationPreviewInfo .js-show-chart.on:before {
  background: #fff;
}
.CommunicationPreviewInfo .js-show-chart.on:hover, .CommunicationPreviewInfo .js-show-chart.on:focus, .CommunicationPreviewInfo .js-show-chart.on:active {
  background: #005875;
}
.CommunicationPreviewInfo .js-show-chart.text-hide {
  position: relative;
}
.CommunicationPreviewInfo .js-show-chart.text-hide:before {
  position: absolute;
}
.CommunicationPreviewInfo .open .search-toggle:before {
  filter: invert(100%);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled {
  /* Temporary duplicate code for transition period */
  /* Temporary override until SVGs are standard */
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .dropdown .caret {
  border: none;
  height: 10px;
  margin-left: 0.2em;
  position: relative;
  background: none;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .dropdown .caret:before {
  width: 10px;
  height: 10px;
  mask-image: url("../../Assets/images/IconSprite.svg#caret");
  mask-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--system-icon-color);
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .header-search > .header-search {
  display: flex;
  align-items: center;
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .header-search > .header-search:before {
  position: static;
  background: var(--auxiliary-nav-icon-color);
  width: 18px;
  height: 18px;
  opacity: 0.4;
  mask-image: url("../../Assets/images/IconSprite.svg#search");
  mask-repeat: no-repeat;
  margin-left: 0.4em;
  /* Temporary override until all themes are moved to SVG only */
  background-image: none;
  /* End of temporary override */
}
.CommunicationPreviewInfo .wrapper.SVG-enabled .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text,
.CommunicationPreviewInfo .wrapper.SVG-enabled .navbar-toggle .icon-search {
  background-image: none;
}
.CommunicationPreviewInfo .asi-common-finder-input::after,
.CommunicationPreviewInfo .chosen-container:after {
  width: 18px;
  height: 18px;
  background: var(--system-icon-color);
  position: absolute;
  top: 7.5px;
  right: 5px;
  opacity: 0.7;
}
.CommunicationPreviewInfo .asi-common-finder-input {
  position: relative;
  display: inline-block;
}
.CommunicationPreviewInfo .asi-common-finder-input input[formcontrolname=finderInput] {
  padding-right: 24px;
}
.CommunicationPreviewInfo .asi-common-finder-input::after,
.CommunicationPreviewInfo .chosen-container:after {
  mask-image: url("../../Assets/images/IconSprite.svg#lookup-search");
  mask-repeat: no-repeat;
}
.CommunicationPreviewInfo .ClearFix::after,
.CommunicationPreviewInfo .PanelHead::after,
.CommunicationPreviewInfo .StandardPanel::after,
.CommunicationPreviewInfo .PanelBody::after,
.CommunicationPreviewInfo .CommandBar::after,
.CommunicationPreviewInfo .GridTitlePanel::after,
.CommunicationPreviewInfo .ContentTabbedDisplay::after,
.CommunicationPreviewInfo .BigButtonWrapper::after,
.CommunicationPreviewInfo .ContentItemContainer::after {
  display: block;
  clear: both;
  content: "";
}
.CommunicationPreviewInfo .clear-right {
  clear: right;
}
.CommunicationPreviewInfo .clear-left {
  clear: left;
}
.CommunicationPreviewInfo .clear-none {
  clear: none;
}
.CommunicationPreviewInfo .FloatRight,
.CommunicationPreviewInfo .pull-right {
  float: right;
}
.CommunicationPreviewInfo .PanelField.FloatRight,
.CommunicationPreviewInfo .PanelFieldValue.FloatRight {
  float: right;
  width: auto;
  clear: right;
}
.CommunicationPreviewInfo .FloatLeft,
.CommunicationPreviewInfo .pull-left {
  float: left;
}
.CommunicationPreviewInfo .PositionTopRight {
  position: absolute;
  right: 0;
  margin-right: 2em; /* needed to give room for the scroll bar */
  margin-top: 0.5em;
}
.CommunicationPreviewInfo .PositionRelative {
  position: relative;
}
.CommunicationPreviewInfo .screen-reader-text,
.CommunicationPreviewInfo .CaptionTextInvisible .rgCaption,
.CommunicationPreviewInfo .sr-only {
  position: absolute;
  left: -10000px;
  z-index: 2000;
  font-size: 70%;
}
.CommunicationPreviewInfo .screen-reader-text.show-on-focus:focus,
.CommunicationPreviewInfo .screen-reader-text.show-on-focus:active {
  padding: 3px;
  left: 3px;
  background-color: white;
}
.CommunicationPreviewInfo .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.CommunicationPreviewInfo .text-strikethrough {
  text-decoration: line-through !important;
}
.CommunicationPreviewInfo .text-decoration-none {
  text-decoration: none !important;
}
.CommunicationPreviewInfo .BreakWord {
  -ms-word-break: break-word;
  word-break: break-word;
  word-break: break-word;
}
.CommunicationPreviewInfo .TextTruncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.CommunicationPreviewInfo .NoWrap {
  white-space: nowrap;
}
.CommunicationPreviewInfo .Wrap {
  white-space: normal;
}
.CommunicationPreviewInfo .Significant {
  font-weight: bold;
}
.CommunicationPreviewInfo .ResetFont {
  font-size: 100%;
  font-weight: normal;
  color: #222;
}
.CommunicationPreviewInfo .CodeBlock, .CommunicationPreviewInfo .CodeBlock textarea, .CommunicationPreviewInfo .CodeBlock input {
  font-family: Consolas, Courier New, Courier, monospace;
}
.CommunicationPreviewInfo .text-white {
  color: #fff !important;
}
.CommunicationPreviewInfo .text-muted {
  color: #495057 !important;
}
.CommunicationPreviewInfo .text-primary {
  color: #007fa8 !important;
}
.CommunicationPreviewInfo a.text-primary:hover, .CommunicationPreviewInfo a.text-primary:focus {
  color: #00455b !important;
}
.CommunicationPreviewInfo .text-success {
  color: #5dae3f !important;
}
.CommunicationPreviewInfo a.text-success:hover, .CommunicationPreviewInfo a.text-success:focus {
  color: #3f752b !important;
}
.CommunicationPreviewInfo .text-info {
  color: #00a9e0 !important;
}
.CommunicationPreviewInfo a.text-info:hover, .CommunicationPreviewInfo a.text-info:focus {
  color: #006f94 !important;
}
.CommunicationPreviewInfo .text-warning {
  color: #e98300 !important;
}
.CommunicationPreviewInfo a.text-warning:hover, .CommunicationPreviewInfo a.text-warning:focus {
  color: #9d5800 !important;
}
.CommunicationPreviewInfo .text-danger {
  color: #d03528 !important;
}
.CommunicationPreviewInfo a.text-danger:hover, .CommunicationPreviewInfo a.text-danger:focus {
  color: #90251c !important;
}
.CommunicationPreviewInfo .text-light {
  color: #f5f5f5 !important;
}
.CommunicationPreviewInfo a.text-light:hover, .CommunicationPreviewInfo a.text-light:focus {
  color: #cfcfcf !important;
}
.CommunicationPreviewInfo .text-dark {
  color: #333333 !important;
}
.CommunicationPreviewInfo a.text-dark:hover, .CommunicationPreviewInfo a.text-dark:focus {
  color: #0d0d0d !important;
}
.CommunicationPreviewInfo .ContentBorder {
  border: 1px solid #ddd;
  padding: 15px;
}
.CommunicationPreviewInfo .NoBorder {
  border: none;
}
.CommunicationPreviewInfo .border {
  border: 1px solid #ddd !important;
}
.CommunicationPreviewInfo .border-top {
  border-top: 1px solid #ddd !important;
}
.CommunicationPreviewInfo .border-right {
  border-right: 1px solid #ddd !important;
}
.CommunicationPreviewInfo .border-bottom {
  border-bottom: 1px solid #ddd !important;
}
.CommunicationPreviewInfo .border-left {
  border-left: 1px solid #ddd !important;
}
.CommunicationPreviewInfo .border-0 {
  border: 0 !important;
}
.CommunicationPreviewInfo .border-top-0 {
  border-top: 0 !important;
}
.CommunicationPreviewInfo .border-right-0 {
  border-right: 0 !important;
}
.CommunicationPreviewInfo .border-bottom-0 {
  border-bottom: 0 !important;
}
.CommunicationPreviewInfo .border-left-0 {
  border-left: 0 !important;
}
.CommunicationPreviewInfo .rounded-circle {
  border-radius: 50% !important;
}
.CommunicationPreviewInfo .DisplayCurrency {
  text-align: right;
}
.CommunicationPreviewInfo .AlignLeft {
  text-align: left;
}
.CommunicationPreviewInfo .AlignCenter,
.CommunicationPreviewInfo .Center,
.CommunicationPreviewInfo .CenterText {
  text-align: center;
}
.CommunicationPreviewInfo .AlignRight {
  text-align: right;
}
.CommunicationPreviewInfo .VAlignTop {
  vertical-align: top;
}
.CommunicationPreviewInfo .VAlignMiddle {
  vertical-align: middle;
}
.CommunicationPreviewInfo .VAlignBottom {
  vertical-align: bottom;
}
.CommunicationPreviewInfo .FullWidth {
  width: 100%;
}
.CommunicationPreviewInfo input[type=button].FullWidth {
  width: 100%;
}
.CommunicationPreviewInfo .FullSize {
  width: 100%;
  height: 100%;
}
.CommunicationPreviewInfo .TwoColumns {
  width: 50%;
}
.CommunicationPreviewInfo .ThreeColumns {
  width: 33%;
}
.CommunicationPreviewInfo .width-auto {
  width: auto;
}
.CommunicationPreviewInfo .ScrollBox200, .CommunicationPreviewInfo .ScrollBox300, .CommunicationPreviewInfo .ScrollBox500 {
  overflow: auto;
}
.CommunicationPreviewInfo .ScrollBox200 {
  max-height: 200px;
}
.CommunicationPreviewInfo .ScrollBox300 {
  max-height: 300px;
}
.CommunicationPreviewInfo .ScrollBox500 {
  max-height: 500px;
}
.CommunicationPreviewInfo .Scroll,
.CommunicationPreviewInfo .StandardPanel .AutoScroll div {
  overflow: auto;
}
.CommunicationPreviewInfo .ScrollHorizontal {
  overflow-x: auto;
}
.CommunicationPreviewInfo .list-unstyled, .CommunicationPreviewInfo .list-inline,
.CommunicationPreviewInfo .list-unstyled-wrapper ul,
.CommunicationPreviewInfo .UnstyledList,
.CommunicationPreviewInfo .UnstyledListWrapper ul {
  padding-left: 0;
  list-style: none;
}
.CommunicationPreviewInfo .list-unstyled li, .CommunicationPreviewInfo .list-inline li,
.CommunicationPreviewInfo .list-unstyled-wrapper ul li,
.CommunicationPreviewInfo .UnstyledList li,
.CommunicationPreviewInfo .UnstyledListWrapper ul li {
  list-style: none;
  padding-top: 3px;
  padding-bottom: 3px;
}
.CommunicationPreviewInfo .list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.CommunicationPreviewInfo .list-inline > li:first-child {
  padding-left: 0;
}
.CommunicationPreviewInfo .address-display {
  white-space: pre-line;
}
.CommunicationPreviewInfo .NeutralShading {
  background-color: #fff;
  padding: 15px;
}
.CommunicationPreviewInfo .bg-success {
  background-color: #5dae3f !important;
}
.CommunicationPreviewInfo a.bg-success:hover, .CommunicationPreviewInfo a.bg-success:focus,
.CommunicationPreviewInfo button.bg-success:hover,
.CommunicationPreviewInfo button.bg-success:focus {
  background-color: #498831 !important;
}
.CommunicationPreviewInfo .bg-success-light {
  background-color: #dff0d8 !important;
}
.CommunicationPreviewInfo a.bg-success-light:hover, .CommunicationPreviewInfo a.bg-success-light:focus,
.CommunicationPreviewInfo button.bg-success-light:hover,
.CommunicationPreviewInfo button.bg-success-light:focus {
  background-color: #c1e2b3 !important;
}
.CommunicationPreviewInfo .bg-info {
  background-color: #00a9e0 !important;
}
.CommunicationPreviewInfo a.bg-info:hover, .CommunicationPreviewInfo a.bg-info:focus,
.CommunicationPreviewInfo button.bg-info:hover,
.CommunicationPreviewInfo button.bg-info:focus {
  background-color: #0083ad !important;
}
.CommunicationPreviewInfo .bg-info-light {
  background-color: #BDE5F8 !important;
}
.CommunicationPreviewInfo a.bg-info-light:hover, .CommunicationPreviewInfo a.bg-info-light:focus,
.CommunicationPreviewInfo button.bg-info-light:hover,
.CommunicationPreviewInfo button.bg-info-light:focus {
  background-color: #8fd3f3 !important;
}
.CommunicationPreviewInfo .bg-warning {
  background-color: #e98300 !important;
}
.CommunicationPreviewInfo a.bg-warning:hover, .CommunicationPreviewInfo a.bg-warning:focus,
.CommunicationPreviewInfo button.bg-warning:hover,
.CommunicationPreviewInfo button.bg-warning:focus {
  background-color: #b66600 !important;
}
.CommunicationPreviewInfo .bg-warning-light {
  background-color: #FEEFB3 !important;
}
.CommunicationPreviewInfo a.bg-warning-light:hover, .CommunicationPreviewInfo a.bg-warning-light:focus,
.CommunicationPreviewInfo button.bg-warning-light:hover,
.CommunicationPreviewInfo button.bg-warning-light:focus {
  background-color: #fde481 !important;
}
.CommunicationPreviewInfo .bg-danger {
  background-color: #d03528 !important;
}
.CommunicationPreviewInfo a.bg-danger:hover, .CommunicationPreviewInfo a.bg-danger:focus,
.CommunicationPreviewInfo button.bg-danger:hover,
.CommunicationPreviewInfo button.bg-danger:focus {
  background-color: #a52a20 !important;
}
.CommunicationPreviewInfo .bg-danger-light {
  background-color: #FFBABA !important;
}
.CommunicationPreviewInfo a.bg-danger-light:hover, .CommunicationPreviewInfo a.bg-danger-light:focus,
.CommunicationPreviewInfo button.bg-danger-light:hover,
.CommunicationPreviewInfo button.bg-danger-light:focus {
  background-color: #ff8787 !important;
}
.CommunicationPreviewInfo .bg-light {
  background-color: #f5f5f5 !important;
}
.CommunicationPreviewInfo a.bg-light:hover, .CommunicationPreviewInfo a.bg-light:focus,
.CommunicationPreviewInfo button.bg-light:hover,
.CommunicationPreviewInfo button.bg-light:focus {
  background-color: gainsboro !important;
}
.CommunicationPreviewInfo .bg-dark {
  background-color: #333333 !important;
}
.CommunicationPreviewInfo a.bg-dark:hover, .CommunicationPreviewInfo a.bg-dark:focus,
.CommunicationPreviewInfo button.bg-dark:hover,
.CommunicationPreviewInfo button.bg-dark:focus {
  background-color: #1a1a1a !important;
}
.CommunicationPreviewInfo .bg-white {
  background-color: #fff !important;
}
.CommunicationPreviewInfo a.bg-white:hover, .CommunicationPreviewInfo a.bg-white:focus,
.CommunicationPreviewInfo button.bg-white:hover,
.CommunicationPreviewInfo button.bg-white:focus {
  background-color: #e6e6e6 !important;
}
.CommunicationPreviewInfo .bg-transparent {
  background-color: transparent !important;
}
.CommunicationPreviewInfo a.bg-transparent:hover, .CommunicationPreviewInfo a.bg-transparent:focus,
.CommunicationPreviewInfo button.bg-transparent:hover,
.CommunicationPreviewInfo button.bg-transparent:focus {
  background-color: rgba(0, 0, 0, 0) !important;
}
.CommunicationPreviewInfo .m-0 {
  margin: 0 !important;
}
.CommunicationPreviewInfo .mt-0,
.CommunicationPreviewInfo .my-0 {
  margin-top: 0 !important;
}
.CommunicationPreviewInfo .mr-0,
.CommunicationPreviewInfo .mx-0 {
  margin-right: 0 !important;
}
.CommunicationPreviewInfo .mb-0,
.CommunicationPreviewInfo .my-0 {
  margin-bottom: 0 !important;
}
.CommunicationPreviewInfo .ml-0,
.CommunicationPreviewInfo .mx-0 {
  margin-left: 0 !important;
}
.CommunicationPreviewInfo .m-1 {
  margin: 0.25rem !important;
}
.CommunicationPreviewInfo .mt-1,
.CommunicationPreviewInfo .my-1 {
  margin-top: 0.25rem !important;
}
.CommunicationPreviewInfo .mr-1,
.CommunicationPreviewInfo .mx-1 {
  margin-right: 0.25rem !important;
}
.CommunicationPreviewInfo .mb-1,
.CommunicationPreviewInfo .my-1 {
  margin-bottom: 0.25rem !important;
}
.CommunicationPreviewInfo .ml-1,
.CommunicationPreviewInfo .mx-1 {
  margin-left: 0.25rem !important;
}
.CommunicationPreviewInfo .m-2 {
  margin: 0.5rem !important;
}
.CommunicationPreviewInfo .mt-2,
.CommunicationPreviewInfo .my-2 {
  margin-top: 0.5rem !important;
}
.CommunicationPreviewInfo .mr-2,
.CommunicationPreviewInfo .mx-2 {
  margin-right: 0.5rem !important;
}
.CommunicationPreviewInfo .mb-2,
.CommunicationPreviewInfo .my-2 {
  margin-bottom: 0.5rem !important;
}
.CommunicationPreviewInfo .ml-2,
.CommunicationPreviewInfo .mx-2 {
  margin-left: 0.5rem !important;
}
.CommunicationPreviewInfo .m-3 {
  margin: 1rem !important;
}
.CommunicationPreviewInfo .mt-3,
.CommunicationPreviewInfo .my-3 {
  margin-top: 1rem !important;
}
.CommunicationPreviewInfo .mr-3,
.CommunicationPreviewInfo .mx-3 {
  margin-right: 1rem !important;
}
.CommunicationPreviewInfo .mb-3,
.CommunicationPreviewInfo .my-3 {
  margin-bottom: 1rem !important;
}
.CommunicationPreviewInfo .ml-3,
.CommunicationPreviewInfo .mx-3 {
  margin-left: 1rem !important;
}
.CommunicationPreviewInfo .m-4 {
  margin: 1.5rem !important;
}
.CommunicationPreviewInfo .mt-4,
.CommunicationPreviewInfo .my-4 {
  margin-top: 1.5rem !important;
}
.CommunicationPreviewInfo .mr-4,
.CommunicationPreviewInfo .mx-4 {
  margin-right: 1.5rem !important;
}
.CommunicationPreviewInfo .mb-4,
.CommunicationPreviewInfo .my-4 {
  margin-bottom: 1.5rem !important;
}
.CommunicationPreviewInfo .ml-4,
.CommunicationPreviewInfo .mx-4 {
  margin-left: 1.5rem !important;
}
.CommunicationPreviewInfo .m-5 {
  margin: 3rem !important;
}
.CommunicationPreviewInfo .mt-5,
.CommunicationPreviewInfo .my-5 {
  margin-top: 3rem !important;
}
.CommunicationPreviewInfo .mr-5,
.CommunicationPreviewInfo .mx-5 {
  margin-right: 3rem !important;
}
.CommunicationPreviewInfo .mb-5,
.CommunicationPreviewInfo .my-5 {
  margin-bottom: 3rem !important;
}
.CommunicationPreviewInfo .ml-5,
.CommunicationPreviewInfo .mx-5 {
  margin-left: 3rem !important;
}
.CommunicationPreviewInfo .p-0 {
  padding: 0 !important;
}
.CommunicationPreviewInfo .pt-0,
.CommunicationPreviewInfo .py-0 {
  padding-top: 0 !important;
}
.CommunicationPreviewInfo .pr-0,
.CommunicationPreviewInfo .px-0 {
  padding-right: 0 !important;
}
.CommunicationPreviewInfo .pb-0,
.CommunicationPreviewInfo .py-0 {
  padding-bottom: 0 !important;
}
.CommunicationPreviewInfo .pl-0,
.CommunicationPreviewInfo .px-0 {
  padding-left: 0 !important;
}
.CommunicationPreviewInfo .p-1 {
  padding: 0.25rem !important;
}
.CommunicationPreviewInfo .pt-1,
.CommunicationPreviewInfo .py-1 {
  padding-top: 0.25rem !important;
}
.CommunicationPreviewInfo .pr-1,
.CommunicationPreviewInfo .px-1 {
  padding-right: 0.25rem !important;
}
.CommunicationPreviewInfo .pb-1,
.CommunicationPreviewInfo .py-1 {
  padding-bottom: 0.25rem !important;
}
.CommunicationPreviewInfo .pl-1,
.CommunicationPreviewInfo .px-1 {
  padding-left: 0.25rem !important;
}
.CommunicationPreviewInfo .p-2 {
  padding: 0.5rem !important;
}
.CommunicationPreviewInfo .pt-2,
.CommunicationPreviewInfo .py-2 {
  padding-top: 0.5rem !important;
}
.CommunicationPreviewInfo .pr-2,
.CommunicationPreviewInfo .px-2 {
  padding-right: 0.5rem !important;
}
.CommunicationPreviewInfo .pb-2,
.CommunicationPreviewInfo .py-2 {
  padding-bottom: 0.5rem !important;
}
.CommunicationPreviewInfo .pl-2,
.CommunicationPreviewInfo .px-2 {
  padding-left: 0.5rem !important;
}
.CommunicationPreviewInfo .p-3 {
  padding: 1rem !important;
}
.CommunicationPreviewInfo .pt-3,
.CommunicationPreviewInfo .py-3 {
  padding-top: 1rem !important;
}
.CommunicationPreviewInfo .pr-3,
.CommunicationPreviewInfo .px-3 {
  padding-right: 1rem !important;
}
.CommunicationPreviewInfo .pb-3,
.CommunicationPreviewInfo .py-3 {
  padding-bottom: 1rem !important;
}
.CommunicationPreviewInfo .pl-3,
.CommunicationPreviewInfo .px-3 {
  padding-left: 1rem !important;
}
.CommunicationPreviewInfo .p-4 {
  padding: 1.5rem !important;
}
.CommunicationPreviewInfo .pt-4,
.CommunicationPreviewInfo .py-4 {
  padding-top: 1.5rem !important;
}
.CommunicationPreviewInfo .pr-4,
.CommunicationPreviewInfo .px-4 {
  padding-right: 1.5rem !important;
}
.CommunicationPreviewInfo .pb-4,
.CommunicationPreviewInfo .py-4 {
  padding-bottom: 1.5rem !important;
}
.CommunicationPreviewInfo .pl-4,
.CommunicationPreviewInfo .px-4 {
  padding-left: 1.5rem !important;
}
.CommunicationPreviewInfo .p-5 {
  padding: 3rem !important;
}
.CommunicationPreviewInfo .pt-5,
.CommunicationPreviewInfo .py-5 {
  padding-top: 3rem !important;
}
.CommunicationPreviewInfo .pr-5,
.CommunicationPreviewInfo .px-5 {
  padding-right: 3rem !important;
}
.CommunicationPreviewInfo .pb-5,
.CommunicationPreviewInfo .py-5 {
  padding-bottom: 3rem !important;
}
.CommunicationPreviewInfo .pl-5,
.CommunicationPreviewInfo .px-5 {
  padding-left: 3rem !important;
}
.CommunicationPreviewInfo .m-n1 {
  margin: -0.25rem !important;
}
.CommunicationPreviewInfo .mt-n1,
.CommunicationPreviewInfo .my-n1 {
  margin-top: -0.25rem !important;
}
.CommunicationPreviewInfo .mr-n1,
.CommunicationPreviewInfo .mx-n1 {
  margin-right: -0.25rem !important;
}
.CommunicationPreviewInfo .mb-n1,
.CommunicationPreviewInfo .my-n1 {
  margin-bottom: -0.25rem !important;
}
.CommunicationPreviewInfo .ml-n1,
.CommunicationPreviewInfo .mx-n1 {
  margin-left: -0.25rem !important;
}
.CommunicationPreviewInfo .m-n2 {
  margin: -0.5rem !important;
}
.CommunicationPreviewInfo .mt-n2,
.CommunicationPreviewInfo .my-n2 {
  margin-top: -0.5rem !important;
}
.CommunicationPreviewInfo .mr-n2,
.CommunicationPreviewInfo .mx-n2 {
  margin-right: -0.5rem !important;
}
.CommunicationPreviewInfo .mb-n2,
.CommunicationPreviewInfo .my-n2 {
  margin-bottom: -0.5rem !important;
}
.CommunicationPreviewInfo .ml-n2,
.CommunicationPreviewInfo .mx-n2 {
  margin-left: -0.5rem !important;
}
.CommunicationPreviewInfo .m-n3 {
  margin: -1rem !important;
}
.CommunicationPreviewInfo .mt-n3,
.CommunicationPreviewInfo .my-n3 {
  margin-top: -1rem !important;
}
.CommunicationPreviewInfo .mr-n3,
.CommunicationPreviewInfo .mx-n3 {
  margin-right: -1rem !important;
}
.CommunicationPreviewInfo .mb-n3,
.CommunicationPreviewInfo .my-n3 {
  margin-bottom: -1rem !important;
}
.CommunicationPreviewInfo .ml-n3,
.CommunicationPreviewInfo .mx-n3 {
  margin-left: -1rem !important;
}
.CommunicationPreviewInfo .m-n4 {
  margin: -1.5rem !important;
}
.CommunicationPreviewInfo .mt-n4,
.CommunicationPreviewInfo .my-n4 {
  margin-top: -1.5rem !important;
}
.CommunicationPreviewInfo .mr-n4,
.CommunicationPreviewInfo .mx-n4 {
  margin-right: -1.5rem !important;
}
.CommunicationPreviewInfo .mb-n4,
.CommunicationPreviewInfo .my-n4 {
  margin-bottom: -1.5rem !important;
}
.CommunicationPreviewInfo .ml-n4,
.CommunicationPreviewInfo .mx-n4 {
  margin-left: -1.5rem !important;
}
.CommunicationPreviewInfo .m-n5 {
  margin: -3rem !important;
}
.CommunicationPreviewInfo .mt-n5,
.CommunicationPreviewInfo .my-n5 {
  margin-top: -3rem !important;
}
.CommunicationPreviewInfo .mr-n5,
.CommunicationPreviewInfo .mx-n5 {
  margin-right: -3rem !important;
}
.CommunicationPreviewInfo .mb-n5,
.CommunicationPreviewInfo .my-n5 {
  margin-bottom: -3rem !important;
}
.CommunicationPreviewInfo .ml-n5,
.CommunicationPreviewInfo .mx-n5 {
  margin-left: -3rem !important;
}
.CommunicationPreviewInfo .m-auto {
  margin: auto !important;
}
.CommunicationPreviewInfo .mt-auto,
.CommunicationPreviewInfo .my-auto {
  margin-top: auto !important;
}
.CommunicationPreviewInfo .mr-auto,
.CommunicationPreviewInfo .mx-auto {
  margin-right: auto !important;
}
.CommunicationPreviewInfo .mb-auto,
.CommunicationPreviewInfo .my-auto {
  margin-bottom: auto !important;
}
.CommunicationPreviewInfo .ml-auto,
.CommunicationPreviewInfo .mx-auto {
  margin-left: auto !important;
}
@media (min-width: 768px) {
  .CommunicationPreviewInfo .m-sm-0 {
    margin: 0 !important;
  }
  .CommunicationPreviewInfo .mt-sm-0,
  .CommunicationPreviewInfo .my-sm-0 {
    margin-top: 0 !important;
  }
  .CommunicationPreviewInfo .mr-sm-0,
  .CommunicationPreviewInfo .mx-sm-0 {
    margin-right: 0 !important;
  }
  .CommunicationPreviewInfo .mb-sm-0,
  .CommunicationPreviewInfo .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .CommunicationPreviewInfo .ml-sm-0,
  .CommunicationPreviewInfo .mx-sm-0 {
    margin-left: 0 !important;
  }
  .CommunicationPreviewInfo .m-sm-1 {
    margin: 0.25rem !important;
  }
  .CommunicationPreviewInfo .mt-sm-1,
  .CommunicationPreviewInfo .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .CommunicationPreviewInfo .mr-sm-1,
  .CommunicationPreviewInfo .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .CommunicationPreviewInfo .mb-sm-1,
  .CommunicationPreviewInfo .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .CommunicationPreviewInfo .ml-sm-1,
  .CommunicationPreviewInfo .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .CommunicationPreviewInfo .m-sm-2 {
    margin: 0.5rem !important;
  }
  .CommunicationPreviewInfo .mt-sm-2,
  .CommunicationPreviewInfo .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .CommunicationPreviewInfo .mr-sm-2,
  .CommunicationPreviewInfo .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .CommunicationPreviewInfo .mb-sm-2,
  .CommunicationPreviewInfo .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .CommunicationPreviewInfo .ml-sm-2,
  .CommunicationPreviewInfo .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .CommunicationPreviewInfo .m-sm-3 {
    margin: 1rem !important;
  }
  .CommunicationPreviewInfo .mt-sm-3,
  .CommunicationPreviewInfo .my-sm-3 {
    margin-top: 1rem !important;
  }
  .CommunicationPreviewInfo .mr-sm-3,
  .CommunicationPreviewInfo .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .CommunicationPreviewInfo .mb-sm-3,
  .CommunicationPreviewInfo .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .CommunicationPreviewInfo .ml-sm-3,
  .CommunicationPreviewInfo .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .CommunicationPreviewInfo .m-sm-4 {
    margin: 1.5rem !important;
  }
  .CommunicationPreviewInfo .mt-sm-4,
  .CommunicationPreviewInfo .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .CommunicationPreviewInfo .mr-sm-4,
  .CommunicationPreviewInfo .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .CommunicationPreviewInfo .mb-sm-4,
  .CommunicationPreviewInfo .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .CommunicationPreviewInfo .ml-sm-4,
  .CommunicationPreviewInfo .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .CommunicationPreviewInfo .m-sm-5 {
    margin: 3rem !important;
  }
  .CommunicationPreviewInfo .mt-sm-5,
  .CommunicationPreviewInfo .my-sm-5 {
    margin-top: 3rem !important;
  }
  .CommunicationPreviewInfo .mr-sm-5,
  .CommunicationPreviewInfo .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .CommunicationPreviewInfo .mb-sm-5,
  .CommunicationPreviewInfo .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .CommunicationPreviewInfo .ml-sm-5,
  .CommunicationPreviewInfo .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .CommunicationPreviewInfo .p-sm-0 {
    padding: 0 !important;
  }
  .CommunicationPreviewInfo .pt-sm-0,
  .CommunicationPreviewInfo .py-sm-0 {
    padding-top: 0 !important;
  }
  .CommunicationPreviewInfo .pr-sm-0,
  .CommunicationPreviewInfo .px-sm-0 {
    padding-right: 0 !important;
  }
  .CommunicationPreviewInfo .pb-sm-0,
  .CommunicationPreviewInfo .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .CommunicationPreviewInfo .pl-sm-0,
  .CommunicationPreviewInfo .px-sm-0 {
    padding-left: 0 !important;
  }
  .CommunicationPreviewInfo .p-sm-1 {
    padding: 0.25rem !important;
  }
  .CommunicationPreviewInfo .pt-sm-1,
  .CommunicationPreviewInfo .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .CommunicationPreviewInfo .pr-sm-1,
  .CommunicationPreviewInfo .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .CommunicationPreviewInfo .pb-sm-1,
  .CommunicationPreviewInfo .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .CommunicationPreviewInfo .pl-sm-1,
  .CommunicationPreviewInfo .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .CommunicationPreviewInfo .p-sm-2 {
    padding: 0.5rem !important;
  }
  .CommunicationPreviewInfo .pt-sm-2,
  .CommunicationPreviewInfo .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .CommunicationPreviewInfo .pr-sm-2,
  .CommunicationPreviewInfo .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .CommunicationPreviewInfo .pb-sm-2,
  .CommunicationPreviewInfo .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .CommunicationPreviewInfo .pl-sm-2,
  .CommunicationPreviewInfo .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .CommunicationPreviewInfo .p-sm-3 {
    padding: 1rem !important;
  }
  .CommunicationPreviewInfo .pt-sm-3,
  .CommunicationPreviewInfo .py-sm-3 {
    padding-top: 1rem !important;
  }
  .CommunicationPreviewInfo .pr-sm-3,
  .CommunicationPreviewInfo .px-sm-3 {
    padding-right: 1rem !important;
  }
  .CommunicationPreviewInfo .pb-sm-3,
  .CommunicationPreviewInfo .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .CommunicationPreviewInfo .pl-sm-3,
  .CommunicationPreviewInfo .px-sm-3 {
    padding-left: 1rem !important;
  }
  .CommunicationPreviewInfo .p-sm-4 {
    padding: 1.5rem !important;
  }
  .CommunicationPreviewInfo .pt-sm-4,
  .CommunicationPreviewInfo .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .CommunicationPreviewInfo .pr-sm-4,
  .CommunicationPreviewInfo .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .CommunicationPreviewInfo .pb-sm-4,
  .CommunicationPreviewInfo .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .CommunicationPreviewInfo .pl-sm-4,
  .CommunicationPreviewInfo .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .CommunicationPreviewInfo .p-sm-5 {
    padding: 3rem !important;
  }
  .CommunicationPreviewInfo .pt-sm-5,
  .CommunicationPreviewInfo .py-sm-5 {
    padding-top: 3rem !important;
  }
  .CommunicationPreviewInfo .pr-sm-5,
  .CommunicationPreviewInfo .px-sm-5 {
    padding-right: 3rem !important;
  }
  .CommunicationPreviewInfo .pb-sm-5,
  .CommunicationPreviewInfo .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .CommunicationPreviewInfo .pl-sm-5,
  .CommunicationPreviewInfo .px-sm-5 {
    padding-left: 3rem !important;
  }
  .CommunicationPreviewInfo .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .CommunicationPreviewInfo .mt-sm-n1,
  .CommunicationPreviewInfo .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .CommunicationPreviewInfo .mr-sm-n1,
  .CommunicationPreviewInfo .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .CommunicationPreviewInfo .mb-sm-n1,
  .CommunicationPreviewInfo .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .CommunicationPreviewInfo .ml-sm-n1,
  .CommunicationPreviewInfo .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .CommunicationPreviewInfo .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .CommunicationPreviewInfo .mt-sm-n2,
  .CommunicationPreviewInfo .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .CommunicationPreviewInfo .mr-sm-n2,
  .CommunicationPreviewInfo .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .CommunicationPreviewInfo .mb-sm-n2,
  .CommunicationPreviewInfo .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .CommunicationPreviewInfo .ml-sm-n2,
  .CommunicationPreviewInfo .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .CommunicationPreviewInfo .m-sm-n3 {
    margin: -1rem !important;
  }
  .CommunicationPreviewInfo .mt-sm-n3,
  .CommunicationPreviewInfo .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .CommunicationPreviewInfo .mr-sm-n3,
  .CommunicationPreviewInfo .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .CommunicationPreviewInfo .mb-sm-n3,
  .CommunicationPreviewInfo .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .CommunicationPreviewInfo .ml-sm-n3,
  .CommunicationPreviewInfo .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .CommunicationPreviewInfo .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .CommunicationPreviewInfo .mt-sm-n4,
  .CommunicationPreviewInfo .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .CommunicationPreviewInfo .mr-sm-n4,
  .CommunicationPreviewInfo .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .CommunicationPreviewInfo .mb-sm-n4,
  .CommunicationPreviewInfo .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .CommunicationPreviewInfo .ml-sm-n4,
  .CommunicationPreviewInfo .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .CommunicationPreviewInfo .m-sm-n5 {
    margin: -3rem !important;
  }
  .CommunicationPreviewInfo .mt-sm-n5,
  .CommunicationPreviewInfo .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .CommunicationPreviewInfo .mr-sm-n5,
  .CommunicationPreviewInfo .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .CommunicationPreviewInfo .mb-sm-n5,
  .CommunicationPreviewInfo .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .CommunicationPreviewInfo .ml-sm-n5,
  .CommunicationPreviewInfo .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .CommunicationPreviewInfo .m-sm-auto {
    margin: auto !important;
  }
  .CommunicationPreviewInfo .mt-sm-auto,
  .CommunicationPreviewInfo .my-sm-auto {
    margin-top: auto !important;
  }
  .CommunicationPreviewInfo .mr-sm-auto,
  .CommunicationPreviewInfo .mx-sm-auto {
    margin-right: auto !important;
  }
  .CommunicationPreviewInfo .mb-sm-auto,
  .CommunicationPreviewInfo .my-sm-auto {
    margin-bottom: auto !important;
  }
  .CommunicationPreviewInfo .ml-sm-auto,
  .CommunicationPreviewInfo .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .CommunicationPreviewInfo .m-md-0 {
    margin: 0 !important;
  }
  .CommunicationPreviewInfo .mt-md-0,
  .CommunicationPreviewInfo .my-md-0 {
    margin-top: 0 !important;
  }
  .CommunicationPreviewInfo .mr-md-0,
  .CommunicationPreviewInfo .mx-md-0 {
    margin-right: 0 !important;
  }
  .CommunicationPreviewInfo .mb-md-0,
  .CommunicationPreviewInfo .my-md-0 {
    margin-bottom: 0 !important;
  }
  .CommunicationPreviewInfo .ml-md-0,
  .CommunicationPreviewInfo .mx-md-0 {
    margin-left: 0 !important;
  }
  .CommunicationPreviewInfo .m-md-1 {
    margin: 0.25rem !important;
  }
  .CommunicationPreviewInfo .mt-md-1,
  .CommunicationPreviewInfo .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .CommunicationPreviewInfo .mr-md-1,
  .CommunicationPreviewInfo .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .CommunicationPreviewInfo .mb-md-1,
  .CommunicationPreviewInfo .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .CommunicationPreviewInfo .ml-md-1,
  .CommunicationPreviewInfo .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .CommunicationPreviewInfo .m-md-2 {
    margin: 0.5rem !important;
  }
  .CommunicationPreviewInfo .mt-md-2,
  .CommunicationPreviewInfo .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .CommunicationPreviewInfo .mr-md-2,
  .CommunicationPreviewInfo .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .CommunicationPreviewInfo .mb-md-2,
  .CommunicationPreviewInfo .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .CommunicationPreviewInfo .ml-md-2,
  .CommunicationPreviewInfo .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .CommunicationPreviewInfo .m-md-3 {
    margin: 1rem !important;
  }
  .CommunicationPreviewInfo .mt-md-3,
  .CommunicationPreviewInfo .my-md-3 {
    margin-top: 1rem !important;
  }
  .CommunicationPreviewInfo .mr-md-3,
  .CommunicationPreviewInfo .mx-md-3 {
    margin-right: 1rem !important;
  }
  .CommunicationPreviewInfo .mb-md-3,
  .CommunicationPreviewInfo .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .CommunicationPreviewInfo .ml-md-3,
  .CommunicationPreviewInfo .mx-md-3 {
    margin-left: 1rem !important;
  }
  .CommunicationPreviewInfo .m-md-4 {
    margin: 1.5rem !important;
  }
  .CommunicationPreviewInfo .mt-md-4,
  .CommunicationPreviewInfo .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .CommunicationPreviewInfo .mr-md-4,
  .CommunicationPreviewInfo .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .CommunicationPreviewInfo .mb-md-4,
  .CommunicationPreviewInfo .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .CommunicationPreviewInfo .ml-md-4,
  .CommunicationPreviewInfo .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .CommunicationPreviewInfo .m-md-5 {
    margin: 3rem !important;
  }
  .CommunicationPreviewInfo .mt-md-5,
  .CommunicationPreviewInfo .my-md-5 {
    margin-top: 3rem !important;
  }
  .CommunicationPreviewInfo .mr-md-5,
  .CommunicationPreviewInfo .mx-md-5 {
    margin-right: 3rem !important;
  }
  .CommunicationPreviewInfo .mb-md-5,
  .CommunicationPreviewInfo .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .CommunicationPreviewInfo .ml-md-5,
  .CommunicationPreviewInfo .mx-md-5 {
    margin-left: 3rem !important;
  }
  .CommunicationPreviewInfo .p-md-0 {
    padding: 0 !important;
  }
  .CommunicationPreviewInfo .pt-md-0,
  .CommunicationPreviewInfo .py-md-0 {
    padding-top: 0 !important;
  }
  .CommunicationPreviewInfo .pr-md-0,
  .CommunicationPreviewInfo .px-md-0 {
    padding-right: 0 !important;
  }
  .CommunicationPreviewInfo .pb-md-0,
  .CommunicationPreviewInfo .py-md-0 {
    padding-bottom: 0 !important;
  }
  .CommunicationPreviewInfo .pl-md-0,
  .CommunicationPreviewInfo .px-md-0 {
    padding-left: 0 !important;
  }
  .CommunicationPreviewInfo .p-md-1 {
    padding: 0.25rem !important;
  }
  .CommunicationPreviewInfo .pt-md-1,
  .CommunicationPreviewInfo .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .CommunicationPreviewInfo .pr-md-1,
  .CommunicationPreviewInfo .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .CommunicationPreviewInfo .pb-md-1,
  .CommunicationPreviewInfo .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .CommunicationPreviewInfo .pl-md-1,
  .CommunicationPreviewInfo .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .CommunicationPreviewInfo .p-md-2 {
    padding: 0.5rem !important;
  }
  .CommunicationPreviewInfo .pt-md-2,
  .CommunicationPreviewInfo .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .CommunicationPreviewInfo .pr-md-2,
  .CommunicationPreviewInfo .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .CommunicationPreviewInfo .pb-md-2,
  .CommunicationPreviewInfo .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .CommunicationPreviewInfo .pl-md-2,
  .CommunicationPreviewInfo .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .CommunicationPreviewInfo .p-md-3 {
    padding: 1rem !important;
  }
  .CommunicationPreviewInfo .pt-md-3,
  .CommunicationPreviewInfo .py-md-3 {
    padding-top: 1rem !important;
  }
  .CommunicationPreviewInfo .pr-md-3,
  .CommunicationPreviewInfo .px-md-3 {
    padding-right: 1rem !important;
  }
  .CommunicationPreviewInfo .pb-md-3,
  .CommunicationPreviewInfo .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .CommunicationPreviewInfo .pl-md-3,
  .CommunicationPreviewInfo .px-md-3 {
    padding-left: 1rem !important;
  }
  .CommunicationPreviewInfo .p-md-4 {
    padding: 1.5rem !important;
  }
  .CommunicationPreviewInfo .pt-md-4,
  .CommunicationPreviewInfo .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .CommunicationPreviewInfo .pr-md-4,
  .CommunicationPreviewInfo .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .CommunicationPreviewInfo .pb-md-4,
  .CommunicationPreviewInfo .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .CommunicationPreviewInfo .pl-md-4,
  .CommunicationPreviewInfo .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .CommunicationPreviewInfo .p-md-5 {
    padding: 3rem !important;
  }
  .CommunicationPreviewInfo .pt-md-5,
  .CommunicationPreviewInfo .py-md-5 {
    padding-top: 3rem !important;
  }
  .CommunicationPreviewInfo .pr-md-5,
  .CommunicationPreviewInfo .px-md-5 {
    padding-right: 3rem !important;
  }
  .CommunicationPreviewInfo .pb-md-5,
  .CommunicationPreviewInfo .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .CommunicationPreviewInfo .pl-md-5,
  .CommunicationPreviewInfo .px-md-5 {
    padding-left: 3rem !important;
  }
  .CommunicationPreviewInfo .m-md-n1 {
    margin: -0.25rem !important;
  }
  .CommunicationPreviewInfo .mt-md-n1,
  .CommunicationPreviewInfo .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .CommunicationPreviewInfo .mr-md-n1,
  .CommunicationPreviewInfo .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .CommunicationPreviewInfo .mb-md-n1,
  .CommunicationPreviewInfo .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .CommunicationPreviewInfo .ml-md-n1,
  .CommunicationPreviewInfo .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .CommunicationPreviewInfo .m-md-n2 {
    margin: -0.5rem !important;
  }
  .CommunicationPreviewInfo .mt-md-n2,
  .CommunicationPreviewInfo .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .CommunicationPreviewInfo .mr-md-n2,
  .CommunicationPreviewInfo .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .CommunicationPreviewInfo .mb-md-n2,
  .CommunicationPreviewInfo .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .CommunicationPreviewInfo .ml-md-n2,
  .CommunicationPreviewInfo .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .CommunicationPreviewInfo .m-md-n3 {
    margin: -1rem !important;
  }
  .CommunicationPreviewInfo .mt-md-n3,
  .CommunicationPreviewInfo .my-md-n3 {
    margin-top: -1rem !important;
  }
  .CommunicationPreviewInfo .mr-md-n3,
  .CommunicationPreviewInfo .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .CommunicationPreviewInfo .mb-md-n3,
  .CommunicationPreviewInfo .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .CommunicationPreviewInfo .ml-md-n3,
  .CommunicationPreviewInfo .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .CommunicationPreviewInfo .m-md-n4 {
    margin: -1.5rem !important;
  }
  .CommunicationPreviewInfo .mt-md-n4,
  .CommunicationPreviewInfo .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .CommunicationPreviewInfo .mr-md-n4,
  .CommunicationPreviewInfo .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .CommunicationPreviewInfo .mb-md-n4,
  .CommunicationPreviewInfo .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .CommunicationPreviewInfo .ml-md-n4,
  .CommunicationPreviewInfo .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .CommunicationPreviewInfo .m-md-n5 {
    margin: -3rem !important;
  }
  .CommunicationPreviewInfo .mt-md-n5,
  .CommunicationPreviewInfo .my-md-n5 {
    margin-top: -3rem !important;
  }
  .CommunicationPreviewInfo .mr-md-n5,
  .CommunicationPreviewInfo .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .CommunicationPreviewInfo .mb-md-n5,
  .CommunicationPreviewInfo .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .CommunicationPreviewInfo .ml-md-n5,
  .CommunicationPreviewInfo .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .CommunicationPreviewInfo .m-md-auto {
    margin: auto !important;
  }
  .CommunicationPreviewInfo .mt-md-auto,
  .CommunicationPreviewInfo .my-md-auto {
    margin-top: auto !important;
  }
  .CommunicationPreviewInfo .mr-md-auto,
  .CommunicationPreviewInfo .mx-md-auto {
    margin-right: auto !important;
  }
  .CommunicationPreviewInfo .mb-md-auto,
  .CommunicationPreviewInfo .my-md-auto {
    margin-bottom: auto !important;
  }
  .CommunicationPreviewInfo .ml-md-auto,
  .CommunicationPreviewInfo .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .CommunicationPreviewInfo .m-lg-0 {
    margin: 0 !important;
  }
  .CommunicationPreviewInfo .mt-lg-0,
  .CommunicationPreviewInfo .my-lg-0 {
    margin-top: 0 !important;
  }
  .CommunicationPreviewInfo .mr-lg-0,
  .CommunicationPreviewInfo .mx-lg-0 {
    margin-right: 0 !important;
  }
  .CommunicationPreviewInfo .mb-lg-0,
  .CommunicationPreviewInfo .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .CommunicationPreviewInfo .ml-lg-0,
  .CommunicationPreviewInfo .mx-lg-0 {
    margin-left: 0 !important;
  }
  .CommunicationPreviewInfo .m-lg-1 {
    margin: 0.25rem !important;
  }
  .CommunicationPreviewInfo .mt-lg-1,
  .CommunicationPreviewInfo .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .CommunicationPreviewInfo .mr-lg-1,
  .CommunicationPreviewInfo .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .CommunicationPreviewInfo .mb-lg-1,
  .CommunicationPreviewInfo .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .CommunicationPreviewInfo .ml-lg-1,
  .CommunicationPreviewInfo .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .CommunicationPreviewInfo .m-lg-2 {
    margin: 0.5rem !important;
  }
  .CommunicationPreviewInfo .mt-lg-2,
  .CommunicationPreviewInfo .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .CommunicationPreviewInfo .mr-lg-2,
  .CommunicationPreviewInfo .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .CommunicationPreviewInfo .mb-lg-2,
  .CommunicationPreviewInfo .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .CommunicationPreviewInfo .ml-lg-2,
  .CommunicationPreviewInfo .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .CommunicationPreviewInfo .m-lg-3 {
    margin: 1rem !important;
  }
  .CommunicationPreviewInfo .mt-lg-3,
  .CommunicationPreviewInfo .my-lg-3 {
    margin-top: 1rem !important;
  }
  .CommunicationPreviewInfo .mr-lg-3,
  .CommunicationPreviewInfo .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .CommunicationPreviewInfo .mb-lg-3,
  .CommunicationPreviewInfo .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .CommunicationPreviewInfo .ml-lg-3,
  .CommunicationPreviewInfo .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .CommunicationPreviewInfo .m-lg-4 {
    margin: 1.5rem !important;
  }
  .CommunicationPreviewInfo .mt-lg-4,
  .CommunicationPreviewInfo .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .CommunicationPreviewInfo .mr-lg-4,
  .CommunicationPreviewInfo .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .CommunicationPreviewInfo .mb-lg-4,
  .CommunicationPreviewInfo .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .CommunicationPreviewInfo .ml-lg-4,
  .CommunicationPreviewInfo .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .CommunicationPreviewInfo .m-lg-5 {
    margin: 3rem !important;
  }
  .CommunicationPreviewInfo .mt-lg-5,
  .CommunicationPreviewInfo .my-lg-5 {
    margin-top: 3rem !important;
  }
  .CommunicationPreviewInfo .mr-lg-5,
  .CommunicationPreviewInfo .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .CommunicationPreviewInfo .mb-lg-5,
  .CommunicationPreviewInfo .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .CommunicationPreviewInfo .ml-lg-5,
  .CommunicationPreviewInfo .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .CommunicationPreviewInfo .p-lg-0 {
    padding: 0 !important;
  }
  .CommunicationPreviewInfo .pt-lg-0,
  .CommunicationPreviewInfo .py-lg-0 {
    padding-top: 0 !important;
  }
  .CommunicationPreviewInfo .pr-lg-0,
  .CommunicationPreviewInfo .px-lg-0 {
    padding-right: 0 !important;
  }
  .CommunicationPreviewInfo .pb-lg-0,
  .CommunicationPreviewInfo .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .CommunicationPreviewInfo .pl-lg-0,
  .CommunicationPreviewInfo .px-lg-0 {
    padding-left: 0 !important;
  }
  .CommunicationPreviewInfo .p-lg-1 {
    padding: 0.25rem !important;
  }
  .CommunicationPreviewInfo .pt-lg-1,
  .CommunicationPreviewInfo .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .CommunicationPreviewInfo .pr-lg-1,
  .CommunicationPreviewInfo .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .CommunicationPreviewInfo .pb-lg-1,
  .CommunicationPreviewInfo .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .CommunicationPreviewInfo .pl-lg-1,
  .CommunicationPreviewInfo .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .CommunicationPreviewInfo .p-lg-2 {
    padding: 0.5rem !important;
  }
  .CommunicationPreviewInfo .pt-lg-2,
  .CommunicationPreviewInfo .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .CommunicationPreviewInfo .pr-lg-2,
  .CommunicationPreviewInfo .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .CommunicationPreviewInfo .pb-lg-2,
  .CommunicationPreviewInfo .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .CommunicationPreviewInfo .pl-lg-2,
  .CommunicationPreviewInfo .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .CommunicationPreviewInfo .p-lg-3 {
    padding: 1rem !important;
  }
  .CommunicationPreviewInfo .pt-lg-3,
  .CommunicationPreviewInfo .py-lg-3 {
    padding-top: 1rem !important;
  }
  .CommunicationPreviewInfo .pr-lg-3,
  .CommunicationPreviewInfo .px-lg-3 {
    padding-right: 1rem !important;
  }
  .CommunicationPreviewInfo .pb-lg-3,
  .CommunicationPreviewInfo .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .CommunicationPreviewInfo .pl-lg-3,
  .CommunicationPreviewInfo .px-lg-3 {
    padding-left: 1rem !important;
  }
  .CommunicationPreviewInfo .p-lg-4 {
    padding: 1.5rem !important;
  }
  .CommunicationPreviewInfo .pt-lg-4,
  .CommunicationPreviewInfo .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .CommunicationPreviewInfo .pr-lg-4,
  .CommunicationPreviewInfo .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .CommunicationPreviewInfo .pb-lg-4,
  .CommunicationPreviewInfo .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .CommunicationPreviewInfo .pl-lg-4,
  .CommunicationPreviewInfo .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .CommunicationPreviewInfo .p-lg-5 {
    padding: 3rem !important;
  }
  .CommunicationPreviewInfo .pt-lg-5,
  .CommunicationPreviewInfo .py-lg-5 {
    padding-top: 3rem !important;
  }
  .CommunicationPreviewInfo .pr-lg-5,
  .CommunicationPreviewInfo .px-lg-5 {
    padding-right: 3rem !important;
  }
  .CommunicationPreviewInfo .pb-lg-5,
  .CommunicationPreviewInfo .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .CommunicationPreviewInfo .pl-lg-5,
  .CommunicationPreviewInfo .px-lg-5 {
    padding-left: 3rem !important;
  }
  .CommunicationPreviewInfo .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .CommunicationPreviewInfo .mt-lg-n1,
  .CommunicationPreviewInfo .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .CommunicationPreviewInfo .mr-lg-n1,
  .CommunicationPreviewInfo .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .CommunicationPreviewInfo .mb-lg-n1,
  .CommunicationPreviewInfo .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .CommunicationPreviewInfo .ml-lg-n1,
  .CommunicationPreviewInfo .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .CommunicationPreviewInfo .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .CommunicationPreviewInfo .mt-lg-n2,
  .CommunicationPreviewInfo .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .CommunicationPreviewInfo .mr-lg-n2,
  .CommunicationPreviewInfo .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .CommunicationPreviewInfo .mb-lg-n2,
  .CommunicationPreviewInfo .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .CommunicationPreviewInfo .ml-lg-n2,
  .CommunicationPreviewInfo .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .CommunicationPreviewInfo .m-lg-n3 {
    margin: -1rem !important;
  }
  .CommunicationPreviewInfo .mt-lg-n3,
  .CommunicationPreviewInfo .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .CommunicationPreviewInfo .mr-lg-n3,
  .CommunicationPreviewInfo .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .CommunicationPreviewInfo .mb-lg-n3,
  .CommunicationPreviewInfo .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .CommunicationPreviewInfo .ml-lg-n3,
  .CommunicationPreviewInfo .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .CommunicationPreviewInfo .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .CommunicationPreviewInfo .mt-lg-n4,
  .CommunicationPreviewInfo .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .CommunicationPreviewInfo .mr-lg-n4,
  .CommunicationPreviewInfo .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .CommunicationPreviewInfo .mb-lg-n4,
  .CommunicationPreviewInfo .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .CommunicationPreviewInfo .ml-lg-n4,
  .CommunicationPreviewInfo .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .CommunicationPreviewInfo .m-lg-n5 {
    margin: -3rem !important;
  }
  .CommunicationPreviewInfo .mt-lg-n5,
  .CommunicationPreviewInfo .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .CommunicationPreviewInfo .mr-lg-n5,
  .CommunicationPreviewInfo .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .CommunicationPreviewInfo .mb-lg-n5,
  .CommunicationPreviewInfo .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .CommunicationPreviewInfo .ml-lg-n5,
  .CommunicationPreviewInfo .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .CommunicationPreviewInfo .m-lg-auto {
    margin: auto !important;
  }
  .CommunicationPreviewInfo .mt-lg-auto,
  .CommunicationPreviewInfo .my-lg-auto {
    margin-top: auto !important;
  }
  .CommunicationPreviewInfo .mr-lg-auto,
  .CommunicationPreviewInfo .mx-lg-auto {
    margin-right: auto !important;
  }
  .CommunicationPreviewInfo .mb-lg-auto,
  .CommunicationPreviewInfo .my-lg-auto {
    margin-bottom: auto !important;
  }
  .CommunicationPreviewInfo .ml-lg-auto,
  .CommunicationPreviewInfo .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1400px) {
  .CommunicationPreviewInfo .m-xl-0 {
    margin: 0 !important;
  }
  .CommunicationPreviewInfo .mt-xl-0,
  .CommunicationPreviewInfo .my-xl-0 {
    margin-top: 0 !important;
  }
  .CommunicationPreviewInfo .mr-xl-0,
  .CommunicationPreviewInfo .mx-xl-0 {
    margin-right: 0 !important;
  }
  .CommunicationPreviewInfo .mb-xl-0,
  .CommunicationPreviewInfo .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .CommunicationPreviewInfo .ml-xl-0,
  .CommunicationPreviewInfo .mx-xl-0 {
    margin-left: 0 !important;
  }
  .CommunicationPreviewInfo .m-xl-1 {
    margin: 0.25rem !important;
  }
  .CommunicationPreviewInfo .mt-xl-1,
  .CommunicationPreviewInfo .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .CommunicationPreviewInfo .mr-xl-1,
  .CommunicationPreviewInfo .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .CommunicationPreviewInfo .mb-xl-1,
  .CommunicationPreviewInfo .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .CommunicationPreviewInfo .ml-xl-1,
  .CommunicationPreviewInfo .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .CommunicationPreviewInfo .m-xl-2 {
    margin: 0.5rem !important;
  }
  .CommunicationPreviewInfo .mt-xl-2,
  .CommunicationPreviewInfo .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .CommunicationPreviewInfo .mr-xl-2,
  .CommunicationPreviewInfo .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .CommunicationPreviewInfo .mb-xl-2,
  .CommunicationPreviewInfo .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .CommunicationPreviewInfo .ml-xl-2,
  .CommunicationPreviewInfo .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .CommunicationPreviewInfo .m-xl-3 {
    margin: 1rem !important;
  }
  .CommunicationPreviewInfo .mt-xl-3,
  .CommunicationPreviewInfo .my-xl-3 {
    margin-top: 1rem !important;
  }
  .CommunicationPreviewInfo .mr-xl-3,
  .CommunicationPreviewInfo .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .CommunicationPreviewInfo .mb-xl-3,
  .CommunicationPreviewInfo .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .CommunicationPreviewInfo .ml-xl-3,
  .CommunicationPreviewInfo .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .CommunicationPreviewInfo .m-xl-4 {
    margin: 1.5rem !important;
  }
  .CommunicationPreviewInfo .mt-xl-4,
  .CommunicationPreviewInfo .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .CommunicationPreviewInfo .mr-xl-4,
  .CommunicationPreviewInfo .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .CommunicationPreviewInfo .mb-xl-4,
  .CommunicationPreviewInfo .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .CommunicationPreviewInfo .ml-xl-4,
  .CommunicationPreviewInfo .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .CommunicationPreviewInfo .m-xl-5 {
    margin: 3rem !important;
  }
  .CommunicationPreviewInfo .mt-xl-5,
  .CommunicationPreviewInfo .my-xl-5 {
    margin-top: 3rem !important;
  }
  .CommunicationPreviewInfo .mr-xl-5,
  .CommunicationPreviewInfo .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .CommunicationPreviewInfo .mb-xl-5,
  .CommunicationPreviewInfo .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .CommunicationPreviewInfo .ml-xl-5,
  .CommunicationPreviewInfo .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .CommunicationPreviewInfo .p-xl-0 {
    padding: 0 !important;
  }
  .CommunicationPreviewInfo .pt-xl-0,
  .CommunicationPreviewInfo .py-xl-0 {
    padding-top: 0 !important;
  }
  .CommunicationPreviewInfo .pr-xl-0,
  .CommunicationPreviewInfo .px-xl-0 {
    padding-right: 0 !important;
  }
  .CommunicationPreviewInfo .pb-xl-0,
  .CommunicationPreviewInfo .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .CommunicationPreviewInfo .pl-xl-0,
  .CommunicationPreviewInfo .px-xl-0 {
    padding-left: 0 !important;
  }
  .CommunicationPreviewInfo .p-xl-1 {
    padding: 0.25rem !important;
  }
  .CommunicationPreviewInfo .pt-xl-1,
  .CommunicationPreviewInfo .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .CommunicationPreviewInfo .pr-xl-1,
  .CommunicationPreviewInfo .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .CommunicationPreviewInfo .pb-xl-1,
  .CommunicationPreviewInfo .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .CommunicationPreviewInfo .pl-xl-1,
  .CommunicationPreviewInfo .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .CommunicationPreviewInfo .p-xl-2 {
    padding: 0.5rem !important;
  }
  .CommunicationPreviewInfo .pt-xl-2,
  .CommunicationPreviewInfo .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .CommunicationPreviewInfo .pr-xl-2,
  .CommunicationPreviewInfo .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .CommunicationPreviewInfo .pb-xl-2,
  .CommunicationPreviewInfo .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .CommunicationPreviewInfo .pl-xl-2,
  .CommunicationPreviewInfo .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .CommunicationPreviewInfo .p-xl-3 {
    padding: 1rem !important;
  }
  .CommunicationPreviewInfo .pt-xl-3,
  .CommunicationPreviewInfo .py-xl-3 {
    padding-top: 1rem !important;
  }
  .CommunicationPreviewInfo .pr-xl-3,
  .CommunicationPreviewInfo .px-xl-3 {
    padding-right: 1rem !important;
  }
  .CommunicationPreviewInfo .pb-xl-3,
  .CommunicationPreviewInfo .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .CommunicationPreviewInfo .pl-xl-3,
  .CommunicationPreviewInfo .px-xl-3 {
    padding-left: 1rem !important;
  }
  .CommunicationPreviewInfo .p-xl-4 {
    padding: 1.5rem !important;
  }
  .CommunicationPreviewInfo .pt-xl-4,
  .CommunicationPreviewInfo .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .CommunicationPreviewInfo .pr-xl-4,
  .CommunicationPreviewInfo .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .CommunicationPreviewInfo .pb-xl-4,
  .CommunicationPreviewInfo .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .CommunicationPreviewInfo .pl-xl-4,
  .CommunicationPreviewInfo .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .CommunicationPreviewInfo .p-xl-5 {
    padding: 3rem !important;
  }
  .CommunicationPreviewInfo .pt-xl-5,
  .CommunicationPreviewInfo .py-xl-5 {
    padding-top: 3rem !important;
  }
  .CommunicationPreviewInfo .pr-xl-5,
  .CommunicationPreviewInfo .px-xl-5 {
    padding-right: 3rem !important;
  }
  .CommunicationPreviewInfo .pb-xl-5,
  .CommunicationPreviewInfo .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .CommunicationPreviewInfo .pl-xl-5,
  .CommunicationPreviewInfo .px-xl-5 {
    padding-left: 3rem !important;
  }
  .CommunicationPreviewInfo .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .CommunicationPreviewInfo .mt-xl-n1,
  .CommunicationPreviewInfo .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .CommunicationPreviewInfo .mr-xl-n1,
  .CommunicationPreviewInfo .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .CommunicationPreviewInfo .mb-xl-n1,
  .CommunicationPreviewInfo .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .CommunicationPreviewInfo .ml-xl-n1,
  .CommunicationPreviewInfo .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .CommunicationPreviewInfo .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .CommunicationPreviewInfo .mt-xl-n2,
  .CommunicationPreviewInfo .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .CommunicationPreviewInfo .mr-xl-n2,
  .CommunicationPreviewInfo .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .CommunicationPreviewInfo .mb-xl-n2,
  .CommunicationPreviewInfo .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .CommunicationPreviewInfo .ml-xl-n2,
  .CommunicationPreviewInfo .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .CommunicationPreviewInfo .m-xl-n3 {
    margin: -1rem !important;
  }
  .CommunicationPreviewInfo .mt-xl-n3,
  .CommunicationPreviewInfo .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .CommunicationPreviewInfo .mr-xl-n3,
  .CommunicationPreviewInfo .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .CommunicationPreviewInfo .mb-xl-n3,
  .CommunicationPreviewInfo .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .CommunicationPreviewInfo .ml-xl-n3,
  .CommunicationPreviewInfo .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .CommunicationPreviewInfo .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .CommunicationPreviewInfo .mt-xl-n4,
  .CommunicationPreviewInfo .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .CommunicationPreviewInfo .mr-xl-n4,
  .CommunicationPreviewInfo .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .CommunicationPreviewInfo .mb-xl-n4,
  .CommunicationPreviewInfo .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .CommunicationPreviewInfo .ml-xl-n4,
  .CommunicationPreviewInfo .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .CommunicationPreviewInfo .m-xl-n5 {
    margin: -3rem !important;
  }
  .CommunicationPreviewInfo .mt-xl-n5,
  .CommunicationPreviewInfo .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .CommunicationPreviewInfo .mr-xl-n5,
  .CommunicationPreviewInfo .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .CommunicationPreviewInfo .mb-xl-n5,
  .CommunicationPreviewInfo .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .CommunicationPreviewInfo .ml-xl-n5,
  .CommunicationPreviewInfo .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .CommunicationPreviewInfo .m-xl-auto {
    margin: auto !important;
  }
  .CommunicationPreviewInfo .mt-xl-auto,
  .CommunicationPreviewInfo .my-xl-auto {
    margin-top: auto !important;
  }
  .CommunicationPreviewInfo .mr-xl-auto,
  .CommunicationPreviewInfo .mx-xl-auto {
    margin-right: auto !important;
  }
  .CommunicationPreviewInfo .mb-xl-auto,
  .CommunicationPreviewInfo .my-xl-auto {
    margin-bottom: auto !important;
  }
  .CommunicationPreviewInfo .ml-xl-auto,
  .CommunicationPreviewInfo .mx-xl-auto {
    margin-left: auto !important;
  }
}
.CommunicationPreviewInfo .Section {
  margin-bottom: 1em;
}
.CommunicationPreviewInfo .Section::after {
  display: block;
  clear: both;
  content: "";
}
.CommunicationPreviewInfo .AddPadding {
  padding: 15px;
}
.CommunicationPreviewInfo .AddPaddingVertical {
  padding-top: 15px;
  padding-bottom: 15px;
}
.CommunicationPreviewInfo .AddPaddingHorizontal {
  padding-left: 15px;
  padding-right: 15px;
}
.CommunicationPreviewInfo .AddPaddingTop {
  padding-top: 15px;
}
.CommunicationPreviewInfo .AddPaddingBottom {
  padding-bottom: 15px;
}
.CommunicationPreviewInfo .AddPaddingLeft {
  padding-left: 15px;
}
.CommunicationPreviewInfo .AddPaddingRight {
  padding-right: 15px;
}
.CommunicationPreviewInfo .MarginLeft {
  margin-left: 1em;
}
.CommunicationPreviewInfo .MarginRight {
  margin-right: 1em;
}
.CommunicationPreviewInfo .d-none {
  display: none !important;
}
.CommunicationPreviewInfo .d-inline {
  display: inline !important;
}
.CommunicationPreviewInfo .d-inline-block {
  display: inline-block !important;
}
.CommunicationPreviewInfo .d-block {
  display: block !important;
}
.CommunicationPreviewInfo .d-table {
  display: table !important;
}
.CommunicationPreviewInfo .d-table-row {
  display: table-row !important;
}
.CommunicationPreviewInfo .d-table-cell {
  display: table-cell !important;
}
.CommunicationPreviewInfo .d-flex {
  display: flex !important;
}
.CommunicationPreviewInfo .d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 768px) {
  .CommunicationPreviewInfo .d-sm-none {
    display: none !important;
  }
  .CommunicationPreviewInfo .d-sm-inline {
    display: inline !important;
  }
  .CommunicationPreviewInfo .d-sm-inline-block {
    display: inline-block !important;
  }
  .CommunicationPreviewInfo .d-sm-block {
    display: block !important;
  }
  .CommunicationPreviewInfo .d-sm-table {
    display: table !important;
  }
  .CommunicationPreviewInfo .d-sm-table-row {
    display: table-row !important;
  }
  .CommunicationPreviewInfo .d-sm-table-cell {
    display: table-cell !important;
  }
  .CommunicationPreviewInfo .d-sm-flex {
    display: flex !important;
  }
  .CommunicationPreviewInfo .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .CommunicationPreviewInfo .d-md-none {
    display: none !important;
  }
  .CommunicationPreviewInfo .d-md-inline {
    display: inline !important;
  }
  .CommunicationPreviewInfo .d-md-inline-block {
    display: inline-block !important;
  }
  .CommunicationPreviewInfo .d-md-block {
    display: block !important;
  }
  .CommunicationPreviewInfo .d-md-table {
    display: table !important;
  }
  .CommunicationPreviewInfo .d-md-table-row {
    display: table-row !important;
  }
  .CommunicationPreviewInfo .d-md-table-cell {
    display: table-cell !important;
  }
  .CommunicationPreviewInfo .d-md-flex {
    display: flex !important;
  }
  .CommunicationPreviewInfo .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .CommunicationPreviewInfo .d-lg-none {
    display: none !important;
  }
  .CommunicationPreviewInfo .d-lg-inline {
    display: inline !important;
  }
  .CommunicationPreviewInfo .d-lg-inline-block {
    display: inline-block !important;
  }
  .CommunicationPreviewInfo .d-lg-block {
    display: block !important;
  }
  .CommunicationPreviewInfo .d-lg-table {
    display: table !important;
  }
  .CommunicationPreviewInfo .d-lg-table-row {
    display: table-row !important;
  }
  .CommunicationPreviewInfo .d-lg-table-cell {
    display: table-cell !important;
  }
  .CommunicationPreviewInfo .d-lg-flex {
    display: flex !important;
  }
  .CommunicationPreviewInfo .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1400px) {
  .CommunicationPreviewInfo .d-xl-none {
    display: none !important;
  }
  .CommunicationPreviewInfo .d-xl-inline {
    display: inline !important;
  }
  .CommunicationPreviewInfo .d-xl-inline-block {
    display: inline-block !important;
  }
  .CommunicationPreviewInfo .d-xl-block {
    display: block !important;
  }
  .CommunicationPreviewInfo .d-xl-table {
    display: table !important;
  }
  .CommunicationPreviewInfo .d-xl-table-row {
    display: table-row !important;
  }
  .CommunicationPreviewInfo .d-xl-table-cell {
    display: table-cell !important;
  }
  .CommunicationPreviewInfo .d-xl-flex {
    display: flex !important;
  }
  .CommunicationPreviewInfo .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
.CommunicationPreviewInfo .DisplayInlineBlock {
  display: inline-block;
}
.CommunicationPreviewInfo .DisplayNone,
.CommunicationPreviewInfo .hidden {
  display: none;
}
.CommunicationPreviewInfo .iPartChain.FirstPart > .panel {
  border-bottom-width: 0 !important;
}
.CommunicationPreviewInfo .iPartChain.FirstPart > .panel > .panel-body {
  padding-bottom: 0;
}
.CommunicationPreviewInfo .iPartChain.LastPart > .panel {
  border-top-width: 0 !important;
}
.CommunicationPreviewInfo .iPartChain.LastPart > .panel > .panel-body {
  padding-top: 0;
}
.CommunicationPreviewInfo .iPartChain.MiddlePart > .panel {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}
.CommunicationPreviewInfo .iPartChain.MiddlePart > .panel > .panel-body {
  padding-top: 0;
  padding-bottom: 0;
}
.CommunicationPreviewInfo .iPartChain.MiddlePart, .CommunicationPreviewInfo .iPartChain.LastPart {
  margin-top: -0.9em;
}
.TemplateManagerArea .CommunicationPreviewInfo .iPartChain.MiddlePart, .TemplateManagerArea .CommunicationPreviewInfo .iPartChain.LastPart {
  margin-top: 0;
}
.CommunicationPreviewInfo .PanelNoPadding .panel, .CommunicationPreviewInfo .PanelNoPadding.panel {
  border-width: 0;
}
.CommunicationPreviewInfo .PanelNoPadding .panel-heading,
.CommunicationPreviewInfo .PanelNoPadding .panel-heading.Distinguish,
.CommunicationPreviewInfo .PanelNoPadding .ListSearchPrompt {
  padding-left: 0;
  padding-right: 0;
}
.CommunicationPreviewInfo .PanelNoPadding .panel-body {
  padding: 0;
}
.CommunicationPreviewInfo .iPartNoPadding > .panel > .panel-heading.Distinguish,
.CommunicationPreviewInfo .iPartNoPadding > .panel > .panel-body-container > .panel-body,
.CommunicationPreviewInfo .iPartNoPaddingHorizontal > .panel > .panel-heading.Distinguish,
.CommunicationPreviewInfo .iPartNoPaddingHorizontal > .panel > .panel-body-container > .panel-body {
  padding-left: 0;
  padding-right: 0;
}
.CommunicationPreviewInfo .iPartNoPadding > .panel > .panel-heading.Distinguish,
.CommunicationPreviewInfo .iPartNoPaddingVertial > .panel > .panel-heading.Distinguish {
  padding-top: 0;
}
.CommunicationPreviewInfo .iPartNoPadding > .panel > .panel-body-container > .panel-body,
.CommunicationPreviewInfo .iPartNoPaddingVertial > .panel > .panel-body-container > .panel-body {
  padding-top: 0;
  padding-bottom: 0;
}
.CommunicationPreviewInfo .iPartsDisplayInlineBlock .ContentItemContainer {
  display: inline-block;
}
.CommunicationPreviewInfo .iPartsHorizontal > .ContentItemContainer > .WebPartZone {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.CommunicationPreviewInfo .iPartTitleHorizontal > .panel {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.CommunicationPreviewInfo .iPartTitleHorizontal > .panel .panel-body-container {
  flex-grow: 1;
}
.CommunicationPreviewInfo .icon {
  /* since you can't set width on an inline element, just set enough padding so our background image (the icon) will show */
  padding: 3px 7px 3px 7px;
  background-position: center;
  background-repeat: no-repeat;
}
.CommunicationPreviewInfo .scrollbar-minimal {
  scrollbar-width: thin;
}
.CommunicationPreviewInfo .scrollbar-minimal ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.CommunicationPreviewInfo .scrollbar-minimal ::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 6px;
}
.CommunicationPreviewInfo .scrollbar-minimal ::-webkit-scrollbar-thumb {
  background: #bebebe;
  border-radius: 5px;
}
.CommunicationPreviewInfo .scrollbar-minimal ::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.CommunicationPreviewInfo .flex-row {
  flex-direction: row !important;
}
.CommunicationPreviewInfo .flex-column {
  flex-direction: column !important;
}
.CommunicationPreviewInfo .flex-row-reverse {
  flex-direction: row-reverse !important;
}
.CommunicationPreviewInfo .flex-column-reverse {
  flex-direction: column-reverse !important;
}
.CommunicationPreviewInfo .flex-wrap {
  flex-wrap: wrap !important;
}
.CommunicationPreviewInfo .flex-nowrap {
  flex-wrap: nowrap !important;
}
.CommunicationPreviewInfo .flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.CommunicationPreviewInfo .flex-fill {
  flex: 1 1 auto !important;
}
.CommunicationPreviewInfo .flex-grow-0 {
  flex-grow: 0 !important;
}
.CommunicationPreviewInfo .flex-grow-1 {
  flex-grow: 1 !important;
}
.CommunicationPreviewInfo .flex-shrink-0 {
  flex-shrink: 0 !important;
}
.CommunicationPreviewInfo .flex-shrink-1 {
  flex-shrink: 1 !important;
}
.CommunicationPreviewInfo .justify-content-start {
  justify-content: flex-start !important;
}
.CommunicationPreviewInfo .justify-content-end {
  justify-content: flex-end !important;
}
.CommunicationPreviewInfo .justify-content-center {
  justify-content: center !important;
}
.CommunicationPreviewInfo .justify-content-between {
  justify-content: space-between !important;
}
.CommunicationPreviewInfo .justify-content-around {
  justify-content: space-around !important;
}
.CommunicationPreviewInfo .align-items-start {
  align-items: flex-start !important;
}
.CommunicationPreviewInfo .align-items-end {
  align-items: flex-end !important;
}
.CommunicationPreviewInfo .align-items-center {
  align-items: center !important;
}
.CommunicationPreviewInfo .align-items-baseline {
  align-items: baseline !important;
}
.CommunicationPreviewInfo .align-items-stretch {
  align-items: stretch !important;
}
.CommunicationPreviewInfo .align-content-start {
  align-content: flex-start !important;
}
.CommunicationPreviewInfo .align-content-end {
  align-content: flex-end !important;
}
.CommunicationPreviewInfo .align-content-center {
  align-content: center !important;
}
.CommunicationPreviewInfo .align-content-between {
  align-content: space-between !important;
}
.CommunicationPreviewInfo .align-content-around {
  align-content: space-around !important;
}
.CommunicationPreviewInfo .align-content-stretch {
  align-content: stretch !important;
}
.CommunicationPreviewInfo .align-self-auto {
  align-self: auto !important;
}
.CommunicationPreviewInfo .align-self-start {
  align-self: flex-start !important;
}
.CommunicationPreviewInfo .align-self-end {
  align-self: flex-end !important;
}
.CommunicationPreviewInfo .align-self-center {
  align-self: center !important;
}
.CommunicationPreviewInfo .align-self-baseline {
  align-self: baseline !important;
}
.CommunicationPreviewInfo .align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 768px) {
  .CommunicationPreviewInfo .flex-sm-row {
    flex-direction: row !important;
  }
  .CommunicationPreviewInfo .flex-sm-column {
    flex-direction: column !important;
  }
  .CommunicationPreviewInfo .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .CommunicationPreviewInfo .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .CommunicationPreviewInfo .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .CommunicationPreviewInfo .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .CommunicationPreviewInfo .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .CommunicationPreviewInfo .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .CommunicationPreviewInfo .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .CommunicationPreviewInfo .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .CommunicationPreviewInfo .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .CommunicationPreviewInfo .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .CommunicationPreviewInfo .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .CommunicationPreviewInfo .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .CommunicationPreviewInfo .justify-content-sm-center {
    justify-content: center !important;
  }
  .CommunicationPreviewInfo .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .CommunicationPreviewInfo .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .CommunicationPreviewInfo .align-items-sm-start {
    align-items: flex-start !important;
  }
  .CommunicationPreviewInfo .align-items-sm-end {
    align-items: flex-end !important;
  }
  .CommunicationPreviewInfo .align-items-sm-center {
    align-items: center !important;
  }
  .CommunicationPreviewInfo .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .CommunicationPreviewInfo .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .CommunicationPreviewInfo .align-content-sm-start {
    align-content: flex-start !important;
  }
  .CommunicationPreviewInfo .align-content-sm-end {
    align-content: flex-end !important;
  }
  .CommunicationPreviewInfo .align-content-sm-center {
    align-content: center !important;
  }
  .CommunicationPreviewInfo .align-content-sm-between {
    align-content: space-between !important;
  }
  .CommunicationPreviewInfo .align-content-sm-around {
    align-content: space-around !important;
  }
  .CommunicationPreviewInfo .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .CommunicationPreviewInfo .align-self-sm-auto {
    align-self: auto !important;
  }
  .CommunicationPreviewInfo .align-self-sm-start {
    align-self: flex-start !important;
  }
  .CommunicationPreviewInfo .align-self-sm-end {
    align-self: flex-end !important;
  }
  .CommunicationPreviewInfo .align-self-sm-center {
    align-self: center !important;
  }
  .CommunicationPreviewInfo .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .CommunicationPreviewInfo .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .CommunicationPreviewInfo .flex-md-row {
    flex-direction: row !important;
  }
  .CommunicationPreviewInfo .flex-md-column {
    flex-direction: column !important;
  }
  .CommunicationPreviewInfo .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .CommunicationPreviewInfo .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .CommunicationPreviewInfo .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .CommunicationPreviewInfo .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .CommunicationPreviewInfo .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .CommunicationPreviewInfo .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .CommunicationPreviewInfo .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .CommunicationPreviewInfo .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .CommunicationPreviewInfo .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .CommunicationPreviewInfo .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .CommunicationPreviewInfo .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .CommunicationPreviewInfo .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .CommunicationPreviewInfo .justify-content-md-center {
    justify-content: center !important;
  }
  .CommunicationPreviewInfo .justify-content-md-between {
    justify-content: space-between !important;
  }
  .CommunicationPreviewInfo .justify-content-md-around {
    justify-content: space-around !important;
  }
  .CommunicationPreviewInfo .align-items-md-start {
    align-items: flex-start !important;
  }
  .CommunicationPreviewInfo .align-items-md-end {
    align-items: flex-end !important;
  }
  .CommunicationPreviewInfo .align-items-md-center {
    align-items: center !important;
  }
  .CommunicationPreviewInfo .align-items-md-baseline {
    align-items: baseline !important;
  }
  .CommunicationPreviewInfo .align-items-md-stretch {
    align-items: stretch !important;
  }
  .CommunicationPreviewInfo .align-content-md-start {
    align-content: flex-start !important;
  }
  .CommunicationPreviewInfo .align-content-md-end {
    align-content: flex-end !important;
  }
  .CommunicationPreviewInfo .align-content-md-center {
    align-content: center !important;
  }
  .CommunicationPreviewInfo .align-content-md-between {
    align-content: space-between !important;
  }
  .CommunicationPreviewInfo .align-content-md-around {
    align-content: space-around !important;
  }
  .CommunicationPreviewInfo .align-content-md-stretch {
    align-content: stretch !important;
  }
  .CommunicationPreviewInfo .align-self-md-auto {
    align-self: auto !important;
  }
  .CommunicationPreviewInfo .align-self-md-start {
    align-self: flex-start !important;
  }
  .CommunicationPreviewInfo .align-self-md-end {
    align-self: flex-end !important;
  }
  .CommunicationPreviewInfo .align-self-md-center {
    align-self: center !important;
  }
  .CommunicationPreviewInfo .align-self-md-baseline {
    align-self: baseline !important;
  }
  .CommunicationPreviewInfo .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .CommunicationPreviewInfo .flex-lg-row {
    flex-direction: row !important;
  }
  .CommunicationPreviewInfo .flex-lg-column {
    flex-direction: column !important;
  }
  .CommunicationPreviewInfo .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .CommunicationPreviewInfo .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .CommunicationPreviewInfo .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .CommunicationPreviewInfo .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .CommunicationPreviewInfo .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .CommunicationPreviewInfo .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .CommunicationPreviewInfo .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .CommunicationPreviewInfo .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .CommunicationPreviewInfo .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .CommunicationPreviewInfo .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .CommunicationPreviewInfo .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .CommunicationPreviewInfo .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .CommunicationPreviewInfo .justify-content-lg-center {
    justify-content: center !important;
  }
  .CommunicationPreviewInfo .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .CommunicationPreviewInfo .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .CommunicationPreviewInfo .align-items-lg-start {
    align-items: flex-start !important;
  }
  .CommunicationPreviewInfo .align-items-lg-end {
    align-items: flex-end !important;
  }
  .CommunicationPreviewInfo .align-items-lg-center {
    align-items: center !important;
  }
  .CommunicationPreviewInfo .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .CommunicationPreviewInfo .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .CommunicationPreviewInfo .align-content-lg-start {
    align-content: flex-start !important;
  }
  .CommunicationPreviewInfo .align-content-lg-end {
    align-content: flex-end !important;
  }
  .CommunicationPreviewInfo .align-content-lg-center {
    align-content: center !important;
  }
  .CommunicationPreviewInfo .align-content-lg-between {
    align-content: space-between !important;
  }
  .CommunicationPreviewInfo .align-content-lg-around {
    align-content: space-around !important;
  }
  .CommunicationPreviewInfo .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .CommunicationPreviewInfo .align-self-lg-auto {
    align-self: auto !important;
  }
  .CommunicationPreviewInfo .align-self-lg-start {
    align-self: flex-start !important;
  }
  .CommunicationPreviewInfo .align-self-lg-end {
    align-self: flex-end !important;
  }
  .CommunicationPreviewInfo .align-self-lg-center {
    align-self: center !important;
  }
  .CommunicationPreviewInfo .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .CommunicationPreviewInfo .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1400px) {
  .CommunicationPreviewInfo .flex-xl-row {
    flex-direction: row !important;
  }
  .CommunicationPreviewInfo .flex-xl-column {
    flex-direction: column !important;
  }
  .CommunicationPreviewInfo .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .CommunicationPreviewInfo .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .CommunicationPreviewInfo .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .CommunicationPreviewInfo .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .CommunicationPreviewInfo .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .CommunicationPreviewInfo .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .CommunicationPreviewInfo .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .CommunicationPreviewInfo .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .CommunicationPreviewInfo .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .CommunicationPreviewInfo .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .CommunicationPreviewInfo .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .CommunicationPreviewInfo .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .CommunicationPreviewInfo .justify-content-xl-center {
    justify-content: center !important;
  }
  .CommunicationPreviewInfo .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .CommunicationPreviewInfo .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .CommunicationPreviewInfo .align-items-xl-start {
    align-items: flex-start !important;
  }
  .CommunicationPreviewInfo .align-items-xl-end {
    align-items: flex-end !important;
  }
  .CommunicationPreviewInfo .align-items-xl-center {
    align-items: center !important;
  }
  .CommunicationPreviewInfo .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .CommunicationPreviewInfo .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .CommunicationPreviewInfo .align-content-xl-start {
    align-content: flex-start !important;
  }
  .CommunicationPreviewInfo .align-content-xl-end {
    align-content: flex-end !important;
  }
  .CommunicationPreviewInfo .align-content-xl-center {
    align-content: center !important;
  }
  .CommunicationPreviewInfo .align-content-xl-between {
    align-content: space-between !important;
  }
  .CommunicationPreviewInfo .align-content-xl-around {
    align-content: space-around !important;
  }
  .CommunicationPreviewInfo .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .CommunicationPreviewInfo .align-self-xl-auto {
    align-self: auto !important;
  }
  .CommunicationPreviewInfo .align-self-xl-start {
    align-self: flex-start !important;
  }
  .CommunicationPreviewInfo .align-self-xl-end {
    align-self: flex-end !important;
  }
  .CommunicationPreviewInfo .align-self-xl-center {
    align-self: center !important;
  }
  .CommunicationPreviewInfo .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .CommunicationPreviewInfo .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.CommunicationPreviewInfo input,
.CommunicationPreviewInfo button,
.CommunicationPreviewInfo select,
.CommunicationPreviewInfo textarea {
  font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;
}
.CommunicationPreviewInfo select,
.CommunicationPreviewInfo textarea,
.CommunicationPreviewInfo input[type=text],
.CommunicationPreviewInfo input[type=password],
.CommunicationPreviewInfo input[type=datetime],
.CommunicationPreviewInfo input[type=datetime-local],
.CommunicationPreviewInfo input[type=date],
.CommunicationPreviewInfo input[type=month],
.CommunicationPreviewInfo input[type=time],
.CommunicationPreviewInfo input[type=week],
.CommunicationPreviewInfo input[type=number],
.CommunicationPreviewInfo input[type=email],
.CommunicationPreviewInfo input[type=url],
.CommunicationPreviewInfo input[type=search],
.CommunicationPreviewInfo input[type=tel],
.CommunicationPreviewInfo input[type=color],
.CommunicationPreviewInfo .uneditable-input,
.CommunicationPreviewInfo .input-fake {
  display: inline-block;
  height: 33px;
  padding: 5px 10px;
  font-size: 100%;
  line-height: 1.428571429;
  color: #222;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
@media screen and (prefers-reduced-motion: reduce) {
  .CommunicationPreviewInfo select,
  .CommunicationPreviewInfo textarea,
  .CommunicationPreviewInfo input[type=text],
  .CommunicationPreviewInfo input[type=password],
  .CommunicationPreviewInfo input[type=datetime],
  .CommunicationPreviewInfo input[type=datetime-local],
  .CommunicationPreviewInfo input[type=date],
  .CommunicationPreviewInfo input[type=month],
  .CommunicationPreviewInfo input[type=time],
  .CommunicationPreviewInfo input[type=week],
  .CommunicationPreviewInfo input[type=number],
  .CommunicationPreviewInfo input[type=email],
  .CommunicationPreviewInfo input[type=url],
  .CommunicationPreviewInfo input[type=search],
  .CommunicationPreviewInfo input[type=tel],
  .CommunicationPreviewInfo input[type=color],
  .CommunicationPreviewInfo .uneditable-input,
  .CommunicationPreviewInfo .input-fake {
    transition: none;
  }
}
.CommunicationPreviewInfo select:focus,
.CommunicationPreviewInfo textarea:focus,
.CommunicationPreviewInfo input[type=text]:focus,
.CommunicationPreviewInfo input[type=password]:focus,
.CommunicationPreviewInfo input[type=datetime]:focus,
.CommunicationPreviewInfo input[type=datetime-local]:focus,
.CommunicationPreviewInfo input[type=date]:focus,
.CommunicationPreviewInfo input[type=month]:focus,
.CommunicationPreviewInfo input[type=time]:focus,
.CommunicationPreviewInfo input[type=week]:focus,
.CommunicationPreviewInfo input[type=number]:focus,
.CommunicationPreviewInfo input[type=email]:focus,
.CommunicationPreviewInfo input[type=url]:focus,
.CommunicationPreviewInfo input[type=search]:focus,
.CommunicationPreviewInfo input[type=tel]:focus,
.CommunicationPreviewInfo input[type=color]:focus,
.CommunicationPreviewInfo .uneditable-input:focus,
.CommunicationPreviewInfo .input-fake:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.CommunicationPreviewInfo select::placeholder,
.CommunicationPreviewInfo textarea::placeholder,
.CommunicationPreviewInfo input[type=text]::placeholder,
.CommunicationPreviewInfo input[type=password]::placeholder,
.CommunicationPreviewInfo input[type=datetime]::placeholder,
.CommunicationPreviewInfo input[type=datetime-local]::placeholder,
.CommunicationPreviewInfo input[type=date]::placeholder,
.CommunicationPreviewInfo input[type=month]::placeholder,
.CommunicationPreviewInfo input[type=time]::placeholder,
.CommunicationPreviewInfo input[type=week]::placeholder,
.CommunicationPreviewInfo input[type=number]::placeholder,
.CommunicationPreviewInfo input[type=email]::placeholder,
.CommunicationPreviewInfo input[type=url]::placeholder,
.CommunicationPreviewInfo input[type=search]::placeholder,
.CommunicationPreviewInfo input[type=tel]::placeholder,
.CommunicationPreviewInfo input[type=color]::placeholder,
.CommunicationPreviewInfo .uneditable-input::placeholder,
.CommunicationPreviewInfo .input-fake::placeholder {
  color: #6c757d;
  opacity: 1;
}
.CommunicationPreviewInfo .input-fake:focus-within {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.CommunicationPreviewInfo input[type=date] {
  padding-right: 0;
  position: relative;
}
.CommunicationPreviewInfo input[type=date]::-webkit-calendar-picker-indicator {
  border-left: 1px solid #e0dfdf;
  padding: 8px;
  cursor: pointer;
  background: #f9f9f9 url("../../Assets/images/IconSprite.svg#datepicker") no-repeat center center;
  background-size: 15px 15px;
  position: absolute;
  right: 0;
  top: 0;
}
.CommunicationPreviewInfo input[type=date]::-webkit-calendar-picker-indicator:hover {
  background-color: #e7e7e7;
}
.CommunicationPreviewInfo input[type=date]::-webkit-calendar-picker-indicator:focus {
  background-color: #da5f25;
  filter: invert(100%) brightness(100%);
}
.CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch {
  color: #222;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch .rcbInner, .CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbInput, .CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch .rcbFocused, .CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch .rcbFocused .rcbInput, .CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch .rcbHovered, .CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbInput {
  color: #222;
}
.CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch .rcbInner {
  height: 33px;
  padding: 0;
  font-size: 100%;
  line-height: 1.428571429;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
  overflow: hidden;
}
@media screen and (prefers-reduced-motion: reduce) {
  .CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch .rcbInner {
    transition: none;
  }
}
.CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch .rcbInputCell {
  padding: 0;
}
.CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch .rcbFocused {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch .rcbInput {
  height: 100%;
  padding: 5px 10px;
}
.CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch.PageSizeDropDown .rcbInput {
  /* Make sure the page size dropdown in the RadGrid has enough room to show page size */
  padding: 2px;
}
.CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbEmptyMessage,
.CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbEmptyMessage {
  color: #6c757d;
}
.CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch .rcbActionButton {
  border-radius: 0 5px 5px 0;
  height: 33px;
  padding: 0;
  width: 30px;
}
.CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch .rcbActionButton .rcbIcon {
  height: 1.4em;
}
.CommunicationPreviewInfo .RadComboBox.RadComboBox_MetroTouch .rcbActionButton .p-icon {
  width: 30px;
}
.CommunicationPreviewInfo .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch {
  font: inherit;
}
.CommunicationPreviewInfo .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbItem, .CommunicationPreviewInfo .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbHovered, .CommunicationPreviewInfo .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbDisabled, .CommunicationPreviewInfo .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbLoading {
  padding-top: 5px;
  padding-bottom: 5px;
}
.CommunicationPreviewInfo .RadInput.RadInput.riSingle, .CommunicationPreviewInfo .RadInput.RadInput, .CommunicationPreviewInfo .RadInput {
  height: auto !important; /* IE11 */
}
.CommunicationPreviewInfo .RadInput.RadInput.riSingle .riTextBox, .CommunicationPreviewInfo .RadInput.RadInput .riTextBox, .CommunicationPreviewInfo .RadInput .riTextBox {
  height: 33px;
  padding: 5px 10px;
  border-color: #ccc;
  font: inherit;
  color: #222;
}
.CommunicationPreviewInfo .RadInput.RadInput.riSingle .riTextBox:focus, .CommunicationPreviewInfo .RadInput.RadInput .riTextBox:focus, .CommunicationPreviewInfo .RadInput .riTextBox:focus {
  border-color: #66afe9;
}
.CommunicationPreviewInfo .RadUpload.RadUpload .ruFakeInput {
  height: 31px;
  padding: 0;
  border-radius: 5px;
}
.CommunicationPreviewInfo .HtmlEditorTextBoxStyle {
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.CommunicationPreviewInfo .HtmlEditorTextBoxStyle .reContent {
  border-radius: 5px;
}
.CommunicationPreviewInfo .HtmlEditorTextBoxStyle iframe, .CommunicationPreviewInfo .HtmlEditorTextBoxStyle td {
  background-color: transparent;
}
.CommunicationPreviewInfo .RadPicker + .TimeZoneLabel {
  margin-left: 0.5em;
}
.CommunicationPreviewInfo .chosen-container-multi .chosen-choices {
  min-height: 33px;
  border-radius: 5px;
  border-color: #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
  background-image: none;
}
@media screen and (prefers-reduced-motion: reduce) {
  .CommunicationPreviewInfo .chosen-container-multi .chosen-choices {
    transition: none;
  }
}
.CommunicationPreviewInfo .chosen-container-multi .chosen-choices li.search-field {
  /* Remove the styling used in the master page search-field */
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  padding-left: 0 !important;
}
.CommunicationPreviewInfo .chosen-container-active .chosen-choices {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.CommunicationPreviewInfo input[type=radio],
.CommunicationPreviewInfo input[type=checkbox] {
  margin: 4px 0 0;
  *margin-top: 0; /* IE7 */
  margin-top: 1px \9 ; /* IE8-9 */
  line-height: normal;
  cursor: pointer;
}
.CommunicationPreviewInfo input[type=file],
.CommunicationPreviewInfo input[type=image],
.CommunicationPreviewInfo input[type=submit],
.CommunicationPreviewInfo input[type=reset],
.CommunicationPreviewInfo input[type=button],
.CommunicationPreviewInfo input[type=radio],
.CommunicationPreviewInfo input[type=checkbox] {
  width: auto;
}
.CommunicationPreviewInfo textarea {
  height: auto;
}
.CommunicationPreviewInfo select {
  border: 1px solid #ccc;
  background-color: #fff;
}
.CommunicationPreviewInfo select[multiple],
.CommunicationPreviewInfo select[size] {
  height: auto;
}
.CommunicationPreviewInfo select:focus,
.CommunicationPreviewInfo input[type=file]:focus,
.CommunicationPreviewInfo input[type=radio]:focus,
.CommunicationPreviewInfo input[type=checkbox]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.CommunicationPreviewInfo .radiobutton-buttons input[type=radio]:checked + label {
  color: #222;
  background: #80d8b0;
  border-color: transparent;
}
.CommunicationPreviewInfo .btn,
.CommunicationPreviewInfo .TextButton,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton {
  display: inline-block;
  margin-bottom: 0;
  font-family: "Montserrat", "Open Sans", Helvetica Neue, Arial, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 2px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 1.428571429;
  border-radius: 20px;
  user-select: none;
  transition: background 0.2s ease-out;
}
@media screen and (prefers-reduced-motion: reduce) {
  .CommunicationPreviewInfo .btn,
  .CommunicationPreviewInfo .TextButton,
  .CommunicationPreviewInfo .RadUpload.RadUpload .ruButton,
  .CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton {
    transition: none;
  }
}
.CommunicationPreviewInfo .btn.disabled, .CommunicationPreviewInfo .btn[disabled], fieldset[disabled] .CommunicationPreviewInfo .btn, .CommunicationPreviewInfo .btn.aspNetDisabled,
.CommunicationPreviewInfo .TextButton.disabled,
.CommunicationPreviewInfo .TextButton[disabled],
fieldset[disabled] .CommunicationPreviewInfo .TextButton,
.CommunicationPreviewInfo .TextButton.aspNetDisabled,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton.disabled,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton[disabled],
fieldset[disabled] .CommunicationPreviewInfo .RadUpload.RadUpload .ruButton,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton.aspNetDisabled,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton[disabled],
fieldset[disabled] .CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled {
  opacity: 0.55;
  box-shadow: none;
}
.CommunicationPreviewInfo a.TextButton.disabled,
.CommunicationPreviewInfo a.TextButton[disabled],
.CommunicationPreviewInfo fieldset[disabled] a.TextButton,
.CommunicationPreviewInfo a.TextButton.aspNetDisabled {
  pointer-events: none;
}
.CommunicationPreviewInfo .btn,
.CommunicationPreviewInfo .TextButton,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton {
  border-color: #80d8b0;
  background-color: transparent;
}
.CommunicationPreviewInfo .btn, .CommunicationPreviewInfo .btn:hover, .CommunicationPreviewInfo .btn:focus, .CommunicationPreviewInfo .btn:active, .CommunicationPreviewInfo .btn:visited,
.CommunicationPreviewInfo .TextButton,
.CommunicationPreviewInfo .TextButton:hover,
.CommunicationPreviewInfo .TextButton:focus,
.CommunicationPreviewInfo .TextButton:active,
.CommunicationPreviewInfo .TextButton:visited,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton:hover,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton:focus,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton:active,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton:visited,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton:active,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
  text-decoration: none;
}
.CommunicationPreviewInfo .btn, .CommunicationPreviewInfo .btn:visited,
.CommunicationPreviewInfo .TextButton,
.CommunicationPreviewInfo .TextButton:visited,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton:visited,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
  color: #222;
}
.CommunicationPreviewInfo .btn:hover,
.CommunicationPreviewInfo .TextButton:hover,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton:hover,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover {
  color: #222;
  background-color: #ccefdf;
  border-color: #2d9264;
}
.CommunicationPreviewInfo .btn:focus,
.CommunicationPreviewInfo .TextButton:focus,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton:focus,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus {
  box-shadow: 0 0 0 0.25rem rgba(34, 34, 34, 0.5);
}
.btn-check:checked + .CommunicationPreviewInfo .btn, .btn-check:active + .CommunicationPreviewInfo .btn, .CommunicationPreviewInfo .btn:active, .CommunicationPreviewInfo .btn.active, .CommunicationPreviewInfo .btn.dropdown-toggle.show,
.btn-check:checked + .CommunicationPreviewInfo .TextButton,
.btn-check:active + .CommunicationPreviewInfo .TextButton,
.CommunicationPreviewInfo .TextButton:active,
.CommunicationPreviewInfo .TextButton.active,
.CommunicationPreviewInfo .TextButton.dropdown-toggle.show,
.btn-check:checked + .CommunicationPreviewInfo .RadUpload.RadUpload .ruButton,
.btn-check:active + .CommunicationPreviewInfo .RadUpload.RadUpload .ruButton,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton:active,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton.active,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton.dropdown-toggle.show,
.btn-check:checked + .CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton,
.btn-check:active + .CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton:active,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton.active,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton.dropdown-toggle.show {
  color: #000;
  background-color: #ccefdf;
  border-color: #2d9264;
}
.btn-check:checked + .CommunicationPreviewInfo .btn:focus, .btn-check:active + .CommunicationPreviewInfo .btn:focus, .CommunicationPreviewInfo .btn:active:focus, .CommunicationPreviewInfo .btn.active:focus, .CommunicationPreviewInfo .btn.dropdown-toggle.show:focus,
.btn-check:checked + .CommunicationPreviewInfo .TextButton:focus,
.btn-check:active + .CommunicationPreviewInfo .TextButton:focus,
.CommunicationPreviewInfo .TextButton:active:focus,
.CommunicationPreviewInfo .TextButton.active:focus,
.CommunicationPreviewInfo .TextButton.dropdown-toggle.show:focus,
.btn-check:checked + .CommunicationPreviewInfo .RadUpload.RadUpload .ruButton:focus,
.btn-check:active + .CommunicationPreviewInfo .RadUpload.RadUpload .ruButton:focus,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton:active:focus,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton.active:focus,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton.dropdown-toggle.show:focus,
.btn-check:checked + .CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.btn-check:active + .CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton:active:focus,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton.active:focus,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton.dropdown-toggle.show:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(34, 34, 34, 0.5);
}
.CommunicationPreviewInfo .btn:disabled, .CommunicationPreviewInfo .btn.disabled, .CommunicationPreviewInfo .btn.aspNetDisabled,
.CommunicationPreviewInfo .TextButton:disabled,
.CommunicationPreviewInfo .TextButton.disabled,
.CommunicationPreviewInfo .TextButton.aspNetDisabled,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton:disabled,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton.disabled,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruButton.aspNetDisabled,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled,
.CommunicationPreviewInfo .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled {
  color: #222;
  background-color: transparent;
}
.CommunicationPreviewInfo .RadGrid.RadGrid input.TextButton.PrimaryButton,
.CommunicationPreviewInfo .RadGrid.RadGrid a.TextButton.PrimaryButton {
  background-color: #80d8b0;
  color: #222;
}
.CommunicationPreviewInfo .RadUpload.RadUpload .ruBrowse,
.CommunicationPreviewInfo .RadUpload.RadUpload .ruRemove {
  height: auto;
  padding: 5px 10px;
  line-height: 1.428571429;
  border-radius: 20px;
}
.CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton) {
  border-color: #fff;
  background-color: transparent;
}
.CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton), .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton):hover, .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton):focus, .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton):active, .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton):visited {
  text-decoration: none;
}
.CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton), .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton):visited {
  color: #fff;
}
.CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton):hover {
  color: #222;
  background-color: #fff;
  border-color: #fff;
}
.CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton):focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
}
.btn-check:checked + .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton), .btn-check:active + .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton), .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton):active, .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton).active, .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton).dropdown-toggle.show {
  color: #222;
  background-color: #fff;
  border-color: #fff;
}
.btn-check:checked + .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton):focus, .btn-check:active + .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton):focus, .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton):active:focus, .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton).active:focus, .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
}
.CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton):disabled, .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton).disabled, .CommunicationPreviewInfo .SignInPage .TextButton:not(.PrimaryButton).aspNetDisabled {
  color: #fff;
  background-color: transparent;
}
.CommunicationPreviewInfo .PrimaryButton,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton {
  background-color: #80d8b0;
  border-color: transparent;
}
.CommunicationPreviewInfo .PrimaryButton, .CommunicationPreviewInfo .PrimaryButton:hover, .CommunicationPreviewInfo .PrimaryButton:focus, .CommunicationPreviewInfo .PrimaryButton:active, .CommunicationPreviewInfo .PrimaryButton:visited,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton:hover,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton:focus,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton:active,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton:visited,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton:hover,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton:focus,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton:active,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton:visited {
  text-decoration: none;
}
.CommunicationPreviewInfo .PrimaryButton, .CommunicationPreviewInfo .PrimaryButton:visited,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton:visited,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton:visited {
  color: #222;
}
.CommunicationPreviewInfo .PrimaryButton:hover, .CommunicationPreviewInfo .PrimaryButton:focus, .CommunicationPreviewInfo .PrimaryButton:active,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton:hover,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton:focus,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton:active,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton:hover,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton:focus,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton:active {
  color: #222;
  text-decoration: none;
  background-color: #61ce9d;
  border-color: rgba(0, 0, 0, 0);
}
.CommunicationPreviewInfo .PrimaryButton:active,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton:active,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton:active {
  background-image: none;
}
.CommunicationPreviewInfo .PrimaryButton:disabled, .CommunicationPreviewInfo .PrimaryButton:disabled:hover, .CommunicationPreviewInfo .PrimaryButton:disabled:focus, .CommunicationPreviewInfo .PrimaryButton:disabled:active, .CommunicationPreviewInfo .PrimaryButton.disabled, .CommunicationPreviewInfo .PrimaryButton.disabled:hover, .CommunicationPreviewInfo .PrimaryButton.disabled:focus, .CommunicationPreviewInfo .PrimaryButton.disabled:active, .CommunicationPreviewInfo .PrimaryButton.aspNetDisabled, .CommunicationPreviewInfo .PrimaryButton.aspNetDisabled:hover, .CommunicationPreviewInfo .PrimaryButton.aspNetDisabled:focus, .CommunicationPreviewInfo .PrimaryButton.aspNetDisabled:active,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton:disabled,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton:disabled:hover,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton:disabled:focus,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton:disabled:active,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton.disabled,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton.disabled:hover,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton.disabled:focus,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton.disabled:active,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton.aspNetDisabled,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton.aspNetDisabled:hover,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton.aspNetDisabled:focus,
.CommunicationPreviewInfo .UsePrimaryButton .TextButton.aspNetDisabled:active,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton:disabled,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton:disabled:hover,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton:disabled:focus,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton:disabled:active,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton.disabled,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton.disabled:hover,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton.disabled:focus,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton.disabled:active,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton.aspNetDisabled,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton.aspNetDisabled:hover,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton.aspNetDisabled:focus,
.CommunicationPreviewInfo .RadGrid input.PrimaryButton.aspNetDisabled:active {
  color: #222;
  background-color: #80d8b0;
  border-color: transparent;
}
.CommunicationPreviewInfo .TextButton.Facebook {
  background-color: #3b5998;
  border-color: transparent;
}
.CommunicationPreviewInfo .TextButton.Facebook, .CommunicationPreviewInfo .TextButton.Facebook:hover, .CommunicationPreviewInfo .TextButton.Facebook:focus, .CommunicationPreviewInfo .TextButton.Facebook:active, .CommunicationPreviewInfo .TextButton.Facebook:visited {
  text-decoration: none;
}
.CommunicationPreviewInfo .TextButton.Facebook, .CommunicationPreviewInfo .TextButton.Facebook:visited {
  color: #fff;
}
.CommunicationPreviewInfo .TextButton.Facebook:hover, .CommunicationPreviewInfo .TextButton.Facebook:focus, .CommunicationPreviewInfo .TextButton.Facebook:active {
  color: #fff;
  text-decoration: none;
  background-color: #30487b;
  border-color: rgba(0, 0, 0, 0);
}
.CommunicationPreviewInfo .TextButton.Facebook:active {
  background-image: none;
}
.CommunicationPreviewInfo .TextButton.Facebook:disabled, .CommunicationPreviewInfo .TextButton.Facebook:disabled:hover, .CommunicationPreviewInfo .TextButton.Facebook:disabled:focus, .CommunicationPreviewInfo .TextButton.Facebook:disabled:active, .CommunicationPreviewInfo .TextButton.Facebook.disabled, .CommunicationPreviewInfo .TextButton.Facebook.disabled:hover, .CommunicationPreviewInfo .TextButton.Facebook.disabled:focus, .CommunicationPreviewInfo .TextButton.Facebook.disabled:active, .CommunicationPreviewInfo .TextButton.Facebook.aspNetDisabled, .CommunicationPreviewInfo .TextButton.Facebook.aspNetDisabled:hover, .CommunicationPreviewInfo .TextButton.Facebook.aspNetDisabled:focus, .CommunicationPreviewInfo .TextButton.Facebook.aspNetDisabled:active {
  color: #fff;
  background-color: #3b5998;
  border-color: transparent;
}
.CommunicationPreviewInfo .SignInButton.LinkedIn {
  background-color: #0077b5;
  border-color: transparent;
}
.CommunicationPreviewInfo .SignInButton.LinkedIn, .CommunicationPreviewInfo .SignInButton.LinkedIn:hover, .CommunicationPreviewInfo .SignInButton.LinkedIn:focus, .CommunicationPreviewInfo .SignInButton.LinkedIn:active, .CommunicationPreviewInfo .SignInButton.LinkedIn:visited {
  text-decoration: none;
}
.CommunicationPreviewInfo .SignInButton.LinkedIn, .CommunicationPreviewInfo .SignInButton.LinkedIn:visited {
  color: #fff;
}
.CommunicationPreviewInfo .SignInButton.LinkedIn:hover, .CommunicationPreviewInfo .SignInButton.LinkedIn:focus, .CommunicationPreviewInfo .SignInButton.LinkedIn:active {
  color: #fff;
  text-decoration: none;
  background-color: #005c8c;
  border-color: rgba(0, 0, 0, 0);
}
.CommunicationPreviewInfo .SignInButton.LinkedIn:active {
  background-image: none;
}
.CommunicationPreviewInfo .SignInButton.LinkedIn:disabled, .CommunicationPreviewInfo .SignInButton.LinkedIn:disabled:hover, .CommunicationPreviewInfo .SignInButton.LinkedIn:disabled:focus, .CommunicationPreviewInfo .SignInButton.LinkedIn:disabled:active, .CommunicationPreviewInfo .SignInButton.LinkedIn.disabled, .CommunicationPreviewInfo .SignInButton.LinkedIn.disabled:hover, .CommunicationPreviewInfo .SignInButton.LinkedIn.disabled:focus, .CommunicationPreviewInfo .SignInButton.LinkedIn.disabled:active, .CommunicationPreviewInfo .SignInButton.LinkedIn.aspNetDisabled, .CommunicationPreviewInfo .SignInButton.LinkedIn.aspNetDisabled:hover, .CommunicationPreviewInfo .SignInButton.LinkedIn.aspNetDisabled:focus, .CommunicationPreviewInfo .SignInButton.LinkedIn.aspNetDisabled:active {
  color: #fff;
  background-color: #0077b5;
  border-color: transparent;
}
.CommunicationPreviewInfo .SmallButton,
.CommunicationPreviewInfo .UseSmallButton .TextButton {
  font-size: 85%;
  padding: 3px 8px;
  border-radius: 16px;
}
.CommunicationPreviewInfo .MediumButton,
.CommunicationPreviewInfo .UseMediumButton .TextButton {
  font-size: 120%;
  padding: 9px 14px;
  border-radius: 32px;
}
.CommunicationPreviewInfo .LargeButton,
.CommunicationPreviewInfo .UseLargeButton .TextButton {
  font-size: 150%;
  padding: 12px 17px;
  border-radius: 40px;
}
.CommunicationPreviewInfo .FullWidthButton,
.CommunicationPreviewInfo .UseFullWidthButton .TextButton {
  width: 100%;
}
.CommunicationPreviewInfo .LinkButton {
  -webkit-appearance: none !important;
  background: transparent !important;
  color: #005e7d;
  text-shadow: none;
  box-shadow: none;
  border: none;
  font-weight: normal;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 1.428571429;
  border-radius: 20px;
  color: #005e7d;
  text-decoration: none;
}
.CommunicationPreviewInfo .LinkButton:visited {
  color: #005e7d;
}
.CommunicationPreviewInfo .LinkButton:hover, .CommunicationPreviewInfo .LinkButton:focus, .CommunicationPreviewInfo .LinkButton:active {
  color: #00374a;
  text-decoration: underline;
}
.CommunicationPreviewInfo .LinkButton.aspNetDisabled, .CommunicationPreviewInfo .LinkButton.aspNetDisabled:hover, .CommunicationPreviewInfo .LinkButton.aspNetDisabled:focus, .CommunicationPreviewInfo .LinkButton.aspNetDisabled:active, .CommunicationPreviewInfo .LinkButton.aspNetDisabled:visited, .CommunicationPreviewInfo .LinkButton:disabled, .CommunicationPreviewInfo .LinkButton:disabled:hover, .CommunicationPreviewInfo .LinkButton:disabled:focus, .CommunicationPreviewInfo .LinkButton:disabled:active, .CommunicationPreviewInfo .LinkButton:disabled:visited {
  color: #666;
  text-decoration: none;
}
@media (min-width: 992px) {
  .CommunicationPreviewInfo .StandardButtonMd {
    padding: 5px 10px;
    font-size: 15px;
    line-height: 1.428571429;
    border-radius: 20px;
  }
}
.CommunicationPreviewInfo .DangerButton {
  border-color: #d03528;
  background-color: transparent;
}
.CommunicationPreviewInfo .DangerButton, .CommunicationPreviewInfo .DangerButton:hover, .CommunicationPreviewInfo .DangerButton:focus, .CommunicationPreviewInfo .DangerButton:active, .CommunicationPreviewInfo .DangerButton:visited {
  text-decoration: none;
}
.CommunicationPreviewInfo .DangerButton, .CommunicationPreviewInfo .DangerButton:visited {
  color: #d03528;
}
.CommunicationPreviewInfo .DangerButton:hover {
  color: #fff;
  background-color: #d03528;
  border-color: #d03528;
}
.CommunicationPreviewInfo .DangerButton:focus {
  box-shadow: 0 0 0 0.25rem rgba(208, 53, 40, 0.5);
}
.btn-check:checked + .CommunicationPreviewInfo .DangerButton, .btn-check:active + .CommunicationPreviewInfo .DangerButton, .CommunicationPreviewInfo .DangerButton:active, .CommunicationPreviewInfo .DangerButton.active, .CommunicationPreviewInfo .DangerButton.dropdown-toggle.show {
  color: #fff;
  background-color: #d03528;
  border-color: #d03528;
}
.btn-check:checked + .CommunicationPreviewInfo .DangerButton:focus, .btn-check:active + .CommunicationPreviewInfo .DangerButton:focus, .CommunicationPreviewInfo .DangerButton:active:focus, .CommunicationPreviewInfo .DangerButton.active:focus, .CommunicationPreviewInfo .DangerButton.dropdown-toggle.show:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(208, 53, 40, 0.5);
}
.CommunicationPreviewInfo .DangerButton:disabled, .CommunicationPreviewInfo .DangerButton.disabled, .CommunicationPreviewInfo .DangerButton.aspNetDisabled {
  color: #d03528;
  background-color: transparent;
}
.CommunicationPreviewInfo .SuccessButton {
  background-color: #5dae3f;
  border-color: transparent;
}
.CommunicationPreviewInfo .SuccessButton, .CommunicationPreviewInfo .SuccessButton:hover, .CommunicationPreviewInfo .SuccessButton:focus, .CommunicationPreviewInfo .SuccessButton:active, .CommunicationPreviewInfo .SuccessButton:visited {
  text-decoration: none;
}
.CommunicationPreviewInfo .SuccessButton, .CommunicationPreviewInfo .SuccessButton:visited {
  color: #fff;
}
.CommunicationPreviewInfo .SuccessButton:hover, .CommunicationPreviewInfo .SuccessButton:focus, .CommunicationPreviewInfo .SuccessButton:active {
  color: #fff;
  text-decoration: none;
  background-color: #4d9034;
  border-color: rgba(0, 0, 0, 0);
}
.CommunicationPreviewInfo .SuccessButton:active {
  background-image: none;
}
.CommunicationPreviewInfo .SuccessButton:disabled, .CommunicationPreviewInfo .SuccessButton:disabled:hover, .CommunicationPreviewInfo .SuccessButton:disabled:focus, .CommunicationPreviewInfo .SuccessButton:disabled:active, .CommunicationPreviewInfo .SuccessButton.disabled, .CommunicationPreviewInfo .SuccessButton.disabled:hover, .CommunicationPreviewInfo .SuccessButton.disabled:focus, .CommunicationPreviewInfo .SuccessButton.disabled:active, .CommunicationPreviewInfo .SuccessButton.aspNetDisabled, .CommunicationPreviewInfo .SuccessButton.aspNetDisabled:hover, .CommunicationPreviewInfo .SuccessButton.aspNetDisabled:focus, .CommunicationPreviewInfo .SuccessButton.aspNetDisabled:active {
  color: #fff;
  background-color: #5dae3f;
  border-color: transparent;
}
.CommunicationPreviewInfo :root {
  --auxiliary-nav-icon-color: hsl(194.7321428571deg, 100%, 32.9215686275%);
}
.CommunicationPreviewInfo h3, .CommunicationPreviewInfo .h3, .CommunicationPreviewInfo .SectionTitle,
.CommunicationPreviewInfo h4, .CommunicationPreviewInfo .h4, .CommunicationPreviewInfo .SectionLabel,
.CommunicationPreviewInfo h5, .CommunicationPreviewInfo .h5,
.CommunicationPreviewInfo h6, .CommunicationPreviewInfo .h6,
.CommunicationPreviewInfo .GridTitlePanel .Title {
  font-family: "Montserrat", "Open Sans", Helvetica Neue, Arial, sans-serif;
  font-weight: 500;
}
.CommunicationPreviewInfo .panel-heading.Distinguish, .CommunicationPreviewInfo h2, .CommunicationPreviewInfo .TitleBarCaption {
  border-bottom: none;
}
.CommunicationPreviewInfo .panel-heading-options .IconSprite,
.CommunicationPreviewInfo .panel-heading-options .panel-heading-collapse-img {
  margin-left: 4px;
  margin-right: 0;
}
.CommunicationPreviewInfo .panel-heading-collapse-img,
.CommunicationPreviewInfo .PanelHeadCollapseImage {
  opacity: 0.7;
}
.CommunicationPreviewInfo .panel-heading-collapse-img:hover,
.CommunicationPreviewInfo .PanelHeadCollapseImage:hover {
  opacity: 1;
}
.CommunicationPreviewInfo .panel-body {
  padding: 15px;
}
.CommunicationPreviewInfo .panel-heading.Distinguish {
  padding: 10px 15px;
}
.CommunicationPreviewInfo .panel-heading.Distinguish + .panel-body, .CommunicationPreviewInfo .panel-heading.Distinguish + .panel-body-container > .panel-body {
  padding-top: 0;
}
.ProgressTracker_Dashboard_Overview .CommunicationPreviewInfo .panel-heading.Distinguish {
  padding-top: 6px;
  padding-bottom: 6px;
}
.CommunicationPreviewInfo .panel-body > .cco {
  margin: -15px -15px -15px -15px;
}
.panel-heading.Distinguish + .panel-body-container .CommunicationPreviewInfo .panel-body > .cco {
  margin-top: 0;
}
.panel-border > .panel-body-container > .CommunicationPreviewInfo .panel-body > .cco {
  padding-top: 5px;
}
.CommunicationPreviewInfo .row {
  --bs-gutter-x: 40px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.CommunicationPreviewInfo .StaffDashboard .iMIS-WebPart > .ContentItemContainer,
.CommunicationPreviewInfo .StaffDashboard .WebPartZone > .ContentItemContainer {
  margin-bottom: 40px;
}
.CommunicationPreviewInfo label, .CommunicationPreviewInfo .Label, .CommunicationPreviewInfo .PanelFieldLabelFont, .CommunicationPreviewInfo .Significant {
  font-weight: 600;
}
.CommunicationPreviewInfo .GridCardStyle .RadGrid.RadGrid .rgRow, .CommunicationPreviewInfo .GridCardStyle .RadGrid.RadGrid .rgAltRow,
.CommunicationPreviewInfo .GridCardStyleNoHover .RadGrid.RadGrid .rgRow,
.CommunicationPreviewInfo .GridCardStyleNoHover .RadGrid.RadGrid .rgAltRow {
  border-radius: 5px;
}
.CommunicationPreviewInfo .Alerts .AlertSet, .CommunicationPreviewInfo .GridCardStyle .RadGrid.RadGrid .rgRow:hover, .CommunicationPreviewInfo .GridCardStyle .RadGrid.RadGrid .rgAltRow:hover,
.CommunicationPreviewInfo .panel-border,
.CommunicationPreviewInfo .panel-group .panel,
.CommunicationPreviewInfo .ContentBorder,
.CommunicationPreviewInfo .TagBrowserWrapper,
.CommunicationPreviewInfo .system-status-row,
.CommunicationPreviewInfo .card,
.CommunicationPreviewInfo .account-banner:before {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05);
}
.CommunicationPreviewInfo .panel-border,
.CommunicationPreviewInfo .card {
  border-color: transparent;
}
.CommunicationPreviewInfo .TagBrowserWrapper {
  border-radius: 0 0 3px 3px;
}
.CommunicationPreviewInfo .TagBrowserWrapper {
  border: 1px solid #ddd;
}
@media (max-width: 991px) {
  .CommunicationPreviewInfo .check-in-grid .check-in-row {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  }
}
.CommunicationPreviewInfo .NeutralShading {
  background-color: #fff;
}
.CommunicationPreviewInfo .panel-border .NeutralShading, .CommunicationPreviewInfo .EmptyMasterContentPanel .NeutralShading {
  background-color: #eeeeee;
}
.CommunicationPreviewInfo .GridCardStyle .RadGrid.RadGrid,
.CommunicationPreviewInfo .GridCardStyleNoHover .RadGrid.RadGrid {
  background-color: #fff;
  border: none;
  padding: 15px;
}
.CommunicationPreviewInfo .GridCardStyle .RadGrid.RadGrid .rgMasterTable,
.CommunicationPreviewInfo .GridCardStyleNoHover .RadGrid.RadGrid .rgMasterTable {
  background-color: transparent;
}
.CommunicationPreviewInfo .GridCardStyle .RadGrid.RadGrid .rgRow, .CommunicationPreviewInfo .GridCardStyle .RadGrid.RadGrid .rgAltRow,
.CommunicationPreviewInfo .GridCardStyleNoHover .RadGrid.RadGrid .rgRow,
.CommunicationPreviewInfo .GridCardStyleNoHover .RadGrid.RadGrid .rgAltRow {
  display: block;
  margin-bottom: 1em;
  border: 1px solid transparent;
  background-color: #f5f5f5;
  border-radius: 3px;
}
.CommunicationPreviewInfo .GridCardStyle .RadGrid.RadGrid .rgRow td, .CommunicationPreviewInfo .GridCardStyle .RadGrid.RadGrid .rgAltRow td,
.CommunicationPreviewInfo .GridCardStyleNoHover .RadGrid.RadGrid .rgRow td,
.CommunicationPreviewInfo .GridCardStyleNoHover .RadGrid.RadGrid .rgAltRow td {
  border: none;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.CommunicationPreviewInfo .GridCardStyle .panel-border .RadGrid.RadGrid,
.CommunicationPreviewInfo .GridCardStyleNoHover .panel-border .RadGrid.RadGrid {
  padding: 0;
}
.CommunicationPreviewInfo .GridCardStyle .RadGrid.RadGrid .rgRow:hover, .CommunicationPreviewInfo .GridCardStyle .RadGrid.RadGrid .rgAltRow:hover {
  border-color: #ddd;
}
.CommunicationPreviewInfo .Alerts .AlertItem {
  background-color: #fff;
}
.CommunicationPreviewInfo .dropdown .caret {
  content: "";
  display: block;
  background-color: #d0e4ea;
}
.CommunicationPreviewInfo .dropdown .caret {
  width: 16px;
  height: 16px;
  border: none;
  display: inline-block;
  background-position: -208.8px 0;
}
.CommunicationPreviewInfo .Wrapper-StaffSignIn {
  background: hsl(194.7321428571, 100%, 15%);
}
.CommunicationPreviewInfo .Wrapper-StaffSignIn .sidebar-fixed .nav-expanded .col-secondary, .CommunicationPreviewInfo .Wrapper-StaffSignIn .mobile-navigation,
.CommunicationPreviewInfo .Wrapper-StaffSignIn .col-secondary, .CommunicationPreviewInfo .Wrapper-StaffSignIn .sidebar, .CommunicationPreviewInfo .Wrapper-StaffSignIn .header {
  display: none;
}
.CommunicationPreviewInfo .Wrapper-StaffSignIn .footer-main .footer-inner {
  border: none;
}
.CommunicationPreviewInfo .Wrapper-StaffSignIn .footer-main .footer-inner a {
  color: #fff;
}
.CommunicationPreviewInfo .Wrapper-StaffSignIn .nav-expanded.js-nav-sticky .col-primary,
.CommunicationPreviewInfo .Wrapper-StaffSignIn .nav-expanded.js-nav-sticky .footer-main {
  margin-left: 0;
}
.CommunicationPreviewInfo .Wrapper-StaffSignIn .footer-main {
  position: absolute;
  z-index: 10;
}
.CommunicationPreviewInfo .Wrapper-StaffSignIn .col-primary {
  position: relative;
  background: hsl(194.7321428571, 100%, 15%);
  overflow: hidden;
  display: flex;
  margin: 0;
}
.CommunicationPreviewInfo .Wrapper-StaffSignIn .col-primary:before, .CommunicationPreviewInfo .Wrapper-StaffSignIn .col-primary:after {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(-35deg);
}
@media (min-width: 992px) {
  .CommunicationPreviewInfo .Wrapper-StaffSignIn .col-primary:before, .CommunicationPreviewInfo .Wrapper-StaffSignIn .col-primary:after {
    width: 100vw;
  }
}
.CommunicationPreviewInfo .Wrapper-StaffSignIn .col-primary:before {
  top: -150vh;
  left: -50vw;
  width: 150vw;
  height: 300vh;
  background: url(images/triangles.svg) top left repeat-y;
  background-size: 200%;
  mix-blend-mode: difference;
  -webkit-filter: brightness(0.3);
  filter: brightness(0.3);
  opacity: 0.45;
  z-index: 2;
}
@media (min-width: 992px) {
  .CommunicationPreviewInfo .Wrapper-StaffSignIn .col-primary:before {
    background-size: 100vw;
  }
}
.CommunicationPreviewInfo .Wrapper-StaffSignIn .col-primary:after {
  width: 150vw;
  height: 150vh;
  bottom: -50vh;
  right: -50vw;
  background: linear-gradient(0deg, #002632 65%, rgba(0, 38, 50, 0) 90%, rgba(0, 38, 50, 0) 60%);
  z-index: 3;
}
.CommunicationPreviewInfo .Wrapper-StaffSignIn .col-primary input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.CommunicationPreviewInfo .Wrapper-StaffSignIn .col-primary input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.t-ie .CommunicationPreviewInfo .Wrapper-StaffSignIn .col-primary:before {
  width: 250vw;
  background-size: 100%;
}
@media (min-width: 768px) {
  .t-ie .CommunicationPreviewInfo .Wrapper-StaffSignIn .col-primary:before {
    background-size: 250vw;
  }
}
@media (min-width: 992px) {
  .t-ie .CommunicationPreviewInfo .Wrapper-StaffSignIn .col-primary:before {
    width: 300vw;
    background-size: 200vw;
  }
}
.CommunicationPreviewInfo .Wrapper-StaffSignIn .main {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  animation: appear-zoom-out-with-delay 2s ease-in 0.5s 1 forwards;
  z-index: 99;
  min-height: 100vh;
}
@media (min-width: 768px) {
  .CommunicationPreviewInfo .Wrapper-StaffSignIn .main {
    width: 60%;
  }
}
.CommunicationPreviewInfo .Wrapper-StaffSignIn .main > div {
  width: 100%;
}
.CommunicationPreviewInfo .Wrapper-StaffSignIn .col-primary,
.CommunicationPreviewInfo .Wrapper-StaffSignIn .footer-main {
  margin-left: 0;
}
@media (min-width: 992px) {
  html:not(.js-touch-device) .CommunicationPreviewInfo .Wrapper-StaffSignIn .col-primary,
  html:not(.js-touch-device) .CommunicationPreviewInfo .Wrapper-StaffSignIn .footer-main {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .nav-expanded.js-nav-sticky .CommunicationPreviewInfo .Wrapper-StaffSignIn .col-primary,
  .nav-expanded.js-nav-sticky .CommunicationPreviewInfo .Wrapper-StaffSignIn .footer-main {
    margin-left: 0;
  }
}
.CommunicationPreviewInfo .SignInPageLogo {
  margin: 0 auto;
  max-width: 20em;
  text-align: center;
}
.CommunicationPreviewInfo .SignInPageLogo img {
  margin: 20px;
  max-width: 260px;
}
.CommunicationPreviewInfo .SignInPageLogo h1 {
  color: #fff;
  font-size: 2.5em;
  position: relative;
}
@media (min-width: 992px) {
  .CommunicationPreviewInfo .SignInPageLogo {
    max-width: 25em;
    text-align: left;
  }
  .CommunicationPreviewInfo .SignInPageLogo img {
    margin: 20px 0;
  }
  .CommunicationPreviewInfo .SignInPageLogo h1 {
    font-size: 2.3vw;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    padding: 10px 0 0 20px;
    margin-left: -20px;
  }
  .CommunicationPreviewInfo .SignInPageLogo h1:before {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    left: -52px;
    width: 60px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 95%);
    transform: rotate(40deg);
  }
  .CommunicationPreviewInfo .SignInPageLogo h1:after {
    content: "";
    display: block;
    position: absolute;
    top: 21px;
    right: -62px;
    width: 70px;
    height: 1px;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 95%);
    transform: rotate(40deg);
  }
}
.CommunicationPreviewInfo .SignInPage, .CommunicationPreviewInfo .SignInPage label, .CommunicationPreviewInfo .SignInPage .Label, .CommunicationPreviewInfo .SignInPage a:link, .CommunicationPreviewInfo .SignInPage .Info {
  color: #fff;
}
.CommunicationPreviewInfo .SignInPage .SignIn {
  max-width: 20em;
}
@respond-to ("grids large") {
  .CommunicationPreviewInfo .SignInPage .SignIn {
    margin-left: 30px;
  }
}
.CommunicationPreviewInfo .SignInPage .panel-heading.Distinguish {
  border-bottom: none;
  text-align: center;
  padding-bottom: 0;
}
.CommunicationPreviewInfo .SignInPage .panel {
  background: transparent;
  border: none;
}
.CommunicationPreviewInfo .SignInPage .panel.panel-border {
  box-shadow: none;
}
.CommunicationPreviewInfo .SignInPage .LineThru {
  color: #002632;
}
.CommunicationPreviewInfo .SignInPage label.contact-signin-label, .CommunicationPreviewInfo .SignInPage h2 {
  position: absolute;
  left: -10000px;
}
.CommunicationPreviewInfo .SignInPage div[id*=forgotPasswordUserLinkDiv] {
  display: none;
}
.CommunicationPreviewInfo .SignInPage input[type=text], .CommunicationPreviewInfo .SignInPage input[type=password], .CommunicationPreviewInfo .SignInPage[type=submit] {
  font-size: 16px;
  height: 45px;
  color: #fff;
  background-color: #002633;
}
.CommunicationPreviewInfo .SignInPage input[type=text]:focus, .CommunicationPreviewInfo .SignInPage input[type=text]:hover, .CommunicationPreviewInfo .SignInPage input[type=password]:focus, .CommunicationPreviewInfo .SignInPage input[type=password]:hover, .CommunicationPreviewInfo .SignInPage[type=submit]:focus, .CommunicationPreviewInfo .SignInPage[type=submit]:hover {
  transition: all 0.2s ease-in;
  transform: scale(1.01);
}
.CommunicationPreviewInfo .SignInPage input[type=text]::placeholder, .CommunicationPreviewInfo .SignInPage input[type=password]::placeholder, .CommunicationPreviewInfo .SignInPage[type=submit]::placeholder {
  color: #fff;
}
.CommunicationPreviewInfo .SignInPage input[type=text], .CommunicationPreviewInfo .SignInPage input[type=text]:-webkit-autofill, .CommunicationPreviewInfo .SignInPage input[type=password], .CommunicationPreviewInfo .SignInPage input[type=password]:-webkit-autofill {
  border: 1px solid #e2e9f2;
  -webkit-box-shadow: 0 0 0 30px hsl(194.7321428571, 100%, 15%) inset;
  -webkit-text-fill-color: #fff;
  background: rgba(169, 172, 180, 0.2);
}
.CommunicationPreviewInfo .SignInPage input[type=submit] {
  width: 50%;
  display: block;
}
.CommunicationPreviewInfo .SignInPage .forgot-link-field input {
  padding-right: 75px;
}
.CommunicationPreviewInfo .SignInPage .forgot-link-field a, .CommunicationPreviewInfo .SignInPage .forgot-link-field a:hover {
  display: block;
  color: #fff;
}
.CommunicationPreviewInfo .PersonDisplay.SelectedItem a, .CommunicationPreviewInfo .PersonDisplay.SelectedItem a:hover, .CommunicationPreviewInfo .PersonDisplay.SelectedItem a:focus, .CommunicationPreviewInfo .PersonDisplay.SelectedItem a:active {
  color: #222;
}
.CommunicationPreviewInfo .bg-img-conference-tall {
  background-color: #081337;
  background-image: url("../../images/samples/annualconference/conferencebannertall.jpg");
}
.CommunicationPreviewInfo .bg-img-conference-small {
  background-color: #081337;
  background-image: url("../../images/samples/member/cairnsnight.jpg");
}
.CommunicationPreviewInfo .bg-img-tiger-tall {
  background-color: #04080B;
  background-image: url("../../images/samples/donor/tiger-tall.jpg");
  background-position: center center;
}
.CommunicationPreviewInfo .banner-tall, .CommunicationPreviewInfo .banner-short {
  text-decoration: none;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 5px;
}
.CommunicationPreviewInfo .banner-tall, .CommunicationPreviewInfo .banner-tall:visited, .CommunicationPreviewInfo .banner-tall:active, .CommunicationPreviewInfo .banner-tall:hover, .CommunicationPreviewInfo .banner-tall:focus, .CommunicationPreviewInfo .banner-tall h2, .CommunicationPreviewInfo .banner-short, .CommunicationPreviewInfo .banner-short:visited, .CommunicationPreviewInfo .banner-short:active, .CommunicationPreviewInfo .banner-short:hover, .CommunicationPreviewInfo .banner-short:focus, .CommunicationPreviewInfo .banner-short h2 {
  color: #fff;
}
.CommunicationPreviewInfo .banner-text h2 {
  font-size: 100%;
}
.CommunicationPreviewInfo .banner-tall {
  height: 500px;
  max-width: 300px;
}
.CommunicationPreviewInfo .banner-tall .banner-text {
  position: absolute;
  bottom: 0;
  padding: 10px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 0 0 5px 5px;
}
.CommunicationPreviewInfo .banner-short {
  min-height: 150px;
  max-width: 300px;
}
.CommunicationPreviewInfo .banner-short .banner-text {
  padding: 5px;
  min-height: 150px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.CommunicationPreviewInfo .PanelEditorReadOnlyForm .Label, .CommunicationPreviewInfo .PanelEditorEditForm label, .CommunicationPreviewInfo .PanelEditorEditForm .Label,
.CommunicationPreviewInfo .StylizedLabels .Label, .CommunicationPreviewInfo .Stylized.Labels label {
  font-weight: normal;
  font-size: 90%;
  color: #626262;
}
.CommunicationPreviewInfo .PanelEditorReadOnlyForm .PanelField,
.CommunicationPreviewInfo .PanelEditorEditForm .PanelField,
.CommunicationPreviewInfo .PanelFieldsBorderBottom .PanelField {
  border-bottom: 1px dotted #ddd;
}
.CommunicationPreviewInfo .PanelEditorReadOnlyForm .PanelField .PanelFieldValue,
.CommunicationPreviewInfo .PanelEditorEditForm .PanelField .PanelFieldValue,
.CommunicationPreviewInfo .PanelFieldsBorderBottom .PanelField .PanelFieldValue {
  min-height: 1.4em;
}
.CommunicationPreviewInfo .PanelEditorReadOnlyForm .TwoColumns, .CommunicationPreviewInfo .PanelEditorReadOnlyForm .ThreeColumns,
.CommunicationPreviewInfo .PanelEditorEditForm .TwoColumns,
.CommunicationPreviewInfo .PanelEditorEditForm .ThreeColumns {
  padding-right: 2em;
}
.CommunicationPreviewInfo .mini-profile a.SectionLabel {
  /* make sure the clickable contact name looks like a link */
  text-decoration: underline;
}
.CommunicationPreviewInfo .organization-selector {
  width: 100%;
  background-color: #007fa8;
  color: #fff;
  border: 0;
  min-height: 50px;
  font-weight: 600;
}
.CommunicationPreviewInfo .organization-selector:hover, .CommunicationPreviewInfo .organization-selector:active, .CommunicationPreviewInfo .organization-selector:focus {
  background-color: #00607f;
}
.CommunicationPreviewInfo .PlusLink:after,
.CommunicationPreviewInfo .PlusFeature label:after {
  background-color: #5dae3f;
}
.CommunicationPreviewInfo a.logo {
  width: 110px;
  height: 35.2px;
}
.CommunicationPreviewInfo .RecentHistoryListHorizontal > li > a {
  font-size: 85%;
  padding: 3px 8px;
  border-radius: 16px;
  border: 2px solid transparent;
}
.CommunicationPreviewInfo .RecentHistoryListHorizontal > li.RecentHistoryItem > a {
  text-decoration: none;
  background-color: #fff;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05);
}
.CommunicationPreviewInfo .RecentHistoryListHorizontal > li.RecentHistoryItem > a:hover, .CommunicationPreviewInfo .RecentHistoryListHorizontal > li.RecentHistoryItem > a:active {
  border-color: #002632;
  text-decoration: none;
}
.CommunicationPreviewInfo .panel-border .RecentHistoryListHorizontal > li.RecentHistoryItem > a, .CommunicationPreviewInfo .EmptyMasterContentPanel .RecentHistoryListHorizontal > li.RecentHistoryItem > a {
  background-color: #eeeeee;
  box-shadow: none;
}
.CommunicationPreviewInfo #RadWindowWrapper_robot-assistant-window .rwTitleRow .rwCorner,
.CommunicationPreviewInfo #RadWindowWrapper_robot-assistant-window .rwTitleRow .rwTitlebar {
  background: none;
}
.CommunicationPreviewInfo #RadWindowWrapper_robot-assistant-window .rwTitleRow {
  background: linear-gradient(90deg, #5e3d7e 0%, #0096c7 67%, #0096c7 100%);
}
.CommunicationPreviewInfo #RadWindowWrapper_robot-assistant-window .rwTable .rwTitlebarControls em {
  color: #fff;
}
.CommunicationPreviewInfo #RadWindowWrapper_robot-assistant-window .rwTable .rwControlButtons li a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: transparent;
}
.CommunicationPreviewInfo #RadWindowWrapper_robot-assistant-window .rwTable, .CommunicationPreviewInfo #RadWindowWrapper_robot-assistant-window .rwWindowContent {
  background-color: #E8EBF0;
}/*# sourceMappingURL=50-Communication_Preview.css.map */