/* ===== 24Connect Branding ===== */

body {
    font-family: Arial, sans-serif !important;
    font-size: 10pt !important;
    background-color: #ffffff !important;
    color: #222640 !important;
}

/* Top navigation */
.navbar,
.navbar-inverse,
.bg-dark {
    background-color: #222640 !important;
}

/* Navbar text */
.navbar a,
.navbar-brand,
.nav-link {
    color: #ffffff !important;
}

/* Main buttons */
.btn-primary,
.btn-success,
.btn-info,
button {
    background-color: #2DAFE6 !important;
    border-color: #2DAFE6 !important;
    color: #ffffff !important;
}

/* Button hover */
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
button:hover {
    background-color: #222640 !important;
    border-color: #222640 !important;
}

/* Input fields */
input,
textarea,
.form-control {
    background: #ffffff !important;
    color: #222640 !important;
    border: 1px solid #222640 !important;
}

/* Panels/cards */
.card,
.panel,
.well {
    background: #ffffff !important;
    color: #222640 !important;
    border-color: #222640 !important;
}

/* Links */
a {
    color: #2DAFE6 !important;
}

a:hover {
    color: #222640 !important;
}

/* Footer */
footer {
    background-color: #222640 !important;
    color: #ffffff !important;
}