@CHARSET "UTF-8";

@media (max-height: 420px) {
   .login-page {
      padding: 10px;
      height: auto;
      min-height: 100%;
   }
}

@media (max-width: 800px) {
   .form-login {
      max-width: 340px;
      padding-bottom: 20px;
   }
   
   .form-login img {
      max-width: 180px;
   }
   
   .form-login .input-container {
      margin: 16px 0;
   }
   
   .form-login .input-container+.input-container {
      margin-bottom: 20px;
   }
   
   .menu-wrap { /* menu horizonal não usado nesse projeto... */
      display: none;
   }
   
   .header {
      position: relative;
   }
   
   .aside {
      /*position: relative;*/
      width: 70%;
      top: 77px;
      left: 0;
      display: none;
   }
   
   .aside.open-menu-v {
      display: block;
   }
   
   .hamburg {
      position: absolute;
      top: 10px;
      left: 6px;
      color: #CCC;
   }
   
   .dots {
      position: absolute;
      top: 16px;
      right: 0;
      margin: 0;
      color: #CCC;
   }
   
   .brand-title {
      width: 100%;
      margin: 0;
   }
   
   .home-foto {
      width: 100%;
      margin: 0;
   }
   
   .col {
      float: none !important;
      width: 100%;
      margin: 0 !important;
   }
   
   .col h2 {
      text-align: center;
   }
   
   .chartcontainer {
      margin: 0 auto;
   }
   
   .chart-bg {
      max-width: 100%;
      min-height: 0;
      padding: 14px;
   }
   
   .chart-bg .chart-legend {
      min-height: 0;
      margin-top: 20px;
   }
   
   .default .input-container {
      float: none;
      margin: 0 0 30px;
      clear: both;
   }
   
   /*.default .input-container:first-child {
      overflow: hidden;
   }*/
   
   .default .third, .default .quarter {
      float: none;
      width: 100%;
      margin-bottom: 30px;
   }
   
   .list-table thead th {
      padding: 10px 4px;
      font-size: 90%;
   }
   
   .list-table tbody td {
      padding: 3px 6px;
   }
   
   .why td {
      text-transform: none;
   }
   
   .gm-button-raised.small {
      min-width: 70px;
   }
}