/*Css Projeto Nova Geração - Geral*/

/*
@media only screen and (device-width: 768px) { /*and (orientation: landscape) {* /
  /* rules for iPad in landscape orientation * /
  .resultados{
    display:none;
  }
}
*/



/***************************************************************
  ANIMAÇÃO DE CARREGAMENTO / LOADING
 ***************************************************************/
 #iconeCarregamento
 {
     width: 140px; 
     height: 136px;
     background-color: rgba(0,0,0,0.5);
     position: float; 
     z-index: 5000;
     border-radius: 10px;
     margin: auto;
     display: none;
 }
 
 #imagemCarregamento
 {
    position: relative;
    left: 40px;
    width: 24px;
    height: 24px;
    top: 56px;
    vertical-align: middle;
 }
 
 #textoAguardeCarregamento
 {
    text-align: center; 
    width: 100%; 
    position: relative;
    vertical-align: bottom;
    height: 100%;
    top: 103px;
    color: white;
    font-size: 13pt;
    font-family: Arial, Tathoma, "Times New Roman";
    left: -9px;
 }

body
{
    font: 0.8em Arial,Helvetica,sans-serif;
    background: #F3F8FB;
}

a
{
    outline: none;
    border: 0;
    padding: 0;
}

.floatLeft /* esta classe pode ser usada para qualquer elemento */
{
    float: left;
}

.t-state-error.datePickerSemValidacao
{
    background-color: transparent !important;
    border-color: #CCCCCC !important;
}

.datePickerMesAnoSemTextBox {

    width:0px !important;
    height:0px !important;
    border-width: 0px !important;
    border: 0px solid !important;
    padding: 25px 0px 0px 0px !important;
    background-color: transparent !important;
    border-color: #CCCCCC !important;
    
}

.t-state-error.datePickerMesAnoSemTextBox {

    width:0px !important;
    height:0px !important;
    border-width: 0px !important;
    border: 0px solid !important;
    padding: 25px 0px 0px 0px !important;
    background-color: transparent !important;
    border-color: #CCCCCC !important;
}

input[type="text"].datePickerMesAnoSemTextBox  {
    width:0px !important;
    height:0px !important;
    border-width: 0px !important;
    border: 0px solid !important;
    padding: 25px 0px 0px 0px !important;
    border-color: #CCCCCC !important;
    margin-top: auto !important;
}

.floatRight
{
    float: right;
}

.listaRadio /* esta classe deve ser usada para todas as listas de "radio button" */
{
    margin: 3px 0 0 4px;
}

#comboBusca, #botoesBarra
{
    float: left;
}

#subTabNavigation
{
    background: #DBE8F2;
    min-height: 37px;
    height: auto !important;
    height: 37px;
}

#funcArea
{
    background: #fff;
    min-height: 37px;
    border-bottom: 1px solid #CADDEC;
}

#funcArea div.title
{
    width: 775px;
    margin: 0 auto;
    background: #fff;
}

#funcTop
{
    width: 775px;
    margin: 0 auto;
}

#funcTop.topInicial
{
    width: 970px;
}

.titleGroup
{
    margin: 0 auto;
    background: #fff;
    width: 775px;
    height: 35px;
}

#funcTop.topInicial
{
    width: 970px;
}

#funcTop.topInicial .titleGroup
{
    width: 970px;
}

/*
-----------------------------
-----------------------------
-----------------------------
*/

/*TITULOS (ATUALMENTE H1, H2 e H3)*/

h1, h2, h3
{
    font-size: 1.40em;
    margin: 0;
    padding: 0;
    font-family: Verdana, Helvetica, Tahoma, sans-serif;
    color: #7FB8D8;
    line-height: 2.0;
}

h1, h2
{
    line-height: 2.1;
}

.tituloH2
{
    width: 400px;
    float: left;
    height: 25px;
    margin: 5px 0px;
    font-size: 1.1em;
    letter-spacing: -0.01em;
}

.tituloH3
{
    width: 400px;
    float: left;
    height: 25px;
    margin: 5px 0px;
    font-size: 0.8em;
    letter-spacing: -0.01em;
}




/*Titulos para as seções de funcionalidades dos módulos*/
/*Titulos principais e sub-títulos*/

.tituloSecoesH2, .tituloSubSecaoH2
{
    width: 100%;
    border-bottom: 1px solid #CADDEC;
    display: block;
    margin: 0;
    cursor: pointer;
}

.tituloSecoesH2:first-child
{
    margin-top: 10px;
}

.tituloSecoesH2 h2, .tituloSubSecaoH2 h2
{
    color: #086694;
    height: 28px;
}

.tituloSubSecaoH2 h2
{
    height: 25px;
}

.tituloSubSecaoH2 h2
{
    font-size: 1.2em;
}

/*
-----------------------------
-----------------------------
-----------------------------
*/

p
{
    font: 1em Arial, Helvetica, Tahoma, sans-serif;
    margin: 22px 0px 10px 0;
    color: #666;
}

.combo_tamanho_paginacao
{
    width: 50px;
}

.combobox
{
    border: 1px solid #CADDEC;
    font-size: 8pt;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    position: relative; /*added for behavior*/
}

.combobox:hover, textarea:hover
{
    border: 1px solid #84C1FF;
}

.combobox:focus, textarea:focus
{
    border: 1px solid #3399FF;
}

.combobox350
{
    width: 350px;
    height: 23px;
    min-height: 23px;
    color: #333333;
    border: 1px solid #CCCCCC;
    float: left;
}

.combobox343
{
    width: 343px;
    margin-top: 5px;
    height: 23px;
    color: #333333;
    border: 1px solid #CCCCCC;
}

.combobox243
{
    width: 243px;
    margin-top: 5px;
    height: 23px;
    color: #333333;
    border: 1px solid #CCCCCC;
}

.combobox173
{
    width: 173px;
    margin-top: 5px;
    height: 23px;
    color: #333333;
    border: 1px solid #CCCCCC;
}

.combobox093
{
    width: 93px;
    margin-top: 5px;
    height: 23px;
    color: #333333;
    border: 1px solid #CCCCCC;
}

.combobox120
{
    width: 120px;
    margin-top: 5px;
    height: 23px;
    color: #333333;
    border: 1px solid #CCCCCC;
}

.resultados
{
    margin: 10px 0;
    float: right;
    text-align: right;
    line-height: 22px;
}

.t-icon-clock
{
    margin-top: 9px !important; /* Ajusta o incone de hora/relógio */
}

.labelLinhaDupla, .textBoxLinhaDupla span.labelCampo
{
    line-height: 12px;
    margin-top: 0;
}

.textBoxLinhaDupla label
{
    width: 120px;
    display: inline-block;
}

.tamanho160
{
    width: 160px;
}

.tamanho40
{
    width: 40px;
}

.tituloAgrupamentoFormulario
{
    border-top: 1px solid #ddd;
    display: block;
    clear: both;
    margin-top: 20px;
    padding: 2px 7px;
}

.tituloAgrupamentoFormulario h3 {
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1.1em;
}

.tituloAgrupamentoFormulario > span {
    font-size: 1.40em;
    margin: 0;
    padding: 0;
    font-family: Verdana, Helvetica, Tahoma, sans-serif;
    color: #7FB8D8;
    line-height: 2.0;
}


.semBorda {
    border: 0;
}

.marcadorAgrupamento
{
    margin: -4px 0 0 12px;
    display: block;
    position: absolute;
    width: 16px;
}

.conteudoInicialLateral .marcadorAgrupamento
{
    position: relative;
}

.marcadorAgrupamento img
{
    margin: 0;
    padding: 0;
}

.conteudoAgrupamento ul
{
    margin: 5px 20px;
    padding: 0;
    display: inline-block;
}

.conteudoAgrupamento ul li
{
    list-style-type: none;
    cursor: pointer;
    margin-top: 10px;
    float: left;
    width: 220px;
    color: #7FB8D8;
    font: normal normal bold 1.1em Arial,Helvetica,sans-serif;
}

.conteudoAgrupamento ul li img
{
    vertical-align: middle;
    margin-right: 12px;
    float: left;
}

.conteudoAgrupamento ul li span
{
    position: relative;
    top: 8px;
    line-height: 17px;
}

.conteudoInicialLateral .conteudoAgrupamento ul li span
{
    line-height: 12px;
    position: relative;
    top: 2px;
}

.marcadorAgrupamentoInterno
{
    width: 16px;
    display: block;
    margin: -5px 12px;
    position: absolute;
}

.marcadorAgrupamentoInterno img
{
    margin: 0;
    padding: 0;
}

.conteudoAgrupamentoInterno
{
    width: 250px;
    float: left;
}

.conteudoAgrupamentoInterno ul
{
    margin: 20px 0;
    padding: 0 0 0 5px;
    display: inline-block;
}

.conteudoAgrupamentoInterno ul li
{
    list-style-type: none;
    cursor: pointer;
    margin-bottom: 10px;
    display: inline-block;
    float: left;
    width: 210px;
    color: #7FB8D8;
    font: normal normal bold 1em Arial,Helvetica,sans-serif;
}

