@font-face {
  font-family: VAGRoundedBT;
  src: url("../fonts/VAGRoundedBT.ttf");
}

@font-face {
  font-family: VAGRoundedStd-Bold;
  src: url("../fonts/VAGRoundedStd-Bold.otf");
}

@font-face {
  font-family: VAGRoundedStd-Light;
  src: url("../fonts/VAGRoundedStd-Light.otf");
}

:root {
  --header-height: 5rem;
  --second-color: #00e3de;
  /*#20BDE9;*/  /* celeste */
  --first-color: #6572eb;  /* violeta */
  --gray-color: #afafaf;
  --backg-color: white; 
    /* #f4f6f9;*/
  --body-font: "VAGRoundedStd-Light";
  /*--body-font:  "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  */
  --icon-size: 1.3rem;
  --z-fixed: 5;
  --turno-presencial: #9f65eb;
  --turno-virtual-sinc: #5998f7;
  --turno-virtual-asinc: #59f7d5;
  --first-color-rgb: 101 114 235;
}

.btn-success-ubicua {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: var(--first-color) !important;
  --bs-btn-border-color: var(--first-color) !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #6272ff !important;
  --bs-btn-hover-border-color: #5261e7 !important;
  --bs-btn-focus-shadow-rgb: 60, 153, 110 !important;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: #5261e7 !important;
  --bs-btn-active-border-color: #4859ee !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
  --bs-btn-disabled-color: #fff !important;
  --bs-btn-disabled-bg: var(--first-color) !important;
  --bs-btn-disabled-border-color: var(--first-color) !important;
  background-color: var(--first-color) !important;
}

.btn-secondary-ubicua {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--gray-color) !important;
  --bs-btn-border-color: var(--gray-color) !important;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--gray-color) !important;
  --bs-btn-disabled-border-color: var(--gray-color) !important;
  background-color: var(--gray-color) !important;
}

.bg-ubicua {
  --bs-bg-opacity: 1;
  background-color: var(--first-color) !important;
  opacity: var(--bs-bg-opacity);
}


/* --------- Encabezado tabla plantilla --------------*/
.table-ubicua .encabezado .col {
  background-color: #6977FF;
  color: white;
  text-align: center;
  margin: 1px;
}

.table-ubicua .sortable {
  /*    padding: 0;
    border-radius: 4px;*/
  border: 0px;
}

.table-ubicua .sortable li {
  width: 100%;
}

/* ---------------- Calendario ------ */
.fas .fc-event-time,
.fa-solid .fc-event-time {
  font-weight: 700;

  font-family: var(--body-font) !important;
}

.fas .fc-event-title,
.fa-solid .fc-event-title {
  font-weight: 700;

  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

a.fa-solid {
  display: flex !important;
}

#calendar .fc-daygrid-event-dot {
  display: none !important;
}

a.fc-event {
  background-color: var(--second-color);
}

div#turnos-plantilla button {
  background-color: var(--first-color);
}

a.turno_VIRTUAL_ASINCRONICO,
td div.turno_VIRTUAL_ASINCRONICO {
  background-color: var(--turno-virtual-asinc);
}

a.turno_VIRTUAL_SINCRONICO,
td div.turno_VIRTUAL_SINCRONICO {
  background-color: var(--turno-virtual-sinc);
}

a.turno_PRESENCIAL_SINCRONICO,
td div.turno_PRESENCIAL_SINCRONICO {
  background-color: var(--turno-presencial);
}

a.turno_asig {
  background-color: var(--gray-color);
  color: #827575 !important;
}

a.turno_creado {
  background-color: #d6d1d1 !important;
  color: #575656 !important;
}

/*--------------------------------------*/
div.turno_VIRTUAL_ASINCRONICO {
  background-color: var(--turno-virtual-asinc);
}

div.turno_VIRTUAL_SINCRONICO {
  background-color: var(--turno-virtual-sinc);
}

div.turno_PRESENCIAL_SINCRONICO {
  background-color: var(--turno-presencial);
}

/* ----------- switch config -------------------*/
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success-ubicua, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success-ubicua {
    color: #fff;
    background: var(--first-color);
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary-ubicua, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary-ubicua {
    color: #4b4a4a;
    background: var(--gray-color);
}