/*
 * Usage
*/

.path-report-myfeedback .usagereport h3,
.path-report-myfeedback .userstable {
    clear: left;
}

.path-report-myfeedback .report_form {
    display: inline;
}

.path-report-myfeedback .searchusage,
.path-report-myfeedback #report_category_select {
    margin-left: 20px;
}

.path-report-myfeedback .report_info {
    padding-bottom: 20px;
}

.path-report-myfeedback .buttonswrapper {
    float: right;
}

.path-report-myfeedback .uparrow {
    margin-bottom: 12px;
    margin-left: 7px;
}

.path-report-myfeedback .progress-spinner {
    width: 70px;
    height: 60px;
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 9999;
}

/*
 * Table
*/

.path-report-myfeedback table.dataTable {
    margin: 0 auto;
    clear: both;
    width: 100%;
}

.path-report-myfeedback table.dataTable thead th {
    padding: 10px 18px 10px 10px;
    border-bottom: 1px solid #aaa;
    font-weight: bold;
    cursor: pointer;
}

.path-report-myfeedback table.dataTable tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid #fafafa;
    font-weight: bold;
}

.path-report-myfeedback table.dataTable td {
    padding: 3px 10px;
}

.path-report-myfeedback table.dataTable td.center,
.path-report-myfeedback table.dataTable td.dataTables_empty {
    text-align: left;
}

.path-report-myfeedback table.dataTable img.smallicon {
    height: 12px;
    width: 12px;
}

.path-report-myfeedback table.dataTable tr.odd {
    background-color: #fff;
}
.path-report-myfeedback table.dataTable tr.even {
    background-color: #fcfcf0;
}

.path-report-myfeedback table.dataTable tr.odd td.sorting_1 {
    background-color: #fcfce7;
}

.path-report-myfeedback table.dataTable tr.odd td.sorting_2 {
    background-color: #fcfcf0;
}

.path-report-myfeedback table.dataTable tr.odd td.sorting_3 {
    background-color: #e0e2ff;
}

.path-report-myfeedback table.dataTable tr.even td.sorting_1 {
    background-color: #fcfce0;
}

.path-report-myfeedback table.dataTable tr.even td.sorting_2 {
    background-color: #fcfcf0;
}

.path-report-myfeedback table.dataTable tr.even td.sorting_3 {
    background-color: #f9f9ff;
}

/*
 * Table wrapper
*/
.path-report-myfeedback .dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
}

.path-report-myfeedback .dataTables_wrapper label,
.path-report-myfeedback .dataTables_wrapper .ColVis {
    margin-bottom: 0;
}

/*
 * Page length menu
*/
.path-report-myfeedback .dataTables_length {
    float: left;
}

/*
 * Filter
*/
.path-report-myfeedback .dataTables_filter {
    float: left;
    text-align: right;
    margin-left: 35%;
}

/*
 * Table information
*/
.path-report-myfeedback .dataTables_info {
    clear: both;
    float: left;
}

/*
 * Pagination
*/
.path-report-myfeedback .dataTables_paginate {
    float: right;
    text-align: right;
    margin-left: 10px;
}

.path-report-myfeedback .dataTables_paginate .paginate_button {
    margin-right: 5px;
}

/* Two button pagination - previous / next */
.path-report-myfeedback .paginate_disabled_previous,
.path-report-myfeedback .paginate_enabled_previous,
.path-report-myfeedback .paginate_disabled_next,
.path-report-myfeedback .paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    color: #111;
}
.path-report-myfeedback .paginate_disabled_previous:hover,
.path-report-myfeedback .paginate_enabled_previous:hover,
.path-report-myfeedback .paginate_disabled_next:hover,
.path-report-myfeedback .paginate_enabled_next:hover {
    text-decoration: none;
}
.path-report-myfeedback .paginate_disabled_previous:active,
.path-report-myfeedback .paginate_enabled_previous:active,
.path-report-myfeedback .paginate_disabled_next:active,
.path-report-myfeedback .paginate_enabled_next:active {
    outline: none;
}

