/* Set the progress-bar height */
html{
  font-size: 12px;
}

.progress {
  height: 40px;
}

/* Avoid wrapping white spaces or breaking words in a button */

.btn {
  white-space: nowrap !important;
  word-wrap: normal;
}

/* No decoration for disabled links */

a[disabled] {
  cursor: default;
  text-decoration: none;
}

/* Increase font-size and padding for accessibility*/

.badge {
  font-size: 90%;
  font-weight: normal;
  padding: 0.5rem !important;
}

/* Strech Buttons to fit the -sm size */

@media (max-width: 576px) {
  button.btn {
    display: block;
    width: 100%;
    margin-bottom: 0.25rem !important;
  }
}




/* width */
::-webkit-scrollbar {
  width: 15px;
  height: 15px !important;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc_disabled:before {
  right: 1em;
  content: "\2191"; /*"↑";*/
}
table.dataTable>thead .sorting:after,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_desc:after,table.dataTable>thead .sorting_asc_disabled:after,table.dataTable>thead .sorting_desc_disabled:after{
  right:.5em;
  content:"\2193"; /*"↓"*/
}

/* form-check form-switch styling checked => red : unchecked => green START*/ 
.form-switch .form-check-input:checked {
  background-color: green;
  border-color: green;
}

.form-switch .form-check-input:not(:checked) {
  background-color: red;
  border-color: red;
}
.form-switch .form-check-input {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:focus {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
}
/* form-check form-switch styling checked => red : unchecked => green END*/