@font-face {
    font-family: 'TSB4SemiLightFF';
    src: url('../font/TheSans_LT_4_.eot');
    src: url('../font/TheSans_LT_4_.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TSB7BoldFF';
    src: url('../font/TheSans_LT_7_.eot');
    src: url('../font/TheSans_LT_7_.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TSB5PlainFF';
    src: url('../font/TheSans_LT_5_.eot');
    src: url('../font/TheSans_LT_5_.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body, .aui body {
    height: 100%;
    background-color: #001c3d;
    font-family: 'TSB5PlainFF', TheSans, Verdana, sans-serif;
    font-size: 14px !important;
    line-height: 1.5em !important;
}

.aui a:hover, a:hover {
    text-decoration: none;
    color: #2C7DA9;
    border-bottom: 1px solid #2C7DA9;
}

body, html {
    height: 100%;
}

#page-background {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('../images/background.jpg');
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.clear {
    clear: both;
}

.aui .container {
    height: 100%;
    margin-left: 0px;
    margin-right: 0px;
    font: 0.85em/1.5em 'TSB5PlainFF', TheSans, Verdana, sans-serif;
}

b, strong {
    font: 1em 'TSB7BoldFF', TheSans, Verdana, sans-serif;
    font-weight: normal !important;
    font-style: normal;
}

.aui .lfr-has-add-content {
    padding-left: 330px;
}

.aui .lfr-has-device-preview {
    padding-left: 200px;
}

.aui .lfr-has-edit-layout {
    padding-left: 440px;
}

table, .table, .aui .table {
    border-spacing: 0px;
    overflow: initial;
}

.aui .table thead th {
    background-color: inherit;
}

td, .td {
    border-top: 1px solid #ccc;
    line-height: 1.2em;
    padding-right: 10px;
    padding-left: 3px;
}

.tr, .aui .tr.row {
    margin: 0px;
}

.aui .btn {
    /* Override default */
    text-shadow: none;
    background-color: transparent;
    background-image: none;
}

.aui .btn-group {
    display: block;
    white-space: inherit;
}

.um-btn {
    display: inline-block;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 20px;
    cursor: pointer;
    border: none !important;
}

.um-btn-blue {
    background-color: #00a2db;
    color: #fff !important;
}

.um-btn-grey {
    background-color: #ccc;
    color: #001c3d;
}

.um-btn-red {
    background-color: #ff0000;
    color: #fff;
}

.um-btn-blue:hover, .um-btn-blue:visited, .um-btn-blue:focus, .um-btn-red:hover, .um-btn-red:visited, .um-btn-red:focus {
    color: #fff;
    text-decoration: none;
}

.um-btn .fa, .btn .fa {
    margin-right: 5px;
}

.btn-default .fa-search {
    margin: 0;
}

.um-btn .fa.right, .btn .fa.right {
    margin-right: 0px;
    margin-left: 5px;
}

.um-btn .badge {
    margin-left: 10px;
}

.um-msg-warning {
    color: #fff;
    background-color: #e84e10;
    padding: 3px 6px;
    display: inline-block;
}

#page-container, #page-row, #page-content {
    height: 100%;
}

#page-content #hrefFm {
    margin: 0;
    display: none;
}

#hrefFm {
    display: none;
}

#page-row {
    padding: 0;
    margin: 0 -15px;
}

#page-menu {
    background-color: #001c3d;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 270px;
}

.lfr-has-add-content #page-menu {
    left: 330px;
}

.lfr-has-device-preview #page-menu {
    left: 200px
}

.lfr-has-edit-layout #page-menu {
    left: 440px;
}

#page-menu h1 {
    padding-top: 30px;
    text-align: center;
    margin: 0;
    font-size: 29px;
}

#page-menu h1 a {
    color: #fff;
}

#page-menu h1 i {
    display: none;
}

#page-menu .profile-pic {
    width: 110px;
    height: 110px;
    display: block;
    margin: 15px auto 10px auto;
}

#page-menu .profile-name {
    display: block;
    font: 16px 'TSB7BoldFF', TheSans, Verdana, sans-serif;
    margin-top: 7px;
    color: #fff;
    text-align: center;
}

#page-menu .profile-study {
    font-size: 14px;
    text-align: center;
    color: #999;
    line-height: 29px;
}

#page-menu ul#main-menu {
    color: #fff;
    padding: 20px 15px;
    font-family: 'TSB4SemiLightFF', TheSans, Verdana, sans-serif;
}

#page-menu ul#main-menu li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #404e6e;
}

#page-menu ul#main-menu li:last-child {
    border-bottom: 1px solid #404e6e;
}

#page-menu ul#main-menu li a {
    color: #fff;
    font-size: 14px;
    padding: 7px 10px;
    display: block;
}

#page-menu ul#main-menu li a:hover, #page-menu ul#main-menu li.active a {
    text-decoration: none;
    background-color: #404e6e;
    -webkit-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
}

#page-menu ul#main-menu li a i.fa {
    font-size: 16px;
    margin-right: 5px;
}

#page-menu footer {
    padding: 25px 15px;
}

#page-menu footer a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin-right: 3px;
    padding: 3px 7px;
    font-size: 14px;
}

#page-menu footer a i.fa {
    font-size: 16px;
    margin-right: 5px;
}

#page-menu footer a:hover {
    text-decoration: none;
    background-color: #404e6e;
    -webkit-transition: background-color 500ms ease-out;
    -o-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
}

#page-menu form {
    padding: 0 15px;
}

#page-container {
    padding-left: 285px;
    font-size: 16px;
    line-height: 25px;
    color: #001c3d;
}

#page-container .col1 {
    background-color: #fff;
    min-height: 100%;
    padding: 0 30px 30px;
    position: relative;
}

#page-container #main-content, #page-container .col2 {
    background-color: #e8e8e8;
    min-height: 100%;
    padding: 0 30px 30px;
    position: relative;
}

#page-container #main-content {
    background-color: transparent;
}

html.dialog-iframe-root-node, .aui body.html-editor {
    background-color: #fff;
}

.aui body.html-editor {
    margin-bottom: 0;
}

body.modal-open {
    overflow: hidden !important;
}

#main-menu.nav {
    float: none;
    margin: 0;
}

#main-menu > li {
    float: none;
}

.collapse {
    display: block;
}

.aui .portlet, .aui .portlet-borderless-container {
    background: transparent;
    padding: 0;
}

.aui .modal, .modal {
    display: block;
    left: 0 !important;
    top: 0 !important;
    width: 100vw;
    height: 100vh;
    margin: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.aui .announcements .modal .modal-dialog, .announcements .modal .modal-dialog {
    top: 60px !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

@media (max-width: 799px) {
    .aui .announcements .modal .modal-dialog, .announcements .modal .modal-dialog {
        top: 20px !important;
    }

    .modal .modal-dialog, .modal .modal-dialog {
        /*display: block;*/
        width: 97% !important;
        max-width: 475px;
        /*top: 20px!important;*/
    }
}


.aui .modal .modal-external-resource .modal-body {
    padding-bottom: 0px !important;
    max-height: 98%;
}

.modal-text {
    margin: 10px 0px 10px 0px;
}

.aui .ui-widget-overlay {
    background: rgba(255, 255, 255, 0.75);
}

.aui .ui-blockui-content {
    background: none;
}

.aui .ui-shadow {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 0px;
}

.aui .modal .modal-body {
    padding: 25px;
    overflow: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-overflow-scrolling: touch;
}

.aui .modal .modal-body h3 {
    margin-top: -10px;
}

.aui #people-modal.modal .modal-body h3 {
    margin-top: 10px;
}

.aui .modal .modal-body .um.table {
    margin-bottom: 0;
}

.aui .modal-dialog form {
    margin: 0px 0px 0px 0px;
}

.aui .modal.smartphone, .aui .modal.tablet {
    top: 20px !important;
    left: 0 !important;
}

.aui .modal-hidden {
    display: none;
}

.aui .modal-footer {
    background: transparent;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.aui .portlet-topper {
    background: transparent;
    color: inherit;
}

.aui .portlet-content, .portlet-content {
    border: none;
}

#page-container #main-content {
    padding: 0;
    display: block;
    height: 100%;
}

.portlet-layout {
    display: block;
    height: 100%;
}

#page-container #main-content .portlet-column {
    padding: 0 30px 30px;
    margin: 0;
    min-height: 100%;
    overflow: auto;
    background-color: #e8e8e8;
    padding-top: 5px;
}

#page-container #main-content .portlet-column-first {
    background-color: #fff;
}

.dockbar-user-notifications .user-notifications-count {
    font-size: 14px;
}

.current-courses .table .td {
    padding: 2px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#course-groups .group-content {
    width: 100%;
}

.course-groups .table .td.title a, .current-courses .table .td.title a {
    display: block;
    float: left;
    max-width: 100%;
    overflow: hidden;
    word-wrap: normal;
    white-space: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-right: 5px;
    text-decoration: underline;
}

div.um-theme .timetable__location .label--lighten {
    white-space: normal;
}

.course-groups .table .td .um-btn, .current-courses .table .td .um-btn {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    margin: 2px 0;
}

.course-groups .table .td i.green, .current-courses .table .td i.green {
    color: green;
}

.course-groups .table .td i.red, .current-courses .table .td i.red {
    color: #ff0000;
}

.course-groups .table .status, .current-courses .table .status {
    font-size: 15px;
    line-height: 29px;
    padding-right: 0;
}

.course-groups .table .disabled, .current-courses .table .disabled {
    color: #999;
}

.course-groups .table .undo, .current-courses .table .undo {
    color: #fff;
    background-color: #ccc;
    display: inline-block;
    padding: 4px 6px;
    border-radius: 50%;
    margin-left: 4px;
    float: right;
    margin-top: 3px;
}

.course-table .score-toggle .td {
    border-top: none;
}

.course-table .score {
    background-color: #ddd;
    text-align: center;
    padding: 0;
    min-height: 34px;
    display: none;
}

.course-table .score a, #score-modal .score span, .retake-table .score a {
    background-color: green;
    color: #fff;
    padding: 0px 4px;
    text-decoration: none;
}

.course-table .score.fail a, #score-modal .score.fail span, .retake-table .score.fail a {
    background-color: #ff0000;
}

#register-modal .modal-header .course-id {
    display: block;
    font-size: 14px;
}

#register-modal .modal-header .course-title {
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-family: 'TSB7BoldFF', TheSans, Verdana, sans-serif;
}

#register-modal label span {
    display: inline-block;
    width: 150px;
    font-weight: bold;
}

.course-dates {
    border-top: 1px solid #E1E1E1;
    padding-top: 20px;
    margin: 10px 0;
}

.course-dates p {
    font-size: 13px;
    margin-bottom: 0;
}

.course-dates p + p {
    padding-top: 20px;
}

.course-table .score-toggle .td {
    border-top: none;
}

.course-table .score-toggle .score {
    color: #fff;
    background-color: #00a2db;
    cursor: pointer;
}

.completed-courses {
    margin-top: 50px;
}

.completed-courses a {
    text-decoration: underline;
}

#course-groups {
    margin: 40px 0;
}

.oldStudy {
    display: none;
}

tr.oldStudy, .oldStudyStyle {
    color: rgb(104, 104, 104) !important;
}

a.oldStudyStyle {
    border-bottom: 1px solid rgb(104, 104, 104) !important;
}

.onlyOldStudies {
    margin-left: 35px;
    margin-bottom: 10px;
    display: block;
}

.course-groups .group .header {
    background-color: #ccc;
    padding: 10px 15px;
    cursor: pointer;
    margin: 10px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.course-groups .group .header i.fa {
    float: right;
    margin-top: 4px;
}

.course-groups .group .group-inner {
    display: none;
}

.export {
    margin-top: 15px;
}

.export a {
    margin-right: 13px;
}

.export a i {
    margin-right: 7px;
}

#grades_sticker {
    text-align: right;
    float: right;
    z-index: 9;
    padding-bottom: 10px;
}

