@charset "UTF-8";

/* CSS Document */
/*
Documento    : tabelas.css  
Objetivo     : Estilizar Sitema de Evolução Médica
Desenvolvido : Cleber Luis Da Silva
Data criacao : 25/02/2016
Versao       :  
*/



/* *********************** Inicio - NOVO CSS BoootStrap ************************** */

body
 {
    width: 100%;
    height: 100%;
    font-family: 'Lato', sans-serif;
	font-weight: 300;
    color: #4F4F4F;
    /* background-color: #9FB6CD;  */
}

carousel-caption {
    position: absolute;
    right: 10%;
    bottom: 20px;
    left: 10%;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 65px;
    color: #fff;
    text-align: center
}

/* controla linha de separação nas paginas */
hr
 {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}


/* Muda a cor de todos os labels  */
p{
	text-align: justify;
}


/* Controla mensagem de erro do formulario */
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #FFD700;
}


/* Controla a inserção das msgs de erro no formulario */
.help-block 
{
    display: block;
    margin-top: 1px;
    margin-bottom: -6px;
    /* color: #FFD700; */
}


/* Controla o label das abas dos formularios */
.nav-tabs>li>a {
    color: #FFF;
    /* color: #00BFFF; */
    text-decoration: none;
}

/* Background da barra de menu */
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: cornflowerblue;
}


#titulo_pagina
{
	color: #36648B;
	font-size: 28px;
}

#titulo_pagina2
{
    color: #fff;
    background: #36648B;
}

#informe_dados
{
	color: #fff;
	margin: 15px 0 1px 0;
}



.dropdown-menu>li>a 
{
    display: block;
    padding: 1px 19px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571;
    color: #F5F5F5;
    white-space: nowrap;
	font-weight: bold;
}


.dropdown-menu 
{
    background-color: #36648B;
	opacity: 0.9;
}

.dropdown-menu> li > a:hover
{
	background-color: #DCDCDC;
}


/* cor da fonte do menu*/
.navbar-inverse .navbar-brand {
    color: #CDAD00;
}
.navbar-inverse .navbar-nav>li>a 
{
    color: #FFD700;
}


/* Inverte a cor da fonte do menu */
.navbar-inverse
 {
    background-color: #104E8B;
    border-color: #36648B;
	opacity: 0.9;
}


/* Mantem barra de navegacao no topo */
.navbar-fixed-top 
{
    top: 0;
    border-width: 0 0 1px;
}


/* controla cor do menu ativo */
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover 
{
    color: #fff;
    background-color: #1874CD;
}

/* Define cor do titulo do detalhe */
.well {
    min-height: 20px;
    padding: 12px;
    margin-bottom: 20px;
    background-color: #F5F5F5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); */
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.05); */
}


/* Define tamanho do campos de Input */
.input-sm 
{
    height: 33px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
}


/* DatePicker*/
.datepicker table 
{
    width: 100%;
    margin: 0;
    background-color: #EEEEE0;
}



/* Inicio - DataTable */ 
/*
.table-striped> tbody> tr:nth-of-type(odd)
{
	//background-color: #B0C4DE;
}
*/

.table-hover> tbody > tr:hover
{
background-color: #DCDCDC;
}

.table
{
    background-color: #EEEEE0;
}
/* Fim - DataTable */ 




/* inicio teste */
* { font-family: sans-serif; }
#content_1 { display: none; }
/* fim teste */



#detalhamento {
font-size: 12px;
}


.carousel-caption  h5{
    max-width: 100%;
    padding: 2px;
    margin: 0 auto; 
    text-align: center;
	background-color: #CFCFCF;
	opacity: 0.8;
	color: #0000FF;	
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}


.carousel-caption {
bottom: -4px;	
}

ol, ul {
margin-bottom: -15px;	
}


#caixa_detalhe, #caixa_detalhe2 
{
    margin-top: -12px; 
    margin-left:0px; 
    width: 100%;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    background-color: #4682B4;
    /* background: url('../img/fundo_nuvem3.jpg') no-repeat;  */
    padding: 10px 10px 10px 10px;
    /* background-image: linear-gradient(260deg, #0f6b8b 0%, #58b7d7 100%); */
    /* background-image: linear-gradient(129deg, #0f6b8b 0%, #58b7d7 100%); */
}

