/* 
    Created on : 12/12/2015, 23:21:48
    Author     : MauricioArthur
*/

*{
    margin: 0;
    padding: 0;
}

html, body{
    height: 100%;
    background-color: #EEEEEE;
}

#header{
    border: #4C4C4C solid 0.5em;
}

.imgLogo{
    width: 100%;
    display: inline;
    padding-top: 1em;
}

.h3Sistema{
    margin-top: 1.7em;
}

.linha{
    width: 100%;
    border-bottom: 0.5em #4C4C4C solid;
    
    margin-bottom: 2em;
}

.botaoTools{
    font-size: 1.5em;
    font-weight: 300;
    border: 1px #000 solid;
}

#conteudo{
    border-left: #4C4C4C solid 0.5em;
    border-bottom: #4C4C4C solid 0.5em;
    border-right: #4C4C4C solid 0.5em;
    
    min-height: 550px;
    padding: 1em;
    
}
#modulos{
    
}

.inputAC {
    margin-bottom: 0.2em;
    
    
}

#divItens input{
    margin-bottom: 0.2em;
}
#divMateriais input{
    margin-bottom: 0.2em;
}

#linhaCinza{
    width: 100%;
    color: #4B56A6;
    border-top: 0.4em #4B56A6 solid;
    margin-top: 0.5em;
}

.menu{
    margin-top: 3em;
    
}
.subMenu{
    color: #FFF;
    background-color: #444;
    font-size: 1.2em;
    margin: 0;
}

.navbar-nav{}

.divMenu{
    margin-top: 2.5em;
}

.dropdown{
    display: inline;
    margin: 0;
}

.dropdown ul a:hover{
    cursor: pointer;
}

.btnLogout{
    text-align: center;
}
.btnFuncao{
    margin-right: 0.1em;
}



/*TAREFAS*/
.tarefa{
    min-height: 5em;
    background-color: #FFF;
    border-radius: 5px;
    padding: 1em;
}
.divNroTarefa{
    margin-top: 3em;
    background-color: #444;
    color: #FFF;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    
}
.divAcoesTarefa{
    
}
.divAcoesTarefa button{
    width: 100%;
    margin-top: 1.5em;
    
    width: 65%;
    font-weight: 700;
}
.divAcoesTarefa button span{
    text-align: left;
}

#progressbar{
    height: 20px;
    border: 1px #AAA solid;
    
}

#pPercentual{
    margin-top: 1.5em;
}
#divAndamentosTarefa{
    margin-left: 2em;
    margin-right: 2em;
}

.darkRed{
    color: #b81900;
    font-weight: 700;
}

/*FIM TAREFAS*/


/*LEMBRETES*/
#divLembretes{
    
}
.lembrete{
    min-height: 5em;
    width: 100%;
    background-color: #FFE049;
    border-radius: 10px;
    padding: 0.2em;
    margin-bottom: 1em;
    margin-right: 1em;
}
.lembreteExterno{
    min-height: 5em;
    width: 100%;
    background-color: #c7254e;
    border-radius: 10px;
    padding: 0.2em;
    margin-bottom: 1em;
    margin-right: 1em;
}
.lembreteTitulo{
    width: 50%;
    float: left;
    border-bottom: 1px #444 solid;
}
.lembreteAcoes{
    width: 45%;
    float: left;
    text-align: right;
    border-bottom: 1px #444 solid;
}
.lembreteDescricao{
     
}
/*FIM - LEMBRETES*/


/*AVISOS*/
#divAviso{
    opacity: 0.5;
    background-color: #FFF;
    padding: 1em;
    float: right;
    
    width: 30%;
}
#divAviso:hover{
    opacity: 100;
}
.divAvisoTextoAzul{
    background-color:#00ACCD;
    border-top:10px solid #00ACCD;
    border-right:10px solid transparent;
    background-clip: padding-box;
    padding: 10px 10px 10px 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    
    width: 80%;
    float: left;
    margin-bottom: 0.2em;
}

.divAvisoTextoVerde{
    background-color:#9CDE79;
    border-top:10px solid #9CDE79;
    border-right:10px solid transparent;
    background-clip: padding-box;
    padding: 10px 10px 10px 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    
    width: 80%;
    float: left;
    margin-bottom: 0.2em;
}

.divAvisoTextoAmarelo{
    background-color:#FFDC44;
    border-top:10px solid #FFDC44;
    border-right:10px solid transparent;
    background-clip: padding-box;
    padding: 10px 10px 10px 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    
    width: 80%;
    float: left;
    margin-bottom: 0.2em;
}

.divAvisoTextoVermelho{
    background-color:#ED634B;
    border-top:10px solid #ED634B;
    border-right:10px solid transparent;
    background-clip: padding-box;
    padding: 10px 10px 10px 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    
    width: 80%;
    float: left;
    margin-bottom: 0.2em;
}

.divAvisoTextoRoxo{
    background-color:#D094D4;
    border-top:10px solid #D094D4;
    border-right:10px solid transparent;
    background-clip: padding-box;
    padding: 10px 10px 10px 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    
    width: 80%;
    float: left;
    margin-bottom: 0.2em;
}

.divAvisoMascote{
    width: 17%;
    float: left;
    
}
.divAvisoClose{
    width: 3%;
    float: left;
}

.divAvisoTexto h4, .divAvisoTexto img{
    display: inline;
}
.imgMascote{
    width: 100%;
    border-radius: 50%;
}
.imgEmoticon{
    width: 10%;
}

.linkAviso{
    cursor: pointer;
    color: #333333;
}
.linkAviso:hover{
    color: #000;
}

.divAvisoTexto table th{
    padding-left: 1em;    
}
.divAvisoTexto table td{
    padding-left: 2em;
}


.bolaStatusVerde{
    display: inline-block; 
    border-radius: 50%; 
    height: 1.5em; 
    width: 1.5em; 
    background-color: #007F0E;
    margin-top: 0.5em;
}
.bolaStatusVermelho{
    display: inline-block; 
    border-radius: 50%; 
    height: 1.5em; 
    width: 1.5em; 
    background-color: #D30000;
    margin-top: 0.5em;
}

/*FIM - AVISOS*/


/*FINANCEIRO*/
#resumoParcelas{
    background-color: #FFF;
    margin-top: 1em;
    padding: 0.2em;
    border-radius: 0.2em;
}


.positivo{
    color: #D30000;
}
.negativo{
    color: #007F0E;
}

.tdGreen{
    color: #007F0E;
}
.tdBlue{
    color: #39c;
}
.tdRed{
    color: #D30000;
}

.checkTodas label{
    margin-top:1.7em;
    font-weight: bold;
}

/*FIM -FINANCEIRO*/


.divWhite{
    background-color: #FFF;
}





.imgOrcamentoThumb{
    width: 40%;
    border: 1px #000 dotted;
}

.divImagemOrcamento{
    width: 42%;
}

.divFloatLeft{
    float: left;
}

.displayInline{
    display: inline;
}


#divImagensAdded{
    margin-top: 0.9em;
}

.divImgAdded{
    width: 50%;
    float: left;
    padding: 0.5em;
}

.imgOrcamentoAdded{
    width: 100%;
    margin: 0.2em;
    padding-top: 0.2em;
}

/*TESTES*/