.filter_sticker {
    text-align: right;
    z-index: 9;
    padding-bottom: 10px;
    margin-top: 2px;
}

.stick + #courses_list {
    padding-top: 55px;
}

@media screen and (max-width: 799px) {
    .stickers {
        display: flex;
        float: right;
    }
}

@media screen and (min-width: 800px) {
    .stickers {
        display: flex;
        flex-direction: column;
        float: right;
    }
}

.filter-btn {
    background: #f5f5f5 !important;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    width: fit-content;
}

.filter-btn:hover {
    background: #e0e0e0; /* Iets donkerder bij hover */
    border-color: #999;
}

.filter-btn svg {
    width: 14px;
    height: 14px;
    fill: #444; /* Donkerder icoon */
}



#show_score, #show_exams, #show_coursereg, #show_print {
    margin-left: 10px;
}

.print-table tr, .print-table td {
    border: 0px !important;
    vertical-align: middle;
}

.print_modal form {
    margin: 0px;
}

.print-table select {
    color: #555;
    font-weight: normal;
    font-size: 14px;
    margin: 0px;
}

.print-table {
    margin: 0px !important;
}

table.chkFilters td label {
    display: inline;
}

table.chkFilters td input[type="checkbox"] {
    margin: 0;
}

table.chkFilters td input {
    margin-right: 5px;
}

table.chkFilters td {
    line-height: 1em;
    border: none;
    padding-top: 6px;
}

#filter_modal .modal-body hr {
    margin: 5px;
}

#new_grades_info {
    position: relative;
    top: 10px;
    padding-left: 15px;
    display: inline;
}

#sticker {
    padding-top: 20px;
}

#add_remove_course_container {
    padding-bottom: 25px;
}

.add-remove-course {
    margin-bottom: 20px;
}

div.show-all-periods {
    margin-bottom: 30px;
}

.underline-header thead > tr > th {
    border-bottom: 1px solid #001b3c;
}

#courses_list .course .title h4 {
    margin: 0 10px 0 0;
    font-size: 19.5px;
}

#courses_list .course + .course {
    margin-top: 20px;
}

#courses_list .course .descr {
    margin-bottom: 10px;
}

.toggles {
    margin: 25px 0 0;
}

.toggles ul {
    list-style-type: none;
    margin-right: 20px;
    padding: 0;
    display: inline-block;
}

.toggles ul li {
    display: inline-block;
    float: left;
    margin-left: -1px;
}

.toggles ul li a, .toggles ul li a:hover {
    display: block;
    border: 1px solid #ccc;
    padding: 5px 10px;
    color: #00a2db;
}

.toggles ul li.active a {
    color: #fff;
    border: 1px solid #00a2db;
    background-color: #00a2db;
}

.toggles ul li.disabled {
    color: #ccc;
    display: block;
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.deadlineTime {
    color: #999;
}

.timetable {
    margin-bottom: 35px;
    margin-top: 20px;
}

.timetable a {
    line-height: 1.5em !important;
}

.timetable .day {
    margin: 0;
    border-top: 1px solid #666;
}

.timetable .day .calendar {
    float: left;
    padding-top: 12px;
    padding-bottom: 16px;
    width: 70px;
    text-align: center;
    background-color: #d7d7d7;
}

.timetable .day .calendar .cal-day-nr {
    font-size: 33px;
    display: block;
    margin-top: 10px;
}

.timetable .day .calendar .cal-day-text {
    font-size: 16px;
    line-height: 22px;
    display: block;
}

.timetable .day .schedule {
    margin-left: 80px;
}

.timetable .day .schedule .time {
    padding-top: 10px;
}

.timetable .day .schedule .description {
    color: #666;
    padding-top: 10px;
}

.timetable .day .schedule .description a {
    text-decoration: underline;
}

.timetable .day .schedule .description a.um-btn {
    text-decoration: none;
    margin-bottom: 10px;
}

.timetable .day .schedule .description span {
    color: #001c3d;
    display: block;
}

.timetable .day .schedule .description span.pull-right {
    max-width: 110px;
    text-align: right;
    margin-left: 15px;
}

.timetable .day .schedule .description .um-msg-warning {
    color: #fff;
    margin-top: 10px;
    display: block;
    float: left;
    clear: both;
    margin-bottom: 5px;
}

.calendar-nav {
    display : flex;
    background: #F7F7F7;
    align-items: start;
    justify-content: space-between;
}

.calendar-tip {
    width: 100%;
    font-size: .9375rem;
    padding: 20px;
}

.student-timetable #nav {
    display: block;
    z-index: 2;
    padding: 6px 0 0 15px;
}

.student-timetable #nav.affix {
    padding: 15px 15px 0px 15px;
}

.student-timetable #nav.affix {
    top: 50px;
    right: 4px;
    left: 0;
    border-bottom: 1px solid #ccc;
    background-color: rgba(247, 247, 247, 0.95);
}

ul.launchpad-links {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 25px;
}

ul.launchpad-links li {
    display: block;
    width: 100%;
    clear: both;
    margin-top: 12px;
    overflow: auto;
}

ul.launchpad-links .icon {
    background-color: #fff;
    border-radius: 5px;
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    margin-right: 10px;
}

ul.launchpad-links .icon.grey {
    background-color: #ccc;
}

ul.launchpad-links .text {
    margin-left: 60px;
}

ul.launchpad-links a {
    color: #009ae5;
}

ul.launchpad-links .text a {
    text-decoration: underline;
    font-family: 'TSB7BoldFF', TheSans, Verdana, sans-serif;
    display: block;
}

ul.launchpad-links .text a:hover {
    text-decoration: none;
}

ul.documents-tree {
    list-style-type: none;
    padding: 0;
    margin: 25px 5px;
}

ul.documents-tree ul {
    list-style-type: none;
}

ul.documents-tree li {
    margin-top: 10px;
}

ul.documents-tree li i {
    margin-right: 5px;
}

ul.documents-tree li a {
    text-decoration: underline;
}

ul.documents-tree li a:hover {
    text-decoration: none;
}

.deadlines-table {
    margin: 15px 0;
    border-bottom: 1px solid #ccc;
}

.deadlines-table .td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.deadlines-table .td:last-of-type span {
    display: block;
    border: 1px solid #ccc;
    text-align: center;
    margin-right: -10px;
}

.deadlines-table .td a {
    text-decoration: underline;
}

.deadlines-table .td a:hover {
    text-decoration: none;
}

.deadlines-table .td:last-of-type.upcomming span {
    background-color: #fddda0;
}

.deadlines-table .td:last-of-type.urgent span {
    background-color: #ff6666;
    color: #fff;
}

tr.unreademail td {
    font-family: 'TSB7BoldFF';
}

td.emailIsImportant, td.emailHasAttachment {
    padding: 10px 5px 0 5px;
    vertical-align: top;
    text-align: center;
    width: 20px;
}

td.emailSender {
    font-family: 'TSB7BoldFF';
    width: 260px;
}

td.emailDate {
    text-align: right !important;
}

.badge, .aui .badge {
    padding: 5px 7px;
    border-radius: 10px;
    background-color: #e84e10;
    min-width: 30px;
}

.student-timetable .loader-container {
    display: none;
}

.full-width-template #page-container {
    width: 100%;
}

.ie #page-container #main-content .portlet-column {
    padding-top: 0;
    padding-bottom: 0;
}

.ie #page-container #main-content .portlet-column .portlet-column-content {
    padding-top: 5px;
    padding-bottom: 30px;
}

.firefox.aui .site-navigation .lfr-nav-item a {
    white-space: normal;
}

.win i.fa.fa-windows {
    font-size: 21px;
}

#navigation.modify-pages .lfr-nav-deletable .delete-tab {
    width: 25px;
    height: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 7px 0;
}

#navigation.modify-pages .lfr-nav-deletable:hover .delete-tab {
    opacity: 1;
}

.aui .radio input[type="radio"] {
    position: relative;
}

.aui .portlet-options a.dropdown-toggle {
    color: #001c3d;
    border-bottom: none;
}

.aui .portlet-options a.dropdown-toggle:hover i.icon-cog {
    opacity: 0.8;
}

.aui .portal-popup .pika-single.is-hidden {
    display: none;
}

#datepicker-modal {
    text-align: center;
}

#datepicker-modal .modal-header {
    padding: 0;
    height: 0;
}

#datepicker-modal .modal-header {
    height: 21px;
}

#datepicker-modal .datepicker {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#datepicker-modal .datepicker.datepicker-inline {
    width: auto;
}

#datepicker-modal .datepicker table {
    border-spacing: 10px 2px;
    border-collapse: separate;
}

#datepicker-modal .datepicker table tr {
    background: #fff;
}

#datepicker-modal .datepicker table tr td, #datepicker-modal .datepicker table tr th {
    width: 30px;
    height: 30px;
    border-radius: 25px;
    font-weight: normal;
}

#datepicker-modal .datepicker table tr th {
    border-top: 3px solid;
    border-bottom: 3px solid;
    border-color: transparent;
}

#datepicker-modal .datepicker table tr td.today {
    background-color: #00a2db;
    color: #fff;
}

#datepicker-modal .datepicker thead tr:first-child {
    font: 1.7em/1.5em 'TSB7BoldFF', TheSans, Verdana, sans-serif;
    color: #001c3d;
    text-transform: uppercase;
}

#datepicker-modal .datepicker-months table, #datepicker-modal .datepicker-years table {
    width: 300px;
}

#datepicker-modal .datepicker table tr td span {
    border-radius: 50%;
}

#datepicker-modal .datepicker .datepicker-days table tr td.day:hover, #datepicker-modal .datepicker .datepicker-days table tr td.day.focused, #datepicker-modal .datepicker .datepicker-days table tr td.day.active {
    background-color: #00a2db;
    color: #fff;
}

#datepicker-modal .modal-body {
    background-color: #fff;
}

#datepicker-modal .datepicker table tr td {
    font-size: 15px;
}

th.datepicker-switch {
    text-transform: lowercase;
    font-size: 26px;
}

#disclaimer_modal p {
    line-height: 1.5;
}

#people-modal ul {
    list-style: inherit;
    list-style-type: none;
    margin: 0;
}

span.label.label--deadline {
    background-color: #FF0000;
}

span.label.label--booking {
    background-color: #800000;
}

span.label.label--exam {
    background-color: #800040;
}

span.label.label--booking2 {
    background-color: #800000;
}

span.label.label--internship {
    background-color: #400040;
}

span.label.label--introduction {
    background-color: #e8cd02;
}

span.label.label--clinical-skills {
    background-color: #00e600;
}

span.label.label--communication-reflection {
    background-color: #80ff80;
}


span.label.label--practical {
    background-color: #FF8000;
}

span.label.label--assignment {
    background-color: #009999;
}

span.label.label--lecture {
    background-color: #008000;
}

span.label.label--project {
    background-color: #808000;
}

span.label.label--opening-lecture {
    background-color: #008000;
}

span.label.label--research {
    background-color: #808040;
}

span.label.label--self-study {
    background-color: #808080;
}

span.label.label--tutorial {
    background-color: #0000FF;
}

span.label.label--workshop {
    background-color: #8000FF;
}

span.label.label--teaching {
    background-color: #FF80C0;
}

span.label.label--wrb-active {
    background-color: #80FFFF;
}

span.label.label--skills-training {
    background-color: #FF8000;
}

span.label.label--warning {
    background-color: #FF8000;
}

