@charset "UTF-8";

@import url(//fonts.googleapis.com/css?family=Open+Sans);

/* *********************************************************************** */
/* ***********      GENERIC LIST TABLE                          ********** */
/* *********************************************************************** */
.tabColumnA {
    height: 35px;
    float: left;
    width: 100%;
    color: #000000;
    background-color: #FFF;
    border-top: 1px solid #aec7cd;
    border-bottom: 1px solid #53747e;
}

.tabColumnB {
    height: 35px;
    float: left;
    width: 100%;
    color: #000000;
    background-color: #FFF !important;
    border-top: 1px solid #aec7cd;
    border-bottom: 1px solid #53747e;
}

/* *********************************************************************** */
/* ***********       POPOVER CONTROLLERS                        ********** */
/* *********************************************************************** */

.popOverTitle {
    right: 5px;
    position: absolute;
    left: 5px;
    height: 30px;
    cursor: grab;
    line-height: 30px;
    text-align: left;
    font-family: 'Oswald', sans-serif;
    color: #37596f;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 2px 0 #fff;
    filter: dropshadow(color=#fff, offx=0, offy=2);
}

.popOverTitle:active {
    cursor: grabbing;
}

.popOverExpanIcon {
    background-image: url(/assets/images/popExpanIcon.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    cursor: nwse-resize;
}

.pageWrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    background-image: url(/assets/images/bkBoxRepeat.png);
    box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.7);
}

.popBoxA {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #a6a6a6;
    box-shadow: 0 1px 0 0 #eaeaea;
}

/* *********************************************************************** */
/* ***********      NOTIFICATION CONTROLLER                     ********** */
/* *********************************************************************** */

#notifyCenter {
    display: block;
    position: absolute;
    z-index: 1001;
    width: 340px;
    height: 460px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #303030;
}

/* *********************************************************************** */
/* ***********      CHART CONTROLLER                            ********** */
/* *********************************************************************** */

.chartButton {
    font-size: 12px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    line-height: 25px;
    text-align: center;
    margin-top: 2px;
    margin-left: 10px;
    position: relative;
    float: left;
    color: #000;
    background-color: #f1f1f1;
}

.stgListWrapper {
    width: 100%;
    float: left;
    margin: 0 0 15px;
    box-shadow: none;
    overflow: hidden;
}

.stgTableContent {
    background-color: #FFF;
}

.stgTableHeader {
    font-size: 15px;
    line-height: 2.5em;
    font-weight: normal;
    width: inherit;
    height: 50px;
    background-color: #a2a2a2;
    color: white;
}

.stgListTitle {
    position: relative;
    float: left;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.chartTitle {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    width: 100%;
    height: 15px;
    background-color: transparent;
    color: #bbe5ff;
    padding-left: 0;
    text-align: center;
    line-height: 16px;
    filter: dropshadow(color=#000000, offx=0, offy=0);
}

.stgListFooter {
    height: 25px;
    width: 100%;
    background-color: #f1f1f1;
}

.lineChart {
    width: 275px;
    min-width: 100%;
}

.row3col {
    line-height: 25px;
    height: 25px;
    padding-left: 0;
    width: 100%;
    min-width: 100%;
    color: #000000;
    border-bottom: 1px solid #f2f2f2;
    background-color: #f2f2f2;
}

.chart4Col {
    float: left;
    width: 90px;
    line-height: 25px;
    height: 25px;
    text-align: left;
}

.chart3Col {
    float: left;
    width: 100px;
    line-height: 25px;
    height: 25px;
    text-wrap: avoid;
    text-align: left;
}

.ifs2col {
    margin-left: 0;
    min-width: 100%;
    line-height: 25px;
    padding-left: 0;
    width: auto;
    height: 25px;
    font-size: 14px;
    clear: both;
    color: #000000;
}

.ifs2ColA {
    float: left;
    line-height: 25px;
    height: 25px;
    text-wrap: avoid;
    width: 80px;
    min-width: 50px;
    color: #000000;
    background-color: #FFF;
}

.ifs2ColB {
    width: auto;
    position: relative;
    float: left;
    line-height: 25px;
    height: 25px;
    text-wrap: avoid;
    color: #000000;
    background-color: #FFF;
}

.ifs2ColBB {
    width: auto;
    position: relative;
    float: left;
    line-height: 25px;
    height: 25px;
    text-wrap: avoid;
    color: #000000;
    background-color: #FFF;
}

.dlsFlrsVarColA {
    width: auto;
    position: relative;
    float: left;
    line-height: 25px;
    height: 25px;
    text-wrap: avoid;
}

.dlsObjVarColA {
    width: auto;
    position: relative;
    float: left;
    line-height: 25px;
    height: 25px;
    text-wrap: avoid;
}

.ifs2VarCol {
    float: left;
    line-height: 25px;
    height: 25px;
    text-wrap: avoid;
    min-width: 100px;
}

.ifsScroller {
    overflow-x: auto;
    overflow-y: hidden;
    width: auto;
}

#CHARTPOPOVER {
    position: absolute;
    z-index: 250;
    left: 5px;
    top: 5px;
    margin-left: 0;
    overflow: hidden;
    width: inherit;
    height: 420px;
}

.cmdColorPick {
    height: 30px;
    width: 30px;
    position: relative;
    float: left;
    border: 1px solid #FFF;
    margin-top: 10px;
}

/* *********************************************************************** */
/* ***********      SCROLLBAR CONTROLLER                        ********** */
/* *********************************************************************** */

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    height: 0;
    width: 0;
    display: block;
    background-color: transparent;
}

::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 0;
}

::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 30px;
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 3px;
}

canvas.jqplot-base-canvas ::selection {
    background: transparent;
}

div.jqplot-highlighter-tooltip ::selection {
    background: transparent;
}

div.jqplot-axis ::selection {
    background: transparent;
}

canvas.jqplot-series-shadowCanvas ::selection {
    background: transparent;
}

canvas.jqplot-series-canvas ::selection {
    background: transparent;
}

.notAlertBox {
    background-color: rgba(0, 184, 255, 0.95);
    animation: notEventPulse 1s 2s 10 alternate backwards;
    transform-origin: 50% 50%;
}

@keyframes notEventPulse {
    0% {
        background-color: rgba(0, 184, 255, 0.95);
    }
    100% {
        background-color: rgba(0, 184, 255, 0);
    }
}

#EDITPROC {
    position: absolute;
    z-index: 250;
    left: 400px;
    top: 75px;
    height: 516px;
    width: 420px;
}

#EDITRULE {
    position: absolute;
    z-index: 250;
    left: 400px;
    top: 75px;
    height: 516px;
    width: 420px;
}

#CHGMYPASSWORD, #CHGSUPERPASSWORD {
    position: absolute;
    z-index: 250;
    left: 400px;
    top: 75px;
    height: 332px;
    width: 404px;
}

