.img-icon {
    width: 25px;
    height: 25px;
}

i {
    font-size: 24px !important;
}

    i:hover {
        color: #4eb2c2 !important;
    }

.table .thead-dark th {
    color: #fff;
    background-color: #17a2b8;
    border-color: #69ccdb;
}

extra-small,
.extra-small {
    font-size: 60%;
    font-weight: 400;
}

.btn-xlg {
    padding: 2.5rem 3.75rem;
    font-size: 200%;
    line-height: 2;
    border-radius: 1.5rem;
    margin-bottom: 1.5rem;
}

.btn-orange {
    color: #fff;
    background-color: #ff8000;
    border-color: #ff8000;
}

    .btn-orange:hover {
        color: #fff;
        background-color: #cc7700;
        border-color: #a35f00;
    }

    .btn-orange:focus, .btn-orange.focus {
        box-shadow: 0 0 0 0.2rem rgba(232, 150, 67, 0.5);
    }

    .btn-orange.disabled, .btn-orange:disabled {
        color: #fff;
        background-color: #ffb64f;
        border-color: #ffb64f;
    }

    .btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #a35f00;
        border-color: #c96704;
    }

        .btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(232, 150, 67, 0.5);
        }


.btn-red {
    color: #fff;
    background-color: #8c0007;
    border-color: #8c0007;
}

    .btn-red:hover {
        color: #fff;
        background-color: #6e0c11;
        border-color: #5e0106;
    }

    .btn-red:focus, .btn-red.focus {
        box-shadow: 0 0 0 0.2rem rgba(94, 16, 20, 0.5);
    }

    .btn-red.disabled, .btn-red:disabled {
        color: #fff;
        background-color: #8c0007;
        border-color: #8c0007;
    }

    .btn-red:not(:disabled):not(.disabled):active, .btn-red:not(:disabled):not(.disabled).active,
    .show > .btn-red.dropdown-toggle {
        color: #fff;
        background-color: #a12229;
        border-color: #10707f;
    }

        .btn-red:not(:disabled):not(.disabled):active:focus, .btn-red:not(:disabled):not(.disabled).active:focus,
        .show > .btn-red.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(94, 16, 20, 0.5);
        }

.btn-lightyellow {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

    .btn-lightyellow:hover {
        color: #fff;
        background-color: #fffddb;
        border-color: #fffddb;
    }

    .btn-lightyellow:focus, .btn-lightyellow.focus {
        box-shadow: 0 0 0 0.1rem rgba(94, 16, 20, 0.5);
    }

    .btn-lightyellow.disabled, .btn-lightyellow:disabled {
        color: #fff;
        background-color: #fffef0;
        border-color: #fffef0;
    }

    .btn-lightyellow:not(:disabled):not(.disabled):active, .btn-lightyellow:not(:disabled):not(.disabled).active,
    .show > .btn-lightyellow.dropdown-toggle {
        color: #fff;
        background-color: #fffef0;
        border-color: #fffef0;
    }

        .btn-lightyellow:not(:disabled):not(.disabled):active:focus, .btn-lightyellow:not(:disabled):not(.disabled).active:focus,
        .show > .btn-lightyellow.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.1rem rgba(94, 16, 20, 0.5);
        }

.nav-link {
    padding: 0.5rem 0.5rem;
}