.path-report-myfeedback .paginate_disabled_previous,
.path-report-myfeedback .paginate_disabled_next {
    color: #666;
}
.path-report-myfeedback .paginate_disabled_previous,
.path-report-myfeedback .paginate_enabled_previous {
    padding-left: 23px;
}
.path-report-myfeedback .paginate_disabled_next,
.path-report-myfeedback .paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

/* Full number pagination */
.path-report-myfeedback .paging_full_numbers {
    height: 22px;
    line-height: 22px;
}
.path-report-myfeedback .paging_full_numbers a:active {
    outline: none;
}
.path-report-myfeedback .paging_full_numbers a:hover {
    text-decoration: none;
}

.path-report-myfeedback .paging_full_numbers a.paginate_button,
.path-report-myfeedback .paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    color: #333;
}

.path-report-myfeedback .paging_full_numbers a.paginate_button {
    background-color: #ddd;
}

.path-report-myfeedback .paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none;
}

.path-report-myfeedback .paging_full_numbers a.paginate_active {
    background-color: #99b3ff;
}


/*
 * Processing indicator
*/
.path-report-myfeedback .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #fafafa;
    text-align: left;
    color: #999;
    font-size: 14px;
    background-color: white;
}

/*
 * Sorting
*/
.path-report-myfeedback .sorting {
    background-image: url([[pix:moodle|t/sort]]);
    background-position: center right;
    background-repeat: no-repeat;
}
.path-report-myfeedback .sorting_asc {
    background-image: url([[pix:moodle|t/sort_asc]]);
    background-position: center right;
    background-repeat: no-repeat;
}

.path-report-myfeedback .sorting_desc {
    background-image: url([[pix:moodle|t/sort_desc]]);
    background-position: center right;
    background-repeat: no-repeat;
}

.path-report-myfeedback table.dataTable thead th:active,
.path-report-myfeedback table.dataTable thead td:active {
    outline: none;
}

/*
 * Scrolling
*/
.path-report-myfeedback .dataTables_scroll {
    clear: both;
}

.path-report-myfeedback .dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}

.path-report-myfeedback table.grades,
.path-report-myfeedback table#feedbackcomments {
    color: #666;
    font-size: 13px;
    width: 100%;
}

.path-report-myfeedback table.grades th {
    padding: 8px 10px 8px 10px;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #fafafa;
    background: #dce9f9;
    background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
}

.path-report-myfeedback table.grades th:first-child {
    text-align: left;
    padding-left: 10px;
}

.path-report-myfeedback table.grades tr {
    text-align: left;
    padding-left: 10px;
}
.path-report-myfeedback table.grades td:first-child {
    text-align: left;
    padding-left: 5px;
    border-left: 0;
}
.path-report-myfeedback table.grades td,
.path-report-myfeedback table.dataTable tr.odd {
    padding: 5px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0e0e0;
    min-width: 100px;
}

.path-report-myfeedback table.grades tr:last-child td {
    border-bottom: 0;
}

.path-report-myfeedback table.grades tr:hover td {
    background: #f6f6f6;
}

.path-report-myfeedback td.tablefooter {
    border-top: 1px solid #e0e0e0;
    background: #dce9f9;
    background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
}

.path-report-myfeedback table.grades tr.tablefooter:hover td,
.path-report-myfeedback table#feedbackcomments tr.tablefooter:hover td {
    background: #fff;
}

.path-report-myfeedback table.grades .tablefooter select,
.path-report-myfeedback table#feedbackcomments .tablefooter select {
    width: 100%; /*This solves the responsive issue*/
}

.path-report-myfeedback table.grades .horizontal-bar {
    width: 100%;
    border: 1px solid #fafafa;
    background: #eee;
}

.path-report-myfeedback table.grades .grade-bar {
    background: #8bc278;
}