#titulo_detalhe{
color: #fff;
font-size: 22px;
font-weight: bold;
/* background-color: #4f94cd; */
background-image: linear-gradient(260deg, #0f6b8b 0%, #58b7d7 100%);
}

#titulo_detalhe2{
color: #fff;
font-size: 22px;
font-weight: bold;
background-color: #4682B4; 
/* background-image: linear-gradient(260deg, #0f6b8b 0%, #58b7d7 100%); */
}

.label_imagem
{
    color: #fff;
}



/* Inicio - Configura imagem do arquivo em anexo --------------- */
#foto_nome
{
    /* margin: 84px 0 0 80px; */
    color: #fff;
    padding: 12px 0 0 0;
}
#foto_nome2
{
    /* margin: 84px 0 0 80px; */
    color: #fff;
    padding: 12px 0 0 0;
}
#foto_nome3
{
    /* margin: 84px 0 0 80px; */
    color: #fff;
    padding: 12px 0 0 0;
}

/*
#resposta_img, #resposta_img2, #resposta_img3
{
    width: 331px; 
    height: 186px;
    border: 3px solid #9C9C9C;
    background: url('../fotos/modelo_notificacao.jpg') no-repeat;  
}
*/


#conduta_imediata
{
  font-size: 11px;
}


/* foto no grid de consulta */
#img_tam 
{
    width: 40px; 
    height: auto;
}

progress 
{
    -webkit-appearance: progress-bar;
    box-sizing: border-box;
    display: inline-block;
    height: 5em;
    width: 38em;
    /* width: 53em; */
    /* height: 1em; */
    /* width: 10em; */
    vertical-align: -0.2em;
	margin: 14px 0px 0px 0px;
}


#resposta, #resposta2, #resposta3
{
    color: #fff;
}

#porcentagem, #porcentagem2, #porcentagem3 
{
    color: #fff;
}


/* Inicio - mensagem de anexos */
.msg_anexo
{
    text-align: center;
    padding: 10px 15px 10px 15px;
}

#resposta_envio
{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

#envio_anexo
{
    color: #FFFF00;
    font-size: 14px;
}    

#img_resposta_envio
{
    margin: 10px 0px 0px 725px;
    border: 2px solid #1874CD;
    width: 70px; 
    height: auto;
    cursor: pointer;
}
/* Fim - mensagem de anexos */


@media(max-width:768px) 
{

    .msg_anexo
    {
        text-align: center;
        padding: 10px 15px 10px 15px;
    }

    progress 
    {
        -webkit-appearance: progress-bar;
        box-sizing: border-box;
        display: inline-block;
        height: 3em;
        width: 25em;
        vertical-align: -0.2em;
        margin: 14px 0px 0px 0px;
    }
    
    .form-control 
    {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 13px;
    }   

    #resposta, #resposta2, #resposta3
    {
        color: #fff;
        padding-left: 15px;
    }

    #resposta_img, #resposta_img2, #resposta_img3{
        text-align: center;
        padding: 10px;
    }

    #resposta_envio{
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        padding-left: 20px;
    }

    #img_resposta_envio
    {
        margin: 10px 0px 0px 150px;
        width: 55px;
        height: auto;
    }
    
    #envio_anexo{
        color: #FFFF00;
        font-size: 14px;
    }

    #rodape_formulario {
        padding-top: 15px;
    }

    #foto_nome
    {
        margin: -35px 0 0 60px;
        color: #fff;
        /* position: absolute; */
    }
    #foto_nome2
    {
        margin: -35px 0 0 60px;
        color: #fff;
        /* position: absolute; */
    
    }
    #foto_nome3
    {
        margin: -35px 0 0 60px;
        color: #fff;
        /* position: absolute; */
    
    }


}
/* Fim - Configura imagem do arquivo em anexo ------------------ */



