/*
 * This css file is a print style sheet.
 *
 * @author    Scott Reid <scottreid@abdn.ac.uk>
 * @version   27-May-2014
 * @copyright University of Aberdeen
 */

/* Orientate the page to portrait - only works in some browsers - users can still override */
@page {
  size: portrait;
}

/* Get rid of elements that we don't want to print */
.noprint,
body nav.navbar,
body div.uoa-breadcrumbs-container,
/*div#timetable-header,*/
#alertscontainer,
footer {
    display:none;
}

/* Ensure fonts are readable */
body {
    padding:0;
    font-size: 12pt;
    color:#000;
}

p,
div.all-day-event,
div.event-details a {
    font-family:Arial, sans-serif, Verdana;
    font-size:10pt;
    color:#000;
}

p.event-title {
    font-size:12pt;
    color:#000000 !important;
    background:#fff !important;
}

/* Set widths so content doesn't spill on to another page to the right */
div#timetable-panel, body div.container {
    width: 100%; margin: 0; float: none;
}

.container {
    width: 100%;
}

/* Set colours and borders, ensuring appropriate contrast when printed */
@media print {
    * {-webkit-print-color-adjust:exact;}
}

.timetable-content-row .timetable-day-column .timetable-timeblock.timetable-alt-row,
body {
    background:none;
}

.timetable-content-row .timetable-day-column .timetable-timeblock,
.timetable-content-row .timetable-timeblock-header .timetable-timeblock {
    border-bottom: 1px solid #AAA;
    border-right: 1px solid #AAA;
    box-sizing: border-box;
}

.timetable-event,
.all-day-event {
    border: 3px solid #B75E76;
    background:#fff;
}

#timetable-content-row {
    position:relative;
    top:0; left:0;
    z-index:10;
}

.timetable-content-row .timetable-timeblock-header,
.timetable-content-row .timetable-timeblock-inner {
    float:none;
    position:absolute;
    top:0; left:0;
    z-index:20;
}

.timetable-content-row .timetable-timeblock-inner .timetable-day-column,
.timetable-content-row .timetable-timeblock-inner .timetable-day-event-column {
    float:none;
    display:inline-block;
    position:absolute;
    top:0; left:0;
    overflow: visible;
}

.timetable-content-row .timetable-timeblock-inner .timetable-day-column {
    z-index: 30;
}

.timetable-content-row .timetable-timeblock-inner .timetable-day-event-column {
    z-index: 40;
}

#timetable-day-column-1 {
    margin-left:20%;
}

#timetable-day-column-2 {
    margin-left:40%;
}

#timetable-day-column-3 {
    margin-left:60%;
}

#timetable-day-column-4 {
    margin-left:80%;
}


/* Hack to ensure there is a background on the events - prevents background lines showing over event */

div.timetable-event div.print-bg {
    position:absolute;
    top:0; left:0;
    z-index:10;
    width:100%; height:100%;
    overflow:hidden;
    display: list-item;
    list-style-image: url("https://mrcdev.abdn.ac.uk/personalised-timetabling/src/assets/img/white.png");
    list-style-position: inside;
}

div.timetable-event div.event-details {
    background:none;
}

div.timetable-event p,
div.timetable-event div.event-details {
    position:relative;
    top:0; left:0;
    z-index:20;
}


/* Prevent the URL's in the links showing */
a[href]:after {
   content: "";
   content: none;
}


/* Fix display issues */
.timetable-content-row .timetable-timeblock-header .timetable-timeblock {
    box-sizing: border-box;
    padding-right: 2px;
    text-align: left;
}