/**
 * This file is part of YourDLT Wallet Plugins shared under LGPL-3.0
 * Copyright (C) 2021 Using Blockchain Ltd, Reg No.: 12658136, United Kingdom
 *
 * @package     YourDLT Wallet Plugins
 * @subpackage  @yourdlt/plugin-dummy
 * @author      Gr√©gory Saive for Using Blockchain Ltd <greg@ubc.digital>
 * @license     LGPL-3.0
 */
@import "../../theme.less";

.yourdlt-plugin-dummy-container {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: @white;
  display: grid;
  grid-template-columns: 11rem auto;
  grid-column-gap: 0.3rem;
  grid-template-rows: 100%;

  .title {
    margin: 0.2rem;
    margin-top: 0.29rem;
    display: flex;
    justify-content: space-between;

    .title_txt {
      font-size: @biggerFont;
      line-height: 33px;
      color: @primary;
    }
  }

  .dashboard-left-container {
    display: grid;
    grid-template-rows: 1rem 7rem;
    grid-row-gap: 0.3rem;

    .content-wrapper {
      height: 100%;
      flex: 1;
      margin-left: 15px;

      ul {
        margin-left: 15px;

        li {
          margin-bottom: 5px;
        }
      }
    }
  }

  .dashboard-right-container {
    height: 100%;
    min-width: 4.2rem;
    background-color: @white;
    border-radius: @borderRadius;
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    position: relative;

    p {
      font-size: @biggerFont;
      font-family: @themeFont;
      text-align: justify;
      margin-bottom: .2rem;
    }
  }
}

.mt-15 {
  margin-top: 15px;
}