.path-report-myfeedback table.grades .available-grade {
    text-align: right;
    width: 100%;
}

/*Setting the spacing in the feedback comments table*/
.path-report-myfeedback table#feedbackcomments {
    border-collapse: separate;
    border-spacing: 0 10px;
}

.path-report-myfeedback table#feedbackcomments tr {
    background: #fff;
    vertical-align: top;
}

.path-report-myfeedback table#feedbackcomments tr.tableheader,
.path-report-myfeedback table tr.tableheader {
    background: #dce9f9;
    position: sticky;
    top: 0;
}

.path-report-myfeedback table#feedbackcomments th,
.path-report-myfeedback table#feedbackcomments td {
    padding: 5px 10px;
    border: 0;
    text-align: center;
}

/*The Feedback heading and tabs*/
.path-report-myfeedback .heading h2 {
    margin: 0;
    margin-bottom: 10px;
    padding-left: 10px;
    background: #619eb6;
    color: #fff;
}

.path-report-myfeedback .nav.nav-tabs {
    font-size: 18px;
    margin-bottom: 10px;
}

.path-report-myfeedback .nav-tabs > li > a:focus {
    background-color: #0070a8;
}

.path-report-myfeedback .nav-tabs > .active > a:focus,
.path-report-myfeedback .nav-tabs > .active > a:hover {
    background-color: #fff;
    border-color: #ddd;
    border-bottom-color: #fff;
}

.path-report-myfeedback .profilepicture {
    float: left;
    margin-right: 5px;
    display: inline-block;
}

.path-report-myfeedback .descriptionbox {
    display: inline-block;
    margin-bottom: 10px;
}

.path-report-myfeedback .personaltutoremail {
    background: #f5f5f5;
    float: right;
    margin-right: 40px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.path-report-myfeedback .personaltutoremail > a {
    color: #333;
    font-weight: normal;
}

.path-report-myfeedback .personaltutoremails {
    float: right;
    margin-right: 40px;
}

.path-report-myfeedback .personaltutoremail:focus,
.path-report-myfeedback .personaltutoremail:hover {
    background-color: #e6e6e6;
}

.path-report-myfeedback .personaltutoremail > a:focus,
.path-report-myfeedback .personaltutoremail > a:hover {
    text-decoration: none;
}

.path-report-myfeedback .enrolledon {
    color: #619eb6;
    font-weight: normal;
}

.path-report-myfeedback .en-course {
    color: #444;
    font-weight: normal;
}

.path-report-myfeedback .btn.success {
    background: #8bc278;
    color: #fff;
}

.path-report-myfeedback .btn.info {
    background: lightblue;
    color: #fff;
}

.path-report-myfeedback .btn.warning {
    background: orange;
    color: #fff;
    display: block;
    width: 15%;
    margin-bottom: 10px;
}

.path-report-myfeedback .wordcloud {
    float: left;
    width: 45%;
    height: 150px;
    background: #e0e2ff;
    margin-right: 20px;
    margin-bottom: 20px;
}

.path-report-myfeedback .cloudtext {
    float: right;
    width: 45%;
}

/*
* Datatables responsive css
*
*/
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 8px;
    left: 4px;
    height: 16px;
    width: 16px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 16px;
    text-align: center;
    line-height: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    content: '+';
    background-color: #aaa;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child.dataTables_empty:before {
    display: none;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: '-';
    background-color: #aaa;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
    display: none;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
    padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
    top: 5px;
    left: 4px;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    line-height: 12px;
}
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
    position: relative;
    cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 16px;
    text-align: center;
    line-height: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    content: '+';
    background-color: #31b131;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: '-';
    background-color: #d33333;
}
table.dataTable > tbody > tr.child {
    padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
    background: transparent;
}
table.dataTable > tbody > tr.child ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
table.dataTable > tbody > tr.child ul li {
    border-bottom: 1px solid #efefef;
    padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul li:first-child {
    padding-top: 0;
}
table.dataTable > tbody > tr.child ul li:last-child {
    border-bottom: #e0e0e0;
}
table.dataTable > tbody > tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    font-weight: bold;
}
/* End of DataTables responsive */

