MINI Sh3ll

.navbar-brand img {   
    height: 1.8rem;
}

.tp-navbar-nav-link {
	padding: .450rem .450rem;	
}

.disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.tp-navbar-dark {
    background-color: #111633 /*#111a25*/;
}

.tp-secondary-navbar {
	background-color: #008278;
	color: #fff;
}

.tp-secondary-navbar .navbar-nav-link {
    color: rgba(255,255,255,1);
}

.w-33 {
    width: 33.33%;
}
.m-hieght {
    min-height: 65px;
}
.tp-secondary-navbar .navbar-nav-link:focus, 
.tp-secondary-navbar .navbar-nav-link:hover, 
.tp-secondary-navbar .navbar-nav-link:active, 
.tp-secondary-navbar  .navbar-nav-link.active{
    color: #fff;
    background-color: #19b3a7;
    box-shadow: 2px 0px 10px -1px rgba(0, 0, 0, 0.2), -2px 0 10px -1px rgba(0, 0, 0, 0.2)
}

.multiselect {
    padding: .5rem 1.6rem;
}

.multiselect:after {
   padding-right: 4px; 
}
.multiselect.btn-light:hover {
    border-top-color: #ccc;
}
.multiselect.btn-light:focus {
    border: 1px solid #ccc;
     border-top: 1px solid #ccc;
}

[data-action=remove]:after {
    content: unset;
    font-size: .8125rem;
}

.multiselect.btn-light {
    background-color: transparent;
    /* border-width: 1px 0; */
    /* border-color: #ddd; */
    /* border-top-color: transparent; */
     border-radius: 4px;
    border: 1px solid #ccc;
    /* padding: 8px; */
    padding-left: 7px;
}

.btn-group.show .multiselect.btn-light {
    border: 1px solid #ccc;
}


.tp-input-group-prepend {
    border: 1px solid #ddd;
    margin-right: 0px;
    border-right: 0;
    padding: 0px 10px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.nav-tabs-bottom .nav-link.active:before {
    background-color: #009688;
}

.rounded-8 {
	border-radius: 8px;
}
/*box shadow over ride*/
/*.card {
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .6);
    border-radius: 8px;
    border-radius: .5875rem;
}*/
.card-header {
        padding: .5375rem 1.25rem;
}

.card-reveal {
    position: absolute;
    z-index: 3;
    top: 114%;
    opacity: 0.95;
    left: 0;
    display: none;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 24px;
    background-color: #fff;
}

.rounded-bottom-1 {
    border-bottom-right-radius: .1875rem!important;
    border-bottom-left-radius: .1875rem!important;
}

.table-xxs td, .table-xxs th { padding: .4rem 1rem; }

.display-5 {
    font-size: 2.5rem;
}

.scroll-y {
    overflow-y: auto;
}

 .tp-btn-outline:not(:hover):not(:active):not(.active):not([aria-expanded=true]) {
    background-color: #fff !important;
} 

.popover {
    background-color: #000;
    opacity:  0.9;
    color: #fff;
 }
.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after {
    border-left-color: #000;
 }
.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after {
    border-right-color: #000;
 }
.popover-body {
    color:#fff;
 } 

 /*cluster table*/
 .cl-nodes thead th{
        border-bottom: 0px;
    }


    .m-node{
        border-left: 12px solid #008278;
    }
    .m-node-bg {
        background-color: #66bb6a;
    }
    .md-node{
        border-left-color:  #008278;
    }
    .md-node-bg {
        background-color: #42a5f5;
    }

    .md-node .btn {
        background: #42a5f5;
        color:#fff;
    }
    .d-node {
        border-left: 12px solid #ffa726;
    }
    .d-node-bg {
        background-color: #ffa726;
    }

    .d-node .btn {
        background: #ffa726;
        color:#fff;
    }
    .cl-nodes .s-m-node td{
        background-color: #e0f2f1;
        border-top: 1px solid #008278; 
        border-bottom: 1px solid #008278;

    }
.tp-icon .btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn):hover {
    box-shadow: none;
}
    