.mmSelDescSort::before {
    background-image: url('/assets/mi1EvtImgs/mmSortDesc.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 13px 8px;
    height: 50px;
    width: 13px;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: -15px
}

.mmSelAscSort::before {
    background-image: url('/assets/mi1EvtImgs/mmSortAsc.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 13px 8px;
    height: 50px;
    width: 13px;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: -13px
}

/********************************************/
/*            EVENT MONITOR                 */
/*         LHS  MENU STYLES                 */

.mmEvtSrvrType {
    width: 25% !important;
}

.lhsMenuItem {
    position: relative;
    float: left;
    width: 46px;
    height: 46px;
    line-height: 30px;
    text-align: center;
    clear: both;
    background-size: 28px 28px, 10px 12px;
    background-position: 5px center, right center;
    background-repeat: no-repeat, no-repeat;
    transition-delay: 500ms;
    transition: all 500ms ease;
}

.new-v1-icon {
    width: 46px;
    height: 46px;
    font-size: 32px;
    color: white;
    line-height: 30px;
    position: absolute;
    top: 12px;
    left: 12px;
}

.lhsbar > .lhsMenuItem {
    background-size: 30px 30px, 10px 12px;
    width: 100%;
    height: 52px;
    background-position: 20px 12px, left 21px;
    font-family: "Open Sans", "G-Open Sans-n4", Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-msgctr-sel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_message_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-msgctr-unsel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_message_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-wrld-sel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/world_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-wrld-unsel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/world_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-blob-sel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/blob_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-groups-sel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/server_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-blob-unsel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/blob_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-groups-unsel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/server_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-rules-sel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_assignment_turned_in_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-rules-unsel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_assignment_turned_in_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-report-sel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_assessment_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-report-unsel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_assessment_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-events-sel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_announcement_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-events-unsel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_announcement_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-dash-sel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_remove_red_eye_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-dash-unsel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_remove_red_eye_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-mgmt-sel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_settings_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-mgmt-unsel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_settings_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-cmd-sel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_code_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-cmd-unsel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_code_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-plat-sel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_desktop_windows_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-plat-unsel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_desktop_windows_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-messages-sel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_message_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

.lhsbar > .lhsMenuItem.ui-icon-myapp-messages-unsel {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_message_white_48dp_2x.png"), url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/transparent.png");
}

/*******************************************/
/*           EVENT MONITOR                 */
/*    SECONDARY SUB MENU STYLES            */

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

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

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

.mmEvtMainTab_UL > li.mmSubTabDropOpen {
    padding-left: 0;
    padding-right: 72px !important;
}

.mmEvtMainTab_UL > li.mmSubTabDropClose {
    padding-left: 0;
    padding-right: 72px !important;
}

.mmEvtMainTab_UL > li.mmSubTabDropCloseSel {
    padding-left: 0;
    padding-right: 72px !important;
    border-bottom: 3px solid rgb(3, 169, 244) !important;
}

.mmEvtMainTab_UL > li.mmSubTabDropClose::after {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/mmSubMenuOpen.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 40px;
    width: 50px;
    content: " ";
    display: block;
    position: absolute;
    top: 5px;
    right: -10px;
}

.mmEvtMainTab_UL > li.mmSubTabDropCloseSel::after {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/mmSubMenuOpen.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 40px;
    width: 50px;
    content: " ";
    display: block;
    position: absolute;
    top: 5px;
    right: -10px;
}

.mmEvtMainTab_UL > li.mmSubTabDropOpen::after {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/mmSubMenuClose.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 40px;
    width: 50px;
    content: " ";
    display: block;
    position: absolute;
    top: 5px;
    right: -10px;
}

.mmSubTabPlus {
    width: 5px;
    background-image: url("/assets/mi1EvtImgs/icon-zoom-in-Unselected.png");
    background-size: 30px 30px;
    background-position: 5px center;
    background-repeat: no-repeat;
}

.mmSubTabPlus:hover {
    background-image: url("/assets/mi1EvtImgs/icon-zoom-in.png");
}

.mmSubTabMinus {
    width: 5px;
    background-image: url("/assets/mi1EvtImgs/icon-zoom-out-Unselected.png");
    background-size: 30px 30px;
    background-position: 5px center;
    background-repeat: no-repeat;
}

.mmSubTabMinus:hover {
    background-image: url("/assets/mi1EvtImgs/icon-zoom-out.png");
}

.mmEvtSubDrop {
    text-align: left;
    min-width: 100px;
    border-radius: 5px;
    background-color: #c5c5c7;
    box-shadow: 7px 7px 5px 0 rgba(50, 50, 50, 0.75);
    position: absolute;
    top: 45px;
    color: #3d3d3c;
    right: -5px;
    overflow: scroll;
    max-height: 460px;
}

.mmEvtSubDrop::after {
    background-image: url('/assets/mi1EvtImgs/mmSubMenuTopArrow.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 5px;
    width: 10px;
    content: " ";
    display: block;
    position: absolute;
    top: -5px;
    right: 28px;
}

.mmEvtSubDrop div {
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    border-top: 1px solid #a09f9f;
    font-style: normal;
    position: relative;
    float: left;
    min-width: 95px;
    width: 100%;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mmEvtSubDrop div input {
    width: 80%;
    height: 20px;
    font-size: 14px;
    margin-top: 5px;
    border-radius: 5px;
    padding-left: 7px;
}

.mmEvtSubDrop div span {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mmEvtSubDrop div:first-child {
    border-top: none;
}

.mmEvtSubDrop div:last-child {
    border-bottom: none;
}

.mmEvtSubDropSel {
    font-weight: bold;
}

.mmEvtSubDropUnSel::after {
    background-image: url('/assets/mi1EvtImgs/mmSubMenuItemUnSel.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 30px;
    width: 25px;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
}

.mmEvtSubDropSel::after {
    background-image: url('/assets/mi1EvtImgs/mmSubMenuItemSel.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 30px;
    width: 25px;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
}

/********************************************/
/*            EVENT MONITOR                 */
/*         NEW POPUP PAGE STLYES            */

.mmPopPage, .notifyPopPage {
    position: absolute;
    z-index: 250;
    width: 600px;
    height: 630px;
    left: 50%;
    top: 50%;
    border-radius: 5px;
    text-shadow: none;
    min-width: 250px;
    min-height: 62px;
}

.mmPopPage {
    background-color: #e1e1e1;
    color: #2b3537;
}

.notifyPopPage {
    background-color: #e1e1e1;
    color: #2b3537;
}

.mmPopContentBkgd {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
}

.mmPopPage .mmPopContentBkgd {
    border-top: 1px solid #d2d6d5;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 60px;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    letter-spacing: 0.0425em;
}

.notifyPopPage .mmPopContentBkgd {
    border-top: 1px solid #d2d6d5;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    letter-spacing: 0.0425em;
    overflow-y: unset;
}

.notifyPopPage .mmPopOverCtlBar {
    display: none;
}

.mmPopPage .mmMsgSummLabel {
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.mmPopPage .mmMsgSummVal {
    color: #000;
}

.mmPopPage .mmMsgSummInfo {
    color: #000;
}

.mmPopOverCtlBar {
    overflow: hidden;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.mmPopOverCtlBarSm {
    overflow: hidden;
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.mmPopPage .mmPopOverCtlBar {
    background-color: transparent;
}

.mmPopPage .mmPopOverCtlBarSm {
    background-color: transparent;
}

.notifyPopPage .mmPopOverCtlBar {
    background-color: transparent;
}

.mmPopBoxTop {
    width: 100%;
    border-top: 1px solid #a6a6a6;
    box-shadow: 0 1px 0 0 #eaeaea;
    height: auto;
    position: relative;
    float: left;
    box-sizing: border-box;
    padding: 15px 20px 10px;
}

.mmFormLabel {
    position: relative;
    float: left;
    height: 40px;
    margin-bottom: 10px;
    line-height: 40px;
    clear: both;
    width: 160px;
}

.mmFormLabel.delay-label {
    width: 230px;
}

.mmFormFullLabel {
    float: left;
    height: 40px;
    margin-bottom: 10px;
    line-height: 40px;
    clear: both;
    width: 100%;
}

.mmFormInput {
    position: relative;
    float: right;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    text-shadow: none;
    margin: 5px 15px 0 0;
    width: 150px;
}

.mmPopNavButton {
    float: left;
    text-align: center;
    height: 20px;
    width: 50px;
    line-height: 22px;
    margin-left: 10px;
    margin-bottom: 0;
    margin-top: 10px;
    cursor: pointer;
    font-family: 'Helvetica', sans-serif;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    text-shadow: 0 1px 0 #242424;
    border-radius: 2px;
    border-top: 1px solid #5a5a5a;
    border-bottom: 1px solid #232323;
    border-right: 1px solid #424242;
    border-left: 1px solid #424242;
    box-shadow: 0 2px 2px 0 rgba(24, 24, 24, 0.7);
}

.mmPopNavBlue {
    background: linear-gradient(to bottom, #00b8ff 0%, #0088FF 100%);
}

.mmPopNavRed {
    background: linear-gradient(to bottom, #da012a 0%, #D92547 100%);
}

/********************************************/
/*            EVENT MONITOR                 */
/*    MONITOR FORM ELEMENT STYLES           */

.mmFormInput select, .mmRhsFormValLeft select {
    height: 32px;
    width: inherit;
    margin: 0;
    overflow: hidden;
    padding-left: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
    border-radius: 5px;
    background-position: center right;
    background-repeat: no-repeat;
    font-size: 14px;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    -webkit-border-radius: 3px;
    -webkit-padding-end: 30px;
    -webkit-padding-start: 15px;
    background-color: #FFF;
    border: 1px solid #cccccc;
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/elements/selArrow.png);
    color: #000;
}

.mmFormInput select.dropdown, .mmRhsFormValLeft select.dropdown {
    color: #FFFFFF;
    background-color: #2d2d2d;
}

.mmFormInput select.dropdown option, .mmRhsFormValLeft select.dropdown option {
    color: #FFFFFF;
    background-color: #2d2d2d;
}

.mmFormInput input, .mmRhsFormValLeft input {
    height: 32px;
    width: inherit;
    margin: 0;
    padding: 0 0 0 4px;
    border-radius: 5px;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    font-size: 18px;
    line-height: 40px;
}

.mmPopBoxTop textarea {
    height: 60px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.mmDynRuleBoxSib {
    position: relative;
    width: 100%;
    float: left;
}

.mmDynRuleBox {
    position: relative;
    width: 100%;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #CCC;
}

.mmActiveSwtich {
    position: relative;
    width: 100px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.mmActiveSwtich-checkbox {
    display: none;
}

.mmActiveSwtich-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #f1f1f1;
    border-radius: 0;
}

.mmActiveSwtich-inner {
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.mmActiveSwtich-inner:before, .mmActiveSwtich-inner:after {
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.mmActiveSwtich-inner:before {
    content: "Active";
    padding-left: 10px;
    background-color: rgb(3, 169, 244);
    color: #FFFFFF;
}

.mmActiveSwtich-inner:after {
    content: "Inactive";
    padding-right: 10px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    color: #000;
    text-align: right;
}

.mmActiveSwtich-switch {
    width: 20px;
    margin: 4px;
    background: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 68px;
    transition: all 0.3s ease-in 0s;
}

.mmActiveSwtich-checkbox:checked + .mmActiveSwtich-label .mmActiveSwtich-inner {
    margin-left: 0;
}

.mmActiveSwtich-checkbox:checked + .mmActiveSwtich-label .mmActiveSwtich-switch {
    right: 0;
}

.mmLiveSwitch, .mmWebhookSwitch {
    position: relative;
    width: 90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.mmLiveSwitch-checkbox, .mmWebhookSwitch-checkbox {
    display: none;
}

.mmLiveSwitch-label, .mmWebhookSwitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #f1f1f1;
    border-radius: 0;
}

.mmLiveSwitch-inner, .mmWebhookSwitch-inner {
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.mmLiveSwitch-inner:before, .mmLiveSwitch-inner:after, .mmWebhookSwitch-inner:before, .mmWebhookSwitch-inner:after {
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.mmLiveSwitch-inner:before, .mmWebhookSwitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: rgb(3, 169, 244);
    color: #FFFFFF;
}

.mmLiveSwitch-inner:after, .mmWebhookSwitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    color: #000;
    text-align: right;
}

.mmLiveSwitch-switch, .mmWebhookSwitch-switch {
    width: 20px;
    margin: 4px;
    background: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 58px;
    transition: all 0.3s ease-in 0s;
}

.mmLiveSwitch-checkbox:checked + .mmLiveSwitch-label .mmLiveSwitch-inner,
.mmWebhookSwitch-checkbox:checked + .mmWebhookSwitch-label .mmWebhookSwitch-inner {
    margin-left: 0;
}

.mmLiveSwitch-checkbox:checked + .mmLiveSwitch-label .mmLiveSwitch-switch,
.mmWebhookSwitch-checkbox:checked + .mmWebhookSwitch-label .mmWebhookSwitch-switch {
    right: 0;
}

/********************************************/
/*            EVENT MONITOR                    */
/*    MAIN SCREEN AND WINDOWS LAYPUTS             */

.mmEventRHSScreen div.mmEvtRhsTable:last-child {
    margin-bottom: 10px;
}

#mmEventMsgMonList, #mmEventtIbmJobLogMonList {
    position: absolute;
    top: 50px;
    bottom: 0;
    height: auto;
    width: 100%;
    overflow: scroll;
    overflow-x: hidden;
}

.mmEvtTableMain {
    position: relative;
    float: left;
    height: 100%;
    width: 100%;
    overflow: scroll;
    overflow-x: hidden;
}

.mmEventRowTitle {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 8px;
    background-color: rgba(0, 0, 0, 0.4);
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-family: 'Oswald', sans-serif;
    color: #3dc7fc;
    font-size: 14px;
}

.mmEventRowTitle div {
    position: relative;
    float: left;
    text-transform: uppercase;
}

.mmEventRowTitle div:first-child {
    margin-left: 28px;
}

.mmEventLHSScreen .mmEventRowTitle, .mmEventTableScreen .mmEventRowTitle {
    background-color: rgb(115, 115, 115);
    background-image: none;
    color: rgb(255, 253, 252);
    font-family: "G-Open Sans-n4", Arial, sans-serif;
    height: 45px;
    line-height: 45px;
}

.mmUserListRow {
    position: relative;
    float: left;
    height: 40px;
    width: 100%;
    line-height: 40px;
    text-align: left;
    margin-bottom: 4px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    overflow: hidden;
    color: #000;
}

.bodyWrpper .mmUserListRow.evtRowSel:hover {
    background-color: rgb(115, 115, 115);
    color: rgb(255, 253, 252);
}

.bodyWrpper .mmUserListRow.evtRowSel {
    background-color: rgb(115, 115, 115);
    color: rgb(255, 253, 252);
    overflow: visible;
}

.mmUserListRow div::selection {
    background: rgba(0, 0, 0, 0.05); /* WebKit/Blink Browsers */
}

.mmUserListRow div::-moz-selection {
    background: #ffb7b7; /* Gecko Browsers */
}

.mmUserListRow div {
    float: left;
    white-space: pre;
    overflow: hidden;
    margin-right: 5px;
}

.mmEventRowChild {
    position: relative;
    float: left;
    margin-left: 50px;
    height: 50px;
    width: 85%;
    line-height: 50px;
    text-align: left;
    margin-bottom: 4px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #FFF;
    background-color: rgb(173, 171, 171);
}

.mmEventRowChild div {
    position: relative;
    float: left;
    line-height: 40px;
}

.mmEventRowChild div:first-child {
    margin-left: 100px;
}

/********************************************/
/*            EVENT MONITOR                 */
/*    MAIN SCREEN RHS LAYPUTS               */

.mmEvtRhsTable {
    position: relative;
    float: left;
    height: auto;
    overflow: hidden;
    max-width: 345px;
    width: 100%;
    border-left: 1px solid #edf3f6;
}

.mmEvtRhsTable > div:last-child {
    margin-bottom: 0;
}

.mmEventRHSScreen > .mmEvtRhsTable {
    background-color: rgba(0, 0, 0, 0.4);
}

.mmEventRhsTableHeader {
    height: 50px;
    width: 100%;
    position: relative;
    float: left;
}

.mmEvtRhsTable > .mmEventRhsTableHeader {
    border-bottom: 1px solid #E5E5E5;
    background-color: #f1f1f1;
    color: #1e1e1e;
    font-family: "G-Open Sans-n4", Arial, sans-serif;
}

.mmSummLabel {
    position: relative;
    float: left;
    clear: both;
    height: 25px;
    width: 105px;
    font-size: 12px;
    margin-left: 15px;
    font-weight: 300;
    white-space: nowrap;
}

.mmEvtRhsTable .mmSummLabel {
    color: #585858;
    font-size: 12px;
    font-weight: 600;
    height: 30px;
    border-bottom: 1px solid #ececed;
    width: 45%;
    line-height: 30px;
    text-indent: 10px;
    margin-left: 0;
    overflow: hidden;
}

.mmSummValue {
    position: relative;
    height: 25px;
    width: 105px;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
}

.mmEvtRhsTable .mmSummValue {
    color: #585858;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    border-bottom: 1px solid #ececed;
    height: 30px;
    float: left;
}

.mmSummValLeft {
    position: relative;
    float: left;
    height: 25px;
    color: #ffffff;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
}

.mmEvtRhsTable .mmSummValLeft {
    color: #000;
    font-size: 12px;
    border-bottom: 1px solid #efefef;
    height: 30px;
    line-height: 30px;
    width: 55%;
    overflow: hidden;
}

.mmEvtRhsTable div.mmSummValLeft:first-child {
    border-top: 1px solid #efefef;
}

.mmEventButton {
    cursor: pointer;
    color: #FFF;
    text-transform: uppercase;
    line-height: 40px;
    text-align: center;
    background-color: #00b8ff;
    border-radius: 5px;
    background-repeat: no-repeat;
}

.mmEvtRhsTable .mmEventButton, .mmPopPage .mmEventButton, .mmEventRHSInnerScreen .mmEventButton {
    background-color: rgb(19, 47, 58);
}

.mmEditEventButton {
    line-height: 40px;
    height: 40px;
    width: 80px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    cursor: pointer;
}

.mmPopEventButton {
    line-height: 30px;
    height: 30px;
    padding: 2px 20px 2px 20px;
    position: absolute;
    top: 7px;
    right: 30px;
    font-size: 14px;
    z-index: 1;
    cursor: pointer;
}

.bodyWrpper .mmEditProcButton {
    background-color: transparent;
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_create_black_48dp_2x.png);
}

.bodyWrpper .mmDelProcButton {
    background-color: transparent;
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_delete_forever_black_48dp_2x.png);
}

.bodyWrpper .mmEvtAckButton {
    background-color: transparent;
    text-transform: none;
    font-size: 24px;
    color: #585858;
    text-align: center;
    width: 35px;
}

/********************************************/
/*            EVENT MONITOR                 */
/*    RULES PROCEDURES TABLE LAYOUTS        */

.mmEditProcButton, .mmDelProcButton {
    line-height: 25px;
    height: 25px;
    width: 50px;
    cursor: pointer;
}

.mmSideTitle {
    position: relative;
    float: left;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #585858;
}

.mmEventFullScreen .mmEvtRhsTable .mmSideTitleFull {
    background-color: #a2a2a2;
}

.mmSideTitleStatic {
    position: relative;
    float: left;
    height: 35px;
    color: #3dc7fc;
    line-height: 35px;
    padding-left: 15px;
    font-size: 16px;
}

.mmSideTitleFull {
    position: relative;
    float: left;
    background-color: #EFEFEF;
    height: 50px;
    width: 100%;
    line-height: 50px;
    text-align: left;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #585858;
    font-weight: 700;
}

.mmSideNew {
    width: 35px;
    height: 35px;
    position: relative;
    float: right;
    line-height: 25px;
    text-align: center;
    font-size: 50px;
    cursor: pointer;
}

.mmEvtRhsTable .mmSideNew {
    color: transparent;
    line-height: 35px;
    background-color: transparent;
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_add_black_48dp_2x.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.mmEvtRhsTable .mmSideNew.delete {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_delete_forever_black_48dp_2x.png);
}

.mmSideNew.delete {
    line-height: 19px;
}

.mmRuleChildOpen {
    width: 50px;
    height: 50px;
    position: relative;
    float: right;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/elements/ic_expand_more2g_2x.png);
    background-size: 35px;
}

.mmRuleChildClose {
    width: 50px;
    height: 50px;
    position: relative;
    float: right;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/elements/ic_expand_less2g_2x.png);
    background-size: 35px;
}

.mmTopJobOpenGraph {
    width: 35px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
    cursor: pointer;
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/elements/ic_insert_chart_white_48dp_2x.png);
}

.mmProcRowTitle {
    position: relative;
    float: left;
    height: 35px;
    width: 100%;
    line-height: 35px;
    text-align: left;
    margin-bottom: 10px;
    font-size: 14px;
    border-top: 3px solid #0a4b64;
}

.mmEvtRhsTable .mmProcRowTitle {
    color: #000;
    border-top: 0 solid #0a4b64;
}

.mmProcRowTitle div {
    position: relative;
    float: left;
    text-transform: uppercase;
}

.mmProcRow {
    position: relative;
    float: left;
    height: 25px;
    width: 100%;
    line-height: 25px;
    text-align: left;
    margin-bottom: 10px;
    font-size: 12px;
}

.mmEvtRhsTable .mmProcRow {
    color: #000;
}

.mmProcRow div {
    position: relative;
    float: left;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    overflow: hidden;
    white-space: nowrap;
}

.mmProcRow div:first-child {
    margin-left: 15px;
}

/********************************************/
/*            EVENT MONITOR                 */
/*   MESSAGE MONITOR STYLES                */

.mmEvtCellMsgSumm {
    white-space: nowrap;
    font-family: Calibri, sans-serif;
    text-shadow: none;
    font-weight: normal;
    top: 0;
    left: 60px;
    right: 15px;
    bottom: 20px;
    position: absolute;
    line-height: 30px;
    padding-top: 0;
}

.mmEvtCellMsgQ {
    position: absolute;
    left: 60px;
    bottom: 4px;
    font-size: 10px;
    font-style: italic;
    height: 10px;
    line-height: 10px;
    text-transform: uppercase;
}

.mmEvtCellMsgFuzzy {
    position: absolute;
    right: 25px;
    bottom: 4px;
    height: 10px;
    font-size: 10px;
    line-height: 10px;
    font-style: italic;
}

.mmDarkTable {
    background-color: rgba(0, 0, 0, 0.4);
}

.mmSideHeaderTitle {
    position: relative;
    float: left;
    width: 100%;
    height: 45px;
    color: #3dc7fc;
    line-height: 45px;
    font-size: 16px;
    margin-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.4);
}

.mmSideHeaderTitle span, .mmDarkTable span {
    margin-left: 20px;
}

.mmMsgSummVal {
    position: relative;
    float: left;
    color: #ffffff;
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: normal;
}

.mmEvtRhsTable .mmMsgSummVal {
    color: #000;
}

.mmMsgSummInfo {
    position: relative;
    float: left;
    width: 310px;
    color: #ffffff;
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: normal;
    word-wrap: break-word;
}

.mmEvtRhsTable .mmMsgSummInfo {
    color: #000;
    width: 100%;
}

.mmMsgSummLabel {
    position: relative;
    float: left;
    height: 25px;
    width: 100px;
    clear: both;
}

.mmEvtRhsTable .mmMsgSummLabel {
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.mmMsgSummLabel input {
    width: 100px;
    height: 25px;
    font-size: 20px;
    padding-left: 5px;
}

.mmEvtRhsTable .mmMsgSummLabel input {
    border: 1px solid #CCC;
}

.mmReplyMsgButton {
    line-height: 25px;
    height: 25px;
    margin-left: 20px;
    width: 50px;
}

.mmAddSiblingButton {
    position: relative;
    margin-left: 20px;
    font-size: 36px;
    line-height: 30px;
    margin-top: 14px;
    width: 30px;
    height: 30px;
    float: right;
    margin-right: 15px;
}

.mmDelSiblingButton {
    position: relative;
    float: left;
    margin-left: 0;
    margin-top: 6px;
    height: 30px;
    width: 30px;
    font-size: 52px;
    line-height: 17px;
}

/********************************************/
/*            EVENT MONITOR                 */
/*   EXCEL TYPE TABLES                      */
.mmEvtExcelTableWrapper {
    position: absolute;
    top: 55px;
    left: 155px;
    right: 0;
    bottom: 35px;
    overflow: scroll;
}

.mmEvtExcelTableInner {
    overflow: hidden;
}

.mmEvtStaticRow {
    position: absolute;
    top: 0;
    left: 155px;
    right: 10px;
    height: 50px;
    overflow: hidden;
}

.mmEvtStaticRowInner {
    width: 1300px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-bottom: 8px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
}

.mmEvtStaticRowInner div.evtAcKCtl {
    text-align: center;
    text-transform: none;
    max-width: 50px;
    min-width: 50px;
    line-height: 50px;
}

.mmEvtStaticRowInner div {
    position: relative;
    float: left;
    text-transform: uppercase;
    margin-right: 5px;
}

.mmEvtStaticRowInner div:first-child {
    margin-left: 8px;
}

.mmEventLHSScreen .mmEvtStaticRowInner, .mmEventTableScreen .mmEvtStaticRowInner, .mmEventLHSSmallScreen .mmEvtStaticRowInner {
    background-color: rgb(115, 115, 115);
    background-image: none;
    color: rgb(255, 253, 252);
    font-family: "G-Open Sans-n4", Arial, sans-serif;
}

#mmEvtEventSysActJobs .mmEventLHSScreen .mmEvtStaticRowInner {
    width: unset;
}

#mmEvtEventSysActJobs .mmEventLHSScreen {
    overflow-x: auto;
    overflow-y: auto;
}

#mmEvtEventSysActJobs table {
    color: black;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
}

#mmEvtEventSysActJobs table th, #mmEvtEventSysActJobs table td {
    padding: 15px 5px;
}

#mmEvtEventSysActJobs table thead tr {
    color: rgb(255, 253, 252);
    font-size: 14px;
    background-color: rgb(115, 115, 115);
    position: sticky;
    top: 0;
    white-space: nowrap;
}

#mmEvtEventSysActJobs table thead tr th {
    font-weight: normal;
}

#mmEvtEventSysActJobs table thead tr th.mmSelDescSort::before {
    height: 116px;
    left: unset;
}

#mmEvtEventSysActJobs table thead tr th.mmSelAscSort::before {
    height: 116px;
    left: unset;
}