/*
 * Namespace DTCR - "DataTables ColReorder" plug-in
*/

table.DTCR_clonedTable {
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 202;
}

div.DTCR_pointer {
    width: 1px;
    background-color: #0259c4;
    z-index: 201;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * ColVis styles
*/
div.ColVis {
    float: right;
    /*margin-bottom: 1em;*/
}

button.ColVis_Button,
ul.ColVis_collection li {
    position: relative;
    float: left;
    margin-right: 3px;
    padding: 5px 8px;
    border: 1px solid #999;
    cursor: pointer;
    font-size: 0.88em;
    color: black;
    white-space: nowrap;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -o-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;

    /* Generated by http://www.colorzilla.com/gradient-editor/ */
    background: linear-gradient(to top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%); /* W3C */
}

.ColVis_Button:hover,
ul.ColVis_collection li:hover {
    border: 1px solid #666;
    text-decoration: none;

    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;

    background: linear-gradient(to top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%); /* W3C */
}

button.ColVis_Button {
    height: 30px;
    padding: 3px 8px;
}

button.ColVis_Button::-moz-focus-inner {
    border: none;
    padding: 0;
}

button.ColVis_Button:active {
    outline: none;
}

div.ColVis_collectionBackground {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    z-index: 1100;
}

ul.ColVis_collection {
    list-style: none;
    width: 150px;
    padding: 8px 8px 4px 8px;
    margin: 0;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    overflow: hidden;
    z-index: 2002;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

ul.ColVis_collection li {
    position: relative;
    height: auto;
    left: 0;
    right: 0;
    padding: 0.5em;

    display: block;
    float: none;
    margin-bottom: 4px;

    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
}

ul.ColVis_collection li {
    text-align: left;
}

ul.ColVis_collection li.ColVis_Button:hover {
    border: 1px solid #999;
    background-color: #f0f0f0;
}

ul.ColVis_collection li span {
    display: inline-block;
    padding-left: 0.5em;
    cursor: pointer;
}

ul.ColVis_collection li.ColVis_Special {
    border-color: #555;
    /* W3C */
    background: linear-gradient(to bottom, rgba(237, 237, 237, 1) 0%, rgba(214, 214, 214, 1) 77%, rgba(232, 232, 232, 1) 100%);
}

ul.ColVis_collection li.ColVis_Special:hover {
    background: linear-gradient(to top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%); /* W3C */
}

ul.ColVis_collection li label {
    overflow: hidden;
}

span.ColVis_radio {
    display: inline-block;
    width: 20px;
}

div.ColVis_catcher {
    position: absolute;
    z-index: 1101;
}

/*button-colvis*/
div.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    background-color: white;
    border: 2px solid #111;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    text-align: center;
    z-index: 21;
}
div.dt-button-info h2 {
    padding: 0.5em;
    margin: 0;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    background-color: #f3f3f3;
}
div.dt-button-info > div {
    padding: 1em;
}

button.dt-button,
div.dt-button,
a.dt-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 0.333em;
    padding: 0.5em 1em;
    border: 1px solid #999;
    border-radius: 2px;
    cursor: pointer;
    font-size: 0.88em;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    background-color: #e9e9e9;
    background-image: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    outline: none;
}
button.dt-button.disabled,
div.dt-button.disabled,
a.dt-button.disabled {
    color: #999;
    border: 1px solid #d0d0d0;
    cursor: default;
    background-color: #f9f9f9;
    /* Fallback */
    background-image: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
}
button.dt-button:active:not(.disabled),
button.dt-button.active:not(.disabled),
div.dt-button:active:not(.disabled),
div.dt-button.active:not(.disabled),
a.dt-button:active:not(.disabled),
a.dt-button.active:not(.disabled) {
    background-color: #e2e2e2;
    /* Fallback */
    background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
    box-shadow: inset 1px 1px 3px #999;
}
button.dt-button:active:not(.disabled):hover:not(.disabled),
button.dt-button.active:not(.disabled):hover:not(.disabled),
div.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button.active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button.active:not(.disabled):hover:not(.disabled) {
    box-shadow: inset 1px 1px 3px #999;
    background-color: #ccc;
    /* Fallback */
    background-image: -webkit-linear-gradient(top, #eaeaea 0%, #ccc 100%);
}
button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover {
    text-decoration: none;
}
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
    border: 1px solid #666;
    background-color: #e0e0e0;
    /* Fallback */
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
}
button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled) {
    border: 1px solid #426c9e;
    text-shadow: 0 1px 0 #c4def1;
    outline: none;
    background-color: #79ace9;
    /* Fallback */
    background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
}

