/*
* to be review 
*/

.h-100{
  height:100%;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

.console__page {
  min-height: 100vh;
  overflow-y:auto;
  overflow-x: hidden;

   &--hidden{
      overflow-y:hidden;
   }

   &__header {
  	 background-color:@header-bg;
  	 display: flex;
     align-items: center;
     border-bottom: 1px solid rgba(0,40,86,0.1);
     font-size: 15px;

  }

  &__title{
    padding: 20px;

    &--fbig{
      fontSize: 20px;
    }   
  }

  &__box{
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: space-between; */
    border: 1px solid #ccc;

  }

  &__container{
    min-height: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px;

    &--width{
      margin-right: auto;
      margin-left: auto;

      @media (min-width: 576px){
        max-width: inherit;
      }

      @media (min-width: 992px){
         max-width: 960px;
      }   

      @media (min-width: 1200px){
        max-width: 1440px;
      }
    }
    
  }

  
  &__footer{
  	min-height: 50px;
  	display: flex;
    flex-direction: column-reverse;
    background-color:@footer-bg;
  }
}