.modal-header {
    padding-top: 20px;
    padding-bottom: 0px;
    background-color: #00A2DB;
    border-bottom: none !important;
    height: 24px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.settings-modal-header, .notifications-modal-header {
    background-color: transparent !important;
}

.modal-header h2 {
    margin-top: 0;
}

.modal-header .close,
.modal-header .toolbar-content .close {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0 !important;
    float: none;
    border-radius: 0;

    display: block;
    width: 24px !important;
    height: 24px !important;

    background: #E84E10 !important;
    opacity: 1;

    text-align: center;
    text-shadow: 0px 0px #fff;
    color: #fff;
    line-height: 17px;
    z-index: 100;
}

a.close {
    color: #fff !important;
}

.aui .close > span:first-child, .close > span:first-child {
    position: static;
    top: 0;
    left: 6px;
    font-size: 20px;
}

button.close {
    padding: 0px !important;
}

.aui.ie11 .modal-header .close,
.aui.ie11 .modal-header .toolbar-content .close,
.aui.chrome.touch .modal-header .close,
.aui.chrome.touch .modal-header .toolbar-content .close {
    line-height: 20px;
}

.modal-header button.nextAnnouncement,
.modal-header button.previousAnnouncement {
    background: #001C3D !important;
    opacity: 1;
    text-shadow: 0px 0px #fff;
    color: #fff;
    display: block;
    width: 24px !important;
    height: 24px !important;
    text-align: center;
    line-height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0 !important;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 0 6px;
    font-family: 'TSB7BoldFF', Helvetica, Arial, sans-serif;
}

.modal-header button.nextAnnouncement.hasPrevious {
    left: 24px;
}

.no-border .modal-header {
    border-bottom: none;
    padding-bottom: 0px;
    height: 24px;
}

.no-border .modal-body {
    border-top: none;
}


.aui table.actions-table td {
    width: 100%;
    float: left;
    line-height: 1.5em;
}

.aui table.actions-table td {
    border: 0 none;
    border-left: none;
    text-decoration: none;
    text-align: left;
    padding: 0;
}

#add_remove_course_modal h4 {
    padding-bottom: 10px;
}

#course_catalogue {
    border-top: 1px solid #ddd;
}

#special_course_approval .fa {
    position: relative;
    left: 2px;
}

.aui table.actions-table td a {
    padding: 10px;
}

.aui table.actions-table td h4 {
    font-size: 20px;
}

.aui table.actions-table td:last-child {
    border-bottom: 1px solid #ccc;
}

.aui table.actions-table a:hover {
    background-color: #e8e8e8;
}

.modal-wide .modal-body {
    overflow-y: auto;
}

.modal-body {
    position: relative;
    padding: 20px;
    margin: 0px;
}

.modal-body .row {
    margin-right: -15px;
    margin-left: -15px;
}

h4.modal-title {
    margin-top: 0px;
    margin-bottom: 5px;
}

.register-exam_modal .modal-body p {
    margin-bottom: 0;
}

.register-exam_modal .modal-body p + p {
    margin-top: 20px;
}

.register-exam_modal .modal-body h4 {
    display: block;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: 20px;
}

.register-exam_modal .modal-footer {
    border: none;
    padding: 0 25px 25px 25px;
}

.register-exam_modal .modal-body p strong {
    display: block;
}

#score_modal .score span {
    background-color: green;
    color: #fff;
    padding: 0px 4px;
    text-decoration: none;
}

#score_modal .score.fail span {
    background-color: #ff0000;
}

#score_modal table {
    margin-top: 20px;
    overflow: visible;
}

#score_modal .results-table-footer table {
    margin-top: 0;
}

#score_modal .results-table-footer table td {
    padding-top: 20px;
}

#score_modal table th:first-child,
#score_modal table.no-border td:first-child {
    padding-left: 0;
}

#provisional_table_body.collapse.show {
    display: table-row-group;
}

.hiddenRow {
    padding: 0 !important;
}

div.um-theme tbody tr.collapsible.announcement-row {
    background: #fff;
}

div.um-theme tbody tr.collapsible.announcement-row .pull-right {
    position: absolute;
    right: 0px;
    top: 0;
}

div.um-theme tbody tr.collapsible.announcement-row .row-fluid {
    position: relative;
}

div.um-theme tbody tr.collapsible.announcement-row.unreademail {
    background-color: rgba(0, 0, 0, 0.05);
    font-family: 'TSB7BoldFF';
}

div.um-theme .announcementsTitle {
    background-color: transparent;
    text-transform: uppercase;
    font-family: "TSB7BoldFF";
    margin-bottom: 0px;
    border-bottom: 1px solid;
    padding: 10px 0px 5px;
}

div.um-theme .article.unreadannouncement {
    background-color: rgba(0, 0, 0, 0.05);
    padding-left: 10px;
}

.announcement-row .collapse p {
    margin-top: 10px;
}

.announcements-table {
    border-top: 2px solid #001c3d;
}

.launchpad .heading {
    border-bottom: 2px solid #001c3d;
    line-height: 40px;
}

.heading--bolder {
    border-bottom: 0 !important;
}

.collapsible {
    cursor: pointer;
}

.student-link {
    padding: 5px 0;
}

.linkscard {
    /*width: 33.333%;*/
    background-color: #fff;
    margin: 0 10px 20px 10px;
    box-sizing: border-box;
    padding: 1px 20px 20px 20px;
}

.staffpickslinkscard {
    margin: 0 10px 20px 10px;
    box-sizing: border-box;
    padding: 1px 20px 20px 20px;
}

.linkscard h3 {
    border-bottom: 1px solid;
    padding-bottom: 5px;
    font-size: 18px;
    font-family: 'TSB7BoldFF';
    font-weight: normal;
    line-height: 1.4em;
}

.linkscard .greytext {
    color: #999;
    font-family: 'TSB5PlainFF';
    font-size: 14px;
}

.linkscard .um-btn {
    margin-top: 20px;
}

.links-container .linkinfo {
    width: calc(100% - 20px) !important;
}

.linkicon {
    float: left;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    padding-top: 9px;
    padding-left: 1px;
    margin-right: 10px;
    clear: left;
    color: #0099cc;
    border: 1px solid #ccc;
}

.linkicon i {
    font-size: 32px;
}

.linkicon img {
    position: relative;
    bottom: 0.1em;
    height: 32px;
}

.linkiconstaffpick {
    float: left;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    padding-top: 10px;
    margin-right: 10px;
    clear: left;
    color: #0099cc;
    border: 1px solid #ccc;
}

.linkiconstaffpick i {
    font-size: 32px;
}

.linkiconstaffpick img {
    position: relative;
    bottom: 0.1em;
    height: 32px;
}

.linkimage {
    /* float: left;
    font-size: 28px;
    padding-top: 10px;
    margin-right: 10px; */
    clear: both;
}

.linkimage img {
    /* 	position: relative;
        bottom: 1em;
        height:130px;
        height:350px;
        display: inline-block;
        max-width: 100%;
        height: auto;
         */

    /* width: 100%; */
}

.linkinfo a {
    margin-bottom: 5px;
    border-bottom: 1px solid #011b3c;
    line-height: 25px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-smooth: always;
}

#link_store_modal h2 {
    border-bottom: 2px solid;
    padding-bottom: 5px;
    font-size: 26px;
    font-family: 'TSB7BoldFF';
    font-weight: normal;
}

#link_store_modal h3 {
    border-bottom: 1px solid;
    padding-bottom: 5px;
    font-size: 18px;
    font-family: 'TSB7BoldFF';
    font-weight: normal;
    line-height: 1.4em;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 6px 0;
}

.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.linkinfo .fa-key, .linkinfo .fa-unlock {
    background-color: #e84e10;
    color: #fff;
    padding: 5px;
    border-radius: 2px;
    font-size: 0.8em;
    margin-left: 5px;
    text-align: center;
}

.inactive .linkinfo a.url {
    pointer-events: none !important;
    border-bottom: none;
    cursor: default;
    color: #ccc;
}

.inactive {
    color: #ccc;
}

.um-theme a.link-action {
    font-weight: normal;
    border-bottom: none;
}

.score a i.fa {
    margin: 0px;
}

a i {
    margin-right: 5px;
}

button.link-action.delete {
    color: #c91717;
}

button.link-action.add {
    color: #0f9d58;
}

button.link-action.delete,
button.link-action.add {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

.header-controls {
    padding: 25px 25px 10px 25px;
}


.header-controls .row-fluid {
    border-bottom: 1px solid #CCC;
}

.header-controls h2 {
    margin: 0px;
}

.link_store_title {
    margin: 0px;
}

#link_store_menu .list-group {
    margin: 0;
}

#link_store_menu {
    margin-bottom: 20px;
}

#link_store_modal .breadcrumb {
    padding: 10px 0 0;
    border-top: 1px solid #ddd;
}

#link_store_modal .header-controls {
    padding-bottom: 0;
}

#link_store_modal .header-controls .row-fluid {
    border-bottom: none;
}

#link_store_modal .category-container {
    padding: 0;
    margin: 0;
    border-top: none;
}

#link_store_category_container {
    padding: 0;
    margin: 0;
    border-top: none;
}

#link_store_selected_title {
    border-bottom: 1px solid;
    padding-bottom: 5px;
    font-size: 18px;
    font-family: 'TSB7BoldFF';
    font-weight: normal;
    line-height: 1.4em;
}

.container-fluid.no-padding {
    padding: 0;
}

#link_store_title {
    padding: 0;
    font-size: 1.3em;
    margin-top: 0;
    line-height: 1.5em;
}

.um-btn-green {
    background-color: #0f9d58;
    color: #fff !important;
    border-radius: 2px;
    font-family: 'TSB7BoldFF', Helvetica, Arial, sans-serif;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26);
    padding: 5px 10px;
    margin-top:5px;
}

.um-btn-green:hover, .um-btn-green.active {
    background-color: #2C7DA9;
    color: white !important;
}

.um-btn.disabled {
    border-radius: 2px;
    background: #F7F7F7;
    -webkit-box-shadow: none;
    box-shadow: none;
    /* border: 1px solid rgba(0, 31, 63, 0.2); */
    border: 1px solid !important;
    font-family: 'TSB7BoldFF', Helvetica, Arial, sans-serif;
    color: rgba(0, 31, 63, 0.3);
    padding: 5px 10px;
    margin-top: 5px;
}

.um-btn:disabled {
    opacity: 0.3;
}

.fc-button-primary:disabled {
    border-radius: 2px;
    background: #F7F7F7;
    -webkit-box-shadow: none;
    box-shadow: none;
    /* border: 1px solid rgba(0, 31, 63, 0.2); */
    border: 1px solid !important;
    color: rgba(0, 31, 63, 0.3) !important;
    font-family: 'TSB5PlainFF', TheSans, Verdana, sans-serif;
    opacity: 1 !important;
}

#datepicker-modal {
    text-align: center;
}

#datepicker-modal .datepicker {
    display: inline-block;
    margin: 0;
}

#datepicker-modal .datepicker.datepicker-inline {
    width: auto;
}

#datepicker-modal .datepicker table {
    border-spacing: 10px 2px;
    border-collapse: separate;
}

#datepicker-modal .datepicker table tr {
    margin-bottom: 10px;
}

#datepicker-modal .datepicker table tr td,
#datepicker-modal .datepicker table tr th {
    width: 30px;
    height: 30px;
    border-radius: 25px;
}

#datepicker-modal .datepicker table tr td.today {
    background-color: #00a2db;
    color: #fff;
}

#datepicker-modal .datepicker thead tr:first-child {
    font: 1.7em/1.5em 'TSB7BoldFF', TheSans, Verdana, sans-serif;
    color: #001c3d;
    text-transform: uppercase;
}

#datepicker-modal .datepicker-months table, #datepicker-modal .datepicker-years table {
    width: 300px;
}

#datepicker-modal .datepicker table tr td span {
    border-radius: 50%;
}

#datepicker-modal .datepicker .datepicker-days table tr td.day:hover, #datepicker-modal .datepicker .datepicker-days table tr td.day.focused, #datepicker-modal .datepicker .datepicker-days table tr td.day.active {
    background-color: #00a2db;
    color: #fff;
}

#faculty_help_modal, #it_help_modal .modal-body .portlet-topper {
    display: none;
}

#faculty_help_modal, #it_help_modal .modal-body .portlet-content {
    padding: 0;
}

#instructions-footer-modal label {
    display: inline-block;
}