.dt-button embed {
    outline: none;
}

div.dt-buttons {
    position: relative;
    float: right;
}
div.dt-buttons.buttons-right {
    float: right;
}

div.dt-button-collection {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    margin-top: 3px;
    padding: 8px 8px 4px 8px;
    border: 1px solid #ccc;
    background-color: white;
    overflow: hidden;
    z-index: 2002;
    border-radius: 5px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}
div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button {
    position: relative;
    left: 0;
    right: 0;
    display: block;
    float: none;
    margin-bottom: 4px;
    margin-right: 0;
}
div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
    background-color: #dadada;
    /* Fallback */
    background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
    box-shadow: inset 1px 1px 3px #666;
}
div.dt-button-collection.fixed {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    border-radius: 0;
}
div.dt-button-collection.fixed.two-column {
    margin-left: -150px;
}
div.dt-button-collection.fixed.three-column {
    margin-left: -225px;
}
div.dt-button-collection.fixed.four-column {
    margin-left: -300px;
}
div.dt-button-collection > * {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}
div.dt-button-collection.two-column {
    width: 300px;
    padding-bottom: 1px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
div.dt-button-collection.three-column {
    width: 450px;
    padding-bottom: 1px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
div.dt-button-collection.four-column {
    width: 600px;
    padding-bottom: 1px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

div.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
    /* W3C Markup, IE10 Release Preview */
    z-index: 2001;
}

@media screen and (max-width: 640px) {
    div.dt-buttons {
        float: none;
        text-align: center;
    }
}

.disabled {
    color: #999;
}

/*hiding the unix date that is used to sort the data, even when expanded
also the blank invisible column that shows up on ColVis hide/Show list*/
.invisibly,
.paginate_button.previous.disabled,
.paginate_button.next.disabled {
    display: none;
}

.path-report-myfeedback #userstable_wrapper {
    max-width: 720px;
}

.path-report-myfeedback #userstable_filter {
    margin-right: 0;
}

.path-report-myfeedback #userstable_wrapper input[type="search"] {
    padding: 0 4px;
}

.path-report-myfeedback #userstable_filter input {
    max-width: 180px;
}

.path-report-myfeedback #userstable_wrapper select {
    height: 20px;
    padding: 0 4px;
    margin-bottom: 0;
}