#mmEvtEventSysActJobs table tbody tr {
    font-size: 14px;
    white-space: nowrap;
}

#mmEvtEventSysActJobs table tbody tr.subsystem-job {
    background-color: lightgray;
}

#mmEvtEventSysActJobs table tbody tr.subsystem-job td:first-of-type {
    padding-left: 25px;
}

#mmEvtEventSysActJobs table tbody tr:hover {
    background-color: #f1f1f1;
}

#mmEvtEventSysActJobs table tbody tr td {
    border-width: 0 0 1px 0;
    text-align: right;
    min-width: 50px;
}

#mmEvtEventSysActJobs table tbody tr td.text-cell {
    text-align: left;
}

.mmEvtStaticCol {
    position: absolute;
    top: 55px;
    left: 0;
    bottom: 40px;
    width: 150px;
    overflow: hidden;
}

.mmEvtStaticColInner div {
    height: 50px;
    border-bottom: 1px solid white;
    line-height: 50px;
    padding-left: 15px;
    background-color: rgb(115, 115, 115);
    color: #FFF;
}

.mmEvtStaticColInner div:first-child {
    margin-top: 0;
}

#mmTopSysPerfCtlBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.1);
}

.mmStaticTableTjMore {
    position: absolute;
    float: left;
    width: 50px;
    height: 50px;
    color: black;
    text-align: center;
    line-height: 50px;
    font-size: 36px;
    cursor: pointer;
}

.mmEvtDropSel {
    font-weight: bold;
}

.mmEvtDropSel::before {
    background-image: url('/assets/mi1EvtImgs/mmSubMenuItemSel.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 39px;
    width: 25px;
    content: " ";
    display: block;
    position: relative;
    float: left;
}

#jqEvtIBMPerfGraph > canvas {
    z-index: 10;
}

.mmTopJobChildOpen {
    background-image: url(/assets/mi1EvtImgs/mmRuleChildOpen.png);
    background-repeat: no-repeat;
    background-position: 110px center;
}

.mmTobJobChildClose {
    background-image: url(/assets/mi1EvtImgs/mmRuleChildClose.png);
    background-repeat: no-repeat;
    background-position: 110px center;
}

.mmEvtIBMGraph {
    bottom: 45px;
    top: 1px;
    left: 0;
    right: 0;
    position: absolute;
    border-color: rgba(255, 255, 255, 0.55);
    border-style: solid;
    border-width: 0;
    z-index: 10;
}

.wrapperMmEvtIBMGraph {
    font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
    color: rgba(0, 0, 0, 0.8);
    font-weight: normal;
    font-size: 12px;
    text-shadow: none;
    overflow: hidden;
    top: 6px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    height: 100%;
    width: 100%;
}

.mmEvtIBMScroller {
    position: absolute;
    bottom: 62px;
    top: 0;
    left: 0;
    right: 0;
}

.mmEvtIBMLineChart {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mmEvtIBMColorChart {
    z-index: 1000;
    background-image: url('/assets/images/bckgrndNoise3.jpg');
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 0;
}

.jqToolTipMmEvtIBM {
    position: relative;
    float: left;
    height: auto;
    background-color: #053445;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 0;
    width: 175px;
    z-index: 9000;
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: 1px;
    border-radius: 5px;
}

.jqToolTipMmEvtIBM > div:last-child {
    margin-bottom: 5px;
}

.jqToolTipMmEvtTitle {
    position: relative;
    float: left;
    background-color: #032b39;
    height: 18px;
    width: 100%;
    line-height: 18px;
    text-align: center;
    margin-bottom: 5px;
    font-family: 'Oswald', sans-serif;
    color: #3dc7fc;
    font-size: 14px;
    border-bottom: 3px solid #0a4b64;
}

.jqToolTipMmEvtValue {
    position: relative;
    float: left;
    clear: both;
    height: 12px;
    text-align: center;
    color: #ffffff;
    font-size: 10px;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
}

.mmEvtStatHeader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    overflow: hidden;
}

.mmEvtStatTableWrapper {
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll;
}

#mmCfgUserSysSets .mmEvtStatTableWrapper {
    top: 40px;
    bottom: 40px;
    overflow: auto;
}

.mmRhsEventRow {
    position: relative;
    float: left;
    color: #aeceda;
    height: 30px;
    width: 100%;
    line-height: 30px;
    text-align: left;
    margin-bottom: 4px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.mmEvtRhsTable .mmRhsEventRow {
    color: #000;
}

.mmEventFullScreen > .mmEvtRhsTable > .mmRhsEventRow {
    border-bottom: 1px solid #d6d6d6;
}

.mmEventFullScreen > .mmEvtRhsTable > .mmRhsEventRow:last-child {
    border-bottom: none;
}

.mmRhsEventRow div {
    position: relative;
    float: left;
    clear: none;
}

#mmEvtEventPoolsCtlCols > div {
    text-align: left;
    word-wrap: break-word;
    word-break: keep-all;
}

.mmRhsFormLabel {
    position: relative;
    float: left;
    height: 32px;
    width: 105px;
    margin-left: 15px;
    white-space: nowrap;
    line-height: 32px;
    margin-bottom: 10px;
    margin-top: 5px;
    clear: both;
    color: #414141;
    font-size: 14px;
    font-weight: normal;
}

.mmRhsResultLabel {
    position: relative;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    color: #FFFFFF;
    font-size: 16px;
    margin-left: 15px;
    font-weight: 300;
    white-space: nowrap;
    line-height: 40px;
    margin-bottom: 5px;
}

.mmRhsFormValLeft {
    position: relative;
    float: left;
    height: 40px;
    width: 180px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    margin-bottom: 10px;
    margin-left: 0;
    font-size: 14px;
    line-height: 40px;
}

.mmRhsFormValRightSm {
    width: 120px;
    float: right;
    margin-right: 35px;
}

.mmRhsFormValRightToggle {
    width: 90px;
    float: right;
    margin-right: 35px;
}

#notifyWrapper {
    bottom: 10px;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    overflow: auto;
    width: inherit;
}

#notifyList {
    width: 100%;
    height: auto;
    overflow-y: unset;
}

.delNotifyItem {
    background-image: url('/assets/mi1EvtImgs/error-blue-mark.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 25px;
    width: 25px;
    content: " ";
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
}

#notifyList .mmEvtMsgRow .mmEvtCellMsgSumm {
    overflow: hidden;
    position: unset;
    line-height: normal;
}

#notifyList .mmEventRow div:first-child {
    margin-left: 0;
}

.prcKidTitle {
    background-color: #052532;
    width: 100%;
    position: relative;
    float: left;
    height: 35px;
    color: #00b8ff;
    line-height: 35px;
    padding-left: 15px;
    font-size: 16px;
}

.prcKidShow {
    position: absolute !important;
    top: 0;
    right: 0;
    width: 35px !important;
    height: 35px !important;
    margin-top: 0 !important;
    background-color: #052532;
    color: #00b8ff;
    line-height: 33px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
}

#mmCfgReportsCtlCols div {
    margin-right: 5px;
}

#mmCfgReportsCtlList .mmEventRow div {
    overflow: hidden;
    margin-right: 5px;
}

#mmCfgRptHistCtlCols div {
    margin-right: 5px;
}

#mmCfgRptHistCtlList .mmEventRow div {
    overflow: hidden;
    margin-right: 5px;
}

.mmEvtUserSystemHeader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    text-indent: 25px;
    font-weight: bold;
    font-size: 14px;
    color: #000;
    background-color: #dbdbdb;
}

.mmEvtUserSystemFooter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    font-weight: bold;
    font-size: 14px;
    color: #000;
    background-color: #f0f0f0;
}

.mmEvtUserSystemFooter > div {
    width: 50px;
    position: relative;
    float: left;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
}

.mmConfigLHSScreen {
    position: relative;
    float: left;
    width: 240px;
    bottom: 0;
    height: 300px;
    margin: 15px 15px 0 5px;
}

.mmConfigMidScreen {
    position: relative;
    float: left;
    width: 330px;
    height: 290px;
    bottom: 0;
    overflow: hidden;
    margin: 20px 0 0;
}

.mmEventRow .stdUserIcon {
    height: 80px !important;
    width: 80px;
    margin-left: 0 !important;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(/assets/mi1EvtImgs/Standard-User.png);
    background-size: cover;
}

.mmEventRow .stdSuperIcon {
    height: 80px !important;
    width: 80px;
    margin-left: 0 !important;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(/assets/mi1EvtImgs/Super-User.png);
    background-size: cover;
}

.mmEventRow .adoptSuperIcon {
    height: 80px !important;
    width: 80px;
    margin-left: 0 !important;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(/assets/mi1EvtImgs/Adopted-Super-User.png);
    background-size: cover;
}

#authDelBtn.disabled {
    color: lightgrey;
    cursor: default;
}

.mmAuthLevelRow {
    overflow: hidden;
}

.mmAuthLevels {
    background-color: transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 5px 2px 5px;
}

.mmAuthLevels label {
    border: 1px solid #142f3a;
    color: black;
    background-color: white;
    line-height: 20px;
    display: inline-block;
    padding: 4px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 5px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
}

.mmAuthLevels .ui-state-disabled {
    opacity: unset;
}

.mmAuthLevels .ui-state-disabled label {
    color: grey;
    border-color: grey;
    background-color: lightgrey;
}

.mmAuthLevels label.ui-radio-on, .mmAuthLevels .ui-state-disabled label.ui-radio-on {
    color: #fff;
    background: linear-gradient(to bottom, #31c3ec 0%, #05768c 100%);
}

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

.usrFormLabel {
    position: relative;
    float: left;
    height: 40px;
    margin-bottom: 10px;
    line-height: 40px;
    clear: both;
}

#blobWrap, #v2Wrap {
    position: absolute;
    top: 35px;
    left: 35px;
    right: 0;
    bottom: 44px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 10px 25px 25px;
    overflow: hidden;
}

#blobScreen {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.blobScreen {
    opacity: 0;
    width: 100%;
    height: 100%;
}

.showBlobScreen {
    opacity: 1;
}

#blobWorld {
    height: 255px;
    width: 550px;
    background-repeat: no-repeat;
    overflow: hidden;
}

.blobagon {
    position: absolute;
    left: 200px;
    height: 200px;
    width: 160px;
    z-index: 12;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    top: 30px;
}

.blobagon.blobBlue {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/MSP-Hexagon-Blue.png);
}

.blobagon.blobWhite {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/MSP-Hexagon-White.png);
}

.blobagon.blobYellow {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/MSP-Hexagon-Yellow.png);
}

