/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.red{

color:red;
}
.blue{
color:blue;

}
.confusion_matrix, .confusion_matrix tr, .confusion_matrix td, .confusion_matrix th{

    border:none;
}
.class_type{

    background-color:#f0efef;

}

.class_none{
    border:none !important;
}

.class_id{

    background-color:#f7cbb3;
    font-weight: bold;
}

.class_tp{

    color:green;
    font-weight: bold;
}
.class_value{

    background-color:#f0efef;

}

.class_total{

    background-color: #99ccff;

}

.rotate {

    writing-mode:vertical-lr;
    direction:rtl;

}
i.round{
    text-transform: none;
}
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}


.navbar {
    /*min-height: 60px;*/
}
.truePositive{

    color:blue;
    font-weight: bold;
}

main > .container {
    padding: 60px 15px 0;
}

.footer {
    background-color: #f5f5f5;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}


/* change the background color */
.navbar-custom {
    background-color: #033A5E;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #ffffff;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color:#ffffff;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
    background-color: #fff;
    color:#033A5E;
}

.navbar-brand-custom{

    padding-top: 0px;
    padding-bottom: 0px;
}

p.text-muted{

    line-height: 150%;
    margin-top: 10px;
}

.analysis tr td:first-child {
    font-weight: bold;

}