/* Custom Buttons */
.ch-remove-btn {
  display: inline-block;
  background-color: #ff5b5b;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  border: none;
  padding: 5px 10px 5px 10px;
}

.ch-upload-btn-active {
  display: inline-block;
  background-color: #10c469;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  border: none;
  padding: 5px 10px 5px 10px;
}

.ch-upload-btn-disabled {
  display: inline-block;
  background-color: #b9b9b9;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  border: none;
  padding: 5px 10px 5px 10px;
  pointer-events: none;
  cursor: default;
}

.ch-light-outline {
  border-color: #dee2e6 !important;
  background-color: #eaecef !important;
}

/* Bootstrap buttons override */
.btn-primary,
.btn-success,
.btn-danger,
.btn-info,
.btn-secondary,
.btn-light,
.btn-warning {
  border-color: transparent !important;
}

.btn-primary.disabled,
.btn-primary:disabled,
.btn-success.disabled,
.btn-success:disabled,
.btn-danger.disabled,
.btn-danger:disabled,
.btn-info.disabled,
.btn-info:disabled,
.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-light.disabled,
.btn-light:disabled,
.btn-warning.disabled,
.btn-warning:disabled {
  opacity: 0.5;
}

.btn-primary, .swal2-confirm {
  background: #cddfff !important;
  color: #387dff !important; 
}

.btn-primary:hover, .swal2-confirm:hover {
  background: #b4ceff !important;
}

.btn-outline-primary {
  background: none !important;
  color: #387dff !important;
  border: 1px solid #a6c5ff !important;

}

.btn-outline-primary:hover {
  background: #b4ceff !important;
}

.btn-outline-primary.active {
  background: #b4ceff !important;
  border: 1px solid #a6c5ff !important;
}

.btn-success {
  background: #c0ebbf !important;
  color: #04af00 !important;
}

.btn-success:hover {
  background: #a1e19f !important;
}

.btn-danger,
.swal2-deny {
  background: #ffdfdf !important;
  color: #ff2020 !important;
}

.btn-danger:hover,
.swal2-deny:hover {
  background: #ffbfbf !important;
}

.btn-info {
  background: #ccedf7 !important;
  color: #35b8e0 !important;
}

.btn-info:hover {
  background: #b3e4f3 !important;
}

.btn-secondary,
.btn-light,
.swal2-cancel {
  background: #eaebee !important;
  color: #576076 !important;
}

.btn-secondary:hover,
.btn-light:hover,
.swal2-cancel:hover {
  background: #d5d7dd !important;
}

.btn-warning {
  background: #fdf1d4 !important;
  color: #f9c851 !important;
}

.btn-warning:hover {
  background: #fdeabe !important;
}

.dataTable tbody tr:hover .mdi-pencil {
  display: inline-block;
}
.dataTable tbody tr .mdi-pencil {
  display: none;
}

/* Datatables */
#dt-search-0 {
  border-color: #dee2e6 !important;
  background-color: #ffffff !important;
}

.dt-paging-button {
  font-family: "Poppins", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  border: 0 !important;
  background-color: #ffffff00 !important;
  color: #377dff !important;
}
.dt-paging-button:not(.disabled):hover {
  background-color: #fafbfe !important;
  background: #fafbfe !important;
}

.dt-paging-button:not(.disabled):not(.next):not(.previous):not(.last):not(
    .first
  ):hover {
  background-color: #cddfff !important;
  background: #cddfff !important;
}

.dt-paging-button.current:not(.next):not(.previous):not(.last):not(.first) {
  background: #cddfff !important;
  color: #377dff !important;
}

.dt-paging-button.next,
.dt-paging-button.previous,
.dt-paging-button.last,
.dt-paging-button.first {
  font-size: 20px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.dt-layout-table {
  font-family: "Poppins", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 3px !important;
  background-color: #fff !important;
}

table.dataTable {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

td {
  border-bottom: 0px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

th {
  border-bottom: 0px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.table-striped tbody tr:hover:nth-child(odd) td,
.table-striped tbody tr:hover:nth-child(even) td {
  background-color: #f5f5f5 !important;
}

.custom-border-w-shadow {
    border: solid 2px #f5f5f5;
    border-radius: 7px;
    padding-right: 5px;
    padding-left: 5px;
    box-shadow: 2px 2px 10px rgba(59, 59, 59, 0.2);
}

.comment > img {
  margin-top: 1em;
  margin-right: 1em;
  width: 10%;
  height: 10%;
}

.jq-toast-heading {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400;
  font-size: 14px;
}

.jq-toast-single {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400;
  font-size: 13px;
}