.blobagon.blobRed {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/MSP-Hexagon-Red.png);
}

.blobagon.blobBlack {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/MSP-Hexagon-Black.png);
}

.blobLeftWing {
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 10;
    width: 275px;
    height: 160px;
    background-color: #c5c2c2;
}

.blobLeftWingInner {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: #ebeff0;
}

.blobRightWing {
    width: 275px;
    height: 160px;
    position: absolute;
    left: 275px;
    top: 50px;
    z-index: 11;
    background-color: #c5c2c2;
}

.blobRightWingInner {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: #f1f1f1;
}

.blobShieldTitle {
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    height: 22px;
    position: absolute;
    top: 60px;
    left: 10px;
    right: 10px;
}

.blobWhite .blobShieldTitle, .blobWhite .lblGroupStatus, .blobWhite .groupAgonIcon {
    color: #0682b5;
}

.blobShieldComment {
    text-align: center;
    position: absolute;
    top: 105px;
    left: 10px;
    right: 10px;
    font-size: 12px;
    line-height: 12px;
}

.blobWhite .blobShieldComment {
    color: #0682b5;
}

.blobTableHeader {
    position: relative;
    float: left;
    width: 180px;
    clear: both;
    height: 20px;
    margin: 20px 5px 5px;
    text-indent: 10px;
    font-size: 10px;
    color: #000;
    background-color: #dbdbdb;
    line-height: 20px;
}

.blobTableRow {
    position: relative;
    height: 12px;
    line-height: 12px;
    font-size: 8px;
    text-indent: 15px;
    float: left;
    width: 180px;
    clear: both;
    margin: 0 5px 5px;
    border-bottom: 1px solid #e1e5e6;
    color: #000;
    background-color: #f1f1f1;
}

.blobTableRightHeader {
    position: relative;
    float: right;
    width: 170px;
    clear: both;
    height: 20px;
    margin: 20px 5px 5px;
    text-indent: 10px;
    font-size: 10px;
    color: #000;
    background-color: #dbdbdb;
    line-height: 20px;
}

.blobTableRightRow {
    position: relative;
    height: 12px;
    line-height: 12px;
    font-size: 8px;
    text-indent: 15px;
    float: right;
    width: 170px;
    clear: both;
    margin: 0 5px 5px;
    border-bottom: 1px solid #e1e5e6;
    color: #000;
    background-color: #f1f1f1;
}

.companyClass {
    width: auto;
    height: auto;
    display: block;
    position: relative;
    float: left;
    margin-top: 10px;
}

.mspCtner {
    line-height: 55px;
    text-align: center;
    font-size: 30px;
    width: inherit;
    height: inherit;
    border: 0 solid #CCC;
    position: relative;
    float: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    transition-delay: 500ms;
    transition: all 500ms ease;
}

.mspCtner figure {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: none;
    font-family: "Open Sans", "G-Open Sans-n4", Arial, sans-serif;
    display: block;
    position: absolute;
    width: 160px;
    height: 185px;
    top: -8px;
    left: -17px;
    background-size: 160px 185px;
    font-weight: 400;
    color: white;
    text-align: center;
    pointer-events: auto;
    line-height: 155px;
    font-size: 18px;
}

.cfgViewer {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/MSP-Hex-Blue-Bk-B.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 214px 225px;
}

.mspCpuTitle {
    width: 140px;
    position: absolute;
    text-align: center;
    height: 38px;
    z-index: 10;
    font-family: "Open Sans", "G-Open Sans-n4", Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    top: 72px;
    left: 10px;
}

.mspSvcTitle {
    z-index: 10;
    width: 145px;
    font-family: "Open Sans", "G-Open Sans-n4", Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    top: 72px;
    left: 8px;
    position: absolute;
}

.mspSvcIcon {
    width: 160px;
    height: 32px;
    position: absolute;
    top: 30px;
    text-align: center;
    font-size: 33px;
    opacity: 0.4;
    z-index: 10;
    color: #000;
    left: 0;
}

.evtHexTikSts {
    width: 160px;
    height: 32px;
    position: absolute;
    top: 24px;
    text-align: center;
    left: 0;
    line-height: 22px;
    font-size: 20px;
    z-index: 10;
}

.evtHexPriority {
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #d4d4d4;
    font-weight: 600;
    border-radius: 15px;
    text-align: center;
    font-family: "Open Sans", "G-Open Sans-n4", Arial, sans-serif;
    z-index: 10;
    padding-left: 5px;
    padding-right: 5px;
    width: fit-content;
    margin: 129px auto 0;
    max-width: 80px;
    overflow: hidden;
}

.mspCpuCompany {
    width: 140px;
    position: absolute;
    height: 22px;
    z-index: 10;
    font-weight: normal;
    top: 110px;
    left: 10px;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
}

.mspSvcCompany {
    width: 140px;
    position: absolute;
    height: 22px;
    z-index: 10;
    font-weight: normal;
    top: 110px;
    left: 10px;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
}

.mi8ChromeCpuDialSvg {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/dial-Lg-Grad-Trim.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top left;
    position: absolute;
    z-index: 5;
    left: 22px;
    top: 56px;
    width: 114px;
    height: 12px;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    transition: clip 2s ease;
    display: block;
}

.systemViewer.blobTextBlue {
    color: #0682b5;
}

.mi8ChromeCpuDialSvgBkgd {
    display: block;
    left: 0;
    top: 0;
    width: 160px;
    height: 185px;
    position: absolute;
    z-index: 2;
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/dial-World-Blue.png);
    background-repeat: no-repeat;
    background-size: 160px 185px;
    transform-origin: 100px;
}

.mi8ChromeCpuDialSvgBkgd.blobDialBlue {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/dial-World-Blue.png);
}

.mi8ChromeCpuDialSvgBkgd.blobDialWhite {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/dial-World-White.png);
}

.mi8ChromeCpuDialSvgBkgd.blobDialYellow {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/dial-World-Yellow.png);
}

.mi8ChromeCpuDialSvgBkgd.blobDialRed {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/dial-World-Red.png);
}

.mi8ChromeCpuDialSvgBkgd.blobDialBlack {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/dial-World-Black.png);
}

.mi8ChromeCpuSvcSvgBkgd {
    display: block;
    left: 0;
    top: 0;
    width: 160px;
    height: 185px;
    position: absolute;
    z-index: 2;
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/MSP-Hexagon-Blue.png);
    background-repeat: no-repeat;
    background-size: 160px 185px;
    transform-origin: 100px;
}

.mi8ChromeCpuSvcSvgBkgd.blobDialBlue {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/MSP-Hexagon-Blue.png);
}

.mi8ChromeCpuSvcSvgBkgd.blobDialWhite {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/MSP-Hexagon-White.png);
}

.mi8ChromeCpuSvcSvgBkgd.blobDialYellow {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/MSP-Hexagon-Yellow.png);
}

.mi8ChromeCpuSvcSvgBkgd.blobDialRed {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/MSP-Hexagon-Red.png);
}

.mi8ChromeCpuSvcSvgBkgd.blobDialBlack {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/MSP-Hexagon-Black.png);
}

.evtHexTitle {
    line-height: 17px;
    font-size: 12px;
    height: 100px;
    width: 135px;
    overflow: hidden;
    text-shadow: none;
    position: absolute;
    top: 50px;
    left: 13px;
}

.evtHexTitle u {
    text-decoration: none;
    border-bottom: 2px solid #FFFFFF;
}

.evtHexTitle hr {
    color: #000000;
    height: 1px;
}

.mspHaWorldPage {
    position: relative;
    float: left;
    z-index: 250;
    width: 100%;
    transition-delay: 500ms;
    transition: all 500ms ease;
    font-family: "Open Sans", "G-Open Sans-n4", Arial, sans-serif;
    background-color: #FFF;
}

.haRhsOverHeader {
    font-size: 16px;
    font-weight: bold;
    height: 68px;
    position: relative;
    width: 100%;
}

.mspHaWorldPage > .haRhsOverHeader, .mmEventRHSInnerScreen .haRhsOverHeader {
    background-color: #EFEFEF;
    border-bottom: 1px solid #cac7c7;
    border-left: 1px solid #c5d5dd;
}

.mspHaWorldTitle {
    position: absolute;
    text-align: left;
    font-size: 22px;
    font-weight: normal;
    top: 17px;
    left: 60px;
    height: 18px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    right: 40px;
}

.mspHaWorldPage .mspHaWorldTitle, .mmEventRHSInnerScreen .mspHaWorldTitle {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    color: #585858;
}

.mspHaWorldDataTxt {
    line-height: 18px;
    height: 18px;
    position: absolute;
    bottom: 12px;
    left: 60px;
    font-size: 18px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    right: 40px;
}

.mspHaWorldPage .mspHaWorldDataTxt, .mmEventRHSInnerScreen .mspHaWorldDataTxt {
    color: #585858;
    font-size: 14px;
}

.mspHaWorldClose {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px;
    height: 24px;
    width: 24px;
    font-size: 18px;
    line-height: 24px;
    color: #898989;
    text-align: center;
}

.mspHaWorldMin {
    cursor: pointer;
    position: absolute;
    right: 10px;
    bottom: 5px;
    height: 24px;
    width: 24px;
    font-size: 24px;
    line-height: 24px;
    color: #898989;
    text-align: center;
}

.haRhsCfgMainTextBox {
    text-shadow: none;
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    transform: translateZ(0);
    transition-delay: 500ms;
    transition: all 500ms ease;
}

.mspHaWorldPage .haRhsCfgMainTextBox {
    color: #2c3538;
    font-size: 14px;
}

.mspCfgMbrLabel {
    float: left;
    height: 50px;
    margin-left: 10px;
    line-height: 50px;
    clear: both;
}

.mspHaWorldPage .mspCfgMbrLabel {
    font-weight: bold;
}

.mspCfgMbrInput {
    text-align: right;
    margin-left: 0;
    margin-top: 0;
    float: right;
    height: 50px;
    margin-right: 10px;
    line-height: 50px;
}

.mspHaWorldPage .mspCfgMbrInput {
    font-weight: normal;
}

.haRhsOverCtlBar {
    overflow: hidden;
    height: 45px;
    position: relative;
    float: left;
    width: 100%;
}

.mspHaWorldPage .haRhsOverCtlBar {
    background-color: rgb(161, 194, 203);
}

.haRhsMspCfgTabs {
    height: 55px;
    position: relative;
    float: left;
    width: 100%;
}

.extMspCfgTabItem {
    position: relative;
    float: left;
    width: 32%;
    height: 55px;
    cursor: pointer;
}

.mspHaWorldPage .extMspCfgTabItem {
    text-indent: 5px;
    height: 45px;
    color: #2c3538;
    font-size: 14px;
    line-height: 55px;
    text-align: left;
    margin-right: 10px;
    width: 85px;
    font-weight: normal;
    border-bottom: 3px solid #ebebeb;
}

.mspHaWorldPage .extMspCfgTabItem:hover {
    border-bottom: 3px solid #03a9f4;
}

.extMspCfgTabItemActive {
    text-shadow: none;
}

.mspHaWorldPage .extMspCfgTabItemActive {
    border-bottom: 3px solid #03a9f4;
}

.haRhsMspLogWrapper {
    overflow: hidden;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 0;
    border: 0 solid rgba(198, 199, 202, 0.12);
    transition-delay: 500ms;
    transition: all 500ms ease;
}

.mspPopPage {
    position: absolute;
    z-index: 250;
    width: 250px;
    height: 291px;
    left: 50%;
    top: 50%;
    background-color: #FFF;
    border: 1px solid rgb(19, 47, 58);
}

#mmEventPerfScreen .mspPopPage, #mmMonStgOverScreen .mspPopPage, #mmMonStgAspScreen .mspPopPage {
    border: 5px solid #FFF;
}