.conteudoAgrupamentoInterno ul li img
{
    vertical-align: middle;
    margin-right: 12px;
    width: 18px;
    float: left;
}

/** Menu superior **/

/* == Fixar barra lateral e barra de ações ==*/
.fixaLateralNav
{
    position: fixed;
    left: 785px;
    top: 0;
}
.fixaNavBar
{
    position: fixed;
    left: 20%;
    top: 0;
    padding-bottom: 10px;
    background: url(../Content/images/fundoBarraNavFixa.png) repeat-x left bottom;
}
/*==*/
.barraNav
{
    width: 100%;
    background: #096795;
}

.barraNav .container
{
    width: 980px;
    margin: 0 auto;
}

.barraNav .conteudoAgrupamento img
{
    width: 22px;
    height: 22px;
}

.barraNav .t-menu .t-arrow-down
{
    display: none;
}

.barraNav .t-header .t-menu
{
    height: 30px;
    background: none;
}

.semDropDown
{
    /*background: #7FB8D8 url(../Content/images/seta-barraNav.png) no-repeat bottom center;*/
}

.barraNav .t-header, .t-header .t-link
{
    height: 30px;
    line-height: 30px;
    background: none;
    border: 0;
}

.barraNav .t-menu .t-link
{
    padding: 0 1.27em;
    background: none;
    font-weight: bold;
    color: #92EAFF;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.barraNav .t-header .t-state-hover
{
    background: #fff;
    color: #086694 !important;
}

.barraNav .t-state-default
{
    border-color: #0B7EB7;
}

.barraNav .t-group
{
    background: #fff 10px center;
    border-top: 0;
    width: auto !important;
    padding-top: 5px;
    padding-bottom: 5px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.barraNav .semDropDown .t-link
{
    color: #fff;
}

.barraNav .t-group .t-link
{
    color: #0B7EB7;
    padding: 5px 10px;
    display: block; /*border-top: 1px solid #DBE8F2;*/
    font-size: 0.85em;
    padding: 4px 10px;
}

.barraNav .conteudoAgrupamento ul li span
{
    top: 3px;
}

.barraNav .t-header .t-group .t-state-hover, .t-header .t-group .t-link .t-state-hover
{
    color: #04A2E9 !important;
    background: none;
}

.barraNav .t-menu .t-state-hover .t-link
{
    color: #086694;
}

.barraNav .t-menu .t-image, .t-menu .t-sprite
{
    vertical-align: middle;
}

.barraNav .t-content, .barraNav .t-content ul.grupoFuncionalidades
{
    background: none;
    margin: 0;
    padding: 0;
}

.barraNav .t-content ul.grupoFuncionalidades
{
    float: left;
    width: 200px;
}

.barraNav .tituloSecoesH2 h2
{
    font-size: 1.0em;
    margin: 0 8px;
}

.barraNav .conteudoAgrupamento
{
    max-width: 850px;
    line-height: 0;
}

.barraNav .conteudoAgrupamento ul
{
    max-width: 850px;
}

.barraNav .conteudoAgrupamento ul li
{
    margin-top: 4px;
}

.barraNav .conteudoAgrupamento .icone
{
    font-size: 0.85em;
    width: 200px;
}

.barraNav .conteudoAgrupamento .icone:hover
{
    color: #0B7EB7;
}

.barraNav .marcadorAgrupamento
{
    margin: -13px 0 0 12px;
}

.barraNav .tituloSecoesH2, .barraNav .tituloSubSecaoH2
{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 5px;
    width: auto;
}

/** Fim do menu superior **/

.wrapPanel
{
    margin: 0 auto;
    text-align: right;
    padding: 0;
    right: 0;
    float: right;
    width: 100%;
}

.wrapConteudo
{
    position: relative;
    width: 970px;
    margin: 0 auto;
}

.panelFuncionalidadeSelecionada
{
    position: relative;
    display: none;
    float: left;
    width: 775px;
}

.panelConteudoFuncionalidadeSelecionada
{
    width: 970px;
    margin: 0 auto;
    text-align: left;
    padding: 0;
}

.wrapPanelInicial
{
    float: left;
    width: 775px;
}

.content
{
    width: 100%;
    background: red;
}

.contentFuncionalidade
{
    width: 970px;
    margin: 0 auto;
}
.wrapPanelConteudo
{
    width: 970px;
    margin: 0 auto;
    text-align: left;
}

.wrapBarContainer
{
    height: 31px; /*width:970px;*/
    width: 775px;
    margin: 0 auto;
    text-align: left;
}

.wrapBarContainer #barContainer
{
    margin-left: 0;
}

#conteudo
{
    padding: 0;
    margin: 0;
    margin-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    position: relative; /*relative corrige bug no IE*/
    top: 8px; /*top + relative é interpretado de forma correta pelo IE7*/
    min-height: 385px;
    height: auto !important;
    height: 645px;
    display: none;
}

#panelInicial
{
    padding: 0;
    position: relative; /*relative corrige bug no IE*/
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto !important;
    height: 645px;
}

.navAcoesCabecalho
{
    background-color: #FFF9E1;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #F4DD82;
}

.navAcoesListagem
{
    font-size: 0.95em;
    padding: 0px;
    margin: 10px;
    margin-top: 5px;
    line-height: 20px;
}


.navAcoesListagem ul li
{
    margin: 0;
    padding: 0px;
}

.navAcoesCabecalho span
{
    margin-left: 10px;
}

.navAcoes
{
    width: 183px;
    padding: 0;
    height: 145px;
    position: relative;
    margin-top: 10px;
    display: none;
    text-align: left;
    color: #A48300;
    background-color: #FFFFFF;
    border: 1px solid #F4DD82;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.9em;
    font-weight: bold;
}


.navTarefasCabecalho
{
    background-color: #F1F5FB;
    line-height: 30px;
    border-bottom: 1px solid #CADDEC;
    height: 30px;
    overflow: hidden;
}

.navTarefasListagem
{
    padding: 0px;
    line-height: 20px;
    height: 85px;
    overflow: hidden;
}

.navTarefasListagem ul
{
    margin-left: 10px;
    margin-top: 5px;
}

.navTarefasListagem ul li
{
    margin: 0;
    padding: 0px;
    font-size: 0.95em;
}

.navTarefasCabecalho span
{
    margin-left: 10px;
}

.navTarefas
{
    width: 183px;
    padding: 0;
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: left;
    color: #7FB8D8;
    background-color: #FFFFFF;
    border: 1px solid #CADDEC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.9em;
    font-weight: bold;
    display: none;
}

.rodapePanelTarefas
{
    padding: 6px 6px 2px 5px;
    height: 22px;
    background-color: #F1F5FB;
    border-top: 1px solid #CADDEC;
}

div.clear
{
    clear: both;
}

.containerConteudoInicial
{
    min-height: 330px;
}

.containerConteudoInicialRecrutamento
{
    height: 121px !important;
}

.conteudoInicial
{
    margin: 10px 17px 0 17px;
    text-align: left;
}

.controlesPanelInicio, .rodapePanelInicio
{
    padding: 6px 6px 2px 5px;
    height: 22px;
    background-color: #F5F5F5;
    display: none;
}

.controlesPanelInicio
{
    border-bottom: 1px solid #ddd;
}

.rodapePanelInicio
{
    border-top: 1px solid #ddd;
    margin-bottom: -30px !important;
}

.controleVoltaModulo
{
    margin: 0;
    float: left;
    display: block;
}

.controleRecolher
{
    float: left;
    margin-left: 20px;
    cursor: pointer;
}

.controleExpandir
{
    float: left;
    margin-left: 5px;
    cursor: pointer;
}

.controleScrolldown
{
    float: right;
}

.controleScrollup
{
    float: right;
}

/***************************************************************
  CONFIGURAÇÕES DO PAINEL INICIAL EXIBIDO COMO PAINEL AUXILIAR
 ***************************************************************/

.conteudoInicialLateral
{
    margin: 0px 0px 5px 0px;
    overflow: hidden;
    max-height: 516px;
}

.conteudoInicialLateral .tituloSecoesH2, .conteudoInicialLateral .tituloSubSecaoH2
{
    height: 20px;
    padding-bottom: 0px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    width: 168px;
}

.conteudoInicialLateral .marcadorAgrupamento
{
    margin-left: 5px;
}

.conteudoInicialLateral *
{
    font-size: 1em;
}

.conteudoInicialLateral ul
{
    margin: 0px;
    margin-right: 5px;
    margin-top: 10px;
    width: 100%;
}

.conteudoInicialLateral .conteudoAgrupamento li img
{
    width: 22px;
    height: 22px;
    margin-right: 5px;
}

.conteudoInicialLateral .conteudoAgrupamento ul li
{
    width: 100%;
    margin-top: 4px;
    margin-left: 10px;
    font-size: 1em;
    width: 165px;
}

.conteudoInicialLateral .funcioalidadeSelecionada
{
    color: #086694;
}

.conteudoInicialLateral .tituloSecoesH2
{
    height: 22px;
    padding-bottom: 0px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    width: 170px;
}

.conteudoInicialLateral .marcadorAgrupamentoInterno
{
    margin-left: 5px;
    margin-top: -4px;
    display: none;
}

.conteudoInicialLateral .conteudoAgrupamentoInterno
{
    width: 175px !important;
    margin-left: 3px !important;
}

.conteudoInicialLateral .conteudoAgrupamentoInterno li img
{
    width: 15px;
    margin-right: 5px;
}

.conteudoInicialLateral .conteudoAgrupamentoInterno ul li
{
    margin-left: 10px; /*     width:100%;     margin-bottom:6px;     font-size:0.9em;     width: 145px;     */
}

.conteudoInicialLateral .tituloSubSecaoH2
{
    border: none;
    margin-left: 10px;
}

.conteudoInicialLateral .tituloSecoesH2 + div.conteudoAgrupamentoInterno .tituloSubSecaoH2
{
    margin-top: 10px;
}

.conteudoInicialLateral .tituloSecoesH2 h2, .conteudoInicialLateral .tituloSubSecaoH2 h2
{
    font-size: 1em;
    margin-left: 0px;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
}


/************************************************************************
  FIM DAS CONFIGURAÇÕES DO PAINEL INICIAL EXIBIDO COMO PAINEL AUXILIAR
 ***********************************************************************/

.roundedpanels
{
    margin-top: 15px;
    border: 1px solid #CADDEC;
    padding: 15px;
    font-size: 7pt; /*CANTOS ARREDONDADOS E GRADIENTE*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #FFFFFF;
    position: relative; /*added for behavior*/ /*FIM CANTOS ARREDONDADOS E GRADIENTE*/
}

.moduloNav
{
    text-align: left;
    border: 1px solid #ddd;
}

#contentPanel div
{
    padding: 8px 17px;
    display: block;
}

#barBackground
{
    height: 31px;
    z-index: 3;
    display: none;
    position: relative;
}

#barContainer
{
    width: 775px;
    margin: 0 auto;
    z-index: 4;
}

.actionBarLeftBorder
{
    float: left;
    width: 5px;
    height: 31px;
    padding: 0;
    margin: 0;
    border: 0;
    position: relative;
    background: url(../Content/images/icones/actionBarLeftBorder.png);
}

.actionBarRightBorder
{
    float: right;
    width: 5px;
    height: 31px;
    padding: 0;
    margin: 0;
    border: 0;
    position: relative;
    background: url(../Content/images/icones/actionBarRightBorder.png);
}

#actionBar
{
    float: left;
    margin: 0 auto;
    height: 31px;
    width: 765px; /*CANTOS ARREDONDADOS E GRADIENTE*/
    background: url(../Content/images/icones/actionBarBackground.png) repeat-x; /*FIM CANTOS ARREDONDADOS E GRADIENTE*/
    position: relative; /*corrige problema de background da div pai*/
}

#actionBar #iconsgroup
{
    margin-top: 2px;
    z-index: 99999;
}

#actionBar #iconsgroup img
{
    vertical-align: middle;
    margin: 5px;
}

.barButtonGroup
{
    padding: 0px;
    margin: 0px;
    float: left;
}

.containerBarButton
{
    border: 1px solid transparent;
    padding: 0px;
    margin: 0px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    width: 30px;
    height: 23px;
    margin-left: 6px;
}

.containerBarButton:hover
{
    border: 1px solid #81ACDC;
}

.containerBarButtonOculto
{
    display: none;
}

.botaoActionBar
{
    border: 0;
    padding: 0;
    width: 30px;
    height: 23px;
    border-style: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    position: relative;
}

.botoesImportarExportar
{
    float: right;
    width: 120px;
    margin-top: 2px;
    text-align: right;
}

.messageErroHelperNorber {

    background-color: #FF7979;
    color: #FFFFFF;
    border: 1px solid #FE5A5A;
    border-top-width: 0;
    height: auto !important;
    margin-top: 0px;
    margin: 0 auto;
    font-size: 10px;
    font-weight: bold;
    line-height: 180%;
    padding-left: 8px;
    text-align: center;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px !important;
    position: relative;
    display: none;
}

.messageHelperNorber {

    color: #8A5E00;
    background-color: #FFFFB7;
    border: 1px solid #FFD379;
     border-top-width: 0;
    height: 27px;
    margin-top: 0px;
    margin: 0 auto;
    font-size: 10px;
    font-weight: bold;
    line-height: 27px;
    padding-left: 8px;
    text-align: center;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px !important;
    position: relative;
    display: none;
}

.messageBarSuperiorContainer
{
    position: absolute;
    width: 100%;
    z-index: 9;
    display: block;
}

.wrapMessageBarSuperior
{
    width: 775px;
}

.messageBarSuperior
{
    display: none;
    width: 400px;
    height: 27px;
    margin-top: 0px;
    margin: 0 auto;
    font-size: 10px;
    font-weight: bold;
    line-height: 27px;
    color: #8A5E00;
    background-color: #FFFFB7;
    border: 1px solid #FFD379;
    border-top-width: 0;
    padding-left: 8px;
    text-align: center;
    width: -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    position: relative; /*added for behavior*/
}

.messageBarSuperiorErro 
{
    background-color: #FF7979;
    color: #FFFFFF;
    border: 1px solid #FE5A5A;
    border-top-width: 0;
    height: auto;
    line-height: 200%;
}

.balaoErro
{
    font-size: 11px;
    font-family: Arial;
    color: #ffffff;
    font-weight: bold;
    min-width: 100px;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: middle;
    line-height: 20px;
    max-width: 400px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #FF0000;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF0000), to(#CC0000));
    background: -webkit-linear-gradient(#FF0000, #CC0000);
    background: -moz-linear-gradient(#FF0000, #CC0000);
    background: -ms-linear-gradient(#FF0000, #CC0000);
    background: -o-linear-gradient(#FF0000, #CC0000);
    background: linear-gradient(#FF0000, #CC0000);
    -pie-background: linear-gradient(#FF0000, #CC0000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#CC0000');
    position: relative; /*added for behavior*/
}

.listaInconsistenciasDeCampo
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.itemListaInconsistenciasDeCampo
{
}

.formActionBarButton
{
    padding: 0px;
    margin: 0px;
}

.switchButtonContainer
{
    width: 100px;
    height: 20px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 1px solid #AAAAAA;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative; /*added for behavior*/
    font-size: 7pt;
    font-family: verdana;
    font-weight: bold;
    overflow: hidden;
}

.switchButtonContainerOn
{
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0px;
    right: 0;
    background: #3EC418;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3EC418), to(#009933));
    background: -webkit-linear-gradient(#3EC418, #009933);
    background: -moz-linear-gradient(#3EC418, #009933);
    background: -ms-linear-gradient(#3EC418, #009933);
    background: -o-linear-gradient(#3EC418, #009933);
    background: linear-gradient(#3EC418, #009933);
    -pie-background: linear-gradient(#3EC418, #009933);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3EC418', endColorstr='#009933');
}

.switchButtonContainerOff
{
    background: #BCC1BE;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BCC1BE), to(#DDDDDD));
    background: -webkit-linear-gradient(#BCC1BE 0%, #DDDDDD 50%, #BCC1BE);
    background: -moz-linear-gradient(#BCC1BE 0%, #DDDDDD 50%, #BCC1BE);
    background: -ms-linear-gradient(#BCC1BE 0%, #DDDDDD 50%, #BCC1BE);
    background: linear-gradient(#BCC1BE 0%, #DDDDDD 50%, #BCC1BE);
    -pie-background: linear-gradient(#BCC1BE 0%, #DDDDDD 50%, #BCC1BE);
    background: -o-linear-gradient(#BCC1BE 0%, #DDDDDD 50%, #BCC1BE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BCC1BE', endColorstr='#DDDDDD');
}

.switchButtonText
{
    width: 50%;
    height: 100%;
    text-align: center;
    line-height: 19px;
    bottom: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 0;
    position: relative;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.switchButtonBackgroundInativo
{
    background: #BCC1BE;
}

.switchButtonTextOn
{
    color: #FFFFFF;
    float: left;
    background: #3EC418;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3EC418), to(#009933));
    background: -webkit-linear-gradient(#3EC418, #009933);
    background: -moz-linear-gradient(#3EC418, #009933);
    background: -ms-linear-gradient(#3EC418, #009933);
    background: -o-linear-gradient(#3EC418, #009933);
    background: linear-gradient(#3EC418, #009933);
    -pie-background: linear-gradient(#3EC418, #009933);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3EC418', endColorstr='#009933');
    position: relative; /*added for behavior*/
}

.switchButtonTextOff
{
    color: #888888;
    float: right;
    background: #BCC1BE;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BCC1BE), to(#DDDDDD));
    background: -webkit-linear-gradient(#BCC1BE 0%, #DDDDDD 50%, #BCC1BE);
    background: -moz-linear-gradient(#BCC1BE 0%, #DDDDDD 50%, #BCC1BE);
    background: -ms-linear-gradient(#BCC1BE 0%, #DDDDDD 50%, #BCC1BE);
    background: linear-gradient(#BCC1BE 0%, #DDDDDD 50%, #BCC1BE);
    -pie-background: linear-gradient(#BCC1BE 0%, #DDDDDD 50%, #BCC1BE);
    background: -o-linear-gradient(#BCC1BE 0%, #DDDDDD 50%, #BCC1BE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BCC1BE', endColorstr='#DDDDDD');
    position: relative; /*added for behavior*/
}

.switchButton
{
    width: 50%;
    height: 20px;
    left: 50px;
    top: -1px;
    margin: 0;
    position: absolute;
    float: left;
    border: 1px solid #BBBBBB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5F5F5), to(#CCCCCC));
    background: -webkit-linear-gradient(#F5F5F5, #CCCCCC);
    background: -moz-linear-gradient(#F5F5F5, #CCCCCC);
    background: -ms-linear-gradient(#F5F5F5, #CCCCCC);
    background: -o-linear-gradient(#F5F5F5, #CCCCCC);
    background: linear-gradient(#F5F5F5, #CCCCCC);
    -pie-background: linear-gradient(#F5F5F5, #CCCCCC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#CCCCCC');
    overflow: hidden;
}

.labelObrigatorio
{
}

.labelCampo
{
    width: 140px;
    margin-top: 6px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    padding-top: 4px;
    text-align: right;
    color: #808080;
    font-family: Arial;
}

.labelCampoInterno
{
    width: 250px;
    margin-top: 6px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    padding-top: 4px;
    text-align: right;
    color: #808080;
    font-family: Arial;
    padding-right: 0px;
}

.labelSimples
{
    margin-top: 6px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    padding-top: 4px;
    text-align: left;
    color: #808080;
    font-family: Arial;
}

.textCodigo
{
    width: 90px;
}

.textCodigoVazio
{
    color: #777777 !important;
    font-style: italic;
}

.text340
{
    width: 340px;
}

.text240
{
    width: 240px;
}

.text170
{
    width: 170px;
}

.text090
{
    width: 90px;
}


.textArea340
{
    width: 332px;
}

.textArea240
{
    width: 232px;
}

.textArea170
{
    width: 162px;
}

.textArea090
{
    width: 82px;
}

.LGTextArea
{
    height: 50px;
    resize: none;
}


.textArea
{
    width: 490px;
    height: 100px;
    resize: none;
}

textarea, input[type="text"]
{
    font-family: Arial !important;
    font-size: 11px;
    color: #333333;
    margin-top: 6px;
    padding-left: 0;
    border: 1px solid #CCCCCC;
    padding: 4px;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.listaDeItensComboboxEditavel
{
    font-family: Arial !important;
    font-size: 11px !important;
}

.listaDeItensComboboxEditavel li
{
    padding-bottom: 4px !important;
    padding-top: 4px !important;
}

.t-numerictextbox input
{
    width: 90px;
    z-index: 5;
}

.t-numerictextbox .t-arrow-up, .t-numerictextbox .t-arrow-down
{
    display: inline-block;
    margin-top: 6px;
    position: absolute;
    z-index: 30;
}

.t-numerictextbox .t-arrow-down
{
    margin-top: 17px;
}

.t-formatted-value
{
    margin-top: 8px;
    z-index: 30;
}

.t-state-empty
{
    display: none !important;
}

.t-state-error
{
    background-color: #FFFFFF;
    background-color: pink;
    border-color: red !important;
}

.editorHtml
{
    display: inline-block;
    width: 600px;
    margin-top: 6px;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.containerGridInline
{
    display: inline-block;
    margin-bottom: 15px;
}

input[type="text"]:hover, textarea:hover
{
    border: 1px solid #84C1FF;
}

input[type="text"]:focus, textarea:focus
{
    border: 1px solid #3399FF;
}

.textBoxComInconsistencia
{
    border: 1px solid #FF0000 !important;
}

.checkBoxComInconsistencia
{
    outline: 1px solid #FF0000 !important;
}

.formActionBarButton input[type="checkbox"]
{
    margin-top: 6px;
    margin-right: 6px;
}

input[type="radio"]
{
    margin-top: 8px;
    margin-right: 6px;
}

.checkBoxHeaderGrid
{
    margin-top: 0px !important;
}

.labelCheckBox
{
    vertical-align: top;
    margin-top: 7px;
    display: inline-block;
    text-align: left;
    color: #808080;
    font-family: Arial;
}


.labelRadio
{
    vertical-align: top;
    margin-top: 9px;
    display: inline-block;
    text-align: left;
    color: #808080;
    font-family: Arial;
}


.labelInterno
{
    vertical-align: top;
    margin-top: 7px;
    display: inline-block;
    text-align: left;
    color: #808080;
    font-family: Arial;
}

textarea
{
}

.divSwitchButton
{
    float: right;
    width: 110px;
    text-align: right;
    margin: 10px 0px 10px 0;
}

.textoConfirmacao
{
    font-family: Arial;
    font-size: 11px;
    color: #444444;
}

/*Bug 1651: Ourolac - Exibição de colunas no Relatório Ocorrência no Ponto (LG/NEW PONTO)*/
.botaoSimples-w-105 {
	width: 115px !important;
}

.botaoSimples
{
    width: 80px;
    height: 26px;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #6A6A6A;
    border-color: #CCCCCC;
    background: #FCFCFC;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FCFCFC), to(#D7D7D7));
    background: -webkit-linear-gradient(#FCFCFC, #D7D7D7);
    background: -moz-linear-gradient(#FCFCFC, #D7D7D7);
    background: -ms-linear-gradient(#FCFCFC, #D7D7D7);
    background: -o-linear-gradient(#FCFCFC, #D7D7D7);
    background: linear-gradient(#FCFCFC, #D7D7D7);
    -pie-background: linear-gradient(#FCFCFC, #D7D7D7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#D7D7D7');
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative; /*added for behavior*/
}

.botaoSimples:active
{
    border-width: 1px !important;
    background: #FCFCFC;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D7D7D7), to(#FCFCFC));
    background: -webkit-linear-gradient(#D7D7D7, #FCFCFC);
    background: -moz-linear-gradient(#D7D7D7, #FCFCFC);
    background: -ms-linear-gradient(#D7D7D7, #FCFCFC);
    background: -o-linear-gradient(#D7D7D7, #FCFCFC);
    background: linear-gradient(#D7D7D7, #FCFCFC);
    -pie-background: linear-gradient(#D7D7D7, #FCFCFC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7D7D7', endColorstr='#FCFCFC');
    position: relative; /*added for behavior*/
}

    .botaoSimples:hover {
        border-width: 2px;
    }

.botaoSimplesUpload {
    width: 80px;
    height: 17px;
    padding-top: 06px;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #6A6A6A;
    border-color: #CCCCCC;
    background: #FCFCFC;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FCFCFC), to(#D7D7D7));
    background: -webkit-linear-gradient(#FCFCFC, #D7D7D7);
    background: -moz-linear-gradient(#FCFCFC, #D7D7D7);
    background: -ms-linear-gradient(#FCFCFC, #D7D7D7);
    background: -o-linear-gradient(#FCFCFC, #D7D7D7);
    background: linear-gradient(#FCFCFC, #D7D7D7);
    -pie-background: linear-gradient(#FCFCFC, #D7D7D7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#D7D7D7');
    border-width: 2px;
    border-style: solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative; /*added for behavior*/
}

    .botaoSimplesUpload:hover {
        border-color: #0590d7;
    }

.botaoSimplesUpload:active {
    border-width: 1px !important;
    background: #FCFCFC;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D7D7D7), to(#FCFCFC));
    background: -webkit-linear-gradient(#D7D7D7, #FCFCFC);
    background: -moz-linear-gradient(#D7D7D7, #FCFCFC);
    background: -ms-linear-gradient(#D7D7D7, #FCFCFC);
    background: -o-linear-gradient(#D7D7D7, #FCFCFC);
    background: linear-gradient(#D7D7D7, #FCFCFC);
    -pie-background: linear-gradient(#D7D7D7, #FCFCFC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7D7D7', endColorstr='#FCFCFC');
    position: relative; /*added for behavior*/
}

.botaoConfirmar
{
    color: #FFFFFF;
    border-color: #09A1E0;
    background: #00C5FF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00C5FF), to(#0095E1));
    background: -webkit-linear-gradient(#00C5FF, #0095E1);
    background: -moz-linear-gradient(#00C5FF, #0095E1);
    background: -ms-linear-gradient(#00C5FF, #0095E1);
    background: -o-linear-gradient(#00C5FF, #0095E1);
    background: linear-gradient(#00C5FF, #0095E1);
    -pie-background: linear-gradient(#00C5FF, #0095E1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C5FF', endColorstr='#0095E1');
    position: relative; /*added for behavior*/
}


.botaoConfirmar:active
{
    border-width: 1px !important;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00C5FF), to(#00C5FF));
    background: -webkit-linear-gradient(#0095E1, #0095E1);
    background: -moz-linear-gradient(#0095E1, #00C5FF);
    background: -ms-linear-gradient(#0095E1, #00C5FF);
    background: -o-linear-gradient(#0095E1, #00C5FF);
    background: linear-gradient(#0095E1, #00C5FF);
    -pie-background: linear-gradient(#0095E1, #00C5FF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095E1', endColorstr='#00C5FF');
    position: relative; /*added for behavior*/
}

.botaoUpload {
    text-align: center;
    color: #FFFFFF;
    border-color: #09A1E0;
    background: #00C5FF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00C5FF), to(#0095E1));
    background: -webkit-linear-gradient(#00C5FF, #0095E1);
    background: -moz-linear-gradient(#00C5FF, #0095E1);
    background: -ms-linear-gradient(#00C5FF, #0095E1);
    background: -o-linear-gradient(#00C5FF, #0095E1);
    background: linear-gradient(#00C5FF, #0095E1);
    -pie-background: linear-gradient(#00C5FF, #0095E1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C5FF', endColorstr='#0095E1');
    position: relative; /*added for behavior*/
}

.botaoUpload:active {
    border-width: 1px !important;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00C5FF), to(#00C5FF));
    background: -webkit-linear-gradient(#0095E1, #0095E1);
    background: -moz-linear-gradient(#0095E1, #00C5FF);
    background: -ms-linear-gradient(#0095E1, #00C5FF);
    background: -o-linear-gradient(#0095E1, #00C5FF);
    background: linear-gradient(#0095E1, #00C5FF);
    -pie-background: linear-gradient(#0095E1, #00C5FF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095E1', endColorstr='#00C5FF');
    position: relative; /*added for behavior*/
}

.botaoDeclinar
{
}

.botaoQuadrado
{
    width: 23px;
    height: 23px;
}

.botaoQuadrado:focus
{
    border: 1px solid #3399FF !important;
}

.t-grid .t-header, .t-grid .t-grid-header, .t-grid .t-header .t-last-header, #cg-divHeader, .cg-divHeader
{
    position: relative;
    background-color: #F1F5FB;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EDF2FB), to(#FFFFFF));
    background: -webkit-linear-gradient(#EDF2FB, #FFFFFF);
    background: -moz-linear-gradient(#EDF2FB, #FFFFFF);
    background: -ms-linear-gradient(#EDF2FB, #FFFFFF);
    background: -o-linear-gradient(#EDF2FB, #FFFFFF);
    background: linear-gradient(#EDF2FB, #FFFFFF);
    -pie-background: linear-gradient(#EDF2FB, #FFFFFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDF2FB', endColorstr='#FFFFFF');
    font: normal bold 11px Arial, Helvetica, Tahoma, sans-serif !important;
    border-color: #C0CBD9;
    color: #4C607A;
}

.t-grid .t-header
{
    padding-bottom: 1px !important;
}

.t-grid-header tr
{
    height: 17px;
}

.t-grouping-header
{
    background: url(../Content/images/fundoGroupPanel.png) repeat-x 0 center !important;
    font-size: 0.9em;
    color: #006E12;
    padding-left: 15px;
}

.t-grid table
{
    position: relative;
}

.t-grid td
{
    padding-top: 4px;
    padding-bottom: 4px;
    color: #666666;
    position: relative;
    border-bottom-width: 1px;
    white-space: nowrap;
}

.t-grid tr
{
    background: white;
    border: 1px solid #D6E6F7 !important;
    height: 17px;
}

.t-grid tr:hover, #ui-active-menu-item, .ui-state-hover, .ui-widget-content .ui-state-hover, .t-menu-context li:hover
{
    /*position: relative; NÃO COMPARTÍVEL COM IE9*/
    background-color: #EFF5FC;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FBFCFD), to(#EAF2FC));
    background: -webkit-linear-gradient(#FBFCFD, #EAF2FC);
    background: -moz-linear-gradient(#FBFCFD, #EAF2FC);
    background: -o-linear-gradient(#FBFCFD, #EAF2FC);
    background: linear-gradient(#FBFCFD, #EAF2FC) !important;
    background: -ms-linear-gradient(#FBFCFD, #EAF2FC);
    -pie-background: linear-gradient(#FBFCFD, #EAF2FC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFCFD', endColorstr='#EAF2FC');
    color: inherit;
}

.t-grid tr:hover
{
    /*position: relative; NÃO COMPARTÍVEL COM IE9*/
    border-bottom: 1px solid #D6E6F7 !important;
}

.t-grid-header-wrap table
{
    margin-bottom: 0;
}

.t-grid-content
{
    position: relative;
    overflow-y: auto;
}

.t-grid-content table
{
    margin-bottom: 0px;
}

.alturaPadrao .t-grid-content
{
    height: 193px !important;
}

.t-dropdown, .t-combobox
{
    position: relative; /*added for behavior*/
    width: -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
}

.t-dropdown-wrap
{
    border: 0px;
}

.t-dropdown .t-input, .dropdown_cinza, .t-dropdown
{
    font: normal normal bold 11px Arial;
}

.dropdown_cinza
{
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FBFCFD), to(#EAF2FC));
    background: -webkit-linear-gradient(#FBFCFD, #EAF2FC);
    background: -moz-linear-gradient(#FBFCFD, #EAF2FC);
    background: -ms-linear-gradient(#FBFCFD, #EAF2FC);
    background: -o-linear-gradient(#FBFCFD, #EAF2FC);
    background: linear-gradient(#FBFCFD, #EAF2FC);
    -pie-background: linear-gradient(#FBFCFD, #EAF2FC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFCFD', endColorstr='#EAF2FC');
    position: relative; /*added for behavior*/
}

.t-dropdown .t-select
{
    background: transparent;
}

#barBackground.moduloInicio
{
    background: transparent;
    border-bottom: none;
    height: 1px;
}

#conteudo.panelInicial
{
    width: 960px;
}

.combogrid_arrow_button
{
    cursor: default;
    background-image: url(../Content/images/arrow_combo.png);
    background-position: 100% 0px;
    background-repeat: no-repeat;
    padding-right: 15px !important;
}

.cg-wrapContainer
{
    width: 100%;
    max-height: 182px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

.dropdown_azul
{
    color: White;
    font: normal normal bold 0.8em Arial,Helvetica,sans-serif;
    position: relative; /*added for behavior*/
    background: transparent;
    width: -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    border: 1px solid transparent;
    margin-left: 10px;
    height: 20px;
}

.dropdown_azul .t-input
{
    color: White;
    font: normal normal bold 10.5px Arial,Helvetica,sans-serif;
    background: transparent;
    margin-top: 2px;
}

.dropdown_azul .t-select
{
    margin-top: -2px;
}

.dropdown_azul:hover
{
    border: 1px solid #81ACDC;
}


.dropdown_azul.t-state-disabled:hover
{
    border: 1px solid transparent;
}

.dropdown_azul.t-state-disabled .t-arrow-down
{
    display: none;
}


.modalEdicao .t-window-content
{
    padding: 0px;
    border-width: 0;
    background-color: transparent;
}

.painelInferiorErro
{
    height: 115px; /*width:100%;*/
    position: fixed;
    margin-bottom: 0;
    padding-bottom: 10px;
    display: none;
    z-index: 60000;
}

.modalEdicao .t-window-titlebar
{
    display: none;
}

.painelConteudoErro
{
    width: 755px;
    height: 100%;
    margin-bottom: 0px;
    padding: 0 10px;
    padding-bottom: 0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EB3031), to(#F17070));
    background: -webkit-linear-gradient(#EB3031, #F17070);
    background: -moz-linear-gradient(#EB3031, #F17070);
    background: -ms-linear-gradient(#EB3031, #F17070);
    background: -o-linear-gradient(#EB3031, #F17070);
    background: linear-gradient(#EB3031, #F17070);
    -pie-background: linear-gradient(#EB3031, #F17070);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EB3031', endColorstr='#F17070');
    position: relative; /*added for behavior*/
}

.barPainelInferiorErro
{
    height: 20px;
    width: 765px;
    padding-left: 10px;
    padding-top: 5px;
    position: relative; /*added for behavior*/
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B33031), to(#EB3031));
    background: -webkit-linear-gradient(#B33031, #EB3031);
    background: -moz-linear-gradient(#B33031, #EB3031);
    background: -ms-linear-gradient(#B33031, #EB3031);
    background: -o-linear-gradient(#B33031, #EB3031);
    background: linear-gradient(#B33031, #EB3031);
    -pie-background: linear-gradient(#B33031, #EB3031);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B33031', endColorstr='#EB3031');
    width: -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}

.barPainelInferiorErro img
{
    float: left;
}

.barPainelInferiorErro span
{
    float: left;
    font: 10.5px Arial,Helvetica,sans-serif;
    font-weight: bold;
    height: 100%;
    padding-top: 2px;
    padding-left: 5px;
    color: White;
    vertical-align: middle;
}

.conteudoErro
{
    height: 100px;
    width: 100%;
    background-color: #AF6162;
    border: 1px solid #C68E8F;
    width: -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    opacity: 1;
    position: relative; /*added for behavior*/
    float: left;
    overflow-x: hidden;
    overflow-y: scroll;
    color: white;
}

.conteudoErro ul
{
    margin-left: 25px;
    margin-top: 5px;
    font: 11px Arial,Helvetica,sans-serif;
    list-style: disc;
}

.t-menu-context label
{
    font-family: Arial;
    font-size: 11px;
    color: #333333;
}

.t-menu-context input
{
    margin-right: 5px;
}

.t-menu-context li
{
    border: 1px solid transparent !important;
}

.t-menu-context li:hover
{
    border-color: #D6E6F7;
    position: relative !important;
}

.t-menu-context li
{
    padding-top: 1px;
    padding-bottom: 0;
}

/* Utilizado para o Editor do telerik */
.t-editor
{
    height: 10px;
}

.t-editable-area
{
    height: 80px !important;
}

.GridInterna
{
    margin-top: 6px;
    width: 580px;
    height: 219px;
    position: relative;
    display: inline-block;
}

.t-grid-toolbar
{
    text-align: right;
}

.t-grid .t-state-selected
{
    position: relative;
    background-color: #E1EDFB;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F5F9), to(#E1EDFB));
    background: -webkit-linear-gradient(#F2F5F9, #E1EDFB);
    background: -moz-linear-gradient(#F2F5F9, #E1EDFB);
    background: -ms-linear-gradient(#F2F5F9, #E1EDFB);
    background: -o-linear-gradient(#F2F5F9, #E1EDFB);
    background: linear-gradient(#F2F5F9, #E1EDFB);
    -pie-background: linear-gradient(#F2F5F9, #E1EDFB);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F5F9', endColorstr='#E1EDFB');
}

.divDireitaGrid
{
    position: relative;
    top: -140px;
    left: 730px;
    width: 30px;
}

.botao20
{
    border: 1px solid transparent;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.botao20:hover
{
    border: 1px solid #81ACDC;
}


.botaoAdicionar, .botaoAzulClaro
{
    color: #2D7B7B;
    border-color: #61C8C7;
    background: #D6FDFC;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D6FDFC), to(#61C8C7));
    background: -webkit-linear-gradient(#D6FDFC, #61C8C7);
    background: -moz-linear-gradient(#D6FDFC, #61C8C7);
    background: -ms-linear-gradient(#D6FDFC, #61C8C7);
    background: -o-linear-gradient(#D6FDFC, #61C8C7);
    background: linear-gradient(#D6FDFC, #61C8C7);
    -pie-background: linear-gradient(#D6FDFC, #61C8C7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D6FDFC', endColorstr='#61C8C7');
    position: relative; /*added for behavior*/
}

.botaoAdicionar:active, .botaoAzulClaro:active
{
    border-width: 1px !important;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#61C8C7), to(#D6FDFC));
    background: -webkit-linear-gradient(#61C8C7, #D6FDFC);
    background: -moz-linear-gradient(#61C8C7, #D6FDFC);
    background: -ms-linear-gradient(#61C8C7, #D6FDFC);
    background: -o-linear-gradient(#61C8C7, #D6FDFC);
    background: linear-gradient(#61C8C7, #D6FDFC);
    -pie-background: linear-gradient(#61C8C7, #D6FDFC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61C8C7', endColorstr='#D6FDFC');
    position: relative; /*added for behavior*/
}

.botaoCancelar
{
    color: #C10100;
    border-color: #FF8C67;
    background: #FFEBE5;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFEBE5), to(#FF8C67));
    background: -webkit-linear-gradient(#FFEBE5, #FF8C67);
    background: -moz-linear-gradient(#FFEBE5, #FF8C67);
    background: -ms-linear-gradient(#FFEBE5, #FF8C67);
    background: -o-linear-gradient(#FFEBE5, #FF8C67);
    background: linear-gradient(#FFEBE5, #FF8C67);
    -pie-background: linear-gradient(#FFEBE5, #FF8C67);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEBE5', endColorstr='#FF8C67');
    position: relative; /*added for behavior*/
}

.botaoCancelar:active
{
    border-width: 1px !important;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF8C67), to(#FFEBE5));
    background: -webkit-linear-gradient(#FF8C67, #FFEBE5);
    background: -moz-linear-gradient(#FF8C67, #FFEBE5);
    background: -ms-linear-gradient(#FF8C67, #FFEBE5);
    background: -o-linear-gradient(#FF8C67, #FFEBE5);
    background: linear-gradient(#FF8C67, #FFEBE5);
    -pie-background: linear-gradient(#FF8C67, #FFEBE5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8C67', endColorstr='#FFEBE5');
    position: relative; /*added for behavior*/
}

.botaoDuplicar
{
    color: #FFFFFF;
    border-color: #366A9D;
    background: #8CC3FA;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8CC3FA), to(#366A9D));
    background: -webkit-linear-gradient(#8CC3FA, #366A9D);
    background: -moz-linear-gradient(#8CC3FA, #366A9D);
    background: -ms-linear-gradient(#8CC3FA, #366A9D);
    background: -o-linear-gradient(#8CC3FA, #366A9D);
    background: linear-gradient(#8CC3FA, #366A9D);
    -pie-background: linear-gradient(#8CC3FA, #366A9D);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8CC3FA', endColorstr='#366A9D');
    position: relative; /*added for behavior*/
}

.tdErro
{
    background: #FFEBE5;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFEBE5), to(#FF8C67));
    background: -webkit-linear-gradient(#FFEBE5, #FF8C67);
    background: -moz-linear-gradient(#FFEBE5, #FF8C67);
    background: -ms-linear-gradient(#FFEBE5, #FF8C67);
    background: -o-linear-gradient(#FFEBE5, #FF8C67);
    background: linear-gradient(#FFEBE5, #FF8C67);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEBE5', endColorstr='#FF8C67');
}

button::-moz-focus-inner
{
    border: 0;
}

.containerComponenteSelecao
{
    position: relative;
    background-color: White;
}

.TituloInterno
{
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    font-family: Verdana, Helvetica, Tahoma, sans-serif;
    color: #808080;
    line-height: 1.9;
    padding-left: 8px;
}

input[type="text"]
{
    height: 20px !important;
    padding: 0px 0px 0px 1px !important;
    margin-top: 6px !important;
}

/**** CAMPO TEXTO UTILIZADO EM COMBOBOX EDITÁVEIS **********/

.t-combobox input[type="text"]
{
    padding: 0px 3px !important;
    margin-top: auto !important;
}

.t-combobox .t-select
{
    border-color: #A5B3C5;
}

.t-combobox input[type="text"]:hover
{
    border: 0 !important;
}

.t-combobox input[type="text"]:focus
{
    border: 0 !important;
}

.comboboxEditavel
{
    margin-top: 6px;
}

/**** FIM CAMPO TEXTO UTILIZADO EM COMBOBOX EDITÁVEIS **********/

.t-formatted-value
{
    display: none;
}

.uploadImageContainer
{
}

.qq-upload-list
{
    display: none;
}

.t-icon-calendar
{
    margin-top: 9px !important;
}

.t-calendar th, td
{
    border: none;
}


/*----------------
------------------
------------------
------------------
------------------*/


.boxTabFuncionalidade
{
    width: 740px;
    height: 38px;
    background: url(../Content/images/bgListaFuncionalidade.png) repeat-x 0 top;
    margin-bottom: 20px;
}

.listaTabFuncionalidade ul
{
    margin: 0;
}

.listaTabFuncionalidade li
{
    list-style-type: none;
    float: left;
    margin: 0 3px;
    font: bold 1.1em Arial, Helvetica, sans-serif;
    color: #bbb;
    height: 38px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: transparent;
    padding: 0 12px;
    cursor: pointer;
}

.listaTabFuncionalidade li.selecionado
{
    color: #66CCFF;
    background: url(../Content/images/setaTabFuncionalidade.png) no-repeat center bottom transparent;
}

.listaTabFuncionalidade li span, .listaTabFuncionalidade li.selecionado span
{
    height: 25px; /*line-height:38px;*/
    text-transform: uppercase;
    vertical-align: bottom;
}

.listaTabFuncionalidade li.selecionado span.contador, .listaTabFuncionalidade li span.contador
{
    vertical-align: baseline;
    display: inline-block;
    background: #66CCFF url(../Content/images/bgContadorSelecionado.png) repeat-x center top;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 25px;
    width: 28px;
    text-align: center;
    margin-right: 3px;
}

.listaTabFuncionalidade li.selecionado span.contador
{
    color: White;
}

.listaTabFuncionalidade li span.contador
{
    background: #ddd;
    line-height: 26px;
}

.listaTabFuncionalidade li.selecionado span.contador img, .listaTabFuncionalidade li span.contador img
{
    margin-top: 5px;
    vertical-align: top;
}


/*----------------
------------------
------------------
------------------
------------------*/


.boxTabContextual
{
    border-bottom: 1px solid #DDDDDD;
    height: 22px;
    width: 100%;
}

.listaTabContextual ul
{
    margin: 0;
}

.listaTabContextual li
{
    list-style-type: none;
    float: left;
    margin: 0 3px;
    font: bold 1em Arial, Verdana, sans-serif;
    color: #bbb;
    height: 27px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #FFFFFF url(../Content/images/bgTabContextoInativo.png) repeat-x 0 top;
    padding: 0 20px;
    cursor: pointer;
}

.avisoSaldo {
    float: right;
    list-style-type: none;
    width: 94%;
    font: bold 11px Arial, Verdana, sans-serif;
    color: rgba(134, 52, 2, 0.78);
    height: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgba(255, 128, 0, 0.33);
    padding-bottom: 10px;
    padding-top: 5px;
    margin-left: 5px;
    padding-left: 10px;
}

.listaTabContextual li.selecionado
{
    color: #fff;
    background: url(../Content/images/bgTabContexto.png) repeat-x 0 top;
}

.listaTabContextual li span
{
    height: 27px;
    line-height: 22px;
}

.listaTabContextual li.selecionado span
{
    background: url("../Content/images/setaTabContexto.png") no-repeat scroll center bottom transparent;
    display: block;
    height: 27px;
    width: 100%;
}

/*----------------
------------------
------------------
------------------
------------------*/

.boxTabContextualComImagem
{
    font-size: 11px;
}
.boxTabContextualComImagem .listaTabContextual li
{
    height: 23px !important;
}

.boxTabContextualComImagem .tituloAba
{
    display: inline;
    position: relative;
    top: -2px;
}

/*----------------
------------------
------------------
------------------
------------------*/

.boxTabContextualVertical
{
    width: 100px;
}

.listaTabContextualVertical ul
{
    margin: 0;
}

.listaTabContextualVertical li
{
    list-style-type: none;
    float: left;
    margin: 0 3px;
    font: bold 1em Arial, Verdana, sans-serif;
    color: #bbb;
    height: 27px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #FFFFFF url(../Content/images/bgTabContextoInativo.png) repeat-x 0 top;
    padding: 0 15px;
    cursor: pointer;
    width: 120px;
}

.listaTabContextualVertical li.selecionado
{
    color: #fff;
    float: left;
    background: url(../Content/images/bgTabContexto.png) repeat-x 0 top;
}

.listaTabContextualVertical li span
{
    height: 27px;
    line-height: 22px;
    float: left;
}



/*----------------
------------------
------------------
------------------
------------------*/

.listaWizard
{
    background: #F2F2F2;
    height: 90px; /*width:100%;*/
    margin-bottom: 10px;
    margin-left: -15px;
    width: 773px;
}

.listaWizard dl
{
    margin: 0;
    height: 90px;
    padding: 0 0 0 8px;
    width: 146px;
    float: left;
}

.listaWizard dt, .listaWizard dd
{
    font: bold 1.5em Arial, Helvetica, Sans-serif;
    color: #464646;
    margin: 0;
}

.listaWizard dt
{
    padding-top: 5px;
}

.listaWizard dd
{
    font-size: 1.0em;
    color: #999;
    width: 125px;
    font-weight: normal;
    cursor: pointer;
}

.listaWizard dl.wzPendente
{
    background: #FEF5E2 url("../Content/images/bgPendenteWizard.png") no-repeat right top;
}

.listaWizard dl.wzPendente dt, .listaWizard dl.wzPendente dd
{
    color: #DD9C04;
}

.listaWizard dl.wzPendente dd.ddPendente
{
    font-weight: bold;
}

.listaWizard dl.wzConcluido
{
    background: #DEF3DE url("../Content/images/bgConcluidoWizard.png") no-repeat right top;
}

.listaWizard dl.wzConcluido dt, .listaWizard dl.wzConcluido dd
{
    color: #4FC14F;
}

.listaWizard dl.wzAtivo
{
    background: #4F78C1 url("../Content/images/bgSetaWizard.png") no-repeat right top;
}

.listaWizard dl.wzAtivo dt, .listaWizard dl.wzAtivo dd
{
    color: #D9E6F2;
    background: none;
    padding: 0;
}

.listaWizard dl.wzAtivo dt
{
    padding-top: 5px;
}

.listaWizard dl.wzAtivo dd.ddAtivo
{
    font-weight: bold;
    color: #fff;
}

.listaWizard dd img
{
    margin-left: 3px;
}

.wizard .grupoVoltaContinua
{
    height: 25px;
    clear: both;
    width: 740px;
    margin: 10px 0;
    padding: 0;
}

.wizard .grupoVoltaContinua .volta, .wizard .grupoVoltaContinua .continua
{
    float: left;
    padding: 0;
    margin: 0;
}

.wizard .grupoVoltaContinua .continua
{
    float: right;
    margin-right: -5px;
}

.btnVoltar, .btnContinuar
{
    background: url("../Content/images/bgBtnVoltarAtivo.png") no-repeat left top;
    height: 23px;
    width: 73px;
    color: #008FD5;
    font: bold 1.0em Arial, Helvetica, Sans-serif !important;
    border: 0;
    text-indent: 20px;
    padding: 0;
    cursor: pointer;
    margin: 0;
}

.btnContinuar
{
    background: url("../Content/images/bgBtnContinuar.png");
    width: 90px;
    color: #F4F7FB;
}

.btnContinuar:active
{
    background: url("../Content/images/bgBtnContinuarDown.png");
}

.btnVoltar:active
{
    background: url("../Content/images/bgBtnVoltarAtivoDown.png") no-repeat left top;
}

/*---------------------------------------------------- RADIO BUTTON COM IMAGEM --------------------------------------------------*/

.boxRadioButton
{
    width: 500px;
    height: 70px;
    margin-bottom: 10px;
}

.listaRadioButton ul
{
    margin: 0;
}

.listaRadioButton li
{
    list-style-type: none;
    float: left;
    margin: 0 3px;
    font: 1em Arial, Helvetica, sans-serif;
    color: #bbb;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: transparent;
    padding: 0 12px;
    cursor: pointer;
    height: 70px;
    width: 50px;
}

.listaRadioButton li.selecionado
{
    color: #66CCFF;
}

.listaRadioButton li span, .listaRadioButton li.selecionado span
{
    line-height: 25px;
}

.listaRadioButton li span.contador, .listaRadioButton li.selecionado span.contador
{
    vertical-align: baseline;
    display: inline-block;
    background: url("../Content/images/icones/selecionadoVerde.png") no-repeat 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 41px;
    width: 47px;
    text-align: center;
    margin-right: 0px;
}

.listaRadioButton li.selecionado span.contador
{
    color: White;
}

.listaRadioButton li span.contador
{
    background: transparent;
    line-height: 26px;
}

.listaRadioButton li span.contador:hover
{
    border: 1px solid #81ACDC;
}

.listaRadioButton li span.contador img, .listaRadioButton li.selecionado span.contador img
{
    margin-top: 5px;
    vertical-align: top;
}

/*----------------------------------------------------- INTEGRAÇÃO WORKFLOW --------------------------------------------------*/
.containerWorkflow
{
    width: 775px;
    margin: 0;
    padding: 0;
}

.formularioWorkflow.roundedpanels
{
    padding-top: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------*/

#divMenuItens ul
{
    background-color: #0070A6;
    height: 28px;
}

#divMenuItens ul li
{
    display: inline;
}

#divMenuItens ul li span
{
    width: 150px;
}

/*----------------------------------------------------------------------------------------------------------------------------*/

.barraTarefas, .containerTarefas
{
    width: 100%;
    height: 63px;
    background: url("../Content/images/bgBarraTarefas.png") repeat-x 0 0;
    position: fixed;
    bottom: 0;
    right: 0;
}

.containerTarefas
{
    height: 65px;
    width: 100%;
    background: none;
}

.barraOculta
{
    height: 16px;
}

.barraTarefas .controleBarra
{
    background: #f5f5f5 url("../Content/images/icones/iconeSetaDown.png") no-repeat center 4px;
    width: 40px;
    height: 14px;
    top: 0;
    right: 15px;
    position: absolute;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    cursor: pointer;
}

.barraOculta .controleBarra
{
    background: #f5f5f5 url("../Content/images/icones/iconeSetaUp.png") no-repeat center 4px; /*height:12px;*/
}

.barraTarefas .btnTarefa
{
    background: -moz-linear-gradient(#FFFFFF, #dddddd) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(#FFFFFF, #dddddd) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(#FFFFFF, #dddddd) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#dddddd');
    border: 1px solid #CCCCCC;
    border-radius: 6px 6px 6px 6px;
    float: left;
    height: 40px;
    margin: 6px 0 0 6px;
    overflow: hidden;
    position: relative;
    width: 200px;
    cursor: pointer;
}

.barraTarefas .btnTarefa:hover
{
    /*border:1px solid #7FB8D8;*/
    border: 1px solid #aaa;
    box-shadow: 0px 0px 2px 2px #ddd;
}


.barraTarefas .btnTarefa.tarefaRecemFinalizada
{
    /*border:1px solid #7FB8D8;*/
    border: 1px solid #aaa;
    box-shadow: 0px 0px 2px 2px #ccc !important;
}

.barraTarefas .barraProgresso, .barraTarefas .barraProgressoVazia
{
    background: url("../Content/images/fundoBarraProgresso.gif") repeat-x 0 0;
    width: 5px;
    border-right: 1px solid #ddd;
    height: 8px;
    text-align: center;
    border: 1px solid #7FB8D8;
    border-radius: 6px;
}

.barraTarefas .barraProgressoVazia
{
    background: #aaa;
    overflow: hidden;
    border: 0;
    margin-top: 28px;
    width: 190px;
    margin-left: 4px;
    border-radius: 6px 6px 6px 6px;
}

.barraTarefas .barraConcluido
{
    background: linear-gradient(#00ff00, #00aa00) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#00ff00, #00aa00) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(#00ff00, #00aa00) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00aa00');
    border: 1px solid #00AA00;
    max-width: 188px;
    width: 100%;
}

.barraTarefas .rolagemDeTarefas
{
    margin-top: 13px;
    height: 48px;
    width: 100%;
    overflow: auto;
}

.barraTarefas .btnTarefa .ui-icon-close
{
    background-image: url("../Content/images/ui-icons_gray_256x240.png");
    position: absolute;
    float: right;
    right: 0;
    top: 0;
}

.barraTarefas span.conclusao
{
    color: #EEEEEE;
    font-family: arial;
    font-size: 0.8em;
    font-weight: bold;
    margin: -4px 0;
    position: absolute;
    left: 42%;
}

.barraTarefas .textoConcluido
{
    /*left: 36% !important;*/
    display: none;
}

.barraTarefas span.nomeDaTarefa
{
    color: #999999;
    font-family: Arial,Helvetica;
    font-size: 0.9em;
    font-weight: bold;
    margin: 2px 5px;
    position: absolute;
}

.t-state-error .sobrescrito
{
    background-color: transparent !important;
    border-color: yellow !important;
}

.barraTarefas span.descricaoDaTarefa
{
    color: #AAAAAA;
    font-size: 0.85em;
    margin: 14px 0 0 5px;
    position: absolute;
}

.colunaDaEsquerda
{
    float: left;
}

.colunaDaDireita
{
    float: left;
}

.checkboxContexto
{
    margin: 4px 0 0 15px;
    float: left;
}

.campoComCheckboxContexto
{
    float: left;
}

.dataFim
{
    clear: both;
}

.checkboxSimples
{
    margin-left: 143px;
}

.labelVerde
{
    width: auto;
    color: Green;
}

.labelAmarelo
{
    width: auto;
    color: Yellow;
}

.labelVermelho
{
    width: auto;
    color: Red;
}

.labelAzul
{
    width: auto;
    color: Navy;
}

.dd-select .statusAtivo, .dd-select .statusConcluido, .dd-select .statusSuspenso, .dd-select .statusCancelado
{
    background: yellowgreen;
    padding: 8px !important;
}

.dd-select .statusConcluido
{
    background: #7FB8D8;
}

.dd-select .statusSuspenso
{
    background: #D7C67F;
}

.dd-select .statusCancelado
{
}

/* Inicio : Estilo da barra de progresso */

.andamento
{
    width: 60px;
    border: 1px solid black;
    position: relative;
    padding: 2px;
    color: #6A6A6A;
    border-color: #CCCCCC;
    background: #FCFCFC;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FCFCFC), to(#D7D7D7));
    background: -webkit-linear-gradient(#FCFCFC, #D7D7D7);
    background: -moz-linear-gradient(#FCFCFC, #D7D7D7);
    background: -ms-linear-gradient(#FCFCFC, #D7D7D7);
    background: -o-linear-gradient(#FCFCFC, #D7D7D7);
    background: linear-gradient(#FCFCFC, #D7D7D7);
    -pie-background: linear-gradient(#FCFCFC, #D7D7D7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#D7D7D7');
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.porcentagem
{
    position: absolute;
    left: 36%;
    font-family: Arial;
    font-weight: bold;
}

.barraProgresso
{
    color: #FFFFFF;
    border-color: #09A1E0;
    background: #00C5FF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00C5FF), to(#0095E1));
    background: -webkit-linear-gradient(#00C5FF, #0095E1);
    background: -moz-linear-gradient(#00C5FF, #0095E1);
    background: -ms-linear-gradient(#00C5FF, #0095E1);
    background: -o-linear-gradient(#00C5FF, #0095E1);
    background: linear-gradient(#00C5FF, #0095E1);
    -pie-background: linear-gradient(#00C5FF, #0095E1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C5FF', endColorstr='#0095E1');
    height: 15px;
    width: 30%; /* basta aumentar essa propridade com a porcentagem desejada. */
}

/* Fim : Estilo da barra de progresso */


/*----------------------------------------------------------- COMPONENTE DE PESQUISA EM GRID ---------------------------------*/

.botaoPesquisaGrid
{
    margin-top: 8px;
    margin-left: 5px;
}

/*----------------------------------------------------------------------------------------------------------------------------*/

/* Botão exclusivo para os níveis do Departamento */
.botaoNiveis, .botaoSair {
    border: 1px solid #0097E2;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    font-weight: bold;
    line-height: 18px;
    margin-left: 5px;
    margin-top: 10px;
    min-height: 17px;
    padding: 0 6px;
    text-align: center;
    width: 40px;
}


    .ac_box {
        width: 270px;
    }

    .ac_box_top {
        border: 2px solid #DEDEDE;
        border-bottom: none;
        width: 270px;
        background-color: #D0E9F5;
        height: 18px;
        color: #5E99BD;
        font-weight: bold;
    }

    .ac_box_cont {
        border-left: 2px solid #DEDEDE;
        border-right: 2px solid #DEDEDE;
        border-bottom: 2px solid #DEDEDE;
        height: 77px;
        padding: 5px 0;
        background-color: #E5F6FE;
        color: #5E99BD;
    }

.ac_box_top_aviso {
    border: 2px solid #DEDEDE;
    border-bottom: none;
    width: 270px;
    background-color: #F4D34D;
    height: 18px;
    color: #AD610C;
    font-weight: bold;
}

.ac_box_cont_aviso {
    border-left: 2px solid #DEDEDE;
    border-right: 2px solid #DEDEDE;
    border-bottom: 2px solid #DEDEDE;
    height: 77px;
    padding: 5px 0;
    background-color: #F9F47D;
    color: #AD610C;
}

/* Filtro Individual e Coletivo */

.necessario-colaborador {
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    margin: 25px 190px 15px;
    padding: 10px;
}

.opcoes-pesquisa-selecao-coletiva-selecionado {
    font-weight: bold;
    background-color: #BACDE5 !important;
}

.conceito-contem-registros-selecionados {
    background-color: rgb(222, 236, 254) !important;
}

.filtro-maximizado {
    background: url(../Content/images/btnOcultarColaboradores.png) no-repeat center center;
}

.filtro-minimizado {
    background: url(../Content/images/btnVerColaboradores.png) no-repeat center center;
}

#container-filtro-maximizar-minimizar {
    width: 24px;
    height: 24px;
    float: right;
}

.opcao-direita-coletivo {
    opacity: 0.5;
}

    .opcao-direita-coletivo:hover {
        opacity: unset !important;
    }

.opcao-direita-coletivo-selecionado {
    opacity: unset;
}

#contentFlow_componenteSelecao{
    z-index: 1;
}

.truncate-ellipsis-paginacao-recentes{
  width: 90px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Filtro Individual e Coletivo */

.botaoExibirMarcacoes, .botaoAzulClaro {
    color: #2D7B7B;
    border-color: #61C8C7;
    background: #D6FDFC;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D6FDFC), to(#61C8C7));
    background: -webkit-linear-gradient(#D6FDFC, #61C8C7);
    background: -moz-linear-gradient(#D6FDFC, #61C8C7);
    background: -ms-linear-gradient(#D6FDFC, #61C8C7);
    background: -o-linear-gradient(#D6FDFC, #61C8C7);
    background: linear-gradient(#D6FDFC, #61C8C7);
    -pie-background: linear-gradient(#D6FDFC, #61C8C7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D6FDFC', endColorstr='#61C8C7');
    position: relative; /*added for behavior*/
}

.botaoExibirMarcacoes:active, .botaoAzulClaro:active {
    border-width: 1px !important;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#61C8C7), to(#D6FDFC));
    background: -webkit-linear-gradient(#61C8C7, #D6FDFC);
    background: -moz-linear-gradient(#61C8C7, #D6FDFC);
    background: -ms-linear-gradient(#61C8C7, #D6FDFC);
    background: -o-linear-gradient(#61C8C7, #D6FDFC);
    background: linear-gradient(#61C8C7, #D6FDFC);
    -pie-background: linear-gradient(#61C8C7, #D6FDFC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61C8C7', endColorstr='#D6FDFC');
    position: relative; /*added for behavior*/
}

.downloadValidacoes {
    cursor: pointer;
    font-size: 12px;
}

.downloadValidacoes:hover {
    text-decoration: underline;
}

.downloadValidacoes > img{
    width: 12px;
}