html {
    overflow: hidden;
}

body {
    margin: 0px 0px;
    font-family: 'Roboto', sans-serif;
    overflow: hidden;
    /*colorScheme*/
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.content {
    height: 100%;
    overflow: hidden;
}

.content-mobile {
    height: 100%;
    background-color: #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 0px;
    overflow: hidden;
}

.font-size-1 {
    margin: 0px 5px;
    font-size: 13px;
}

.font-size-2 {
    margin: 0px 4px;
    font-size: 15px;
}

.font-size-3 {
    margin: 0px 3px;
    font-size: 17px;
}

.color-scheme-1 {
    margin: 0px 3px;
    color: #064b75;
    text-shadow: 1px 1px 1px #6a6a6a;
}

.color-scheme-2 {
    margin: 0px 3px;
    color: #2999de;
    text-shadow: 1px 1px 1px #6a6a6a;
}

.color-scheme-3 {
    margin: 0px 3px;
    color: #b20700;
    text-shadow: 1px 1px 1px #6a6a6a;
}

.color-scheme-4 {
    margin: 0px 3px;
    color: #4f5259;
    text-shadow: 1px 1px 1px #6a6a6a;
}

.color-scheme-5 {
    margin: 0px 3px;
    color: #FFFFFF!important; 
    text-shadow: 1px 1px 1px #6a6a6a;
}

.txt-underline {
    padding-bottom: 3px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.ui-title-MS {
    position: absolute;
    left: 5px;
    top: 2px;
    padding: .3em .6em .33em .01em;
}

i.img-filter.sss.ui-title-MS {
    padding-top: .1em;
}

.nav-menu-icon.tank-and-well {
    background-image: url(../images/tankandwellmenu.png);
    background-repeat: no-repeat;
    background-size: 13px 16px;
    background-position: 5px;
    width: 22px;
    height: 16px;
    float: left;
}

#img-background {
    /*z-index: -1;*/
    /*colorScheme*/
}
/*//////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////*/
#documentation.show.right {
    transform: translate3d(-350px, 0, 0);
    -ms-transform: translate3d(-350px, 0, 0);
    -webkit-transform: translate3d(-350px, 0, 0);
    -o-transform: translate3d(-350px, 0, 0);
    -moz-transform: translate3d(-350px, 0, 0);
    -webkit-box-shadow: -2px -2px 8px -1px #515151;
    box-shadow: -2px -2px 8px -1px #515151;
}

#documentation.right {
    background: #fff;
    right: -350px;
}

#documentation {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: auto !important; /*need for IE and Edge*/
    width: 350px;
    height: calc(100% - 42px);
    font-size: 1.1em;
    box-sizing: border-box;
    /*border-top-left-radius: 4px;*/
    -moz-box-sizing: border-box;
    -webkit-transition: -webkit-transform ease 300ms;
    -moz-transition: -webkit-transform ease 300ms;
    -ms-transition: -webkit-transform ease 300ms;
    -o-transition: -webkit-transform ease 300ms;
    transition: -webkit-transform ease 300ms;
    -webkit-transition: transform ease 300ms;
    -moz-transition: transform ease 300ms;
    -ms-transition: transform ease 300ms;
    -o-transition: transform ease 300ms;
    transition: transform ease 300ms;
    overflow: hidden;
}

    #documentation .ui-widget-header {
        padding: 5px;
        margin-bottom: 0;
    }

#documentation-title {
    padding: 3.4px;
    font-weight: normal;
    font-size: 1.1em;
    /* margin-top: -1px; */
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
}

#documentation-content {
    padding: 5px 0 5px 10px;
    width: 100%;
    height: calc(100% - 33px);
    overflow-y: hidden;
    overflow-x: hidden;
}

    #documentation-content ol:not(.dropdown-menu) {
        list-style-type: decimal;
        padding: 5px 5px 5px 18px;
    }

    #documentation-content ul:not(.dropdown-menu) {
        list-style-type: disc;
        padding: 5px 5px 5px 18px;
    }

    #documentation-content h1:first-child {
        margin-top: 0;
    }

    #documentation-content img {
        max-width: 100%;
    }

    #documentation-content .panel {
        margin: 0 0 2px 0;
    }

    #documentation-content div::-webkit-scrollbar {
        width: 5px;
    }

    #documentation-content div::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4);
        border-radius: 2px;
    }

    #documentation-content div::-webkit-scrollbar-thumb {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.4);
    }

#documentation .ui-resizable-w {
    background-color: #890404;
    top: 49%;
    height: 24px;
    width: 10px;
    border: #005390 dotted 6px;
}

#documentation .dropdown-menu {
    min-width: 300px;
}

#documentation .btn-primary {
    padding: 6px;
    border-radius: 4px;
    background-color: white !important;
}

help-icon {
    float: right;
    width: 24px;
    height: 24px;
    margin-right: 2px;
}

    help-icon span {
        cursor: pointer;
        margin: 6px;
    }
/*//////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////*/
#taskbar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: larger;
    color: #333f49;
    height: auto;
    padding: 2px 15px 3px 3px;
    border: 1px solid #a6c9e2;
    z-index: 2;
}

#desktop_title {
    position: fixed;
    left: 50%;
    top: 0;
    min-width: 250px;
    width: auto;
    transform: translate(-50%, 0%);
    height: 25px;
    text-align: center;
    padding: 3px 45px;
    font-weight: bold;
    /*opacity: 0.5;*/
    z-index: 999;
}

    #desktop_title span {
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 999;
        cursor: pointer;
        cursor: hand;
    }

    #desktop_title::before {
        content: '';
        height: 25px;
        width: 50px;
        position: absolute;
        top: -1px;
        left: -26px;
        transform: skewX(45deg);
        transform-origin: top;
        -webkit-transform: skewX(45deg);
        -webkit-transform-origin: 0 0;
    }

    #desktop_title::after {
        content: '';
        height: 25px;
        width: 50px;
        position: absolute;
        top: -1px;
        right: -26px;
        transform: skewX(-45deg);
        transform-origin: top;
        -webkit-transform: skewX(-45deg);
        -webkit-transform-origin: 0 0;
    }

.desktop-title_overwrite, .desktop-title_overwrite a,
.desktop-title_overwrite::before, .desktop-title_overwrite::after,
.desktop-title_overwrite div, .desktop-title_overwrite div:hover {
    background-color: transparent !important;
    color: transparent !important;
}

#start-button {
    border: 1px solid #d8d8d8;
    box-shadow: #515151 1px 1px 1px;
}

#start-button-mobile {
    position: absolute;
    right: 2px;
    top: 3px;
    border: 1px solid #d3d3d3;
    padding: 6px 9px;
    background-color: transparent;
    /*box-shadow: #515151 1px 1px 1px;
    padding: 4px;*/
    z-index: 999;
}

#full-screen-button-mobile {
    position: absolute;
    right: 38px;
    top: 3px;
    border: 1px solid #d3d3d3;
    padding: 4px 6px;
    background-color: transparent;
    /*box-shadow: #515151 1px 1px 1px;
    padding: 4px;*/
    z-index: 999;
}

    #start-button div, #start-button-mobile div, #full-screen-button-mobile div {
        display: inline-block;
        width: 98px;
        height: 20px;
        padding: 0px 10px;
        margin: -4px 0px;
    }

#font-color-button {
    border: 1px solid #d8d8d8;
    box-shadow: #515151 1px 1px 1px;
    padding: 10px;
}

#start-weather {
    position: fixed;
    right: 0;
    bottom: 10px;
    width: 120px;
    color: #333f49;
    height: auto;
    padding: 0px 10px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    border-left: 2px solid #e1e1e1;
}

    #start-weather div {
        font-size: smaller;
        display: inline-block;
        padding: 0px 6px;
    }

    #start-weather i {
        -webkit-filter: drop-shadow(1px 1px 1px #515151);
        filter: drop-shadow(1px 1px 1px #515151);
    }

    #start-weather .temperature-weather {
        display: inline-block;
        width: 75px;
    }

.Weather {
    height: auto !important;
}


.view-menu {
    font-size: 1.1em;
}

    .view-menu:hover {
        font-size: 1.4em;
    }

.manage-desktop-icon {
    font-size: 1.3em;
}

/*.manage-desktop-icon:hover {
    font-size: 1.3em;
}*/

#nav-menu {
    position: fixed;
    left: 0;
    bottom: 41px;
    height: auto;
    display: none;
    background-color: #feffff;
    box-shadow: 5px 0 4px -4px #515151;
    z-index: 10000;
}

#nav-menu-mobile {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    display: none;
    background-color: #feffff;
    box-shadow: #515151 2px 2px 2px;
    z-index: 9999999;
    overflow: auto;
}

.nav-menu-icon {
    display: inline-block;
    padding: 0 5px;
    width: 22px;
}

.nav-menu-icon-light {
    display: inline-block;
    padding: 0 5px;
    width: 22px;
    /*colorScheme - color: #739cd1; */
    text-shadow: 1px 1px 1px #6a6a6a;
}

.preferences-icon-light {
    display: inline-block;
    float: left;
    padding: 0 5px;
    font-size: 40px;
    height: 50px;
    width: 54px;
    /*colorScheme - color: #739cd1; */
    text-shadow: 1px 1px 1px #6a6a6a;
    border: 1px solid #d3d3d3;
    margin: 0px 10px 10px 0px;
}

.icon-60 {
    height: 50px;
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    line-height: inherit;
}

.basic-info-row {
    padding-top: .6em;
}

.basic-info-label {
    padding-top: .4em;
}

.notification-panel-heading {
    height: 28px;
}

.preferences-panel-heading {
    padding: 7px !important;
    height: 28px;
    border-bottom: 1px solid rgb(221, 221, 221) !important;
}

    .preferences-panel-heading h3 {
        font-size: small;
    }

.panel-heading-primary {
    color: #ffffff !important;
    background-color: #337ab7 !important;
}

.notification-tab-label {
    padding-top: .8em;
}

.notification-tab-data {
    position: relative;
    padding-right: 8px;
    height: 35px;
}

    .notification-tab-data div {
        height: 33px;
    }

.form-text {
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 2px;
    -webkit-padding-start: 2px;
    background-position: 98% 50%;
    background-repeat: no-repeat;
    border: 1px solid #e1e3e8;
    color: #555;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    width: 100%;
    height: 27px;
}

.cke_form-text {
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 0px;
    -webkit-padding-start: 0px;
    background-position: 98% 50%;
    background-repeat: no-repeat;
    background-image: url(../images/pixel.png), -webkit-linear-gradient(#FAFAFA, #f4faff 40%, #e9f6ff);
    border: 1px solid #e1e3e8;
    color: #555;
    font-size: inherit;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-overflow: ellipsis;
    width: 100%;
    height: auto;
}


.form-text-95 {
    width: 95%;
}

.form-text::-ms-clear {
    display: none;
}

.form-select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 40px;
    -webkit-padding-start: 2px;
    -moz-appearance: none;
    background-position: 98% 50%;
    background-repeat: no-repeat;
    border: 1px solid #e1e3e8;
    color: #555;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    width: 100%;
    height: 27px !important;
}

