body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.input-group-text {
    background-color: #212529 !important;
    color: #fff;
}

.form-control:focus {
    border-color: rgba(33, 37, 41, 0.25);
    box-shadow: rgba(33, 37, 41, 0.25) 0px 0px 0px 0.25rem;
}

.text-success {
    color: #02bd66 !important;
}

.custom-divider {
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}


.bg-login-section {
    background-image: url("../../images/facade-cfj-min.JPG");
    background-blend-mode: multiply;
    background-color: #a5a5a5;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #146c43 !important;
    border-color: #146c43 !important;
}

i.bi {
    font-size: 20px !important;
}

@media (min-width:768px) {
    .custom-main {
        height: 100vh;
    }

}

@media (max-width:768px) {
    .custom-main {
        height: fit-content;
    }
}

.custom-label-form {
    background-color: #9d2235;
}

input[type="date"] {
    display: block;

    /* Solution 1 */
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;

    /* Solution 2 */
    /* min-width: 96%; */
}

p {
    text-align: justify;
    ;
}
.pg-item{
    padding: 0.2rem 0.5rem !important;
    margin: 0.2rem !important;
}