@charset "UTF-8";
/*SASS Media Portal Global Styles*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
@import '/ui/static/assets/css/fonts/font-awesome-5.0/web-fonts-with-css/css/fontawesome-all-cf8712929091f52d343534d0f73205f0.css';
@import '/ui/static/assets/css/fonts/Inter-3.13/inter-df2e18787b80dfe46075eec6f283df07.css';
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove focus outline
 */
input:focus,
button:focus,
div:focus {
  outline: 0px;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* * * * * * * * *\
 *  Base Colors  *
\* * * * * * * * */
/*Non-Color Pallette Colors*/
/*Style Guide:: Font-standard*/
/*Not In Style Guide:: Used as Alternate Link Color*/
/*Not In Style Guide:: Standard Green color. Used in some font classes*/
/*Not In Style Guide:: Burnt Orange Color Used for Special Message Fonts on Login Page*/
/*Not In Style Guide:: Used in the Login Page, as Dropdown border. Chart Tooltip Border*/
/*Style Guide:: Tab-alt1-inactive*/
/*Used on Home Page, for Carousel Selection Indicators*/
/*Style Guide:: Grid-primary-border, Content-section-borders*/
/* Used for hover over on user chain link on access groups edit tab - user list */
/* Used for user chain link on access groups edit tab - user list */
/*Style Guide:: Message-Error-Primary-Background*/
/*Style Guide:: Button-Primary-Select-Background*/
/*Style Guide:: Font-Button-primary-Select*/
/*Style Guide:: Button-primary-background*/
/*Not In Style Guide:: Used for partial success message background color.*/
/*Style Guide:: Font-Dialog-Button-Inactive*/
/*Used for selected state in dropdown*/
/*Style Guide:: Grid-primary-cell-divider*/
/*Not In Style Guide:: Used for Multi-Factor Authentication fields on login page.*/
/*Dark Grays*/
/*Medium Grays*/
/*Light Grays*/
/*Used for the standard HTML Page Background color, Tab-alt1-selected, Tab-primary-selected, Content-window-background*/
/*Extra Colors*/
/*Updated Colors*/
/*Blues*/
/*Green*/
/*Gray*/
/* * * * * * * * * * * * * *\
 *    Style Guide Colors   *
\* * * * * * * * * * * * * */
/* * * * * * *\
 *    Base	 *
 *  Classes  *
\* * * * * * */
.mp-color-green-blaze {
  background-color: #009d4a;
}

.mp-color-base-green-cl-mint {
  background-color: #48d597;
}

.mp-color-base-blue-cl-vibrant {
  background-color: #0047bb;
}

.mp-color-base-blue-cl-navy {
  background-color: #001e60;
}

.mp-color-base-white {
  background-color: #ffffff;
}

.mp-color-base-cl-medium-gray {
  background-color: #72767a;
}

.mp-color-base-black {
  background-color: #000000;
}

.mp-color-base-cl-success-graphic {
  background-color: #12995f;
}

.mp-color-base-cl-success-text {
  background-color: #097a49;
}

.mp-color-base-cl-warning-graphic {
  background-color: #c97d12;
}

.mp-color-base-cl-warning-text {
  background-color: #a66102;
}

.mp-color-base-cl-danger-graphic {
  background-color: #de1b21;
}

.mp-color-base-cl-danger-text {
  background-color: #b50d12;
}

.mp-color-base-gray-secondary {
  background-color: #dddfe0;
}

.mp-color-base-gray-100 {
  background-color: #242526;
}

.mp-color-base-gray-90 {
  background-color: #313336;
}

.mp-color-base-gray-80 {
  background-color: #3f4145;
}

.mp-color-base-gray-70 {
  background-color: #53565a;
}

.mp-color-base-gray-60 {
  background-color: #72767a;
}

.mp-color-base-gray-50 {
  background-color: #8e9399;
}

.mp-color-base-gray-40 {
  background-color: #acb0b5;
}

.mp-color-base-gray-30 {
  background-color: #d0d4d9;
}

.mp-color-base-gray-20 {
  background-color: #edf0f2;
}

.mp-color-base-gray-10 {
  background-color: #f8f9f9;
}

/*Non-Color Pallette Colors*/
.mp-color-mine-shaft {
  background-color: #333333;
}

.mp-color-bright-gray {
  background-color: #383d45;
}

.mp-color-laurel {
  background-color: #008000;
}

.mp-color-indochine {
  background-color: #cc7a00;
}

.mp-color-alto-judgment-day {
  background-color: #d0d0d0;
}

.mp-color-alto-malto {
  background-color: #d1d1d1;
}

.mp-color-alto-reloaded {
  background-color: #d7d7d7;
}

.mp-color-alto {
  background-color: #dddcdc;
}

.mp-color-maltesers {
  background-color: #2264af;
}

.mp-color-indigo-windigo {
  background-color: #468ed0;
}

.mp-color-wafer {
  background-color: #dcccce;
}

.mp-color-teal-blue {
  background-color: #064569;
}

.mp-color-matisse {
  background-color: #2277a8;
}

.mp-color-curious-blue {
  background-color: #3ea1da;
}

.mp-color-colonial-white {
  background-color: #eee0a5;
}

.mp-color-gray-scaling-all-over-again {
  background-color: #888888;
}

.mp-color-ie-selected {
  background-color: #e5e8e9;
}

.mp-color-mystic {
  background-color: #dce4eb;
}

.mp-color-rainee {
  background-color: #baccac;
}

/*Dark Grays*/
.mp-color-rolling-stone {
  background-color: #7b7e80;
}

.mp-color-nevada {
  background-color: #6e7072;
}

.mp-color-shuttle-gray {
  background-color: #616365;
}

.mp-color-abbey {
  background-color: #545557;
}

/*Medium Grays*/
.mp-color-silver-sand {
  background-color: #bebfc0;
}

.mp-color-bombay {
  background-color: #b1b2b3;
}

.mp-color-gray-chateau {
  background-color: #a5a6a7;
}

.mp-color-oslo-gray {
  background-color: #9a9b9c;
}

.mp-color-oslo-origins {
  background-color: #8e8f90;
}

/*Light Grays*/
.mp-color-hint-of-red {
  background-color: #fcfbfb;
}

.mp-color-gallery {
  background-color: #efefef;
}

.mp-color-mercury {
  background-color: #e2e2e2;
}

.mp-color-alto-reckoning {
  background-color: #d6d5d5;
}

.mp-color-silver {
  background-color: #c9c9c9;
}

/*Extra Colors*/
.mp-color-transparent {
  background-color: transparent;
}

.mp-color-white {
  background-color: #ffffff;
}

.mp-color-black {
  background-color: #000000;
}

.mp-color-cerulean {
  background-color: #0098db;
}

.mp-color-cornflower {
  background-color: #a0cfeb;
}

.mp-color-wattle {
  background-color: #ced64b;
}

.mp-color-sunglow {
  background-color: #fdc82f;
}

.mp-color-sunshade {
  background-color: #ffa02f;
}

.mp-color-orange {
  background-color: #ff6319;
}

.mp-color-crimson {
  background-color: #ed1c2e;
}

.mp-color-mandy {
  background-color: #ea4860;
}

.mp-color-merlot {
  background-color: #8b161f;
}

.mp-color-cardinal {
  background-color: #b01b2a;
}

/* * * * * *\
 *  Fonts  *
\* * * * * */
/* Used for date stamps on Level 3 News Home screen window */
/*Used on login screen, as a part of a unique element*/
/*Used on login screen, as a part of a unique element*/
/*Used on login screen, as a part of a unique element*/
/*Used on login screen, to make text fields look disabled*/
/*Used in User Profiles, as a part of the Auth Via Text Message */
/*Used for font awesome icons*/
.mp-color-font-standard {
  color: #333333;
}

.mp-color-font-alternate-1 {
  color: #6e7072;
}

.mp-color-font-alternate-2 {
  color: #8e8f90;
}

.mp-color-font-link-standard {
  color: #0047bb;
}

.mp-color-font-link-alternate-1 {
  color: #383d45;
}

.mp-color-font-link-disabled-standard {
  color: #b1b2b3;
}

.mp-color-font-green-standard {
  color: #008000;
}

.mp-color-font-orange-standard {
  color: #cc7a00;
}

.mp-color-font-red-standard {
  color: #b50d12;
}

.mp-color-font-disabled-standard {
  color: #545557;
}

.mp-color-font-gray-standard {
  color: #7b7e80;
}

.mp-color-font-icons-standard {
  color: #adadad;
}

.mp-color-font-icons-standard:hover {
  color: #3ea1da;
}

/* * * * * * *\
 *	 Labels	 *
\* * * * * * */
/* * * * * * *\
 *	Borders	 *
\* * * * * * */
/*Used for dotted line dividers on Support Tickets page*/
.mp-color-border-primary {
  border-color: #dddcdc;
}

.mp-color-border-alternate-1 {
  border-color: #d0d0d0;
}

.mp-color-border-alternate-2 {
  border-color: #bebfc0;
}

.mp-color-border-alternate-3 {
  border-color: #b1b2b3;
}

.mp-color-border-focus {
  border-color: #0075c9 !important;
}

/* * * * * * * *\
 *  Accordions *
\* * * * * * * */
/* * * * * * *\
 *	Divider	 *
\* * * * * * */
/* * * * * * *\
 *	Icons	 *
\* * * * * * */
/* * * * * * *\
 *	Inputs	 *
\* * * * * * */
/* * * * * * * * *\
 *  Date Picker  *
\* * * * * * * * */
/* * * * * * * * *\
 *  Date Picker  *
\* * * * * * * * */
/* * * * * * *\
 *  Buttons  *
\* * * * * * */
/* * * * * * *\
 * Carousels *
\* * * * * * */
/* * * * * *\
 *  Charts *
\* * * * * */
/* * * * * * * *\
 *  Containers *
\* * * * * * * */
/* * * * * * *\
 * Dropdowns *
\* * * * * * */
/*used on login page*/
/* Used on home page */
/* * * * * * * * *\
 * List Builders *
\* * * * * * * * */
/* * * * * * *\
 *  Headers  *
\* * * * * * */
/* Used on CDN Usage Reports*/
/* Used on Login page */
/* Used on Login page */
/* * * * * *\
 *  Grids  *
\* * * * * */
/* * * * * *\
 *  Table  *
\* * * * * */
/* * * * * * * *\
 *   loaders   *
\* * * * * * * */
/* * * * * * * *\
 *   Messages  *
\* * * * * * * */
/* * * * * * * *\
 *   Modals    *
\* * * * * * * */
/* * * * * * * *\
 * * * Nav * * *
\* * * * * * * */
/* * * * * * * *\
 * Text Boxes  *
\* * * * * * * */
/* * * * * * * *\
 *    Tabs     *
\* * * * * * * */
/* * * * * * * * *\
 *    Tooltips   *
\* * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * *\
 * name: _icons 								   *
 * desc: Import file which contains all classes	   *
 *	     used to add Icons to the portal		   *
\* * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * Export Icons * * */
.mp-icon-export-standard {
  background: transparent url('/ui/static/assets/images/exportButton-4e9434ec823dd27d8e21c21052122abe.png') no-repeat center center;
  height: 14px;
  width: 20px;
  cursor: pointer;
}

.mp-icon-export-standard:hover {
  background: transparent url('/ui/static/assets/images/exportHoverButton-36da1f33d85f2104c42a635ce08c3dd3.png') no-repeat center center;
}

.mp-icon-export-config-standard {
  background: transparent url('/ui/static/assets/images/exportConfig-b3e7ee8c959c58d76ccee3f08c6f4a8a.png') no-repeat center center;
  height: 17px;
  width: 21px;
  cursor: pointer;
}

.mp-icon-export-config-standard:hover {
  background: transparent url('/ui/static/assets/images/exportConfigOver-37d321ab91a956014495470013c3b27c.png') no-repeat center center;
}

/* * * Mail Icons * * */
.mp-icon-mail {
  background: transparent url('/ui/static/assets/images/mailButton-96af5b848cb61548d3d7b9c9ffbb3923.png') no-repeat center center;
  height: 14px;
  width: 20px;
  cursor: pointer;
}

.mp-icon-mail:hover {
  background: transparent url('/ui/static/assets/images/mailHoverButton-6b0ebbe1b60e6e74440d6c1c43210ed8.png') no-repeat center center;
}

/* * * Flag Icons * * */
.mp-icon-flag-red-standard {
  background: transparent url('/ui/static/assets/images/flagRed-c5abc5c3950f5082ed8e8ddeeb77b8ac.png') no-repeat center center;
  height: 17px;
  width: 13px;
}

.mp-icon-flag-red-alternate-1 {
  background: transparent url('/ui/static/assets/images/flagRedLg-0b0f6c9fd0116d27a2492e8af1fd0141.png') no-repeat center center;
  height: 19px;
  width: 19px;
}

.mp-icon-flag-yellow-standard {
  background: transparent url('/ui/static/assets/images/flagNoteYellow-88f538fb1e94e1e9199b8b719b7ab377.png') no-repeat center center;
  height: 13px;
  width: 13px;
}

.mp-icon-flag-yellow-alternate-1 {
  background: transparent url('/ui/static/assets/images/flagNoteYellowLarge-a96c3130173e2c011379bdfd7d656fd3.png') no-repeat center center;
  height: 17px;
  width: 19px;
}

.mp-icon-flag-blue-standard {
  background: transparent url('/ui/static/assets/images/flagBlue-6ee29c01248096ac5edefe227327b960.png') no-repeat center center;
  height: 23px;
  width: 23px;
}

/* * * Info Icons * * */
.mp-icon-info-standard {
  background: transparent url('/ui/static/assets/images/infoIconGrey-e5825cd9ef5c3d474809bddddc71bd09.png') no-repeat center center;
  height: 12px;
  width: 12px;
  cursor: pointer;
}

.mp-icon-info-standard:hover {
  background: transparent url('/ui/static/assets/images/infoIconGreyOver-c7c02aac200b933c9cfee31b2545198f.png') no-repeat center center;
}

.mp-icon-info-alternate-3 {
  background: transparent url('/ui/static/assets/images/infoIconGreen-0575fb3eba3d9fbb88d08e16938d0fc5.png') no-repeat center center;
  height: 12px;
  width: 12px;
  cursor: pointer;
}

.mp-icon-info-alternate-3:hover {
  background: transparent url('/ui/static/assets/images/infoIconGreenOver-0e8cb259c7bb633c889dc67adfba9e37.png') no-repeat center center;
}

/* * * Settings Icons * * */
.mp-icon-settings-standard {
  background: transparent url('/ui/static/assets/images/settingsLightButton-261386bd130bb5c4835eee0ea5525b32.png') no-repeat center center;
  height: 16px;
  width: 16px;
  cursor: pointer;
}

.mp-icon-settings-alternate-1 {
  background: transparent url('/ui/static/assets/images/settingsDarkButton-4d5c0f979086df226089de871b763f24.png') no-repeat center center;
  height: 16px;
  width: 16px;
  cursor: pointer;
}

.mp-icon-settings-standard:hover,
.mp-icon-settings-alternate-1:hover {
  background: transparent url('/ui/static/assets/images/settingsHoverButton-9f8074898e8f23d1fbd48757748026ec.png') no-repeat center center;
}

.mp-icon-settings-advanced-standard {
  background: transparent url('/ui/static/assets/images/advancedSettings-4338ca6bb15109674b2dbe8982ec1d11.png') no-repeat center center;
  height: 17px;
  width: 19px;
  cursor: pointer;
}

.mp-icon-settings-advanced-standard:hover {
  background: transparent url('/ui/static/assets/images/advancedSettingsOver-6c55d0892a991595fb7df0a31da7d595.png') no-repeat center center;
}

/* * * Close Icons * * */
.mp-icon-close-standard {
  background: transparent url('/ui/static/assets/images/exitButton-b22d63d16a92d2d8f3aba3a3419c4675.png') no-repeat center center;
  border: none;
  height: 10px;
  cursor: pointer;
  width: 10px;
}

.mp-icon-arrow-open {
  background: url('/ui/static/assets/images/arrowDropOpen-5a924557ae34a343e526acf2547c498e.png') no-repeat;
  height: 28px;
  position: relative;
  width: 8px;
  cursor: pointer;
}

.mp-icon-arrow-closed {
  background: url('/ui/static/assets/images/arrowDropClosed-29d4ce72387bd52fc2fdd7925661756c.png') no-repeat;
  width: 8px;
  height: 28px;
  position: relative;
  right: -1px;
  cursor: pointer;
}

.mp-icon-plus {
  background-image: url('/ui/static/assets/images/plusExpand-279a057e57088990c156eb3d5bbd4b30.png');
  background-position: 5px center;
  background-repeat: no-repeat;
  position: relative;
  width: 15px;
  display: inline-block;
  height: 100%;
  cursor: pointer;
}

.mp-icon-minus {
  background-image: url('/ui/static/assets/images/minusContract-e680c3cbc3ae55abc4635a39065b161b.png');
  background-position: 5px center;
  background-repeat: no-repeat;
  position: relative;
  width: 15px;
  display: inline-block;
  height: 100%;
  cursor: pointer;
}

/*Misc Icons*/
.mp-icon-user-chain {
  color: #468ed0;
}

.mp-icon-user-chain:hover {
  color: #2264af;
}

.mp-icon-warning-triangle-yellow {
  background: url('/ui/static/assets/images/warningTriangleYellow-9ab0faed2aa360ebc4662fab45c25272.png') no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
}

.mp-icon-mobile-text {
  background: url('/ui/static/assets/images/mobileText-d6807ed12cb9d26a53a227b3b9c4c5b9.png') no-repeat;
  width: 16px;
  height: 19px;
  display: inline-block;
  position: relative;
}

.mp-icon-mobile-text:hover {
  background-image: url('/ui/static/assets/images/mobileTextOver-5652eafc1f8751d54b775a6fa8acea96.png');
  width: 16px;
  height: 19px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.mp-icon-refresh-standard {
  cursor: pointer;
  font-size: 13.5px;
  position: relative;
  top: 1px;
  color: #adadad;
}

.mp-icon-refresh-standard:hover {
  color: #3ea1da;
}

.mp-icon-info-circle {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zM8 3.85c-.354 0-.661.13-.922.39-.26.26-.39.567-.39.92 0 .354.13.661.39.921s.568.39.922.39c.354 0 .661-.13.922-.39.26-.26.39-.567.39-.92 0-.354-.13-.66-.39-.921-.26-.26-.568-.39-.922-.39zm1 4.808v-1.5H6.25v1.5H7v1.992h-.75v1.5h3.5v-1.5H9V8.658z" fill-rule="nonzero" fill="DimGrey"></path></svg>')
    center center no-repeat;
  width: 13px;
  height: 13px;
  position: relative;
  top: 1px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * *\
 * name: _media-portal-base						   *
 * desc: Import file which will contain all 	   *
 *	     base level element stylings (<body />,    *
 *	     <div />, <span />, etc.). No ids or 	   *
 *	     classes should be added to this file.	   *
\* * * * * * * * * * * * * * * * * * * * * * * * * */
body {
  color: #333333;
  font-family: 'Inter', sans-serif, arial;
  font-style: normal;
  font-size: 12px;
}

a {
  color: #0047bb;
}

select,
textarea,
input,
input:-webkit-autofill {
  color: #333333;
}

select:disabled,
textarea:disabled,
input:disabled,
input:-webkit-autofill:disabled {
  color: #545557;
}

input,
input:-webkit-autofill {
  height: 15px;
  font-family: 'Inter', sans-serif, arial;
  font-size: 13px;
}

/* header links section */
header {
  height: 81px;
}

#mp-header-links {
  display: flex;
  height: 18px;
  font-size: 13px;
}

#mp-header-links a {
  color: #242526;
  font-size: 13px;
}

#mp-header-links span {
  color: #242526;
}

