/*
*********************** ESTILOS NOVOS ************************
*                         ALFA CSS                           *
-------------------------------------------------------------*
*	@Augusto Fleck                                           *
*	@augustotk@univates.br                                   * 
*                                                            *
*	@Amadeu Weirich                                          *
*	@amadeuw@univates.br                                     *
**************************************************************/

/*------------------------------------------------------------*
* Configurações Padrão                                        *
*-------------------------------------------------------------*/
/*Padroes dafault do sistema*/
body{
	background: url(images/fundo.gif) repeat-x fixed;
    font-family: "Arial", "MS Sans Serif";
    font-size: 12pt;
    font-style: normal;
    font-weight: normal;
}

/*Coloca coloração no fundo dos inputs
input:focus, textarea:focus, select:focus, option:focus {
                    background: #FFFFBC;
}*/

/*Div principal*/
.div_externo {
	background-color: #FFFFFF;
    position:absolute;
    width:980px;
    margin-left:-490px;
    left:50%;
    text-align:center;
	border:1px solid #CCCCCC;
	padding:6px 6px 2px 6px;
}

/*Div Central */
.div_Central{
	background-color: #FFFFFF;
}
img{
    border:0px;
}


/* Div Caminho módulos */
.div_Caminho_Modulos{
    text-align:left;
    margin-bottom: 20px;
    font-size: 8pt;
    height: 12px;
    line-height: 10px;
    vertical-align: middle;
}

