:root {
    --ibas-primary-color: #46587D;
    --ibas-secondary-color: #555;
    --ibas-fontsize: 15px;
    --ibas-fontfamily: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

html,
body {
    font-size: var(--ibas-fontsize);
    font-family: var(--ibas-fontfamily);
    padding: 0;
    margin: 0;
    background: #141E30; /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #243B55, #141E30); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #243B55, #141E30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    height: 100%;
    width: 100%;
}

body {
    display: flex;
}

.card {
    background-color: #f8f8f8;
    border-radius: 0.15rem;
}

.login-title {
    color: #555555;
}

input, button {
    border-radius: 0.15rem !important;
}

.btn-primary {
    background-color: var(--ibas-primary-color);
    border: none;
}

.btn-outline-secondary:hover, .nav-pills .nav-link.active, .nav-pills .show > .nav-link, .btn-secondary, .btn-secondary:hover, .btn-secondary.disabled, .btn-secondary:disabled, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle, .badge-secondary {
    background-color: var(--ibas-secondary-color);
}

.login-list-items .btn-lg {
    line-height: 2.5rem;
}


.form-signin {
    width: 100%;
    max-width: 400px;
    padding: 15px;
    margin: auto;
}

.captcha {
    height: 60px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

form-signin input:-internal-autofill-selected {
    background-color: white !important;
    background-image: none !important;
    color: #495057 !important
}

.form-signin .checkbox {
    font-weight: 400;
}

.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: var(--ibas-fontsize);
}

    .form-signin .form-control:focus {
        z-index: 2;
    }