/* Inicio - Ajuste Tela do Slider no Tablet ------------- */
@media(max-width: 1200px)
{
  
  .carousel {
    height: 30%;
  }
  
  #refresh_imgtabela2
  {
    margin-top: -14px;
    text-align: center;
  }


}
/* Fim - Ajuste Tela do Slider no Tablet ---------------- */



#img_filtratabela2 {
margin: -10px 0px 0px -20px; 
width: 50px; 
height: auto;
}


#caixa_tabela {
margin-top: -10px; 
margin-left:0px; 
width: 100%;
font-family: arial;
font-size: 12px;
font-weight: bold;
}


#caixa_consulta_tabela {
padding: 5px;
margin-top: -4px; 
margin-left:0px; 
border: 1px solid #9C9C9C;
/* border-radius: 4px; */
width: 100%;
background-color: #4F94CD;
font-family: arial;
font-size: 12px;
font-weight: bold;
}


#caixa_titulo {
    margin-top: 0px;
    margin-left: 0px;
    border: 1px solid #9C9C9C;
    width: 100%;
    height: 60px;
    background-color: #222d4f;
    text-align: center;
}

#lblcaixatitulo {
    /* position: absolute; */
    margin-top: 9px;
    /* margin-left: 83px; */
    font-size: 30px;
    color: #ffffff;
    text-align: center;
}


#refresh_imgtabela {
position: absolute;    
margin-top:2px;
margin-left: 2px; 
width: 80px;
height: 54px;
}

#img_tabelaconsulta {
    width: 75px;
    height: 54px;
    border-radius: 5px;
    border: 1px solid #9C9C9C;
    margin-top: -76px;
}

#img_tabelaconsulta:hover
{
	width: 78px;
}


#img_tabelaconsulta2 {
margin: 10px 0px 0px -10px; 
width: 54px; 
height: auto;
}

#img_tabelaconsulta2:hover
{
	margin-left: -20px;
}


#img_imprime_tabela {
margin: 4px 0px 0px 16px; 
width: 62px; 
/* padding: 0 0 -10px 0; */
height: auto;
}

#img_imprime_tabela:hover
{
    margin-left: 14px;
}
        


#lblcaixainsumo2 {
position:absolute;    
margin:8px 0px 0px 10px; 
font-size: 18px;
color: #104E8B;
width: 1032px;
height: 25px;
background-color: #BEBEBE;
text-align: center;    
}


#bt_novoitem {
position:absolute;    
margin: 1px 0px 0px -28px; 
font-size: 14px;
width: 110px;
height: 30px;
}

#img_novoitem {
position: absolute;    
margin-top:1px;
margin-left:30px; 
width: 50px;
height: 50px;
box-shadow: 1px 1px 1px #696969; 
border-radius: 3px; 
border: 1px solid #9C9C9C;
}

#img_novoitem:hover
{
	width: 58px;
}


#bt_exportapdf {
position: absolute;    
margin-top:4px;
margin-left: 65px; 
width: 40px;
height: 44px;
}
#img_exportapdf {
width: 40px;
height: 44px;
box-shadow: 2px 2px 2px #696969;
border-radius: 5px; 
border: 1px solid #9C9C9C;
}

#bt_exportaxls 
{
    position: absolute;    
    margin-top:4px;
    margin-left: 65px; 
    width: 40px;
    height: 44px;
}
#img_exportaxls 
{
    width: 40px;
    height: 44px;
    box-shadow: 2px 2px 2px #696969;
    border-radius: 5px; 
    border: 1px solid #9C9C9C;
}
#img_exportaxls:hover
{
    width: 45px;
}
    

#lblcaixafiltro {
position:absolute;    
/* margin:12px 0px 0px 388px;  */
/* width: 100%; */
margin-top: 15px;
margin-left: 83px; 
font-size: 18px;
color: #ffffff;
text-align: center;    
}


#lblfiltro {
color: #FFFFFF; 
font-size: 14px;
}

#lblfiltro2 {
color: #FFFFFF; 
font-size: 14px;
}


#caixa_filtro {
margin-top: -6px;
margin-left: 0px; 
/* margin-bottom: 18px;  */
border: 1px solid #9C9C9C;
width: 100%;
height: 58px;
background-color: #104E8B;
}

