/*******************************************
  Visual Advance 3.0
  WEBAdvance - PHP Version
  Copyright (c) 2005 SETTI Sistemas Ltda.
  ******************************************

  Arquivo de Definição Estilos.

  versao 1.0

  *******************************************
  Comentários.

  Este não é um arquivo PHP, na verdade é um arquivo
  direto em HTML, portanto não há processamento PHP
  somente a inclusão direta deste arquivo na página

  *******************************************/

/*
 * Corrigidos alguns links de imagens.
 * @author: Diego Lopes
 * @date: 13/05/2009
 * @OS: 6631 - 006
 * @Inspeção:
 */

input.required, textarea.required {
  border: 1px solid #00A8E6;
}
img {
  border :0;
}
input.validation-failed, textarea.validation-failed {
  border: 1px solid #FF3300;
  color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
  border: 1px solid #00CC00;
  color : #000;
}

.validation-advice {
  margin: 5px 0;
  padding: 5px;
  background-color: #FF3300;
  color : #FFF;
  font-weight: bold;
}

.custom-advice {
  margin: 5px 0;
  padding: 5px;
  background-color: #C8AA00;
  color : #FFF;
  font-weight: bold;
}
   body,p,table,td.input,textarea{
   font-family:Tahoma, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#000033; }

 .note {
  padding: 4px;
  font-family: tahoma,verdana,sans-serif;
  font-weight: bold;
  line-height: 130%;
}

/*----------------------------*/
.tabber{display:none;}
/*----------------------------*/

 div.auto_complete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    ul.contacts  {
      list-style-type: none;
      margin:0px;
      padding:0px;
    }
    ul.contacts li.selected { background-color: #ffb; }
    li.contact {
      list-style-type: none;
      display:block;
      margin:0;
      padding:2px;

    }
    li.contact div.name {
      font-weight:bold;
      font-size:12px;
      line-height:1.2em;
    }
    li.contact div.email {
      font-size:11px;

    }
    #list {
      margin:0;
      margin-top:10px;
      padding:0;
      list-style-type: none;
      width:250px;
    }
    #list li {
      margin:0;
      margin-bottom:4px;
      padding:5px;
      border:1px solid #888;
      cursor:move;
    }

select.x_grid {
     font-family:Courier New;
    font-size:08pt;
    border:1px solid;
  }

select {
    font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
    font-size:8pt;
    color:#000000;
    border:1px solid;
  }

button {
   color:#000000;
   font-family:'arial';
   background-color:#CFCFCF;
   border:1px solid;
}
input {
   color:#000000;
   font-family:'arial';
   border:1px solid;
}


/* -------------------------- tabela padrão do sistema ---*/

table.table_default {
  border-collapse: collapse;
  background: #EFEFEF;
  width: 450px;
}

table.table_default td {
  border: 1px solid #CCCCCC;
  font-family:Tahoma;
    color: black;
    font-size:11px;
    text-decoration: none;
}

table.table_default th {
  border: 1px solid #CCCCCC;
  background: #c3daf9;
  font-family:Tahoma;
    font-size:11px;
    text-decoration: none;
    color: #COCOCO;
}

/* -------------------------- tabela cabeçalho ---*/

table.table_header {
  border-collapse: collapse;
   background: #EFEFEF;
  width: 500px;
}

table.table_header td {
  border: 1px solid #CCCCCC;
  font-family:Tahoma;
    text-decoration: none;
}

table.table_header th {
  border: 1px solid #CCCCCC;
  background: #c3daf9;
    color: #COCOCO;
}

/* -------------------------- tabela rodapé ---*/

table.table_footer {
  border-collapse: collapse;
  background: #EFEFEF;
  width: 450px;
}

table.table_footer td {
        border: 1px solid gray;
      font-family:Tahoma;
        font-size:11px;
        text-decoration: none;
}

table.table_footer th {
  border: 1px solid gray;
  background: #F0FFF0;
}

/*------------------------table none--------*/
table.table_none {
  border-collapse: collapse;
    font-size:11px;
   background: #EFEFEF;
}

