/****************************************************************************************/
/****************************************************************************************/
/**************************** M E M O R I A   D I G I T A L *****************************/
/****************************************************************************************/
/****************************************************************************************/
/************************* Nueva hoja de estilos donde iran todas ***********************/
/****************** las nuevas reglas para adecuarse con los prototipos *****************/
/****************************************************************************************/
/****************************************************************************************/

/* GENERAL */
:root {
  /* VARIABLES */
  /* SPACING */
  --a3w-space-24: 24px;
  --a3w-space-16: 16px;
  --a3w-space-8: 8px;
  /* COLORS */
  /* GRAY */
  --Colors-gray-a3w-gray-300: #DEDEDD;
}

.cursor-pointer {
  cursor: pointer;
}

.disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

h1.md, h2.md, h3.md, h4.md {
  color: #5F5F5F;
  font-weight: bold;
}

.has-error {
  border-color: #FF3E3F;
}

.has-error:not(input) {
  color : #FF3E3F;
}

.hoverable:hover {
  background-color: #e6e6e6;
}

/* MARGINS */
.no-margin-bottom {
  margin-bottom: 0 !important;
}

.margin-bottom-8 {
  margin-bottom: var(--a3w-space-8) !important;
}

.margin-bottom-16 {
  margin-bottom: var(--a3w-space-16) !important;
}

/* PADDINGS */
.padding-16-24 {
  padding: var(--a3w-space-16) var(--a3w-space-24);
}

/* FUENTES */
.font-size-12 {
  font-size: 12px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.font-size-20 {
  font-size: 20px !important;
}

.font-size-24 {
  font-size: 24px !important;
}

/* COLORES */
.blue-primary {
  color: #337AB7;
}

.blue-info {
  color: #0096DC;
}

.gray-default {
  color: #707070;
}

.yellow-warning {
  color: #DDB21B;
}

.orange-success {
  color: #EF6A00;
}

.violet-primary {
  color: #5554B7;
}

.red-danger {
  color: #E5001C;
}

.gray-300 {
  color: var(--Colors-gray-a3w-gray-300);
}

/* ENLACES <a> */
a {
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

h3 > a {
  color: inherit;
}

h3 > a:hover {
  color: #337ab7;
}

/* ETIQUETAS <label> */
.label-default.md {
  color: #707070;
  background-color: #E0E0E0;
  font-size: 12px;
}

.label-warning.md {
  color: #DDB21B;
  background-color: #FFFAE7;
  font-size: 12px;
}

.label-success.md {
  color: #EF6A00;
  background-color: #FFF3E0;
  font-size: 12px;
}

.label-info.md {
  color: #0096DC;
  background-color: #ECF9FF;
  font-size: 12px;
}

.label-primary.md {
  color: #5554B7;
  background-color: #EEF;
  font-size: 12px;
}

.label-danger.md {
  color: #E5001C;
  background-color: #FFEAED;
  font-size: 12px;
}

/* INSIGNIAS */
.badge.md {
  padding: 6px 16px;
  font-size: 10px;
  border-radius: 16px;
}

.badge.badge-true {
  color: #0096DC;
  background-color: #E1F4FD;
}

.badge.badge-false {
  color: #9C9C9B;
  background-color: #EDEDEB;
}

/* BOTONES <button> .btn */
.btn-primary.inverted {
  color: #337ab7;
  background-color: #fff;
  border-width: 2px;
}

.btn-primary:active.inverted {
  color: #286090;
  background-color: #fff;
}

.btn-primary:hover.inverted {
  color: #286090;
  background-color: #fff;
}

.btn-primary:focus.inverted {
  color: #286090;
  background-color: #fff;
}

.btn-primary:active:hover.inverted,
.btn-primary:active:focus.inverted {
  color: #204d74;
  background-color: #fff;
}

.btn.btn-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-flex.inline-flex {
  display: inline-flex;
}

.btn-drag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
}

.btn-drag-hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

/* TODO Refactor to component */
.btn-choice-chips {
  height: fit-content;
  border: 0;
  border-radius: 24px;
  background: #E1F4FD;
  color: #0096DC;
  padding: 2px 16px;
  margin: 4px;
}

.btn-choice-chips:hover {
  border: 1px solid #0096DC;
  background: #E1F4FD;
  color: #0096DC;
}

.btn-choice-chips:focus {
  outline: none;
  background: #E1F4FD;
  color: #0096DC;
}

.btn-choice-chips:focus-visible {
  outline: none;
}

.btn-choice-chips:active:focus {
  outline: none;
}

/* Iconos en campo de texto TODO Revisar esto */
.input-group.text-icon-group {
  padding: 5px 40px;
}

.text-icon-group > input.text-icon {
  border: 1px solid rgb(204, 204, 204);
  border-right-width: 0px;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
}

input.text-icon + span.text-icon-right.input-group-addon {
  background: none;
}

input:-webkit-autofill {
  background-color: #FFFFFF !important; /* Fondo azulado en Chrome */
}

input.btn.btn-block.odilo-blue {
  background-color: #00628f !important;
  border-color: #00628f;
}

button.btn.btn-primary.btn-block.odilo-blue {
  background-color: #00628f !important;
  border-color: #00628f;
}

.fmd.odilo-blue {
  color: #00628f !important;
}

.blocked-user {
  text-align: left !important;
  margin-left: 30px;
}

.login-container .loginbox .loginbox-textbox.blocked-user {
  padding: 10px 0px;
}

label.text-icon-label {
  padding: 1px 40px;
}

/* INPUTS <input> */
input[type="time"].md::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
  appearance: none;
}

input[type="date"].md::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
  appearance: none;
}

/* ALERTAS (sweetalert2) */
.swal-close-button {
  font-size: 5em !important;
  color: #337ab7 !important;
}

.swal-close-button:focus {
  box-shadow: none !important;
}

/* TAB BUTTONS */

/* DROPDOWN (with uib-collapse) */
.dropdown-md {
  width: 100%;
  background-color: rgb(255, 255, 255);
  position: absolute;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border: 1px solid rgba(0, 0, 0, 0.15);
}

/* DRAG & DROP */
.dndDraggingSource {
  display: none;
}