.ns_select.form-select {
    float: right;
    width: auto;
    margin: 2px 13px 0 0;
    border: 1px solid #c9cacb;
    padding-top: 1px;
    padding-bottom: 1px;
    background-image: url(../images/ns_down_arrow.png), -webkit-linear-gradient(#f0f3f5, #f0f3f5 40%, #f0f3f5);
}

    .ns_select.form-select:focus {
        background-color: #f0f3f5;
        background-image: url("../images/ns_down_arrow.png"), -webkit-linear-gradient(#f0f3f5, #f0f3f5 40%, #f0f3f5);
    }

.form-text-read-only {
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 2px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-position: 98% 50%;
    background-repeat: no-repeat;
    color: #555;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 4px;
    padding-bottom: 4px;
    text-overflow: ellipsis;
    width: 100%;
    height: 27.2px;
    background-image: url("../images/pixel.png"), -webkit-linear-gradient(#F4F4F4, #F4F4F4 10%, #F4F4F4);
    border: 1px solid #ededed;
}

.form-text-read-only-95 {
    width: 95%;
}

.form-text-borderless {
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 2px;
    -webkit-padding-start: 2px;
    color: #555;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 4px;
    padding-bottom: 4px;
    text-overflow: ellipsis;
    width: 100%;
    height: 27px;
    border: 0px solid #ededed;
    background-color: transparent;
}

.form-text-date {
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 2px;
    -webkit-padding-start: 2px;
    background-position: 98% 50%;
    background-repeat: no-repeat;
    border: 1px solid #e1e3e8;
    color: #555;
    font-size: inherit;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    text-overflow: ellipsis;
    width: 100%;
    height: 27px;
    background-image: url("../images/pixel.png"), -webkit-linear-gradient(#FAFAFA, #f4faff 40%, #e9f6ff); /*#E5E5E5*/
}

    .form-text-date:hover {
        background-color: #f6ff95;
        background-image: none;
    }

    .form-text-date .quickdate-button {
        background: transparent;
        color: #333333;
        border: solid 0px transparent;
        display: inline-block;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .form-text-date .quickdate-button div {
            float: right;
            font-size: larger;
        }

    .form-text-date .quickdate-popup-range {
        left: -58px;
    }

    .form-text-date a:focus {
        outline: none;
        outline: 0px auto -webkit-focus-ring-color;
        outline-offset: 0px;
    }

.form-checkbox {
    -webkit-appearance: none;
    background-position: 98% 50%;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px !important;
    margin: 0px !important;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

    .form-checkbox:active, .form-checkbox:checked:active {
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    }

    .form-checkbox:checked {
        background-color: #e9ecee;
        border: 1px solid #adb8c0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    }

        .form-checkbox:checked:after {
            content: '\2714';
            font-size: 16px;
            font-weight: bold;
            position: absolute;
            top: -2px;
            left: 2px;
        }

.form-label-bg {
    background-image: url('../images/pixel.png'), -webkit-linear-gradient(#FAFAFA, #f4faff 40%, #e9f6ff);
}

.form-btn {
    line-height: 1;
    height: 27px;
}

.radio-swap-border {
    border: 1px solid #1d9e74;
}

.preferences-dropdown {
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    background-position: 98% 50%;
    background-repeat: no-repeat;
    border: 1px solid #e1e3e8;
    color: #555;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
}

.pref-language {
    width: 80%;
    min-width: 141px;
    max-width: 300px;
    height: 27px;
}

.pref-state {
    width: 80%;
    max-width: 170px;
    height: 27px;
}

.pref-station {
    width: 100%;
    max-width: 350px;
    height: 27px;
}

.mc-dropdown {
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 10px;
    -webkit-padding-start: 2px;
    background-image: url("../images/mc-down_arrow.png"), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    background-position: 99.5% 50%;
    background-repeat: no-repeat;
    border: 1px solid #e1e3e8;
    color: #555;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
}

.operation-mode {
    width: 90%;
    height: 28px;
    margin: 0px;
}

.pagi-mode {
    width: 10%;
    height: 28px;
    margin: 0px;
}

.select-mode {
    width: 60%;
    height: 28px;
    margin: 0px;
}

.select-mode-option {
    width: 51%;
    height: 28px;
    margin: 0px;
}

.speed-mode {
    width: 66%;
    height: 28px;
    margin: 0px;
}

.sim-priority-failover-mode {
    width: 25.5%;
    height: 28px;
    margin: 0px;
}

.sim-priority-selection-mode {
    width: 20%;
    height: 28px;
    margin: 0px;
}

.btn {
    font-family: 'Roboto', sans-serif;
}

.btn-paging {
    float: right;
    margin: 0px;
    padding: 5px 5px;
}

.btn-paging-mt {
    margin-top: -18px;
}

#menu .li_first, #menu-mobile .li_first {
    padding: 5px 3px;
    font-size: larger;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: -5px;
    margin-left: -1px;
    border: 1px solid #d3d3d3;
    border-bottom: 0px solid #d3d3d3;
    font-weight: normal;
    /*colorScheme - background*/
}

#menu .menu_sub, #menu-mobile .menu_sub {
    min-width: 220px;
    max-width: 320px;
    background-color: #feffff;
    box-shadow: #515151 2px 2px 2px;
    z-index: 10000;
}

#font-color-menu {
    position: fixed;
    left: 200px;
    bottom: 40px;
    height: auto;
    display: none;
    box-shadow: #515151 2px 2px 2px;
    z-index: 10000;
}
/*.ui-menu { width: 300px;}*/
.ui-icon.inline {
    display: inline-block;
}

.ui-widget-content2:hover:not(.Weather):not(.Weather_0) {
    background: rgba(0, 0, 0, .2);
}

.ui-widget-content-mc:hover:not(.Weather):not(.Weather_0) {
    background: rgba(0, 0, 0, 0);
}

.ui-widget-header.center {
    text-align: center;
}

.ui-widget-header {
    font-weight: normal;
}

.ui-dialog-titlebar {
    font-weight: normal;
    font-size: 1.1em;
    /*margin-top: -1px;*/
    padding-right: 15px;
    margin-bottom: -1px;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .25em 110px .25em 2em;
}

.ui-helper-reset {
    line-height: 1;
}

.analog-chart-tooltip span {
    background-color: rgba(247,247,247,1) !important;
}

.analog-chart-tooltip g.highcharts-tooltip-box > path {
    fill: rgba(247,247,247,1) !important;
    stroke: gray!important;
}

.highcharts-tooltip-container {
    z-index: 999999 !important;
}

.chart {
    height: 81%;
    width: 100%;
}

.td-even {
    background-color: #ffffff;
}

.td-odd {
    background-color: #ffffff;
}

.tabular-data-container tr.active-row, .tabular-data-container-mobile tr.active-row {
    /*colorScheme - background-color: #c1ddf1;*/
    border-width: 1px;
    border-collapse: collapse;
}

.desktopicons-mobile {
    padding: 10px 15px;
    height: 95%;
    width: 120px;
    margin: 0px -10px;
    overflow: auto;
}

    .desktopicons-mobile a {
        color: #ffffff;
    }

    .desktopicons-mobile div {
        text-align: center;
        width: 60px;
        padding-bottom: 15px;
    }

.desktopicons-mobile-new {
    padding: 15px 15px;
    height: 95%;
    width: 120px;
    margin: 0px -10px;
    overflow: auto;
}

    .desktopicons-mobile-new a {
        color: #ffffff;
    }

    .desktopicons-mobile-new div {
        text-align: center;
        width: 60px;
        padding-bottom: 15px;
    }

.desktopicons {
    position: fixed;
    padding: 15px 0px;
    -webkit-column-count: auto; /* Chrome, Safari, Opera */
    -moz-column-count: auto; /* Firefox */
    column-count: auto;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    -webkit-column-width: 125px; /* Chrome, Safari, Opera */
    -moz-column-width: 125px; /* Firefox */
    column-width: 125px;
    height: 95%;
    width: 120px;
}

    .desktopicons div {
        text-align: center;
        width: 120px;
        color: #ffffff;
        font-weight: normal;
        padding: 1px;
        display: block;
        padding-bottom: 20px;
        font-size: .9em;
        break-inside: avoid-column;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        white-space: pre-wrap; /* CSS3 */
        white-space: -moz-pre-wrap; /* Firefox */
        white-space: -pre-wrap; /* Opera <7 */
        white-space: -o-pre-wrap; /* Opera 7 */
        word-wrap: break-word; /* IE */
    }

        .desktopicons div img {
            margin: 0px 0px 2px 0px;
        }

    .desktopicons div {
        /*-webkit-filter: drop-shadow(2px 2px 2px #515151);
    filter: drop-shadow(2px 2px 2px #515151);*/
    }

    .desktopicons a {
        /*-webkit-filter: drop-shadow(2px 2px 2px #515151);
    filter: drop-shadow(2px 2px 2px #515151);*/
        position: relative;
        z-index: 1;
    }

.false {
    color: #1e89d3;
}

.true {
    color: #ffffff;
}

.last-update-at {
    color: gray;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    padding-left: 5px;
}

.top-menu-live-data-show-hide {
    padding: 10px;
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

    .top-menu-live-data-show-hide.ng-hide {
        opacity: 0;
    }

.tabular-data-container {
    overflow-x: hidden;
    overflow-y: auto;
}

.tabular-data-container-mobile {
    overflow-x: hidden;
    overflow-y: auto;
    height: 85%;
}

.documents-html .content-documents-desktop {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100% !important;
}

.mc-rpt-pdf {
    overflow-x: auto;
}

.run-time-daily-calendar .quickdate-popup {
    left: -132px;
}

.mc-rpt-pdf-calendar .quickdate-popup {
    left: -238px;
}

.mc-rpt-pdf.tabular-data-container table,
.mc-rpt-pdf.tabular-data-container-mobile table {
    margin: 0 auto;
}

.imgtxtlod {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 10px;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    opacity: .9;
    filter: alpha(opacity=90);
}

.imgtxtlod-relative {
    position: relative;
    padding: 10px;
    white-space: nowrap;
    opacity: .9;
    filter: alpha(opacity=90);
}

.imglodred {
    position: relative;
    color: #414141;
    /*-webkit-filter: drop-shadow(5px 5px 5px #666);
    filter: drop-shadow(5px 5px 5px #666);*/
}

.txtlodblk {
    position: relative;
    font-weight: bold;
    color: #414141;
    display: inline-block;
}

.desktopicons div a:link {
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
}

.desktopicons div a:visited {
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
}

.desktopicons div a:active,
.desktopicons div a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.desktop-template {
    width: 100%;
    height: 100%;
}

.tabular-data a:link {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

.tabular-data a:visited {
    color: #999999;
    font-weight: bold;
    text-decoration: none;
}

.tabular-data a:active,
.tabular-data a:hover {
    color: #bd5a35;
    text-decoration: underline;
}

.tabular-data {
    font-family: 'Roboto', sans-serif;
    color: #666;
    font-size: 12px;
    text-shadow: 1px 1px 0px #fff;
    background: #eaebec;
    margin: 0px;
    border: #ccc 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
    min-width: 450px;
    width: 100%;
}

.column-header {
    margin: 10px 0px 0px 0px;
}

.tabular-data-header {
    font-family: 'Roboto', sans-serif;
    color: #666;
    font-size: 12px;
    text-shadow: 1px 1px 0px #fff;
    background: #eaebec;
    margin: 20px;
    border: #ccc 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
    min-width: 450px;
    width: 95%;
    min-height: 20px;
}

.tabular-data th {
    padding: 15px 20px 17px 20px;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #e0e0e0;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top, #ededed, #ebebeb);
}

    .tabular-data th:first-child {
        text-align: left;
        padding-left: 20px;
    }

.tabular-data tr:first-child th:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}

.tabular-data tr:first-child th:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.tabular-data tr {
    text-align: center;
    padding-left: 20px;
}

.tabular-data td:first-child {
    text-align: left;
    padding-left: 20px;
    border-left: 0;
}

.tabular-data td {
    padding: 18px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

.tabular-data tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}

.tabular-data tr:last-child td {
    border-bottom: 0;
}

    .tabular-data tr:last-child td:first-child {
        -moz-border-radius-bottomleft: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .tabular-data tr:last-child td:last-child {
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

.tabular-data tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}

.tabular-data .thmain {
    background: #d6d3d3;
    color: #000000;
    font-size: larger;
}

    .tabular-data .thmain a:link {
        color: #000000;
        font-weight: bold;
        text-decoration: underline;
    }

    .tabular-data .thmain a:visited {
        color: #000000;
        font-weight: bold;
        text-decoration: underline;
    }

    .tabular-data .thmain a:active,
    .tabular-data .thmain a:hover {
        color: #bd5a35;
        text-decoration: none;
    }

.tabular-data .tha a:link {
    color: #bd5a35;
    font-weight: bold;
    text-decoration: underline;
}

.tabular-data .tha a:visited {
    color: #bd5a35;
    font-weight: bold;
    text-decoration: underline;
}

.tabular-data .tha a:active,
.tabular-data .tha a:hover {
    color: #bd5a35;
    text-decoration: underline;
}

#export {
    width: 860px;
    text-align: right;
    padding: 0px 0px;
}

    #export span {
        text-decoration: underline;
        padding: 0px 3px;
    }

/*login form*/
.verticalcenter {
    width: 25%;
    min-width: 200px;
    margin: 5px auto;
}

.verticalcenter-mobile {
    width: 25%;
    min-width: 245px !important;
    margin: 45px auto !important;
    transform: scale(0.9) !important;
}

.user-login-progress {
    -moz-min-width: 32px;
    -ms-min-width: 32px;
    -o-min-width: 32px;
    -webkit-min-width: 32px;
    min-width: 32px;
    min-height: 18px;
    display: inline-block;
}

    .user-login-progress i {
        font-size: 20px;
    }

#wrap {
    overflow: visible;
    height: 100%;
}

#page-container {
    height: 100%;
}

#page-content {
    margin-left: 0px !important;
    height: 100%;
    position: relative;
}
/*login form*/
/* Allow Font Awesome Icons in lieu of jQuery UI and only apply when using a FA icon */
.ui-icon[class*=" icon-"] {
    /* Remove the jQuery UI Icon */
    background: none repeat scroll 0 0 transparent;
    /* Remove the jQuery UI Text Indent */
    text-indent: 0;
    /* Bump it up - jQuery UI is -8px */
    margin-top: -0.5em;
}

/* Allow use of icon-large to be properly aligned */
.ui-icon.icon-large {
    margin-top: -0.75em;
}

.ui-button-icon-only .ui-icon[class*=" icon-"] {
    /* Bump it - jQuery UI is -8px */
    margin-left: -7px;
}

#header_login {
    left: 0;
    top: 0;
    width: 100%;
    color: white;
    padding: 5px;
    border: 1px solid #18679c;
    text-align: center;
    -webkit-filter: drop-shadow(3px 3px 3px #666);
    filter: drop-shadow(3px 3px 3px #666);
    background: -webkit-gradient(linear, center top, center bottom, from(#33baf4), to(#0d91dc));
    background: -webkit-linear-gradient(#33baf4, #0d91dc);
    background: -moz-linear-gradient(#33baf4, #0d91dc);
    background: -o-linear-gradient(#33baf4, #0d91dc);
    background: -ms-linear-gradient(#33baf4, #0d91dc);
    background: linear-gradient(#33baf4, #0d91dc);
    z-index: 100;
}

.header_login {
    position: fixed;
}

.header_login_mobile {
    /*position: absolute;*/
    padding: 0px !important;
}

.header_login_classic-view {
    height: 108px;
    padding: 5px;
    border-right: 1px solid #18679c;
    border-bottom: 1px solid #18679c;
    border-top: 1px solid #18679c;
    text-align: center;
    -webkit-filter: drop-shadow(3px 3px 3px #666);
    filter: drop-shadow(3px 3px 3px #666);
    background: -webkit-gradient(linear, center top, center bottom, from(#33baf4), to(#0d91dc));
    background: -webkit-linear-gradient(#33baf4, #0d91dc);
    background: -moz-linear-gradient(#33baf4, #0d91dc);
    background: -o-linear-gradient(#33baf4, #0d91dc);
    background: -ms-linear-gradient(#33baf4, #0d91dc);
    background: linear-gradient(#33baf4, #0d91dc);
    margin-bottom: 0px;
}

.classic-view-header {
    margin-left: 351px;
    height: 108px;
    width: 100%;
    background-color: #e7e6e6;
    position: relative;
}

.mobile-menu-item {
    padding: 8px 1em 8px .4em !important;
    font-size: larger;
}

.home_header_img_mobile {
    padding-top: 8px;
}

.div-spacer {
    width: 100%;
    height: 7%;
}

.div-spacer-mobile {
    width: 100%;
    height: 1%;
}

#footer_login {
    position: fixed;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    height: 75px;
    padding: 15px;
    border: 1px solid #18679c;
    text-align: center;
    line-height: 180%;
    background: -webkit-gradient(linear, center top, center bottom, from(#33baf4), to(#0d91dc));
    background: -webkit-linear-gradient(#33baf4, #0d91dc);
    background: -moz-linear-gradient(#33baf4, #0d91dc);
    background: -o-linear-gradient(#33baf4, #0d91dc);
    background: -ms-linear-gradient(#33baf4, #0d91dc);
    background: linear-gradient(#33baf4, #0d91dc);
    z-index: 100;
}

@media screen and ( min-height: 400px ) {
    #footer_login {
        display: block;
    }
}

.hcol {
    width: 250px;
    height: 250px;
    float: left;
    min-width: 200px;
}

.hcol2 {
    width: 200px;
    height: 200px;
    float: left;
    min-width: 200px;
    text-align: center;
}

.connectpadding {
    padding: 20px;
}

.connect span {
    display: block;
    font-size: 30px;
    line-height: 30px;
    margin-top: 10px;
}

.connect .fa {
    font-size: 100px;
}

.connect .fagreen {
    color: #55BF3B;
}

.connect .fayellow {
    color: #e8db4f;
}

.connect .fared {
    color: #DF5353;
}

#wrap {
    background: #ffffff;
    padding: 60px 15px;
}

#page-content {
    height: auto;
}

.shortcut-tiles {
    margin: 0px;
}

    .shortcut-tiles .tiles-body {
        padding: 10px 10px;
    }

        .shortcut-tiles .tiles-body i {
            line-height: .8em;
            font-size: .8em;
        }

        .shortcut-tiles .tiles-body .pull-right {
            line-height: .8em;
            font-size: .8em;
            font-weight: 300;
        }

            .shortcut-tiles .tiles-body .pull-right span {
                font-size: 14px;
                margin-left: 1px;
            }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 1px;
    padding-right: 1px;
}

.navbar-brand {
    background: none;
}

.dashboarddiv .red i {
    font-size: 20px;
    color: #e75a5a;
    -webkit-transition: 0.06s ease-in;
    -o-transition: 0.06s ease-in;
    transition: 0.06s ease-in;
}

.dashboarddiv .green i {
    font-size: 20px;
    color: #16a085;
    -webkit-transition: 0.06s ease-in;
    -o-transition: 0.06s ease-in;
    transition: 0.06s ease-in;
}

.fixed .red i:hover {
    color: #ff0000;
}

/* dashboard*/
.fixed li {
    height: 120px;
    border-bottom: 1px solid gray;
}

.fixed {
    overflow-y: scroll;
    overflow-x: hidden;
}

.bigstatus {
    font-size: 50px;
}

.animate-enter,
.animate-leave {
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
}

    .animate-enter.animate-enter-active,
    .animate-leave {
        opacity: 1;
        top: 0;
        height: 30px;
    }

        .animate-leave.animate-leave-active,
        .animate-enter {
            opacity: 0;
            top: -50px;
            height: 0px;
        }

.lightblue {
    background: #EEEFFF;
}

.lightred {
    background: rgba(253, 242, 242, 1);
}


.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.hcolAnalog {
    z-index: 200;
    width: 196px;
    height: 196px;
    float: left;
    min-width: 190px;
}

.hcolSignalQuality {
    z-index: 200;
    width: 196px;
    height: 196px;
    float: left;
    min-width: 190px;
}

.hcolSignalPower {
    z-index: 200;
    width: 196px;
    height: 196px;
    float: left;
    min-width: 190px;
}


.hcolDigital {
    z-index: 200;
    float: left;
    width: 140px;
    min-width: 120px;
    height: 140px;
    text-align: center;
    padding: 10px;
}

.hcolTemp {
    z-index: 200;
    width: 120px;
    height: 250px;
    float: left;
    min-width: 80px;
    margin-left: 20px;
}

.hcolVoltage {
    z-index: 200;
    width: 196px;
    height: 196px;
    float: left;
    min-width: 190px;
}

.hcolHumidity {
    z-index: 200;
    width: 196px;
    height: 196px;
    float: left;
    min-width: 190px;
}

.temperatureborder {
    /*border:1px solid #000;
    -moz-border-radius: 10px;
border-radius: 10px;
  -webkit-box-shadow: 0px 10px 10px rgba(25, 25, 25, 0.92);
    -moz-box-shadow: 0px 10px 10px rgba(25, 25, 25, 0.92);
    box-shadow: 0px 10px 10px rgba(25, 25, 25, 0.92);
    background: rgba(112,128,144, 0.2);*/
}

.row-border .form-group {
    border-top: 1px solid #f8f9fa;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 5px;
    padding-right: 5px;
}

.form-group {
    margin-bottom: 5px;
}

    .form-group h5 {
        font-family: 'Roboto', sans-serif;
        text-align: center;
        text-decoration: underline;
    }

.panel-body {
    padding: 10px;
}

.ns_container {
    width: 100%;
    margin: 0px auto;
    background-color: #fff;
    color: #333;
    border: 0px solid gray;
    line-height: 120%;
    font-size: .9em;
}

    .ns_container h4 {
        font-family: 'Roboto', sans-serif;
        font-size: 1.2em;
        padding: .2em .4em;
        margin: 0;
    }

    .ns_container ul {
        list-style-type: none;
    }

.ns_leftnav {
    position: absolute;
    display: inline-block;
    width: 37%;
    height: 90%;
    margin: 0px;
    padding: 0px;
}

.ns_leftobj {
    float: left;
    width: 97%;
}

.ns_divider {
    position: absolute;
    display: inline-block;
    width: 10px;
    left: 37%;
    margin: 0px;
    padding: 0px;
    height: 90%;
    z-index: 999;
    cursor: col-resize;
}

.ns_content {
    position: absolute;
    display: inline-block;
    width: 62%;
    top: 1px;
    right: 5px;
    border-left: 0px solid gray;
    /*height: 94%;*/
    margin: 0px;
    padding: 0px;
}

.ns_contentobj {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.ns_dropdown {
    width: 100%;
    padding: 0px;
    background-color: #ffffff;
    color: #000000;
    font-weight: normal;
    border: 0px solid #3892d3;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
}

    .ns_dropdown::-ms-expand {
        display: none;
    }

.ns_leftobj ul {
    margin: 0px;
    padding: 0px;
}

.ns_schedule_tabs {
    background-color: transparent;
    width: auto;
    overflow: hidden;
    /*height: 100%;*/
    height: 470px;
}

.ns_schedule_tabs_overwrite {
    background-color: transparent;
    width: auto;
    overflow: hidden;
    /*height: 100%;*/
    height: 615px;
}

.ns_schedule {
    width: 100%;
    position: absolute;
    bottom: 2px;
}

.ns_schedule_table {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0;
    /*border-top: 0px solid #a6c9e2;
    border-right: 1px solid #a6c9e2;
    border-bottom: 1px solid #a6c9e2;
    border-left: 1px solid #a6c9e2;*/
    line-height: 100%;
    font-size: 10.5px;
}

    .ns_schedule_table thead tr th {
        padding: 3px 0px;
    }

.ns_tabs {
    /*min-height: 94%;*/
    /*height: 550px !important;*/
    /*height: 94%;*/
    /*position: relative;*/
}

.ns_tabs_overwrite {
    min-height: 94%;
    /*height: 550px !important;*/
    height: 94%;
    /*position: relative;*/
}

.ns_tabs_overwrite {
    min-height: 95.5%;
    /*height: 550px !important;*/
    height: 95.5%;
    position: relative;
    width: 100%;
}

.ns_tabs_div {
    /*max-height: 330px;*/
    /*max-height: 430px;
    min-height: 430px;*/
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 0px;
    padding: 0px;
    color: #000000;
    border: 0px solid #e6e6e6;
}

.ns_tabs_div_overwrite {
    /*max-height: 90%;
    min-height: 90%;
    height: 546px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 5px;
    margin-left: -15px;
    padding: 0px;
    width: 100%;*/
    max-height: 575px;
    min-height: 575px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 0px;
    padding: 0px;
    color: #000000;
    border: 0px solid #e6e6e6;
}
/* style the list to maximize the droppable hitarea */
.ns_tabs ul, .ns_tabs_overwrite ul {
    margin: 0;
    padding: 1em .8em;
    background-color: transparent;
}

    .ns_tabs ul li input[type="number"]:hover, .ns_tabs ul li input[type="number"]:focus,
    .ns_tabs_overwrite ul li input[type="number"]:hover, .ns_tabs_overwrite ul li input[type="number"]:focus {
        background-color: white;
    }

    .ns_tabs ul li input[type="number"]:hover, .ns_tabs ul li input[type="number"]:focus,
    .ns_tabs_overwrite ul li input[type="number"]:hover, .ns_tabs_overwrite ul li input[type="number"]:focus {
        background-color: white;
    }

span[ntft] {
    padding: 5px 3px;
}

.ns_pix {
    width: 1px;
    height: 22px;
}

.ns_pix_30 {
    width: 30px;
    height: 22px;
}

.schedule_header {
    width: 100%;
    margin: 0px;
    padding: 3px;
    border-radius: 6px 6px 0px 0px;
    height: 16px;
}

    .schedule_header td, .schedule_header td:hover {
        background: #1360ad;
        font-weight: bold;
        color: white;
        border-radius: 6px 6px 0px 0px;
        height: 16px;
    }

.destination {
    border: 1px solid #e6e6e6;
    border-color: #e6e6e6;
    background: #f0f3f5;
    margin-bottom: 1px;
    /*height: 25px !important;*/
}

    .destination i.fa-times-circle {
        color: #e75a5a;
        font-size: 16px;
    }

    .destination:hover {
        border: 1px solid #b9b9b9;
        background: #e9ecf0;
    }

    .destination.error {
        background: #e75a5a;
        color: white;
    }

        .destination.error .fa-trash-o {
            color: white !important;
        }

        .destination.error:hover {
            background: #d54f4f !important;
            border: 1px solid #959595 !important;
            color: white !important;
        }

.destination-disabled {
    background-color: #f1f3f5;
    color: #818080;
}

    .destination-disabled:hover {
        background-color: #f1f3f5;
        color: #818080;
    }

    .destination-disabled i {
        color: #818080;
    }

    .destination-disabled mcspan {
        text-decoration: line-through;
    }

.ns_destinations {
    /*height: 335px;*/
}

    .ns_destinations ul {
        max-height: 425px;
    }

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

li.destination span, .service-user span {
    display: inline-block;
    width: 24px;
    text-align: center;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    border-radius: 3px;
    margin: 0px 3px;
    float: right;
    color: #0e76a8;
    background-image: url(../images/pixel.png), -webkit-linear-gradient(#FAFAFA, #f4faff 40%, #e9f6ff);
}

.service-user span {
    float: none;
}

.cycle {
    /*height: 25px !important;*/
    /*
    colorScheme - border: 1px solid #99bfcc;
    colorScheme - border-color: #99bfcc;
    colorScheme - background: #c8ddec;
    */
}

    .cycle i.fa-times-circle {
        color: #e75a5a;
        font-size: 16px;
    }

    .cycle:hover {
        border: 1px solid #b9b9b9;
        /*colorScheme - background: #c8ddec;*/
    }

.ns_leftobj li.cycle {
    padding: 1px 5px;
    margin-bottom: 1px;
}

li.cycle_overwrite {
    padding: 3px 5px;
    margin-top: 1px;
}

li.cycle span {
    display: inline-block;
    width: 22px;
    text-align: center;
    border: 1px solid #ffffff;
    margin: 0px 3px;
    color: black;
}

li.cycle input {
    display: inline-block;
    width: 44px;
    height: 20px;
    text-align: center;
    border: 1px solid #ffffff;
    margin: 0px 3px;
    /*colorScheme - background: #c8ddec;*/
    color: black;
}

.mc-sortable li {
    cursor: pointer;
}

    .mc-sortable li span {
        float: left;
        margin: 0px 5px;
    }

li.cycle span {
    float: none;
}

.sortable-space-highlight {
    height: 2.8em;
    line-height: 2.8em;
    background-color: #eeeeee;
    border: 1px solid #e5e5e5;
}

.selectable {
    background: #f1f1f1;
    text-align: center;
    color: #e75a5a;
    font-size: 100%;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    min-width: 6px;
}

    .selectable:before {
        content: "x";
    }

    .selectable.selected {
        background: #43668d;
    }

        .selectable.selected:before {
            content: " ";
        }

    .selectable.selected247 {
        text-align: center;
        background-color: #43668d;
    }

        .selectable.selected247:before {
            content: " ";
        }

    .selectable.selectedD {
        text-align: center;
        background: #cec132;
    }

        .selectable.selectedD:before {
            content: " ";
        }

    .selectable.selectedN {
        text-align: center;
        background: #43464b;
    }

        .selectable.selectedN:before {
            content: " ";
        }

    .selectable.selectedW {
        text-align: center;
        background: #138a72;
    }

        .selectable.selectedW:before {
            content: " ";
        }

.dnw {
    display: inline-block;
    width: 12px;
    height: 12px;
    text-align: center;
    border: 1px solid #000000;
    margin: 0px 3px;
    color: black;
    border-radius: 3px;
}

.Shift247 {
    background-color: #43668d;
}

.Days {
    background-color: #cec132;
}

.Nights {
    background-color: #43464b;
}

.Weekends {
    background-color: #138a72;
}

.top-hours {
    font-size: 10px;
    min-width: 22px;
    text-align: center;
}

.top-hours_overwrite {
    font-size: 6px;
    min-width: 16px;
    text-align: center;
}

.ui-widget-content_ns {
    border: 1px solid #e6e6e6;
    border-color: #e6e6e6;
    max-height: 100%;
}

.testtabs-border {
    border-left: 4px solid #e6e6e6;
}

.ui-state-default_ns {
    font-weight: normal;
    /*min-height: 355px;
    max-height: 430px;*/
    background-color: transparent;
}

.ui-state-default_ns_overwrite {
    /*
    max-height: 95%;
    min-height: 95%;
    height:541px !important;
    */
    font-weight: normal;
    min-height: 345px;
    /*max-height: 575px;*/
    background-color: transparent;
}

.toaster_ns {
    position: relative;
    bottom: 0;
    right: 0;
}

#tabs-0, #tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5, #tabs-6, #tabs-7, #tabs-8, #tabs-9, #tabs-10, #tabs-11, #tabs-12 {
    margin: 0px;
    padding: 0px;
}

.ui-dialog {
    padding: 0px;
    overflow: visible;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
}

.ns_container_mc {
    height: auto;
    overflow: hidden;
}

.ns_right_mc {
    width: 370px;
    float: right;
    margin-left: 9px;
}

.ns_left_mc {
    position: relative;
    float: none; /* not needed, just for clarification */
    /* the next props are meant to keep this block independent from the other floated one */
    width: auto;
    overflow: hidden;
}

​​

.loading-data-100 {
    position: absolute;
    background-color: #a6c9e2;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    padding: 10px;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    opacity: .97;
    filter: alpha(opacity=90);
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 10000;
}

.loading-data-50 {
    position: absolute;
    background-color: #ffffff;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    padding: 10px;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    opacity: .10;
    filter: alpha(opacity=10);
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 998;
}

.loading-data-read-only {
    position: absolute;
    background-color: #777;
    top: 30px;
    left: 50%;
    margin: 0 auto;
    padding: 10px;
    white-space: nowrap;
    transform: translate(-50%, 0%);
    opacity: .10;
    filter: alpha(opacity=10);
    height: 100%;
    width: 96%;
    text-align: center;
    z-index: 99;
    border-top: 1px solid white;
    border-right: 5px solid white;
    border-bottom: 35px solid white;
    border-left: 5px solid white;
}

.m110-runtime-layer-over {
    position: absolute;
    /*background-color: #777;*/
    background-color: #8f9e91;
    top: 0px;
    left: 50%;
    margin: 0 auto;
    padding: 10px;
    white-space: nowrap;
    transform: translate(-50%, 0%);
    opacity: .30;
    filter: alpha(opacity=10);
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 99;
    border-top: 3px solid white;
    border-right: 4px solid white;
    border-bottom: 3px solid white;
    border-left: 3px solid white;
    pointer-events: none;
}

.m110-runtime-layer-message {
    position: absolute;
    border: 1px solid #c7cfc8;
    border-left: 6px solid #ee8536 !important;
    display: inline-block;
    float: left;
    width: 60%;
    font-size: 90%;
    max-width: 250px;
    padding: 0 0 0 5px;
    font-weight: bold;
    cursor: default !important;
}

.m110-runtime-layer-menu {
    position: relative;
    z-index: 99;
}

.loading-data-content {
    position: absolute;
    left: 50%;
    top: 35%;
    color: #414141;
    -webkit-filter: drop-shadow(5px 5px 5px #666);
    filter: drop-shadow(5px 5px 5px #666);
    font-weight: bold;
}

.loading-data-modal {
    position: absolute;
    background-color: #a6c9e2;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    padding: 10px;
    transform: translate(-50%, -50%);
    opacity: .97;
    filter: alpha(opacity=90);
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.ui-header-color {
    background: transparent;
}

.ui-state-disabled[role=tab] {
    display: none; /* disabled tabs don't show up */
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: .3em 1em;
}

.ui-tabs-nav li.ui-tabs-active {
}

    .ui-tabs-nav li.ui-tabs-active a {
    }

.ui-tabs .ui-tabs-nav {
}

.ui-tabs-nav span {
    font-size: 1.2em;
}

.hr-analog-tab {
    margin-top: 15px;
    margin-bottom: 15px;
}

.hr-digital-tab {
    margin-top: 10px;
    margin-bottom: 3px;
}

.hr-notification-rules-tab {
    margin-top: 10px;
    margin-bottom: 1px;
}

.pop-out-effect {
    box-shadow: #515151 1px 1px 1px;
    margin: 0px 3px;
    padding: 0px 1px;
    max-width: 98%;
    max-height: 90%;
    cursor: pointer;
    position: relative;
}

.cloned-item {
    z-index: 999;
    /*border: 1px solid #515151;
    box-shadow: #000 1px 1px 1px;*/
    border: 1px solid #e6e6e6;
    border-color: #e6e6e6;
    cursor: pointer;
    -moz-min-width: 368px;
    -ms-min-width: 368px;
    -o-min-width: 368px;
    -webkit-min-width: 368px;
    min-width: 368px;
    width: auto !important;
}

    .cloned-item:hover {
        border: 1px solid #b9b9b9 !important;
    }


.sorting-item {
    max-width: 93%;
    box-shadow: #515151 1px 1px 1px;
}

.tooltip-jq {
    max-width: 44%;
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

ul.mc-sortable li mcspan:nth-of-type(1) {
    /*width:40%;*/
    width: 50%;
}

ul.mc-sortable li mcspan:nth-of-type(2) {
    /*width:44%;*/
}

ul.mc-sortable li mcspan {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

/*digital table*/
.digitallegend {
    font-size: smaller;
    position: absolute;
    bottom: 8px;
    width: 95%;
    height: 95px;
    padding: 2px;
    background-color: #fce6e6;
    overflow-y: auto;
    border: 1px solid #cccccc;
    border-radius: 3px;
    box-shadow: #515151 1px 1px 1px;
}
/*digital table*/
.signallegend {
    font-size: smaller;
    width: 95%;
    padding: 5px;
    background-color: #fce6e6;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #cccccc;
    border-radius: 3px;
    box-shadow: #515151 1px 1px 1px;
    position: absolute;
    top: 30px;
    left: 40px;
}

.table {
    margin-bottom: 0px;
    table-layout: fixed;
    font-size: .95em;
}

    .table > thead > tr > th {
        font-size: .8em;
    }

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 3px 0px;
    }

.data-pane {
    padding: 0px 0px;
}

    .data-pane .headertable {
        width: 100%;
        background: #f4f4f4;
    }

        .data-pane .headertable th {
            border-top: 1px solid #e6e6e6;
            background-color: #f4f4f4;
        }

.row.data-pane.headertable {
    background-color: #f4f4f4;
    font-weight: normal;
    border: 1px solid #e6e6e6;
    height: 28px;
}

.data-pane .headertable .table th {
    font-weight: normal;
    border-right: 0px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    text-align: center;
}

.row.data-pane.headertable div {
    font-weight: normal;
    border-right: 0px solid #e6e6e6;
    border-bottom: 0px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    text-align: center;
    padding: 3px 2px;
    height: 100%;
}

.data-pane .headertable .table th:first-child {
    font-weight: normal;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    padding: 5px 2px;
    text-align: left;
}

.row.data-pane.headertable div:first-child {
    border-left: 0px solid #e6e6e6;
    text-align: left;
}

.data-pane .headertable .table th:last-child {
    width: 14px;
    font-weight: normal;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6 !important;
    border-left: 1px solid transparent;
}

.data-pane .tabular-data-container-mobile .table td:first-child,
.data-pane .tabular-data-container .table td:first-child {
    padding-left: 2px;
    text-align: left;
}

.data-pane .tabular-data-container-mobile .table td,
.data-pane .tabular-data-container .table td {
    text-align: center;
    border-bottom: 1px solid #e6e6e6 !important;
}

.table-th-spacer {
    width: 14px;
    font-weight: normal;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6 !important;
    text-align: center;
}

.live-data-line {
    border-bottom: 2px green solid !important;
}
/*
.headertable tr:hover, .headertable .table tr:hover {
    background-color: #ffffff;
}
*/
.highcharts-tooltip {
    pointer-events: none;
}

.highcharts-scrollbar-arrow, .highcharts-scrollbar-button {
    display: none;
}
/*digital table*/
form select {
    width: 100%;
}

.ui-widget-content3 {
    -webkit-box-shadow: 0px 10px 10px rgba(25, 25, 25, 0.92);
    -moz-box-shadow: 0px 10px 10px rgba(25, 25, 25, 0.92);
    box-shadow: 0px 10px 10px rgba(25, 25, 25, 0.92);
    background: rgba(112,128,144, 0.2);
}

.ui-widget-content2 .ui-dialog-content,
.ui-widget-content-mc .ui-dialog-content {
    padding: 0;
    /*border: 1px dashed rgba(0, 0, 0, 0.1);*/
}

.ui-widget-content-new .ui-dialog-content {
    padding: 0;
}

.digital-widget-icon {
    margin-left: auto;
    margin-right: auto;
    height: 75% !important;
    max-width: 100%;
    max-height: 100%;
    -webkit-filter: drop-shadow(2px 2px 2px #252525);
    padding: 5px 10px 10px 10px;
    /*transform: scaleX(-1);*/
}

.gauge-widget-icon {
    height: 100%;
    width: 100%;
    -webkit-filter: drop-shadow(2px 2px 2px #252525);
}

.temperature-widget-icon {
    height: 100%;
    -webkit-filter: drop-shadow(2px 2px 0px #000000);
}

.widgetNew {
    /*width: 100%;
    /*height: 75%;*/
    /*-webkit-filter: drop-shadow(1px 1px 1px #515151);*/
}

.widgetNewAnalog {
    width: 100%;
    height: 65%;
    -webkit-filter: drop-shadow(2px 2px 2px #252525);
}

.widgetSetting {
    padding: 10px;
    width: 250px;
    height: auto;
    position: fixed;
    margin-top: -23px;
    color: #333333;
    font-size: 1em;
    background-color: #fafafa;
    border: solid 1px #dddddd;
    border-radius: 1px;
    -webkit-box-shadow: 0px 10px 10px rgba(25, 25, 25, 0.92);
    -moz-box-shadow: 0px 10px 10px rgba(25, 25, 25, 0.92);
    box-shadow: 0px 10px 10px rgba(25, 25, 25, 0.92);
}

.widgetSettingNew {
    position: fixed;
    width: 240px;
    margin: 10px auto 0px auto;
    padding: 10px;
    height: inherit;
    color: #333333;
    font-size: 1em;
    background-color: #fafafa;
    border: solid 1px #aaaaaa;
    box-shadow: rgb(81, 81, 81) 1px 1px 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: 999;
}

.widget-title {
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    width: 100%;
    color: #ffffff;
    /*font-size:14px;*/
    text-shadow: 0 0 8px #333;
    padding: 20px 20px 0px 20px;
}

    .widget-title span {
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 999;
        cursor: pointer;
        cursor: hand;
        padding: 0px;
    }

.mc-analog-widget-view-html .widget-title span,
.mc-status-widget-view-html .widget-title span,
.mc-runtime-widget-view-html .widget-title span,
.mc-switch-widget-view-html .widget-title span {
    top: -20px;
    right: -28px;
    z-index: unset;
}

.widgetToolbar {
    position: fixed;
    margin-top: 15px;
    background: rgba(112,128,144, 0.2);
}

.widgetToolbarRight {
    -webkit-box-shadow: 2px 10px 10px rgba(25, 25, 25, 0.92);
    -moz-box-shadow: 2px 10px 10px rgba(25, 25, 25, 0.92);
    box-shadow: 2px 10px 10px rgba(25, 25, 25, 0.92);
}

.widgetToolbarLeft {
    -webkit-box-shadow: -2px 10px 10px rgba(25, 25, 25, 0.92);
    -moz-box-shadow: -2px 10px 10px rgba(25, 25, 25, 0.92);
    box-shadow: -2px 10px 10px rgba(25, 25, 25, 0.92);
}

.widgetTool {
    padding: 10px 5px 10px 5px;
    cursor: pointer;
    cursor: hand;
}

.widgetText {
    color: #FFFFFF !important;
    text-shadow: 2px 2px #252525;
    text-align: center;
}

.widget {
    width: 100%;
    height: 100%;
    -webkit-filter: drop-shadow(3px 3px 3px #515151);
}

.widgetAlignCenter {
    float: none !important;
    margin: 30px auto;
}

.voltage-widget-title {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    z-index: -1;
}

.fc-content {
    font-size: 15px;
}

.toggleColorOn {
    background-image: url('../images/toggleOn.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}

.toggleColorOff {
    background-image: url('../images/toggleOff.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}

.icon-dbl-click {
    padding-left: 5px;
    text-shadow: 1px 1px 1px #6a6a6a;
}


.fc a {
    outline: none;
    cursor: default;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.fc-title {
    font-size: 14px !important
}

.desktop_view_div {
    margin-top: 0px;
    width: 100%;
    height: 280px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    overflow-y: auto;
    overflow-x: hidden;
}

.desktop_view_ul {
    width: 100%;
    text-overflow: ellipsis;
    height: 100%;
}

.desktop_view_li {
    border-bottom: 1px solid #e6e6e6;
    border-color: #e6e6e6;
    background: #ffffff;
    width: 100%;
    padding: 2px 5px 2px 5px;
    text-overflow: ellipsis;
    height: 32px;
}

.desktop_view_dropdown {
    width: 100%;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    overflow-x: hidden;
    white-space: pre;
    text-overflow: ellipsis;
}

    .desktop_view_dropdown::-ms-expand {
        display: none;
    }

.add_new_desktop {
    margin-top: 10px;
    width: 100%;
    border: 1px solid #c2c2c2;
    border-radius: 3px;
    padding: 8px 5px;
    background: #d6e8f6;
}

.search_customer_div {
    margin-top: 0px;
    width: 100%;
    height: 87%;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    overflow: hidden;
}

.search_customer_ul {
    width: 100%;
    text-overflow: ellipsis;
    height: 100%;
    overflow-y: auto;
}

.search_customer_li {
    border-bottom: 1px solid #e6e6e6;
    border-color: #e6e6e6;
    background: #ffffff;
    width: 100%;
    padding: 3px 5px;
    text-overflow: ellipsis;
}

.search_customer_dropdown {
    width: 100%;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    overflow-x: hidden;
    white-space: pre;
    text-overflow: ellipsis;
}

    .search_customer_dropdown::-ms-expand {
        display: none;
    }

.alphabet {
    width: 100%;
    height: 20px;
    border: 0px solid #c3c3c3;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    display: flex;
    justify-content: space-around;
    margin: 0px 0px 5px 0px;
    padding-top: 5px;
}

    .alphabet span {
        display: inline-block;
        text-align: center;
        margin: 0 2px;
        width: 20px;
        height: 20px;
    }

.A, .B, .C, .D, .E, .F, .G, .H, .I, .J, .K, .L, .M, .N, .O, .P, .Q, .R, .S, .T, .U, .V, .W, .X, .Y, .Z {
    color: #949494;
    border: 1px solid #949494;
    cursor: pointer;
    cursor: hand;
}

.panel-magenta .panel-heading {
    color: #515151;
    background-color: #e6e6e6;
    border-color: #f5f5f5;
}

.panel-group .panel-heading h4 a {
    color: #515151;
}

[class*="panel-magenta"].panel .panel-body {
    padding: 5px;
}

.btn-xs.disabled, .btn-xs[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sortorder:after {
    float: right;
    content: '\25b2';
}

.sortorder.reverse:after {
    float: right;
    content: '\25bc';
}

.sortorder-n {
    cursor: pointer;
    cursor: hand;
    font-weight: normal;
}

.sortorder-b {
    cursor: pointer;
    cursor: hand;
    font-weight: bold;
    color: #1f1f1f;
    background: #dadada;
}

fieldset {
    border: 1px solid #eee !important;
    padding: 5px !important;
    -webkit-box-shadow: 0 0 #000;
    box-shadow: 0 0 #000;
}

legend {
    /* display: block; */
    width: auto;
    padding: 0;
    margin-bottom: 5px;
    /* font-size: 19.5px; */
    /* line-height: inherit; */
    /* color: #656b79; */
    /* border: 0; */
    border-bottom: none;
}

.top-menu-search::-ms-clear {
    display: none;
}

.ui-dialog .ui-resizable-se {
    width: 20px;
    height: 20px;
    right: -14px;
    bottom: -14px;
    background-position: 16px 16px;
}

.red-fonts {
    color: #FF0000;
}

.not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.bg-danger {
    background-color: #e75a5a;
    color: #FFFFFF;
}

.rtu-data-container {
    overflow-y: auto;
    height: 95%;
}

.rtu-view-analog {
    width: 100%;
    clear: left;
    min-height: 40px;
}

.analog-gauge-container, .signal-gauge-container, .temperature-gauge-container, .digital-gauge-container, .voltage-gauge-container, .humidity-gauge-container {
    overflow-y: auto;
    height: 92%;
}

.progress {
    overflow: hidden;
    width: 100%;
    height: 30px;
    background: -webkit-linear-gradient(#d5d6d7, #edeef0, #d5d6d7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d5d6d7, #edeef0, #d5d6d7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d5d6d7, #edeef0, #d5d6d7); /* For Fx 3.6 to 15 */
    background: linear-gradient(#d5d6d7, #edeef0, #d5d6d7); /* Standard syntax (must be last) */
    border-radius: 3px;
    /*box-shadow: inset 0 1px 2px rgba(0,0,0,.1);*/
}

    .progress span {
        display: inline-block;
        padding-top: 5px;
    }

.progress, .progress-bar {
    box-shadow: #515151 1px 1px 1px;
    /*box-shadow: none;*/
}

.progress-bar {
    float: left;
    width: 0;
    height: 30px;
    font-size: 12px;
    line-height: 19px;
    color: #fff;
    text-align: center;
    background: -webkit-linear-gradient(#3e9928, #55bf3b, #3e9928); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3e9928, #55bf3b, #3e9928); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3e9928, #55bf3b, #3e9928); /* For Fx 3.6 to 15 */
    background: linear-gradient(#3e9928, #55bf3b, #3e9928); /* Standard syntax (must be last) */
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    transition: width .6s ease;
}

.progress-bar-sm {
    height: 27px;
}

.progress-bar-error {
    background: -webkit-linear-gradient(#ff0000, #fa3e3e, #ff0000) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ff0000, #fa3e3e, #ff0000) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ff0000, #fa3e3e, #ff0000) !important; /* For Fx 3.6 to 15 */
    background: linear-gradient(#ff0000, #fa3e3e, #ff0000) !important; /* Standard syntax (must be last) */
}

.progress-bar-warning {
    background: -webkit-linear-gradient(#ee8536, #efad63, #ee8536) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ee8536, #efad63, #ee8536) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ee8536, #efad63, #ee8536) !important; /* For Fx 3.6 to 15 */
    background: linear-gradient(#ee8536, #efad63, #ee8536) !important; /* Standard syntax (must be last) */
}

.print-no div {
    cursor: pointer;
    cursor: hand;
}
/* entire container, keeps perspective */
/* entire container, keeps perspective */
.flip-container {
    /*perspective: 1000;
	transform-style: preserve-3d;*/
}
    /*  UPDATED! flip the pane when hovered */
    .flip-container.flip .back {
        /*transform: rotateY(0deg);*/
        display: block;
    }

    .flip-container.flip .front {
        /*transform: rotateY(180deg);*/
        display: none;
    }

        .flip-container.flip .front.pulse-gauge-front {
            display: block !important;
            visibility: hidden;
        }

.flip-container, .front, .back {
    width: 100%;
    height: 100%;
    padding: 0px;
}

/* flip speed goes here */
.flipper {
    /*transition: 0.6s;
	transform-style: preserve-3d;*/
    position: relative;
    width: 100%;
    height: 100%;
}

/* hide back of pane during swap */
.front, .back {
    /*backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;*/
    position: absolute;
    top: 0;
    left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
    z-index: 2;
    /*transform: rotateY(0deg);*/
    display: block;
}

/* back, initially hidden pane */
.back {
    /*transform: rotateY(-180deg);*/
    display: none;
    margin-top: 10px;
}

.control-label {
    display: inline;
}

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
    height: 100px;
}

.language_dropdown {
    width: 100%;
    padding: 0px;
    background-color: #ffffff;
    color: #000000;
    font-weight: normal;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
}

    .language_dropdown::-ms-expand {
        display: none;
    }

.state-alphabet {
    display: inline;
    margin: -2px;
    width: 30px;
    color: #949494;
    border: 1px solid #949494;
    cursor: pointer;
    cursor: hand;
}

    .state-alphabet:first-child {
        border-right: none;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .state-alphabet:last-child {
        border-left: none;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

.weather-float-wrap {
    /* <number of floats> * (<float width> + 2 * <float border width>) */
    border: 0px solid;
    /* causes .float-wrap's height to match its child divs */
    overflow: auto;
}

.weather-left-floater {
    position: relative;
    height: 100%;
    float: left;
}

    .weather-left-floater img {
        width: 100%;
        /*padding: 5px 20px 25px 20px;*/
        padding: 5px 28px 33px 28px;
        border-right: 1px solid #a6c9e2;
    }

        .weather-left-floater img:last-child {
            border-right: 0px solid #a6c9e2;
        }

.weather-day-floater {
    position: absolute;
    font-size: smaller;
    bottom: 8px;
    width: 100%;
    text-align: center;
    background-color: #d6e7f2;
    border-top: 1px solid #a6c9e2;
    border-bottom: 1px solid #a6c9e2;
    /*opacity: .7;*/
}

.weather-chevron {
    color: #a6c9e2;
}

.weather-outer {
    overflow-x: hidden;
}

.forecast-night-bg {
    background-color: #003366;
}

.forecast-day-bg {
    background-color: #00319c;
}

.mission-alert-level-0 {
}

.mission-alert-level-1 {
    color: #3569f9;
}

.mission-alert-level-2 {
    color: #1436c6;
}

.mission-alert-level-3 {
    color: #E0AF0B;
}

.mission-alert-level-4 {
    color: #d61011;
}

.alert-unread {
    text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
    opacity: inherit;
}

.alert-read {
    color: gray;
    text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
    opacity: inherit;
}

.toaster-scroll {
    height: 70px;
    overflow-y: scroll;
    padding: 5px 5px 5px 0px;
    margin-top: 8px;
}

.fa-green {
    color: green;
}

.fa-red {
    color: red;
}

.fa-warning {
    color: #ee8536;
}

.preferences-fieldset {
    border: 1px solid #EEE !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.preferences-legend {
    width: auto;
    padding: 0;
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 5px;
    font-weight: 300;
    display: block;
    font-size: 1.2em;
    line-height: 80%;
    color: #9B9B9B;
    font-weight: bold;
    border: 0;
}

.paging-fieldset {
    border: 1px solid #e7e8eb !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.paging-legend {
    width: auto;
    padding: 0;
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 5px;
    font-weight: 300;
    display: block;
    font-size: 1.2em;
    line-height: 80%;
    color: #b4b4b6;
    border: 0;
}

.ui-accordion .ui-accordion-content {
    padding: .5em .5em .1em .5em;
    border-top: 0;
    overflow: auto;
}

.ui-accordion-header {
    background: #f4f4f4 !important;
}

.ui-accordion-header, .ui-accordion-content {
    border: 1px solid #e7e8eb !important;
}

.ui-accordion-header, .ui-accordion-header-active {
    color: #555555 !important;
}

.list-view-header-border-top {
    border-top: 1px solid #d3d3d3;
}

.list-view-header-border-bottom {
    border-bottom: 1px solid #d3d3d3;
}

#nav-menu-mobile #menu-mobile .list-view-header {
    padding: 10px 1em 10px .4em;
    border-bottom: 1px solid #d3d3d3;
}

.f-s-s {
    font-size: smaller;
}

.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5; /*If Placeholder of the input is moved up, rem/modify this.*/
    border-radius: 3px;
}

.mobile-menu-1, .mobile-menu-2, .mobile-menu-3, .mobile-menu-4, .mobile-menu-5,
.mobile-menu-6, .mobile-menu-7, .mobile-menu-8, .mobile-menu-9, .mobile-menu-10,
.mobile-menu-11, .mobile-menu-12, .mobile-menu-13, .mobile-menu-14, .mobile-menu-15,
.mobile-menu-16, .mobile-menu-17, .mobile-menu-18, .mobile-menu-19, .mobile-menu-20 {
    display: none;
    border-bottom: 1px solid #d3d3d3;
    font-size: larger;
    padding: 10px 1em 10px 2em !important;
}

.ui-widget-content {
    border: 1px solid #d3d3d3;
}

.page-title-mobile {
    padding: 5px 0px;
    font-size: 14.52px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #e6e6e6;
    font-weight: normal;
    background: #d6e8f6;
    color: #157fcc;
}

    .page-title-mobile div {
        overflow-y: auto;
        display: inline-block;
        white-space: nowrap;
        padding: 0px;
    }

.mobile-menu-item {
    padding: 8px 1em 8px .4em !important;
    font-size: larger;
}

.save-excel-only {
    display: none;
}

.paging-at {
    height: 20px;
    width: 55px;
    line-height: normal;
    font-weight: bold;
}

.paging-at-bg {
    background-color: #f4f4f4;
}

.remove-page-request {
    font-size: 14px;
    padding: 3px;
    color: #e75a5a;
    cursor: pointer;
}

.validation-info {
    display: none;
    color: red;
    font-weight: bold;
}

.fa-15x {
    font-size: 1.5em;
}

.fa-195em {
    font-size: 1.95em;
}
/*ui-tooltip*/
div.ui-tooltip.panel.panel-default.overview-tooltipborder {
    min-width: 250px;
    width: 250px;
    pointer-events: none;
}

.tooltip-jq-popup-service-I {
    max-width: 44%;
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
    pointer-events: none;
    box-shadow: rgba(25, 25, 25, 0.92) 0px 10px 30px;
}
    /*Dark*/
    .tooltip-jq-popup-service-I.mc-widget-theme-Dark {
        box-shadow: rgba(0, 0, 0, 0.92) 0px 10px 30px;
        background: black;
        color: white;
    }
    /*Glass*/
    .tooltip-jq-popup-service-I.mc-widget-theme-Glass {
        box-shadow: rgba(25, 25, 25, 0.92) 0px 10px 30px;
        background: rgba(255, 255, 255, 0.75);
        color: black;
    }
    /*Light*/
    .tooltip-jq-popup-service-I.mc-widget-theme-Light {
        box-shadow: rgba(25, 25, 25, 0.92) 0px 10px 30px;
        background: white;
        color: black;
    }

.tooltip-error-message {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 400px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

body .tooltip-error-message {
    border-width: 2px;
}

.tooltip-error-message {
    display: none;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    padding: 6px 20px 6px 5px;
    margin: 1em 0 3em;
    color: #fff;
    background: #c81e2b;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f04349), to(#c81e2b));
    background: -moz-linear-gradient(#f04349, #c81e2b);
    background: -o-linear-gradient(#f04349, #c81e2b);
    background: linear-gradient(#f04349, #c81e2b);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: -46px;
    left: -111px;
    white-space: nowrap;
}

.pdl {
    left: -65px;
}

.nrl {
    left: -50px;
}

.tooltip-error-message:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 80px;
    border: 0;
    border-right-width: 30px;
    border-bottom-width: 20px;
    border-style: solid;
    border-color: transparent #c81e2b;
    display: block;
    width: 0;
}

.pdl:before {
    left: 34px;
}

.nrl:before {
    left: 19px;
}

.tooltip-error-message:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 100px;
    border: 0;
    border-right-width: 10px;
    border-bottom-width: 20px;
    border-style: solid;
    border-color: transparent #fff;
    display: block;
    width: 0;
}

.pdl:after {
    left: 54px;
}

.nrl:after {
    left: 39px;
}

.tooltip-error-message span {
    position: absolute;
    right: 2px;
    top: 2px;
    cursor: pointer;
    cursor: hand;
}
/*ui-tooltip*/
/*popup view*/

.ui-dialog-titlebar-buttonpane a {
    margin-right: 2px;
}

.dlgexTitlebarCo {
    padding-left: 6.2px;
    padding-top: 2.5px;
    /*font-size: 12px;*/
}

.dlgexTitlebarMa {
    padding-left: 3.8px;
    padding-top: 3.5px;
    /*font-size: 11px;*/
}

.dlgexTitlebarMi {
    padding-left: 4.5px !important;
    padding-top: 6.6px !important;
    /*font-size: 8px;*/
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-buttonpane .ui-dialog-titlebar-minimize .dlgexTitlebarMi {
    padding-left: 4.5px !important;
    padding-top: 6.6px !important;
    /*font-size: 8px;*/
}

.dlgexTitlebarRe {
    padding-left: 4.5px;
    padding-top: 2.5px;
    /*font-size: 12px;*/
}

#dialog-extend-fixed-container .dlgexTitlebarRe {
    padding-left: 5.5px;
    padding-top: 2.5px;
    font-size: 12px;
}

.ui-dialog .ui-dialog-titlebar-close {
    padding: 3px;
}

.ui-dialog-title-minimized {
    font-size: 13px;
}

.ui-dialog-titlebar-minimize:hover,
.ui-dialog-titlebar-maximize:hover,
.ui-dialog-titlebar-collapse:hover,
.ui-dialog-titlebar-restore:hover {
    text-decoration: none;
}
/*popup view*/
.obt-title {
    text-decoration: underline;
    font-weight: bold;
}

.animate-show.ng-hide-add, .animate-show.ng-hide-remove {
    transition: all linear 0.5s;
}

.animate-show.ng-hide {
    line-height: 0;
    opacity: 0;
    padding: 0 10px;
}

.lgi-gray {
    background: #f4f4f4 !important;
    padding: .15em .5em .5em .25em;
}

.vcenter {
    position: relative;
    height: 50px;
}

.vcenter-child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 2px;
    width: 100%;
}

.rzslider-custom .rzslider .rz-bar {
    height: 3px !important;
    background: #f5f5f5;
    -webkit-filter: drop-shadow(1px 1px 1px #515151);
    filter: drop-shadow(1px 1px 1px #515151);
}

    .rzslider-custom .rzslider .rz-bar.rz-selection {
        background: #ffffff;
    }

.rzslider-custom .rzslider .rz-pointer {
    background-color: #ffffff;
    -webkit-filter: drop-shadow(1px 1px 1px #515151);
    filter: drop-shadow(1px 1px 1px #515151);
}

    .rzslider-custom .rzslider .rz-pointer.rz-active:after {
        background-color: #337ab7;
    }

.rzslider-custom-red .rz-bar-wrapper .rz-bar, .rzslider-custom-red-dy .rz-bar-wrapper .rz-bar {
    background: #ff0200;
    left: 13px;
    width: 10px;
}

.rzslider-custom-green .rz-bar-wrapper .rz-bar {
    background: green;
    left: 13px;
    width: 10px;
}

.rzslider-custom-green span.rz-pointer.rz-pointer-max, .rzslider-custom-red span.rz-pointer.rz-pointer-max {
    background: #ffffff url("../images/slider-right-icon-gdy.png") 50% 50% repeat-x;
    width: 29px;
    height: 21px;
    border-radius: 0px;
}

.rzslider-custom-green span.rz-pointer.rz-pointer-min, .rzslider-custom-red span.rz-pointer.rz-pointer-min {
    background: #ffffff url("../images/slider-right-icon-guy.png") 50% 50% repeat-x;
    width: 29px;
    height: 21px;
    border-radius: 0px;
}

.rzslider-custom-red-dy span.rz-pointer.rz-pointer-min {
    background: #ffffff url("../images/slider-right-icon-gdy.png") 50% 50% repeat-x;
    width: 29px;
    height: 21px;
    border-radius: 0px;
}

.rzslider .rz-pointer.rz-active:after {
    background-color: yellow;
}

.alert-danger {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
}

    .alert-danger .alert-link {
        color: #843534 !important;
    }

/* Loading animation */
.modal-animation {
    /*background: #CCC;*/
    height: 100%;
    opacity: .55;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

#loading-animation {
    list-style: none;
    margin: 230px auto;
    text-align: center;
    width: 400px;
}

@keyframes loader {
    50% {
        height: 6px;
        margin-top: 74px;
        opacity: .1;
    }
}

.bar-animation {
    height: 80px;
    width: 6px;
    border-radius: 3px;
    background: #333;
    display: inline-block;
    margin: 0 2px;
    animation: loader 1.3s infinite;
}

    .bar-animation:nth-child(1) {
        animation-delay: .1s;
    }

    .bar-animation:nth-child(2) {
        animation-delay: .2s;
    }

    .bar-animation:nth-child(4) {
        animation-delay: .4s;
    }

    .bar-animation:nth-child(5) {
        animation-delay: .5s;
    }

    .bar-animation:nth-child(6) {
        animation-delay: .6s;
    }

    .bar-animation:nth-child(7) {
        animation-delay: .7s;
    }

    .bar-animation:nth-child(8) {
        animation-delay: .8s;
    }

    .bar-animation:nth-child(9) {
        animation-delay: .9s;
    }

    .bar-animation:nth-child(10) {
        animation-delay: 1s;
    }
/* Loading animation */

.mobi-page-landscape-warning {
    display: none;
    text-align: center;
    padding-top: 30px;
}

.rotate,
.rotateCounterwise {
    -webkit-transition: 1000ms ease all;
    -moz-transition: 1000ms ease all;
    -o-transition: 1000ms ease all;
    transition: 1000ms ease all;
}

.rotate {
    -webkit-transform: rotate(90deg);
}

.rotateCounterwise {
    -webkit-transform: rotate(0deg);
}

.ui-tabs .ui-widget-header {
    border: none;
    background: white;
    color: #157fcc;
}

.mc-widget-header-titlebar {
    background: transparent;
    border: none;
    color: #FFFFFF !important;
    text-shadow: 1px 1px #000000;
    text-align: center;
    padding: 0px !important;
}

.mc-close-widget {
    background: transparent !important;
    display: none;
    margin: -20px !important;
    color: #ffffff !important;
}

.ui-tabs-nav li.ui-state-default {
    border: 1px solid #d3d3d3 !important;
    border-bottom: none !important;
}

.ui-tabs-nav li.ui-tabs-active {
    /*margin-bottom: -1px !important;*/
    border: 1px solid #d3d3d3 !important;
    border-bottom: none !important;
    /*height: 22px;*/
}

.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
    border: none;
}

.ui-tabs .ui-tabs-panel {
    border: 1px solid #d3d3d3;
    border-radius: 4px;
}

.dropdown-menu {
    left: 0;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 3px;
    box-shadow: rgba(25, 25, 25, 0.921569) 0px 10px 30px;
}
/*bootstrapuifix*/
.caret {
    display: initial;
    border-top: 0px;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    /*IE only*/
    min-height: 20px;
    min-width: 10px;
    /*IE only*/
}

    .caret:before {
        content: "\f0d7";
    }
/*bootstrapuifix*/

.custom-tooltip {
    border: 5px solid #737373;
    border-radius: 10px;
}

.overview-tooltipborder {
    box-shadow: rgba(25, 25, 25, 0.92) 0px 10px 30px;
}
/*.map {
    z-index: 0 !important;
}*/
.communication-html {
    height: 100%;
    padding-top: 5px;
    overflow-y: auto;
}

.list-group-item-schedule {
    padding: 4px 15px;
}

.nis-h5 {
    text-align: left !important;
    font-weight: bold;
    padding-left: 10px;
    text-decoration: none !important;
}
/*btn-mc-xxx*/
/*btn-mc-xxx*/
/*btn-mc-xxx*/
.btn-mc-days, .btn-mc-nights, .btn-mc-weekends, .btn-mc-catchall, .btn-mc-onpeak, .btn-mc-offpeak1 {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    color: white;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

    .btn-mc-days:active, .btn-mc-nights:active, .btn-mc-weekends:active, .btn-mc-catchall:active, .btn-mc-onpeak:active, .btn-mc-offpeak1:active {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn-mc-days[disabled],
    fieldset[disabled] .btn-mc-days,
    .btn-mc-nights[disabled],
    fieldset[disabled] .btn-mc-nights,
    .btn-mc-weekends[disabled],
    fieldset[disabled] .btn-mc-weekends,
    .btn-mc-catchall[disabled],
    fieldset[disabled] .btn-mc-catchall,
    .btn-mc-onpeak[disabled],
    fieldset[disabled] .btn-mc-onpeak,
    .btn-mc-offpeak1[disabled],
    fieldset[disabled] .btn-mc-offpeak1 {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-mc-days .badge, .btn-mc-nights .badge, .btn-mc-weekends .badge, .btn-mc-catchall .badge,
    .btn-mc-onpeak .badge, .btn-mc-offpeak1 .badge {
        text-shadow: none;
    }

.btn-mc-days {
    background-image: -webkit-linear-gradient(top, #d9cc42 0%, #cec132 100%);
    background-image: -o-linear-gradient(top, #d9cc42 0%, #cec132 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9cc42), to(#cec132));
    background-image: linear-gradient(to bottom, #d9cc42 0%, #cec132 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9cc42', endColorstr='#ffcec132', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #e3d543;
}

.btn-mc-nights {
    background-image: -webkit-linear-gradient(top, #515356 0%, #43464b 100%);
    background-image: -o-linear-gradient(top, #515356 0%, #43464b 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#515356), to(#43464b));
    background-image: linear-gradient(to bottom, #515356 0%, #43464b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff515356', endColorstr='#ff43464b', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #3a3e45;
}

.btn-mc-weekends, .btn-mc-onpeak {
    background-image: -webkit-linear-gradient(top, #1e947c 0%, #138a72 100%);
    background-image: -o-linear-gradient(top, #1e947c 0%, #138a72 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1e947c), to(#138a72));
    background-image: linear-gradient(to bottom, #1e947c 0%, #138a72 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1e947c', endColorstr='#ff138a72', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #097f67;
}

.btn-mc-catchall, .btn-mc-offpeak1 {
    background-image: -webkit-linear-gradient(top, #557599 0%, #43668d 100%);
    background-image: -o-linear-gradient(top, #557599 0%, #43668d 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#557599), to(#43668d));
    background-image: linear-gradient(to bottom, #557599 0%, #43668d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff557599', endColorstr='#ff43668d', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #335881;
}

    .btn-mc-days:hover,
    .btn-mc-days:focus,
    .btn-mc-nights:hover,
    .btn-mc-nights:focus,
    .btn-mc-weekends:hover,
    .btn-mc-weekends:focus,
    .btn-mc-catchall:hover,
    .btn-mc-catchall:focus,
    .btn-mc-onpeak:hover,
    .btn-mc-onpeak:focus,
    .btn-mc-offpeak1:hover,
    .btn-mc-offpeak1:focus {
        color: #ffffff;
    }

.list-group-item.active.btn-mc-days:hover,
.list-group-item.active.btn-mc-days:focus,
.btn-mc-days:hover,
.btn-mc-days:focus {
    background-color: #cec132;
    background-position: 0 -15px;
}

.btn-mc-days:active,
.btn-mc-days.active {
    background-color: #cec132;
    border-color: #e3d543;
}

.list-group-item.active.btn-mc-nights:hover,
.list-group-item.active.btn-mc-nights:focus,
.btn-mc-nights:hover,
.btn-mc-nights:focus {
    background-color: #43464b;
    background-position: 0 -15px;
}

.btn-mc-nights:active,
.btn-mc-nights.active {
    background-color: #43464b;
    border-color: #3a3e45;
}

.list-group-item.active.btn-mc-weekends:hover,
.list-group-item.active.btn-mc-weekends:focus,
.btn-mc-weekends:hover,
.btn-mc-weekends:focus,
.list-group-item.active.btn-mc-onpeak:hover,
.list-group-item.active.btn-mc-onpeak:focus,
.btn-mc-onpeak:hover,
.btn-mc-onpeak:focus {
    background-color: #138a72;
    background-position: 0 -15px;
}

.btn-mc-weekends:active,
.btn-mc-weekends.active,
.btn-mc-onpeak:active,
.btn-mc-onpeak.active {
    background-color: #138a72;
    border-color: #097f67;
}

.list-group-item.active.btn-mc-catchall:hover,
.list-group-item.active.btn-mc-catchall:focus,
.btn-mc-catchall:hover,
.btn-mc-catchall:focus,
.list-group-item.active.btn-mc-offpeak1:hover,
.list-group-item.active.btn-mc-offpeak1:focus,
.btn-mc-offpeak1:hover,
.btn-mc-offpeak1:focus {
    background-color: #43668d;
    background-position: 0 -15px;
}

.btn-mc-catchall:active,
.btn-mc-catchall.active,
.btn-mc-offpeak1:active,
.btn-mc-offpeak1.active {
    background-color: #43668d;
    border-color: #335881;
}

.btn-mc-days.disabled,
.btn-mc-days[disabled],
fieldset[disabled] .btn-mc-days,
.btn-mc-days.disabled:hover,
.btn-mc-days[disabled]:hover,
fieldset[disabled] .btn-mc-days:hover,
.btn-mc-days.disabled:focus,
.btn-mc-days[disabled]:focus,
fieldset[disabled] .btn-mc-days:focus,
.btn-mc-days.disabled.focus,
.btn-mc-days[disabled].focus,
fieldset[disabled] .btn-mc-days.focus,
.btn-mc-days.disabled:active,
.btn-mc-days[disabled]:active,
fieldset[disabled] .btn-mc-days:active,
.btn-mc-days.disabled.active,
.btn-mc-days[disabled].active,
fieldset[disabled] .btn-mc-days.active {
    background-color: #cec132; /* Yellow */
    background-image: none;
}

.btn-mc-nights.disabled,
.btn-mc-nights[disabled],
fieldset[disabled] .btn-mc-nights,
.btn-mc-nights.disabled:hover,
.btn-mc-nights[disabled]:hover,
fieldset[disabled] .btn-mc-nights:hover,
.btn-mc-nights.disabled:focus,
.btn-mc-nights[disabled]:focus,
fieldset[disabled] .btn-mc-nights:focus,
.btn-mc-nights.disabled.focus,
.btn-mc-nights[disabled].focus,
fieldset[disabled] .btn-mc-nights.focus,
.btn-mc-nights.disabled:active,
.btn-mc-nights[disabled]:active,
fieldset[disabled] .btn-mc-nights:active,
.btn-mc-nights.disabled.active,
.btn-mc-nights[disabled].active,
fieldset[disabled] .btn-mc-nights.active {
    background-color: #43464b; /* Black */
    background-image: none;
}

.btn-mc-weekends.disabled,
.btn-mc-weekends[disabled],
fieldset[disabled] .btn-mc-weekends,
.btn-mc-weekends.disabled:hover,
.btn-mc-weekends[disabled]:hover,
fieldset[disabled] .btn-mc-weekends:hover,
.btn-mc-weekends.disabled:focus,
.btn-mc-weekends[disabled]:focus,
fieldset[disabled] .btn-mc-weekends:focus,
.btn-mc-weekends.disabled.focus,
.btn-mc-weekends[disabled].focus,
fieldset[disabled] .btn-mc-weekends.focus,
.btn-mc-weekends.disabled:active,
.btn-mc-weekends[disabled]:active,
fieldset[disabled] .btn-mc-weekends:active,
.btn-mc-weekends.disabled.active,
.btn-mc-weekends[disabled].active,
fieldset[disabled] .btn-mc-weekends.active,
.btn-mc-onpeak.disabled,
.btn-mc-onpeak[disabled],
fieldset[disabled] .btn-mc-onpeak,
.btn-mc-onpeak.disabled:hover,
.btn-mc-onpeak[disabled]:hover,
fieldset[disabled] .btn-mc-onpeak:hover,
.btn-mc-onpeak.disabled:focus,
.btn-mc-onpeak[disabled]:focus,
fieldset[disabled] .btn-mc-onpeak:focus,
.btn-mc-onpeak.disabled.focus,
.btn-mc-onpeak[disabled].focus,
fieldset[disabled] .btn-mc-onpeak.focus,
.btn-mc-onpeak.disabled:active,
.btn-mc-onpeak[disabled]:active,
fieldset[disabled] .btn-mc-onpeak:active,
.btn-mc-onpeak.disabled.active,
.btn-mc-onpeak[disabled].active,
fieldset[disabled] .btn-mc-onpeak.active {
    background-color: #138a72; /* Green */
    background-image: none;
}

.btn-mc-catchall.disabled,
.btn-mc-catchall[disabled],
fieldset[disabled] .btn-mc-catchall,
.btn-mc-catchall.disabled:hover,
.btn-mc-catchall[disabled]:hover,
fieldset[disabled] .btn-mc-catchall:hover,
.btn-mc-catchall.disabled:focus,
.btn-mc-catchall[disabled]:focus,
fieldset[disabled] .btn-mc-catchall:focus,
.btn-mc-catchall.disabled.focus,
.btn-mc-catchall[disabled].focus,
fieldset[disabled] .btn-mc-catchall.focus,
.btn-mc-catchall.disabled:active,
.btn-mc-catchall[disabled]:active,
fieldset[disabled] .btn-mc-catchall:active,
.btn-mc-catchall.disabled.active,
.btn-mc-catchall[disabled].active,
fieldset[disabled] .btn-mc-catchall.active,
.btn-mc-offpeak1.disabled,
.btn-mc-offpeak1[disabled],
fieldset[disabled] .btn-mc-offpeak1,
.btn-mc-offpeak1.disabled:hover,
.btn-mc-offpeak1[disabled]:hover,
fieldset[disabled] .btn-mc-offpeak1:hover,
.btn-mc-offpeak1.disabled:focus,
.btn-mc-offpeak1[disabled]:focus,
fieldset[disabled] .btn-mc-offpeak1:focus,
.btn-mc-offpeak1.disabled.focus,
.btn-mc-offpeak1[disabled].focus,
fieldset[disabled] .btn-mc-offpeak1.focus,
.btn-mc-offpeak1.disabled:active,
.btn-mc-offpeak1[disabled]:active,
fieldset[disabled] .btn-mc-offpeak1:active,
.btn-mc-offpeak1.disabled.active,
.btn-mc-offpeak1[disabled].active,
fieldset[disabled] .btn-mc-offpeak1.active {
    background-color: #43668d; /* Navy Blue*/
    background-image: none;
}
/*btn-mc-xxx*/
/*btn-mc-xxx*/
/*btn-mc-xxx*/
.manage-schedule-controller .selectable {
    background: #43668d;
    text-align: center;
    color: #e75a5a;
    font-size: 100%;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.manage-schedule-controller .ns_schedule_table {
    margin: 0px;
    height: 250px;
}

.manage-schedule-controller .selectable:before {
    content: " ";
}

.manage-schedule-controller .selectable.selected {
    background: #43668d !important;
}

.manage-schedule-controller .selectable.selectedD {
    background: #cec132 !important;
}

.manage-schedule-controller .selectable.selectedN {
    background: #43464b !important;
}

.manage-schedule-controller .selectable.selectedW {
    background: #138a72 !important;
}

.manage-schedule-controller .selectable.selectedoverlay {
    background: #43668d !important;
}

.manage-schedule-controller .selectable.selectedDoverlay {
    background: #cec132 !important;
}

.manage-schedule-controller .selectable.selectedNoverlay {
    background: #43464b !important;
}

.manage-schedule-controller .selectable.selectedWoverlay {
    background: #138a72 !important;
}

.ivh-treeview-node-content {
    background: transparent !important;
}

    .ivh-treeview-node-content:hover {
        background-color: #f5f5f5 !important;
    }

*.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
    -ms-user-select: none;
    user-select: none;
}

@font-face {
    font-family: 'digital-dream';
    src: url('../assets/fonts/DIGITALDREAM.ttf');
}

.digital-font {
    font-family: 'digital-dream';
}

.strong-emphasized {
    font-weight: bold;
    font-style: italic;
    color: red;
}

@media (min-width: 768px) {
    .modal-sm {
        width: 320px !important;
    }
}

#simple-scada-map {
    width: 100%;
    height: 100%;
    position: relative;
}

.no-events {
    pointer-events: none;
}

.empty-class-devicelist {
    min-width: 600px;
    max-width: 700px;
    min-height: 260px;
    max-height: 280px;
    opacity: 1 !important;
    overflow-y: scroll;
    overflow-x: hidden;
}

.popover-alert-danger {
    color: #ffffff;
}

    .popover-alert-danger a:hover {
        color: #cccccc;
        text-decoration: none;
    }

.popover-alert-danger {
    background: #e75a5a !important;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
    background-position: 15px center !important;
    background-repeat: no-repeat !important;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    z-index: 9999999;
}

    .popover-alert-danger.top .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #e75a5a;
        border-bottom-width: 0;
    }

.number-circle {
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    padding: 1px;
    background: #fff;
    border: 1px solid #b2b2b2;
    color: #b2b2b2;
    text-align: center;
    font: .9em Arial, sans-serif;
    display: inline-block;
}

.grid-detail > td {
    border: 2px solid transparent !important;
}

    .grid-detail > td:first-child {
        padding-left: 20px !important;
    }

hr.saved-desktops {
    border: 0;
    height: 1px;
    margin: 0 0 15px 0;
}

i.saved-desktop-icon {
    font-size: 35px !important;
    text-shadow: 1px 1px 1px #6a6a6a !important;
}

.new-analog-gauge,
.new-digital-gauge {
    color: #009e73;
    white-space: nowrap;
}

    .new-analog-gauge:after,
    .new-digital-gauge:after {
        content: ' New';
        font-size: smaller;
        font-weight: bold;
    }

.account-user-login .alert {
    font-size: 14px;
    padding: 5px !important;
    margin-bottom: 0 !important;
}

.account-user-login .alert.alert-success {
    background-color: #138a72 !important;
    border-color: #11876f !important;
    color: white !important;
}

.custom-popover3 .popover-content {
    padding-top:0px;
    width: 326px !important;
    margin: 0px -15px;
    padding-bottom: 0px;
}
    
.custom-popover3 {
    max-width: 326px !important;
    font-size: 1em;
    border-top-left-radius: 6px;
    border-top-right-radius: 3.5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-left: -5px;
}

#device-lookup-list{
    position: absolute;
    z-index: -1;
    color: rgb(51, 51, 51);
    font-size: 1em;
    background-color: rgb(250, 250, 250);
    border: 1px solid rgb(221, 221, 221);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    overflow-y: scroll;
    max-height: 400px;
    width: 300px;
    margin-left: -1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid rgba(0,0,0,.2); 
    border-top: 0px;
}
.underline div {
    text-decoration: underline;
}

/*************************** .mission-portal ***********************/
/*************************** .mission-portal ***********************/
/*************************** .mission-portal ***********************/
.mission-portal {
    font-size: 15px;
}

    .mission-portal .heading-h3 {
        width: 100%;
        text-align: center;
        color: white;
        text-shadow: 1px 1px 1px #6a6a6a;
    }

    .mission-portal .horizontal-collapse {
        height: 70px;
    }

    .mission-portal .navbar-collapse.in {
        overflow-y: hidden;
    }

    .mission-portal .navbar-default {
        background-color: #fff;
        border-color: #91a6b5;
    }

        .mission-portal .navbar-default .navbar-brand,
        .mission-portal .navbar-default .navbar-brand:hover {
            color: white;
            font-weight: bold;
        }

        .mission-portal .navbar-default .navbar-nav > li > a {
            color: #222222;
        }

            .mission-portal .navbar-default .navbar-nav > li > a:hover {
                color: black;
            }

        .mission-portal .navbar-default .navbar-toggle .icon-bar {
            background-color: white;
        }

        .mission-portal .navbar-default .navbar-nav > li:hover > a {
            color: black;
        }

    .mission-portal ul .dropdown-menu {
        padding: 0;
        min-width: 180px !important;
    }

        .mission-portal ul .dropdown-menu li {
            padding: 5px 0;
        }
    /*************************** menu on mouse over ***********************/
    .mission-portal .dropdown-menu .sub-menu {
        left: 100%;
        position: absolute;
        top: 0;
        visibility: hidden;
        margin-top: -1px;
    }

    .mission-portal .dropdown-menu li:hover .sub-menu {
        visibility: visible;
    }

    .mission-portal .dropdown:hover .dropdown-menu {
        display: block;
    }

    .mission-portal .dropdown .dropdown-submenu:hover .dropdown-menu {
        display: block;
    }

    .mission-portal .dropdown .dropdown-submenu .dropdown-menu {
        display: none;
    }

        .mission-portal .dropdown .dropdown-submenu .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
            display: block;
        }

        .mission-portal .dropdown .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu {
            display: none;
        }

    .mission-portal .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
        margin-top: 0;
    }
/*************************** menu on mouse over ***********************/


/*************************** .mission-portal ***********************/
/*************************** .mission-portal ***********************/
/*************************** .mission-portal ***********************/

.managed-sites-dropbtn {
    background-color: transparent;
    /*color: white;*/
    padding: 0 3px 0 0;
    margin: 0;
    /*font-size: 16px;*/
    border: none;
    width: 97%;
    text-align: left;
}

.managed-sites-dropdown {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 260px;
}

.managed-sites-dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    max-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    max-height: 300px;
    width: 120%;
    overflow-y: auto;
    padding: 0 !important;
    font-size: smaller !important;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: -5px;
    margin-left: -1px;
    border: 1px solid #d3d3d3;
    border-bottom: 0px solid #d3d3d3;
    font-weight: normal;
    left: 264px;
    top: -15px;
}

    .managed-sites-dropdown-content a {
        color: #222222;
        padding: 8px 12px;
        text-decoration: none;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        display: block;
    }

        .managed-sites-dropdown-content a:hover {
            border-top: 1px solid #d3d3d3;
            border-bottom: 1px solid #d3d3d3;
            background-color: #f9f9f9;
        }

        .managed-sites-dropdown-content a .fa-user {
            height: 30px;
            float: left;
            padding-right: 8px;
        }

/*.dropdown-content a:hover {background-color: #ddd;}*/

.managed-sites-dropdown:hover .managed-sites-dropdown-content, .li_first:hover .managed-sites-dropdown-content {
    display: block;
}

/*.dropdown:hover .dropbtn {background-color: #3e8e41;}*/

/* remove multiple select dropdown icons*/
.vcenter-child select, .alert-cell select, .ui-accordion-content select, .preferences-html select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

/* Update Select width overflow for Edge Browser*/
@supports (-ms-ime-align: auto) {
    select {
        padding-right: 35px;
    }
}

.last-item {
    border-bottom: none !important;
}

.popover-title {
    padding: 8px 6px;
}

/* Help icon css */
.help-icon-button:hover {
    background: #e2eff8;
    color: #212121;
}

.help-icon-button {
    cursor: pointer;
    margin-left: -1px;
    padding: 3px 1px;
}

/* pagination buttons css*/
.pagination {
    display: flex;
    gap: 4px;
    margin: 6px;
    text-align: justify;
    justify-content: center;
}

.pagination button {
    padding: 4px 8px;
    border: 1px solid #e1e3e8;
    background-color: #FFFFFF;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.pagination button:disabled {
    opacity: 0.5;
    cursor: default;
}

.bg-alarm-alert {
    position: relative;
    border-radius: 6px;
}

.bg-alarm-alert::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( #b6554a 0%, #ff9898 35%, #ff9898 72%, #b6554a 100% );
    opacity: 0;
    animation: alarmBlink 1s infinite;
    pointer-events: none;
}

@keyframes alarmBlink {
    0%   { opacity: 0; }
    50%  { opacity: 0.7; }
    100% { opacity: 0; }
}