.instructions-toggle {
    border: none !important;
}

#instructions-footer-modal label input {
    margin-top: 0;
}

div.student-timetable .page-head__tabs .tabs__link.js-tab--is-active,
div.myemployability .page-head__tabs .tabs__link.js-tab--is-active {
    background: #f7f7f7;
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.26);
}

.activeTabBackground {
    background: rgb(247, 247, 247) !important;
}

span.label.label--deadline {
    background-color: #FF0000;
}

span.label.label--booking {
    background-color: #800000;
}

span.label.label--exam {
    background-color: #800040;
}

span.label.label--booking2 {
    background-color: #800000;
}

span.label.label--internship {
    background-color: #400040;
}

span.label.label--introduction {
    background-color: #00FF00;
}

span.label.label--practical {
    background-color: #FF8000;
}

span.label.label--assignment {
    background-color: #009999;
}

span.label.label--lecture {
    background-color: #008000;
}

span.label.label--project {
    background-color: #808000;
}

span.label.label--opening-lecture {
    background-color: #008000;
}

span.label.label--research {
    background-color: #808040;
}

span.label.label--self-study {
    background-color: #808080;
}

span.label.label--tutorial {
    background-color: #0000FF;
}

span.label.label--workshop {
    background-color: #8000FF;
}

span.label.label--teaching {
    background-color: #FF80C0;
}

span.label.label--wrb-active {
    background-color: #80FFFF;
}

span.label.label--skills-training {
    background-color: #FF8000;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.gpa {
/*    background-color: rgb(255, 255, 255); */
    font-size: 14px;
}

.gpa span {
    font-size: 15px;
    line-height: 22px;
}

.gpa span strong {
    font-size: 1.2em;
    font-family: 'TSB7BoldFF';
}

.manage-specialization-link {
    margin-left: 6px;
}

.aui .show {
    display: inline-block !important;
}

a.collapsible-header {
    border-bottom: 2px solid #001b3c !important;
    margin-top: 20px;
    font: 1.9em/1.5em 'TSB7BoldFF', TheSans, Verdana, sans-serif;
    text-transform: none;
    cursor: pointer;
    display: block;
}

a.collapsible-header.sub {
    font: 1.3em/1.5em 'TSB7BoldFF', TheSans, Verdana, sans-serif;
    border: none !important;
    margin-bottom: 2px;
}

i.collapse-icon {
    float: right;
    margin-right: 10px;
}

.aui .um.table {
    margin-bottom: 20px;
}

.aui .um.table thead th {
    background-color: transparent;
}

.aui .um.table-striped tbody > tr:nth-child(odd) > td, .aui .table-striped tbody > tr:nth-child(odd) > th, .um.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: #eee;
}


@media (max-width: 799px) {
    .aui .um.table-striped .status,
    .aui .um.table-striped .score,
    .um.table-striped .status,
    .um.table-striped .score {
        width: 44px;
    }
}

@media (min-width: 800px) and (max-width: 990px) {
    .aui .um.table-striped .status,
    .aui .um.table-striped .score,
    .um.table-striped .status,
    .um.table-striped .score {
        width: 72px;
    }
}

@media (min-width: 991px) {
    .aui .um.table-striped .status,
    .aui .um.table-striped .score,
    .um.table-striped .status,
    .um.table-striped .score {
        min-width: 72px;
    }
}

.aui .student-timetable .um.table-striped tbody > tr:nth-child(odd) > td,
.student-timetable .um.table-striped tbody > tr:nth-child(odd) > td {
    background: transparent;
}

.aui .student-timetable .um.table-striped tbody > tr:nth-child(even) > td,
.student-timetable .um.table-striped tbody > tr:nth-child(even) > td {
    background: #eee;
}

.aui .student-timetable .um.table-striped tbody > tr:nth-child(even) > td.tip,
.student-timetable .um.table-striped tbody > tr:nth-child(even) > td.tip {
    background: #fffff0;
}

.aui .um.table-striped tbody > tr:nth-child(odd) > td.tip,
.um.table-striped tbody > tr:nth-child(odd) > td.tip {
    background: #fffff0;
}

.um.table .status a {
    border-bottom: none;
    margin-left: 5px;
}

.um.table td.score, .um.table th.score {
    background-color: #fff !important;
}

a.no-underline {
    border-bottom: none !important;
    text-decoration: none !important;
}

.um.table .status i.fa, .um.table .status i.fa {
    color: #fff;
    background-color: #ccc;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26);
    background-color: #0f9d58;
    cursor: pointer;
}

.aui .um.table .status i.fa.disabled, .um.table .status i.fa.disabled {
    background-color: #ccc;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26);
    color: #fff !important;
}

.aui .um.table .status i.fa.no-link, .um.table .status i.fa.no-link {
    background: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.aui .um.table .status i.fa.no-link, .um.table .status i.fa.no-link {
    color: #000 !important;
    cursor: default;

}

.aui .table th, .aui .table td.col-md-1 {
    min-width: 50px !important;
}

.aui .table th.text-center:first-child, .aui .table td.text-center:first-child {
    text-align: center;
}

.aui .table th.text-center, .aui .table td.text-center {
    text-align: center;
}

.aui .um.table .title .badge {
    margin-left: 10px;
}

.pencil-header-icon {
    background-color: inherit !important;
    color: #001f3f !important;
    -webkit-box-shadow: none !important;;
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0 !important;
}

.modal-dialog .modal-content {
    border-radius: 0;
    border: none;
}

[id*="regexc"] .modal-dialog {
    max-width: 600px;
}

[id*="reg_"] .modal-body,
[id*="regex"] .modal-body,
[id*="regec"] .modal-body {
    padding-bottom: 15px !important;
}

[id*="reg_"] .modal-title,
[id*="regex"] .modal-title,
[id*="regec"] .modal-title {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

[id*="reg_"] .modal-footer,
[id*="regex"] .modal-footer,
[id*="regec"] .modal-footer {
    padding: 0 25px 25px 25px;
    border: 0;
}

[id*="reg_"] p strong,
[id*="regex"] p strong,
[id*="regec"] p strong {
    display: block;
}

.aui .modal-content, .modal-content {
    background-color: #F9F9F9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.group {
    margin-bottom: 10px;
}

div.um-theme .launchpad, div.um-theme .student-timetable {
    list-style: none;
    margin: 0 0 2.5rem;
    padding: 0
}

div.um-theme .launchpad::after, div.um-theme .student-timetable::after {
    clear: both;
    content: "";
    display: table
}

.um-layouts-1col-100 .col-md-12 #column-1 {
    width: 100%;
}

.um-layouts-1col-100 #column-1 {
    margin: 0;
    padding: 0;
    max-width: 100%;
}

div.um-theme .label {
    font-size: inherit;
    font-weight: inherit;
    border-radius: inherit;
    text-shadow: inherit;
}

div.um-theme .label--lighten {
    background-color: inherit;
}

div.um-theme .timetable__location .label--lighten {
    color: #555;
    font-weight: normal;
    font-family: 'TSB4SemiLightFF';
    text-align: left;
}

div.um-theme .label--lighten-small {
    padding: 2px !important;
}

.announcement-row span i.read-status-icon {
    display: none;
}

div.um-theme .table.timetable th {
    padding: 14px 0 5px 0;
}

div.um-theme .table th.fase {
    width: 80px;
}

div.um-theme .table th.year {
    width: 120px;
}

.um-btn-green.no-bg {
    color: #0f9d58 !important;
}

.um-btn-blue.no-bg {
    color: #00a2db !important;
}

.um-btn.no-bg {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.inactive a.delete {
    cursor: pointer;
    color: red !important;
    pointer-events: auto !important;
}

.inactive a {
    pointer-events: none !important;
    border-bottom: none;
    cursor: default;
    color: #ccc !important;
}

/*.modal-body {*/
/*    max-height: calc(100vh - 212px);*/
/*    overflow-y: auto;*/
/*}*/

a.link {
    border-bottom: 1px solid #001F3F;
    color: #001F3F;
    text-decoration: none;
}

tr.new-grade {
    font-weight: bold;
}

div.um-theme a:focus, .modal .um-btn:focus {
    text-decoration: none;
}

div.um-theme {
    height: 100%;
}

div.um-theme .main .um-layouts-2cols-5-5,
div.um-theme .main .um-layouts-2cols-5-5 .content--one-half {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

div.um-theme .main .um-layouts-2cols-5-5 .content--one-half,
div.um-theme .main .um-layouts-2cols-5-5 .content--one-half {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    float: none;
    width: auto;
    min-height: calc(100vh - 51px);
}

div.um-theme .main .um-layouts-2cols-5-5 .content--one-half .content__col.content__col--two {
    background-color: #fff;
    border-left: 1px solid #eee;
}

div.um-theme .main .um-layouts-2cols-5-5 .content--one-half .content__col.content__col--two .content.box {
    padding: 3px;
}


.signed-out.public-page aside {
    display: none !important;
}

/* no other selector to target 'logout' page */
.signed-out.public-page {
    height: auto !important;
}

.signed-out.public-page div.um-theme .main {
    padding-left: 0;
}

div.um-theme .logout-overlay {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 20px;
    background-color: #fff;
    z-index: 999;
}

div.um-theme .user {
    display: block;
}

div.um-theme .filter .btn {
    padding: 7px 10px;
}

.btn-group a.btn--green {
    font-size: 15px;
}

.aui .close, .close {
    padding: 0 6px;
    width: 24px;
    height: 24px;
}

.modal.modal-wide .modal-dialog {
    width: calc(100vw - 50px);
    max-width: none;
    height: calc(100vh - 60px);
    max-height: none;
    margin-top: 15px !important;
}

.aui .modal-content, .aui .modal-content {
    height: 100%;
}

span.bookingReason {
    margin-left: 5px;
    padding: 0 4px;
    border: 1px solid;
    text-transform: uppercase;
}

.category-container:first-child {
    border: 0 none;
}

.category-container {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 10px;
}

.category-container .show-more {
    clear: both;
    margin-bottom: 15px;
}

.aui .um-theme .btn:hover,
.aui .um-theme .btn:focus {
    color: #fff;
}

div.um-theme .announcements-table hr {
    margin: 5px 0;
}

.results-table th:first-child, .results-table td:first-child, .results-table-footer table td:first-child {
    width: 50%;
    /*border: 1px solid red;*/
}

.results-table th, .results-table td, .results-table-footer table td {
    width: 20%;
    /*border: 1px solid green;*/
}

.results-table-date {
    width: 50% !important;
}

.results-table th:last-child, .results-table td:last-child, .results-table-footer table td:last-child {
    width: 30%;
    /*border: 1px solid gold;*/
}


.um.table.results-table thead th, .um.table.reginfo-table thead th {
    font-weight: bold;
    border-bottom: 1px solid #001F3F;
}

.um.table.reginfo-table {
    width: 100%;
}

.um.table.results-table td:first-child {
    padding-left: 10px;
}

.um.table.results-table td:first-child:before {
    content: "-";
    position: relative;
    left: -4px;
}

.um.table.results-table td.normalResult {
    padding-left: 25px !important;
}

.caret-description {
    padding-right: 5px;
    float: right;
    font: 15px 'TSB5PlainFF', TheSans, Verdana, sans-serif;
    padding-top: 5px;
}

.caret-description-show {
    padding-top: 3px;
    font: 13px 'TSB5PlainFF', TheSans, Verdana, sans-serif;
}

.programme-name {
    display: inline-block;
    max-width: calc(100% - 70px);
}

.show-programme {
    min-width: 70px;
}

#category {
    min-width: 220px;
}

.aui .form-horizontal .control-label.category-label {
    float: left;
    width: auto;
    padding-top: 0px;
    text-align: right;
}

#feedbackContent {
    height: 10rem;
    width: 100%;
}

.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

div.um-theme .article-overview article:last-child {
    border-bottom: 0 none;
}

.open-external-resource {
    width: 100%;
    height: 100%;
}

