.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    color: rgb(0 0 0);
}

.dropdown-item.active, .dropdown-item:active{
	background-color: rgb(90, 120, 222)
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{
	box-shadow: 0 0 0 0.20rem rgb(220 53 69 / 15%);
}

.material-icons{
	padding-right: 5px;
}

.card-header .material-icons{
	font-size: 20px;
}

.form-control:focus {
    box-shadow:0 0 0 0.2rem rgb(13 110 253 / 15%);
}

.btn-check.btn-ct-blue:focus+.btn, .btn.btn-ct-blue:focus, .btn-check.btn-ct-blue:hover+.btn, .btn.btn-ct-blue:hover{
    box-shadow: 0 0 0 0.15rem rgb(13 110 253 / 25%);
}

.btn-check.linked:focus+.btn.linked, .btn.linked:focus, .btn-check.linked:hover+.btn.linked, .btn.linked:hover{
    box-shadow: 0 0 0 0.15rem rgb(84 110 122 / 35%);
}

.btn-check.btn-success:focus+.btn, .btn.btn-success:focus, .btn-check.btn-success:hover+.btn, .btn.btn-success:hover,
.btn-check.bt_green:focus+.btn.bt_green.linked, .btn.bt_green.linked:focus, .btn-check.bt_green.linked:hover+.btn.bt_green.linked, .btn.bt_green.linked:hover{
    box-shadow: 0 0 0 0.15rem rgb(61 183 75 / 40%)
}

.btn-check.btn-ct-yellow:focus+.btn, .btn.btn-ct-yellow:focus, .btn-check.btn-ct-yellow:hover+.btn, .btn.btn-ct-yellow:hover,
.btn-check.btn-secondary:focus+.btn, .btn.btn-secondary:focus, .btn-check.btn-secondary:hover+.btn, .btn.btn-secondary:hover{
    box-shadow: 0 0 0 0.15rem rgb(173 173 173 / 40%)
}

.accordion-button:focus{
    box-shadow: 0 0 0 0.15rem rgb(13 110 253 / 25%);
}
.accordion-button:hover{
    background: rgb(240 240 240);
    box-shadow: 0 0 0 0.15rem rgb(13 110 253 / 25%);
}
.accordion-button.linked:hover{
    background: #607d8b;
    box-shadow: 0 0 0 0.15rem #607d8b;
}

.fw-bold{
    font-weight: 500 !important;
}

/*Bootstrap 5.0 Tooltip override*/
.tooltip-inner{
    background-color: rgb(112 112 113) !important;
    color: white !important;
}

.tooltip-arrow {
    border-left-color: rgb(112 112 113) !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: rgb(112 112 113) !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: rgb(112 112 113) !important;
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: rgb(112 112 113) !important;
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: rgb(112 112 113) !important;
}

/*Show More Button: DataTables responsive*/
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{
    height: 1.3em !important;
    width: 1.5em !important;
    margin-top: -11px !important;
    border: 0.1em solid white !important;
    border-radius: 0.4em !important;  
    text-indent: 0 px !important;
    line-height: 1.3em !important;
    content: ">" !important;
    background-color: #5a78de !important;
    font-family: monospace !important;
}

/*Close Button:  Datatables modal to show more*/
div.dtr-modal div.dtr-modal-close{
    top: 10px;
    width: 30px !important;
    height: 30px !important;
    background-color: #5a78de !important;
    border-radius: 5px !important;
    color: white;
    font-family: monospace;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.4em;
}

/* Force padding to make sure the sorting buttons aren't overlapping the column headers in Smart Tables */
table.dataTable thead .sorting{
    padding-right: 20px !important;
}

div.dtr-modal div.dtr-modal-display{
    height: 55% !important;
}
.table>:not(caption)>*>*{
    padding: 0.3rem 0.3rem !important;
}

.form-floating > .form-control {
  padding-top: 1.625rem !important;
  padding-bottom: 0.625rem !important;
}

.form-floating > label {
  padding: 0.75rem 0.75rem;
}