.mspOverHeader, .mmPopOverHeader {
    font-size: 16px;
    font-weight: bold;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.mspPopPage .mspOverHeader, .mmPopPage .mmPopOverHeader {
    background-color: rgb(19, 47, 58);
}

.notifyPopPage .mmPopOverHeader {
    background-color: #ebebeb;
}

.mmGraphEventButton {
    position: relative;
    float: right;
    height: 30px;
    width: 30px;
    margin-top: 15px;
    margin-right: 10px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.mspPopPage .mmGraphEventButton {
    color: #FFF;
}

.mspPopPage .mmEmailButton {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_file_download_white_48dp_2x.png");
}

.mspPopPage .mmPrintButton {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_print_white_48dp_2x.png");
}

.mspOverCtlBar {
    z-index: 89;
    overflow: hidden;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0 0 5px 5px;
}

.mspPopPage .mspOverCtlBar {
    background-color: rgb(161, 194, 203);
    background-image: url('/assets/mi1EvtImgs/mspPop/blackslash.png');
}

.mspCfgGraph {
    bottom: 0;
    top: 1px;
    left: 0;
    right: 0;
    position: absolute;
    border-style: solid;
    border-width: 0;
    z-index: 10;
}

.mspPopPage .mspCfgGraph {
    border-color: rgba(255, 255, 255, 0.55);
}

.chartMspCfgScroller {
    position: absolute;
    bottom: 15px;
    top: 0;
    left: 0;
    right: 0;
    overflow: scroll;
    overflow-y: hidden;
}

.mspCfgChartLegend {
    position: relative;
    float: none;
    display: inline-block;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    height: 50px;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    color: #1e282c;
    font-family: Calibri, sans-serif;
    font-size: 14px;
    font-style: normal;
}

.mspPopPage .chartMspCfgScroller {
    color: #1e282c;
    font-family: Calibri, sans-serif;
    font-size: 14px;
}

.mspCfgChartLegend_UL {
    white-space: nowrap;
    list-style: none;
    height: 60px;
    left: 0;
    right: 0;
    margin: 0;
    overflow: scroll;
    overflow-y: hidden;
}

.mspCfgContentBkgd {
    overflow: hidden;
    position: absolute;
}

.mspPopPage .mspCfgContentBkgd {
    top: 80px;
    left: 20px;
    right: 20px;
    bottom: 80px;
    font-family: 'Helvetica', sans-serif;
    color: #37596f;
    font-size: 12px;
    font-weight: normal;
}

.popMspCfgLineChart {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: visible;
}

.mspPopPage .jqplot-series-shadowCanvas {
    border-left: 3px solid #ccc7c7;
    border-bottom: 3px solid #ccc7c7;
}

.jqplot-xaxis-tick {
    width: 38px;
    text-align: center;
    margin-top: 10px;
}

.jqplot-xaxis .jqplot-xaxis-tick:nth-child(2) {
    display: none;
}

.jqplot-xaxis .jqplot-xaxis-tick:last-child {
    display: none;
}

.colorChartMspCfg {
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 0;
}

.mspPopPage .colorChartMspCfg {
    background-color: #e3e3e3;
}

.mspOverTitle, .mmPopOverTitle {
    top: 0;
    position: absolute;
    left: 10px;
    height: 60px;
    cursor: grab;
    line-height: 60px;
    text-align: left;
    font-weight: normal;
}

.mspPopPage .mspOverTitle, .mmPopPage .mmPopOverTitle, .actKidProcWindow .prcKidTitle {
    font-family: "Open Sans", "G-Open Sans-n4", Arial, sans-serif;
    color: #FFF;
    font-size: 16px;
    text-indent: 20px;
    cursor: pointer;
}

.notifyPopPage .mmPopOverTitle {
    font-family: "Open Sans", "G-Open Sans-n4", Arial, sans-serif;
    color: #000;
    font-size: 16px;
    text-indent: 20px;
}

.mspOverTitle:active {
    cursor: grabbing;
}

.mspOverClose, .mmPopOverClose {
    position: relative;
    float: right;
    height: 30px;
    width: 30px;
    margin-top: 15px;
    margin-right: 10px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.mspPopPage .mspOverClose, .mmPopPage .mmPopOverClose {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_close_white_48dp_2x.png");
}

.mspOverClose:active {
    background-color: rgba(24, 155, 183, 0.5);
}

.mspOverMin, .mmPopOverMin {
    position: relative;
    float: right;
    height: 30px;
    width: 30px;
    margin-top: 15px;
    margin-right: 10px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.mspPopPage .mspOverMin, .mmPopPage .mmPopOverMin, .actKidProcWindow .mmPopOverMin {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_expand_less_white_48dp_2x.png");
}

.mspOverMin:active {
    background-color: rgba(24, 155, 183, 0.5);
}

.mspOverRst, .mmPopOverRst {
    position: relative;
    float: right;
    height: 30px;
    width: 30px;
    margin-top: 15px;
    margin-right: 10px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.mspPopPage .mspOverRst, .mmPopPage .mmPopOverRst, .actKidProcWindow .mmPopOverRst {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_expand_more_white_48dp_2x.png");
}

.mspOverRst:active {
    background-color: rgba(24, 155, 183, 0.5);
}

.notifyPopPage .mmPopOverClose {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_close_black_48dp_2x.png");
}

.notifyPopPage .mmPopOverMin {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_expand_less_white_48dp_2x.png");
}

.notifyPopPage .mmPopOverRst {
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_expand_more_white_48dp_2x.png");
}

.onoffswitch {
    position: relative;
    width: 90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #f1f1f1;
    border-radius: 0;
}

.onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: rgb(3, 169, 244);
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    color: #000;
    text-align: right;
}

.onoffswitch-switch {
    width: 20px;
    margin: 4px;
    background: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 58px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0;
}

.showHideSwitch {
    position: relative;
    width: 90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.prfPopPage {
    position: absolute;
    z-index: 250;
    width: 250px;
    height: 291px;
    left: 50%;
    top: 50%;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #50b5df;
    box-shadow: 0 0 3px 1px rgba(24, 155, 183, 0.6), 0 0 10px 0 rgba(24, 155, 183, 0.3);
}

.extMspLogWrapper {
    bottom: 0;
    position: absolute;
    top: 0;
    left: 1px;
    right: 0;
    overflow: auto;
    margin-top: 0;
    border: 0 solid rgba(198, 199, 202, 0.12);
    transition: all 800ms;
}

.mmEvtMonRhsTable {
    position: relative;
    float: left;
    height: auto;
    margin-bottom: 20px;
    max-width: 345px;
    color: #000;
}

.mmMonRhs {
    clear: both;
    margin-top: 0;
    width: 100%;
}

.mmEvtSideGraph {
    width: 34px;
    height: 50px;
    position: relative;
    float: right;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    color: #898989;
    cursor: pointer;
}

.mmEvtSideGraph:hover {
    color: #31B2E8;
}

.mspCfgDetBut {
    display: none;
    width: 39px;
    height: 39px;
    background-image: url(/assets/mi1EvtImgs/mspPop/list-icon-RH.png);
    background-repeat: no-repeat;
    background-size: 26px 28px;
    background-position: center center;
    position: relative;
    float: left;
    margin-top: -1px;
    margin-left: 0;
    border-top-right-radius: 9px;
}

.mspCfgLogBut {
    display: none;
    width: 39px;
    height: 39px;
    background-image: url(/assets/mi1EvtImgs/mspPop/list-icon-RH.png);
    background-repeat: no-repeat;
    background-size: 26px 28px;
    background-position: center center;
    position: relative;
    float: left;
    margin-top: -1px;
    margin-left: 0;
    border-top-right-radius: 9px;
}

.mspCfgGraphBut {
    width: 39px;
    height: 39px;
    background-image: url(/assets/mi1EvtImgs/mspPop/chrts-icon-RH.png);
    background-repeat: no-repeat;
    background-size: 26px 28px;
    background-position: center center;
    position: relative;
    float: right;
    margin-top: 0;
    margin-left: 0;
    border-bottom: 1px solid #98a6b1;
}

.mspCfgLegendColor {
    width: 20px;
    height: 20px;
    background-color: rgb(0, 81, 133);
    margin: 10px auto 0;
}

.wrapperMspCfgGraph {
    overflow: hidden;
    top: 6px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    height: 100%;
    width: 100%;
}

.wrapperSysDetTable {
    font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
    color: rgba(0, 0, 0, 0.8);
    font-weight: normal;
    font-size: 12px;
    text-shadow: none;
    overflow: scroll;
    overflow-x: hidden;
}

.rotating {
    background-color: unset;
    background-size: 40px 40px;
    background-image: url('/assets/mi1EvtImgs/mspPop/LoadingCircle.png');
    background-repeat: no-repeat;
    background-position: center center;
    transform-origin: 50% 50%;
    animation: rotating-function 800ms linear infinite;
}

@keyframes rotating-function {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.jqToolTipMaxview {
    color: red;
    background-color: black;
    padding: 5px;
}

/* BLUE BOX BACKGROUND  */
.blueBoxBkgd {
    background-repeat: repeat;
    border-bottom: 1px solid #9fa4a5;
    height: 80px;
}

.blueBoxDots {
    width: 100%;
    height: 100%;
    background-color: #50b5df;
    background-image: url('/assets/mi1EvtImgs/mspPop/blackslash.png');
}

.mspCfgStsIcon {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    width: 32px;
    height: 32px;
    top: 20px;
    left: 20px;
}

/* DATA TXT */
.mspCfgDataTxt {
    width: 65px;
    line-height: 16px;
    height: 25px;
    position: absolute;
    top: 18px;
    left: 90px;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    font-size: 16px;
    font-weight: bold;
}

/* ACTIVETXT  */
.mspCfgActiveTxt {
    width: 65px;
    line-height: 18px;
    height: 25px;
    position: absolute;
    top: 45px;
    left: 90px;
    color: #6cdae4;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 1px 0 #000;
}

/* MEMBER STATUS */
.mspCfgMbrSts {
    position: absolute;
    top: 81px;
    left: 0;
    right: 0;
    bottom: 16px;
    overflow: scroll;
    overflow-x: hidden;
    background-color: #b6ced2;
}

/* MAINTXTBOX  */
.mspCfgMainTextBox {
    border-bottom: 1px solid #9fa4a5;
    border-top: 1px solid #e4e8e9;
    color: #2c3538;
    font-size: 14px;
    text-shadow: none;
}

/* LIGHTER LINE BOX  */
.mspCfgLightLineBox {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #9bb7bc;
}

.mspCfgDarkLineBox {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #9bb7bc;
}

.mspCfgMbrWhite {
    color: #000000;
    text-shadow: 1px 1px #FFF;
}

.mspCfgMbrBlue {
    color: #00C6FE;
    text-shadow: 1px 1px #000;
}

.mspCfgMbrRed {
    color: #FF0000;
    text-shadow: 1px 1px #FFF;
}

.mspCfgMbrYell {
    color: #F3F00D;
    text-shadow: 1px 1px #000;
}

.extMspCfgSum {
    position: absolute;
    top: -1px;
    right: -270px;
    width: 270px;
    bottom: 0;
    background-color: #002a36;
    transform: translateZ(0);
    transition: all 800ms;
}

.extMspCfgSumWin {
    position: absolute;
    top: 57px;
    left: 0;
    right: 0;
    bottom: 17px;
    background-color: #b2cbd0;
}

.extMspCfgTabs {
    border-bottom: 1px solid #9fa4a5;
    background-color: #50b5df;
    height: 55px;
    position: absolute;
    left: 0;
    right: 0;
}

.mspCfgLogWrap {
    color: #2c3538;
    width: 100%;
    height: auto;
    min-height: 60px;
    border-bottom: 1px solid #9bb7bc;
    overflow: hidden;
    transition-delay: 500ms;
    transition: all 500ms ease;
}

.extMspTopIcons {
    height: 100%;
    width: 90px;
    position: relative;
}

.mspCfgQueueBox {
    width: 160px;
    font-size: 9px;
    font-style: italic;
    color: #2c3538;
    position: absolute;
    font-weight: bold;
    bottom: 2px;
    left: 15px;
    text-shadow: none;
}

.mspCfgTimeMsg {
    z-index: inherit;
    width: 110px;
    font-size: 9px;
    text-align: right;
    margin-top: 0;
    font-style: italic;
    color: #2c3538;
    position: absolute;
    font-weight: bold;
    bottom: 2px;
    text-shadow: none;
    right: 10px;
}

.mspCfgLogMsgTxt {
    width: 90%;
    font-family: Calibri, sans-serif;
    text-shadow: none;
    font-weight: normal;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding-left: 25px;
    position: relative;
    z-index: inherit;
    line-height: 15px;
    padding-top: 8px;
    height: 40px;
    background-image: url(/assets/mi1EvtImgs/mspPop/log-arrow.png);
}

.mspExtBut {
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: 8px 7px;
    position: relative;
    float: right;
    height: 30px;
    width: 33px;
    margin-top: 7px;
    margin-right: 5px;
    z-index: 99;
}

.mspRefreshExtCfgBut {
    background-image: url(/assets/mi1EvtImgs/legacyImages/icons/icon-refresh.png);
}

.mspRefreshExtCfgBut:active {
    background-color: rgba(24, 155, 183, 0.5);
}

.mspPastExtCfgBut {
    background-image: url(/assets/images/backbtn-top@2x.png);
}

.mspPastExtCfgBut:active {
    background-color: rgba(24, 155, 183, 0.5);
}

.mspOpenExtCfgBut {
    background-image: url(/assets/mi1EvtImgs/mspPop/openLogBut.png);
}

.mspOpenExtCfgBut:active {
    background-color: rgba(24, 155, 183, 0.5);
}

.mspStartExtCfgBut {
    background-image: url(/assets/mi1EvtImgs/mspPop/cmdStartCfgBut.png);
}

.mspStartExtCfgBut:active {
    background-color: rgba(24, 155, 183, 0.5);
}

.mspStopExtCfgBut {
    background-image: url(/assets/mi1EvtImgs/mspPop/cmdStopCfgBut.png);
}

.mspStopExtCfgBut:active {
    background-color: rgba(24, 155, 183, 0.5);
}

.mspChgJrnCfgBut {
    background-image: url(/assets/mi1EvtImgs/mspPop/cmdChgJrnCfgBut.png);
}

.mspChgJrnCfgBut:active {
    background-color: rgba(24, 155, 183, 0.5);
}

.mspLegMoreButton {
    border-radius: 15px;
    background: linear-gradient(to bottom, #01abde 0%, #0187d0 100%);
}

.mmWorldEvtSubMenu {
    transition: all 1s ease;
    transform: translateX(0px) translateY(-55px);
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
    background-color: #FFF;
    color: #646464;
    text-shadow: 0 1px 0 #e9e9ea;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    white-space: nowrap;
    list-style: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.mmWorldEvtSubMenuShow {
    transform: translateX(0px) translateY(0px);
    opacity: 1;
}

.mmWorldViewSlideDown {
    top: 51px;
}

.mspTileGraph {
    width: 50%;
}

/* --- main layout --- */
.nopointers {
    pointer-events: none;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

.bodyWrpper {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #FFFFFF;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    background-color: #1e779f;
}

.ui-loader {
    display: none;
}

canvas {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#hdrLeftBurger {
    position: relative;
    float: left;
    height: inherit;
    cursor: pointer;
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/top-left-burgex@3x.png");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center center;
    margin-left: 0;
    width: 72px;
    z-index: 10;
}

#hdrBadgeLeftBurger {
    background-color: red;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 10px;
    color: white;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    display: none;
}

#ncLaunchButton {
    position: absolute;
    top: 8px;
    right: 56px;
    height: 55px;
    width: 225px;
    cursor: pointer;
    opacity: 1;
    background-color: #24434f;
    color: #FFF;
    font-size: 12px;
}

#ncLaunchButton > .ncLaunchIcon {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 35px;
    width: 35px;
    background-repeat: no-repeat;
    background-position: center center;
}

#ncLaunchButton > .mmEvtIconBlue {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/onetone/Notify-blue-check.png');
    background-color: #00b8ff;
    background-size: 35px 35px;
}

#ncLaunchButton > .mmEvtIconWhite {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/onetone/Notify-blue-info.png');
    background-color: #FFFFFF;
    background-size: 35px 35px;
}

#ncLaunchButton > .mmEvtIconYell {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/onetone/Notify-Yella-exclamation.png');
    background-color: #dfe702;
    background-size: 35px 35px;
}

#ncLaunchButton > .mmEvtIconRed {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/onetone/Notify-Red-exclamation.png');
    background-color: #da012a;
    background-size: 35px 35px;
}

#ncLaunchButton > .mmEvtIconBlack {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/onetone/Notify-Red-dead.png');
    background-color: #000000;
    background-size: 35px 35px;
}

.ncLaunchTitle {
    position: absolute;
    top: 10px;
    left: 60px;
    height: 15px;
    width: 160px;
    line-height: 15px;
}

.ncLaunchMessage {
    position: absolute;
    top: 30px;
    left: 60px;
    height: 15px;
    width: 160px;
    line-height: 15px;
}

#logoutButton {
    position: absolute;
    top: 18px;
    right: 10px;
    height: 36px;
    width: 36px;
    cursor: pointer;
    opacity: 1;
    background-image: url('/assets/images/outline_logout_white_48dp.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.hideHdrRightBurger, .hideHdrLeftBurger {
    opacity: 0;
    pointer-events: none;
}

#SAVEREPO {
    position: absolute;
    overflow: hidden;
    width: 785px;
    height: 600px;
}