.open-external-resource-wrapper {
    height: 100%;
}

.open-external-resource-wrapper > iframe {
    display: block;
    width: 100%;
}

.slideOut {
    cursor: pointer;
    border-bottom: 1px solid;
}

.slideOutInfo {
    /*display: none;*/
    margin-top: 10px;
}

.courseDetailsIcon i {
    padding: 4px;
    padding-top: 2px;
    font-size: 12px;
}

.slideOut a i, .slideOutTimeEntry a i {
    margin-right: 0px;
}

div#timetableDatepicker {
    margin-right: 10px;
}

div.um-theme .tbody--bordered {
    border-top: 2px solid #001F3F;
}

body.signed-out,
body.maintenance,
body.signed-out,
body.signed-out div.um-theme .logout-overlay,
body.maintenance div.um-theme .logout-overlay {
    background: #f7f7f7 !important;
}

@media screen and (min-width: 461px) {
    body.signed-out div.um-theme .logout-overlay,
    body.maintenance div.um-theme .logout-overlay {
        margin-top: 118px;
    }
}

#signin {
    background: #fff;
    width: 320px;
    margin: 0 auto;
    padding: 20px 10px 20px 10px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}

#signin span {
    color: #666;
    font-family: 'TSB4SemiLightFF';
    padding: 0;
    display: block;
    line-height: 24px;
}

div.um-theme #signin a.button {
    padding: 5px 10px;
    background-color: #0f9d58;
    text-decoration: none;
    color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26);
    margin-bottom: 15px;
    display: inline-block;
    border-bottom: 0;
}

div.um-theme #signin h2 {
    margin: 0 0 20px 0;
}

div.um-theme #signin h1 {
    font-size: 2.8em;
    color: #011b3c;
    font-family: 'TSB4SemiLightFF', TheSans, Verdana, sans-serif;
    margin-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#signin p {
    font-size: 16px;
    margin-bottom: 20px;
}

.timetable--all {
    overflow: hidden;
}

.timetable--all .timetable__time {
    width: 10%;
}

.timetable--all .timetable__info {
    width: calc(90% - 60px);
}

#timetableData .timetable__time {
    width: 100px;
}

#deadlinesData .timetable__time {
    display: flex;
    flex-direction: row;
}

#timetableData .timetable__info {
    width: calc(85% - 60px);
}

div.um-theme .timetable__info label {
    float: left;
}

div.um-theme .timetable__item {
    float: left;
}

div.um-theme .timetable__item--full {
    padding: 5px 0px 0px 0px;
}


div.um-theme .table-striped .timetable__icon {
    margin: 0px;
}

div.um-theme .timetable__item--full .label {
    text-align: left;
    padding: 0;
    font-family: 'TSB5PlainFF';
}

div.um-theme .timetable__item .label {
    border-radius: 3px;
    margin-right: 6px;
    border: 0 !important;
}

div.um-theme .timetable__actions {
    text-align: right;
    width: 60px;
}

div.um-theme .timetable__actions__bottom {
    vertical-align: bottom !important;
}

div.um-theme .timetable__countdown .label, div.um-theme .timetable__countdown .deadlinetime {
    font-weight: normal;
    min-width: 90px;
    padding: 4px 0;
    display: block;
}

div.um-theme .timetable__countdown {
    vertical-align: top;
}

div.um-theme tr th.table__cell--left {
    border: 0 none;
}

div.um-theme .label {
    font-weight: normal;
    font-family: 'TSB7BoldFF';
    letter-spacing: 0.5px;
    padding: 4px;
}

div#new_grades_info {
    display: inline;
}

div.um-theme .calendar__date em {
    font-family: 'TSB4SemiLightFF', TheSans, Verdana, sans-serif;
}

.timetable--all th.table__cell--left {
    padding: 0 0 5px 0;
}

.timetable--overview h3.collapsible-header {
    font-size: 18px;
    border-bottom: 1px solid #001b3c;
}

.timetable--overview p {
    margin: 10px 0 10px 0;
}

.timetable--overview .table tr td {
    vertical-align: middle;
}

.timetable--overview .table tr th {
    padding: 7px;
    padding-right: 10px;
    border-bottom: 1px solid #001c3d;
}

a#de_register_course,
a#special_course_approval,
a#course_catalogue {
    display: block;
    color: #001f3f;
    border-bottom: 0;
    border-top: 0;
}

#de_register_course .col-xs-10,
#special_course_approval .col-xs-10,
#course_catalogue .col-xs-10 {
    padding-left: 10px;
}

#instructions-footer-modal .modal-header {
    border: none;
}

.signed-out .journal-content-article,
.signed-out .journal-content-article h1 {
    text-align: center;
}

@media (min-width: 950px) {
    .datepicker thead tr:first-child th:hover,
    .datepicker tfoot tr th:hover {
        background: #00a2db !important;
        color: #fff;
    }
}

.support-entries {
    border-top: 1px solid #ddd;
}

.support-entries h2 {
    font-size: 1.3em;
}

#timetableDatepicker {
    margin-right: 10px;
}

.loadmore {
    text-align: center;
}

.help-container {
    background-color: #fffff0;
    padding: 20px;
}

.instructions h3 {
    font-size: 25.8px;
}

.instructions p,
.instructions li {
    line-height: 24px;
}

.instructions .checkbox {
    padding-left: 0;
}

.iframe-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-left: 0px;
}

.iframe-container iframe {
    height: calc(98vh - 200px) !important;
    min-height: auto !important;
}

.course-details .nav-tabs {
    margin: 0;
    border: 0;
}

.course-details {
    padding-right: 10px;
    display: flex;
}

#score_modal .modal-dialog {
    width: 100%;
}

#webdynpro_warning_manage_specialization_modal .modal-dialog {
    width: 310px;
    border: 1px solid;
}

#webdynpro_warning_manage_specialization_modal .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
}

.page-head a.page-head__link {
    border: 0 none;
    text-decoration: underline;
}

.page-head a.page-head__link:hover {
    color: rgba(0, 31, 63, 0.8);
}

.page-head a.page-head__link i:before {
    text-decoration: none;
}

.page-head .nav-tabs > li {
    margin-bottom: 0;
}

#webdynpro_warning_manage_specialization_modal .modal-type {
    margin-top: 0px;
}

#webdynpro_warning_manage_specialization_modal .modal-footer {
    text-align: left;
    border-top: none;
    padding-top: 0px;
}

#webdynpro_warning_manage_specialization_modal h3 {
    line-height: 1.2em;
}

#webdynpro_warning_manage_specialization_modal .modal-body div {
    line-height: 1.5em;
}

#myorganisations_redirect_btn {
    border: none;
}

.grey-bg {
    background-color: #e8e8e8;
}

/*.article:last-of-type{*/
/*    border-bottom: none !important;*/
/*	margin-bottom: 15px;*/
/*}*/

.aui .collapse.in {
    height: auto !important;
}

.category.list-group-item {
    border: 1px solid #ddd !important;
}

.signed-out .header, .signed-out .sidebar {
    display: none;
}

.signed-out .main {
    padding: 0;
}

.signed-out #forgot {
    width: auto;
    float: none;
    display: block;
    padding: 15px 15px;
    line-height: 1.5em;
    text-align: center;
    margin-top: -5px;
}

.fancybox-nav {
    height: 0px;
    width: 20px;
    left: 0;
}

.fancybox-nav span {
    visibility: visible !important;
    top: 0 !important;
    margin-top: -27px;
}

.fancybox-inner {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.fancybox-prev span {
    left: -27px;
}

.fancybox-next span {
    left: -8px;
}

.studentPortal .fancybox-skin {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.exam-dates-info {
    background-color: #ffffcc;
    padding: 4px 8px;
    font-weight: normal;
    font-family: 'TSB5PlainFF', TheSans, Verdana, sans-serif;
}

.errorCode {
    font-style: italic;
    margin-top: 50px;
}

.totalNumberDeadlines {
    font-size: 0.75em;
}

.holds-iframe .messageBox {
    margin-top: 20px;
    margin-left: 20px;
}

.firefox div.um-theme .modal p {
    line-height: 1.53;
}

.portlet-borderless-bar .portlet-actions .portlet-options {
    margin-bottom: 0;
}

/* background images not loading fix */
.portlet-borderless-bar .portlet-close a {
    background-image: url(/o/um-theme/images/portlet/close_borderless.png) !important;
}

.portlet-borderless-bar .portlet-options .dropdown-toggle,
.portlet-borderless-bar .portlet-options.open .dropdown-toggle {
    background-image: url(/o/um-theme/images/portlet/options_borderless.png) !important;
}

.portlet-draggable .portlet-title-default {
    background-image: url(/o/um-theme/images/portlet/draggable_borderless.png) !important
}

.loading-animation {
    background-image: url(/o/um-theme/images/progress_bar/loading_animation.gif) !important;
}

.proxy.not-intersecting .forbidden-action {
    background-image: url(/o/um-theme/images/application/forbidden_action.png) !important;
}

.underlay-content {
    background-image: url(/o/um-theme/images/common/message_panel_shadow.png) !important;
}

.panel-hd {
    background-image: url(/o/um-theme/images/application/panel_header_bg.png) !important;
}

.menu-content {
    background-image: url(/o/um-theme/images/application/menu_bg.png) !important;
}

.loadingmask-message {
    background-image: url(/o/um-theme/images/portlet/header_bg.png) !important;
}

.paginator-current-page {
    background-image: url(/o/um-theme/images/application/paginator_link_current_bg.png) !important;
}

.paginator-first-link {
    background-image: url(/o/um-theme/images/arrows/paging_first.png) !important;
}

.paginator-prev-link {
    background-image: url(/o/um-theme/images/arrows/paging_previous.png) !important;
}

.paginator-last-link {
    background-image: url(/o/um-theme/images/arrows/paging_last.png) !important;
}

.paginator-next-link {
    background-image: url(/o/um-theme/images/arrows/paging_next.png) !important;
}

.html-editor.portlet-message-boards blockquote {
    background-image: url(/o/um-theme/images/message_boards/quoteleft.png) !important;
}

.html-editor.portlet-message-boards blockquote:after {
    background-image: url(/o/um-theme/images/message_boards/quoteright.png) !important;
}

.lfr-editable:after {
    background-image: url(/o/um-theme/images/common/edit_white.png) !important;
}

.nav-menu-style-arrows ul {
    list-style-image: url(/themes/classic/css/../images/arrows/04_right.png) !important;
}

.form-trigger {
    background-image: url(/o/um-theme/images/application/button_bg.png) !important;
}

.form-trigger:focus,
.form-trigger:hover {
    background-image: url(/o/um-theme/images/application/button_bg_over.png) !important;
}

.trigger-selected {
    background-image: url(/o/um-theme/images/application/button_bg_selected.png) !important;
}

.trigger-selected:focus,
.trigger-selected:hover {
    background-image: url(/o/um-theme/images/application/button_bg_selected_over.png) !important;
}

.options-trigger img {
    background-image: url(/o/um-theme/images/common/configuration.png) !important;
}

.save-trigger img {
    background-image: url(/o/um-theme/images/common/check.png) !important;
}

.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
    background-image: url(/o/um-theme/images/arrows/12_left.png) !important;
}

.portlet-content .lfr-icon-actions .lfr-icon-action-add a {
    background-image: url(/o/um-theme/images/common/add_white.png) !important;
}

.portlet-content .lfr-icon-actions .lfr-icon-action-edit a {
    background-image: url(/o/um-theme/images/common/edit_white.png) !important;
}

.portlet-content .lfr-icon-actions .lfr-icon-action-edit-template a {
    background-image: url(/o/um-theme/images/common/edit_template_white.png) !important;
}

.portlet-content .lfr-icon-actions .lfr-icon-action-configuration a {
    background-image: url(/o/um-theme/images/common/configuration_white.png) !important;
}

.portlet-borderless-bar .portlet-options li.lfr-trigger strong a {
    background-image: url(/o/um-theme/images/portlet/options_borderless.png) !important;
}

.portlet-draggable .portlet-title-default {
    background-image: url(/o/um-theme/images/portlet/draggable_borderless.png) !important;
}

.lfr-status-alert-label {
    background-image: url(/o/um-theme/images/messages/alert.png) !important;
}

.lfr-status-error-label {
    background-image: url(/o/um-theme/images/messages/error.png) !important;
}

.lfr-status-help-label,
.lfr-status-info-label,
.lfr-status-progress-label {
    background-image: url(/o/um-theme/images/messages/info.png) !important;
}

.lfr-status-help-label {
    background-image: url(/o/um-theme/images/portlet/help.png) !important;
}

.lfr-status-progress-label {
    background-image: url(/o/um-theme/images/aui/loading_indicator.gif) !important;
}

.lfr-status-success-label {
    background-image: url(/o/um-theme/images/messages/success.png) !important;
}

.lfr-message .lfr-message-close {
    background-image: url(/o/um-theme/images/portlet/close_borderless.png) !important;
}

.lfr-message.pending {
    background-image: url(/o/um-theme/images/common/time.png) !important;
}

.alt.restricted td.first,
.restricted td.first {
    background-image: url(/o/um-theme/images/messages/error.png) !important;
}

.table-data tr.lfr-role-guest .first {
    background-image: url(/o/um-theme/images/common/guest_icon.png) !important;
}

.table-data tr.lfr-role-regular .first {
    background-image: url(/o/um-theme/images/common/user_icon.png) !important;
}

.table-data tr.lfr-role-site .first {
    background-image: url(/o/um-theme/images/common/site_icon.png) !important;
}

.table-data tr.lfr-role-organization .first {
    background-image: url(/o/um-theme/images/common/organization_icon.png) !important;
}

.table-data tr.lfr-role-team .first {
    background-image: url(/o/um-theme/images/common/team_icon.png) !important;
}

.aui.ie6 .accordion-group .accordion-heading.toggler-header-collapsed,
.aui.ie7 .accordion-group .accordion-heading.toggler-header-collapsed {
    background-image: url(/o/um-theme/images/arrows/05_right.png) !important;
}

.aui.ie6 .accordion-group .accordion-heading.toggler-header-expanded,
.aui.ie7 .accordion-group .accordion-heading.toggler-header-expanded {
    background-image: url(/o/um-theme/images/arrows/05_down.png) !important;
}

.aui .add-content-menu .accordion .accordion-group .toggler-header .accordion-toggle,
.aui .lfr-edit-layout-panel .accordion .accordion-group .toggler-header .accordion-toggle,
.aui .panel-page-menu .portlet-borderless-container .accordion .accordion-group .toggler-header .accordion-toggle {
    background-image: url(/o/um-theme/images/arrows/13_left.png) !important;
}

ul.settings {
    margin: 0px 0px 0px 0px;
}

ul.settings li {
    display: table;
    width: 100%;
    border-top: 1px solid #ccc;
    line-height: 1.5em;
    padding: 10px 0px 20px 0px;
}

div.settings-title {
    float: left;
    width: 90%;
}

div.settings-title h4 {
    margin-bottom: 0;
}

div.settings-title span {
    display: block;
    margin-left: 30px
}

div.settings-toggle {
    float: right;
    margin-left: 0px;
    width: 10%;
}

.settings-btn-toggle {
    float: right;
    font-size: 1.3em !important;
    background: none;
    border: none;
}

.fa-toggle-on {
    color: green;
}

.fa-toggle-off {
    color: #cccccc;
}

.notificationsbutton {
    cursor: pointer;
}

.aui .badge.nav-top__badge {
    background-color: #999;
    right: auto;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px !important;
    margin-top: 12px;
    margin-left: -10px;
}

#notifications_popup .greytext {
    color: #999;
    font-family: 'TSB5PlainFF';
    font-size: 13px;
}

