/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

.masfamilia_primary_color {
	color: #ff6600;
}

.masfamilia_secondary_color {
	color: #dd6600;
}

.masfamilia_tertiary_color {
	color: #bb6600;
}

.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

.fw800 {
  font-weight: 800;
}
.fw700 {
  font-weight: 700;
}
.fw600 {
  font-weight: 600;
}
.fw500 {
  font-weight: 500;
}
.m25 {
  margin: 25px;
}
.mb25 {
  margin-bottom: 25px;
}
.mt25 {
  margin-top: 25px;
}
.ml25 {
  margin-left: 25px;
}
.mr25 {
  margin-right: 25px;
}
.full-center{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

button.btn-mas-familia {
  background-color: #dd6600;
  color: white;
  border: 1px #dd6600 solid;
  padding: .5em 15px;
  font-weight: 600;
  border-radius: 6px;
}
button.btn-mas-familia:hover {
  background-color: white;
  color: #dd6600;
  border: 1px #dd6600 solid;
}
button.btn-mas-familia:focus, button.btn-mas-familia:active {
  background-color: white;
  color: #dd6600;
  border-color: #dd6600;
  box-shadow: 0 0 0 0.25rem rgb(220 103 0 / 50%);
}
button.btn-mas-familia:focus:active {
  background-color: white;
  color: #dd6600;
  border-color: #dd6600;
  box-shadow: 0 0 0 0.25rem rgb(220 103 0 / 50%);
}

.text-danger {
	color: salmon;
}

.text-primary {
	color: navy;
}

.cefr_current_year {
  color: #dd6600;
}

.cefr_header * {
  display: inline;
  margin: 12px;
}

.cefr_header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2em 0;
}

div.cefr_alarms {
  min-width: 425px;
}

div.cefr_alarms * {
  font-family: sans-serif;
}

div.day-names {
  display: flex;
  flex-direction: row;
  margin-bottom: 1px;
  font-weight: 500;
}

div.day-names + hr {
   margin-top: 0px;
}

div.day-names div {
  background-color: orangered;
  color: white;
  margin-right: 1px;
  flex: 1;
  text-align: center;
  line-height: 1.3em;
}

div.day-numbers {
  display: flex;
  flex-direction: row;
  margin-bottom: 1px;
}

div.day-numbers div {
  background-color: Gainsboro;
  color: black;
  margin-right: 1px;
  flex: 1;
  text-align: center;
  line-height: 1.3em;
}

div.day-numbers div:last-child {
  color: gray;
}

div.day-numbers > div.previous-month-day {
}

div.day-numbers > div.after-month-day {
}

div.day-numbers a {
  color: black;
}

div.day-numbers > div.this-month-day {
  font-weight: 400;
}

div.month-schedule {
  font-weight: 600;
  line-height: 1.3em;
}

div.month-schedule + hr {
   margin-top: 0px;
}

div.course-description {
  line-height: 1.3em;
}

div.course-description + hr {
   margin-top: 0px;
}

div.course-description a {
  color: black;
}