@media only screen and (max-width:575px) {
            .card .card-header .card-header-right {
                display: none
            }
        }
        .card .card-header .card-header-right {
            right: 10px;
            top: 13px;
            display: inline-block;
            float: right;
            padding: 7px 0;
            position: absolute;
        }

        .card .card-header .card-header-right i {
            margin: 0 0px;
            cursor: pointer;
            ffont-size: 12px;
            sscolor: #8c8c8c;
            lline-height: 2
        }
            .card .card-header .card-header-right .card-option {
            width: 22px;
            height: 20px;
            overflow: hidden;
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
            text-align: right;
        }

        .card .card-header .card-header-right .card-option li {
            display: inline-block
        }

/*.odd {
        background-color: #f7f7f7;
 }  

 .table-hover tbody tr.alpha-danger:hover{
    background-color: #ffb0bc;
 }*/
/*.card-header {
	 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
	 margin-bottom: 15px;
}*/
/*for secondary nav bar
backgruoud color = #008278,
hover state = #19b3a7,

.tp-secondary-navbar {
	background-color: #19b3a7;
}
*/
/*a.text-default:focus, 
a.text-default:hover,
a.text-default.active {
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.24);
	box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.24);
	transition: box-shadow .5s;
}*/

.bg-transeperent {
    background-color: transparent;
}

a.t-hover:focus, 
a.t-hover:hover,
a.t-hover.active {
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.24);
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.24);
    transition: box-shadow .5s;
}

.box-shadow-1 {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.13);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.13);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.13);
}

.select2-selection--single {
    border: 1px solid #ddd;
    padding: .5rem;
    border-radius: 4px;

}

.uniform-select  {
    border: 1px solid #ddd;
    padding: .5rem;
    border-radius: 4px;
    min-height: 38px;
}

.select2-selection--single .select2-selection__arrow:after {
    right: 10px;
}

.form-control {
    border-width: 1px;
    border-top-color: #dddddd!important;
    padding: .5rem;
    border-radius: 4px;
}
label {
    font-weight: 500;
    color: #424242;
}

.select2-selection--multiple {
    border: 1px solid #ddd;
    padding: 0 .50rem;
    border-radius: 4px;
}

.select2-selection--multiple .select2-selection__choice {
    margin-top: .40rem;
    padding: .2rem .5rem;
}


.tp-switchery .switchery {
    height: .6rem ;
}

.tp-switchery .switchery>small {
    top: -5px;
}


.cursor-default {
    cursor: default !important;
}