#notifications_popup.show_popup {
    right: 20px;
}

#notifications_popup .close_popup {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #e84e10;
    padding: 2px 4px;
    line-height: 1em;
    cursor: pointer;
}

#notifications_popup {
    z-index: 2002;
    background-color: #001c3d;
    color: #eee;
    position: fixed;
    top: 60px;
    right: -320px;
    padding: 0px 20px;
    width: 300px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.show_popup {
    display: block !important;
}

#notifications_popup ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#notifications_popup ul li {
    border-bottom: 1px solid #ccc;
    padding: 10px 10px;
}

#notifications_popup ul li.unread {
    background-color: #f9f9f9;
}

#notifications_popup ul li:last-child {
    border-bottom: none;
    margin-bottom: 10px;
}

#notifications_popup h4 {
    border-bottom: 2px solid;
    padding-bottom: 5px;
    margin-bottom: 0;
}

#notifications_popup a {
    color: #eee;
}

/*FANCYBOX*/
.studentPortal .fancybox-overlay {
    background: none;
    z-index: 2003;
}

.studentPortal .fancybox-close {
    top: -7px;
    right: -6px;
}

ul.caroussellink {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.caroussellink li {
    border-bottom: 1px solid;
    cursor: pointer;
}

.carousel-indicators {
    bottom: 0px;
    position: absolute;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0 !important;
    margin-left: -30% !important;
    text-align: center;
    list-style: none;
}

.carousel .carousel-indicators li {
    border: 1px solid #000 !important;
}

.carousel .carousel-indicators .active {
    background-color: #001c3d !important;
}

a.fancybox-close, a.fancybox-close:hover, a:link.fancybox-close {
    border: none;
}

/*.notifications_messages_popup {*/
/*    width: 380px;*/
/*    color: #fff;*/
/*    text-align: center;*/
/*}*/

/*.notifications_messages_popup_message {*/
/*    padding: 0 20px 20px 20px;*/
/*}*/

/*.notifications_messages_popup h2 {*/
/*    margin-top: 0;*/
/*    margin-bottom: 20px;*/
/*    border-bottom: none;*/
/*    color: #fff;*/
/*}*/

/*.notifications_messages_popup h3 {*/
/*    font-size: 18px;*/
/*    padding-bottom: 5px;*/
/*}*/

.notification_content {
    padding-bottom: 30px;
}

.notification__welcome, .notification__tips {
    background-color: #0099cc;
}

.notification__warning, .notification__warning h2 {
    background-color: #ffffcc;
    color: #001c3d;
}

.notification_header {
    text-align: center;
}

.notification_header i {
    font-size: 50px;
    margin: 20px auto 20px auto;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    padding: 40px;
    padding-top: 45px;
    width: 140px;
    height: 140px;
    background-color: rgba(0, 0, 0, 0.15);
}

.fancy_popup {
    width: 475px;
    /*padding: 20px;*/
}

.fancy_popup .modal-footer {
    padding-left: 0px;
    padding-bottom: 0px;
}

.fancy_popup-wide {
    width: 100%;
    height: 100%;
}

.score_popup hr {
    clear: both;
}

.help_popup select, .help_popup textarea {
    color: #555;
    font-weight: normal;
    font-size: 14px;
}

.help_error.portlet-msg-error {
    background: none;
    border: none;
    list-style: none;
    margin: 0px;
    padding: 5px;
    display: block;
}

.item_help h3 {
    border-bottom: 1px solid;
    padding-bottom: 5px;
    font-size: 18px;
    line-height: 1.4em;
}

.help-pull-right {
    float: right;
    margin-bottom: 20px;
}

.timetable-detail--pull-right {
    float: right;
}

@media screen and (max-width: 799px) {
    .timetable-timezone {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
}

@media screen and (min-width: 800px) {
    .timetable-timezone {
        float: right;
    }
}

.timetable-detail--pull-left {
    float: left;
}

.item_timetable {
    padding-top: 15px;
}

.item_timetable h2 .greytext {
    color: #999;
    font-family: 'TSB5PlainFF';
    font-size: 26px;
}

.item_timetable h2 {
    font-family: 'TSB7BoldFF';
    font-size: 26px;
}

.item_timetable h3 {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    font-size: 18px;
}

.item_timetable ul {
    line-height: 1.2em !important;
}

.score_popup {
    height: auto !important;
    max-height: 90% !important;
    width: 450px;
    border: 0;
}

.score_popup .modal-content, .instructions_popup .modal-content, .link_popup .modal-content, .connect_email_modal .modal-content, .add_course_popup .modal-content, .filter_popup .modal-content, .print_popup .modal-content {
    box-shadow: 0 4px 20px 10px rgba(0, 0, 0, 0.2), 0 6px 20px 10px rgba(0, 0, 0, 0.19) !important;
}

.add_course_popup, .filter_popup, .print_popup {
    transform: none;
    width: 475px;
    height: auto;
    border: none;
}

.add_course_popup .modal-body {
    padding: 40px;
}

.add_course_popup .modal-content, .filter_popup .modal-content, .print_popup .modal-content {
    height: auto !important;
}

.instructions_popup .modal-content {
    padding: 20px;
}

.instructions_popup {
    height: auto !important;
    max-height: 90% !important;
    width: 550px;
    border: 0;
}

.link_popup {
    width: 425px;
    border: 0;
}

.print_popup .modal-body {
    padding-top: 20px;
}

.filter_popup .modal-body {
    padding-right: 40px;
    padding-left: 40px;
}

.filter_popup .modal-content {
    #display: block;
    padding-right: 17px;
}

.filter_popup h4 {
    font-size: 17.5px;
}

.filter_popup .MuiFormControlLabel-root .MuiSvgIcon-root {
    width: 16px;
    height: 16px;
}

.filter_popup .MuiFormControlLabel-root .checkedIcon {
    width: 16px;
    height: 16px;
}

.filter_popup .MuiFormControlLabel-root .MuiTypography-body1 {
    color: #555;
    font-size: 15px;
    font-weight: 200;
}

.filter_popup .MuiFormControlLabel-root .Mui-checked {
    color: dodgerblue !important;
}

.filter_popup .MuiFormControlLabel-root .button-left {
    display: flex;
    justify-content: flex-start;
}

.filter_popup .MuiFormControlLabel-root #filterSaveBtn {
    float: right;
    display: flex;
    justify-content: flex-start;
}

.filter_popup #filterSaveBtn {
    float: right !important;
    display: flex !important;
    justify-content: flex-start !important;
}

.connect_email_modal .modal-dialog {
    width: 600px;
    height: auto !important;
    max-height: 90% !important;
    border: 0;

}

.connect_email_modal .modal-header {
    background: transparent;
}

.score_popup hr {
    clear: both;
}

div.um-theme .final-results-table tbody tr, div.um-theme .final-results-table tbody td {
    border: 0px !important;
}

@font-face {
    font-family: 'FontAwesome';
    src: url("../font/fa-regular-400.woff2") format('woff2');
    src: url("../font/fa-solid-900.woff2") format('woff2');
    font-weight: 400;
    font-style: normal;
}

.showhide h3 > a:after {
    font-family: FontAwesome;
    content: "\f0d7";
    float: right;
    margin-right: 5px;
}

.showhide > h3 > a.collapsed:after {
    content: "\f0da";
    float: right;
    margin-right: 5px;
}

.showhide h3 a, .showhide h3 a:hover, .showhide h3 a:link {
    padding-top: 5px;
    display: block;
    text-decoration: none;
    border-bottom: none;
    padding-left: 5px;
}

div.um-theme .helpType {
    margin-bottom: 10px;
}

div.um-theme .helpType input {
    float: left;
}

div.um-theme .helpType label {
    margin-left: 10px;
    display: block;
    line-height: normal;
    font-size: 14px;
}

div.um-theme .helpType tbody tr:nth-child(2n) {
    background: none;
}

div.um-theme .helpType tbody tr {
    border-bottom: none;
}

div.um-theme .helpType tbody td {
    border-top: none;
}

.help_remove_attachment_link i {
    margin: 0;
}

table.help td:first-child {
    width: 40px;
    text-align: center;
}

