@import url('https://fonts.googleapis.com/css?family=Montserrat:600|Open+Sans:600&display=swamp%27');

* {
    margin: 0;
    padding: 0;
}

/* ============= */
/* SIDEBAR STYLE */
/* ============= */

div .header {
    display: inline;
}

.float-left{
    float: left;
}

.fa-stack[data-count]:after {
    position: absolute;
    right: 29%;
    top: -22%;
    content: attr(data-count);
    font-size: 52%;
    padding: 0.6em;
    border-radius: 999px;
    line-height: 0.75em;
    color: white;
    background: rgba(255, 0, 0, .85);
    text-align: center;
    min-width: 2em;
    font-weight: bold;
}

.sidebar {
    position: fixed;
    width: 16%;
    height: 100%;
    background: #1e1e1e;
    transition: all .5s ease;
}

.btn-primary {
    color: #fff;
    background-color: #fd8a00;
    border-color: #fd8a00;
}

.btn-primary:hover{
    color: #fff;
    background-color: #fd8a00;
    border-color: #fd8a00;
}

.titulo {
    font-size: 20px;
    color: #fd8a00;
    line-height: 24px;
    text-align: center;
    background: #1b1b1b;
    user-select: none;
    font-family: 'Open Sans', sans-serif;
    float: left;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.notificacao {
    line-height: 65px;
    float: left;
    width: 35%;
    margin-bottom: 1rem;
    padding-top: 3px;

}

.categoria {
    display: block;
    height: 45px;
    width: 100%;
    color: white;
    line-height: 45px;
    padding-left: 2px;
    box-sizing: border-box;
    border-bottom: 1px solid black;
    border-top: 1px solid grey;
    border-left: 5px solid transparent;
    font-family: 'Open Sans', sans-serif;
    transition: all .5s ease;
    text-decoration: none;
}

.categoria.active, .categoria:hover {
    border-left: 5px solid #593632;
    color: #fd8a00;
}

.categoria i {
    font-size: 15px;
    margin-right: 6px;
}

.categoria span {
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* ===================== */
/*       login.j2        */
/* ===================== */


#login {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

#login form {
    text-align: center;
    width: 400px;
}

#login > form input {
    text-align: center;
}

#login > form label, #login > form input {
    width: 100%;
}


/* ===================== */
/* CONTENT STYLE vale.j2 */
/* ===================== */

.text-decoration-none{
    text-decoration: none;
    color: inherit;
}

.content {
    margin-left: 16%;
    padding: 2% 2%;
}

div#target {
    text-align: center;
}

div#target pre,hr{
    width: 100%;
}

.btn{
    margin-right: 10px;
    margin-bottom: 10px;
}


/*.hover-click {*/
/*    cursor: pointer;*/
/*}*/

tbody tr:nth-child(even) {
    background: #2e2e2e
}

tbody tr:nth-child(odd) {
    background: #484848;
    text-align: center;
}

thead tr{
    background-color: #1e1e1e;
}
thead th{
    color: #fb8900;
}

tbody td, th {
    padding:7px 5px;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

table {
    width: 100%;
}

pre {
    max-height: 400px;
    resize: none;
}


/*thead > tr:hover {*/
/*    cursor: pointer;*/
/*    background: none;*/
/*}*/

/*tboddy :hover {*/
/*    cursor: default;*/
/*    background: #AAA;*/
/*}*/

/*td a:hover {*/
/*    color: #1b1b1b;*/
/*}*/

#search-results td a {
    text-decoration: none;
    color: #1b1b1b;
}



button > a {
    color: #FFFFFF;
    text-decoration: none;
}

button > a:hover {
    color: #FFFFFF;
}


/*button.btn{*/
/*    margin-top: 15px;*/
/*}*/

label {
    font-weight: bold;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=text] {
    width: 100%;
}

select {
    /*width: 30%;*/
}

.input-group {
    max-width: 400px;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
    width: 100%;
}

#cod_ramo_atividade{
    height: 27.99px;
    width: 100%;
}

textarea{
    width:100%;
}

/* =============================== */
/* CONTENT STYLE contas_receber.j2 */
/* =============================== */

table a i {
    text-decoration: none;
    color: #f98800;
}

table a {
    color: #ffffff00;
    text-decoration: underline;
}

form pre {
    width: 400px;
    height: 100px;
    margin: 0;
    padding: 0;
}

.pagination > li > a
{
    background-color: white;
    color: #fb8900;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #5a5a5a;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a
{
    color: white;
    background-color: #fb8900 !Important;
    border: solid 1px #fb8900 !Important;
}

.pagination > .active > a:hover
{
    background-color: #fb8900 !Important;
    border: solid 1px #fb8900;
}

form pre thead {
    margin: 0;
    display: none;
}

.hiddenRow {
    padding: 0 !important;
}

.bg-red {
    background-color: #f8d7da !important;
}
.bg-green {
    background-color: #d4edda !important;
}

table {
  border-spacing: 0;
  border: 1px solid #CCCCCC;
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  box-shadow: 0 1px 1px #CCCCCC;
}