table.table_none td {
  border: 1px solid #CCCCCC;
  font-family:Tahoma;
    text-decoration: none;
}

table.table_none th {
  border: 1px solid #CCCCCC;
  background: #c3daf9;
    color: #COCOCO;
}

/*---------------------Financeiro---------*/

table.table_finan {
  border-collapse: collapse;
    font-size:11px;
   background: #EFEFEF;
}

table.table_finan td {
  border: 1px solid #CCCCCC;
  font-family:Tahoma;
    text-decoration: none;
}

table.table_finan th {
  border: 1px solid #CCCCCC;
  background: #c3daf9;
    color: #COCOCO;
}

/*---------------------menu---------*/

table.table_menu {
    border-collapse: collapse;
  background: #EFEFEF;
    border: 1px solid gray;

}
table.table_menu td {
        border: 1px solid gray;
      font-family:Tahoma;

}
/*-----------------tabs----------*/
#ddimagetabs{
}

#ddimagetabs a{
display: block;
text-decoration: none;
font: bold 12px Arial; /*tab font */
color: black; /*font color */
width: 86px; /*width of tab image */
height: 22px; /*height of tab image */
float: left;
display: inline;
margin-left: 4px; /*spacing between tabs */
padding-top: 4px; /*vertical offset of tab text from top of tab*/
background-image:url(bluetab.jpg); /*URL to tab image */
background-repeat: no-repeat;
text-align: center;
}

#ddimagetabs a:hover, #ddimagetabs a.current{
background-image:url(bluetabover.jpg); /*URL to tab image onmouseover */
color: black;
}

#tabcontentcontainer{
width:480px; /*width of 2nd level content*/
height:40px; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
}

.tabcontent{
display:none;
}

div.div_header {
  background:#c3daf9;
  color:#FFF;
  text-align:center;
  font-family:Tahoma;
  font-size:11px;
  font-weight:bold;
  margin-bottom:3px;

}
ul.simple_list {
  list-style: none;
  text-align:left;
  color:#000000;
}

.links a {
  color:black;
  text-decoration:none;
}

.links a:hover {
  color:blue;
 text-decoration:underline;
}

#navcontainer{
  width:800px;
  margin-left:96px;
}
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}
#custommenu {
  color: #000;
  padding: 3px;
  margin-bottom: 25px;
}

#custommenu ul {
  margin-left: 0;
  padding-left: 0;
  display: inline;
  border: none;
}

#custommenu ul li {
  margin-left: 0;
  padding-left: 2px;
  border: none;
  list-style: none;
  display: inline;
}

#bread-gen ul li:before {
  content: "\0020 \0020 \0020 \00BB \0020";
  color: #ff9;
}

#bread-gen ul li.first:before {
  content: " ";
}

.icon-unlockconcept{
  background-image: url(../images/hmenu-unlock.gif) !important;
}

.icon-lockconcept{
  background-image: url(../images/hmenu-lock.gif) !important;
}

/* Paulo - 7151-001 - 15/12/2011 */
.icon-unlocknotas{
  background-image: url(../images/report_add.png) !important;
}

.icon-locknotas{
  background-image: url(../images/report_delete.png) !important;
}

.icon-blockedsubject{
  background-image: url(../images/cog_edit.png) !important;
}

.icon-editablesubject{
  background-image: url(../images/cog_delete.png) !important;
}

.icon-mostratodos{
  background-image: url(../images/expand.gif) !important;
}

.icon-escondetodos{
  background-image: url(../images/collapse.gif) !important;
}

/**
 * Imagens apresentadas no botão Liberar/Bloquear Avaliação.
 * @author: Jean
 * @date: 21/11/2008
 * @OS: 6526-028
 * @Inspeção: Tuane em 19/02/2009
 */
.icon-pgw-add{
  background-image: url(../../system/images/page_white_add.png) !important;
}

.icon-pgw-link{
  background-image: url(../../system/images/page_white_link.png) !important;
}

.icon-pgw-del{
  background-image: url(../../system/images/page_white_delete.png) !important;
}