.myHeader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99999;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 110px 25px;
    transition-delay: 500ms;
    transition: background-color 500ms ease, border-bottom 500ms ease;
    font-family: "Open Sans", "G-Open Sans-n4", Arial, sans-serif;
    font-size: 10px;
    color: #37596f;
    text-shadow: none;
    border-bottom: 0 solid #FFF;
    height: 72px;
    background-color: #12698c;
}

.lhsbar {
    position: absolute;
    left: 0;
    z-index: 99998;
    bottom: 0;
    opacity: 1;
    transform: translateX(0px);
    transition-delay: 250ms;
    transition: all 500ms ease;
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 0 solid #b8b8b8;
    top: 72px;
    width: 72px;
    background-color: rgba(211, 211, 213, 0);
}

.lhsbar::-webkit-scrollbar {
    display: none;
}

.lhsMenuItemText {
    transition-delay: 500ms;
    transition: width 500ms ease, opacity 500ms ease, color 500ms ease;
}

.lhsbar.lhsBarExt {
    width: 250px;
    background-color: rgb(20, 47, 58);
}

.lhsbar.lhsBarExt > .lhsMenuItem {
    width: 100%;
}

.lhsbar > .lhsMenuItem > .lhsMenuItemText {
    pointer-events: none;
    opacity: 0;
    width: 0;
    font-family: "Open Sans", "G-Open Sans-n4", Arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #FFF;
    text-align: left;
    height: 52px;
    line-height: 52px;
    margin-left: 72px;
    white-space: nowrap;
    overflow: hidden;
}

.lhsbar.lhsBarExt > .lhsMenuItem > .lhsMenuItemText {
    opacity: 1;
    color: #FFF;
    text-align: left;
    height: 52px;
    width: 200px;
    line-height: 52px;
    font-size: 14px;
    margin-left: 72px;
    white-space: nowrap;
    overflow: hidden;
}

.lhsMenuDropItemHide {
    height: 0 !important;
    opacity: 0;
}

.lhsMenuDropItemShow {
    opacity: 1;
}

.initLhsbar {
    opacity: 0;
    transform: translateX(-60px);
}

.lhsBarSubMenu {
    transform: translateX(0px);
    transition-delay: 500ms;
    transition: all 500ms ease;
    color: #FFF;
    position: absolute;
    width: 0;
    top: 73px;
    left: 73px;
    z-index: 99998;
    bottom: 0;
    opacity: 1;
    overflow: hidden;
}

.lhsbar.lhsBarExt > .lhsMenuDropItemShow {
    background-color: rgb(15, 39, 51);
}

.lhsbar.lhsBarExt > .lhsMenuItemDropClose::after {
    background-image: url(/assets/mi1EvtImgs/mmSubMenuOpen.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.04);
    height: 40px;
    width: 50px;
    content: " ";
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
}

.lhsbar.lhsBarExt > .lhsMenuItemDropOpen::after {
    background-image: url(/assets/mi1EvtImgs/mmSubMenuClose.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.2);
    height: 40px;
    width: 50px;
    content: " ";
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
}

.lhsBarSubMenu.lhsBarExt {
    left: 250px;
    overflow-y: scroll;
}

.lhsBarSubMenu.lhsBarSubMenuExt {
    width: 250px;
    overflow-y: scroll;
}

.lhsBarSubMenu ul {
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    background-color: #000;
    box-shadow: inset 0 0 30px 0 rgba(139, 3, 105, 0.3);
    padding: 5px 5px 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.lhsBarSubMenu li:hover {
    color: rgba(139, 3, 105, 0.55);
    cursor: pointer;
}

.lhsBarSubMenu li {
    line-height: 40px;
    display: list-item;
    text-align: -webkit-match-parent;
    height: 40px;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    color: rgba(139, 3, 105, 1);
    font-size: 12px;
    font-weight: 400;
    background-image: url(/assets/mi1EvtImgs/legacyImages/bkgds/bckgrndNoise.jpg);
    background-repeat: repeat;
    border-top: 1px solid rgba(139, 3, 105, 0.3);
    border-bottom: 1px solid rgba(139, 3, 105, 0.5);
}

.lhsBarSubMenu li:last-child {
    border-bottom: 5px solid black;
}

.initFooterItem {
    opacity: 0;
    pointer-events: none;
}

.mmEventLHSScreen {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 375px;
    margin: 20px 20px 0;
    font-size: 12px;
    transition-delay: 500ms;
    transition: all 500ms ease;
}

.mmEventLHSSmallScreen {
    width: 275px;
}

.mmEventTableScreen {
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 10px;
    right: 20px;
    margin: 0;
    font-size: 12px;
    transition-delay: 500ms;
    transition: all 500ms ease;
}

.mmEventAckButton, .mmEventTimeButton, .mmEventAckOkButton {
    width: 80px;
    float: right !important;
    margin-right: 0;
    margin-top: 0;
    position: relative;
    z-index: 1;
    font-size: 12px !important;
    line-height: 85px !important;
    font-style: italic;
    height: 100%;
    background-repeat: no-repeat;
    text-align: center;
    background-position: center 10px !important;
    background-size: 20px 20px !important;
}

.mmEventLHSScreen .mmEventAckOkButton, .mmEventTableScreen .mmEventAckOkButton {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_thumb_up_black_48dp_2x.png');
    background-color: rgb(235, 235, 235);
    color: #000;
}

.mmEventLHSScreen .mmEventAckButton, .mmEventTableScreen .mmEventAckButton {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_thumb_down_black_48dp_2x.png');
    background-color: rgb(235, 235, 235);
    color: #000;
}

.mmEventLHSScreen .mmEventAckOkButton, .mmEventTableScreen .mmEventAckOkButton, .notifyPopPage .mmEventAckOkButton {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_thumb_up_black_48dp_2x.png');
    background-color: rgb(235, 235, 235);
    color: #000;
}

.mmEventLHSScreen .mmEventTimeButton, .mmEventTableScreen .mmEventTimeButton {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_schedule_black_48dp_2x.png');
    background-color: rgb(235, 235, 235);
    color: #000;
}

.notifyPopPage .mmEventTimeButton {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_schedule_black_48dp_2x.png');
    background-color: rgb(255, 255, 255);
    color: #000;
}

.notifyPopPage .mmEventAckButton {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_thumb_down_black_48dp_2x.png');
    background-color: rgb(255, 255, 255);
    color: #000;
}

.mmEventRow {
    position: relative;
    float: left;
    height: 50px;
    width: 100%;
    line-height: 50px;
    text-align: left;
    margin-bottom: 4px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.mmEventRow div {
    position: relative;
    float: left;
    white-space: pre;
    overflow: hidden;
    margin-right: 5px;
    font-size: 14px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px;
}

.mmEventLHSScreen .mmEventRow div {
    height: 50px;
    line-height: 50px;
}

.mmEventLHSScreen .mmEventRow div.mmEvtAckButton {
    height: 50px;
    line-height: 50px;
    min-width: 50px;
    max-width: 50px;
    cursor: pointer;
}

.mmEventLHSScreen .mmEventRowChild div {
    line-height: 50px;
}

.mmEventRow div:first-child {
    margin-left: 15px;
    overflow: visible;
}

.mmEventRow div::selection {
    background: rgba(0, 0, 0, 0.05); /* WebKit/Blink Browsers */
}

.mmEventRow div::-moz-selection {
    background: #ffb7b7; /* Gecko Browsers */
}

.mmEventLHSScreen .mmEventRow:hover, .mmEventTableScreen .mmEventRow:hover, .mmEventFullScreen .mmEventRow:hover, .mmEventLHSSmallScreen .mmEventRow:hover, .notifyPopPage .mmEventRow:hover {
    background-color: #f1f1f1;
    color: #000;
}

.mmEventLHSScreen .mmEvtExcelTableInner .mmEventRow {
    color: #000;
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif;
    border-bottom: 1px solid #cbcaca;
}

.mmEventLHSScreen .mmEventRow, .mmEventTableScreen .mmEventRow, .mmEventFullScreen .mmEventRow, .mmEventLHSSmallScreen .mmEventRow, .notifyPopPage .mmEventRow {
    color: #000;
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif;
    border-bottom: 2px solid #f1f1f1;
}

.mmEventLHSScreen .evtRowSel:hover, .mmEventTableScreen .evtRowSel:hover, .mmEventFullScreen .evtRowSel:hover, .mmEventLHSSmallScreen .evtRowSel:hover, .notifyPopPage .evtRowSel:hover {
    background-color: rgb(115, 115, 115);
    color: #FFF;
}

.mmEventLHSScreen .evtRowSel, .mmEventTableScreen .evtRowSel, .mmEventFullScreen .evtRowSel, .mmEventLHSSmallScreen .evtRowSel, .notifyPopPage .evtRowSel {
    color: #FFF;
    margin-bottom: 0;
    border-bottom: 2px solid #f1f1f1;
    background-color: rgb(173, 171, 171);
}

.maxWorldRhsScreen .mmEvtIconBlue, .mmEventFullScreen .mmEvtIconBlue, .mmEventLHSScreen .mmEventRow .mmEvtIconBlue, .mmEventTableScreen .mmEventRow .mmEvtIconBlue, .mmEventTableScreen .mmEvtMsgRow .mmEvtIconBlue, .mspHaWorldPage .mmEvtIconBlue, .mmEventRHSInnerScreen .mmEvtIconBlue, .notifyPopPage .mmEvtIconBlue {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/onetone/Notify-blue-check.png');
    background-size: contain;
}

.maxWorldRhsScreen .mmEvtIconWhite, .mmEventFullScreen .mmEvtIconWhite, .mmEventLHSScreen .mmEventRow .mmEvtIconWhite, .mmEventTableScreen .mmEventRow .mmEvtIconWhite, .mmEventTableScreen .mmEvtMsgRow .mmEvtIconWhite, .mspHaWorldPage .mmEvtIconWhite, .mmEventRHSInnerScreen .mmEvtIconWhite, .notifyPopPage .mmEvtIconWhite {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/onetone/Notify-blue-info.png');
    background-size: 50px 50px;
}

.maxWorldRhsScreen .mmEvtIconYell, .mmEventFullScreen .mmEvtIconYell, .mmEventLHSScreen .mmEventRow .mmEvtIconYell, .mmEventTableScreen .mmEventRow .mmEvtIconYell, .mmEventTableScreen .mmEvtMsgRow .mmEvtIconYell, .mspHaWorldPage .mmEvtIconYell, .mmEventRHSInnerScreen .mmEvtIconYell, .notifyPopPage .mmEvtIconYell {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/onetone/Notify-Yella-exclamation.png');
    background-size: contain;
}

.maxWorldRhsScreen .mmEvtIconRed, .mmEventFullScreen .mmEvtIconRed, .mmEventLHSScreen .mmEventRow .mmEvtIconRed, .mmEventTableScreen .mmEventRow .mmEvtIconRed, .mmEventTableScreen .mmEvtMsgRow .mmEvtIconRed, .mspHaWorldPage .mmEvtIconRed, .mmEventRHSInnerScreen .mmEvtIconRed, .mmEventRHSInnerScreen .mmEvtIconRed, .notifyPopPage .mmEvtIconRed {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/onetone/Notify-Red-exclamation.png');
    background-size: contain;
}

.maxWorldRhsScreen .mmEvtIconBlack, .mmEventFullScreen .mmEvtIconBlack, .mmEventLHSScreen .mmEventRow .mmEvtIconBlack, .mmEventTableScreen .mmEventRow .mmEvtIconBlack, .mmEventTableScreen .mmEvtMsgRow .mmEvtIconBlack, .mspHaWorldPage .mmEvtIconBlack, .mmEventRHSInnerScreen .mmEvtIconBlack, .notifyPopPage .mmEvtIconBlack {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/onetone/Notify-Red-dead.png');
    background-size: contain;
}

.mmEventRHSInnerScreen .mmRhsDistIcon {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_contacts_black_48dp_2x.png);
    background-size: 50px 50px;
}

.mmEventRHSInnerScreen .mmRhsRuleIcon {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_event_note_black_48dp_2x.png);
    background-size: 50px 50px;
}

.mmEventRHSInnerScreen .mmRhsTmplIcon {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_schedule_black_48dp_2x.png);
    background-size: 50px 50px;
}

.mmEvtMsgRow {
    position: relative;
    float: left;
    height: 50px;
    width: 100%;
    line-height: 50px;
    text-align: left;
    margin-bottom: 4px;
}

.mmEventLHSScreen .mmEvtMsgRow, .mmEventTableScreen .mmEvtMsgRow {
    font-size: 14px;
    color: #000;
}

.notifyPopPage .mmEvtMsgRow {
    height: 95px;
    line-height: normal;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px 20px 35px 70px;
    box-sizing: border-box;
    font-size: 14px;
    background-color: #FFF;
    color: #000;
}

.mmEventLHSScreen .mmEvtMsgRow:hover, .mmEventTableScreen .mmEvtMsgRow:hover, .notifyPopPage .mmEvtMsgRow:hover {
    background-color: #f1f1f1;
    color: #000;
}

.mmEventLHSScreen .mmEvtMsRowSel:hover, .mmEventTableScreen .mmEvtMsRowSel:hover, .notifyPopPage .mmEvtMsRowSel:hover {
    color: #FFF;
    background-color: rgb(115, 115, 115);
}

.mmEventLHSScreen .mmEvtMsRowSel, .mmEventTableScreen .mmEvtMsRowSel, .notifyPopPage .mmEvtMsRowSel {
    color: #FFF;
    margin-bottom: 0;
    border-bottom: 2px solid #f1f1f1;
    background-color: rgb(115, 115, 115);
}

.mmEventLHSScreen .mmEvtMsgRow .msgIconBlue, .mmEventTableScreen .mmEvtMsgRow .msgIconBlue, .notifyPopPage .mmEvtMsgRow .msgIconBlue {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/onetone/Notify-blue-check.png');
    background-color: #00b8ff;
    background-size: 50px 50px;
}

.mmEventLHSScreen .mmEvtMsgRow .mmEvtIconWhite, .mmEventTableScreen .mmEvtMsgRow .mmEvtIconWhite, .notifyPopPage .mmEvtMsgRow .mmEvtIconWhite {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/onetone/Notify-blue-info.png');
    background-color: #FFFFFF;
    background-size: 50px 50px;
}

.mmEventLHSScreen .mmEvtMsgRow .msgIconYell, .mmEventTableScreen .mmEvtMsgRow .msgIconYell, .notifyPopPage .mmEvtMsgRow .msgIconYell, .mmEventLHSScreen .mmEventRow .msgIconYell {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/onetone/Notify-Yella-exclamation.png');
    background-color: #dfe702;
    background-size: 50px 50px;
}