.path-report-myfeedback .grades-bar {
    width: 100%;
    font-size: 14px;
    background: linear-gradient(to right, #b9ccb7, #82c783); /* Standard syntax (must be last) */
    color: #fff;
    border: 1px solid #444;
}

.path-report-myfeedback .grade-bar40 {
    display: inline-block;
    width: 40%;
    text-align: center;
    background: linear-gradient(to right, #ce9d93, #d4b5af); /* Standard syntax (must be last) */
    border-right: 1px solid #444;
}

.path-report-myfeedback .grade-bar506070 {
    display: inline-block;
    text-align: center;
    width: 10%;
    border-right: 1px solid #444;
}

.path-report-myfeedback .grade-bar-100 {
    display: inline-block;
    text-align: center;
    width: 15%;
}

.path-report-myfeedback .top-text {
    width: 100%;
    line-height: 1;
}

.path-report-myfeedback .btext {
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    text-align: right;
}

.path-report-myfeedback .vline {
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    text-align: right;
}

.path-report-myfeedback .grade-bar-b {
    width: 100%;
    line-height: 1;
    border: 1px solid #fff;
}

.path-report-myfeedback .grade-bar-b40 {
    display: inline-block;
    width: 40%;
    border-right: 1px solid #444;
}

.path-report-myfeedback .grade-bar-b1 {
    display: inline-block;
    width: 10%;
    border-right: 1px solid #444;
}

.path-report-myfeedback .btext-b40 {
    display: inline-block;
    width: 41%;
    text-align: right;
}

.path-report-myfeedback .btext-b {
    display: inline-block;
    width: 10.3%;
    text-align: right;
}

.path-report-myfeedback .fullhundred {
    width: 100%;
}

.path-report-myfeedback .mymods-container {
    width: 60%;
    float: left;
    display: inline-block;
}

.path-report-myfeedback .mymods-container-right {
    width: 35%;
    float: right;
    display: inline-block;
    margin: 20px;
    text-align: center;
}

.path-report-myfeedback .mymods-content {
    width: 40%;
    float: left;
    color: #fff;
}

.path-report-myfeedback .db {
    display: block;
}

.path-report-myfeedback #toggle-grade {
    font-size: 12px;
}

.path-report-myfeedback .t-rel,
.path-report-myfeedback #t-rel {
    display: none;
}

.path-report-myfeedback .t-rel.off,
.path-report-myfeedback #t-rel.off {
    display: block;
}

.path-report-myfeedback .ellip {
    overflow: hidden;
    max-width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.path-report-myfeedback .student {
    background-color: #fcfce0;
}

.path-report-myfeedback table#feedbackcomments td.note-val-2 {
    min-width: 200px;
    border: 3px solid #ccc;
    text-align: left;
}

.path-report-myfeedback .ac-year-right {
    float: right;
    margin: 0 40px;
}

.path-report-myfeedback .ac-year-left {
    float: left;
    margin: 0 40px;
}

.path-report-myfeedback #tutortable {
    text-align: center;
}

.path-report-myfeedback .greenlight {
    padding: 3px 6px;
    background-color: #8bc278;
}

.path-report-myfeedback .amberlight {
    padding: 3px 6px;
    background-color: #d69859;
}

.path-report-myfeedback .redlight {
    padding: 3px 6px;
    background-color: #c05756;
}

.path-report-myfeedback .ownreport {
    float: right;
    background-color: #284956;
    padding: 0 10px 5px;
    line-height: 1em;
    margin: 5px 20px;
    border-radius: 8px;
}

.path-report-myfeedback .ownreport:hover {
    background-color: #227c94;
}

.path-report-myfeedback .ownreport a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8em;
}

.path-report-myfeedback .accordion-group {
    border: 0;
}

.path-report-myfeedback .accordion-heading .accordion-toggle {
    padding: 0;
}

.path-report-myfeedback .tri {
    text-align: center;
}

.path-report-myfeedback #tutortable tfoot td {
    border: 1px solid #fafafa;
}

.path-report-myfeedback #tutortable td,
.path-report-myfeedback .modtable td,
.path-report-myfeedback #progtable td,
.path-report-myfeedback #ptutor td,
.path-report-myfeedback #ptutor th {
    padding: 5px 5px 0 5px;
}

.path-report-myfeedback h4 {
    color: #444;
    font-weight: bold;
}

.path-report-myfeedback .modtable.dataTable td {
    vertical-align: middle;
}

.path-report-myfeedback .modCanvas {
    width: 400px;
    text-align: center;
}

.path-report-myfeedback .pToggle,
.path-report-myfeedback .sToggle,
.path-report-myfeedback .aToggle {
    background: #f5f5f5;
    margin: 10px 20px;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #ccc;
}