.btn-primary, .btn-primary:visited {
    color: #fff !important;
    background-color: #0f9d58 !important;
    border: 1px solid #0f9d58 !important;
    font-size: 15px !important;
    font-family: 'TSB7BoldFF';
    border-radius: 2px;
    margin-right: 5px;
}

.btn-primary:hover, .btn-primary:active {
    background-color: #2C7DA9 !important;
    border: 1px solid #2C7DA9 !important;
}

a.btn-primary:hover, a.btn-primary:active {
    color: #fff !important;
}

a.btn-normaal, .btn-normaal {
    background-color: transparent;
    border: 1px solid #001c3d !important;
    color: #001c3d !important;
    border-radius: 2px !important;
    font-family: 'TSB7BoldFF';
    font-size: 15px !important;
}

a.btn-normaal.wit, .btn-normaal.wit {
    background-color: transparent;
    border: 1px solid #fff !important;
    color: #fff !important;
    border-radius: 2px !important;
    font-family: 'TSB7BoldFF';
    font-size: 15px !important;
}

a.btn-normaal:hover {
    background-color: #2C7DA9 !important;
    border: 1px solid transparent !important;
    color: #fff !important;
}

.greytext {
    color: #999;
    font-family: 'TSB5PlainFF';
    font-size: 14px;
}


/* My Employability */

@media screen and (max-width: 799px) {
    div.myemployability {
        margin: 0 -10px;
    }
}

div.myemployability h1 {
    margin-top: 10px;
}

div.myemployability h2 {
    border-bottom: 2px solid;
    padding-bottom: 5px;
    font-weight: normal;
}

div.myemployability a.btn {
    color: #fff !important;
    background: inherit;
    text-shadow: none !important;
    background-image: none !important;
}

div.myemployability .section {
    margin-bottom: 10px;
}

div.myemployability .section .section-title {
    clear: both;
}

div.myemployability .section .section-subtitle {
    font-size: 18px;
    display: inline-block;
}

div.myemployability .label,
div#emppopup .label,
div.employabilityfilteractivities .label {
    float: none !important;
    text-shadow: none;
    font-size: 14px;
    padding: 4px !important;
    border-radius: .25em;
    display: inline-block;
    margin: 3px 2px;
    font-family: 'TSB7BoldFF';
}

div.myemployability .label.label-clickable, div.myemployability .label.label-clickable a,
div#emppopup .label.label-clickable, div#emppopup .label.label-clickable a,
div.employabilityfilteractivities .label.label-clickable, div.employabilityfilteractivities .label.label-clickable a {
    background-color: #dedede;
    color: #001c3d;
    font-family: 'TSB5PlainFF';
    border-bottom: 0;
}

div.myemployability .label.label-clickable:hover, div.myemployability .label.label-clickable:hover a,
div#emppopup .label.label-clickable:hover, div#emppopup .label.label-clickable:hover a,
div.employabilityfilteractivities .label.label-clickable:hover, div.employabilityfilteractivities .label.label-clickable:hover a {
    background-color: orange;
    color: #fff;
    cursor: pointer;
}

@media (pointer: coarse) {
    div.myemployability .label.label-clickable:hover, div.myemployability .label.label-clickable:hover a,
    div#emppopup .label.label-clickable:hover, div#emppopup .label.label-clickable:hover a,
    div.employabilityfilteractivities .label.label-clickable:hover, div.employabilityfilteractivities .label.label-clickable:hover a {
        background-color: #dedede;
        color: #001c3d;
    }
}

div.myemployability .label.label-clickable:active, div.myemployability .label.label-clickable:active a,
div#emppopup .label.label-clickable:active, div#emppopup .label.label-clickable:active a,
div.employabilityfilteractivities .label.label-clickable:active, div.employabilityfilteractivities .label.label-clickable:active a {
    background-color: #dedede;
    color: #001c3d;
}

div.myemployability .label.label-clickable.active, div.myemployability .label.label-clickable.active a,
div#emppopup .label.label-clickable.active, div#emppopup .label.label-clickable.active a,
div.employabilityfilteractivities .label.label-clickable.active, div.employabilityfilteractivities .label.label-clickable.active a {
    background-color: orange;
    color: #fff;
    font-family: 'TSB7BoldFF';
}

div.myemployability .label.label-clickable .fa-times,
div#emppopup .label.label-clickable .fa-times,
div.employabilityfilteractivities .label.label-clickable .fa-times {
    display: none;
}

div.myemployability .label.label-clickable.active .fa-times,
div#emppopup .label.label-clickable.active .fa-times,
div.employabilityfilteractivities .label.label-clickable.active .fa-times {
    display: inline;
}


/* My Employability Card */

a.actionbutton {
    background-color: #0f9d58;
    font-size: 20px;
    font-family: 'TSB7BoldFF';
    border-radius: 50%;
    position: absolute;
    top: -55px;
    right: 10px;
    border: none;
    color: #fff;
    width: 42px;
    height: 42px;
    padding: 10px 11px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.36);
    transition: all 0.5s;
    background-color: transparent;
    color: #001c3d;
}

a.actionbutton.two {
    right: 60px;
}

a.actionbutton:hover {
    background-color: #0f9d58;
    box-shadow: none;
    color: #fff;
}

.card {
    margin: 20px -5px 20px -5px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    display: block;
    overflow: hidden;
    position: relative;
    /*height: 525px;  added from html */
    line-height: 1.4em; /* added */
}

.card a:hover {
    /*color: #001c3d;*/
}

.card:hover {
    /*background-color: #eee;*/
    /*box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.26);*/
    /*transition: all 0.5s;*/
    /*cursor: pointer;*/
}

.card-row {
    margin-right: -15px;
    margin-left: -15px;
}

.card-block {
    padding: 15px;
    position: relative;
}

.card-bottom {
    padding: 10px 15px;
    background-color: #f7f7f7;
    /*  width: calc(100% - 20px); problem with selecting skills */ /* replaced original 30px to 20px */
}


@media screen and (max-width: 799px) {
    .card {
        margin-bottom: 0px;
    }
}

.card-header {
    background-color: #fff;
    color: #fff;
    text-align: center;
    font-size: 50px;
    color: #001c3d;
    position: relative;
    overflow: hidden;
}

.card .img-responsive {
    /* added */
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
}

.card.liggend {
    margin-right: 20px;
    clear: both;
}

.card.liggend .card-header {
    width: 30%;
    display: table-cell;
    float: left;
}

.card.liggend .card-block {
    width: 70%;
    display: table-cell;
    float: left;
    padding-bottom: 0;
}

.card.liggend .card-bottom {
    width: 100%;
    float: left;
}

@media screen and (max-width: 480px) {
    .card.liggend .card-header {
        width: 100%;
        display: block;
        float: none;
        clear: both;
    }

    .card.liggend .card-block {
        width: 100%;
        display: block;
        float: none;
        clear: both;
    }
}

.card .completed {
    font-size: 14px;
    background-color: #001c3d;
    color: #fff;
    display: block;
    width: 100%;
    padding: 0 7px;
    font-family: 'TSB7BoldFF';
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.card-green {
    background-color: #3aaa35;
}

.card-red {
    background-color: #e6332a;
}

.card-blue {
    background-color: #009fe3;
}

.card-grey {
    background-color: #eee;
}

.card-title {
    margin-top: 0;
    font-size: 18px;
    font-family: 'TSB7BoldFF';
    line-height: 25px; /* added */
}

.card-text {
    padding-top: 10px;
}


/* My Employability Popup */

#emppopup {
    background-color: #0099cc;
    color: #fff;
    padding: 20px;
    text-align: center;
}

#emppopup.popup {
    /*background-color: #f9f9f9;*/
    width: 320px;
}

#emppopup.popup.breed {
    width: 380px;
}

#emppopup h2 {
    text-align: left;
    margin-top: 0;
    margin-left: 5px;
    color: white !important;
    text-shadow: none !important;

    /* Copied from general h2 */
    /* border-bottom: 1px solid; */
    padding-bottom: 5px;
    font-size: 26px !important;
    font-family: 'TSB7BoldFF' !important;
    font-weight: normal !important;
}

#emppopup p {
    text-align: left;
}

#emppopup p a.emppopup-link {
    color: #fff;
    border-bottom: 1px solid;
}

#emppopup p a.emppopup-link:hover {
    border-bottom: 1px solid #2c7da9;
}

/*
#emppopup .emppopup-p {
	text-align: left;
	padding: 15px;
	border: 1px dashed;
}

#emppopup .emppopup-p a, #emppopup .emppopup-p a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 0;
}
*/

/*
#emppopup .btn-popup {
    background-color: rgba(255,255,255,0.2) !important;
    border: none !important;
    font-size: 15px !important;
    font-family: 'TSB7BoldFF';
    border-radius: 2px !important;
    margin-right: 5px;
}
*/

.aui .btn-popup {
    border: 1px solid transparent;
    white-space: nowrap;
    background-image: none;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
    font-size: 15px;
    font-family: 'TSB7BoldFF';
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    font-weight: 400;
    line-height: 1.42857143;
    touch-action: manipulation;
    cursor: pointer;
    padding: 6px 12px;
    margin-bottom: 0;
    color: #fff;
}

.aui .btn-popup:hover {
    color: #333;
    text-decoration: none;
    border-bottom: 0;
}

.umep-row {
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    flex-wrap: wrap;
}

.umep-row > [class*="col-"] {
    float: none;
}

.umep-row .card {
    display: flex;
    flex-direction: column;
    height: 95%;
}

.umep-row .card-bottom {
    margin-top: auto;
}

.umep-row:after {
    content: "";
    display: block;
    clear: both;
}

/* My Employability - All activities */

.employabilityfilter {
    margin: 20px;
}

@media screen and (min-width: 600px) and (max-width: 799px) {
    .employabilityfilter {
        margin: 0px 20px 0px 20px;
    }
}

@media screen and (max-width: 600px) {
    .employabilityfilter {
        margin: 20px 20px 0px 20px;
    }

    div.myemployability h1 {
        padding-top: 10px !important;
    }

    div.myemployability h2 {
        padding-top: 10px !important;
    }
}

.aui .employabilityfilter .btn {
    margin-bottom: 10px;
}

.aui .employabilityfilter .btn.widthauto {
    width: auto;
}

.aui .employabilityfilter .btn.hamburgericoncollapsed {
    background-color: #2C7DA9 !important;
    border: 1px solid #2C7DA9 !important;
}

.aui .employabilityfilter .btn.hamburgericoncollapsed.collapsed {
    background-color: #0f9d58 !important;
    border: 1px solid #0f9d58 !important;
}

.employabilityfilter h3 {
    border-bottom: 1px solid;
    font-size: 18px;
    font-family: 'TSB7BoldFF';
    font-weight: normal;
    line-height: 1.4em;
    margin-top: 0;
    padding: 5px 0;
    text-decoration: none;
}

.aui .employabilityfilter input[type="checkbox"] {
    margin: -2px 2px 0 0;
}

.employabilityfilter form a {
    border-bottom: 0 !important;
}

.employabilityfilter form a:hover {
    border-bottom: 1px solid #2C7DA9 !important;
}

@media screen and (max-width: 800px) {
    .employabilityfilteractivities {
        margin: -20px 20px 0px 20px;
    }

    .card.liggend {
        margin: 20px 0px;
    }
}

.employabilityfilteractivities .sortingSelectbox {
    width: 125px;
    float: right;
    margin: 5px 10px 10px 10px;
    color: #001f3f;
    font-size: 14px;
    margin-right: 20px;
    font-family: TSB5PlainFF;
}

@media screen and (max-width: 480px) {
    .employabilityfilteractivities .sortingSelectbox {
        display: none;
    }
}

.highlight {
    background-color: #ffffcc !important;
    padding: 10px;
    font-weight: normal;
}

.content.box.myemployability {
    padding-top: 0 !important;
}

@media screen and (min-width: 800px) {
    .desktop-margin {
        margin-top: 15px;
        margin-left: 15px;
        margin-bottom: 15px;
    }
}

