/* Cores */

/*
Laranja: #F58220
Cinza: #666666
*/

.cora {
    color: #F58220;
}

.cora-back {
    background-color: #F58220;
}

.cora2 {
    color: #FFCC80;
}

.cora2-back {
    background-color: #FFCC80;
}

.corb {
    color: #666666;
}

.corb-back {
    background-color: #666666;
}

.corb2 {
    color: #e6e6e6;
}

.corb2-back {
    background-color: #e6e6e6;
}

.cor-branco {
    color: white;
}

.cor-preto-back {
    background-color: #000000;
}

.cor-erro {
    color: Red;
}

.cor-receita, .positive {
    color: #008000;
}

.cor-despesa, .negative{
    color: red;
}

/* Misc */

.clear {
    clear: both;
}

.marg-lateral {
    padding-left: .5em;
    padding-right: .5em;
}

.em-linha {
    display: inline;
    float: left;
}

.oculta {
    display: none;
}

.toogle-content {
    display: none;
}

/* Alinhamento */

.alinhamento-centro {
    text-align: center;
    align-content: center;
}

.alinhamento-direita {
    text-align: right;
}

.alinhamento-esquerda {
    text-align: left;
}



@media only screen and (max-width: 800px) {
    .alinhamento-centro {
        text-align: left;
    }

    .alinhamento-direita {
        text-align: left;
    }
}

/* Colunas */
.cols2 {
    float: left;
    max-width: 50%;
}

.cols3 {
    float: left;
    max-width: 33%;
}

.cols4 {
    float: left;
    width: 25%;
}

.coluna1-data, .coluna2-data {
    float: left;
    min-width: initial;
}

.coluna2-data {
    margin-left: 1em;
}

@media only screen and (max-width: 800px) {
    .cols3 {
        clear: both;
        width: 100%;
        max-width: 100%;
        margin-bottom: .5em;
    }

    .coluna2-data {
        float: left;
        margin-left: 0em;
    }
}