body {
    background-color: #f0f3f9;
}

.login-logo{
    width: 90%;
    display:block;
    margin:auto;
    padding-bottom: 30px;
}

.navbar-brand img{
    max-height: 70px !important;
    max-width: 150px !important;
}

.modal-content .switch {
    width: 3em !important;
    height: 1.5em !important;
}

.modal.modal-xl .modal-dialog {
    width: 90%;
}

.modal-xl .modal-body {
    overflow-y: auto;
}


/* Testing CSS variables to customize button colour */

/*
:root {
    --primary : #467fd0;
}

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

a {
    color: var(--primary);
}

.sidebar.sidebar-pills .nav-link.active, .sidebar.sidebar-pills .nav-link:hover, .nav-item:hover > .nav-link > .nav-icon, .nav-link.active > .nav-icon {
    color: var(--primary) !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--primary);
}

input:focus{
    color: var(--primary) !important;
}
*/