/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

    This file contains rules for
    EMPLOYEE COURSES
    that implement the UU design system specifically for Sitevision

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Text size of collapsible card */
a.employee-course-collapse {
  font-size: 1rem;
}

/* Hide info in SV module */
div.employee-course-sv-module > div > form > div > div > div.sv-formFieldRow:nth-of-type(1),
div.employee-course-sv-module > div.card-editing-info {
  display: none;
}

/* Block the margin top, except for the first element */
.employee-course:not(:first-child) {
  display: block !important;
}

/* Reduce marginal under the module Employee Courses general info */
.employee-course-target-info {
  margin-bottom: 0;
}

/* Reduce marginal under edit button */
.employee-course-edit {
  margin-bottom: 1em !important;
}

/* Add space below radio buttons */
.employee-course-radio-group {
  margin-bottom:1em;
}

/* Position shift buttons to the right */
.employee-course-shift-up,
.employee-course-shift-down {
  float: right;
}

/* Extend height of textarea */
.employee-course-area-size {
  height: 7rem;
  width: 100%;
}

/* Preserve line breaks */
.employee-course-area {
  white-space: pre-line;
}

@media screen and (max-width: 767px) {
  /* Remove text from shift buttons */
  .employee-course-shift-up,
  .employee-course-shift-down {
  	font-size: 0;
    padding-right: revert;
  }

  /* Add space at the bottom for the clear button */
  .employee-course-clear {
    margin-top: 1em;
  }

  /* Add space at the bottom of buttons (startTime, endTime and regDate) */
  .employee-course-edit .toggle-section *:last-child {
    margin-bottom: 1em;
  }

  /* Reduce margin under form-group */
  .employee-course-edit .form-group {
    margin-bottom: 0;
  }

  /* Reduce margin */
	.col-md-6.form-group.employee-course-edit {
   	margin-bottom: 0 !important;
	}
}