#mimicking-user-text {
  margin-left: 4px;
}

.spacer {
  background-color: #d0d4d9;
  width: 1px;
  margin: 0px 7px;
}

.spacer-white {
  background-color: #ffffff;
  width: 1px;
  height: 18px;
  margin-top: 7px;
}

.spacer-white-login {
  background-color: #ffffff;
  width: 1px;
  height: 18px;
  margin-top: 11px;
}

.chevron-a {
  padding: 0px !important;
}

.chevron-right {
  height: 10px;
  margin-top: 12px;
  margin-left: -7px;
  filter: invert(100%) sepia(0%) saturate(7469%) hue-rotate(24deg) brightness(90%) contrast(114%);
}

.chevron-right-login {
  height: 10px;
  margin-top: 15px;
  margin-left: -7px;
  filter: invert(100%) sepia(0%) saturate(7469%) hue-rotate(24deg) brightness(90%) contrast(114%);
}

.greater-than {
  display: inline-block;
  text-align: center;
  padding: 7px 0px;
  position: relative;
  line-height: 19px;
}

.mp-time-select {
  position: absolute;
  top: 35px;
  right: 98px;
  padding: 0 0 6px 0;
}

.mp-time-select label {
  float: right;
  margin: 2px 0px;
  color: #242526;
  font-size: 10px;
}

.profileStyle {
  position: absolute;
  top: 12px;
  right: 100px;
}

#header-links {
  font: 13px 'Inter', sans-serif, arial;
  color: #242526;
}

#user {
  font-weight: bold !important;
  font: 13px, 'Inter', sans-serif, arial;
  color: #242526;
  padding-right: 6px;
}

/* end header links section */
/* menu nav */
#menu {
  border-bottom: 10px solid #ffffff;
  font-family: 'Inter', sans-serif, arial;
  margin-top: 0px;
  position: relative;
  z-index: 2000;
  background-color: #0075c9;
}

#navRightLinksLogin {
  display: flex;
  position: absolute;
  right: 21px;
  height: 32px;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 12px;
  background-color: #0075c9;
}

#navRightLinksLogin a {
  color: #ffffff;
  display: inline-block;
  text-align: center;
  padding: 7px 16px;
  position: relative;
  line-height: 25px;
  font-size: 14px;
  font-weight: 600;
}

#navRightLinksLogin span {
  color: #ffffff;
  line-height: 22px;
  font-size: 16px;
  font-weight: 300;
  cursor: default;
}

#navRightLinks {
  display: flex;
  position: absolute;
  right: 21px;
  height: 32px;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 12px;
  background-color: #0075c9;
}

#navRightLinks a {
  color: #ffffff;
  display: inline-block;
  text-align: center;
  padding: 7px 16px;
  position: relative;
  line-height: 19px;
}

#navRightLinks span {
  color: #ffffff;
  line-height: 16px;
  font-size: 16px;
  font-weight: 300;
  cursor: default;
}

#nav {
  width: 100%;
  height: 32px;
  font-family: 'Inter', sans-serif, arial;
  font-weight: bold;
  letter-spacing: 0px;
  font-size: 13px;
  background-color: #0075c9;
}

#nav li {
  height: 18px;
  padding: 0;
  margin: 8px 0px 0 0;
  position: relative;
  background: #0075c9;
  float: left;
  font-size: 14px;
  vertical-align: middle !important;
  text-align: center !important;
  z-index: 1;
}

#nav li a {
  color: #ffffff;
  display: block;
  text-align: center;
  padding: 7px 20px;
  position: relative;
  top: -8px;
  line-height: 19px;
  font-weight: 600;
}

#nav > li:first-child a {
  padding-left: 22px;
}

#nav li a:hover {
  text-decoration-line: underline;
}

.arrow_box:hover:after {
  top: 24px;
  left: 34px;
  position: absolute;
  z-index: 99;
  border-left: 8.5px solid transparent;
  border-right: 8.5px solid transparent;
  border-top: 6px solid #0075c9;
  height: 0;
  width: 0;
  content: '';
}

.nav-selected {
  text-decoration-line: underline;
}

/* FIRST LEVEL DROPDOWN */
#nav li ul {
  margin: 0;
  float: left;
  position: absolute;
  top: 24px;
  left: -9999px;
  font-family: 'Inter', sans-serif, arial;
  box-shadow: 0px 3px 6px #d6d6d6;
}

#nav li:hover ul {
  left: 20px;
}

#nav li ul li {
  height: auto;
  margin: 0;
  border: 0;
}

#nav li ul li a {
  background-color: #ffffff;
  text-align: left;
  position: static;
  font-size: 14px;
  padding: 5px 16px;
  color: #242526;
  width: 230px;
  height: 23px;
  line-height: 23px;
  font-weight: normal;
  outline: none;
  font-family: 'Inter', sans-serif, arial;
}

#nav li ul li a:hover {
  text-decoration-line: none;
  background-color: #edf0f2;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  background: #ededed;
}

#ctl-gradient {
  height: 5px;
  background: -webkit-linear-gradient(left, #001e60 15%, #0047bb 15%, #0047bb 50%, #48d597 50%);
  background-image: -ms-linear-gradient(left, #001e60 15%, #0047bb 15%, #0047bb 50%, #48d597 50%);
  background-image: -moz-linear-gradient(left, #001e60 15%, #0047bb 15%, #0047bb 50%, #48d597 50%);
}

.vyvxLogoLoginFormat {
  height: 62px;
  width: 68px;
  position: absolute;
  right: 9px !important;
  top: 31px !important;
}

#login-vyvx-image {
  width: 54px;
  margin-top: -7px;
}

body {
  font: 14px/1.3em Inter, sans-serif !important;
  padding: 0 0 16px 0;
  min-height: 100%;
  min-width: 1000px;
  background: #ededed;
  background-size: 100% 116px, 100% auto;
}

#container.inside {
  width: 90% !important;
  min-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}

#container.home {
  width: 1192px;
  margin: 0 auto;
  overflow: hidden;
}

strong {
  font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3em;
  color: #333333;
  margin-bottom: 0.3em;
}

h1 {
  font-size: 3em;
  background-color: #ffffff;
}

h2 {
  font-weight: bold;
  font-size: 1.6em;
  color: #f1582a;
}

h3 {
  font-weight: bold;
  font-size: 1.5em;
}

label {
  font-family: Inter, sans-serif !important;
  font-size: 12px;
  color: #494949;
  display: inline;
}

a {
  color: #0075c9;
  text-decoration: none;
}

a:visited {
  border: 0;
  outline: none;
}

a:hover {
  text-decoration: underline;
  cursor: pointer;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.clearfix {
  clear: both;
}

header {
  height: 67px !important;
  position: relative;
  z-index: 99;
  color: #ffffff;
  padding-top: 0px !important;
}

.header-no-menu {
  height: 67px;
}

.header-login-page {
  height: 136px !important;
  position: relative;
  z-index: 99;
  color: #ffffff;
}

#mp-header {
  height: 67px;
}

#mp-header a:hover,
#mp-header-login a:hover {
  text-decoration: none;
}

#mp-header-login {
  height: 96px;
  margin-bottom: 0;
}

#mp-subheader-login {
  width: 100%;
  height: 40px;
  font-family: Inter, sans-serif;
  font-weight: bold;
  letter-spacing: 0px;
  font-size: 13px;
  background-color: #0075c9;
}

#mp-ctl-login-logo {
  height: 21.85px;
  width: 151.48px;
  margin-left: 2rem;
  position: relative;
}

#mp-ctl-header-logo {
  height: 18.65px;
  width: 136px;
  padding-left: 20px;
  position: relative;
}

.mp-ctl-header-logo-page-menu {
  top: 5px;
}

.mp-ctl-header-logo-login {
  top: 20px;
}

.media-portal-header-text {
  font-size: 18px;
  line-height: 27px;
  position: relative;
  color: #242526;
  font-weight: 600;
}

#media-portal-header-text-login {
  top: 20px;
}

#media-portal-header-text-page-menu {
  top: 5px;
  margin-left: 50px;
}

#media-portal-header-text-login {
  font-size: 22px;
  line-height: 27px;
  font-weight: 100;
  position: relative;
  top: 20px;
  color: #242526;
}

#main {
  margin: 0 auto;
  min-height: 500px;
  position: relative;
  z-index: 999;
  background: #ffffff;
}

#mp-header-vyvx-logo {
  height: 40px;
  position: absolute;
  right: 20px;
  top: 14px;
}

.vyvx-logo-no-menu {
  position: absolute;
  right: 20px;
  top: 15px;
}

img {
  border: none;
}

#mainContentHeader {
  background-color: white;
  margin-left: 14px;
  min-height: 32px;
  padding-top: 10px;
}

#mainContentHeader h2 {
  color: #ff010d;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  margin: 0 4px 0 0;
  padding: 0 0 4px 0;
  width: auto;
}

#mainContentHeader .fullPanel ul li {
  display: inline-block;
}

#mainContentHeader hr {
  color: #000;
  background-color: #000;
  height: 4px;
  border: none;
  margin: 3px 0 0 0;
}

.fullPanel {
  margin: 0;
  width: 100%;
}

.alert {
  color: #ce0000;
  display: inline;
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 -3px 0;
  padding: 0 3px 0 0;
}

.disabled {
  background: #e3e3e3;
  border: 1px solid #ccc;
}