#lblfiltro {
position:absolute;
font-size: 14px;
color: #FFFFFF; 
margin-top: 1px;
margin-left: 5px;
}


#lblcaixafiltro2 {
position:absolute;    
margin-top: 15px;
margin-left: 83px; 
font-size: 18px;
color: #ffffff;
text-align: center;    
}

#caixa_filtro2 {
margin-top: -6px;
margin-left: 0px; 
border: 1px solid #9C9C9C;
width: 100%;
height: auto;
background-color: #104E8B;
color: #fff;
}

.tab-content>.active {
    display: block;
    color: #fff;
}

#unidade2{
    font-size: 18px;
    text-align: center;
}

#rodape_formulario
{
    text-align: center;
    padding-top: 15px;
}


.breadcrumb 
{
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 12px;
}



/* INICIO - Interface Mobile ======================================== */

/* Inicio - Barra de Pesquisa ------------------- */
@media(max-width:768px) 
{

    .breadcrumb 
    {
        padding: 8px 6px;
        margin-bottom: 20px;
        list-style: none;
        background-color: #f5f5f5;
        border-radius: 4px;
        font-size: 12px;
    }
    
    #arquivo
    {
        font-size: 12px;
    }

    #img_tabelaconsulta 
    {
        width: 75px;
        height: 54px;
        border-radius: 5px;
        border: 1px solid #9C9C9C;
        margin-top: -58px;
    }

    #lblcaixatitulo 
    {
        /* position: absolute; */
        margin-top: 14px;
        margin-left: 75px;
        font-size: 20px;
        color: #ffffff;
        text-align: center;
    }

    #img_imprime_tabela 
    {
        /* margin: -104px 0px 0px 90px; */
        width: 62px;
        height: auto;
    }
    
    #caixa_filtro2 
    {
        padding-top: 10px;
        height: 220px;
    }

    #refresh_imgtabela2
    {
        padding-bottom: 5px
    }

    #img_tabelaconsulta2 
    {
        margin: 10px 0px 0px 0px;
    }    

    #img_tabelaconsulta2:hover
    {
        margin-left: -10px;
    }

  
}
/* Fim - Barra de Pesquisa ---------------------- */


/* Inicio - Slide principal --------------------- */
@media(max-width:768px) 
{

    .carousel 
    {
        height: 25%;
    }

    .carousel-caption h2
    {
        font-size: 24px;
        text-align: center;
    }

    #titulo_pagina 
    {
        color: #36648B;
        font-size: 25px;
    }

    #titulo_detalhe2 
    {
        color: #fff;
        font-size: 14px;
    }    

}
/* Fim - Slide principal ------------------------ */


.carousel-indicators {
    bottom: 16px;
}


/* Inicio - Rodape versão ----------------------- */
#rodape_versao 
{
    font-size: 11px;
    text-align: center;
}

@media(max-width:768px) 
{

    #rodape_versao
    {
        font-size: 11px;
        text-align: center;
    }

}
/* Fim - Rodape versão -------------------------- */

/* FIM  - Interface Mobile =========================================== */



tfoot input 
{
	width: 100%;
	padding: 3px;
	box-sizing: border-box;
}



/* Controla o tamanho da janela modal do BootStrap */
@media (min-width:768px){.modal-dialog{width:670px;margin:30px auto}}


/* Inicio - Controla rolagem de tela no formulario  
.modal-body 
{
	overflow-y:auto;
    max-height: 100%;
  
}
*/

.modal-body{
    /* height: 500px; */
    height: 590px;
    overflow-y: auto;
}

@media (min-height: 500px) {
    /* .modal-body { height: 500px; } */
    .modal-body { height: 590px; }
}

@media (min-height: 800px) {
    .modal-body { height: 600px; }
}

/* Fim - Controla rolagem de tela no formulario */



/* Controla efeito hover da barra de menu - NavBar */
.dropdown:hover .dropdown-menu {
display: block;
}

/* Define tamanho da fonte no formulario */
.form-control 
{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 10px;
    font-size: 12px;
}    
/* *********************** Fim - NOVO CSS BoootStrap **************************  */