a:link{text-decoration:none;color:#333333;}
a:visited{text-decoration:none;color: #003366;}
a:hover{text-decoration:none;color:#666666;}
a:active{text-decoration:none;color: #333333;}

/*------------------------------------*
* Tela de Login(logo-noticias-login)  * 
*-------------------------------------*/
.div_TelaInicial{
	background-color: #FFFFFF;
	padding: 3px 6px 6px 6px;
    width:740px;
    height: 300px;
}

.div_Logo{
	background-color: #FFFFFF;
	border: 0px solid #CCCCCC;
	padding: 3px 6px 6px 6px;
    width:200px;
    height: 130px;
    text-align: left;
    Position:absolute;
    top: 90px;
    Right: 490px;
}

.div_Noticias{
    font-style: normal;
    font-weight: normal;
    color: #000000;
    background-color: #f8f8f8;
    border: 2px solid;
    border-color: #f0f0f0 #909090 #909090 #f0f0f0;
    text-align: left;
    padding: 3px 6px 6px 6px;
    Position:absolute;
    width:300px;
    height: 135px;
    text-align: left;
    top: 240px;
    Right: 440px;
}

.div_Login{
    background-color: #f8f8f8;
    border: 2px solid;
    border-color: #f0f0f0 #909090 #909090 #f0f0f0;
    text-align: left;
    padding: 3px 6px 6px 6px;
    position: absolute;
    width: 300px;
    height: 145px;
    _height: 160px; /* Só visto pelo I.E. */
    left: 430px;
    top: 150px;
}

.div_Cabecalho{
    background: url(images/barra_forms.gif);
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px 0px 3px 0px;
    position: relative;
    width: 100%;
    top: -2px;
}

.div_Login_Coluna1{
    font-weight: normal;
    color: #000000;
    position: absolute;
    width: 70px;
    height: 145px;
    left: 2px;
    top: 35px;
}

.div_Login_Coluna2{
    position: absolute;
    width: 210px;
    height: 145px;
    left: 75px;
    top: 35px;
}

.div_Login_Label{
    position: relative;
    height: 25px;
}

.div_Login_Campo{
    position: relative;
    height: 25px;
}

.div_Login_Button{
    position: relative;
    top: 100px
}
/*-----------------------------------
 * Fim dos styles da tela de login  *
 *----------------------------------*/

/* ------------------------------------------------
 * -------------CLASSES PARA O CORE----------------
 * ------------------------------------------------*/
/* ------------------------------------------------
 * -----------CLASSES PARA FORMULARIOS------------- 
 * ----------------------------------------------- */
.formulario{
    background-color: #f8f8f8;
    border: 2px solid;
    border-color: #f0f0f0 #909090 #909090 #f0f0f0;
    text-align: left;
    padding: 3px 6px 6px 6px;
}

.formulario_sem_borda{
    background-color: #f8f8f8;
    border: 0px solid;
    border-color: #f0f0f0 #909090 #909090 #f0f0f0;
    text-align: left;
}

.formulario th{
    background: url(images/barra_forms.gif);
    font-weight: bold;
    color: #FFFFFF;
    vertical-align: top;
    padding-left: 3px;
}

.corpo_links_td1  
{
    background-color: #F4F4F5;
    border: 1px solid;
    border-color: #3E6FA9;
    text-align: left;
    padding: 3px 6px 6px 6px;
}

.corpo_links_td2
{
    background-color: #FFFFFF;
    border: 1px solid;
    border-color: #3E6FA9;
    text-align: left;
    padding: 3px 6px 6px 6px;
}

/* CLASSES PARA AS CONSULTAS */
table{ 
    font-family: "Arial", "MS Sans Serif";
    font-size: 10pt;
    vertical-align: top;
    border-color: #f0f0f0 #909090 #909090 #f0f0f0;
    border-collapse:collapse; /*Para funcionar a datagrid*/
}

/*tr,td {
    vertical-align: top;
}*/
hr{
    color: #cccccc;
    width: 100%;
}
/*-----------------------FUNDOS------------------------*/
.fundo1 {
    background-color: #FFFFFF;
}

/*--------------TABELA DE LISTAGEM INICIO--------------*/
.oddline
{
        background-color: #d0d0d0;
}

.tabelaGrupos {
    width: 100%;
    background-position: top;
    color: #333333;
    background-color: #FFFFEE;
    font-weight:normal;
    vertical-align:middle;
}

.subGrupos {
    width: 100%;
    background-position: top;
    background-color: #FFFFCC;
    font-size: 9pt;
    font-weight: bold;    
}

.tabelalistagem {
	width: 98%;
    background-position: top;
    color:#333333;
    font-weight:normal;
    vertical-align:middle;
    border: 1px solid #bbbbbb;
    font-size: 9pt;
}

.tabelalistagem th {
    background-color: #E8E8E8;
    background-image: none; /* o background-image do CSS do formulário estava se sobrepondo com a imagem. */
    color:#333333; /* a cor do CSS do formulário estava se sobrepondo. */
    font-weight: bold;
    vertical-align:middle;
    border: 0px;
}

.tabelalistagem_titulo {
    background-color: #d0d0d0;
    font-weight: bold;    
    vertical-align:middle;
    border: 0px;
    font-size: 12pt;
}

.tabelalistagem_tr1 {
    background-color: #FFFFFF;
    font-weight: normal;    
    border: 0px;
    font-size: 10pt;
}

.tabelalistagem_tr2 {
	background-color: #ccc;
    font-weight: normal;    
    border: 0px;
    font-size: 10pt;
}

.tabelalistagem_tr2 td{
    padding-left:5px;
    padding-right:10px;
}

.tabelalistagem_tr1 td{
    padding-left:5px;
    padding-right:10px;
}

.tabelalistagem_tr5 td{
    padding-left:5px;
    padding-right:10px;
}


.tabelalistagem_tr3{
    background-color: #dedab3;
    font-weight: normal;    
    border: 0px;
    font-size: 10pt;
}

.tabelalistagem_tr4 {
	background-color: #f4e3c6;
    font-weight: normal;    
    border: 0px;
    font-size: 10pt;
}

.tabelalistagem_tr5 {
    background-color: #e0e0e0;
    font-weight: normal;    
    border: 0px;
    font-size: 10pt;
}


.tabelalistagem_rodape {
    background-color: #E8E8E8 ;
    font-weight: normal;    
    border: 0px;
    font-size: 10pt;
}
/*--------------TABELA DE LISTAGEM FIM--------------*/

/*--------------CLASSE DA TMESSAGE INICIO-------*/
.table_Tmessage{
    background-color: #f8f8f8;
    border: 1px solid;
    border-color: #f0f0f0 #909090 #909090 #f0f0f0;
    margin-left: auto;
    margin-right: auto;
}
.table_Tmessage th{
    background: url(images/barra_forms.gif);
    font-weight: bold;
    color: #FFFFFF;
    vertical-align: top;
}

/*--------------CLASSE DA TMESSAGE FIM----------*/

/*--------------CLASSE CSS PARA RELATORIOS IGUAIS AO AGATA-------------*/
.tabelaAgataQuebra{
	width: 98%;
    background-position: top;
    font-weight:bold;
    font-size: 10pt;
    background-color: #eceee7;
    font-family:"Helvetica";
}

.tabelaAgataGrupo{
	width: 98%;
    background-position: top;
    font-weight:bold;
    font-size: 10pt;
    background-color: #FFFCC7;
    color:#000001;
    font-family:"Helvetica";
}

.tabelaAgataDetalhes1{
	width: 98%;
    background-position: top;
    font-size: 8pt;
    background-color: #FFFFFF;
    font-weight:normal;
}


.tabelaAgataDetalhes2{
	width: 98%;
    background-position: top;
    font-size: 8pt;
    background-color: #F7F7F7;
    font-weight:normal;
}

.tabelaAgataDetalhes3{
	width: 98%;
    background-position: top;
    font-size: 7pt;
    background-color: #FFFFFF;
    font-weight:normal;
}

.tabelaAgata th {
    background-color: #CCCCCC;
    font-weight: bold;    
    border: 0px;
    font-size: 13pt;
    font-family:"Helvetica";
}

.tabelaAgata {
    background-color: #CCCCCC;
    font-weight: bold;    
    border: 0px;
    font-size: 9pt;
    font-family:"Helvetica";
}

a.navigationBar {
    font-size: 10pt;
}


.titulo_1 {
    color:#333333;
    font-weight: bold;    
    vertical-align:middle;
    border: 0px;
    font-size: 14pt;
}

.texto_1 {
    color:#333333;
    font-weight: normal;    
    vertical-align:middle;
    border: 0px;
    font-size: 14pt;
}

.titulo_2 {
    color:#333333;
    font-weight: bold;    
    vertical-align:middle;
    border: 0px;
    font-size: 13pt;
}

.texto_2 {
    color:#333333;
    font-weight: normal;    
    vertical-align:middle;
    border: 0px;
    font-size: 13pt;
}

.titulo_3 {
    color:#333333;
    font-weight: bold;    
    vertical-align:middle;
    border: 0px;
    font-size: 12pt;
}

.texto_3 {
    color:#333333;
    font-weight: normal;    
    vertical-align:middle;
    border: 0px;
    font-size: 12pt;
}

.titulo_4 {
    color:#333333;
    font-weight: bold;    
    vertical-align:middle;
    border: 0px;
    font-size: 11pt;
}

.texto_4 {
    color:#333333;
    font-weight: normal;    
    vertical-align:middle;
    border: 0px;
    font-size: 11pt;
}

/* --------------- Estilos para o componente TScale ------------------ */
.TScale_Header td
{
    border-bottom:3px solid #C5C2B2;
    border-right:1px solid #ACA899;
    border-left:1px solid #FFF;
    background-color: #ECE9D8;
}

.TScale_Body td
{
    padding: 5px 5px 5px 5px;
    border: 1px solid #989898;
}

@media only screen and (max-width: 600px) {
    
    .formulario {
        width: 100% !important;
    }

    .formulario-mobile {
        width: 100% !important;
    }

    #dhtmlgoodies_tabView1 {
        width: 100% !important;
    }

    @media only screen and (max-width: 370px) {
        #dhtmlgoodies_tabView1 {
            width: 90% !important;
        }
    }

    @media only screen and (max-width: 325px) {

        #dhtmlgoodies_tabView1 {
            width: 80% !important;
        }
    }

    .dhtmlgoodies_tabPane{
        margin-bottom: 20px !important;
    }
    
    .div_externo {
         position: relative !important; 
         width: 100% !important; 
         margin-left:0 !important; 
         left: 0 !important; 
         padding: 0  !important;
    }

    select  {
        width: 80% !important;
    }
    input[type=text], input[type=password] {
        width: 80%
    }
    
    .multifieldDiv {
        width: 80% !important;
    }

    #necessidadesmfTable {
        width: 80% !important;
    }

    .modalDialog_contentDiv {
        width: 100% !important;
        left: 0 !important;
    }
}