/*
#  NVD3
#
#
#*/
    /* nvd3 version 1.8.6-dev (https://github.com/novus/nvd3) 2018-02-24 */
    .nvd3 .nv-axis {
        pointer-events:none;
        opacity: 1;
    }

    .nvd3 .nv-axis path {
        fill: none;
        stroke: #8e8e8e;
        stroke-opacity: .75;
        shape-rendering: crispEdges;
    }

    .nvd3 .nv-axis path.domain {
        stroke-opacity: .75;
    }

    .nvd3 .nv-axis.nv-x path.domain {
        stroke-opacity: 0;
    }

    .nvd3 .nv-axis line {
        fill: none;
        stroke: #f1f1f1;
        shape-rendering: crispEdges;
    }

    .nvd3 .nv-axis .zero line,
        /*this selector may not be necessary*/ .nvd3 .nv-axis line.zero {
        stroke-opacity: .75;
    }

    .nvd3 .nv-axis .nv-axisMaxMin text {
        font-weight: bold;
        opacity: 1;

    }    


    .nvd3 .x  .nv-axis .nv-axisMaxMin text,
    .nvd3 .x2 .nv-axis .nv-axisMaxMin text,
    .nvd3 .x3 .nv-axis .nv-axisMaxMin text {
        text-anchor: middle;
    }

    .nvd3 .nv-axis.nv-disabled {
        opacity: 0;
    }

    .nvd3 .nv-bars rect {
       /* fill-opacity: .75;*/

        transition: fill-opacity 250ms linear;
    }

    .nvd3 .nv-bars rect.hover {
        fill-opacity: 1;
    }

    .nvd3 .nv-bars .hover rect {
        fill: lightblue;
    }

    .nvd3 .nv-bars text {
        fill: rgba(0,0,0,0);
    }

    .nvd3 .nv-bars .hover text {
        fill: rgba(0,0,0,1);
    }

    .nvd3 .nv-multibar .nv-groups rect,
    .nvd3 .nv-multibarHorizontal .nv-groups rect,
    .nvd3 .nv-discretebar .nv-groups rect {
        stroke-opacity: 0;
        fill-opacity: 1;   /*added by tp*/
        transition: fill-opacity 250ms linear;
    }

    .nvd3 .nv-multibar .nv-groups rect:hover,
    .nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
    .nvd3 .nv-candlestickBar .nv-ticks rect:hover,
    .nvd3 .nv-discretebar .nv-groups rect:hover {
        fill-opacity: .6;
    }

    .nvd3 .nv-discretebar .nv-groups text,
    .nvd3 .nv-multibarHorizontal .nv-groups text {
        font-weight: bold;
        fill: rgba(0,0,0,1);
        stroke: rgba(0,0,0,0);
    }

    /* boxplot CSS */
    .nvd3 .nv-boxplot circle {
      fill-opacity: 0.5;
    }

    .nvd3 .nv-boxplot circle:hover {
      fill-opacity: 1;
    }

    .nvd3 .nv-boxplot rect:hover {
      fill-opacity: 1;
    }

    .nvd3 line.nv-boxplot-median {
      stroke: black;
    }

    .nv-boxplot-tick:hover {
      stroke-width: 2.5px;
    }
    /* bullet */
    .nvd3.nv-bullet { font: 10px sans-serif; }
    .nvd3.nv-bullet .nv-measure { fill-opacity: .8; }
    .nvd3.nv-bullet .nv-measure:hover { fill-opacity: 1; }
    .nvd3.nv-bullet .nv-marker { stroke: #000; stroke-width: 2px; }
    .nvd3.nv-bullet .nv-markerTriangle { stroke: #000; fill: #fff; stroke-width: 1.5px; }
    .nvd3.nv-bullet .nv-markerLine { stroke: #000; stroke-width: 1.5px; }
    .nvd3.nv-bullet .nv-tick line { stroke: #666; stroke-width: .5px; }
    .nvd3.nv-bullet .nv-range.nv-s0 { fill: #eee; }
    .nvd3.nv-bullet .nv-range.nv-s1 { fill: #ddd; }
    .nvd3.nv-bullet .nv-range.nv-s2 { fill: #ccc; }
    .nvd3.nv-bullet .nv-title { font-size: 14px; font-weight: bold; }
    .nvd3.nv-bullet .nv-subtitle { fill: #999; }

    .nvd3.nv-bullet .nv-range {
        fill: #bababa;
        fill-opacity: .4;
    }

    .nvd3.nv-bullet .nv-range:hover {
        fill-opacity: .7;
    }

    .nvd3.nv-candlestickBar .nv-ticks .nv-tick {
        stroke-width: 1px;
    }

    .nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover {
        stroke-width: 2px;
    }

    .nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect {
        stroke: #2ca02c;
        fill: #2ca02c;
    }

    .nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect {
        stroke: #d62728;
        fill: #d62728;
    }

    .with-transitions .nv-candlestickBar .nv-ticks .nv-tick {
        transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
    }

    .nvd3.nv-candlestickBar .nv-ticks line {
        stroke: #333;
    }

    .nv-force-node {
        stroke: #fff;
        stroke-width: 1.5px;
    }

    .nv-force-link {
        stroke: #999;
        stroke-opacity: .6;
    }

    .nv-force-node text {
        stroke-width: 0px;
    }

    .nvd3 .nv-legend .nv-disabled rect {
        /*fill-opacity: 0;*/
    }

    .nvd3 .nv-check-box .nv-box {
        fill-opacity:0;
        stroke-width:2;
    }

    .nvd3 .nv-check-box .nv-check {
        fill-opacity:0;
        stroke-width:4;
    }

    .nvd3 .nv-series.nv-disabled .nv-check-box .nv-check {
        fill-opacity:0;
        stroke-opacity:0;
    }

    .nvd3 .nv-controlsWrap .nv-legend .nv-check-box .nv-check {
        opacity: 0;
    }

    /* line plus bar */
    .nvd3.nv-linePlusBar .nv-bar rect {
        fill-opacity: .75;
    }

    .nvd3.nv-linePlusBar .nv-bar rect:hover {
        fill-opacity: 1;
    }
    .nvd3 .nv-groups path.nv-line {
        fill: none;
    }

    .nvd3 .nv-groups path.nv-area {
        stroke: none;
    }

    .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
        fill-opacity: 0;
        stroke-opacity: 0;
    }

    .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
        fill-opacity: .5 !important;
        stroke-opacity: .5 !important;
    }


    .with-transitions .nvd3 .nv-groups .nv-point {
        transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
    }

    .nvd3.nv-scatter .nv-groups .nv-point.hover,
    .nvd3 .nv-groups .nv-point.hover {
        stroke-width: 7px;
        fill-opacity: .95 !important;
        stroke-opacity: .95 !important;
    }


    .nvd3 .nv-point-paths path {
        stroke: #aaa;
        stroke-opacity: 0;
        fill: #eee;
        fill-opacity: 0;
    }


    .nvd3 .nv-indexLine {
        cursor: ew-resize;
    }

    /********************
     * SVG CSS
     */

    /********************
      Default CSS for an svg element nvd3 used
    */
    svg.nvd3-svg {
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        display: block;
        width:100%;
        height:100%;
    }

    /********************
      Box shadow and border radius styling
    */
    .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {
        box-shadow: 0 5px 10px rgba(0,0,0,.2);
        border-radius: 5px;
    }


    .nvd3 text {
        font: normal 12px Roboto, Arial, sans-serif;
        opacity: 0.6
    }
    .nvd3 .nv-axis .nv-axisMaxMin text {
        opacity: 0.8;
        
    }

    .nvd3 .title {
        font: bold 14px Arial, sans-serif;
    }

    .nvd3 .nv-background {
        fill: white;
        fill-opacity: 0;
    }

    .nvd3.nv-noData {
        font-size: 18px;
        font-weight: bold;
    }


    /**********
    *  Brush
    */

    .nv-brush .extent {
        fill-opacity: .125;
        shape-rendering: crispEdges;
    }

    .nv-brush .resize path {
        fill: #eee;
        stroke: #666;
    }


    /**********
    *  Legend
    */

    .nvd3 .nv-legend .nv-series {
        cursor: pointer;
    }

    .nvd3 .nv-legend .nv-disabled circle {
        fill-opacity: 0;
    }

    /* focus */
    .nvd3 .nv-brush .extent {
        fill-opacity: 0 !important;
    }

    .nvd3 .nv-brushBackground rect {
        stroke: #000;
        stroke-width: .4;
        fill: #fff;
        fill-opacity: .7;
    }

    /**********
    *  Print
    */

    @media print {
        .nvd3 text {
            stroke-width: 0;
            fill-opacity: 1;
        }
    }

    .nvd3.nv-ohlcBar .nv-ticks .nv-tick {
        stroke-width: 1px;
    }

    .nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
        stroke-width: 2px;
    }

    .nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
        stroke: #2ca02c;
    }

    .nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
        stroke: #d62728;
    }


    .nvd3 .background path {
        fill: none;
        stroke: #EEE;
        stroke-opacity: .4;
        shape-rendering: crispEdges;
    }

    .nvd3 .foreground path {
        fill: none;
        stroke-opacity: .7;
    }

    .nvd3 .nv-parallelCoordinates-brush .extent {
        fill: #fff;
        fill-opacity: .6;
        stroke: gray;
        shape-rendering: crispEdges;
    }

    .nvd3 .nv-parallelCoordinates .hover  {
        fill-opacity: 1;
        stroke-width: 3px;
    }


    .nvd3 .missingValuesline line {
      fill: none;
      stroke: black;
      stroke-width: 1;
      stroke-opacity: 1;
      stroke-dasharray: 5, 5;
    }

    .nvd3.nv-pie path {
        stroke-opacity: 0;
        transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
    }

    .nvd3.nv-pie .nv-pie-title {
        font-size: 24px;
        fill: rgba(0,0,0,1) !important; 
        font-weight: bold;
    }

    .nvd3.nv-pie .nv-slice text {
        stroke: #000;
        stroke-width: 0;
    }

    .nvd3.nv-pie path {
        stroke: #fff;
        stroke-width: 1px;
        stroke-opacity: 1;
    }

    .nvd3.nv-pie path {
        fill-opacity: 1;  /*fill-opacity: .7;*/
    }

    .nvd3.nv-pie .hover path {
        fill-opacity: .6; /*fill-opacity: 1;*/
    }

    .nvd3.nv-pie .nv-label {
        pointer-events: none;
    }

    .nvd3.nv-pie .nv-label rect {
        fill-opacity: 0;
        stroke-opacity: 0;
    }

    /* scatter */
    .nvd3 .nv-groups .nv-point.hover {
        stroke-width: 20px;
        stroke-opacity: .5;
    }

    .nvd3 .nv-scatter .nv-point.hover {
        fill-opacity: 1;
    }

    .nv-noninteractive {
        pointer-events: none;
    }

    .nv-distx, .nv-disty {
        pointer-events: none;
    }

    /* sparkline */
    .nvd3.nv-sparkline path {
        fill: none;
    }

    .nvd3.nv-sparklineplus g.nv-hoverValue {
        pointer-events: none;
    }

    .nvd3.nv-sparklineplus .nv-hoverValue line {
        stroke: #333;
        stroke-width: 1.5px;
    }

    .nvd3.nv-sparklineplus,
    .nvd3.nv-sparklineplus g {
        pointer-events: all;
    }

    .nvd3 .nv-hoverArea {
        fill-opacity: 0;
        stroke-opacity: 0;
    }

    .nvd3.nv-sparklineplus .nv-xValue,
    .nvd3.nv-sparklineplus .nv-yValue {
        stroke-width: 0;
        font-size: .9em;
        font-weight: normal;
    }

    .nvd3.nv-sparklineplus .nv-yValue {
        stroke: #f66;
    }

    .nvd3.nv-sparklineplus .nv-maxValue {
        stroke: #2ca02c;
        fill: #2ca02c;
    }

    .nvd3.nv-sparklineplus .nv-minValue {
        stroke: #d62728;
        fill: #d62728;
    }

    .nvd3.nv-sparklineplus .nv-currentValue {
        font-weight: bold;
        font-size: 1.1em;
    }
    /* stacked area */
    .nvd3.nv-stackedarea path.nv-area {
        fill-opacity: .7;
        stroke-opacity: 0;
        transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
    }

    .nvd3.nv-stackedarea path.nv-area.hover {
        fill-opacity: .9;
    }


    .nvd3.nv-stackedarea .nv-groups .nv-point {
        stroke-opacity: 0;
        fill-opacity: 0;
    }

    .nvtooltip {
        position: absolute;
        background-color: rgba(255,255,255,1.0);
        color: rgba(0,0,0,1.0);
        padding: 1px;
        border: 1px solid rgba(0,0,0,.2);
        z-index: 10000;
        display: block;

        font-family: Arial, sans-serif;
        font-size: 13px;
        text-align: left;
        pointer-events: none;

        white-space: nowrap;

        -webkit-user-select: none;

           -moz-user-select: none;

            -ms-user-select: none;

                user-select: none;
    }

    .nvtooltip {
        background: rgba(255,255,255, 0.8);
        border: 1px solid rgba(0,0,0,0.5);
        border-radius: 4px;
    }

    /*Give tooltips that old fade in transition by
        putting a "with-transitions" class on the container div.
    */
    .nvtooltip.with-transitions, .with-transitions .nvtooltip {
        transition: opacity 50ms linear;

        transition-delay: 200ms;
    }

    .nvtooltip.x-nvtooltip,
    .nvtooltip.y-nvtooltip {
        padding: 8px;
    }

    .nvtooltip h3 {
        margin: 0;
        padding: 4px 14px;
        line-height: 18px;
        font-weight: normal;
        background-color: rgba(247,247,247,0.75);
        color: rgba(0,0,0,1.0);
        text-align: center;

        border-bottom: 1px solid #ebebeb;

        border-radius: 5px 5px 0 0;
    }

    .nvtooltip p {
        margin: 0;
        padding: 5px 14px;
        text-align: center;
    }

    .nvtooltip span {
        display: inline-block;
        margin: 2px 0;
    }

    .nvtooltip table {
        margin: 6px;
        border-spacing:0;
    }


    .nvtooltip table td {
        padding: 2px 9px 2px 0;
        vertical-align: middle;
    }

    .nvtooltip table td.key {
        font-weight: normal;
    }

    .nvtooltip table td.key.total {
        font-weight: bold;
    }

    .nvtooltip table td.value {
        text-align: right;
        font-weight: bold;
    }

    .nvtooltip table td.percent {
        color: darkgray;
    }

    .nvtooltip table tr.highlight td {
        padding: 1px 9px 1px 0;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-top-width: 1px;
    }

    .nvtooltip table td.legend-color-guide div {
        width: 8px;
        height: 8px;
        vertical-align: middle;
    }

    .nvtooltip table td.legend-color-guide div {
        width: 12px;
        height: 12px;
        border: 1px solid #999;
    }

    .nvtooltip .footer {
        padding: 3px;
        text-align: center;
    }

    .nvtooltip-pending-removal {
        pointer-events: none;
        display: none;
    }


    /****
    Interactive Layer
    */
    .nvd3 .nv-interactiveGuideLine {
        pointer-events:none;
    }

    .nvd3 line.nv-guideline {
        stroke: #ccc;
    }


#show-hide-secret-key-eye{
    position: absolute;
    right: 17px;
    top: 38px;
    text-align: center;
}

.p-0{
    padding: 0px;
}


/* Treepy widgets color for dashboard top widgets*/

.bg-tp-teal-light {
    background-color: #19d3c5; 

}

.bg-tp-teal-dark {
    background-color: #008278;
}

.bg-tp-light-blue {
    background-color: #26c6da;
}

.bg-tp-yellow {
    background-color: #ffcc80;
}

.bg-tp-red {
    background-color: #ef5350;
}

.bg-tp-purple {
     background-color: #5c6bc0;
}

/*Below classes used for qa.treepye.com*/
.success {background-color: #19D3C5; color:#fff;}
.danger {background-color: #EF5350; color:#fff;}
.warning {background-color: #FFCC80; color:#fff;}
.indigo {background-color: #5C6BC0; color:#fff;}
.primary {background-color: #26C6DA; color:#fff;}
.teal {background-color: #008278; color:#fff;}
/*EOD - Below classes used for qa.treepye.com*/