/* 
 * **************************************
 *  Below are Compusource classes 
 * **************************************
 */
.modal-full {
    max-width: 90%;
}

.w-90 {
    width: 90% !important;
}

.cc-btn {
    display: inline-block;
    padding: .5em;
    font-size: 15px;
    width: -webkit-fill-available;
    border: none;
    border-radius: 6px;
    margin: 0 0 .5em 0;
    text-align: center;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    cursor: pointer;
}

.cc-btn-blue {
    cursor: pointer;
    background-color: dodgerblue;
    color: white;
}

.cc-btn-grey {
    cursor: default;
    background-color: dimgrey;
    color: white;
}

.cc-bg-black {
    background-color: black !important;
}

.bg-black {
    background-color: black !important;
}

.bg-dodger {
    background-color: dodgerblue !important;
}

.bg-navy {
    background-color: #20354d !important;
}

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

.font-smaller {
    font-size: smaller;
}

.font-large {
    font-size: large;
}

.font-larger {
    font-size: larger;
}

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

.font-x-large {
    font-size: x-large;
}

.font-x-small {
    font-size: x-small;
}

.font-xx-large {
    font-size: xx-large;
}

.font-xx-small {
    font-size: xx-small;
}

.text-red {
    color: darkred;
}

/* 
 * **************************************
 *  Below are modified Boostrap classes
 * **************************************
 */
.btn-success {
    color: #fff;
    background-color: darkgreen;
    border-color: #28a745;
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }

    .btn-success:focus, .btn-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430;
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
        }

.btn-danger {
    color: #fff;
    background-color: darkred;
    border-color: #dc3545;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
    }

    .btn-danger:focus, .btn-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

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

        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
        }



.badge-danger {
    color: #fff;
    background-color: darkred;
}

.badge-success {
    color: #fff;
    background-color: darkgreen;
}

.bg-success {
    background-color: darkgreen !important;
}

.nav-pills .nav-link:not(.active) {
    background-color: white !important;
    color: black !important;
}

.nav-pills .nav-link.active {
    background-color: #343a40 !important;
    color: white !important;
}

/* Modified input class */
.bs-input,
.bs-button,
.bs-select,
.bs-optgroup,
.bs-textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0;
    position: relative;
    float: none;
    font-family: Arial;
    font-size: initial;
    max-width: initial;
}

.bs-label {
    margin-right: 0px;
    margin-top: 0px;
    padding-top: calc(0.375rem + 1px);
}

.form-group {
    margin-bottom: .5rem;
}

label {
    margin-bottom: 0.25rem;
}


.min-vh-80 {
    min-height: 80vh !important;
}