.mmEventLHSScreen .mmEvtMsgRow .msgIconRed, .mmEventTableScreen .mmEvtMsgRow .msgIconRed, .notifyPopPage .mmEvtMsgRow .msgIconRed {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/onetone/Notify-Red-exclamation.png');
    background-color: #da012a;
    background-size: 50px 50px;
}

.mmEventLHSScreen .mmEvtMsgRow .msgIconBlack, .mmEventTableScreen .mmEvtMsgRow .msgIconBlack, .notifyPopPage .mmEvtMsgRow .msgIconBlack {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/onetone/Notify-Red-dead.png');
    background-color: #000000;
    background-size: 50px 50px;
}

.mmEventLHSScreen .mmEventRow .msgIconRed, .mmEventTableScreen .mmEventRow .msgIconRed, .mmEventFullScreen .mmEventRow .msgIconRed, .notifyPopPage .mmEventRow .msgIconRed {
    background-image: url('/assets/mi1EvtImgs/mi8Chrome/onetone/Notify-Red-exclamation.png');
    background-color: #da012a;
    background-size: 50px 50px;
}

.mmEvtMsRowSel::after {
    background-image: url('/assets/mi1EvtImgs/evtTableArrSel.png');
    background-repeat: no-repeat;
    background-position: left center;
    height: 50px;
    width: 10px;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: -10px
}

.mmEvtCellMsgIcon {
    width: 50px;
    top: 0;
    left: 0;
    height: 50px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
}

.notifyPopPage .mmEvtCellMsgIcon {
    top: 22px;
    left: 10px;
    height: 50px;
    width: 50px;
    background-size: 50px 50px;
}

.notifyPopPage .mmEvtCellMsgQ {
    top: 60px;
    left: 70px;
    line-height: normal;
}

.notifyPopPage .mmEvtCellMsgFuzzy {
    right: 5px;
    bottom: 5px;
}

.notifyPopPage .delNotifyItem {
    top: 0;
}

.mmEventLHSScreen .evtRowSel:hover {
    background-color: rgb(115, 115, 115);
    color: rgb(255, 253, 252);
}

.mmEventLHSScreen .evtRowSel {
    background-color: rgb(115, 115, 115);
    color: rgb(255, 253, 252);
    overflow: visible;
}

.evtRowSel::after {
    background-image: url('/assets/mi1EvtImgs/evtTableArrSel.png');
    background-repeat: no-repeat;
    background-position: left center;
    height: 50px;
    width: 10px;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: -10px
}

.mmEventFullScreen {
    position: absolute;
    left: 0;
    top: 0;
    right: -5px;
    bottom: 0;
    font-family: 'Oswald', sans-serif;
    margin: 20px;
    overflow: scroll;
    overflow-x: hidden;
    transition-delay: 500ms;
    transition: all 500ms ease;
}

.mmEventFullScreen div.mmEvtRhsTable:last-child {
    margin-bottom: 10px;
}

.mmEventFullScreen > .mmEvtRhsTable {
    background-color: #f3f3f3;
    margin-right: 15px;
    max-width: 330px;
}

.mmEventFullScreen > .mmEvtRhsTable > .mmEventRhsTableHeader {
    background-color: rgba(0, 0, 0, 0.4);
}

.mmEventFullScreen > .mmEvtRhsTable > .mmSideTitleFull {
    width: 315px;
}

.mmRhsEventRow > .mmEvtCellMsgIcon {
    height: 30px;
}

.mmEventRHSScreen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 20px;
    width: 345px;
    overflow: scroll;
    overflow-x: hidden;
    transition-delay: 500ms;
    transition: all 500ms ease;
}

.mmEventRHSExtScreen {
    left: 300px;
    width: auto;
}

.mmEventRHSExtMiddleScreen {
    left: 300px;
    width: 350px;
}

.mmEventRHSExtRightScreen {
    left: 700px;
    width: 350px;
    overflow-y: auto;
    background-color: #f1f1f1;
}

.mmEventRHSScreen {
    font-family: "G-Open Sans-n4", Arial, sans-serif;
}

.mmEventRHSScreen.mmEventShowRHSWindow {
    z-index: 1000;
    top: 160px;
    bottom: 35px;
    margin: 0;
    right: 20px;
}

.mmEventRHSScreen.mmEventShowRHSWindowWorld {
    top: 73px;
    bottom: 0;
    margin: 0;
    right: 0;
    background-color: transparent;
}

.mmEventRHSScreen.mmEventHideRHSWindow {
    z-index: 1000;
    top: 130px;
    bottom: 36px;
    margin: 0;
    right: -400px;
    background-color: #FFF;
}

.mmEventRHSInnerScreen {
    position: relative;
    width: 100%;
    overflow: hidden;
    transition-delay: 500ms;
    transition: all 500ms ease;
    font-family: "Open Sans", "G-Open Sans-n4", Arial, sans-serif;
    padding-top: 0;
    background-color: #FFFFFF;
}

.mmOptionsBox {
    position: relative;
    float: left;
    width: 300px;
    margin-right: 50px;
    margin-top: 30px;
    border: 1px solid;
}

.mmOptionsBox .mmSubTabItem {
    float: right;
    min-width: 50px;
    color: black;
    border: 1px solid #f1f1f1;
}

ul.touchMultiSelect {
    cursor: pointer;
    margin-left: 0;
    padding: 5px 5px 2px 5px;
    width: 100%;
    border-radius: 10px;
    background-color: #f1f1f1;
}

ul.touchMultiSelect li {
    list-style: none;
    display: none;
    padding: 4px;
    margin-bottom: 3px;
    margin-right: 5px;
    font-weight: normal;
    text-shadow: none;
    min-width: 30px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #142f3a;
    color: #000;
    background-color: white;
}

ul.touchMultiSelect.opened li {
    display: inline-block;
}

ul.touchMultiSelect li.selected {
    min-width: 30px;
    text-align: center;
    display: inline-block;
    padding: 5px;
    font-weight: normal;
    text-shadow: none;
    border-radius: 3px;
    color: #fff;
    background-color: rgb(3, 169, 244);
    border: 1px solid #FFF;
}

.mmRhsBoxTop {
    width: 100%;
    padding: 5px 0;
    border-top: 10px solid #f1f1f1;
    height: auto;
    position: relative;
    float: left;
    box-sizing: border-box;
}

.mmRhsTopPadder {
    clear: both;
    height: 10px;
}

.bodyWrpper textarea {
    height: 60px;
    display: block;
    width: 100%;
    border: 1px solid #CCC;
    box-sizing: border-box;
}

.mmMultiFormLabel {
    width: 250px;
    margin-left: 15px;
    height: auto;
    position: relative;
    float: left;
    margin-bottom: 0;
    line-height: 40px;
    clear: both;
    padding-bottom: 0;
}

.mmMultiFormLabel ul.touchMultiSelect {
    cursor: pointer;
    margin-left: 0;
    padding: 5px 5px 2px 5px;
    width: 100%;
    border-radius: 10px;
    background-color: #f1f1f1;
}

#globalWrap, #groupKitWrap {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#globalWrap, #groupKitWrap, #blobWrap, #v2Wrap {
    top: 72px;
    left: 80px;
    right: 0;
    bottom: 0;
}

#maxKitWorld > .blobBlue {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/MSP-Hexagon-Blue.png);
}

#maxKitWorld > .blobWhite {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/MSP-Hexagon-White.png);
    color: #0682b5;
}

#maxKitWorld > .blobYellow {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/MSP-Hexagon-Yellow.png);
}

#maxKitWorld > .blobRed {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/MSP-Hexagon-Red.png);
}

#maxKitWorld > .blobBlack {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/MSP-Hexagon-Black.png);
}

.maxWorldRhsScreen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-family: 'Oswald', sans-serif;
    margin: 0;
    width: 345px;
    overflow: scroll;
    overflow-x: hidden;
    transition-delay: 500ms;
    transition: all 500ms ease;
    background-color: #FFFFFF;
}

.maxWorldRhsScreenHide {
    transform: translateX(108%) translateY(0%);
}

.mmEventRHSScreen div.mmEvtRhsTable:last-child {
    margin-bottom: 10px;
}

#maxWorld, #maxKitWorld {
    transition-delay: 500ms;
    transition: all 500ms ease;
}

/* Mi8 Sales Chrome Bumber HA Haxgon Classes */

.companyClass > .mspCtner > .blobBlue {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/MSP-Hexagon-Blue.png);
}

.companyClass > .mspCtner > .blobWhite {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/MSP-Hexagon-White.png);
    color: #0682b5;
}

.companyClass > .mspCtner > .blobYellow {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/MSP-Hexagon-Yellow.png);
}

.companyClass > .mspCtner > .blobRed {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/MSP-Hexagon-Red.png);
}

.companyClass > .mspCtner > .blobBlack {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMiV2/MSP-Hexagon-Black.png);
}

.innerWorld {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: scroll;
    overflow-x: hidden;
    position: absolute;
    display: block;
}

.innerWorldRHS {
    right: 355px !important;
}

.showWorldCtl {
    opacity: 1;
}

.hideWorldCtl {
    pointer-events: none;
    opacity: 0;
}

.innerGroupKit {
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    padding: 10px;
    display: block;
}

.groupAgon {
    height: 238px;
    width: 311px;
    display: block;
    position: relative;
    float: left;
    margin: 8px;
    overflow: hidden;
    border-radius: 15px;
    background: #3086AD 0 0 no-repeat padding-box;
    box-shadow: 0 3px 15px #005E84B3;
}

.groupAgon .groupAgonHeader {
    width: 100%;
    height: 216px;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
}

.groupAgon .groupAgonBody {
    width: 100%;
    height: 146px;
    border-radius: 15px;
    background-color: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0;
}

.groupAgonBodyInner {
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
    right: 20px;
}

.groupAgon .groupAgonShield {
    position: absolute;
    top: 61px;
    left: 100px;
    width: 106px;
    height: 124px;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(0px 2px 6px #56859A80);
}

.groupAgonShield.blobBlue {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/MSP-Hexagon-Blue.png);
}

.groupAgonShield.blobWhite {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/MSP-Hexagon-White.png);
}

.groupAgonShield.blobYellow {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/MSP-Hexagon-Yellow.png);
}

.groupAgonShield.blobRed {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/MSP-Hexagon-Red.png);
}

.groupAgonShield.blobBlack {
    background-image: url(/assets/mi1EvtImgs/mi8Chrome/world/IBMi/MSP-Hexagon-Black.png);
}

.groupAgonIcon {
    text-align: center;
    width: 100%;
    color: #FFFFFF;
    margin-top: 20px;
    font-size: 16px;
    opacity: 0.5;
}

.lblGroupStatus {
    text-align: center;
    width: 100%;
    color: #FFFFFF;
    margin-top: 2px;
    font-size: 14px;
}

.lblGroupName {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 100px;
    height: 32px;
    line-height: 16px;
    text-align: center;
    color: #646464;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

.lblGroupInfo {
    position: relative;
    float: left;
    color: white;
    width: 22%;
    height: 14px;
    line-height: 14px;
    text-align: center;
    margin: 1%;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.lblGroupInfo.title {
    margin-top: 15px;
    color: #A7D1E5;
}

.lblGroupInfo.text {
    color: #DFF3FC;
    font-weight: 600;
}

.lblGroupInfoLeft {
    position: relative;
    float: left;
}

.lblGroupInfoRight {
    position: relative;
    float: right;
}

#maxWorldCtlHeader {
    position: absolute;
    float: right;
    z-index: 99999;
    cursor: pointer;
    overflow: hidden;
    transition-delay: 500ms;
    transition: all 500ms ease;
    height: 110px;
    width: 52px;
    right: 20px;
    top: 40%;
    margin: 0;
    padding: 0;
    background-color: rgba(255, 255, 255, 0);
}

#maxWorldCtlHeader.slideCtlLeft {
    right: 370px;
}

.blobMenuControl {
    right: 20px;
    top: 30%;
    margin: 0;
    padding: 0;
    position: absolute;
    color: rgba(255, 255, 255, 0.5);
    font-size: 40px;
    text-align: center;
    line-height: 40px;
    -webkit-tap-highlight-color: rgba(0, 0, 255, 0.8);
    float: right;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition-delay: 500ms;
    transition: all 500ms ease;
    background-color: #0b2735;
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/rhsBurgerIcon.png");
    border-left: 1px solid #0b2735;
    border-right: 1px solid #0b2735;
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
}

.zoomInButton {
    position: relative;
    float: left;
    width: 50px;
    height: 50px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 40px;
    text-align: center;
    line-height: 40px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #0b2735;
    border-right: 1px solid #0b2735;
    -webkit-tap-highlight-color: rgba(0, 0, 255, 0.8);
    background-color: #0b2735;
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_zoom_in_white_48dp_2x.png");
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px 5px 0 0;
}

.zoomOutButton {
    position: relative;
    float: left;
    width: 50px;
    height: 50px;
    font-size: 40px;
    text-align: center;
    line-height: 40px;
    -webkit-tap-highlight-color: rgba(0, 0, 255, 0.8);
    border-radius: 0 0 5px 5px;
    border: 1px solid #0b2735;
    border-top-color: #FFF;
    border-bottom: 0 #000000;
    color: rgba(255, 255, 255, 0.5);
    background-color: #0b2735;
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_zoom_out_white_48dp_2x.png");
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
}

.sysDeProvClass {
    opacity: 0.3;
}

.mmEvtSideClose {
    position: relative;
    float: right;
    display: block;
    height: 50px;
    width: 34px;
    color: #898989;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    margin-right: 5px;
}

.mmEvtSideClose:hover {
    color: #31B2E8;
}

.mmEventWindow {
    position: absolute;
    z-index: 75;
    right: 0;
    transition-delay: 500ms;
    transition: all 500ms ease;
    top: 100px;
    bottom: 35px;
    left: 85px;
}

.mmEventWindow.mmEventWindowRHS {
    top: 100px;
    bottom: 35px;
    left: 85px;
    right: 360px;
}

.mmEvtSubWindow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    display: none;
    opacity: 0;
    pointer-events: none;
    transition-delay: 500ms;
    transition: all 500ms ease;
}

.mmEvtSubWindowShow {
    display: block;
    opacity: 1;
    pointer-events: auto;
    bottom: 0;
    top: 10px;
    left: 0;
    right: 20px;
}

.mmEventScreen {
    position: absolute;
    top: 86px;
    left: 0;
    bottom: 0;
    transition-delay: 500ms;
    transition: all 500ms ease;
    background-color: white;
    right: 20px;
}

.mmEventScreen .mmEvtSubWindowShow {
    background-color: transparent;
}

