@charset "UTF-8";
@import url(core/resets.css);
@import url(toolbox_classes.css);
@import url(typography.css);
@import url(icons.css);
@import url(tables.css);
@import url(lists.css);
@import url(messages.css);
@import url(forms.css);
@import url(buttons.css);
@import url(breadcrumbs.css);
@import url(pagination.css);
@import url(toolbars.css);
@import url(dtree.css);
@import url(panels.css);
@import url(tabs.css);
@import url(notifications.css);
@import url(home_buttons.css);
@import url(modal.css);
@import url(progress_bar.css);
@import url(schedule.css);
@import url(post-it.css);
@import url(alertify/base.css);
@import url(alertify/alertify_fw_theme.css);
@import url(bxslider/bxslider_fw.css);
@import url(structure.css);
/*
This CSS file was compiled from SCSS base files. DO NOT edit this file. You should rather edit the SCSS files and recompile OR create another file for customization and insert it after this one as a new request.

Este arquivo CSS foi compilado de arquivos-base em SCSS. NÃO EDITE este arquivo. Você deve, preferencialmente, editar os arquivos SCSS base e recompilar OU criar outro arquivo para customização e inseri-lo após este como uma nova requisição.
*/
/*Transitions*/
#menuAcoes a,
.menu_usuario strong,
.menu_usuario a,
#nav a,
.atalhos a,
.atalhos span,
.abas a,
.btPainel,
input,
select,
textarea,
.bt,
td,
th a,
.pag a {
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

/*Clearfixes - ADICIONE AQUI SELETORES QUE DEVAM FUNCIONAR COMO SE TIVESSEM A CLASSE CLEARFIX*/
.clearfix, #principal, .abas-hor + .painel {
  *zoom: 1;
}
.clearfix:before, .clearfix:after, #principal:before, #principal:after, .abas-hor + .painel:before, .abas-hor + .painel:after {
  content: "";
  display: table;
}
.clearfix:after, #principal:after, .abas-hor + .painel:after {
  clear: both;
}

/*Código Customizado*/
/*Páginas Específicas*/
/*Login*/
#login #nav {
  display: none;
}
#login #corpo {
  padding-left: 0;
}
#login #principal {
  float: right;
  padding-right: 8em;
  /*width: 500px;*/
  width: 330px;
  height: 350px;
  margin: 150px auto 0 1446px;
  margin-right: 5%;
  /*margin: 150px auto 0 77em;*/
  /*margin: 150px auto 0 50em;*/
  /*margin: 2em 2em 0 0em;;*/
  /*margin-top: 15em; !* Keep the top margin for vertical positioning *!*/
  /* Other styles remain the same */
  border-width: 0px 0px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
  -o-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
  -ms-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
  background: #fff;
  border: 0px solid #e1e1e1;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  padding: 30px 20px 30px;
}

@media only screen and (max-width: 768px) {
  #login #principal {
  float: right;
  padding-right: 8em;
  /*width: 500px;*/
  width: 330px;
  height: 350px;
  /*margin: 150px auto 0 50em;*/
  margin: 150px auto 0 77em;
  /*margin-top: 15em; !* Keep the top margin for vertical positioning *!*/
  /* Other styles remain the same */
  border-width: 0px 0px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
  -o-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
  -ms-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
  background: #fff;
  border: 0px solid #e1e1e1;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  padding: 30px 20px 30px;
}
}

@media only screen and (max-width: 600px) {
  #login #principal {
    width: 500px;
    height: 350px;
    margin: 150px auto 0;
    border-width: 0px 0px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
    -o-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
    -ms-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
    background: #fff;
    border: 0px solid #e1e1e1;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    padding: 30px 20px 30px;
  }
}

#login .login-logo-cliente {
  width: 45%;
  float: left;
  height: 350px;
  display: block;
  text-align: center;
  border-right: 1px solid #eee;
}

#login .login-logo-cliente img {
  margin-top: 145px;
  margin-left: 5px;
}

#login .login-formulario-direita {
  /*width: 47%;*/
  float: left;
  height: 350px;
  display: block;
  padding-left: 35px;
  padding-right: 35px;
}

@media only screen and (max-width: 600px) {
  #login .login-formulario-direita {
    width: 47%;
    float: left;
    height: 350px;
    display: block;
    padding-left: 35px;
  }
}

#login h1 {
  text-align: center;
  border-bottom: none;
}

#formLogin .botao {
  text-align: center;
}

#opcoesLogin {
    margin: 1em 0;
    font-size: 0.85em;
    padding-top: 1em;
    border-top: 0px solid #cfcfcf;
    list-style-type: none;
    text-align: center;
    padding: 0;
}

/*404*/
#erro404 h1 {
  font-size: 2.917em;
}

.lt-ie8 #formLogin input[type="text"], .lt-ie8 #formLogin input[type="password"], .lt-ie8 #formLogin textarea, .lt-ie8 #formLogin select, .lt-ie8 #formLogin .text, .ie7 #formLogin input[type="text"], .ie7 #formLogin input[type="password"], .ie7 #formLogin textarea, .ie7 #formLogin select, .ie7 #formLogin .text {
  height: 20px;
  width: 90%;
}