/* defaults colors */

:root {
  --primary-color: red;
  --white-color: #fff;
}

.btn-login {
    background: var(--primary-color);
    border-radius: 1px solid var(--primary-color);
    border-radius: 5px;
}

.btn-login:hover {
    background: var(--primary-color);
    border-radius: 1px solid var(--primary-color) !important;
    border-radius: 5px;
}



.btn-primary {
  background-color: var(--primary-color);
  border: 1px solid var(--white-color);
}

/* forms */
.buttons-forms {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.notyf__toast.notyf__toast--dismissible {
  background: #fff;
}

.select2-container--default .select2-selection--single {
  height: 45px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 10px !important;
  right: 5px !important;
  width: 20px !important;
}

span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {
  width: 100% !important;
}

span.select2.select2-container.select2-container--default {
  width: 100% !important;
}

span.selection {
  width: 100% !important;
}

/* tables */

td.actions-buttons-table {
  display: flex;
  gap: 5px;
}

h2#swal2-title {
  font-size: 20px !important;
}

.dropdown > .not-active.show {
  color: #101010 !important;
}