/*Write your custom css in this file.*/

/* Style Panel Admin */

.greenlight { background-color: #20c997; }
.orangelight { background-color: #fd7e14; }
.redbold { background-color: #dc3545; }
.greenbold { background-color: #28a745; }
.yellowbold { background-color: #e0c53f; }
.bluebold { background-color: #2471a3; }

.tright { text-align: right; }

.pt20 { padding-top:20px; }
.pl20 { padding-left:20px; }
.pr20 { padding-right:20px; }
.pb20 { padding-bottom:20px; }

.mb25 { margin-bottom:25px; }

#page-content-custom {
    padding:20px;
}

.cards-panel-admin {
    display:flex;
    justify-content: space-between;
    width:100%;
    margin-bottom:20px;
}

.cards-panel-admin 
.card-panel-one,
.card-panel-two,
.card-panel-three,
.card-panel-four,
.card-panel-five,
.card-panel-six {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width:calc(96% / 5);
    min-height: 90px;
    padding:5px 10px;
    color:#FFF;
}

.cards-panel-admin 
.card-panel-one p:nth-child(1),
.card-panel-two p:nth-child(1),
.card-panel-three p:nth-child(1),
.card-panel-four p:nth-child(1) {
    font-size:1.5rem;
    margin-bottom:0;
}

.talign {
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.mb0 {
    margin-bottom:0;
}

.content-graph-tables {
    display:flex;
    flex-direction: column;
    justify-content: center;
    background-color:#FFF;
}
/* .content-graph-tables {
    display:grid;
    grid-template-columns: 50% 50%;
    justify-content: center;
    background-color:#FFF;
} */

.graphics {
    width: 50%;
}

#graph-chart {
    width:100%;
    height:300px;
    padding-top:9px;
}

.row-one {
    display:flex;
    flex-direction: row;
}

.row-two {
    display: flex;
    flex-direction: column;
}

.table-responsive h4 {
    text-align: center;
    font-weight: 700;
}

.table-one {
    width:50%;
}

.w200 {
    width: 200px;
    word-break: break-word;
}
.w100 {
    width: 100px !important;
    word-break: break-word;
}
.w60 {
    width: 60px;
}

.tables-content {
    width: 50%;
}

@media screen and (max-width:1180px) {
    .cards-panel-admin {
        flex-wrap: wrap;
        /* flex-direction: column; */
    }
    .content-graph-tables {
        grid-template-columns: 100%;
    }

    .cards-panel-admin 
    .card-panel-one,
    .card-panel-two,
    .card-panel-three,
    .card-panel-four {
        width:calc(98% / 2);
        margin-bottom:10px;
    }
}

@media screen and (max-width:960px) {
    .cards-panel-admin 
    .card-panel-one,
    .card-panel-two,
    .card-panel-three,
    .card-panel-four {
        width:100%;
        margin-bottom:10px;
    }

    .row-one {
        display:flex;
        flex-direction: column;
    }

    .graphics {
        width: 100%;
    }

    .table-one {
        width:100%;
    }
}

/* End style panel admin */