.table_l td {
    padding: 5px;
    border-bottom: 1px solid #335888;
}

.table_l th {
    padding: 5px;
    background: #3e75ae;
    color: white;
}

table .table_l {
    border: 1.5px solid #335888 !important;
}

.row-two {
    background: rgba(62, 111, 169, 0.21);
}
.row-one {
    background: white;
}

.importa-notas-enem-title {
    font-size: 23px;
    font-family: serif;
    font-weight: bold;
    color: #336090;
    display: block;
    margin: 10px;
}

.alfa-erro {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
}

.block {
    opacity: 0.5;
    pointer-events: none;
}

#ui-datepicker-div {
    z-index: 99999;
}

.right-panel {
    right: 0;
    position: fixed;
    top: 0;
    border-right: 1px solid #c0c0c0;
    width: 0px;
    height: 100%;
    float: right;
    z-index: 1030;
    display: none;
    overflow: auto;
    opacity: 1;
    overflow-x: hidden;
    box-shadow: 0px 10px 50px 0px rgba(50, 50, 50, 0.34);
    background: white;
    border-left: 1px solid #c0c0c0;
    transition: width 0.5s;
}

@media screen and (max-width: 1400px) {
    .right-panel {
        width: 500px;
    }
}

@media screen and (max-width: 1000px) {
    .right-panel {
        width: 300px;
    }
}

.modal-message {
    width: 100%; 
    height: 100%; 
    margin: 0;
}

.modal-message-title {
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-size: 24px;
    background-image: linear-gradient(to right, #6483b2, #33609a);
    padding: 16px;
}

.modal-message-body {
    overflow-wrap: break-word;
    word-wrap: break-word;
    padding:10px;
    font-size:16px;
    overflow: auto;
    height: calc(100% - 24%);
}

.modal-message-body::-webkit-scrollbar-track {
    background-color: #F4F4F4;
    border-radius: 2px;
}

.modal-message-body::-webkit-scrollbar {
    width: 8px;
    background: #F4F4F4;
    border-radius: 2px;
}

.modal-message-body::-webkit-scrollbar-thumb {
    background: #6483b2;
    border-radius: 2px;
}

.webdiario-div-actions{
    border: 2px solid;
    padding: 20px;
    border-color: #f0f0f0 #909090 #909090 #f0f0f0;
    background-color: #f8f8f8;
}