.upload-icon {
  background: url('../../system/images/image_add.png') no-repeat 0 0 !important;
}
/**
 * Imagens que podem ser utilizadas em botões que indicam saída de tela.
 * @author: JEAN
 * @date: 11/09/2008
 * @OS: 6446-001
 * @Inspeção: Tuane em 11/09/2008
 */
.icon-door{
  background-image: url(../../system/images/door.png) !important;
}

.icon-door-in{
  background-image: url(../../system/images/door_in.png) !important;
}

/**
  * @author: Daniel D. Bizzotto
  * @date:  09/09/2009
  * @OS: 6675-022
  * @Observation: CSS necessário para o Cadastro de Origens
  * @Inspection By: Tuane Luiza Berri
  * @date Inspection: 01/10/2009
*/

/**
  * @author: Daniel D. Bizzotto
  * @date: 26/03/2010
  * @OS: 6675-203
  * @Observation: Alterados CSS para funcionar para cada origem
  * @Inspection By: Jaqueline Peixer
  * @date Inspection: 26/03/2010
*/

#info-cad-panel-Aluno .x-panel {
  margin-bottom:3px;
  margin-right:0;
}
#info-cad-panel-Aluno .x-panel-body {
  border:0 none;
}
#info-cad-panel-Aluno .x-panel-body li {
  margin:3px;
}
#info-cad-panel-Aluno .x-panel-body li img {
  width:16px;
  height:16px;
  vertical-align:middle;
  margin-right:2px;
  margin-bottom:2px;
}
#info-cad-panel-Aluno .x-panel-body li a {
  text-decoration:none;
  color:#3764A0;
}
#info-cad-panel-Aluno .x-plain-body {
  background-color:#cad9ec;
    padding:3px 0 0 5px;
}

#info-cad-panel-Aluno .x-panel-body li a:hover {
  text-decoration:underline;
  color:#15428b;
}

#div-panel .x-panel {
  margin-bottom:3px;
  margin-right:0;
}
#div-panel .x-panel-body {
  border:0 none;
}
#div-panel .x-panel-body li {
  margin:3px;
}
#div-panel .x-panel-body li img {
  width:16px;
  height:16px;
  vertical-align:middle;
  margin-right:2px;
  margin-bottom:2px;
}
#div-panel .x-panel-body li a {
  text-decoration:none;
  color:#3764A0;
}
#div-panel .x-plain-body {
  background-color:#cad9ec;
    padding:3px 0 0 5px;
}

#div-panel .x-panel-body li a:hover {
  text-decoration:underline;
  color:#15428b;
}

/******** Fim CSS para Origes ********/


/**
  * @author: Daniel D. Bizzotto
  * @date:  09/09/2009
  * @OS: 6675-022
  * @Observation: CSS para o plugin FileUploadField
  * @Inspection By:
  * @date Inspection:
*/

.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
  position: absolute;
  right: 0;
  -moz-opacity: 0;
  filter:alpha(opacity: 0);
  opacity: 0;
  z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
  /*position: absolute;*/
  right: 0;
  z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}
/**
 * Novos ícones por CSS.
 * @author: Jean
 * @date: 28/08/2009
 * @OS: 6631-012
 */
.icon-saved{
  background-image: url(../../system/images/saved.png) !important;
}

.icon-cross{
  background-image: url(../../system/images/cross.png) !important;
}

.x-statusbar .x-status-warning {
    padding-left: 25px !important;
    background: transparent url(../../system/images/warning.gif) no-repeat 3px 3px;
}

.menu-title{
    background: #D6E3F2;
    border-style: solid;
    border-color:#DAE6F4 #99bbe8 #99bbe8 #DAE6F4;
    border-width: 1px;
    margin:-2px -2px 0;
    color:#15428b;
    font:bold 10px tahoma,arial,verdana,sans-serif;
    display:block;
    padding:3px;
}

