*{outline: 0;/*box-sizing: border-box;overflow: hidden;*/}
html,body{
      height:100% !important;
      max-height:100% !important;
      overflow: hidden !important;
      margin: 0px;
      padding: 0px;
}
body {
      font-family: raleway, sans-serif;
      overflow: hidden !important;
      background: url('/img/bkgimg/fundo.png') no-repeat center center fixed;
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      -o-background-size: cover !important;
      background-size: cover !important;
}
/*}*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6
{
    font-family: raleway, sans-serif;
}

section#main
{
      /*background-color:rgba(249, 250, 252, 0.92);*/

}
@media (min-width: 600px) {
      section#main.login
      {
            position: absolute !important;
            bottom: 50px !important;
            width: 554px !important;
            left: 50px !important;
      }

      .linha1 label
      {
            font-size:60px !important;
      }

      .linha2 label
      {
            font-size:70px !important;
            font-weight: bold;
      }

      .linha3  label
      {
            font-size:30px;
      }

      .menu-wrapper {
            height: calc(100% - 250px) !important;
      }
}

section#main.login
{
      padding:10px;
}
section#main.login.texto_landing_login div
{
      padding-top: 0px;
      padding-bottom: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
}

.linha1 label, .linha2 label, .linha3 label
{
      line-height: 1 !important;
      color:#FFF !important;
}
.linha1 label
{
      font-size:30px;
}

.linha2 label
{
      font-size:40px;
      font-weight: bold;
}

.linha3  label
{
      font-size:20px;
}

.linha3
{
      margin-top: 30px;
      margin-bottom: 30px;
}
section#main.login div>img.logo
{
      width: 50%;
      height: 50%;
      margin-bottom: 50px;
}
section#main.login .ui.segment
{
      background-color: rgba(249, 250, 252, 0.8) !important;
}

.img_login
{
      width: 100%;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
}

.div_form_login
{
      background-color: rgba(255,255,255,0.8);
      padding: 20px;
}
div.form_input_fields div input
{
      background: none;
      border: none;
      box-shadow: none;
      border-bottom: 1px solid #E9E9F0;
}
div.form_input_fields div input::placeholder
{
      color: #43425D;
}
.button.primary
{
      background-color: #3ACCE1 !important;
      color: #fefefe;
}
.button.secondary
{
      background-color: #FFFFFF !important;
      color: #000;
}

.moon_active_group,.moon_inactive_group
{
      display: inline-block;
      margin: 0px;
      padding: 0px;
}

.wrapper{
      overflow: hidden;
}

.off-canvas.is-transition-overlap {
    z-index: 999 !important;
}

#user_box {
      height: 250px;
      overflow: hidden;
      background-image: url(/img/bkgimg/fundo.png);
      background-position: center;
      background-size: 100% auto;
}

.top_logo_wrapper {
      height: 35px;
      color: #FFFFFF;
      text-decoration: none;
      margin-left: calc(50% - 90px);
}

.ui.custom.sidebar {
      width: 315px !important;
      margin-left: -315px !important;
}

.ui.uncover.custom.sidebar {
      margin-left: 0px !important;
}

.ui.uncover.right.custom.sidebar {
      margin-left: -315px !important;
}

.top_logo_wrapper .logo {
      margin-top: 5px;
      height: 35px;
}

.ui.dimmer {
      background-color: rgba(172, 172, 172, 0.85);
}

.menu-wrapper {
      height: calc(100% - 150px);
      position:relative;
}

.logout {
      position: absolute !important;
      width:100%;
      bottom: 0;
}