.toolbar-side{
    top: 0;
    position: relative;
    z-index: 1000;
    width: 100%;
    padding: 5px 0px;
    background: #3d337f;
}
input.input-top {
    width: 100%;
    border:1px solid rgb(0,155,255);
    font-size: 14px;
    background-color: white;
    /*background-position: 10px 10px;*/
    /*background-repeat: no-repeat;*/
    direction: ltr;
    padding: 0 3px;
}
.activeInput{
    animation: grow-top linear 0.5s forwards;
    padding: 0 15px;
}
.disInput{
    animation: grow-left linear 0.7s forwards ;
}
@keyframes grow-left {
    from {
        transform: scaleX(1);
        opacity: 0;
    }
    to {
        transform: scaleX(0);
        opacity: 1;
    }
}
@keyframes grow-top {
    from {
        transform: scaleY(0);
        opacity: 0;
    }
    to {
        transform: scaleY(1);
        opacity: 1;
    }
}
input::-webkit-input-placeholder {
    color: #000;
}
.image-sort{
    width: 20px;
    height: 20px;
}
/*.sideNav .toolbar-side button .material-icons:hover{
    color:rgb(146,173,31) !important;
}*/
.sideNav .toolbar-side .btn-new .material-icons:hover{
    color: red !important;
}
/*.sideNav .toolbar-side button .material-icons.active{
    color: #a2cc1e !important;

}*/

.sideNav .toolbar-side .closeMenu{
    width: 12px;
    height: 46px;
    background-color: #8686864f;
    position: absolute;
    float: left;
    left: 0;
    top: 0;
    direction: ltr;
    z-index: 100;
    cursor: pointer;
}
.sideNav .toolbar-side .closeMenu .closeIcon{
    font-size: 18;
    align-items: center;
    vertical-align: middle;
    margin-top: 22px;
    margin-left: -3px;
    color: #fff;
}
.color-btn{
    color: rgb(255, 255, 255);
}
.btn-new{
    border: 1px solid rgb(0,155,255);
    border-radius: 0 !important;
    margin: 0 !important;
    border-left: none;
    background: #ffff;
    min-height: 30px !important;
    height: 30px !important;
    padding: 14px 5px !important;
}

.highcharts-credits{
    display: none !important;
}

.ecuShowInfoPane{
    width: 100%;
    height: 100%;
    direction: ltr;
}

.gridBoxItem{
    border: 1px #4527A0 solid !important;
}
.gridBoxItem md-grid-tile-footer{
    background: #4527A0 !important;
}

.heightFillContent{
    height: -moz-available;          /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    height: fill-available;
}

.ecuMainTitle {
    color: #ffffff;
    padding: 5px;
    font-size: 14px;
    background-color: #4527A0;
}
.ecuData_1 {
    color: black;
    padding: 5px;
    font-size: 14px;
    background-color: #4caf50;
    direction: ltr;
}
.ecuData_2 {
    color: black;
    padding: 5px;
    font-size: 14px;
    background-color: #66bb6a;
    direction: ltr;
}