@import "../../styles/variables.less";

.user-home {
  height:100vmax;
  overflow-y:auto;

  .btn-primary{
    background-color:#7DAC3C;
    color:white;
  }

  .left-panel{

    overflow:hidden;
    ul {
      margin: 20px;
      padding: 0;
    }

    .features{
      padding-left: 30px;
    }
    .footer{
      position: fixed;
      bottom: 0;
      width: 100%;
      /* Set the fixed height of the footer here */
      height: 60px;
      padding-left: 30px;

      .fine-print{
      }
    }

    .logo{
      height:100px;
      margin-top:20px;
      min-width:320px;

      img:first-child {
        width:150px;
      }

      img:last-child {
        margin-top:20px;
      }

      img {
        float:left;
        display:inline-block;
        vertical-align: middle;
      }
    }
  }

  .right-panel{
    overflow-y:auto;
    background-color:#F7F7F7;


    .header-panel{
      padding:20px;
      height:50px;
    }

    .user-panel{
      margin-top:40px;
      padding:20px;
    }

    .user-items-panel{
      padding:20px;
    }
  }

  @media only screen and (max-width: 480px) {
     .left-panel {
        display: none;
     }
  }

}
