/*
    Layout
 */
html, body {
    height: 100%;
    margin: 0;
}

.m-auto {
    margin: auto;
}

.wrapper {
    min-height: 100%;
    position: relative;
}

.content {
    padding-bottom: 4rem;
}

.footer {
    width: 100%;
    height: 3rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.fs-7 {
    font-size: .875rem !important;
}

.fs-12 {
    font-size: 12px !important;
}

/*
    Background
 */
.bg-dark-50 {
    background-color: #343a40 !important;
    opacity: 0.5;
}

.bg-green {
    background-color: #85dcb1 !important;
}

.bg-blue {
    background-color: #e3f2fd !important;
}

.bg-danger-light {
    background-color: rgba(255, 0, 0, .3) !important;
}

/*
    Text Related
 */
.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-sm {
    font-size: small;
}

.text-md {
    font-size: medium;
}

.text-orange {
    color: #E27D60 !important;
}

.text-green {
    color: #41B3A3 !important;
}

.text-purple {
    color: #563d7c !important;
}

/*
    Navigation
 */
.navbar-sm {
    padding: .5rem 0rem !important;
}

/*
    Form Validation
 */
.is-invalid {
    /*border-width: medium;*/
    background-color: #f9d7da;
}

.is-valid {
    /*border-width: medium;*/
    background-color: #d4edda;
}

.card-img-top {
    width: 50% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/*
    Breadcrumb
 */
.breadcrumb {
    font-size: 0.875rem !important;
}

.breadcrumb .active {
    font-weight: 800 !important;
}