.error-message {
    text-transform: uppercase;
    color: red;
}

.actions-icons {
    display: flex;
    justify-content: space-around;
}

.actions-icons i {
    cursor: pointer;
}

.actions-icons .edit {
    color: blue;
}



.actions-icons .delete {
    color: red;
}

li.nav-item i {
    font-size: 20px;
    color: black !important;
}

.nav-item .nav-link.active i {
    color: #fff !important;
}

.navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon {
    background: #AA7203 !important;
}

.btn-primary {
    color: #fff;
    background-color: #042C8E;
    border-color: #042C8E;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn.bg-gradient-primary:not(:disabled):not(.disabled).active, .btn.bg-gradient-primary:not(:disabled):not(.disabled):active, .show>.btn.bg-gradient-primary.dropdown-toggle {
    color: color-yiq(#cb0c9f);
    background-color: #BC1717;
}

.btn-primary:hover, .btn.bg-gradient-primary:hover {
    background-color: #BC1717;
    border-color: #BC1717;
}

td.pic-wrap {
    text-align: center;
}

img.small-profilepic {
    border: 5px solid #000;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    overflow: hidden;
    cursor: pointer;
}

.navbar-vertical .navbar-brand>img, .navbar-vertical .navbar-brand-img {
    max-width: 100%;
    max-height: 100% !important;
}

.sidenav-header {
    height: auto;
}

.sidenav .navbar-brand {
    padding: 1.5rem 1rem;
}


.actions-icons .active.red {
    color: red;
}

.actions-icons .active.green {
    color: darkgreen;
}

.resetLogin.green {
    color: darkgreen;
}