*{outline: 0;/*box-sizing: border-box;overflow: hidden;*/}
html,body{
      height:100% !important;
      max-height:100% !important;
      margin: 0px;
      padding: 0px;
}
body {
      font-family: 'Segoe UI', sans-serif !important;
      /*background: url('../img/rubisgas_balao.jpg') no-repeat center center fixed;*/
      background: url('../img/rubisgas_login.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: 'Segoe UI', sans-serif !important;
}

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;
            right: 50px !important;
      }

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

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

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

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

@media (min-width: 1200px) {
      section#main.login
      {
            right: 100px !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:35px;
}

.linha2 label
{
	font-size:35px;
}
.linha2 label span.subtitle_bold { font-weight: bold; }
.linha2 label span.subtitle_normal { font-weight: normal; }


.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.6) !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;
}

.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;
}

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

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


.ui.button.ws-button {
      background-color: #CCE13A;
      border-radius: 10px;
      padding: 5px 40px;
}

.ws-text-color {
    color: #CCE13A;
}

.item.sidebar.ws-bg-color {
      background-color: #CCE13A;
}

.ui.vertical.menu .item > i.icon.left {
      float: none;
      margin: 0em 0.35714286em 0em 0em;
}


.field input[type=text],
.field input[type=password] {
	background: #cbe1e9 !important;
}