.monitor{
    position: relative;
    display: block;
    width:100% ;
    max-width: 1300px;
    margin-left: 50%; 
    transform: translateX(-50%);
   // background: $c-w;
    
    border: 2px solid $c-divider;/**************************************/

    & .bar{
       position: relative;
       display: inline-block;
       width:100%;   
       height: 56px; 
       padding-left: 16px;
       background-color: $c-w;
       margin-bottom: 8px;

       @include flex-justify;
       @include bs-4;

       //border: 1px solid blue;/**************************************/

      & > label {
          position: relative;
          float: left;
          margin-right: auto; //need it
          margin-left: 0px;

          @include font(h6, $c-b); //font
          @include selectNo;      

      }

   }/*bar*/

    & .unit {
      position: relative;
      float: right;
      height: 48px;
       width: 150px;
      padding-left: 8px;
      padding-right: 8px;
    
      @include flex-justify;
      //border: 0.5px solid blue;               //←←←←←←←←←←←←←←←←←←←← 



      &::before{
        position: absolute;
        content: '';
        bottom: 0px;
        left: 0px;

        width: 100%;
        height: 4px;
        transform: scaleX(0);
        transform-origin: center;

        background-color:$c-p;
        opacity: 0.36;
       // @include transition(0.250s, stan)
      } 



      & .icon{

         position: relative;
         float: right;
         height: 48px;
         width: 48px;

         //@include interaction-white;
         @include back-visivility;
         @include centerFlexColum;
         @include selectNo;

        //  border: 0.5px solid blue;               //←←←←←←←←←←←←←←←←←←←← 

          & svg{
            height: 24px;
            width:  24px;
            fill: $c-b;
            opacity: 0.54;
            transform: rotate(0deg);
           // @include transition(0.500s, stan)
            @include selectNo;
          }

          & span{
            position: absolute;
            display: inline-block;
            top: -2px;
            left:-12px;
            width:  24px;
            height: 24px;
            padding: 4px;
            border-radius: 50%;
            //@include selectNo;
            @include selectNo;
            @include font(caption, $c-w); //font
            background-color: $c-b;
            text-align: center;

            font-weight: 500;
            border: 1px solid $c-w;               //←←←←←←←←←←←←←←←←←←←← 

          }

      }/*icon*/

      & > label {
          position: relative;
          float: left;
          margin-right: auto; //need it
          min-width: 48px;
          
          overflow:hidden;
          white-space: nowrap; 
          text-overflow: ellipsis;

          @include font(caption, $c-b); //font
          @include selectNo;     


          //border: 0.5px solid blue;               //←←←←←←←←←←←←←←←←←←←←  
      }/*labell*/

    }/*div*/



}/*monitor*/