@import 'gianism_variables';
@import 'lsf_variables';

.wpg-message-header{
  i{
    font-size: 1.2em;
  }
}

.wpg-message-message{

}

.wpg-connect-header,
.wpg-message-header{
  i{
    font-size: 1.2em;
  }
}

.wpg-connect-table{
  .description{
    .lsf{
      font-size: 2em;
    }
    &.desc-diconnected{
      .lsf{
        color: $disabled;
      }
    }
    &.desc-connected{
      .lsf{
        color: $success;
      }
    }
  }
 th{
     font-size: 1.6em;
 }
}

.wpg-notice{
  position: relative;
  font-size: 1.1em;
  padding: 0 0.75em 0 50px;
  min-height: 30px;
  border-left: 4px solid $notice-color;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
  li{
    list-style: disc inside;
    padding: 0.75em 0;
    margin: 0;
  }
  &::before{
    font-family: LigatureSymbols;
    color: $notice-color;
    content: $lsf-info;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    line-height: 1;
    font-size: 30px;
  }
}