.x-panel-collapsed-text {
  font-size: 11px;
  font-family: tahoma;
  font-weight: bold;
  color:#3764A0;
}
 /**
  * @author: Anderson Silvério
  * @date:  22/10/2009
  * @OS: 6675-021
  * @Observation: Adicionado a classe .x-form-invalid-icon pois estava dando erro no css.
  * @Inspection By: 29/10/2009
  * @date Inspection: Andresa Setti
*/
.x-form-invalid-icon{
  width:16px;
  height:18px;
  visibility:hidden;
  position:absolute;
  left:0;top:0;
  display:block;
  background:transparent url(../images/exclamation.gif) no-repeat 0 2px !important;
}

 /**
  * @author: Leandro da silva
  * @date:  1/12/2009
  * @OS: 6631-047
  * @Observation: Melhorando a visualização dos itens desabilitados
  * @Inspection By:
  * @date Inspection:
*/

.x-item-disabled{
    cursor: default;
    opacity: .4 !important;
    -moz-opacity: .4 !important;
    color: black;
    filter: alpha(opacity=50) !important;
}

/** @author: Daniel Donaire Bizzotto
  * @date: 06/01/2010
  * @OS: 6675-135
  * @Observation: Adicionado .x-form-password-trigger, utilizado no campo senha do cadastro de alunos
  * @Inspection By: Jaqueline Peixer
  * @date Inspection: 06/01/2010
*/
.x-form-field-wrap .x-form-password-trigger{
    cursor:pointer;
}

.x-form-field-wrap .x-form-password-trigger{
    background-image: url(../../system/images/password_key.png);
}

.x-form-field-wrap .x-form-card-add-trigger{
    cursor:pointer;
}

.x-form-field-wrap .x-form-card-add-trigger{
    background-image: url(../../system/images/card_add_trigger.png);
}

.x-form-field-wrap .x-form-card-redo-trigger{
    cursor:pointer;
}

.x-form-field-wrap .x-form-card-redo-trigger{
    background-image: url(../../system/images/card_redo_trigger.png);
}

.x-form-field-wrap .x-form-refresh-trigger{
    cursor:pointer;
}

.x-form-field-wrap .x-form-refresh-trigger{
    background-image: url(../../system/images/refresh_trigger.png);
}


/** @author: Daniel Donaire Bizzotto
  * @date: 15/01/2010
  * @OS: 6675-141
  * @Observation: Adicionado .icon-accept e .icon-update, utilizados no searchField das origens
  * @Inspection By: Jaqueline Peixer
  * @date Inspection: 15/01/2010
*/

.icon-accept{
  background-image: url(../../system/images/accept.png) !important;
}

.icon-update{
  background-image: url(../../system/images/update.gif) !important;
}

/**
 * Novas imagens para relatórios.
 * @author Jean
 * @date 12/02/2010
 * @OS 6631-019
 * @Inspection Jaqueline 12/02/2010
 */
.icon-report-key{
  background-image: url(../../system/images/report_key.png) !important;
}

.icon-report-user{
  background-image: url(../../system/images/report_user.png) !important;
}

.icon-report{
  background-image: url(../../system/images/report.png) !important;
}

/** @author: Daniel Donaire Bizzotto
  * @date: 25/02/2010
  * @OS: 6675-135
  * @Observation: Adicionado .x-form-open-window-trigger, utilizado no threeTriggerField
  * @Inspection By: Jaqueline Peixer
  * @date Inspection: 25/02/2010
*/
.x-form-field-wrap .x-form-open-window-trigger{
    cursor:pointer;
}

.x-form-field-wrap .x-form-open-window-trigger{
    background-image: url(../../system/images/open_window.gif);
}
/** @author: Leandro da silva
  * @date: 08/03/10
  * @OS: 6675-122
  * @Observation: adicionado x-acept-item para a tela de login
  * @Inspection By: Jaqueline Peixer
  * @date Inspection: 08/03/10
*/
.x-acept-item {
    padding-left: 25px !important;
    background: transparent url(../../system/images/lamp.gif) no-repeat 3px 3px;
}

/**
  * @author: Daniel D. Bizzotto
  * @date: 11/03/2010
  * @OS: 6675-074
  * @Observation: Adiconados para o Ext.ux.Notification
  * @Inspection By: Jaqueline Peixer
  * @date Inspection: Daniel D. Bizzotto
*/