.path-report-myfeedback .modass {
    background-color: #619eb6;
    color: #fff;
}

.path-report-myfeedback .fullRec {
    margin-bottom: 60px;
}

.path-report-myfeedback .stu-inner {
    padding: 10px;
}

.path-report-myfeedback form.prog_form {
    margin-right: 40px;
    display: inline-block;
}

.path-report-myfeedback .assess-br,
.path-report-myfeedback .hidetable,
.path-report-myfeedback .tangle {
    cursor: pointer;
}

.path-report-myfeedback .overallgrade {
    display: none;
}

.path-report-myfeedback .tutorCanvas {
    color: #777;
}

.path-report-myfeedback table th {
    border-bottom: 1px solid #aaa;
}

.path-report-myfeedback aside#block-region-side-pre,
.path-report-myfeedback aside#block-region-side-post {
    display: none;
}

.path-report-myfeedback #region-main {
    width: 100%;
}
.path-report-myfeedback table.fixedHeader-floating {
    position: fixed;
    background-color: white;
}

.path-report-myfeedback table.fixedHeader-floating.no-footer {
    border-bottom-width: 0;
}

.path-report-myfeedback table.fixedHeader-locked {
    position: absolute;
    background-color: white;
}

.path-report-myfeedback #reportPrint {
    background: #f5f5f5 url(/report/myfeedback/pix/info.png) right center no-repeat;
}

.path-report-myfeedback #tutortable td:focus {
    outline: none;
}

div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection  div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
    background: #dce9f9;
    box-shadow: inset 1px 1px 3px #666;
}

a {
    color: #005e8d;
    text-decoration: none;
}

.path-report-myfeedback .modal {
    position: fixed;
    top: 10%;
    left: 50%;
    bottom: auto;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    outline: none;
    height: fit-content;
}

.path-report-myfeedback #feedname,
#notename {
    height: 8em;
    width: 30em;
}

.path-report-myfeedback .modal-backdrop {
    z-index: 0;
}

.path-report-myfeedback .modal-backdrop.in {
    opacity: .8;
}

.path-report-myfeedback #tooltip2 {
    z-index: 9999;
}

.path-report-myfeedback #progtable > tbody > tr.recordRow {
    display: none;
}

@media print {
    .path-report-myfeedback table.fixedHeader-floating {
        display: none;
    }
}

@media print {
    #page-header,
    .navbar,
    #page-navbar,
    #block-region-side-pre,
    #page-footer,
    #region-main .nav.nav-tabs,
    #region-main .buttonswrapper,
    .dataTables_wrapper .tablefooter,
    p.helplink,
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_paginate,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .bar,
    .dataTables_wrapper .ColVis,
    .path-report-myfeedback .personaltutoremails,
    .personaltutoremail,
    .ac-year-right #mod_form,
    .ac-year-right .my,
    .path-report-myfeedback .ownreport {
        display: none;
    }

    #region-main {
        float: left;
        width: 100%;
    }

    .back-to-top {
        display: none;
    }
}

@media only screen and (max-width: 579px) {
    .path-report-myfeedback .dataTables_filter {
        margin-right: 0;
    }
    .path-report-myfeedback #userstable_wrapper {
        max-width: 420px;
    }
}

@media only screen and (min-width: 580px) and (max-width: 767px) {
    .path-report-myfeedback .dataTables_filter {
        margin-left: 15%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 860px) {
    .path-report-myfeedback .dataTables_filter {
        margin-left: 0;
    }
}

@media only screen and (min-width: 861px) and (max-width: 1000px) {
    .path-report-myfeedback .dataTables_filter {
        margin-left: 5%;
    }
}

@media only screen and (min-width: 1001px) and (max-width: 1260px) {
    .path-report-myfeedback .dataTables_filter {
        margin-left: 10%;
    }
}

.userprofilebox .buttonswrapper {
    padding-top: 10px;
}