h1, .title {
    color: #0099df;
}

h2, h3, h4, h5, .subtitle {
    color: #0099df;
}

hr {
    /*border: 1px solid #0099df;*/
    border: 1px solid #fff;
}

.text {
    color: #e2e2e2;
    font-size: 1.1rem;
}

.note {
    margin: 10px;
    padding: 10px;
    background-color: #dedede;
    box-shadow: #6e6e6e 5px 5px 10px;
    color: #6e6e6e;
    font-size: 1rem;
    font-style: italic;
}

input[type="text"], input[type="password"], input[type="number"] {
    background-color: rgba(225, 225, 225, 0.05);
    color: #0099df;
    border: none;
    border-bottom: solid;
    border-color: #0099df;
}

a, a:active, a:visited {
    color: #0099df;
    text-decoration: none;
    cursor: pointer;
}

    a.alt, a.alt:active, a.alt:visited {
        color: #5cd42f;
        text-decoration: none;
        cursor: pointer;
    }

        a:hover, a.alt:hover {
            text-decoration: underline;
            cursor: pointer;
        }

.btn, .btn:active, .btn:visited, input[type="button"], input[type="submit"] {
    color: #fff;
    background-color: #0099df;
    border: solid;
    border-color: #0099df;
    text-decoration: none;
    cursor: pointer;
}

    .btn:hover, input[type="button"]:hover, input[type="submit"]:hover, .btn:hover > i {
        color: #0099df !important;
        background-color: #fff;
        border-color: #0099df;
        text-decoration: none;
    }

    .btn.alt, .btn.alt:active, .btn.alt:visited, input[type="button"].alt, input[type="submit"].alt {
        color: #fff;
        background-color: #5cd42f;
        border: solid;
        border-color: #5cd42f;
        text-decoration: none;
    }

        .btn.alt:hover, input[type="button"].alt:hover, input[type="submit"].alt:hover, .btn.alt:hover > i {
            color: #5cd42f !important;
            background-color: #fff;
            border-color: #5cd42f;
            text-decoration: none;
        }

.btn:disabled,
.btn.alt:disabled {
    cursor: not-allowed;
    opacity: 05;
}

select {
    background-color: rgba(225, 225, 225, 0.05);
    color: #0099df;
    border: none;
    border-bottom: solid;
    border-color: #0099df;
}

    select option {
        background-color: #2e2e2e;
        color: #0099df;
    }

input[type="text"].alt, input[type="password"].alt, input[type="number"].alt {
    color: #5cd42f;
    border-color: #5cd42f;
}

select.alt {
    color: #5cd42f;
    border-color: #5cd42f;
}

    select.alt option {
        color: #5cd42f;
    }

.blue {
    color: #0099df;
}

.green {
    color: #5cd42f;
}

.red {
    color: #e03131;
}

.orange {
    color: #ef7c00;
}

.yellow {
    color: #fedd18;
}

.gray {
    color: #e2e2e2;
}

.dark-gray {
    color: #2e2e2e;
}

.bg-blue {
    background-color: #0099df;
}

.bg-green {
    background-color: #5cd42f;
}

.bg-red {
    background-color: #e03131;
}

.bg-orange {
    background-color: #ef7c00;
}

.bg-yellow {
    background-color: #fedd18;
}

.bg-gray {
    background-color: #e2e2e2;
}

.bg-dark-gray {
    background-color: #2e2e2e;
}

input[type="text"].field-not-valid,
.field-not-valid {
    border-color: #e03131;
}

.btn.red {
    background-color: #e03131;
    color: #fff;
    border-color: #e03131;
}
    .btn.red:hover {
        background-color: #fff;
        color: #e03131;
        border-color: #e03131;
    }

.bg-gradient-1 {
    background: rgb(44,161,228);
    background: linear-gradient(90deg, rgba(44,161,228,1) 0%, rgba(54,213,165,1) 100%);
}

.bg-gradient-2 {
    background: rgb(44,161,228);
    background: linear-gradient(90deg, rgba(54,213,165,1) 100%, rgba(44,161,228,1) 0%);
}