.x-icon-error{background-image:url(../images/exclamation.gif) ! important;}
.x-icon-information{background-image:url(../../system/images/information.gif) ! important;}
.x-notification .x-window-body{margin: 0;padding:1em ! important; width: auto ! important;}
.x-notification.fixed .x-tool-close{display: block}

#info-cad-panel-Funcionario .x-panel {
  margin-bottom:3px;
  margin-right:0;
}
#info-cad-panel-Funcionario .x-panel-body {
  border:0 none;
}
#info-cad-panel-Funcionario .x-panel-body li {
  margin:3px;
}
#info-cad-panel-Funcionario .x-panel-body li img {
  width:16px;
  height:16px;
  vertical-align:middle;
  margin-right:2px;
  margin-bottom:2px;
}
#info-cad-panel-Funcionario .x-panel-body li a {
  text-decoration:none;
  color:#3764A0;
}
#info-cad-panel-Funcionario .x-plain-body {
  background-color:#cad9ec;
    padding:3px 0 0 5px;
}

#info-cad-panel-Funcionario .x-panel-body li a:hover {
  text-decoration:underline;
  color:#15428b;
}

#info-cad-panel-Clientes .x-panel {
  margin-bottom:3px;
  margin-right:0;
}
#info-cad-panel-Clientes .x-panel-body {
  border:0 none;
}
#info-cad-panel-Clientes .x-panel-body li {
  margin:3px;
}
#info-cad-panel-Clientes .x-panel-body li img {
  width:16px;
  height:16px;
  vertical-align:middle;
  margin-right:2px;
  margin-bottom:2px;
}
#info-cad-panel-Clientes .x-panel-body li a {
  text-decoration:none;
  color:#3764A0;
}
#info-cad-panel-Clientes .x-plain-body {
  background-color:#cad9ec;
    padding:3px 0 0 5px;
}

#info-cad-panel-Clientes .x-panel-body li a:hover {
  text-decoration:underline;
  color:#15428b;
}

#info-cad-panel-Responsaveis .x-panel {
  margin-bottom:3px;
  margin-right:0;
}
#info-cad-panel-Responsaveis .x-panel-body {
  border:0 none;
}
#info-cad-panel-Responsaveis .x-panel-body li {
  margin:3px;
}
#info-cad-panel-Responsaveis .x-panel-body li img {
  width:16px;
  height:16px;
  vertical-align:middle;
  margin-right:2px;
  margin-bottom:2px;
}
#info-cad-panel-Responsaveis .x-panel-body li a {
  text-decoration:none;
  color:#3764A0;
}
#info-cad-panel-Responsaveis .x-plain-body {
  background-color:#cad9ec;
    padding:3px 0 0 5px;
}

#info-cad-panel-Responsaveis .x-panel-body li a:hover {
  text-decoration:underline;
  color:#15428b;
}

/* Imagens apresentadas no botão ocultar/habilitar visualização do link de conceito na pag. inicial do aluno. [NICOLE][7147-001][29/9/2011] */
.icon-app-form{
  background-image: url(../../system/images/application_form_magnify.png) !important;
}

.icon-app-link-bloq{
  background-image: url(../../system/images/application_link.png) !important;
}

.f_red { color: #FF0000; }

.x-btn-hasBadge {
    overflow: visible;
}

.x-btn-badgeCls {
    font-size: 10px;
    position: absolute;
    top: -10px;
    right: 2px;
    display: inline-block;
    width: auto;
    font-weight: bold;
    color: white;
    text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0px;
 /* reset el estilo */
    padding: 1px 2px;
    background-image: none;
    background-color: #C00;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff1a1a), color-stop(3%, #e60000), color-stop(100%, #b30000));
    background-image: -webkit-linear-gradient(top, #ff1a1a,#e60000 3%,#b30000);
    background-image: linear-gradient(top, #ff1a1a,#e60000 3%,#b30000);
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0.1em 0.1em;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0.1em 0.1em;
    z-index: 12;
}

.has-badge {
    overflow: visible !important;
}

.hide-badge {
    display: none !important;
}