.modal-dialog.notifications_messages_unread_popup {
    border: 0 !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.notifications_messages_unread_popup .modal-content {
    height: fit-content;
    right: initial;
    padding: 0 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 380px;
    background-color: #ffffcc !important;
    color: #001c3d !important;
    align-content: center;
    box-shadow: 0 4px 20px 10px rgba(0, 0, 0, 0.2), 0 6px 20px 10px rgba(0, 0, 0, 0.19) !important;
}

.notifications_messages_unread_popup .modal-header {
    background: transparent;
}

.notifications_messages_unread_popup .modal-footer {
    border: 0;
    margin-top: 10px;
    background: transparent;
}

.notifications_messages_unread_popup .close {
    z-index: 1;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0 !important;
    float: none;
    border-radius: 0;

    display: block;
    width: 24px !important;
    height: 24px !important;

    background: #E84E10 !important;
    opacity: 1;

    text-align: center;
    text-shadow: 0px 0px #fff;
    line-height: 17px;
    z-index: 100;
}


ul.caroussellink {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.caroussellink li {
    border-bottom: 1px solid;
    cursor: pointer;
}

.carousel-indicators {
    bottom: 0px;
    position: absolute;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0 !important;
    margin-left: -30% !important;
    text-align: center;
    list-style: none;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.carousel .carousel-indicators li {
    border: 1px solid #000 !important;
}

.carousel .carousel-indicators .active {
    background-color: #001c3d !important;
}

.module_results_modal .close, .link_popup .close, .instructions_popup .close, .add_course_popup .close, .filter_popup .close, .print_popup .close {
    z-index: 1;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0 !important;
    float: none;
    border-radius: 0;

    display: block;
    width: 24px !important;
    height: 24px !important;

    background: #E84E10 !important;
    opacity: 1;

    text-align: center;
    text-shadow: 0px 0px #fff;
    line-height: 17px;
    z-index: 100;
}

.error_modal {
    width: 475px;
    height: auto !important;
    max-height: 70% !important;
}

.error_modal .modal-content {
    box-shadow: 0 4px 20px 10px rgba(0, 0, 0, 0.2), 0 6px 20px 10px rgba(0, 0, 0, 0.19) !important;
}

.error_modal .modal-header {
    background: transparent;
}

.registration_information_modal {
    width: 500px;
    height: auto !important;
    max-height: 70% !important;
    border: 0 !important;
}

.registration_information_modal .modal-header {
    border-radius: 0px;
    background: transparent;
}

.registration_information_modal .modal-footer {
    border-top-width: 0px;
}

.registration_information_modal .modal-content {
    border: 0;
    box-shadow: 0 4px 20px 10px rgba(0, 0, 0, 0.2), 0 6px 20px 10px rgba(0, 0, 0, 0.19) !important;
}

.de_reg_register_exam_modal, .de_reg_confirmation_modal, .help_confirmation_modal {
    width: 475px;
    height: auto !important;
    max-height: 70% !important;
    border: 0 !important;
}

.de_reg_register_exam_modal .modal-content, .de_reg_confirmation_modal .modal-content, .help_confirmation_modal .modal-content {
    box-shadow: 0 4px 20px 10px rgba(0, 0, 0, 0.2), 0 6px 20px 10px rgba(0, 0, 0, 0.19) !important;
}

.de_reg_register_exam_modal .modal-header, .de_reg_confirmation_modal .modal-header, .help_confirmation_modal .modal-header {
    border-radius: 0px;
    background: transparent;
}

.de_reg_register_exam_modal .modal-footer, .de_reg_confirmation_modal .modal-footer, .help_confirmation_modal .modal-footer {
    border-top-width: 0px;
}

.de_reg_register_exam_modal .modal-content, .de_reg_confirmation_modal .modal-content, .help_confirmation_modal .modal-content {
    border: 0;
}

.status .text-center i, .status .text-center i:hover, .status .text-center i:active {
    color: transparent !important;
    text-decoration: none !important;
    margin-right: 0px !important;
}

.status .text-center a, .status .text-center a:hover, .status .text-center a:active {
    color: transparent !important;
    text-decoration: none !important;
    margin-right: 0px !important;
}

.status a i {
    margin-right: 0px;
}

.react-tabs {
    -webkit-tap-highlight-color: transparent;
}

.react-tabs__tab-list {
    border-bottom: 0px solid #aaa !important;
    margin: 0 !important;
    padding-left: 10px !important;
}

.react-tabs__tab:hover {
    background: #2C7DA9;
    color: #FFF;
}

.react-tabs__tab {
    display: inline-block;
    border: 1px solid transparent;
    border-bottom: none;
    bottom: 0px !important;
    position: relative;
    list-style: none;
    padding: 6px;
    cursor: pointer;
    margin-right: 3px;
    background: #ccc;
    border-radius: .3125rem .3125rem 0 0;
}

@media screen and (min-width: 799px) {
    .react-tabs__tab {
        padding: 6px 12px;
    }

    .react-tabs__tab-list {
        padding-left: 20px !important;
    }
}

.react-tabs__tab--selected:hover {
    background: #2C7DA9 !important;
    border-color: transparent !important;
    color: #FFF;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
}

.react-tabs__tab--selected {
    background: #f7f7f7 !important;
    border-color: transparent !important;
    color: black;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
}

.react-tabs__tab--disabled {
    color: GrayText;
    cursor: default;
}

.react-tabs__tab:focus {
    box-shadow: 0 0 5px #0188fe;
    border-color: #0188fe;
    outline: none;
}

.react-tabs__tab:focus:after {
    content: "";
    position: absolute;
    height: 5px;
    left: -4px;
    right: -4px;
    bottom: -5px;
    background: #f7f7f7 !important;
}

.react-tabs__tab-panel {
    display: none;
}

.react-tabs__tab-panel--selected {
    display: block;
}

.timetable-content-box {
    padding: 0;
    background: #ddd;
}

.studyroute-content-box {
    padding: 0;
    background: #ddd;
}

.custom-timetable, .custom-schedule, .custom-deadlines-and-exams, .custom-overview {
    background: #F7F7F7;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.custom-studyroute {
    background: #F7F7F7;

}

.history-box {
    padding-left: 20px!important;
    padding-right: 20px!important;
}

.m-top {
    margin-top: 10px;
}

a.collapsible-timetable {
    margin-top: 0 !important;
    padding-top: 20px !important;
    font-size: 18px !important;
    border-bottom: 1px solid #001b3c !important;
    margin-bottom: 8px;
}

.collapsible-link {
    border-bottom: none !important;
}

#timetableDatepicker {
    margin-right: 20px !important;
}

.form-inline {
    margin-bottom: 5px;
}

.help_attachment {
    margin-bottom: 16px;
}

.notifications_messages_all_popup {
    width: 410px;
    height: auto !important;
    max-height: 90% !important;
    border: 0 !important;
}

.notifications_messages_all_popup .modal-content {
    height: auto;
    background-color: #ffffcc !important;
    color: #001c3d !important;
    box-shadow: 0 4px 20px 10px rgba(0, 0, 0, 0.2), 0 6px 20px 10px rgba(0, 0, 0, 0.19) !important;
}

.notifications_messages_all_popup .modal-header {
    background: transparent;
}

.notifications_messages_all_popup .close {
    z-index: 1;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0 !important;
    float: none;
    border-radius: 0;

    display: block;
    width: 24px !important;
    height: 24px !important;

    background: #E84E10 !important;
    opacity: 1;

    text-align: center;
    text-shadow: 0px 0px #fff;
    line-height: 17px;
}

.notifications_messages_popup_message {
    padding: 0 20px 20px 20px !important;
}

.notifications_messages_popup h2 {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    border-bottom: none !important;
    color: #fff !important;
}


a .notifications_messages_popup {
    text-decoration: underline;
}

#btn-confirmation-close {
    text-decoration: none;
}

#close {
    text-decoration: none;
}

.announcement_modal .modal-dialog {
    width: 600px;
    height: auto;
}

.announcement_modal .modal-content {
    box-shadow: 0 4px 20px 10px rgba(0, 0, 0, 0.2), 0 6px 20px 10px rgba(0, 0, 0, 0.19) !important;
    max-height: 85vh;
}

.loader-container {
    height: calc(100% - 50px);
    position: fixed;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
}

.specialisations-groups {

}

.specialisations-table {
    margin-right: 10px !important;

}

@media (min-width: 800px)  {
    .specialisations-table {
        max-width: 31% !important;
        float: left;
    }
}

.specialisations-item input[type="checkbox"] {
    margin-right: 4px;
}

.select-program {
    display: flex;
    height: min-content;
}

.select-document {
    display: flex;
    height: min-content;
}

.select-year {
    display: flex;
    height: min-content;
}


.select-module {
    display: flex;
    height: min-content;
}

.current-specialisation {
    display: flex;
    margin-bottom: 8px;
}

.current-specialisation .specialisations-value {
    font-style: italic;
}

.combinations-specialisations {
    display: flex;
}

.studyroute-key {
    font-weight: bold;
    max-width: 180px;
    min-width: 150px;
}

.select-program .specialisations-value {
    max-width: 330px;
    margin-top: 1px;
}

.select-document .documents-value,
.select-year .documents-value {
    max-width: 330px;
    min-width: 200px;
    margin-top: 1px;
}
.document-selectors {
    width: fit-content;
}

.document-tip {
    flex: 1 1 300px;
    max-width: 40%;
}

.pdf-preview {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.pdf-fallback {
    padding: 20px;
    text-align: center;
}

.pdf-download-link {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 16px;
    background-color: #f0f0f0;
    border-radius: 4px;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .document-tip {
        max-width: 100%;
    }
}

.module-value {
    max-width: 260px;
}

.select-period {
    min-width: 75px;
    max-width: 155px;
}

.search-module {
    margin-top: -2px;
    margin-left: 10px; !important;
}

.history-table .um.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: transparent;
}

#confirmation_error_modal p {
    font-size: .875rem;

}

.pagination {
    display: flex;
    justify-content: center;
}

.page_active {
    border: none;
    margin: 1px;
}

.page_inactive {
    background-color: #cccccc;
    margin: 1px;
}

.page_up {
    margin-left: 5px;
    background-color: #cccccc;
}

.page_down {
    margin-right: 5px;
    background-color: #cccccc;
}

.page_active:hover,
.page_inactive:hover,
.page_up:hover,
.page_down:hover {
    color: white;
    background-color: #2C7DA9;
    text-decoration: none;
}

.page_active:focus-visible,
.page_inactive:focus-visible,
.page_up:focus-visible,
.page_down:focus-visible {
    border-color: black;
    border-width: 2px;
}

.studyroute-content-box li a {
    text-decoration: none; /* Removes underline */
    color: inherit;        /* Matches the color of the parent element */
    cursor: pointer;       /* Optionally use the pointer cursor */
    border-bottom: none !important;
}

.studyroute-content-box li a:hover {
    color: #FFF !important;
    background-color: #2C7DA9 !important;
}

/* Style for focused button via keyboard */
button:focus-visible {
    border-color: black;
    border-width: 2px;
    box-shadow: none;
}

.modal-header button.nextAnnouncement:focus-visible,
.modal-header button.previousAnnouncement:focus-visible {
    border-color: white;
    border-width: 2px;
    outline: none;
    border-style: solid;
}

.carousel-control-prev,
.carousel-control-next {
    filter: invert(100%);
    bottom: 50%;
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    border-bottom: 0px !important;
}


.help-button {
    float: inline-end;
}

.download-button {
    float: inline-end;
}

.pdf-preview {
    margin-top: 20px;
    border: none;
    border-radius: 4px;
    padding: 10px;
    background: none;
}

.asw-menu-btn:focus-visible {
    outline: 5px solid #001f3f!important;
    outline-offset: 2px;
}
.aws-menu-btn:focus {
    outline: 2px solid black;
    outline-offset: 2px;
}