/*New Bootstrap colours*/

/*Buttons*/

.btn-primary {
    background-color: #5533ff !important;
    border-color: #ffffff !important;

}

.btn-secondary {
    background-color: #879bb9 !important;
    border-color: #ffffff !important;

}

.btn-info {
    background-color: #0084de !important;
    border-color: #ffffff !important;

}

.btn-success {
    background-color: #04c9b7 !important;
    border-color: #ffffff !important;
}

.btn-warning {
    background-color: #feb868 !important;
    border-color: #ffffff !important;

}

.btn-danger {
    background-color: #f5375c !important;
    border-color: #ffffff !important;

}

.btn-outline-info {
    color: #0084de !important;

}

.btn-outline-info:hover {
    color: #ffffff !important;

}

.btn-outline-warning {
    color: #f6c23e !important;

}

.btn-outline-warning:hover {
    color: #feb868 !important;

}

/*Backgrounds*/

.bg-secondary {
    background-color: #879bb9 !important;
}

.bg-success {
    background-color: #04c9b7 !important;
}

.bg-dark {
    background-color: #2a354f !important;

}

.bg-danger {
    background-color: #f5375c !important;
}

.bg-info {
    background-color: #0084de !important;
}

/*Badges*/

.badge-success {
    background-color: #04c9b7 !important;
}

.badge-info {
    background-color: #0084de !important;
}

.badge-danger {
    background-color: #f5375c !important;
}

.badge-light {
    background-color: #d9e2ef !important;
}

/*Alerts*/

.alert-info {
    background-color: #0084de !important;
    color: #111111 !important;
    font-weight: 500 !important;
}

.alert-warning {
    background-color: #feb868 !important;
    color: #111111;
}

/*Paging*/
.page-item.active .page-link {
    background-color: #0d47a1 !important;
    border-color: #0d47a1 !important;
}

/* Text colours */
.text-info {
    color: #0084de !important;
}

.text-warning {
    color: #feb868 !important;
}

/*custom CSS for the notification boxes*/

[data-notify="container"][class*="success"] {
    background-color: #0084de;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    box-shadow: 0px 0px 5px rgba(46, 125, 50, 0.5);
    margin-bottom: 50px;
    border-radius: 0px;
}

[data-notify="container"][class*="warning"] {
    background-color: #feb868;
    font-size: 16px;
    color: #111111;
    box-shadow: 0px 0px 5px rgba(46, 125, 50, 0.5);
    margin-bottom: 50px;
    border-radius: 0px;
}

.alert-minimalist {
    background-color: #d9e2ef;
    border-color: rgba(149, 149, 149, 0.5);

    border-radius: 3px;
    color: #2a354f;
    padding: 10px;
}

/*Change the nav bar */

.nav-link {
    color: #ffffff !important;
}
.nav-link:hover {
    color: #f9a825 !important;
}


/*Sticky footer*/

.footer {
    position: fixed;
    padding-left: 10px;
    padding-right: 10px;
    left: 0;
    bottom: 0;
    height: 20px;
    width: 100%;
    background-color: #5a5c69;
    color: white;
    z-index: 9999;
}

/*Profile display */
.profile-row {
    padding: 5px;
    width: 100%;
    clear: both;
}
.profile-label {
    width: 150px; 
    padding-right: 2px;
    float: left;
    color: #0084de;
    
}
.profile-content {
    min-height: 25px;
}

/*nav tabs for profiles*/
.nav-tabs .nav-link {
    color: #444 !important;
}

/* Note Modal Slide Out Panel */
.modal-dialog-slideout {min-height: 95%; margin: 0 0 0 auto;background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 95%;}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{overflow-y: auto;overflow-x: hidden;}
.modal-dialog-slideout .modal-content{border: 0;}
.modal-dialog-slideout .modal-header, .modal-dialog-slideout .modal-footer {height: 69px; display: block;} 
.modal-dialog-slideout .modal-header h5 {float:left;}
.modal.fade.note {padding-right: 5px !important;}
.modal-header.note-header {border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;}

/* some styling for the notes section*/
.notetitleline:hover, .edit-note-button:hover, .notesheader:hover {
    cursor: pointer;
}

/*Datatables styles*/
.dt-buttons {
    float: right !important;
    padding-bottom: 10px !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #5533ff !important;
}