
/*******************************************************************************
*  AUTO GENERATED - DO NOT EDIT THIS SECTION
*******************************************************************************/


/**
 * Solar Ops Style Reference Stylesheet
 * For a consistent look and feel across Solar Ops platforms.
 */

/** Variable Definitions */
  
 :root {
     /* colors */
    --sos-white: #ffffff;
    --sos-light-gray: #b3b3b3;
    --sos-green: #00b176;
    --sos-red: #e71702;
    --sos-blue: #1e8bf7;
    --sos-light-blue: #00f6fe;
    --sos-orange: #f78a1e;
    --sos-yellow: #ffc719;
    --sos-onyx: #353841;
    --sos-dark-navy: #1b1f22;
    --sos-alarm-blue: #0f87dc;

    /* Aquity Color */
    --acuity-orange: #F78A1E;
    --acuity-green: #00B176;
    --acuity-dark-grey: #262626;
    --acuity-black: #000;
    --acuity-light-grey: #B3B3B3;
    --acuity-dark-red: #D43420;
    --acuity-light-red: #E1523E;
    --acuity-yellow: #FFC719;
    --acuity-light-blue: #4DC2DF;
    --acuity-dark-blue: #0F87DC;
    --acuity-purple: #7566A0;

    /* content */
    --sos-page-bg: var(--sos-dark-navy);
    --sos-header-bg: var(--sos-dark-navy);

    --sos-canvas-default: var(--sos-onyx);
}

/** Page Styles */

.sos-body {
    background-color: var(--sos-page-bg);
}

.sos-header {
    background-color: var(--sos-header-bg);
}

.sos-content {
    background-color: var(--sos-canvas-default);
}


/** SVG Sprite Icon Defaults */

.mypv-icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

.mypv-icon-rem {
    width: 1rem;
    height: 1rem;
    vertical-align: -0.125rem;
}

/** Custom FontAwesome Icons */

.sos-action-add {
    color: var(--sos-green);
}

.sos-action-collapse-up {
    color: var(--sos-light-gray);
}

.sos-action-delete {
    color: var(--sos-red);
}

.sos-action-download {
    color: var(--sos-blue);
}

.sos-action-dropdown-menu {
    color: var(--sos-blue);
}

.sos-action-edit {
    color: var(--sos-orange);
}

.sos-action-expand-down {
    color: var(--sos-light-gray);
}

.sos-action-save {
    color: var(--sos-light-blue);
}

.sos-action-search {
    color: var(--sos-blue);
}

.sos-action-portal {
    color: var(--sos-orange);
}

.sos-display-lightbulb {
    color: var(--sos-white);
}

.sos-display-user {
    color: var(--sos-white);
}

/* sos-status-alarm has 3 different states: notice, warning and critical */
.sos-status-alarm {
    color: var(--sos-alarm-blue);
}
.sos-status-alarm.sos-notice {
    color: var(--sos-alarm-blue);
}
.sos-status-alarm.sos-warning {
    color: var(--sos-yellow);
}
.sos-status-alarm.sos-critical {
    color: var(--sos-red);
}

.sos-status-auto-mode {
    color: var(--sos-green);
}

.sos-status-bad {
    color: var(--sos-red);
}

/* sos-status-clock has 3 different states: normal, warning and critical */
.sos-status-clock {
    color: var(--sos-green);
}
.sos-status-clock.sos-normal {
    color: var(--sos-green);
}
.sos-status-clock.sos-warning {
    color: var(--sos-yellow);
}
.sos-status-clock.sos-critical {
    color: var(--sos-red);
}

.sos-status-good {
    color: var(--sos-green);
}

.sos-status-idle {
  color: var(--sos-blue);
}

.sos-status-not-available {
    color: var(--sos-light-gray);
}

.sos-status-recloser-closed {
    color: var(--sos-red);
}

.sos-status-recloser-open {
    color: var(--sos-green);
}

.sos-status-repair-service-mode {
    color: var(--sos-yellow);
}

/* sos-status-warning has 2 different states: normal and critical */
.sos-status-warning {
    color: var(--sos-yellow);
}
.sos-status-warning.sos-normal {
    color: var(--sos-yellow);
}
.sos-status-warning.sos-critical {
    color: var(--sos-red);
}

.sos-view-information {
    color: var(--sos-white);
}

.sos-view-map-location {
    color: var(--sos-light-gray);
}

.sos-view-map-location-fill {
    color: var(--sos-light-gray);
}

.sos-view-new-window {
    color: var(--sos-light-gray);
}

.sos-view-performance-badges {
    color: var(--sos-light-gray);
}

.sos-view-performance-badges-fill {
    color: var(--sos-light-gray);
}

.sos-view-performance-chart {
    color: var(--sos-light-gray);
}

.sos-view-performance-chart-fill {
    color: var(--sos-light-gray);
}

/*******************************************************************************
*  DO NOT EDIT ABOVE THIS COMMENT BLOCK
*******************************************************************************/


/* kavya code changes -- start -- */

.icon-image{ margin-right: 30px;

}


.icon-name{
    color: #7f7f7f;
    font-size: 12px;
}

.not-available-icon{
    color: #a0b9b9;
    padding-left: 10px;
}

.warning-icon{
    color: #eecf1e;
    padding-left: 10px;
}

.alarm-icon{
    color: #df3e21;
    padding-left: 10px;
}

.bad-icon{
    color: #df3e21;
    padding-left: 10px;
}

.ok-icon{
    color: #00b176;
    padding-left: 10px;
}

/* kavya code changes -- end -- */