#load {
    bottom:    21px;
    color:     #0085ff;
    font-size: 5rem;
    position:  fixed;
    right:     15px;
    z-index:   10;
}

#noteBox {
    position: fixed;
    top:      64px;
    right:    15px;
    z-index:  1020;
}
#noteBox .alert {
    max-height: 70vh;
    overflow-y: auto;
}

.toast {
    margin-left: auto;
    max-width: 90vw;
    transition: width 0.5s ease-in;
    width: 250px;
}
.toast:hover {
    width: 65vw;
}


.btn-group-xs > .btn, .btn-xs {
    padding:       .25rem .4rem;
    font-size:     .875rem;
    line-height:   .5;
    border-radius: .2rem;
}

.custom-control.custom-checkbox .custom-control-label {  padding-top: 3px;  }

.dropdown-menu {
    max-height: 50vh;
    overflow-y: auto;
}

.navbar-dark .navbar-nav .nav-link        {  color: rgba(255,255,255,.75);  }
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover  {  color: rgba(255,255,255,.95);  }

.normalSubmit {  display: none;  }

.right-label {  font-weight: bold;  }

.vertTable th {  text-align: right;  }


table#listTable.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before,
table#listTable.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    top: 8px;
}

th i {  font-weight: normal;  }



@media (min-width: 768px) {
    .right-label {  text-align: right;  }
}
@media (max-width: 768px) {
    .custom-control.custom-checkbox .custom-control-label {
        margin-left:  30px;
        padding-left: 0;
    }
}