.hideMainPage {
    opacity: 0;
    pointer-events: none;
    z-index: 10;
    transform: translateX(105%) translateY(0%);
}

.showMainPage {
    opacity: 1;
    z-index: 99;
    overflow: hidden;
}

.mmEvtMainTab {
    transform: translateX(0px) translateY(-45px);
    z-index: 45;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
    position: absolute;
    height: 45px;
    overflow: hidden;
    transition-delay: 500ms;
    transition: all 500ms ease;
    top: 15px;
    left: 0;
    right: 20px;
}

.mmEvtMainTabShow {
    transform: translateX(0px) translateY(0px);
}

.mmEvtMainTab_UL {
    white-space: nowrap;
    list-style: none;
    height: 45px;
    width: 95%;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.mmEvtMainTab_UL::-webkit-scrollbar {
    display: none;
}

.mmMainTabItem {
    position: relative;
    float: none;
    display: inline-block;
    z-index: 2;
    min-width: 100px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    padding-left: 0;
    padding-right: 0;
    height: 39px;
}

.mmEvtMainTab_UL > li.mmMainTabItem {
    line-height: 31px;
    height: 31px;
    color: #FFF;
    font-family: 'Open Sans', sans-serif;
    background-color: transparent;
    border-right: 1px solid #FFF;
    min-width: 120px;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.mmEvtMainTab_UL > li.mmMainTabItemPrev {
    border-right: 1px solid transparent;
}

.mmMainTabSel {
    cursor: none;
}

.mmEvtMainTab_UL > li.mmMainTabSel {
    background-color: #fff;
    color: #000;
    border-left: 0 solid #fff;
    border-top: 4px solid rgb(3, 169, 244);
    border-right: 0 solid #fff;
    height: 41px;
    min-width: 130px;
    margin-top: 0;
    line-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
}

.mmEvtSubMenu {
    transform: translateX(0px) translateY(-45px);
    opacity: 0;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
    display: block;
    position: absolute;
    z-index: 15;
    top: 60px;
    left: 0;
    right: 20px;
    height: 39px;
    transition-delay: 500ms;
    background-color: #fff;
    color: #646464;
    text-shadow: 0 1px 0 #e9e9ea;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    white-space: nowrap;
    list-style: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.mmEvtSubMenuShow {
    transform: translateX(0px) translateY(0px);
    opacity: 1;
}

.mmSubTabItem {
    display: inline-block;
    position: relative;
    float: none;
    z-index: 2;
    height: 40px;
    line-height: 39px;
    text-align: center;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mmEvtMainTab_UL > li.mmSubTabItem {
    margin-left: 5px;
    margin-right: 5px;
    text-align: left;
    padding-right: 25px;
    border-bottom: 2px solid rgb(153, 157, 158);
    line-height: 49px;
}

.mmEvtMainTab_UL > li.mmSubTabDownIcon {
    border-bottom: none;
    width: 42px;
    height: 42px;
    background-size: 35px 35px;
    background-position: center 10px;
    background-repeat: no-repeat;
    padding-right: 0;
    background-image: url("/assets/mi1EvtImgs/mi8Chrome/lhsIcons/ic_file_download_black_48dp_2x.png");
}

.mmEvtMainTab_UL > li.mmSubTabSel {
    border-bottom: 3px solid rgb(3, 169, 244);
}

.mmSubTabHide {
    display: none !important;
}

.mmEvtMainTab_UL > li.mmSubTabItem ::before {
    background-image: none;
    background-repeat: no-repeat;
    background-position: left center;
    height: 40px;
    width: 10px;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0

}

.mmSubTabItem:first-child {
    margin-left: 20px !important;
}

.mmEvtSubDropMenu {
    position: absolute;
    z-index: 15;
    top: 45px;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #dededf;
    color: #646464;
    text-shadow: 0 1px 0 #e9e9ea;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.mspEventMsgJoba, .mspEventMsgInfo {
    position: relative;
    float: left;
    height: auto;
    background-color: rgba(0, 0, 0, 0.2);
    font-family: 'Oswald', sans-serif;
    margin-top: 20px;
    width: 90%;
    margin-left: 3%;
    margin-right: 3%;
    padding: 2%;
}

.ibmPerfSubFix {
    transform: translateY(-14px);
}

.mmEventRHSScreenHide {
    transform: translateX(108%) translateY(0%);
}


.actKidProcWindow {
    position: relative;
    height: auto;
    float: left;
    margin-top: 20px;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    #groupKitWrapSubTab {
        display: none;
    }

    #maxKitWorld {
        top: 20px;
    }

    .myHeader {
        height: 72px;
    }

    .mmEvtSubDropMenu {
        top: 55px;
    }

    .showHdrLeftBurger {
        opacity: 1;
        pointer-events: auto;
    }

    .showHdrRightBurger {
        opacity: 0;
        pointer-events: none;
    }

    .mmPopPage .mmPopOverMin {
        display: none;
    }

    .mmEvtMainTab {
        transform: translateX(0px) translateY(-85px);
    }

    .mmEvtMainTabShow {
        transform: translateX(0px) translateY(10px);
    }

    .mmEvtSubMenu {
        transform: translateX(0px) translateY(-100px);
    }

    .mmEvtSubMenuShow {
        transform: translateX(0px) translateY(10px);
    }

    .lhsbar {
        transform: translateX(-0px);
    }

    #blobWrap, #globalWrap, #groupKitWrap, #v2Wrap {
        left: 0;
    }

    .mmEventWindow {
        left: 0;
        top: 31px;
    }

    .mmEventLHSScreen {
        right: 0;
    }

    .mmEventTableScreen {
        right: 10px;
    }

    .mmSubTabPlus, .mmSubTabMinus {
        display: none;
    }

    .mmEventRHSScreen.mmEventShowRHSWindow {
        transform: translateX(0%) translateY(0%);
    }

    .mmEventRHSScreen {
        transform: translateX(105%) translateY(0%);
    }

    .mmEventRHSScreenShow {
        transform: translateX(0%) translateY(0%);
    }

    .mmEvtSideClose {
        display: block;
    }

    .mmEvtMainTab_UL {
        overflow-y: hidden;
        overflow-x: auto;
    }
}

@media screen and (max-width: 568px) {
    .lhsbar {
        transform: translateX(-75px);
    }

    .lhsBarExt {
        transform: translateX(-0px);
    }

    .lhsBarSubMenu.lhsBarExt {
        left: 70px;
    }

    #groupKitWrapSubTab {
        display: none;
    }

    #maxKitWorld {
        top: 20px;
    }

    .mmEventWindow {
        left: 0;
        bottom: 0;
    }

    #globalWrap, #groupKitWrap, #blobWrap, #v2Wrap {
        top: 72px;
        left: 80px;
        right: 0;
        bottom: 0;
    }

    .mmEvtCellMsgSumm {
        line-height: 15px;
        top: 2px;
    }

    .myHeader {
        height: 40px;
    }

    .mmEvtSubDropMenu {
        top: 55px;
    }

    .showHdrLeftBurger {
        pointer-events: auto;
        opacity: 1;
    }

    .showHdrRightBurger {
        pointer-events: auto;
        opacity: 1;
    }

    .mmEventScreen {
        bottom: -10px;
        margin-bottom: 0;
    }

    .mmEventRHSScreen {
        width: 100%;
        margin: 0;
        top: 72px;
        left: 0;
        bottom: 0;
        right: 0;
        transform: translateX(105%) translateY(0%);
    }

    .mmEventLHSScreen {
        margin: 5px;
    }

    .mmEventLHSScreen {
        top: 15px;
    }

    .mmEventTableScreen {
        right: 5px;
    }

    .mmSubTabPlus, .mmSubTabMinus {
        display: none;
    }

    .mmEventWindow {
        top: 100px;
        bottom: 35px;
        left: 20px;
    }

    .mmEventWindow.mmEventWindowRHS {
        top: 100px;
        bottom: 35px;
        left: 20px;
        right: 0;
        transform: translateX(-105%) translateY(0%);
    }

    .mmEventRHSScreen.mmEventShowRHSWindow {
        width: 100%;
        margin: 0;
        top: 72px;
        left: 0;
        bottom: 0;
        right: 0;
        transform: translateX(-0%) translateY(0%);
    }

    .blobMenuControl {
        top: 10%;
    }

    .mspCfgLeftCtl {
        z-index: 1;
    }

    .mspCfgRightCtl {
        z-index: 2;
    }

    #ncLaunchButton {
        width: 55px;
    }

    .ncLaunchTitle {
        display: none;
    }

    .ncLaunchMessage {
        display: none;
    }

    .mmEvtMainTab {
        transform: translateX(0px) translateY(-35px);
        z-index: 45;
    }

    .mmEvtMainTabShow {
        transform: translateX(0px) translateY(10px);
    }

    .mmEvtSubMenu {
        transform: translateX(0px) translateY(-85px);
    }

    .mmEvtSubMenuShow {
        transform: translateX(0px) translateY(10px);
    }

    .mspPopPage {
        overflow: hidden;
    }

    .mspOverMin {
        display: none;
    }

    .mspCfgDetBut {
        display: block;
    }

    .extMspCfgSum {
        left: 0;
        z-index: 50;
        right: 0;
        width: auto;
    }

    .extMspCfgSumShow {
        transform: translateX(0%) translateY(0%);
    }

    .extMspCfgSumHide {
        transform: translateX(100%) translateY(0%);
    }

    .mspCfgLogBut {
        display: block;
        float: right;
        height: 80px;
    }
}

#mi8HeaderLogo {
    position: absolute;
    transition-delay: 500ms;
    transition: all 500ms ease;
    background-image: url(/assets/furasta/mi8-monitor.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    top: 5px;
    left: 75px;
    height: 60px;
    width: 136px;
}

#fspCompanyLogoHeader {
    background-image: url(/assets/furasta/maxava-light.png);
    background-size: 18%;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    position: relative;
}

#fspPowerLogoHeader {
    background-image: url(/assets/furasta/furasta-powered-white.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    bottom: 0;
    right: 20px;
    height: 40px;
    width: 90px;
    position: absolute;
    opacity: 0.3;
}

#eventSpan {
    position: relative;
    width: 800px;
    height: 600px;
    border: 1px solid lightgray;
}

table.legend_table {
    font-size: 11px;
    border-width: 1px;
    border-color: #d3d3d3;
    border-style: solid;
}

table.legend_table, td {
    border-width: 1px;
    border-color: #d3d3d3;
    border-style: solid;
    padding: 2px;
}

#operation {
    font-size: 28px;
}

.mmEventRow .mmEvtCellMsgSumm {
    white-space: nowrap;
    font-family: Calibri, sans-serif;
    text-shadow: none;
    font-weight: normal;
    top: 0;
    left: unset;
    right: 15px;
    bottom: 20px;
    position: relative;
    line-height: 30px;
    padding-top: 0;
    max-width: 70%;
}

.mmEventRow .mmEvtCellMsgQ {
    position: absolute;
    margin-left: 0 !important;
    left: 0;
    bottom: 4px;
    font-size: 10px;
    font-style: italic;
    height: 10px !important;
    line-height: 10px !important;
    text-transform: uppercase;
}

.mmEventRow .mmEvtCellMsgFuzzy {
    position: absolute;
    right: 25px;
    bottom: 4px;
    height: 10px;
    font-size: 10px;
    line-height: 10px;
    font-style: italic;
}

.save-rules-repo-wizard {
    overflow: hidden;
    background-color: rgb(243, 243, 243);
    border: 1px solid rgb(0, 0, 0);
    min-width: 700px;
    min-height: 500px;
}

.mmWizardPage {
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 60px;
    overflow-x: hidden;
    overflow-y: auto;
    transition-delay: 500ms;
    transition: all 500ms ease;
    transform: translateX(0%) translateY(0%);
    font-size: 14px;
    padding: 15px 20px 10px;
}

.mmWizardPage.rules-page {
    display: flex;
    gap: 10px;
    overflow-y: hidden;
}

.mmWizardPage.rules-page .rules-list-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: 1;
    min-width: 0;
}

.save-rules-repo-wizard .control-bar {
    overflow: hidden;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    border-top: 1px solid #eaeaea;
}

.save-rules-repo-wizard .control-bar .left-button, .save-rules-repo-wizard .control-bar .right-button {
    height: 44px;
    position: relative;
    margin-top: 8px;
    display: block;
    caret-color: #03a9f4;
}

.save-rules-repo-wizard .control-bar .left-button {
    float: left;
    margin-left: 20px;
}

.save-rules-repo-wizard .control-bar .right-button {
    float: right;
    margin-right: 20px;
}

.mmWizardPageHideLeft {
    transform: translateX(-105%) translateY(0%);
}

.mmWizardPageHideRight {
    transform: translateX(105%) translateY(0%);
}

.save-rules-repo-wizard .textfield {
    width: 100%;
    margin-top: 20px;
    caret-color: #03a9f4;
}

.save-rules-repo-wizard .agent-count-label {
    width: 80px;
    display: inline-block;
}

.save-rules-repo-wizard .agent-count-field {
    width: 100px;
    height: 44px;
    margin-left: 15px;
    margin-top: 0;
    caret-color: #03a9f4;
}

.save-rules-repo-wizard .rules-list-action button {
    margin-left: 5px;
}

.save-rules-repo-wizard .rules-list {
    background-color: transparent;
    flex-grow: 1;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

.save-rules-repo-wizard .rules-list-row {
    position: relative;
    border: 1px solid lightgray;
    padding: 5px;
    margin: 5px;
    display: flex;
    flex-direction: column;
    background-color: white;
}

.save-rules-repo-wizard .rules-list-row .rules-list-row-header {
    display: flex;
    margin-bottom: 10px;
    margin-right: 30px;
}

.save-rules-repo-wizard .rules-list-row .rules-list-row-delete {
    width: 25px;
    background-size: contain;
    position: absolute;
    top: 5px;
    right: 5px;
}

.save-rules-repo-wizard .rules-list-row .rules-list-row-srvrtype {
    flex-basis: 30%;
}

.save-rules-repo-wizard .rules-list-row .rules-list-row-eventtype {
    flex-basis: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.save-rules-repo-wizard .rules-list-row .rules-list-row-rulename {
    line-height: 30px;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.save-rules-repo-wizard .rules-list-row .rules-list-row-ruledesc {
    font-size: 14px;
}

.save-rules-repo-wizard .rule-edit-panel {
    width: 343px;
    background-color: white;
    overflow-y: scroll;
}

#mi8-v2 {
    position: absolute;
    border: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
}

.v2NewTag::before {
    content: "beta";
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 36px;
    background-color: darkred;
    border-radius: 10px;
    padding-left: 3px;
    padding-right: 3px;
    line-height: 15px;
}