.disabled:hover {
  border: 1px solid #cccccc;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: ' (' attr(href) ')';
  }

  abbr[title]:after {
    content: ' (' attr(title) ')';
  }

  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: '';
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
.opsNotificationModal {
  min-height: 126px !important;
  width: 450px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * *\
 * name: _content-containers-headers			   *
 * desc: Import file which contains all classes	   *
 *	     used to build content boxes such as	   *
 *	     content wrappers and headers			   *
\* * * * * * * * * * * * * * * * * * * * * * * * * */
/* Mixins */
/* Page Level Classes */
.mp-page-title-standard {
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 20px;
}

.mp-page-wrapper-standard {
  font-size: 12px;
  padding: 10px 25px 25px;
}

.mp-page-content-container-padding-standard {
  padding: 14px 11px 0px;
}

/* Container Classes */
.mp-content-container-standard {
  background-color: #edf0f2;
  padding: 14px 11px 20px;
}

.mp-content-container-alternate-1 {
  /*Used on the login page. Not including padding so that use of the alternate container can be for color.*/
  background-color: #d7d7d7;
}

.mp-content-container-alternate-2 {
  /*Used on the login page. Not including padding so that use of the alternate container can be for color.*/
  background-color: #ffffff;
}

.mp-content-container-alternate-3 {
  /*Used in My Services Caching v2 section. found within property and criteria based settings..*/
  background-color: #f3f3f3;
  border: 1px solid #dddcdc;
}

.mp-bordered-content-container-standard {
  /*Used as primary container in My Services Caching v2. Also found within SSO Management page*/
  background-color: #f3f3f3;
  border: 1px solid #d6d5d5;
  padding: 15px 15px 0px 15px;
}

/* Section Base Class */
.mp-section-standard {
  padding-bottom: 20px;
}

.mp-section-alt-1 {
  padding-bottom: 20px;
  margin-right: 20px;
}

/* Section Headers */
.mp-section-header-dynamic-width {
  display: inline-block;
}

.mp-section-header-standard {
  background-color: #dadee2;
  color: #242526;
  font-size: 14px;
  font-weight: 600;
  line-height: 35px;
  padding-left: 18px;
  height: 40px;
}

.mp-section-header-corner-standard {
  border-style: solid;
  border-width: 0 8px 8px 0;
  position: absolute;
  height: 0;
  width: 0;
  border-color: transparent #8e9399 transparent transparent;
}

.mp-section-header-alternate-1 {
  background-color: #a5a6a7;
  color: #ffffff;
}

.mp-section-header-alternate-2 {
  background-color: #d0d4d9;
  color: #24262d;
}

.mp-section-header-alternate-3 {
  background-color: #d6d5d5;
  font-size: 14px;
  font-weight: 600;
  line-height: 35px;
  padding-left: 18px;
  height: 40px;
}

.mp-section-header-alternate-3-corner {
  border-style: solid;
  border-width: 0 8px 8px 0;
  position: absolute;
  height: 0;
  width: 0;
  border-color: transparent #9a9b9c transparent transparent;
}

.mp-section-header-standard-alt-text {
  color: #72767a;
  font-size: 11px;
  font-style: italic;
  padding-left: 5px;
  padding-right: 5px;
}

/* Section Body Classes */
.mp-section-body-standard {
  border: 1px solid #dddcdc;
  border-top: none;
  border-right: none;
  margin-left: 7px;
  padding: 25px 0px 0px 0px;
}

.mp-section-body-alt-1 {
  border: 1px solid #dddcdc;
  padding: 20px;
  margin: 20px;
  background-color: #f3f3f3;
  line-height: 12px;
}

.mp-section-body-alt-2 {
  background-color: #ebebeb;
}

.mp-section-body-alt-3 {
  background-color: #f7f6f6;
  border: 1px solid #dddcdc;
  padding: 20px;
  margin-top: 25px;
  line-height: 12px;
}

/* Don't see a need to keep this class
.mp-section-wrapper-alternate{
	border: 1px solid $color-section-wrapper-standard-border;
}
*/
/* Section Body Left-Padding Classes */
.mp-section-body-left-padding-content-standard {
  padding-left: 20px;
}

.mp-section-body-left-padding-content-alternate-1 {
  /*Typically used for complimentary page level grid content (row counts, checkboxes, etc.)*/
  padding-left: 10px;
}

.mp-section-body-bottom-padding-content-standard {
  padding-bottom: 20px;
}

/* Misc. Content / Container / Header classes */
.mp-tabbed-section-header-standard {
  background-color: #dadee2;
  color: #242526;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  margin-top: 7px;
  padding: 2px 30px 6px 15px;
  position: relative;
  z-index: 2;
}

.mp-form-label {
  font-size: 12px;
  font-weight: bold;
}

.mp-form-label-disabled {
  color: #bebfc0;
}

.mp-label-section-standard {
  font-size: 13px;
  font-weight: bold;
}

.mp-label-section-alternate-1 {
  color: #7b7e80;
  font-size: 10px;
}

.mp-label-section-alternate-2 {
  color: #7b7e80;
  font-size: 10px;
  font-weight: bold;
}

.mp-label-required {
  color: #b50d12;
  padding-left: 5px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * *\
 * name: _buttons 								   *
 * desc: Import file which contains all classes	   *
 *	     used to build buttons					   *
\* * * * * * * * * * * * * * * * * * * * * * * * * */
.mp-button-primary {
  background-color: #0047bb;
  color: #ffffff;
  border: 0 none;
  font-size: 13px;
  height: 28px;
  margin-right: 3px;
  padding: 2px 14px;
  font-weight: bold;
  outline: none;
  font-family: arial;
}

.mp-button-primary:hover {
  background-color: #00308a;
  cursor: pointer;
}

.mp-button-primary:active {
  background-color: #001e60;
  color: #ffffff;
}

.mp-button-secondary {
  background-color: #ffffff;
  color: #24262d;
  border: 1px solid #d0d4d9;
  font-size: 13px;
  height: 28px;
  margin-right: 3px;
  padding: 2px 14px;
  font-weight: bold;
  outline: none;
  font-family: arial;
}

.mp-button-secondary-alternate {
  background-color: #ffffff;
  color: #24262d;
  border: 0 none;
  font-size: 13px;
  height: 28px;
  margin-right: 3px;
  padding: 2px 14px;
  font-weight: bold;
  outline: none;
  font-family: arial;
}

.mp-button-secondary:hover {
  background-color: #dddfe0;
  cursor: pointer;
}

.mp-button-secondary:active {
  background-color: #8e9399;
  color: #313336;
  cursor: pointer;
  outline: none;
}

.mp-button-secondary:disabled {
  background-color: #edf0f2;
  color: #72767a;
  cursor: default;
  outline: none;
}

.mp-button-tertiary {
  background-color: #5b6f90;
  color: #ffffff;
  height: 21px;
  font-size: 12px;
  line-height: 12px;
  padding: 5px 10px;
  font-weight: normal;
  border: 0 none;
  margin-right: 3px;
  outline: none;
  font-family: arial;
}

.mp-button-tertiary:hover {
  background-color: #3d5276;
  cursor: pointer;
}

.mp-button-tertiary-selected {
  background-color: #c9c9c9;
  color: #24262d;
}

.mp-button-tertiary:active,
.mp-button-tertiary-selected:active {
  background-color: #253652;
}

.mp-button-primary:disabled,
.mp-button-primary:disabled:hover,
.mp-button-secondary:disabled,
.mp-button-secondary:disabled:hover {
  background-color: #e2e2e2;
  color: #b1b2b3;
  cursor: default;
  font-weight: normal;
}

.mp-button-tertiary:disabled,
.mp-button-tertiary:disabled:hover {
  background-color: #edf0f2;
  color: #53565a;
  cursor: default;
  font-weight: normal;
  border: 1px solid #d0d4d9;
}

.mp-button-primary-icon {
  color: #0047bb;
}

.mp-button-primary-icon:hover {
  color: #00308a;
  cursor: pointer;
}

.mp-button-primary-icon:active {
  color: #001e60;
}

.mp-button-primary-icon:disabled {
  color: #edf0f2;
  cursor: default;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * *\
 * name: _charts			   					   *
 * desc: Import file which contains all classes	   *
 *	     used to build standard Media Portal	   *
 *	     charts.								   *
\* * * * * * * * * * * * * * * * * * * * * * * * * */
.mp-chart-standard .c3-axis-y .tick {
  fill: #000000;
}

.mp-chart-standard .c3-ygrid-line line {
  stroke: #c9c9c9;
}

.mp-chart-standard .c3-axis-x-label,
.mp-chart-standard .c3-axis-y-label,
.mp-chart-standard .c3-axis-y2-label {
  fill: #6e7072;
}

.mp-chart-standard .c3 .c3-axis-x path,
.mp-chart-standard .c3 .c3-axis-x line,
.mp-chart-standard .c3 .c3-axis-y path,
.mp-chart-standard .c3 .c3-axis-y line,
.mp-chart-standard .c3 .c3-axis-y2 path,
.mp-chart-standard .c3 .c3-axis-y2 line {
  stroke: #b1b2b3;
}

.mp-chart-standard .c3-line {
  stroke-width: 1.3px;
  stroke-opacity: 1;
}

.mp-chart-standard .c3-xgrid-focus {
  stroke: #c9c9c9;
}

.mp-chart-standard .c3 path {
  opacity: 0.9;
}

.mp-chart-standard .tooltipContainer {
  -webkit-box-shadow: 16px 16px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 16px 16px 6px rgba(0, 0, 0, 0.3);
}

.mp-chart-standard .tooltipTitle {
  background-color: #d1d1d1;
  color: #616365;
  text-align: left;
  padding-left: 14px;
  padding-top: 2px;
  padding-bottom: 1px;
}

.mp-chart-standard .tooltipRowColor {
  width: 7px;
}

.mp-chart-standard .tooltipRowName,
.mp-chart-standard .tooltipRowValue {
  padding-left: 7px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-top: 1px solid #d0d0d0;
}

.mp-chart-standard .tooltipRowValue {
  padding-right: 5px;
}

.mp-chart-standard .tooltipContent {
  background-color: #e2e2e2;
}

.mp-chart-standard-area .c3-grid line {
  stroke-opacity: 0.4;
  stroke-dasharray: 0;
}

.mp-chart-standard-area .c3 path {
  opacity: 0.5;
}

.mp-chart-standard .c3-axis-y-label {
  fill: #333;
  font-size: 10px;
}

.mp-chart-standard .c3-axis-y .tick {
  fill: #000000;
}

.mp-chart-standard .c3-axis-y2-label {
  fill: #333;
  font-size: 10px;
}

.mp-chart-standard .c3 .c3-axis-x path,
.c3 .c3-axis-x line {
  stroke: #adadad;
}

.mp-chart-standard .c3 .c3-axis-y path,
.c3 .c3-axis-y line {
  stroke: #adadad;
}

.mp-chart-standard .c3 .c3-axis-y2 path,
.c3 .c3-axis-y2 line {
  stroke: #adadad;
}

.mp-chart-standard .c3-ygrid-line line {
  stroke: #cdcdcd;
}

.mp-chart-standard .legend span {
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.mp-chart-standard .legendColor {
  width: 10px;
  height: 10px;
  margin-right: 5px;
}

.mp-chart-standard .legendLabel {
  color: #333;
  margin-right: 20px;
}

.mp-chart-legend-no-data {
  color: #8e8f90;
}

.mp-chart-standard .c3-grid line {
  stroke-opacity: 0.4;
  stroke-dasharray: 0;
}

.mp-chart-standard .c3-legend-item-hidden {
  stroke-opacity: 0;
}

.mp-chart-standard .c3-legend-item-hidden {
  opacity: 0.15;
}

.mp-chart-standard .c3-chart > .c3-event-rects {
  cursor: auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * *\
 * name: _dropdowns			   					   *
 * desc: Import file which contains all classes	   *
 *	     used to build standard Media Portal	   *
 *	     dropdowns.								   *
\* * * * * * * * * * * * * * * * * * * * * * * * * */
.mp-dropdown-standard {
  border-color: #d0d0d0;
}

.mp-dropdown-alternate-1 {
  background-color: #dfe2e6;
  color: #24262d;
}

.mp-dropdown-alternate-1-button {
  background-color: #dfe2e6;
  color: #24262d;
}

.mp-dropdown-alternate-1-button:hover {
  background-color: #dddfe0;
}

.mp-dropdown-alternate-1-button:active {
  background-color: #d0d4d9;
}

.mp-droplist-standard {
  border-color: #d0d0d0;
}

.mp-droplist-standard > option:hover {
  background-color: #d4e9f6 !important;
}

.mp-droplist-primary-has-no-data {
  color: #8e8f90;
  font-style: italic;
  margin: 2px 0px 0px 5px;
  position: absolute;
}

.mp-dropdown-button-standard-container .dropdown-menu,
.mp-dropdown-text-standard-container .dropdown-menu {
  background-color: #ffffff;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 175px;
  text-align: left;
  list-style: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #c9c9c9;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.mp-dropdown-button-standard-container .dropdown-menu:focus,
.mp-dropdown-text-standard-container .dropdown-menu:focus {
  outline: none;
}
.mp-dropdown-button-standard-container .dropdown-menu.pull-right,
.mp-dropdown-text-standard-container .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.mp-dropdown-button-standard-container .dropdown-menu .divider,
.mp-dropdown-text-standard-container .dropdown-menu .divider {
  border-top: 1px dashed #c2c2c2;
  height: 3px;
  margin-top: 4px;
}
.mp-dropdown-button-standard-container .dropdown-menu > li > a,
.mp-dropdown-text-standard-container .dropdown-menu > li > a {
  display: block;
  padding: 0px 5px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
  min-width: 231px;
}
.mp-dropdown-button-standard-container .dropdown-menu > li > a:hover,
.mp-dropdown-button-standard-container .dropdown-menu > li > a:focus,
.mp-dropdown-text-standard-container .dropdown-menu > li > a:hover,
.mp-dropdown-text-standard-container .dropdown-menu > li > a:focus {
  text-decoration: none;
  background-color: #d4e9f6;
  outline: 0;
}
.mp-dropdown-button-standard-container .dropdown-menu > .active > a,
.mp-dropdown-button-standard-container .dropdown-menu > .active > a:hover,
.mp-dropdown-button-standard-container .dropdown-menu > .active > a:focus,
.mp-dropdown-text-standard-container .dropdown-menu > .active > a,
.mp-dropdown-text-standard-container .dropdown-menu > .active > a:hover,
.mp-dropdown-text-standard-container .dropdown-menu > .active > a:focus {
  outline: 0;
}
.mp-dropdown-button-standard-container .dropdown-menu > .disabled > a,
.mp-dropdown-button-standard-container .dropdown-menu > .disabled > a:hover,
.mp-dropdown-button-standard-container .dropdown-menu > .disabled > a:focus,
.mp-dropdown-text-standard-container .dropdown-menu > .disabled > a,
.mp-dropdown-text-standard-container .dropdown-menu > .disabled > a:hover,
.mp-dropdown-text-standard-container .dropdown-menu > .disabled > a:focus {
  color: #777;
}
.mp-dropdown-button-standard-container .dropdown-menu > .disabled > a:hover,
.mp-dropdown-button-standard-container .dropdown-menu > .disabled > a:focus,
.mp-dropdown-text-standard-container .dropdown-menu > .disabled > a:hover,
.mp-dropdown-text-standard-container .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.mp-dropdown-button-standard-container .open > .dropdown-menu,
.mp-dropdown-text-standard-container .open > .dropdown-menu {
  display: block;
}
.mp-dropdown-button-standard-container .dropdown-menu > li > a.dropdown-header:hover,
.mp-dropdown-text-standard-container .dropdown-menu > li > a.dropdown-header:hover {
  background-color: inherit;
  cursor: default;
}

.mp-dropdown-text-input-standard,
.mp-dropdown-text-input-standard-readonly {
  height: 19px;
  line-height: 19px;
  min-height: 19px;
  padding-left: 7px;
  background: #ffffff url('/ui/static/assets/images/arrowDropOpen-5a924557ae34a343e526acf2547c498e.png') no-repeat scroll 98%;
  padding-right: 15px;
  text-overflow: ellipsis;
  border: 1px solid #dddcdc;
}

.mp-dropdown-text-input-standard-readonly {
  cursor: pointer;
}

.mp-dropdown-text-input-standard::-moz-placeholder,
.mp-dropdown-text-input-standard-readonly::-moz-placeholder {
  color: #333333;
  opacity: 1;
  text-overflow: ellipsis;
}

.mp-dropdown-text-input-standard::-webkit-input-placeholder,
.mp-dropdown-text-input-standard-readonly::-webkit-input-placeholder {
  color: #333333;
  text-overflow: ellipsis;
}

.mp-dropdown-text-input-standard:-ms-input-placeholder,
.mp-dropdown-text-input-standard-readonly:-ms-input-placeholder {
  color: #333333;
  text-overflow: ellipsis;
}

[placeholder] {
  text-overflow: ellipsis;
}

.mp-dropdown-button-input-standard {
  height: 22px;
  line-height: 19px;
  min-height: 22px;
  min-width: 190px;
  padding-left: 7px;
  background: #ffffff url('/ui/static/assets/images/arrowDropOpen-5a924557ae34a343e526acf2547c498e.png') no-repeat scroll 97%;
  padding-right: 15px;
  text-overflow: ellipsis;
  border: 1px solid #dddcdc;
  text-align: left;
}

.mp-dropdown-button-input-standard:hover {
  cursor: pointer;
}

.mp-dropdown-multi-select-standard {
  /*
  * Don't modify things marked with ! - unless you know what you're doing
  */
  /* ! vertical layout */
  /* ! horizontal layout */
  /* ! create a "row" */
  /* ! create a "column" */
  /* ! */
  /* the main checkboxes and helper layer */
  /* container of multi select items */
  /* ! to show / hide the checkbox layer above */
  /* item labels */
  /* item labels focus on mouse hover */
  /* change mouse pointer into the pointing finger */
  /* hide the original HTML checkbox away */
  /* checkboxes currently disabled */
  /* If you use images in button / checkbox label, you might want to change the image style here. */
}
.mp-dropdown-multi-select-standard .multiSelectDropdown {
  -moz-appearance: none;
  background: #ffffff url(/ui/static/assets/images/arrowDropOpen-5a924557ae34a343e526acf2547c498e.png) no-repeat scroll right center;
  background-position-x: calc(100% - 6px);
  border: 1px solid #d0d0d0;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  max-height: 20px;
  max-width: 150px;
  min-width: 50px;
  overflow: hidden;
  padding: 1px 20px 1px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mp-dropdown-multi-select-standard .multiSelect .vertical {
  float: none;
}
.mp-dropdown-multi-select-standard .multiSelect .horizontal:not(.multiSelectGroup) {
  float: left;
}
.mp-dropdown-multi-select-standard .multiSelect .line {
  padding: 2px 0px 4px 0px;
  max-height: 30px;
  overflow: hidden;
  box-sizing: content-box;
}
.mp-dropdown-multi-select-standard .multiSelect .acol {
  display: inline-block;
  min-width: 12px;
}
.mp-dropdown-multi-select-standard .multiSelect .inlineBlock {
  display: inline-block;
}
.mp-dropdown-multi-select-standard .multiSelect .checkboxLayer {
  background-color: #fff;
  position: absolute;
  z-index: 999;
  border: 1px solid #d0d0d0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  min-width: 278px;
  display: none !important;
}
.mp-dropdown-multi-select-standard .multiSelect .checkBoxContainer {
  display: block;
  max-height: 175px;
  overflow-y: auto;
  overflow-x: hidden;
}
.mp-dropdown-multi-select-standard .multiSelect .show {
  display: block !important;
  margin-top: -6px;
}
.mp-dropdown-multi-select-standard .multiSelect .multiSelectItem {
  display: block;
  padding-left: 3px;
  color: #444;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  position: relative;
  min-width: 278px;
}
.mp-dropdown-multi-select-standard .multiSelect .multiSelectItem .acol label {
  display: inline-block;
  padding-right: 30px;
  margin: 0px;
  font-weight: normal;
  line-height: normal;
}
.mp-dropdown-multi-select-standard .multiSelect .multiSelectItem:hover,
.mp-dropdown-multi-select-standard .multiSelect .multiSelectGroup:hover {
  background-color: #d4e9f6;
  cursor: pointer;
}
.mp-dropdown-multi-select-standard .multiSelect .checkbox {
  position: absolute;
  cursor: pointer;
  top: 0px;
}
.mp-dropdown-multi-select-standard .multiSelect .disabled,
.mp-dropdown-multi-select-standard .multiSelect .disabled:hover,
.mp-dropdown-multi-select-standard .multiSelect .disabled label input:hover ~ span {
  color: #bebfc0 !important;
  background-color: #efefef;
  cursor: not-allowed !important;
}
.mp-dropdown-multi-select-standard .multiSelect img {
  vertical-align: middle;
  margin-bottom: 0px;
  max-height: 22px;
  max-width: 22px;
}
.mp-dropdown-multi-select-standard .dropdownLabel {
  padding-left: 20px;
  position: relative;
  top: 0px;
}

.mp-dropdown-with-button-custom-standard-input {
  border: 1px solid #dddcdc;
  font-size: 12px;
  height: 22px;
  line-height: 18px;
  width: 120px;
  text-align: left;
  padding-bottom: 0;
  padding-left: 7px;
  padding-right: 15px;
  background-color: #ffffff;
  position: relative;
  top: -7px;
}

.mp-dropdown-with-button-custom-standard-input:disabled {
  background: #efefef;
  color: #c9c9c9;
}

.mp-dropdown-with-button-custom-standard-button-disabled {
  background: #efefef url(/ui/static/assets/images/arrowDropOpen-5a924557ae34a343e526acf2547c498e.png) no-repeat center center !important;
  color: #c9c9c9;
}

.mp-dropdown-with-button-custom-standard-button {
  background: url(/ui/static/assets/images/arrowDropOpen-5a924557ae34a343e526acf2547c498e.png) no-repeat center center;
  display: inline-block;
  height: 20px;
  left: -5px;
  position: relative;
  display: inline-block;
  border: 1px solid #dddcdc;
  border-left: 0px;
  top: 0px;
  top: 1px\9;
  background-color: #ffffff;
  width: 18px;
  line-height: 17px;
}

.mp-list-builder-standard .mp-list-builder-standard-list-builder-container {
  border-color: #d0d0d0;
  height: 100px;
  margin-bottom: 15px;
  position: relative;
  width: 785px;
}
.mp-list-builder-standard .mp-list-builder-list-container {
  display: inline-block;
  width: 369px;
}
.mp-list-builder-standard .mp-list-builder-list-no-items-text {
  font-style: italic;
  margin: 5px 0px 0px 8px;
  position: absolute;
}
.mp-list-builder-standard .mp-list-builder-list {
  border-color: #d0d0d0;
  height: 83px;
  width: 100%;
}
.mp-list-builder-standard .mp-list-builder-list option {
  padding-left: 8px;
}
.mp-list-builder-standard .mp-list-builder-button-container {
  display: inline-block;
  margin: 30px 6px 0px 6px;
  text-align: center;
  vertical-align: top;
  width: 27px;
}
.mp-list-builder-standard .mp-list-builder-button {
  background: none;
  border: none;
  font-size: 20px;
  position: relative;
  margin: 2px 0px;
  text-align: center;
  vertical-align: middle;
}
.mp-list-builder-standard .mp-list-builder-preview-form-label {
  font-size: 12px;
  line-height: 15.6px;
  font-weight: bold;
}
.mp-list-builder-standard .mp-list-builder-preview-note {
  position: absolute;
  text-align: center;
  margin-top: -20px;
  width: 785px;
  line-height: 15.6px;
}
.mp-list-builder-standard .mp-list-builder-preview-container {
  width: 785px;
}
.mp-list-builder-standard .mp-list-builder-preview-list-no-item-selected {
  font-style: italic;
  margin: 30px 0px 0px 15px;
  position: absolute;
}
.mp-list-builder-standard .mp-list-builder-preview {
  background: #ffffff;
  border: 1px solid #dddcdc;
  min-height: 125px;
  padding: 15px;
  overflow: auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * *\
 * name: _accordions		   					   *
 * desc: Import file which contains all classes	   *
 *	     used to build standard Media Portal	   *
 *	     accordions								   *
\* * * * * * * * * * * * * * * * * * * * * * * * * */
.mp-accordion-standard-header {
  background-color: #ffffff;
}

.mp-accordion-standard-expandable {
  background-color: #ebebeb;
}

.mp-accordion-section-alt-1 {
  line-height: 30px;
  border-bottom: 1px solid #dddcdc;
  border-top: 0px;
  height: calc(100% + 40px);
}

.mp-accordion-section-alt-1:first-child {
  border-top: 1px solid #dddcdc;
}

.mp-accordion-header-alt-1 {
  line-height: 30px;
  border: 0px;
  background-color: #d6d5d5;
}

.mp-accordion-expanded-section-alt-1 {
  padding-left: 35px;
  padding-bottom: 15px;
  padding-top: 15px;
  background-color: #ebebeb;
  width: calc(100% - 35px);
}

.mp-accordion-expanded-section-sub-container-alt-1 {
  line-height: 12px;
  padding: 25px;
  background-color: #fcfbfb;
  width: calc(100% - 50px);
  border: 1px solid #dddcdc;
}

.mp-accordion-custom-section-alternate-1 {
  line-height: 30px;
  border: 1px solid #dddcdc;
  border-top: 0px;
  border-right: 0px;
}

.mp-accordion-custom-section-alternate-1:first-child {
  border-top: 1px solid #dddcdc;
}

.mp-accordion-custom-header-alternate-1 {
  line-height: 30px;
  border: 0px;
}

.mp-accordion-custom-expandable-alternate-1 {
  background-color: #ebebeb;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * *\
 * name: _carousels			   					   *
 * desc: Import file which contains all classes	   *
 *	     used to build standard Media Portal	   *
 *	     carousels.								   *
\* * * * * * * * * * * * * * * * * * * * * * * * * */
.mp-carousel-standard {
  position: relative;
  text-align: center;
  padding-top: 16px;
}

.mp-carousel-standard {
  /* indicators */
  /* prevent flickering when moving buffer */
  /* prev/next controls */
}
.mp-carousel-standard ul[rn-carousel] {
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  position: relative;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.mp-carousel-standard ul[rn-carousel] > li {
  color: black;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: visible;
  vertical-align: top;
  position: absolute;
  left: 0;
  right: 0;
  white-space: normal;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.mp-carousel-standard div.rn-carousel-indicator span {
  cursor: pointer;
  color: #d7d7d7;
  padding: 3px;
  font-size: 17px;
}
.mp-carousel-standard div.rn-carousel-indicator span.active {
  color: #9a9b9c;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * *\
 * name: _grids				   					   *
 * desc: Import file which contains all classes	   *
 *	     used to build standard Media Portal	   *
 *	     grids.									   *
\* * * * * * * * * * * * * * * * * * * * * * * * * */
.mp-grid-no-data-text {
  color: #8e8f90;
}

.mp-grid-data-count-text-standard {
  color: #7b7e80;
}

.mp-grid-border-standard {
  border: 1px solid #dddcdc !important;
}

.mp-grid-standard,
.mp-grid-alternate-1,
.mp-grid-alternate-2,
.mp-grid-alternate-4 {
  border: 0px;
}
.mp-grid-standard .ui-grid-viewport,
.mp-grid-alternate-1 .ui-grid-viewport,
.mp-grid-alternate-2 .ui-grid-viewport,
.mp-grid-alternate-4 .ui-grid-viewport {
  overflow-anchor: none;
  overflow-x: hidden;
}
.mp-grid-standard .ui-grid-cell-contents,
.mp-grid-alternate-1 .ui-grid-cell-contents,
.mp-grid-alternate-2 .ui-grid-cell-contents,
.mp-grid-alternate-4 .ui-grid-cell-contents {
  line-height: 16px;
  font-size: 14px;
  padding-left: 16px;
  color: #242526;
  align-items: center;
}
.mp-grid-standard .ui-grid-header-cell-primary-focus,
.mp-grid-alternate-1 .ui-grid-header-cell-primary-focus,
.mp-grid-alternate-2 .ui-grid-header-cell-primary-focus,
.mp-grid-alternate-4 .ui-grid-header-cell-primary-focus {
  line-height: 14px;
  padding: 10px 4px 4px 16px;
}
.mp-grid-standard .ui-grid-top-panel,
.mp-grid-alternate-1 .ui-grid-top-panel,
.mp-grid-alternate-2 .ui-grid-top-panel,
.mp-grid-alternate-4 .ui-grid-top-panel {
  background: none;
}
.mp-grid-standard .ui-grid-header-cell-wrapper,
.mp-grid-alternate-1 .ui-grid-header-cell-wrapper,
.mp-grid-alternate-2 .ui-grid-header-cell-wrapper,
.mp-grid-alternate-4 .ui-grid-header-cell-wrapper {
  border-top: 0px;
  display: flex;
}

.mp-grid-standard .ui-grid-header-canvas {
  background-color: #edf0f2;
}
.mp-grid-standard .ui-grid-header-cell-wrapper {
  background-color: transparent !important;
  height: 40px;
}
.mp-grid-standard .ui-grid-header-cell {
  background-color: transparent !important;
  border-color: #edf0f2;
}
.mp-grid-standard .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-color: #dfe2e6;
}
.mp-grid-standard .ui-grid-row {
  background-color: #fff;
}
.mp-grid-standard .ui-grid-row:hover {
  background-color: #e0f3ff;
}
.mp-grid-standard .ui-grid-row .ui-grid-cell:first-child {
  border-left: 1px solid #dddcdc;
}
.mp-grid-standard .ui-grid-row .ui-grid-cell:first-child:hover {
  border-left: 3px solid #0075c9;
}
.mp-grid-standard .ui-grid-row:nth-child(2n + 1) {
  background-color: #f5f8fc;
}
.mp-grid-standard .ui-grid-row:nth-child(2n + 1):hover {
  background-color: #e0f3ff;
}
.mp-grid-standard .ui-grid-row:nth-child(n) .ui-grid-cell {
  background-color: transparent;
}
.mp-grid-standard .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: #e0f3ff;
}
.mp-grid-standard .ui-grid-canvas {
  padding-top: 0px;
  border-right: 0px;
  border-bottom: 1px solid #dddcdc;
}

.mp-grid-alternate-1 .ui-grid-header-canvas {
  background-color: #dfe2e6;
}
.mp-grid-alternate-1 .ui-grid-header-cell-wrapper {
  background-color: transparent !important;
}
.mp-grid-alternate-1 .ui-grid-header-cell {
  background-color: transparent !important;
  border-color: #edf0f2;
}
.mp-grid-alternate-1 .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-color: #dfe2e6;
}
.mp-grid-alternate-1 .ui-grid-row {
  background-color: #ffffff !important;
}
.mp-grid-alternate-1 .ui-grid-row .ui-grid-cell:first-child {
  border-left: 1px solid #dddcdc;
}
.mp-grid-alternate-1 .ui-grid-row:nth-child(2n + 1) {
  background-color: #ebeff7 !important;
}
.mp-grid-alternate-1 .ui-grid-row:nth-child(2n) .ui-grid-cell,
.mp-grid-alternate-1 .ui-grid-row:nth-child(n) .ui-grid-cell {
  background-color: transparent !important;
}
.mp-grid-alternate-1 .ui-grid-canvas {
  padding-top: 0px;
  border-right: 0px;
}

.mp-grid-alternate-2 .ui-grid-header-canvas {
  background-color: #dfe2e6;
}
.mp-grid-alternate-2 .ui-grid-header-cell-wrapper {
  background-color: transparent;
}
.mp-grid-alternate-2 .ui-grid-header-cell {
  background-color: transparent;
  border-color: #edf0f2;
}
.mp-grid-alternate-2 .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-color: #dfe2e6;
}
.mp-grid-alternate-2 .ui-grid-row {
  background-color: #ffffff;
}
.mp-grid-alternate-2 .ui-grid-row-selected {
  background-color: #e5e8e9 !important;
}
.mp-grid-alternate-2 .ui-grid-row .ng-isolate-scope .ng-scope .ui-grid-cell:first-child {
  border-left-color: #dddcdc;
}
.mp-grid-alternate-2 .ui-grid-row:nth-child(2n + 1) {
  background-color: #ffffff;
}
.mp-grid-alternate-2 .ui-grid-row:nth-child(2n) .ui-grid-cell,
.mp-grid-alternate-2 .ui-grid-row:nth-child(n) .ui-grid-cell {
  background-color: transparent;
}
.mp-grid-alternate-2 .ui-grid-canvas {
  padding-top: 0px;
  border-right: 0px;
  border-left: 1px solid #dddcdc;
  border-bottom: 1px solid #dddcdc;
}

.mp-grid-alternate-3 .ui-grid-header-canvas {
  background-color: #dfe2e6;
}
.mp-grid-alternate-3 .ui-grid-header-cell-wrapper {
  background-color: transparent;
}
.mp-grid-alternate-3 .ui-grid-header-cell {
  background-color: transparent;
  border-color: #edf0f2;
}
.mp-grid-alternate-3 .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-color: #dfe2e6;
}
.mp-grid-alternate-3 .ui-grid-row {
  background-color: transparent;
}
.mp-grid-alternate-3 .ui-grid-row-selected {
  background-color: transparent !important;
}
.mp-grid-alternate-3 .ui-grid-row .ng-isolate-scope .ng-scope .ui-grid-cell:first-child {
  border-left-color: transparent;
}
.mp-grid-alternate-3 .ui-grid-row:nth-child(2n + 1) {
  background-color: transparent;
}
.mp-grid-alternate-3 .ui-grid-row:nth-child(2n) .ui-grid-cell,
.mp-grid-alternate-3 .ui-grid-row:nth-child(n) .ui-grid-cell {
  background-color: transparent;
}
.mp-grid-alternate-3 .ui-grid-canvas {
  padding-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 0px;
}

.mp-grid-alternate-4 .ui-grid-header-canvas {
  background-color: #dfe2e6;
}
.mp-grid-alternate-4 .ui-grid-header-cell-wrapper {
  background-color: transparent !important;
}
.mp-grid-alternate-4 .ui-grid-header-cell {
  background-color: transparent !important;
  border-color: #edf0f2;
}
.mp-grid-alternate-4 .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-color: #dfe2e6;
}
.mp-grid-alternate-4 .ui-grid-row {
  background-color: #ebeff7;
}
.mp-grid-alternate-4 .ui-grid-viewport {
  border-left: 1px solid #dddcdc;
}
.mp-grid-alternate-4 .ui-grid-row:nth-child(2n + 1) {
  background-color: #ffffff;
}
.mp-grid-alternate-4 .ui-grid-cell-contents {
  line-height: 15px;
  color: #242526;
}
.mp-grid-alternate-4 .ui-grid-row:nth-child(n) .ui-grid-cell {
  background-color: transparent;
  line-height: 28px;
}
.mp-grid-alternate-4 .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: #e0f3ff;
}
.mp-grid-alternate-4 .ui-grid-canvas {
  padding-top: 0px;
  border-right: 0px;
}
.mp-grid-alternate-4 .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #dddcdc;
}
.mp-grid-alternate-4 .ui-grid-split-merge-header {
  background: #dfe2e6 none repeat scroll 0 0 !important;
}
.mp-grid-alternate-4 .ui-grid-header-table tr td {
  border-bottom: 1px solid #dddcdc;
}
.mp-grid-alternate-4 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  border-right: 0px;
}
.mp-grid-alternate-4 .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  right: -1px;
  width: 1px;
  background-color: #dddcdc;
}
.mp-grid-alternate-4 .ui-grid-split-header-main {
  background: #dfe2e6 none repeat scroll 0 0;
}
.mp-grid-alternate-4 .ui-grid-header-cell .ui-grid-cell-contents {
  line-height: 26px;
  color: #242526;
}
.mp-grid-alternate-4 .disabled-row-text {
  color: #a5a6a7;
}

.mp-grid-standard-tree .mp-icon-arrow-open {
  background-position: center 14px;
}
.mp-grid-standard-tree .mp-icon-arrow-closed {
  background-position: center 12px;
}
.mp-grid-standard-tree .mp-grid-tree-cell {
  height: 28px;
  position: relative;
  white-space: nowrap;
}
.mp-grid-standard-tree .mp-grid-tree-arrow-container {
  display: inline-block;
  height: 28px;
  padding-left: 7px;
  position: relative;
  width: 16px;
  top: -17px;
}
.mp-grid-standard-tree .mp-grid-tree-empty-arrow-container {
  display: inline-block;
  width: 27px;
  height: 28px;
}
.mp-grid-standard-tree .mp-grid-tree-cell-content {
  color: #242526;
  display: inline-block;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px;
  white-space: nowrap;
  cursor: pointer;
  max-width: 82%;
}
.mp-grid-standard-tree .ui-grid-cell-contents {
  font-size: 14px;
  color: #242526;
}
.mp-grid-standard-tree .ui-grid-header-cell-primary-focus {
  font-size: 12px;
  font-weight: bold;
  padding: 10px 4px 4px 16px;
}
.mp-grid-standard-tree .ui-grid-canvas {
  border: none;
}
.mp-grid-standard-tree .ui-grid-viewport {
  overflow-x: hidden !important;
  border-left: 1px solid #dddcdc;
  border-bottom: 1px solid #dddcdc;
}

.mp-grid-standard-expandable-gradient {
  background: -moz-linear-gradient(
    top,
    rgba(198, 209, 216, 0.9) 17%,
    rgba(198, 209, 216, 0.75) 33%,
    rgba(198, 209, 216, 0.6) 50%,
    rgba(198, 209, 216, 0.4) 67%,
    rgba(198, 209, 216, 0.2) 83%,
    rgba(198, 209, 216, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(198, 209, 216, 0.9) 17%,
    rgba(198, 209, 216, 0.75) 33%,
    rgba(198, 209, 216, 0.6) 50%,
    rgba(198, 209, 216, 0.4) 67%,
    rgba(198, 209, 216, 0.2) 83%,
    rgba(198, 209, 216, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(198, 209, 216, 0.9) 17%,
    rgba(198, 209, 216, 0.75) 33%,
    rgba(198, 209, 216, 0.6) 50%,
    rgba(198, 209, 216, 0.4) 67%,
    rgba(198, 209, 216, 0.2) 83%,
    rgba(198, 209, 216, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$color-grid-expandable-gradient-standard-filter-start", endColorstr="$color-grid-expandable-gradient-standard-filter-end",GradientType=0 );
  height: 7px;
  width: 100%;
}

.mp-grid-standard-expandable .ui-grid-cell-contents {
  line-height: 12px;
}
.mp-grid-standard-expandable .ui-grid-header-cell-primary-focus {
  line-height: 14px;
  padding: 10px 4px 4px 16px;
}
.mp-grid-standard-expandable .ui-grid-canvas {
  border: none;
}
.mp-grid-standard-expandable .ui-grid-viewport {
  overflow-x: hidden !important;
  border-left: 1px solid #dddcdc;
  border-bottom: 1px solid #dddcdc;
}
.mp-grid-standard-expandable .mp-grid-expandable-cell-text {
  position: relative;
  top: 4px;
  padding-left: 3px;
}
.mp-grid-standard-expandable .mp-grid-expandable-row {
  background-color: #e6f0ff;
  border-bottom: 1px solid #dddcdc;
}
.mp-grid-standard-expandable .expandableRow {
  margin-top: 0px !important;
  background-color: #e6f0ff !important;
  border-bottom: 1px solid #dddcdc;
}
.mp-grid-standard-expandable .mp-grid-expandable-cell-selected {
  background-color: #cedaf1 !important;
}

.mp-grid-alternate-1-expandable .ui-grid-cell {
  border-color: #dddcdc !important;
}
.mp-grid-alternate-1-expandable .ui-grid-cell-contents {
  line-height: 16px;
  color: #242526;
}
.mp-grid-alternate-1-expandable .ui-grid-header-cell-primary-focus {
  line-height: 14px;
  padding: 10px 4px 4px 16px;
}
.mp-grid-alternate-1-expandable .ui-grid-canvas {
  border: none;
}
.mp-grid-alternate-1-expandable .ui-grid-viewport {
  overflow-x: hidden !important;
}
.mp-grid-alternate-1-expandable .ui-grid-row .ui-grid-cell:first-child {
  border-left: none;
}
.mp-grid-alternate-1-expandable .mp-grid-expandable-cell-text {
  position: relative;
  top: 12px;
  padding-left: 8px;
  font-size: 14px;
  margin-top: 8px;
}
.mp-grid-alternate-1-expandable .mp-grid-expandable-row {
  background-color: #e0f3ff;
  border-bottom: 1px solid #dddcdc;
}
.mp-grid-alternate-1-expandable .expandableRow {
  margin-top: 0px !important;
}

.mp-grid-alternate-2-expandable .ui-grid-row,
.mp-grid-alternate-2-expandable .ui-grid-row .mp-grid-expandable-row,
.mp-grid-alternate-2-expandable .ui-grid-row .expandableRow {
  background-color: #fff;
}
.mp-grid-alternate-2-expandable .ui-grid-row:nth-child(2n + 1),
.mp-grid-alternate-2-expandable .ui-grid-row:nth-child(2n + 1) .mp-grid-expandable-row,
.mp-grid-alternate-2-expandable .ui-grid-row:nth-child(2n + 1) .expandableRow {
  background-color: #f5f8fc;
}
.mp-grid-alternate-2-expandable .ui-grid-cell-contents {
  line-height: 12px;
  color: #242526;
}
.mp-grid-alternate-2-expandable .ui-grid-header-cell-primary-focus {
  line-height: 14px;
  padding: 10px 4px 4px 16px;
}
.mp-grid-alternate-2-expandable .ui-grid-canvas {
  border: none;
}
.mp-grid-alternate-2-expandable .ui-grid-viewport {
  overflow-x: hidden !important;
  border-left: 1px solid #dddcdc;
  border-bottom: 1px solid #dddcdc;
}
.mp-grid-alternate-2-expandable .mp-grid-expandable-cell-text {
  position: relative;
  top: 2px;
  padding-left: 3px;
}
.mp-grid-alternate-2-expandable .mp-grid-expandable-row {
  border-bottom: 1px solid #dddcdc;
  display: table-cell;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.mp-grid-alternate-2-expandable .expandableRow {
  margin-top: 0px !important;
  padding: 5px;
  border-bottom: 1px solid #dddcdc;
  border-top: 1px solid #dddcdc;
  display: table;
}
.mp-grid-alternate-2-expandable .mp-grid-expandable-cell-selected {
  background-color: #cedaf1 !important;
}

.mp-grid-section-header-standard {
  height: 40px;
  margin-top: 15px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * *\
 * name: _loaders								   *
 * desc: Import file which contains all classes	   *
 *	     used to build loading spinners 		   *
\* * * * * * * * * * * * * * * * * * * * * * * * * */
.mp-loader-page-container-standard {
  position: relative;
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 0px !important;
}

.mp-loader-window-background-standard {
  background-color: #edf0f2;
  height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 3;
}

.mp-loader-window-background-alternate-1 {
  background-color: #edf0f2;
  height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
}

.mp-loader-window-background-alternate-2 {
  background-color: #e6f0ff;
  height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 3;
}

.mp-loader-window-spinner-standard {
  color: #3f4145;
  display: block;
  font-size: 25px;
  line-height: 25px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.mp-loading-text-standard {
  padding-left: 10px;
  vertical-align: middle;
}

.mp-modal-loading-spinner-standard {
  color: #53565a;
  vertical-align: middle;
  font-size: 32px;
}

.mp-table-header-invalid-standard th {
  background-color: #dcccce !important;
  color: #b50d12;
  border: 1px solid #a5a6a7;
}

.mp-table-standard {
  border: 1px solid #dddcdc;
  width: 100%;
}
.mp-table-standard td,
.mp-table-standard th {
  padding-left: 7px;
}
.mp-table-standard th {
  border: 1px solid #dddcdc;
  background-color: #dce4eb;
  text-align: left;
  font-weight: bold;
}
.mp-table-standard td {
  border: 1px solid #dddcdc;
}

.mp-table-alternate-1 {
  border: 1px solid #dddcdc;
  width: 100%;
}
.mp-table-alternate-1 td,
.mp-table-alternate-1 th {
  padding-left: 7px;
}
.mp-table-alternate-1 th {
  border: 1px solid #dddcdc;
  background-color: #dce4eb;
  text-align: left;
  font-weight: bold;
}
.mp-table-alternate-1 td {
  border: 1px solid #dddcdc;
}

.mp-table-alternate-2 {
  border: 1px solid #dddcdc;
}
.mp-table-alternate-2 td,
.mp-table-alternate-2 th {
  padding-left: 7px;
}
.mp-table-alternate-2 th {
  border: 1px solid #dddcdc;
  background-color: #dfe2e6;
  text-align: left;
  font-weight: bold;
  padding: 7px;
}
.mp-table-alternate-2 td {
  border: 1px solid #dddcdc;
  line-height: 23px;
}
.mp-table-alternate-2 tr {
  background-color: #ffffff;
}
.mp-table-alternate-2 tr:nth-child(odd) {
  background-color: #ebeff7;
}
.mp-table-alternate-2 .row-selected {
  background-color: #d4e9f6 !important;
}

.mp-table-alternate-3 {
  border: 1px solid #dddcdc;
}
.mp-table-alternate-3 td,
.mp-table-alternate-3 th {
  padding-left: 7px;
}
.mp-table-alternate-3 th {
  border: 1px solid #dddcdc;
  background-color: #dfe2e6;
  text-align: left;
  font-weight: bold;
  padding: 7px;
}
.mp-table-alternate-3 td {
  border: 1px solid #dddcdc;
  line-height: 23px;
}
.mp-table-alternate-3 tr {
  background-color: #ffffff !important;
}
.mp-table-alternate-3 tr:nth-child(even) {
  background-color: #ebeff7 !important;
}
.mp-table-alternate-3 .row-selected {
  background-color: #d4e9f6 !important;
}

.mp-table-expandable-standard {
  border: 1px solid #dddcdc;
}
.mp-table-expandable-standard td,
.mp-table-expandable-standard th {
  padding-left: 7px;
}
.mp-table-expandable-standard th {
  border: 1px solid #dddcdc;
  background-color: #dfe2e6;
  text-align: left;
  font-weight: bold;
  padding: 7px;
}
.mp-table-expandable-standard td {
  border: 1px solid #dddcdc;
  line-height: 23px;
}
.mp-table-expandable-standard tr {
  background-color: #ffffff;
}
.mp-table-expandable-standard tr:nth-child(4n + 3) {
  background-color: #ebeff7;
}
.mp-table-expandable-standard tr:nth-child(even) {
  background-color: #e6f0ff;
}
.mp-table-expandable-standard .row-selected {
  background-color: #d4e9f6 !important;
}

.mp-table-expandable-alt-1 td,
.mp-table-expandable-alt-1 th {
  padding-left: 7px;
}
.mp-table-expandable-alt-1 th {
  border: 1px solid #dddcdc;
  background-color: #dfe2e6;
  text-align: left;
  font-weight: bold;
  padding: 7px;
}
.mp-table-expandable-alt-1 td {
  border: 1px solid #dddcdc;
  line-height: 23px;
}
.mp-table-expandable-alt-1 td:first-child {
  border-left: 0px;
}
.mp-table-expandable-alt-1 tr {
  background-color: #ffffff;
}
.mp-table-expandable-alt-1 tr:nth-child(4n + 3) {
  background-color: #ebeff7;
}
.mp-table-expandable-alt-1 tr:nth-child(even) {
  background-color: #ebebeb;
}
.mp-table-expandable-alt-1 .mp-table-expandable-header-alt-1 {
  line-height: 30px;
  border: 0px;
  background-color: #d6d5d5;
  border-bottom: 1px solid #dddcdc;
}
.mp-table-expandable-alt-1 .mp-table-expandable-header-alt-1:last-child {
  border-bottom: 1px solid #dddcdc;
}

.mp-table-expandable-alt-2 td,
.mp-table-expandable-alt-2 th {
  padding-left: 7px;
}
.mp-table-expandable-alt-2 th {
  border: 1px solid #dddcdc;
  background-color: #dfe2e6;
  text-align: left;
  font-weight: bold;
  padding: 7px;
}
.mp-table-expandable-alt-2 thead,
.mp-table-expandable-alt-2 tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.mp-table-expandable-alt-2 tbody {
  display: block;
  max-height: 100px;
  overflow-y: scroll;
}
.mp-table-expandable-alt-2 td {
  border: 1px solid #dddcdc;
  line-height: 23px;
}
.mp-table-expandable-alt-2 tr .mp-table-expandable-alt-2-parent-row:nth-child(odd) {
  background-color: #efefef;
}
.mp-table-expandable-alt-2 tr .mp-table-expandable-alt-2-child-row:nth-child(odd) {
  background-color: #efefef;
}
.mp-table-expandable-alt-2 tr .mp-table-expandable-alt-2-parent-row:nth-child(even) {
  background-color: #ffffff;
}
.mp-table-expandable-alt-2 tr .mp-table-expandable-alt-2-child-row:nth-child(even) {
  background-color: #ffffff;
}
.mp-table-expandable-alt-2 .mp-table-expandable-header-alt-1 {
  line-height: 30px;
  border: 0px;
  background-color: #d6d5d5;
  border-bottom: 1px solid #dddcdc;
}
.mp-table-expandable-alt-2 .mp-table-expandable-header-alt-1:last-child {
  border-bottom: 1px solid #dddcdc;
}

.mp-div-table-standard {
  background-color: #ffffff;
  border: 1px solid #dddcdc;
}

.mp-message-show-hide-message-button-standard {
  color: inherit;
  font-size: 12px;
  font-weight: normal;
  margin-left: 10px;
}

.mp-message-success-standard {
  color: #026f9f;
  background-color: #c5e2f3;
  overflow: hidden;
  padding: 10px;
}

.mp-message-error-standard {
  color: #b50d12;
  background-color: #dcccce;
  overflow: hidden;
  padding: 10px;
}

.mp-message-partial-standard {
  color: #333333;
  background-color: #eee0a5;
  overflow: hidden;
  padding: 10px;
}

.mp-message-success-alternate {
  color: #026f9f;
  background-color: #c5e2f3;
  padding: 10px 10px 10px 20px;
  height: 20px;
  line-height: 20px;
}

.mp-message-modal-success-standard {
  color: #026f9f;
  background-color: #c5e2f3;
  margin-bottom: 40px;
  padding: 10px;
}

.mp-message-modal-error-standard {
  color: #b50d12;
  background-color: #dcccce;
  margin-bottom: 40px;
  padding: 10px;
}

.mp-message-modal-partial-standard {
  color: #333333;
  background-color: #eee0a5;
  margin-bottom: 40px;
  padding: 10px;
}

.mp-message-bottom-margin-standard {
  margin-bottom: 10px;
}

.mp-message-inline-error-standard {
  color: #b50d12;
}

.mp_red_flag {
  background: transparent url(/ui/static/assets/images/flagRed-c5abc5c3950f5082ed8e8ddeeb77b8ac.png) no-repeat center center;
  display: inline-block;
  height: 14px;
  width: 13px;
}

.mp_red_flag_large {
  background: transparent url(/ui/static/assets/images/flagRedLg-0b0f6c9fd0116d27a2492e8af1fd0141.png) no-repeat center center;
  display: inline-block;
  height: 14px;
  width: 13px;
}

.mp_yellow_flag {
  background: transparent url(/ui/static/assets/images/flagNoteYellow-88f538fb1e94e1e9199b8b719b7ab377.png) no-repeat center center;
  display: inline-block;
  height: 14px;
  width: 13px;
}

.mp_yellow_flag_large {
  background: transparent url(/ui/static/assets/images/flagNoteYellowLarge-a96c3130173e2c011379bdfd7d656fd3.png) no-repeat center center;
  display: inline-block;
  height: 25px;
  width: 25px;
}

.mp-message-standard-icon-box {
  display: table-cell;
  font-size: 14px;
  padding-left: 6px;
  vertical-align: top;
}

.mp-message-standard-text-box {
  display: table-cell;
  padding-left: 3px;
  width: 100%;
  word-break: break-word;
}

.mp-message-standard-text-box-title {
  font-weight: bold;
  font-size: 15px;
}

.mp-message-standard-text-box-message {
  font-size: 12px;
}

.mp-message-standard-button-box {
  display: table-cell;
  padding-left: 5px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.mp-message-button-standard {
  background-color: #ffffff;
  border: none;
  color: #333333;
  cursor: pointer;
  font-size: 13px;
  height: 26px;
  margin: 3px;
  padding: 0px 16px;
}

.mp-message-standard-title-only-box {
  vertical-align: middle;
}

.mp-message-standard-list-box {
  margin: 10px -10px -10px -10px;
  padding: 10px 0px 10px 37px;
}

.mp-message-success-standard .mp-message-standard-list-box,
.mp-message-modal-success-standard .mp-message-standard-list-box {
  background-color: #baccac;
  color: #333333;
}

.mp-message-partial-standard .mp-message-standard-list-box,
.mp-message-modal-partial-standard .mp-message-standard-list-box {
  background-color: #f6efd0;
}

.mp-message-error-standard .mp-message-standard-list-box,
.mp-message-modal-error-standard .mp-message-standard-list-box {
  background-color: lightgray;
}

.mp-message-standard-list {
  position: relative;
}

.mp-message-standard-list-icon-success {
  color: #759a5a;
  display: inline-block;
  margin: 0px 1px 0px 2px;
}

.mp-message-standard-list-icon-partial {
  display: inline-block;
  margin: 0px 0px -2px 2px;
}

.mp-message-standard-list-icon-error {
  color: #b01b2a;
  display: inline-block;
  margin: 0px 2px;
}

.mp-animate-move-vert-test.ng-enter.ng-enter-active,
.mp-animate-move-vert-test.ng-leave {
  opacity: 1;
  top: 0;
  height: auto;
  padding: 10px;
}

.mp-animate-move-vert-test.ng-enter,
.mp-animate-move-vert-test.ng-leave {
  -webkit-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  position: relative;
  display: block;
}

.mp-animate-move-vert-test.ng-leave.ng-leave-active,
.mp-animate-move-vert-test.ng-enter {
  opacity: 0;
  top: -5px;
  height: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.mp-animate-move-vert-standard.ng-enter.ng-enter-active,
.mp-animate-move-vert-standard.ng-leave {
  opacity: 1;
  top: 0;
  height: 40px;
  z-index: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.mp-animate-move-vert-standard.ng-enter,
.mp-animate-move-vert-standard.ng-leave {
  -webkit-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.mp-animate-move-vert-standard.ng-leave.ng-leave-active,
.mp-animate-move-vert-standard.ng-enter {
  opacity: 1;
  top: -20px;
  height: 0px;
  z-index: 0;
  padding-top: 0px;
  padding-bottom: 0px;
}

.mp-animate-move-vert-alternate.ng-enter.ng-enter-active,
.mp-animate-move-vert-alternate.ng-leave {
  opacity: 1;
  top: 0;
  height: 20px;
  z-index: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.mp-animate-move-vert-alternate.ng-enter,
.mp-animate-move-vert-alternate.ng-leave {
  -webkit-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.mp-animate-move-vert-alternate.ng-leave.ng-leave-active,
.mp-animate-move-vert-alternate.ng-enter {
  opacity: 1;
  top: -20px;
  height: 0px;
  z-index: 0;
  padding-top: 0px;
  padding-bottom: 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * *\
 * name: _inputs			   					   *
 * desc: Import file which contains all classes	   *
 *	     used to build standard Media Portal	   *
 *	     input elements							   *
\* * * * * * * * * * * * * * * * * * * * * * * * * */
.mp-input-required-astrisk {
  color: #b50d12;
}

.mp-input-invalid-standard {
  background-color: #dcccce;
  color: #b50d12;
  border: 1px solid #a5a6a7;
}

.mp-input-textbox-standard {
  border: 1px solid #a5a6a7;
}

.mp-input-textbox-alternate-1 {
  border-color: #9a9b9c;
}

.mp-input-textbox-alternate-3 {
  border: 1px solid #a9a9a9;
}

.mp-input-textbox-alternate-3.ng-invalid {
  background-color: #dcccce;
  color: #b50d12;
}

.mp-input-checkbox-alignment-standard {
  position: relative;
  top: 3px;
}

/* hide checkbox and radio inputs from modern browsers */
input[type='checkbox'].mp-input-checkbox-custom-standard,
input[type='radio'].mp-input-radio-custom-standard {
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  apperance: none;
  display: none;
}

/* set default styles for the checkboxes and radio buttons */
.mp-input-checkbox-custom-standard-label,
.mp-input-radio-custom-standard-label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: 1px;
  background: #ffffff;
  margin-right: 4px;
}

.mp-input-checkbox-custom-standard-label {
  border: 1px solid;
  border-radius: 0.3em;
  font-size: 9px;
  color: #616365;
  padding: 0px 5px;
  height: 10px;
  line-height: 12px;
  cursor: pointer;
}

input[type='checkbox'].mp-input-checkbox-custom-standard:checked
  + label
  span.mp-input-checkbox-custom-standard-label:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '';
  position: absolute;
  top: -4px;
  right: -4px;
  z-index: 1;
  font-size: 8px;
  margin-right: 5px;
  line-height: 18px;
}

.mp-input-radio-custom-standard-label {
  border: 1px solid;
  border-radius: 10px;
  font-size: 9px;
  color: #616365;
  padding: 0px 5px;
  height: 10px;
  line-height: 12px;
  cursor: pointer;
}

input[type='radio'].mp-input-radio-custom-standard:checked + label span.mp-input-radio-custom-standard-label:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '';
  position: absolute;
  top: -1.5px;
  right: -0.9px;
  z-index: 1;
  font-size: 5px;
  line-height: 13px;
  width: 12px;
  text-align: center;
}

.mp-input-text-button-standard {
  float: left;
  top: 0px;
  position: relative;
  width: 111px;
  background: #ffffff;
  border: 1px solid #dddcdc;
  height: 17px;
}

.mp-input-text-button-image-standard {
  background: transparent url('/ui/static/assets/images/search-20077f5f95db9c53165ab105a165da1d.png') no-repeat scroll 50% center;
  border-color: #dddcdc;
  border-style: solid solid none none;
  border-width: 1px 1px 0 0;
  display: inline-block;
  float: left;
  height: 20px;
  left: -22px;
  line-height: 17px;
  position: relative;
  top: 0px;
  width: 22px;
  top: 1px\9;
  left: -23px\9;
  height: 20px\9;
  border-width: 0\9;
}

.mp-input-text-button-image-standard-enabled {
  background: #3ea1da url('/ui/static/assets/images/searchWhite-91c6a9fec4e1e47c37dfed7e7e354f8b.png') no-repeat scroll 50% center !important;
}

.mp-input-text-button-image-standard-enabled:hover {
  background-color: #2277a8 !important;
  cursor: pointer;
}

.mp-input-text-button-image-standard-enabled:active {
  background: #064569 url('/ui/static/assets/images/searchDown-61b59217b05f7be78dd88ef250fdafb8.png') no-repeat scroll 50% center !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * *\
 * name: _modals								   *
 * desc: Import file which contains all classes	   *
 *	     used to build modals.					   *
\* * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * Base Modal Stuff * * * */
.modal-backdrop {
  background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
  z-index: 2001 !important;
}

/* * * * Base Modal End  * * * */
/* * * * Mixins Start * * * */
/* * * * Mixins End  * * * */
/* * * * Standard Modal Start * * * */
.mp-modal-standard {
  background: transparent;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2002 !important;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  font-size: 14px;
}

.mp-modal-standard-dialog {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  background-color: #f4f5f6;
  min-height: 100px;
  min-width: 100px;
  outline: 0;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  -webkit-background-clip: padding-box;
}

.mp-modal-standard-dialog-center {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mp-modal-standard-content {
  position: relative;
}

.mp-modal-standard-header {
  background-color: #38c6f4;
  color: #242526;
  font-weight: bold;
  height: 40px !important;
  line-height: 40px;
  margin: 0;
  padding-left: 16px;
  text-align: left;
}

.terms-modal-dialog__modal_standard {
  width: 500px;
  margin-top: 50px;
}

.mp-modal-standard-body {
  padding: 16px;
  position: relative;
  word-wrap: break-word;
}

.mp-modal-spinner {
  text-align: center;
  transform: translateY(40%);
}

.statusSpinnerModalText {
  font-size: medium;
  margin-top: 10px;
}

.mp-modal-text-area {
  width: 100%;
  height: 250px;
  border: none;
  background: transparent;
  resize: none;
}

.mp-modal-standard-footer {
  padding: 8px 14px 16px;
  position: relative;
  text-align: center;
}

.mp-modal-content-standard {
  background-color: #edf0f2;
}

.mp-modal-header-standard {
  background-color: #38c6f4;
  color: #242526;
}


.mp-modal-standard.configure-timeout-modal .mp-modal-standard-dialog,
.mp-modal-standard.configure-timeout-modal .configure_modal_dialog {
  width: 255px !important;
  max-width: 255px !important;
  min-width: 255px !important;
  height: auto !important;
  position: relative !important;
  margin: 50px auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
}

.configure-timeout-modal .configure_modal {
  margin-top: 10%;
  margin-left: auto;
  margin-right: auto;
}

.configure-timeout-modal .configure_modal_dialog {
  width: 255px;
}

.configure-timeout-modal .radioButtonSection_configure_modal {
  margin-left: 20px;
}

/* * * * Standard Modal End * * * */
/* * * * Popup Modal Start * * * */
.mp-modal-popup-standard {
  position: relative;
  z-index: 2002 !important;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  font-size: 12px;
}

.mp-modal-popup-standard-dialog {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  background-color: #edf0f2;
  min-height: 100px;
  min-width: 100px;
  outline: 0;
  position: absolute;
  -webkit-background-clip: padding-box;
}

.mp-modal-popup-standard-content {
  position: relative;
}

.mp-modal-popup-standard-header {
  background-color: #3f4145;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  height: 30px !important;
  line-height: 30px;
  margin: 0;
  padding-left: 14px;
  text-align: left;
}

.mp-modal-popup-standard-body {
  padding: 14px 16px;
  position: relative;
  word-wrap: break-word;
}

.mp-modal-popup-standard-footer {
  padding: 8px 14px 16px;
  position: relative;
  text-align: center;
}

.mp-modal-popup-standard-close-button {
  background: transparent url('/ui/static/assets/images/exitButton-b22d63d16a92d2d8f3aba3a3419c4675.png') no-repeat center center;
  border: none;
  float: right;
  height: 11px;
  cursor: pointer;
  margin: 8px;
  width: 10px;
}

.mp-modal-popup-content-standard {
  background-color: #edf0f2;
}

.mp-modal-popup-header-standard {
  background-color: #3f4145;
  color: #ffffff;
}

/* * * * Popup Modal End * * * */
.mp-modal-standard-loading-spinner {
  color: #242526;
  vertical-align: middle;
  font-size: 32px;
}

.mp-modal-standard-loading-content {
  background-color: #edf0f2;
}

.mp-modal-standard-loading-dialog {
  width: 405px;
  top: 50%;
  position: relative;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mp-modal-standard-loading-body {
  position: relative;
  padding: 16px;
}

.mp-modal-standard-loading-spinner-greyout {
  background-color: #edf0f2;
}

.mp-modal-standard-loading-text {
  padding-left: 10px;
  vertical-align: middle;
}

.mp-modal-standard .modal-header {
  background-color: #38c6f4;
  color: #242526;
}

.mp-modal-standard .modal-title {
  text-align: left;
  font-weight: bold;
  padding-left: 16px;
  height: 40px !important;
  line-height: 40px;
  margin: 0;
}

.mp-modal-standard .modal-dialog {
  position: relative;
  z-index: 2001;
}

.mp-modal-standard .modal-content {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  position: relative;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
}

.mp-modal-standard .modal-body {
  position: relative;
  padding: 16px;
  word-wrap: break-word;
}

.modal-open .modal {
  background: transparent;
  overflow: hidden;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

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

/* * * Tooltip Styles Start * * */
.mp-tooltip-standard {
  position: absolute;
  z-index: 1060;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
}

.mp-tooltip-standard.right {
  box-shadow: 14px 14px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 14px 14px 5px rgba(0, 0, 0, 0.3);
  margin-left: 15px;
}

.mp-tooltip-standard.left {
  box-shadow: -14px 14px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: -14px 14px 5px rgba(0, 0, 0, 0.3);
  margin-left: -15px;
}

.mp-tooltip-standard-title {
  background-color: #6e7072;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0px 7px 0px 14px;
  text-align: left;
}

.mp-tooltip-standard-content {
  background-color: #e2e2e2;
  font-size: 11px;
  font-weight: normal;
  line-height: 16px;
  margin-top: 0px;
  padding: 16px;
  width: auto;
  border-radius: 0px;
  border-top: 0px;
  margin-right: -1px;
}

.mp-tooltip-standard-arrow {
  background: transparent url(/ui/static/assets/images/tooltipArrow-975f463b0ff4668083e02efc48051153.png) no-repeat center center;
  height: 25px;
  width: 12px;
  top: 0px;
}

.mp-tooltip-standard.right .mp-tooltip-standard-arrow {
  left: -12px;
  margin-top: 0px;
  position: absolute;
}

.mp-tooltip-standard.left .mp-tooltip-standard-arrow {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: 'FlipH';
  margin-top: 0px;
  position: absolute;
  right: -12px;
}

.icon-close,
.mp-modal-standard-close-button,
.mp-modal-standard .modal-close-button {
  position: absolute;
  right: 0px;
  width: 40px;
  height: 40px;
  opacity: 0.6;
  border: none;
  background: transparent;
  cursor: pointer;
}

.icon-close:hover,
.mp-modal-standard-close-button:hover,
.mp-modal-standard .modal-close-button:hover {
  opacity: 1;
}

.icon-close:before,
.mp-modal-standard-close-button:before,
.mp-modal-standard .modal-close-button:before,
.icon-close:after,
.mp-modal-standard-close-button:after,
.mp-modal-standard .modal-close-button:after {
  position: absolute;
  left: 17px;
  content: ' ';
  height: 16px;
  width: 2px;
  top: 12px;
  background-color: #3f4145;
}

.icon-close:before,
.mp-modal-standard-close-button:before,
.mp-modal-standard .modal-close-button:before {
  transform: rotate(45deg);
}

.icon-close:after,
.mp-modal-standard-close-button:after,
.mp-modal-standard .modal-close-button:after {
  transform: rotate(-45deg);
}

.mp-tab-standard {
  border: 0px;
  color: #242526;
  display: inline-block;
  height: 22px;
  position: relative;
  top: 20px;
  font-weight: 600;
  font-size: 14px;
  margin-right: 5px;
  padding: 2px 15px 0px 15px;
  -webkit-appearance: inherit;
}

.mp-tab-standard:hover {
  color: #72767a;
  cursor: pointer;
}

.mp-tab-standard-selected {
  cursor: pointer;
  border-bottom: 3px solid #0047bb;
}

.mp-tab-standard-selected:hover {
  cursor: pointer;
}

.mp-tab-standard-container {
  background-color: #edf0f2;
  padding: 15px;
}

.mp-tab-standard-container-2 {
  background-color: #edf0f2;
  padding-top: 15px;
}

.mp-tab-standard-title {
  font-size: 14px;
  font-weight: 600;
  max-width: 130px;
  overflow-x: hidden;
  padding-top: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  display: inline-block;
}

.mp-tab-standard-close-button {
  color: #616365;
  cursor: pointer;
  font-size: 8px !important;
  left: 5px;
  position: relative;
  top: -13px;
  width: 0px;
}

.mp-tab-standard-selected-close-button {
  color: #616365;
}

.mp-tab-alternate-1 {
  background-color: #e2e2e2;
  border-bottom: 1px solid #d1d1d1;
  display: inline-block;
  height: 22px;
  position: relative;
  top: 7px;
  padding: 2px 15px 0px 15px;
  max-width: 120px;
  -webkit-appearance: inherit;
  z-index: 2;
}

.mp-tab-alternate-1:hover {
  cursor: pointer;
  background-color: #d7d7d7;
}

.mp-tab-alternate-1-first-child {
  border-left: 1px solid #d1d1d1;
}

.mp-tab-alternate-1-selected {
  background-color: #edf0f2;
  border-bottom: 0px;
  cursor: pointer;
  padding-bottom: 1px;
  z-index: 2;
}

.mp-tab-alternate-1-selected:hover {
  cursor: normal;
  background-color: #edf0f2;
}

.mp-tab-alternate-1-container {
  background-color: #edf0f2;
  padding: 0px 15px 15px 15px;
  position: relative;
  top: 6px;
}

.mp-tab-alternate-2 {
  background-color: #e2e2e2;
  border-top: 1px solid #dddcdc;
  border-right: 1px solid #dddcdc;
  border-bottom: 1px solid #dddcdc;
  display: inline-block;
  position: relative;
  top: 7px;
  padding: 2px 15px 0px 15px;
  max-width: 120px;
  -webkit-appearance: inherit;
  z-index: 2;
}

.mp-tab-alternate-2:hover {
  cursor: pointer;
}

.mp-tab-alternate-2-first-child {
  border-left: 1px solid #dddcdc;
}

.mp-tab-alternate-2-selected {
  background-color: #efefef;
  border-bottom: 0px;
  cursor: pointer;
  padding-bottom: 1px;
  z-index: 2;
}

.mp-tab-alternate-2-selected:hover {
  cursor: normal;
  background-color: #efefef;
}

.mp-tab-alternate-2-container {
  background-color: #efefef;
  border: 1px solid #dddcdc;
  padding: 15px;
  position: relative;
  top: 6px;
}

.mp-tab-alternate-3 {
  background-color: #e2e2e2;
  border-top: 1px solid #dddcdc;
  border-right: 1px solid #dddcdc;
  border-bottom: 1px solid #dddcdc;
  display: inline-block;
  height: 22px;
  position: relative;
  padding: 2px 15px 0px 15px;
  max-width: 120px;
  -webkit-appearance: inherit;
  z-index: 2;
  font-size: 11px;
  width: auto;
  line-height: 22px;
  text-align: center;
}

.mp-tab-alternate-3:hover {
  cursor: pointer;
  background-color: #d7d7d7;
}

.mp-tab-alternate-3-first-child {
  border-left: 1px solid #dddcdc;
}

.mp-tab-alternate-3-selected {
  background-color: #efefef;
  border-bottom: 0px;
  cursor: pointer;
  padding-bottom: 1px;
  z-index: 2;
}

.mp-tab-alternate-3-selected:hover {
  cursor: normal;
  background-color: #efefef;
}

.mp-tab-alternate-3-container {
  background-color: #efefef;
  border: 1px solid #dddcdc;
  padding: 15px;
  position: relative;
  top: -1px;
}

.mp-tab-standard-vertical {
  background-color: #dfe2e6;
  display: block;
  height: 22px;
  line-height: 13px;
  position: relative;
  padding: 2px 15px 0px 5px;
  max-width: 130px;
  -webkit-appearance: inherit;
  z-index: 2;
  transition: 0.3s;
}

.mp-tab-standard-vertical-invalid {
  border: 1px solid #b50d12;
}

.mp-tab-standard-vertical-container {
  border: 1px solid #ccc;
  position: relative;
}

.mp-tab-standard-vertical-tabs-container {
  background-color: #dfe2e6;
  float: left;
  width: 130px;
}

.mp-tab-standard-vertical-content-container {
  float: left;
  width: calc(100% - 130px);
  position: absolute;
  margin-left: 130px;
  margin-right: 40px;
  background-color: #efefef;
}

.mp-tab-standard-vertical-tabs-container,
.mp-tab-standard-vertical-content-container,
.mp-tab-standard-vertical-container {
  height: 300px;
}

.mp-tab-standard-vertical:hover {
  cursor: pointer;
  background-color: #d7d7d7;
}

.mp-tab-standard-vertical-selected,
.mp-tab-standard-vertical-selected:hover {
  cursor: normal;
  background-color: #cedaf1;
}

.mp-animate-tab.ng-enter.ng-enter-active,
.mp-animate-tab.ng-leave {
  opacity: 1;
  height: 100%;
}

.mp-animate-tab.ng-enter {
  -webkit-transition: 400ms cubic-bezier(0.42, 0, 1, 1) all;
  -moz-transition: 400ms cubic-bezier(0.42, 0, 1, 1) all;
  -ms-transition: 400ms cubic-bezier(0.42, 0, 1, 1) all;
  -o-transition: 400ms cubic-bezier(0.42, 0, 1, 1) all;
  transition: 400ms cubic-bezier(0.42, 0, 1, 1) all;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.mp-animate-tab.ng-leave.ng-leave-active,
.mp-animate-tab.ng-enter {
  opacity: 0;
  height: 0px;
}

.mp-filter-section-standard {
  margin: 0px auto;
  margin-right: auto;
  padding-bottom: 0px;
  border: none;
  float: right;
  margin-right: 13px;
  position: relative;
  top: 10px;
}
.mp-filter-section-standard td {
  position: relative;
  vertical-align: middle;
  top: 2px;
  padding-left: 7px;
}
.mp-filter-section-standard td:first-child {
  padding-left: 0px;
}
.mp-filter-section-standard .pipeTD {
  padding-left: 10px;
  width: 1px;
  top: 5px;
}
.mp-filter-section-standard .mp-filter-input {
  position: relative;
  background: #fff url('/ui/static/assets/images/search-20077f5f95db9c53165ab105a165da1d.png') no-repeat scroll 98% 50%;
  padding: 2px;
  padding-right: 2px;
  padding-right: 21px;
  border: 1px solid #d0d0d0;
  width: 200px;
}
.mp-pipe-divider-container-standard {
  padding-left: 10px;
  width: 1px;
  top: 5px;
}

.mp-pipe-divider-standard {
  background: #efefef url(/ui/static/assets/images/pipeDivider-f05d5a98f571b3a9a6985dbbc1c8e3b1.png) repeat-y center center;
  width: 1px;
  height: 30px;
  margin-top: -10px;
}

.mp-filter-input-standard {
  position: relative;
  background: #fff url('/ui/static/assets/images/search-20077f5f95db9c53165ab105a165da1d.png') no-repeat scroll 98% 50%;
  padding: 2px;
  padding-right: 2px;
  padding-right: 21px;
  border: 1px solid #d0d0d0;
  width: 200px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * *\
 * name: _date-picker			   				   *
 * desc: Import file which contains all classes	   *
 *	     used to build standard Media Portal	   *
 *	     date pickers.							   *
\* * * * * * * * * * * * * * * * * * * * * * * * * */
.mp-date-picker-standard {
  max-height: 300px;
  overflow-y: scroll;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  overflow: auto;
  min-width: 160px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.mp-date-picker-standard table {
  background-color: #ffffff;
}
.mp-date-picker-standard th {
  padding-bottom: 5px;
}
.mp-date-picker-standard .btn-default {
  color: #333;
  width: 20px;
}
.mp-date-picker-standard .btn-header-default {
  background-color: #ffffff;
}
.mp-date-picker-standard .btn {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.mp-date-picker-standard .btn-block {
  background-color: transparent;
  height: 34px;
  width: 100%;
}
.mp-date-picker-standard .btn-info {
  background-color: #3ea1da;
  color: #ffffff;
}
.mp-date-picker-standard .btn-primary {
  background-color: #3ea1da;
  color: #ffffff;
}
.mp-date-picker-standard .btn-default.disabled,
.mp-date-picker-standard .btn-default.disabled.active,
.mp-date-picker-standard .btn-default.disabled.focus,
.mp-date-picker-standard .btn-default.disabled:active,
.mp-date-picker-standard .btn-default.disabled:focus,
.mp-date-picker-standard .btn-default.disabled:hover,
.mp-date-picker-standard .btn-default[disabled],
.mp-date-picker-standard .btn-default.active[disabled],
.mp-date-picker-standard .btn-default.focus[disabled],
.mp-date-picker-standard .btn-default[disabled]:active,
.mp-date-picker-standard .btn-default[disabled]:focus,
.mp-date-picker-standard .btn-default[disabled]:hover,
.mp-date-picker-standard fieldset[disabled] .btn-default,
.mp-date-picker-standard fieldset[disabled] .btn-default.active,
.mp-date-picker-standard fieldset[disabled] .btn-default.focus,
.mp-date-picker-standard fieldset[disabled] .btn-default:active,
.mp-date-picker-standard fieldset[disabled] .btn-default:focus {
  background-color: #ffffff;
}
.mp-date-picker-standard .btn-today[disabled] {
  background-color: #3ea1da;
}
.mp-date-picker-standard .btn-info[disabled] {
  background-color: #3ea1da;
}
.mp-date-picker-standard .btn-primary[disabled] {
  background-color: #3ea1da;
}
.mp-date-picker-standard .btn-default:hover {
  background-color: #b1b2b3;
}
.mp-date-picker-standard .btn.disabled,
.mp-date-picker-standard .btn[disabled],
.mp-date-picker-standard fieldset[disabled] .btn {
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
  pointer-events: none;
}
.mp-date-picker-standard .pull-left,
.mp-date-picker-standard .pull-right {
  height: 34px;
  background-color: transparent;
}
.mp-date-picker-standard .text-muted {
  color: #7b7e80;
}
.mp-date-picker-standard .text-center {
  text-align: center;
}
.mp-date-picker-standard .dropdown-menu.datepicker {
  width: 250px;
}
.mp-date-picker-standard .dropdown-menu > table > thead > tr > th > .btn,
.mp-date-picker-standard .dropdown-menu > table > tbody > tr > th > .btn,
.mp-date-picker-standard .dropdown-menu > table > tfoot > tr > th > .btn {
  background-color: #ffffff;
}
.mp-date-picker-standard .dropdown-menu > table > thead > tr > th > .btn:hover,
.mp-date-picker-standard .dropdown-menu > table > tbody > tr > th > .btn:hover {
  background-color: #b1b2b3;
}
.mp-date-picker-standard .select.dropdown-menu {
  overflow-x: hidden;
  width: auto;
  max-height: 250px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * *\
 * name: _time-picker			   				   *
 * desc: Import file which contains all classes	   *
 *	     used to build standard Media Portal	   *
 *	     time pickers.							   *
\* * * * * * * * * * * * * * * * * * * * * * * * * */
.mp-time-picker-standard {
  background-color: #ffffff;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 98px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.mp-time-picker-standard .dropdown-menu:focus {
  outline: none;
}
.mp-time-picker-standard .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.mp-time-picker-standard .dropdown-menu .divider {
  border-top: 1px dashed #c2c2c2;
  height: 3px;
  margin-top: 4px;
}
.mp-time-picker-standard .dropdown-menu > li > a {
  display: block;
  padding: 0px 5px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  min-width: 231px;
}
.mp-time-picker-standard .dropdown-menu > li > a:hover,
.mp-time-picker-standard .dropdown-menu > li > a:focus {
  text-decoration: none;
  /* background-color: #ebf5fb; */
}
.mp-time-picker-standard .dropdown-menu > .active > a,
.mp-time-picker-standard .dropdown-menu > .active > a:hover,
.mp-time-picker-standard .dropdown-menu > .active > a:focus {
  color: #333333;
  text-decoration: none;
  /* background-color: #cfe7f6; */
  outline: 0;
}
.mp-time-picker-standard .dropdown-menu > .disabled > a,
.mp-time-picker-standard .dropdown-menu > .disabled > a:hover,
.mp-time-picker-standard .dropdown-menu > .disabled > a:focus {
  /* color: #777; */
}
.mp-time-picker-standard .dropdown-menu > .disabled > a:hover,
.mp-time-picker-standard .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.mp-time-picker-standard .open > .dropdown-menu {
  display: block;
}
.mp-time-picker-standard .btn-default {
  background-color: lightgray;
  color: #333;
}
.mp-time-picker-standard .btn {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: 30px;
  height: 30px;
}
.mp-time-picker-standard .btn-block {
  display: block;
  width: 100%;
}
.mp-time-picker-standard .btn-info {
  background-color: #6eb9e3;
  color: #fff;
}
.mp-time-picker-standard .btn-default.disabled,
.mp-time-picker-standard .btn-default.disabled.active,
.mp-time-picker-standard .btn-default.disabled.focus,
.mp-time-picker-standard .btn-default.disabled:active,
.mp-time-picker-standard .btn-default.disabled:focus,
.mp-time-picker-standard .btn-default.disabled:hover,
.mp-time-picker-standard .btn-default[disabled],
.mp-time-picker-standard .btn-default.active[disabled],
.mp-time-picker-standard .btn-default.focus[disabled],
.mp-time-picker-standard .btn-default[disabled]:active,
.mp-time-picker-standard .btn-default[disabled]:focus,
.mp-time-picker-standard .btn-default[disabled]:hover,
.mp-time-picker-standard fieldset[disabled] .btn-default,
.mp-time-picker-standard fieldset[disabled] .btn-default.active,
.mp-time-picker-standard fieldset[disabled] .btn-default.focus,
.mp-time-picker-standard fieldset[disabled] .btn-default:active,
.mp-time-picker-standard fieldset[disabled] .btn-default:focus {
  background-color: #fff;
}
.mp-time-picker-standard .btn-default:hover {
  background-color: darkgray;
}
.mp-time-picker-standard .btn.disabled,
.mp-time-picker-standard .btn[disabled],
.mp-time-picker-standard fieldset[disabled] .btn {
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
  pointer-events: none;
}
.mp-time-picker-standard .text-muted {
  color: #777;
}
.mp-time-picker-standard .text-center {
  text-align: center;
}
.mp-time-picker-standard .dropdown-menu > table > thead > tr > th > .btn,
.mp-time-picker-standard .dropdown-menu > table > tbody > tr > th > .btn,
.mp-time-picker-standard .dropdown-menu > table > tfoot > tr > th > .btn {
  background-color: white;
}
.mp-time-picker-standard .dropdown-menu > table > thead > tr > th > .btn:hover,
.mp-time-picker-standard .dropdown-menu > table > tbody > tr > th > .btn:hover {
  background-color: darkgrey;
}
.mp-time-picker-standard .select.dropdown-menu {
  overflow-x: hidden;
  width: auto;
  max-height: 250px;
}
.mp-time-picker-standard .btn-primary {
  background-color: #6eb9e3;
  color: #fff;
}
.mp-time-picker-standard .dropdown-menu > table > thead > tr > th > .btn,
.mp-time-picker-standard .dropdown-menu > table > tbody > tr > th > .btn,
.mp-time-picker-standard .dropdown-menu > table > tfoot > tr > th > .btn {
  background-color: white;
}
.mp-time-picker-standard .dropdown-menu > table > thead > tr > th > .btn:hover,
.mp-time-picker-standard .dropdown-menu > table > tbody > tr > th > .btn:hover {
  background-color: darkgrey;
}
.mp-time-picker-standard .btn[disabled] > span {
  color: #333333;
}

.mp-time-picker-input-standard {
  background-image: url(/ui/static/assets/images/cal-c15ec54233599d1ce3cf3b0bc4654f1c.png);
  background-position-x: 97%;
  background-position-y: center;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-repeat: no-repeat;
}

.mp-lumen-button-primary {
  background-color: #0075c9;
  color: #fff;
  border: 0.0625rem solid transparent;
  justify-content: center;
  font-size: 14px;
  padding: 12px 32px 11px 32px;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 0.25rem;
  display: inline-flex;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  height: 40px;
  text-transform: uppercase;
  font-size: 13px;
  height: 28px;
  padding: 2px 14px;
  outline: none;
}
.mp-lumen-button-primary:hover {
  background-color: #00529a;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}
.mp-lumen-button-primary:active {
  background-color: #004078;
}
.mp-lumen-button-primary:disabled {
  pointer-events: none;
  color: #65686c;
  background-color: #f4f5f6;
  border-color: #d0d4d9;
}

.mp-lumen-button-secondary {
  background-color: #fff;
  color: #0075c9;
  border: 0.0625rem solid #0075c9;
  justify-content: center;
  font-size: 14px;
  padding: 12px 32px 11px 32px;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 0.25rem;
  display: inline-flex;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  height: 40px;
  text-transform: uppercase;
  margin-left: 8px;
  font-size: 13px;
  height: 28px;
  padding: 2px 14px;
  outline: none;
}
.mp-lumen-button-secondary:hover {
  border-color: #0c9ed9;
}
.mp-lumen-button-secondary:active {
  color: #083176;
  border-color: #00529a;
}
.mp-lumen-button-secondary:disabled {
  pointer-events: none;
  color: #65686c;
  background-color: #f4f5f6;
  border-color: #d0d4d9;
}

.mp-lumen-button-tertiary {
  background-color: #fff;
  color: #0075c9;
  border: 1px solid #0075c9;
  font-size: 12px;
  padding: 5px 16px 4px 16px;
  font-weight: 600;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  height: 24px;
}
.mp-lumen-button-tertiary:hover {
  border-color: #0c9ed9;
}
.mp-lumen-button-tertiary:active {
  color: #083176;
  border-color: #00529a;
}
.mp-lumen-button-tertiary:disabled {
  pointer-events: none;
  color: #65686c;
  background-color: #f4f5f6;
  border-color: #d0d4d9;
}

a {
  color: #0262b9;
}

.mp-lumen-text-input {
  padding: 0.4375rem 0.75rem;
  border: 0.0625rem solid #d0d4d9;
  color: #242526;
  display: block;
  outline: none;
  max-width: 94%;
  width: auto;
}
.mp-lumen-text-input:focus {
  border-color: #0c9ed9;
  box-shadow: 0 0 0 1px #0c9ed9;
}

.mp-lumen-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
}

.mp-lumen-checkbox {
  display: inline;
  vertical-align: sub;
}

.access-groups-buttons {
  float: right;
  margin: 7px 0px 0px 8px;
}

.user-profiles-buttons {
  float: right;
  margin-bottom: 8px;
}

.sso-mgmt-buttons {
  margin-left: 8px;
}

.mp-lumen-card {
  background-color: #f4f5f6;
  font-size: 0.875rem;
  border: 0;
  border-radius: 0;
}
.mp-lumen-card .mp-lumen-card-header {
  align-items: center;
  background-color: #dadee2;
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  min-height: 2rem;
  padding: 0.5rem 1rem;
  position: relative;
}
.mp-lumen-card .mp-lumen-card-header .dropdown-header {
  width: 100%;
}
.mp-lumen-card .mp-lumen-card-content {
  display: flex;
  line-height: 1.25rem;
  padding: 1rem;
  min-height: 100px;
}
.mp-lumen-card .mp-lumen-card-title {
  font-weight: 600;
  line-height: 1.5rem;
  margin: 0;
}
.mp-lumen-card .mp-lumen-card-caption {
  position: relative;
  line-height: 1.25rem;
  width: 100%;
  margin: 0;
  padding: 0;
}
.mp-lumen-card .mp-lumen-card-loader {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mp-lumen-card .mp-lumen-card-loader .mp-lumen-card-loader-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mp-lumen-card .support-link {
  width: 100%;
  display: block;
}
.mp-lumen-card .contact-link {
  padding-bottom: 7px;
}
.mp-lumen-card .mp-loader-window-background-standard {
  background-color: #f4f5f6;
}

.mp-chart-standard-area .c3 path {
  opacity: 0.4;
}

.boldText {
  font-weight: bold;
}

tr.spaceUnder > td {
  padding-bottom: 0.5em;
}

.mp-sso-table td {
  padding-right: 15px;
}

/*#region Spacing*/
/*#endregion */
/*#region Border*/
/*#endregion */
/*#region Background*/
/*#endregion */
/*#region Display*/
/*#endregion */
/*#region Opacity*/
/*#endregion */
/*#region Position*/
/*#endregion */
/*#region Shadow*/
/*#endregion */
/*#region Sizing*/
/*#endregion */
/*#region VerticalAlign*/
/*#endregion */
/*#region Z-index*/
/*#endregion */
/*#region Text*/
/*#endregion */
.-m--0 {
  margin: 0px !important;
}

.-m--1 {
  margin: 1px !important;
}

.-m--2 {
  margin: 2px !important;
}

.-m--3 {
  margin: 3px !important;
}

.-m--4 {
  margin: 4px !important;
}

.-m--5 {
  margin: 5px !important;
}

.-m--6 {
  margin: 6px !important;
}

.-m--7 {
  margin: 7px !important;
}

.-m--8 {
  margin: 8px !important;
}

.-m--9 {
  margin: 9px !important;
}

.-m--10 {
  margin: 10px !important;
}

.-m--auto {
  margin: auto !important;
}

.-mt--0 {
  margin-top: 0px !important;
}

.-mt--1 {
  margin-top: 1px !important;
}

.-mt--2 {
  margin-top: 2px !important;
}

.-mt--3 {
  margin-top: 3px !important;
}

.-mt--4 {
  margin-top: 4px !important;
}

.-mt--5 {
  margin-top: 5px !important;
}

.-mt--6 {
  margin-top: 6px !important;
}

.-mt--7 {
  margin-top: 7px !important;
}

.-mt--8 {
  margin-top: 8px !important;
}

.-mt--9 {
  margin-top: 9px !important;
}

.-mt--10 {
  margin-top: 10px !important;
}

.-mt--auto {
  margin-top: auto !important;
}

.-mb--0 {
  margin-bottom: 0px !important;
}

.-mb--1 {
  margin-bottom: 1px !important;
}

.-mb--2 {
  margin-bottom: 2px !important;
}

.-mb--3 {
  margin-bottom: 3px !important;
}

.-mb--4 {
  margin-bottom: 4px !important;
}

.-mb--5 {
  margin-bottom: 5px !important;
}

.-mb--6 {
  margin-bottom: 6px !important;
}

.-mb--7 {
  margin-bottom: 7px !important;
}

.-mb--8 {
  margin-bottom: 8px !important;
}

.-mb--9 {
  margin-bottom: 9px !important;
}

.-mb--10 {
  margin-bottom: 10px !important;
}

.-mb--auto {
  margin-bottom: auto !important;
}

.-ml--0 {
  margin-left: 0px !important;
}

.-ml--1 {
  margin-left: 1px !important;
}

.-ml--2 {
  margin-left: 2px !important;
}

.-ml--3 {
  margin-left: 3px !important;
}

.-ml--4 {
  margin-left: 4px !important;
}

.-ml--5 {
  margin-left: 5px !important;
}

.-ml--6 {
  margin-left: 6px !important;
}

.-ml--7 {
  margin-left: 7px !important;
}

.-ml--8 {
  margin-left: 8px !important;
}

.-ml--9 {
  margin-left: 9px !important;
}

.-ml--10 {
  margin-left: 10px !important;
}

.-ml--auto {
  margin-left: auto !important;
}

.-mr--0 {
  margin-right: 0px !important;
}

.-mr--1 {
  margin-right: 1px !important;
}

.-mr--2 {
  margin-right: 2px !important;
}

.-mr--3 {
  margin-right: 3px !important;
}

.-mr--4 {
  margin-right: 4px !important;
}

.-mr--5 {
  margin-right: 5px !important;
}

.-mr--6 {
  margin-right: 6px !important;
}

.-mr--7 {
  margin-right: 7px !important;
}

.-mr--8 {
  margin-right: 8px !important;
}

.-mr--9 {
  margin-right: 9px !important;
}

.-mr--10 {
  margin-right: 10px !important;
}

.-mr--auto {
  margin-right: auto !important;
}

.-mx--0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.-mx--1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.-mx--2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.-mx--3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.-mx--4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.-mx--5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.-mx--6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.-mx--7 {
  margin-left: 7px !important;
  margin-right: 7px !important;
}

.-mx--8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.-mx--9 {
  margin-left: 9px !important;
  margin-right: 9px !important;
}

.-mx--10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.-mx--auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.-my--0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.-my--1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.-my--2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.-my--3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.-my--4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.-my--5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.-my--6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.-my--7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.-my--8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.-my--9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.-my--10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.-my--auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.-p--0 {
  padding: 0px !important;
}

.-p--1 {
  padding: 1px !important;
}

.-p--2 {
  padding: 2px !important;
}

.-p--3 {
  padding: 3px !important;
}

.-p--4 {
  padding: 4px !important;
}

.-p--5 {
  padding: 5px !important;
}

.-p--6 {
  padding: 6px !important;
}

.-p--7 {
  padding: 7px !important;
}

.-p--8 {
  padding: 8px !important;
}

.-p--9 {
  padding: 9px !important;
}

.-p--10 {
  padding: 10px !important;
}

.-p--auto {
  padding: auto !important;
}

.-pt--0 {
  padding-top: 0px !important;
}

.-pt--1 {
  padding-top: 1px !important;
}

.-pt--2 {
  padding-top: 2px !important;
}

.-pt--3 {
  padding-top: 3px !important;
}

.-pt--4 {
  padding-top: 4px !important;
}

.-pt--5 {
  padding-top: 5px !important;
}

.-pt--6 {
  padding-top: 6px !important;
}

.-pt--7 {
  padding-top: 7px !important;
}

.-pt--8 {
  padding-top: 8px !important;
}

.-pt--9 {
  padding-top: 9px !important;
}

.-pt--10 {
  padding-top: 10px !important;
}

.-pt--auto {
  padding-top: auto !important;
}

.-pb--0 {
  padding-bottom: 0px !important;
}

.-pb--1 {
  padding-bottom: 1px !important;
}

.-pb--2 {
  padding-bottom: 2px !important;
}

.-pb--3 {
  padding-bottom: 3px !important;
}

.-pb--4 {
  padding-bottom: 4px !important;
}

.-pb--5 {
  padding-bottom: 5px !important;
}

.-pb--6 {
  padding-bottom: 6px !important;
}

.-pb--7 {
  padding-bottom: 7px !important;
}

.-pb--8 {
  padding-bottom: 8px !important;
}

.-pb--9 {
  padding-bottom: 9px !important;
}

.-pb--10 {
  padding-bottom: 10px !important;
}

.-pb--auto {
  padding-bottom: auto !important;
}

.-pl--0 {
  padding-left: 0px !important;
}

.-pl--1 {
  padding-left: 1px !important;
}

.-pl--2 {
  padding-left: 2px !important;
}

.-pl--3 {
  padding-left: 3px !important;
}

.-pl--4 {
  padding-left: 4px !important;
}

.-pl--5 {
  padding-left: 5px !important;
}

.-pl--6 {
  padding-left: 6px !important;
}

.-pl--7 {
  padding-left: 7px !important;
}

.-pl--8 {
  padding-left: 8px !important;
}

.-pl--9 {
  padding-left: 9px !important;
}

.-pl--10 {
  padding-left: 10px !important;
}

.-pl--auto {
  padding-left: auto !important;
}

.-pr--0 {
  padding-right: 0px !important;
}

.-pr--1 {
  padding-right: 1px !important;
}

.-pr--2 {
  padding-right: 2px !important;
}

.-pr--3 {
  padding-right: 3px !important;
}

.-pr--4 {
  padding-right: 4px !important;
}

.-pr--5 {
  padding-right: 5px !important;
}

.-pr--6 {
  padding-right: 6px !important;
}

.-pr--7 {
  padding-right: 7px !important;
}

.-pr--8 {
  padding-right: 8px !important;
}

.-pr--9 {
  padding-right: 9px !important;
}

.-pr--10 {
  padding-right: 10px !important;
}

.-pr--auto {
  padding-right: auto !important;
}

.-px--0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.-px--1 {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.-px--2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.-px--3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.-px--4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.-px--5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.-px--6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.-px--7 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.-px--8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.-px--9 {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.-px--10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.-px--auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.-py--0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.-py--1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.-py--2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.-py--3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.-py--4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.-py--5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.-py--6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.-py--7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.-py--8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.-py--9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.-py--10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.-py--auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.-b--0 {
  border: 0px solid #dadee2 !important;
}

.-b--1 {
  border: 1px solid #dadee2 !important;
}

.-b--2 {
  border: 2px solid #dadee2 !important;
}

.-b--3 {
  border: 3px solid #dadee2 !important;
}

.-b--4 {
  border: 4px solid #dadee2 !important;
}

.-bt--0 {
  border-top: 0px solid #dadee2 !important;
}

.-bt--1 {
  border-top: 1px solid #dadee2 !important;
}

.-bt--2 {
  border-top: 2px solid #dadee2 !important;
}

.-bt--3 {
  border-top: 3px solid #dadee2 !important;
}

.-bt--4 {
  border-top: 4px solid #dadee2 !important;
}

.-bb--0 {
  border-bottom: 0px solid #dadee2 !important;
}

.-bb--1 {
  border-bottom: 1px solid #dadee2 !important;
}

.-bb--2 {
  border-bottom: 2px solid #dadee2 !important;
}

.-bb--3 {
  border-bottom: 3px solid #dadee2 !important;
}

.-bb--4 {
  border-bottom: 4px solid #dadee2 !important;
}

.-bl--0 {
  border-left: 0px solid #dadee2 !important;
}

.-bl--1 {
  border-left: 1px solid #dadee2 !important;
}

.-bl--2 {
  border-left: 2px solid #dadee2 !important;
}

.-bl--3 {
  border-left: 3px solid #dadee2 !important;
}

.-bl--4 {
  border-left: 4px solid #dadee2 !important;
}

.-br--0 {
  border-right: 0px solid #dadee2 !important;
}

.-br--1 {
  border-right: 1px solid #dadee2 !important;
}

.-br--2 {
  border-right: 2px solid #dadee2 !important;
}

.-br--3 {
  border-right: 3px solid #dadee2 !important;
}

.-br--4 {
  border-right: 4px solid #dadee2 !important;
}

.-bx--0 {
  border-left: 0px solid #dadee2 !important;
  border-right: 0px solid #dadee2 !important;
}

.-bx--1 {
  border-left: 1px solid #dadee2 !important;
  border-right: 1px solid #dadee2 !important;
}

.-bx--2 {
  border-left: 2px solid #dadee2 !important;
  border-right: 2px solid #dadee2 !important;
}

.-bx--3 {
  border-left: 3px solid #dadee2 !important;
  border-right: 3px solid #dadee2 !important;
}

.-bx--4 {
  border-left: 4px solid #dadee2 !important;
  border-right: 4px solid #dadee2 !important;
}

.-by--0 {
  border-top: 0px solid #dadee2 !important;
  border-bottom: 0px solid #dadee2 !important;
}

.-by--1 {
  border-top: 1px solid #dadee2 !important;
  border-bottom: 1px solid #dadee2 !important;
}

.-by--2 {
  border-top: 2px solid #dadee2 !important;
  border-bottom: 2px solid #dadee2 !important;
}

.-by--3 {
  border-top: 3px solid #dadee2 !important;
  border-bottom: 3px solid #dadee2 !important;
}

.-by--4 {
  border-top: 4px solid #dadee2 !important;
  border-bottom: 4px solid #dadee2 !important;
}

.-b--base-light {
  border-color: #edf0f2 !important;
}

.-b--base {
  border-color: #dadee2 !important;
}

.-b--base-dark {
  border-color: #d0d4d9 !important;
}

.-b--primary {
  border-color: #0075c9 !important;
}

.-b--black {
  border-color: #000 !important;
}

.-b--secondary {
  border-color: #38c6f4 !important;
}

.-b--white {
  border-color: #fff !important;
}

.-b--success {
  border-color: #009054 !important;
}

.-b--success-light {
  border-color: #95e9c9 !important;
}

.-b--info {
  border-color: #0080dc !important;
}

.-b--info-light {
  border-color: #aedeff !important;
}

.-b--danger {
  border-color: #ee3026 !important;
}

.-b--danger-light {
  border-color: #ffc2bd !important;
}

.-b--warning {
  border-color: #b96b00 !important;
}

.-b--warning-light {
  border-color: #ffcc89 !important;
}

.-b--transparent {
  border-color: transparent !important;
}

.-bg--primary {
  background-color: #0075c9 !important;
}

.-bg--black {
  background-color: #000 !important;
}

.-bg--secondary {
  background-color: #38c6f4 !important;
}

.-bg--white {
  background-color: #fff !important;
}

.-bg--success {
  background-color: #009054 !important;
}

.-bg--success-light {
  background-color: #95e9c9 !important;
}

.-bg--success-lighter {
  background-color: #f1fef8 !important;
}

.-bg--info {
  background-color: #0080dc !important;
}

.-bg--info-light {
  background-color: #aedeff !important;
}

.-bg--info-lighter {
  background-color: #e0f3ff !important;
}

.-bg--danger {
  background-color: #ee3026 !important;
}

.-bg--danger-light {
  background-color: #ffc2bd !important;
}

.-bg--danger-lighter {
  background-color: #fff5f5 !important;
}

.-bg--warning {
  background-color: #b96b00 !important;
}

.-bg--warning-light {
  background-color: #ffcc89 !important;
}

.-bg--warning-lighter {
  background-color: #fff8ed !important;
}

.-bg--muted {
  background-color: #53565a !important;
}

.-bg--muted-light {
  background-color: #edf0f2 !important;
}

.-bg--muted-lighter {
  background-color: #f8f9f9 !important;
}

.-bg--navy {
  background-color: #083176 !important;
}

.-bg--grey {
  background-color: #3f4145 !important;
}

.-bg--grey-15 {
  background-color: #f4f5f6 !important;
}

.-bg--grey-20 {
  background-color: #edf0f2 !important;
}

.-bg--grey-25 {
  background-color: #dadee2 !important;
}

.-bg--grey-30 {
  background-color: #d0d4d9 !important;
}

.-bg--none {
  background: none !important;
}

.-d--none {
  display: none !important;
}

.-d--inline {
  display: inline !important;
}

.-d--inline-block {
  display: inline-block !important;
}

.-d--block {
  display: block !important;
}

.-d--table {
  display: table !important;
}

.-d--table-cell {
  display: table-cell !important;
}

.-d--table-row {
  display: table-row !important;
}

.-d--flex {
  display: flex !important;
}

.-d--inline-flex {
  display: inline-flex !important;
}

.-opacity--0 {
  opacity: 0 !important;
}

.-opacity-hover--0:hover:not([disabled]):not(.-disabled) {
  opacity: 0 !important;
}

.-opacity--20 {
  opacity: 0.2 !important;
}

.-opacity-hover--20:hover:not([disabled]):not(.-disabled) {
  opacity: 0.2 !important;
}

.-opacity--40 {
  opacity: 0.4 !important;
}

.-opacity-hover--40:hover:not([disabled]):not(.-disabled) {
  opacity: 0.4 !important;
}

.-opacity--60 {
  opacity: 0.6 !important;
}

.-opacity-hover--60:hover:not([disabled]):not(.-disabled) {
  opacity: 0.6 !important;
}

.-opacity--80 {
  opacity: 0.8 !important;
}

.-opacity-hover--80:hover:not([disabled]):not(.-disabled) {
  opacity: 0.8 !important;
}

.-opacity--100 {
  opacity: 1 !important;
}

.-opacity-hover--100:hover:not([disabled]):not(.-disabled) {
  opacity: 1 !important;
}

.-position--static {
  position: static !important;
}

.-position--relative {
  position: relative !important;
}

.-position--fixed {
  position: fixed !important;
}

.-position--absolute {
  position: absolute !important;
}

.-position--sticky {
  position: sticky !important;
}

.-s--0 {
  box-shadow: none !important;
}

.-s--1 {
  box-shadow: 0 1px 2px 0 !important;
}

.-s--2 {
  box-shadow: 0 4px 8px 0 !important;
}

.-s--3 {
  box-shadow: 0 6px 12px 0 !important;
}

.-s--4 {
  box-shadow: 0 8px 16px 0 !important;
}

.-s--5 {
  box-shadow: 0 12px 24px 0 !important;
}

.-w--auto {
  width: auto !important;
}

.-h--auto {
  height: auto !important;
}

.-w--25 {
  width: 25% !important;
}

.-h--25 {
  height: 25% !important;
}

.-w--50 {
  width: 50% !important;
}

.-h--50 {
  height: 50% !important;
}

.-w--75 {
  width: 75% !important;
}

.-h--75 {
  height: 75% !important;
}

.-w--100 {
  width: 100% !important;
}

.-h--100 {
  height: 100% !important;
}

.-mw--100 {
  width: 100% !important;
}

.-mh--100 {
  height: 100% !important;
}

.-mh--400 {
  height: 400px !important;
}

.-mw--480 {
  width: 480px !important;
}

.-mh--480 {
  height: 480px !important;
}

.-mw--640 {
  width: 640px !important;
}

.-mw--720 {
  width: 720px !important;
}

.-mw--960 {
  width: 960px !important;
}

.-mw--980 {
  width: 980px !important;
}

.-mw--1200 {
  width: 1200px !important;
}

.-vertical-align--baseline {
  vertical-align: baseline !important;
}

.-vertical-align--top {
  vertical-align: top !important;
}

.-vertical-align--middle {
  vertical-align: middle !important;
}

.-vertical-align--bottom {
  vertical-align: bottom !important;
}

.-vertical-align--text-top {
  vertical-align: text-top !important;
}

.-vertical-align--text-bottom {
  vertical-align: text-bottom !important;
}

.-vertical-align--sub {
  vertical-align: sub !important;
}

.-z--auto {
  z-index: auto !important;
}

.-z--0 {
  z-index: 0 !important;
}

.-z--1 {
  z-index: 1 !important;
}

.-z--10 {
  z-index: 10 !important;
}

.-z--20 {
  z-index: 20 !important;
}

.-z--30 {
  z-index: 30 !important;
}

.-z--40 {
  z-index: 40 !important;
}

.-z--50 {
  z-index: 50 !important;
}

.-z--60 {
  z-index: 60 !important;
}

.-z--70 {
  z-index: 70 !important;
}

.-text--justify {
  text-align: justify !important;
}

.-text--left {
  text-align: left !important;
}

.-text--center {
  text-align: center !important;
}

.-text--right {
  text-align: right !important;
}

/* Health Status Multiselect Styles */
.health-status-multiselect {
  position: relative;
  display: inline-block;
  min-width: 200px;
  width: 100%;
}

.health-status-multiselect .multiselect-display {
  background: #fff;
  border: 1px solid #d1d5db;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  box-sizing: border-box;
  font-size: 12px;
}

.health-status-multiselect .multiselect-display:hover {
  border-color: #999;
}

.health-status-multiselect .selected-values {
  flex: 1;
  color: #333;
  font-size: 12px;
}

.health-status-multiselect .dropdown-icon {
  color: #666;
  font-size: 12px;
  transition: transform 0.2s;
}

.health-status-multiselect .multiselect-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  z-index: 1000;
  max-height: 250px;
  overflow-y: auto;
}

.health-status-multiselect .multiselect-option {
  padding: 10px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}

.health-status-multiselect .multiselect-option:last-child {
  border-bottom: none;
}

.health-status-multiselect .multiselect-option:hover {
  background-color: #f8f9fa;
}

.health-status-multiselect .multiselect-option input[type="checkbox"] {
  margin-right: 10px;
  pointer-events: none;
  width: 16px;
  height: 16px;
}

.health-status-multiselect .multiselect-option label {
  user-select: none;
  cursor: pointer;
  margin: 0;
  flex: 1;
  color: #333;
}

/*# sourceMappingURL=media-portal.css.map */