- needed to position the dropdown content */
.path-mod-pdfannotator .dropdown {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.path-mod-pdfannotator .dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
z-index: 55;
}
/* Links inside the dropdown */
.path-mod-pdfannotator .dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.path-mod-pdfannotator .dropdown-content a:hover {
background-color: #ddd;
}
.path-mod-pdfannotator .dropdown [type="button"] {
-webkit-appearance: none;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button)
*/
.path-mod-pdfannotator .show {
display: block;
}
.path-mod-pdfannotator a.morelink {
text-decoration: none !important;
outline: none;
}
.path-mod-pdfannotator .morecontent > span {
display: none;
}
.path-mod-pdfannotator .annotator {
text-decoration: none !important;
}
/******************************************** END: mainly for overview.mustache *******************************************/
.path-mod-pdfannotator :disabled img {
opacity: 0.4;
}
.path-mod-pdfannotator #currentPage {
width: 50px;
text-align: right;
}
.path-mod-pdfannotator .pdfannotatornavbar.nav.nav-tabs.m-b-1 {
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.path-mod-pdfannotator #loader {
position: absolute;
left: 50%;
top: 50%;
z-index: 99;
margin: -75px 0 0 -75px;
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Add animation to "page content" */
.path-mod-pdfannotator .animate-bottom {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 1s;
animation-name: animatebottom;
animation-duration: 1s;
}
@-webkit-keyframes animatebottom {
from {
bottom: -100px;
opacity: 0;
}
to {
bottom: 0;
opacity: 1;
}
}
@keyframes animatebottom {
from {
bottom: -100px;
opacity: 0;
}
to {
bottom: 0;
opacity: 1;
}
}
.path-mod-pdfannotator .pdfannotator-statistic #chart-container {
min-height: 500px;
}
.toolbaritem .pdfannotator_text {
display: inline-block;
visibility: visible;
}
.path-mod-pdfannotator [contenteditable] {
-webkit-user-select: text;
user-select: text;
}
.path-mod-pdfannotator #id_pdfannotator_content {
display: none !important;
}
/** Question editing **/
#page-mod-questionnaire-questions .qcontainer .fitemtitle,
#page-mod-questionnaire-questions #id_questionhdr .fitemtitle {
display: none;
}
#page-mod-questionnaire-questions .qcontainer .qnums {
font-weight: bold;
float: left;
color: gray;
}
#page-mod-questionnaire-questions .qcontainer .fstatic {
width: 97%;
margin-right: 1em;
margin-left: 5px;
/* Set a negative margin-bottom to save some vertical space! */
margin-bottom: -10px;
}
#page-mod-questionnaire-questions .mform .fitem fieldset.felement {
margin-left: 0;
padding-left: 1%;
margin-bottom: 0;
}
#page-mod-questionnaire-preview fieldset,
#page-mod-questionnaire-complete fieldset {
margin-bottom: 0;
}
#page-mod-questionnaire-questions .mform .fitem .fitemtitle {
text-align: left;
margin-left: 10px;
margin-bottom: 0;
}
#page-mod-questionnaire-questions .moving {
border: medium dotted maroon;
}
div.qoptcontainer div.ftextarea {
clear: both;
float: none;
width: 600px;
margin: 0 auto 10px;
}
div.qoptcontainer div.ftextarea textarea.qopts {
width: 600px;
height: 10em;
margin-left: 1px;
}
.response span.selected,
.generalboxcontent span.selected {
font-weight: bold;
}
td.selected {
background-color: #e4f1fa;
border: 1px solid gray;
}
#page-mod-questionnaire-myreport div.respdate {
font-size: 0.8em;
font-weight: bold;
margin-bottom: 6px;
padding-top: 6px;
border-bottom: 1px dashed gray;
}
#page-mod-questionnaire-complete .message,
#page-mod-questionnaire-complete .notifyproblem,
#page-mod-questionnaire-preview .message,
#page-mod-questionnaire-preview .notifyproblem,
#page-mod-questionnaire-complete .thankbody,
#page-mod-questionnaire-complete .thankhead {
background-color: #fff;
border-style: solid;
border-width: 2px;
margin-bottom: 10px;
padding: 5px;
}
#page-mod-questionnaire-complete .notifyproblem,
#page-mod-questionnaire-preview .notifyproblem {
border-color: red;
}
#page-mod-questionnaire-fbsections .notifyproblem {
text-align: left;
padding: 0;
}
/* disable weird blue border
#page-mod-questionnaire-complete .message,
#page-mod-questionnaire-preview .message,
#page-mod-questionnaire-complete .thankbody,
#page-mod-questionnaire-complete .thankhead {
border-color: blue;
}
*/
.surveyPage {
background-color: #eee;
border-bottom-color: #000;
border-bottom-style: solid;
border-bottom-width: 1px;
clear: right;
padding: 3px;
margin-bottom: 5px;
margin-top: 0;
}
/* alternate columns formatting */
#page-mod-questionnaire-complete .c0,
#page-mod-questionnaire-preview .c0,
#page-mod-questionnaire-print .c0,
#page-mod-questionnaire-report .individual .c0,
#page-mod-questionnaire-myreport .individual .c0 {
background-color: #fafafa;
border: 1px solid silver;
padding-left: 5px;
padding-right: 5px;
}
#page-mod-questionnaire-complete .raterow:hover,
#page-mod-questionnaire-preview .raterow:hover {
background-color: #e4f1fa;
}
#page-mod-questionnaire-complete td.raterow:hover,
#page-mod-questionnaire-preview td.raterow:hover {
border: 1px solid navy;
}
#page-mod-questionnaire-complete td.notanswered,
#page-mod-questionnaire-preview td.notanswered {
/* border: none; */
background-color: #fafafa;
}
#page-mod-questionnaire-complete td.notcompleted,
#page-mod-questionnaire-preview td.notcompleted {
border: 2px solid red;
background-color: #fafafa;
}
#page-mod-questionnaire-complete .c1,
#page-mod-questionnaire-preview .c1,
#page-mod-questionnaire-print .c1,
#page-mod-questionnaire-report .individual .c1,
#page-mod-questionnaire-myreport .individual .c1 {
background-color: #eee;
border: 1px solid silver;
padding-left: 5px;
padding-right: 5px;
}
#page-mod-questionnaire-myreport .individualresp,
#page-mod-questionnaire-preview .individualresp,
#page-mod-questionnaire-print .individualresp {
border: #c0c0c0 1px solid;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 0;
margin-bottom: 10px;
margin-top: 10px;
}
#page-mod-questionnaire-complete .notice .buttons div,
#page-mod-questionnaire-complete .notice .buttons form {
display: inline;
}
#page-mod-questionnaire-complete .notice .buttons input {
margin-bottom: 10px;
}
.floatprinticon {
margin-top: -30px;
float: right;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons {
text-align: center;
width: 100%;
position: relative;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-prev {
float: left;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-save {
margin-left: 20%;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-prev + .control-button-save {
margin-left: 0;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-next,
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-submit {
float: right;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons input {
margin-right: 0;
}
#page-mod-questionnaire-complete .mod_questionnaire_completepage .generalbox .notice {
padding: 0.5em 0 0.5em 0;
}
/* progress bar styling */
#page-mod-questionnaire-complete .questionnaire-progressbar {
height: 14px;
margin-top: 5px;
border: 1px solid #dedede;
border-radius: 5px;
width: auto;
overflow: hidden;
}
#page-mod-questionnaire-complete .questionnaire-progressbar-progress {
background-color: #1177d1;
height: 100%;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
#page-mod-questionnaire-complete .questionnaire-progressbar-info {
float: right;
}
#page-mod-questionnaire-complete #questionnaire-progressbar-percent {
margin-left: 5px;
margin-right: 5px;
min-width: 25px;
text-align: center;
}
#page-mod-questionnaire-complete .questionnaire-progressbar-wrapper {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 10px;
height: auto;
overflow: hidden;
}
#page-mod-questionnaire-complete .mod_questionnaire_completepage.generalbox .homelink ~ .homelink {
padding-top: 10px;
}
.qn-legend {
float: left;
font-size: inherit;
width: auto;
}
/* format paragraph top and bottom margins for better vertical positioning in questions text */
.qn-question p {
margin-bottom: 0.6em;
margin-top: 0.5em;
}
.qn-question {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0.1em;
padding-top: 0.1em;
/* make background same color as quiz question text */
background-color: #e4f1fa;
}
#page-mod-questionnaire-questions .qn-question {
margin-left: 40px;
}
.unselected {
color: gray;
}
/*respondents list feature*/
.respondentscolumn {
float: left;
margin-left: 20px;
}
.respondentsnavbar {
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
margin-bottom: 5px;
background-color: #f2f2f2;
}
/* new quiz-like formatting for 2.5 */
#page-mod-questionnaire-questions .qn-container {
border: 1px dotted gray;
margin-bottom: 1em;
}
.dir-rtl .qn-container {
text-align: right;
}
.qn-info {
float: left;
width: auto;
padding: 7px;
background: #eee;
font-weight: bold;
}
.qn-info h4.qn-number {
margin: 0;
font-size: 1.5em;
line-height: 1.2em;
}
.qn-question,
.qn-answer {
margin: 0 0 0.5em;
overflow: auto;
}
.qn-answer input[type=radio] {
margin-left: 0.5em;
}
.qn-answer > label + input[type=radio] {
margin-left: 0;
}
.qn-answer > textarea,
.qn-content .editor_atto_wrap .editor_atto_content {
resize: vertical;
}
.qn-answer textarea,
.qn-answer input[type="text"] {
box-sizing: border-box;
height: auto;
}
#notice .qn-question {
margin: 0;
}
.req {
font-size: x-small;
}
.qdepend {
color: red;
padding-left: 5px;
margin-bottom: 5px;
}
.qdepend-or {
color: orange;
padding-left: 5px;
margin-bottom: 5px;
}
.qn-content {
margin-bottom: 10px;
margin-left: 55px;
}
/* move horizontal radio buttons closer to their labels */
.qn-answer input[type="radio"],
.qn-answer input[type="checkbox"] {
margin-right: 3px;
}
#page-mod-questionnaire-show_nonrespondents input[type="radio"] {
margin-right: 1px;
}
.qn-answer label,
#page-mod-questionnaire-show_nonrespondents label {
margin-right: 0.6em;
}
.hidedependquestion {
color: red;
display: none;
}
#page-mod-questionnaire-fbsections .c0,
#page-mod-questionnaire-fbsections .c1 {
border: 1px solid silver;
padding-left: 4px;
padding-right: 4px;
}
#page-mod-questionnaire-fbsections .c0 {
background-color: #fafafa;
}
#page-mod-questionnaire-fbsections .c1 {
background-color: #eee;
}
#page-mod-questionnaire-fbsections input[type="radio"] {
margin-right: 0;
}
#page-mod-questionnaire-fbsections .qn-legend {
padding-left: 8px;
}
#page-mod-questionnaire-fbsections .qcontainer.qcontent {
margin-bottom: -5em;
}
#page-mod-questionnaire-report div.chart {
overflow: auto;
margin-left: -40px;
}
#page-mod-questionnaire-report .generaltable.questionnairereport td {
border: 1px solid silver;
}
.qn-container .smalltext {
font-size: 0.75em;
}
#page-mod-questionnaire-questions #region-main .mform .fitem .felement {
margin-bottom: 0;
}
.qn-indent {
margin-left: 20px;
}
.mod_questionnaire_flex-container {
display: inline-flex;
}
#page-mod-questionnaire-view .mod_questionnaire_viewpage div.complete,
#page-mod-questionnaire-view .mod_questionnaire_viewpage div.yourresponse,
#page-mod-questionnaire-view .mod_questionnaire_viewpage div.allresponses {
flex-grow: 1;
margin-right: 10px;
}
#page-mod-questionnaire-questions #fitem_id_allchoices #id_allchoices,
#page-mod-questionnaire-questions #fitem_id_allnameddegrees #id_allnameddegrees {
resize: both;
}
.path-mod-questionnaire .slidecontainer {
width: 100%;
}
.path-mod-questionnaire .slider {
-webkit-appearance: none;
width: 100%;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
float: left;
margin-top: 40px;
}
.path-mod-questionnaire .slider input {
width: 100%;
}
.path-mod-questionnaire .slider:hover {
opacity: 1;
}
.path-mod-questionnaire .slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 25px;
background: #04aa6d;
cursor: pointer;
border-radius: 50%;
}
.path-mod-questionnaire .slider::-moz-range-thumb {
width: 25px;
height: 25px;
background: #04aa6d;
cursor: pointer;
}
.path-mod-questionnaire .question-slider {
display: flex;
align-items: baseline;
}
.path-mod-questionnaire .left-side-label {
text-align: right;
padding-right: 20px;
margin-top: 40px;
flex-grow: 1;
}
.path-mod-questionnaire .right-side-label {
text-align: left;
padding-left: 20px;
margin-top: 40px;
flex-grow: 1;
}
.path-mod-questionnaire .middle-side-content {
flex-grow: 8;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.path-mod-questionnaire .middle-side-label {
text-align: center;
}
.path-mod-questionnaire .bubble {
background: #000;
color: white;
padding: 3px;
border-radius: 10px;
left: 50%;
transform: translate(-52%, -50px);
position: relative;
text-align: center;
width: 40px;
}
.path-mod-questionnaire .bubble::after {
content: "";
position: absolute;
width: 2px;
height: 2px;
left: 50%;
}
/** Bits that can appear on any page. */
.path-mod-quiz .statedetails {
display: block;
font-size: 0.7em;
}
/** Attempt and review pages **/
#page-mod-quiz-attempt #page .controls,
#page-mod-quiz-summary #page .controls,
#page-mod-quiz-review #page .controls {
text-align: center;
margin: 8px auto;
}
#page-mod-quiz-attempt .submitbtns,
#page-mod-quiz-review .submitbtns {
display: flex;
}
#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav,
#page-mod-quiz-review .submitbtns .mod_quiz-next-nav {
margin-left: auto;
}
.path-mod-quiz .mod_quiz-redo_question_button {
margin: 0;
}
.path-mod-quiz input[type="submit"].mod_quiz-redo_question_button {
padding: 2px 0.8em;
font-size: 1em;
}
#page-mod-quiz-attempt .mod_quiz-blocked_question_warning .que .formulation,
#page-mod-quiz-review .mod_quiz-blocked_question_warning .que .formulation {
background: #eee;
border: 1px solid #dcdcdc;
}
#page-mod-quiz-attempt #connection-ok,
#page-mod-quiz-attempt #connection-error {
position: fixed;
top: 0;
width: 80%;
left: 10%;
color: #555;
border-radius: 0 0 10px 10px;
box-shadow: 5px 5px 20px 0 #666;
padding: 1em 1em 0;
z-index: 10000;
}
#page-mod-quiz-attempt #connection-error {
background-color: #fcc;
}
#page-mod-quiz-attempt #connection-ok {
background-color: #cfb;
width: 60%;
left: 20%;
}
/** Mod quiz attempt **/
.generalbox#passwordbox {
/* Should probably match .generalbox#intro above */
width: 70%;
margin-left: auto;
margin-right: auto;
}
#passwordform {
margin: 1em 0;
}
/* Question navigation block. */
#quiznojswarning {
color: red;
}
#quiznojswarning {
font-size: 0.7em;
line-height: 1.1;
}
.jsenabled #quiznojswarning {
display: none;
}
.path-mod-quiz #user-picture {
margin: 0.5em 0;
}
.path-mod-quiz #user-picture img {
width: auto;
height: auto;
vertical-align: bottom;
}
.path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading {
padding: 0.7em 0 0;
margin: 0;
clear: both;
}
.path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading:first-child {
padding-top: 0;
}
.path-mod-quiz .qnbutton {
display: block;
position: relative;
float: left;
width: 1.5em;
height: 1.5em;
overflow: hidden;
margin: 0.3em 0.3em 0.3em 0;
padding: 0;
border: 1px solid #bbb;
background: #ddd;
text-align: center;
line-height: 1.5em;
font-weight: bold;
text-decoration: none;
}
.path-mod-quiz .qnbutton:visited:hover,
.path-mod-quiz .qnbutton:link:hover {
text-decoration: underline;
}
.path-mod-quiz .qnbutton .trafficlight,
.path-mod-quiz .qnbutton .thispageholder {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.path-mod-quiz .qnbutton.thispage {
border-color: #666;
}
.path-mod-quiz .qnbutton.thispage .thispageholder {
border: 1px solid #666;
}
.path-mod-quiz .qnbutton.flagged .trafficlight {
background: url(/theme/image.php/petel/quiz/1726409799/navflagged) no-repeat top right;
}
.path-mod-quiz .qnbutton.blocked,
.path-mod-quiz .qnbutton.notyetanswered,
.path-mod-quiz .qnbutton.requiresgrading,
.path-mod-quiz .qnbutton.invalidanswer {
background-color: white;
}
.path-mod-quiz .qnbutton.correct {
background-color: #cfc;
}
.path-mod-quiz .qnbutton.correct .trafficlight {
border-bottom: 3px solid #080;
}
.path-mod-quiz .qnbutton.partiallycorrect {
background-color: #ffa;
}
.path-mod-quiz .qnbutton.notanswered,
.path-mod-quiz .qnbutton.incorrect {
background-color: #fcc;
}
.path-mod-quiz .qnbutton.blocked {
color: #999;
}
.path-mod-quiz .qnbutton.notanswered .trafficlight,
.path-mod-quiz .qnbutton.incorrect .trafficlight {
border-top: 3px solid #800;
}
.path-mod-quiz .othernav {
clear: both;
margin: 0.5em 0;
}
.path-mod-quiz .othernav a,
.path-mod-quiz .othernav input {
display: block;
margin: 0.5em 0;
}
#mod_quiz_navblock.nav-disabled > * {
opacity: .65;
pointer-events: none;
cursor: not-allowed;
}
/** mod quiz mod **/
#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
width: 23%;
margin-left: 10px;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
width: 100%;
text-align: left;
margin-left: 0;
}
#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
float: left;
width: 23%;
clear: none;
}
#page-mod-quiz-mod #id_reviewoptionshdr .fitemtitle {
width: 100%;
font-weight: bold;
text-align: left;
height: 2.5em;
margin-left: 0;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
clear: left;
margin: 0 0 1em;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup > span {
float: left;
clear: left;
line-height: 1.7;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup span label {
margin-left: 0.4em;
}
/** Mod quiz view **/
#page-mod-quiz-view .quizinfo,
#page-mod-quiz-view #page .quizgradefeedback {
text-align: center;
}
#page-mod-quiz-view #page .quizattemptsummary td p {
margin-top: 0;
}
#page-mod-quiz-view table.quizattemptsummary tr.bestrow td {
border-color: #bce8f1;
background-color: #d9edf7;
}
table.quizattemptsummary .noreviewmessage {
color: gray;
}
#page-mod-quiz-view .generaltable.quizattemptsummary {
margin-left: auto;
margin-right: auto;
}
#page-mod-quiz-view .generalbox#feedback {
width: 70%;
margin-left: auto;
margin-right: auto;
padding-bottom: 15px;
}
#page-mod-quiz-view .generalbox#feedback h2 {
margin: 0;
}
#page-mod-quiz-view .generalbox#feedback h3 {
text-align: left;
}
#page-mod-quiz-view .generalbox#feedback .overriddennotice {
text-align: center;
font-size: 0.7em;
}
.quizstartbuttondiv.quizsecuremoderequired input,
.quizstartbuttondiv.quizsecuremoderequired button {
display: none;
}
.jsenabled .quizstartbuttondiv.quizsecuremoderequired input,
.jsenabled .quizstartbuttondiv.quizsecuremoderequired button {
display: inline;
}
.quizattempt #mod_quiz_preflight_form {
display: none;
}
#mod_quiz_preflight_form .femptylabel .fitemtitle {
display: none;
}
.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup {
width: 600px;
}
.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-wrap {
overflow: hidden;
}
.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd {
padding: 1rem;
}
/* Standard Moodle rule that needs to be more specific here. */
.moodle-dialogue-bd #mod_quiz_preflight_form fieldset.hidden {
display: inherit;
visibility: inherit;
}
body.path-mod-quiz .gradedattempt,
body.path-mod-quiz table tbody tr.gradedattempt > td {
border-color: #bce8f1;
background-color: #d9edf7;
}
.quizattemptcounts {
clear: left;
text-align: center;
display: inline;
margin-left: 20%;
}
#page-mod-quiz-view .quizattemptcounts {
display: block;
margin-left: 0;
margin-right: 0;
}
/** Mod quiz summary **/
#page-mod-quiz-summary #content {
text-align: center;
}
#page-mod-quiz-summary .questionflag {
vertical-align: text-bottom;
}
#page-mod-quiz-summary #quiz-timer {
text-align: center;
margin-top: 1em;
}
#page-mod-quiz-summary .submitbtns {
margin-top: 1.5em;
}
#page-mod-quiz-edit .section .activity .actions .version-selection {
width: 8em;
padding: 0;
}
@media print {
.quiz-secure-window * {
display: none;
}
}
/** Mod quiz review **/
table.quizreviewsummary {
width: 100%;
}
table.quizreviewsummary th.cell {
padding: 1px 0.5em 1px 1em;
font-weight: bold;
text-align: right;
width: 10em;
background: #f0f0f0;
}
table.quizreviewsummary td.cell {
padding: 1px 1em 1px 0.5em;
text-align: left;
background: #fafafa;
}
/** Mod quiz make comment or override grade popup. **/
#page-mod-quiz-comment .mform {
width: 100%;
}
#page-mod-quiz-comment .mform fieldset {
margin: 0;
border-bottom: none;
}
#page-mod-quiz-comment .que {
margin: 0;
}
/** Mod quiz report **/
#page-mod-quiz-report h2.main {
clear: both;
}
#page-mod-quiz-report div#commands,
#page-mod-quiz-report .controls {
text-align: center;
}
#page-mod-quiz-report .dubious {
background-color: #fcc;
}
#page-mod-quiz-report .highlight {
border: 1px solid #bce8f1;
background-color: #d9edf7;
}
#page-mod-quiz-report .negcovar {
border: medium solid pink;
}
#page-mod-quiz-report .toggleincludeauto {
text-align: center;
}
#page-mod-quiz-report .gradetheselink {
font-size: 0.8em;
}
#page-mod-quiz-report .mform fieldset.fgroup span label {
margin-right: 14px;
}
#page-mod-quiz-report table th {
white-space: normal;
}
#page-mod-quiz-report table#attempts td,
#page-mod-quiz-report table.quizresponseanalysis td {
word-wrap: break-word;
max-width: 20em;
}
#page-mod-quiz-report table.titlesleft td.c0 {
font-weight: bold;
}
#page-mod-quiz-report table .numcol {
text-align: center;
vertical-align: middle;
}
#page-mod-quiz-report table#attempts {
clear: both;
width: 80%;
margin: 0.2em auto;
}
#page-mod-quiz-report table#attempts .header,
#page-mod-quiz-report table#attempts .cell {
padding: 4px;
}
#page-mod-quiz-report table#attempts .header .commands {
display: inline;
}
#page-mod-quiz-report table#attempts .picture {
width: 40px;
}
#page-mod-quiz-report table#attempts td {
border-left-width: 1px;
border-right-width: 1px;
border-left-style: solid;
border-right-style: solid;
vertical-align: middle;
}
#page-mod-quiz-report table#attempts .header {
text-align: left;
}
#page-mod-quiz-report table#attempts .picture {
text-align: center;
}
#page-mod-quiz-report table#attempts.grades span.que,
#page-mod-quiz-report table#attempts span.avgcell {
white-space: nowrap;
}
#page-mod-quiz-report table#attempts span.que .requiresgrading {
white-space: normal;
}
#page-mod-quiz-report table#attempts .questionflag {
vertical-align: text-bottom;
padding-left: 6px;
}
#page-mod-quiz-report .graph.flexible-wrap {
text-align: center;
overflow: auto;
}
#page-mod-quiz-report #cachingnotice {
margin-bottom: 1em;
padding: 0.2em;
}
#page-mod-quiz-report #cachingnotice .singlebutton {
margin: 0.5em 0 0;
}
#page-mod-quiz-report .bold .reviewlink {
font-weight: normal;
}
#page-mod-quiz-report tr.lastrowforattempt {
border-bottom: lightgrey solid 0.2em;
}
#page-mod-quiz-report tr.quiz_statistics-summaryrow td.cell {
padding-top: 1px;
padding-bottom: 1px;
border-top: none;
}
/** Mod quiz edit **/
#page-mod-quiz-edit .statusdisplay {
background-color: #ffc;
clear: both;
margin: 0.3em 0;
padding: 1px 10px;
}
#page-mod-quiz-edit .statusdisplay p {
margin: 4px 0;
}
#page-mod-quiz-edit .mod_quiz-edit-top-controls {
position: relative;
}
#page-mod-quiz-edit .mod_quiz-edit-action-buttons {
display: block;
min-height: 2.85em;
}
@media (max-width: 576px) {
#page-mod-quiz-edit .maxgrade {
margin-bottom: 0.6em;
}
#page-mod-quiz-edit .maxgrade .form-control {
display: inline-block;
vertical-align: middle;
}
}
#page-mod-quiz-edit .maxgrade label {
display: inline;
}
#page-mod-quiz-edit .maxgrade input[type="submit"] {
margin: 0;
}
#page-mod-quiz-edit li.activity > div,
#page-mod-quiz-edit li.pagenumber {
position: relative;
}
#page-mod-quiz-edit ul.section li.pagenumber:first-child .add-menu-outer .menu > :last-child,
#page-mod-quiz-edit .last-add-menu .add-menu-outer .menu > :last-child {
display: none;
}
#page-mod-quiz-edit .last-add-menu {
position: relative;
height: 1.5em;
margin: 0 20px;
}
#page-mod-quiz-edit .add-menu-outer {
position: absolute;
right: 0;
}
#page-mod-quiz-edit .slotnumber {
background-color: #d3d3d3;
text-align: center;
margin: 0.1em 0.5em;
min-width: 2em;
display: inline-block;
}
#page-mod-quiz-edit .section-heading {
margin-left: 20px;
margin-bottom: 0;
height: 40px;
}
#page-mod-quiz-edit .section-heading .instancesectioncontainer {
font-size: 24px;
display: inline;
}
#page-mod-quiz-edit .section-heading .instancesectioncontainer h3 {
display: inline;
color: #555;
}
#page-mod-quiz-edit .section-heading .editing_section,
#page-mod-quiz-edit .section-heading .editing_delete {
margin-left: 10px;
}
#page-mod-quiz-edit .section-heading .sectioninstance {
position: relative;
}
#page-mod-quiz-edit .section-heading .instancesection {
white-space: nowrap;
max-width: 72%;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: bottom;
}
#page-mod-quiz-edit .section-heading form {
display: inline;
position: relative;
top: 3px;
left: -7px;
}
#page-mod-quiz-edit .section-heading form input {
font-size: 24px;
font-weight: bold;
width: 50%;
}
#page-mod-quiz-edit .section-heading .instanceshufflequestions {
float: right;
margin: 0.3em 20px 0 0;
}
.instanceshufflequestions [type="checkbox"] {
vertical-align: middle;
margin-right: .5rem;
}
#page-mod-quiz-edit ul.section {
margin: 0;
padding: 0 20px;
}
#page-mod-quiz-edit ul.slots {
margin: 0;
padding: 0;
}
#page-mod-quiz-edit ul.slots li.section {
border: 0;
}
#page-mod-quiz-edit ul.slots li.section .content {
background-color: #fafafa;
padding: 1px 0;
}
#page-mod-quiz-edit ul.slots li.section {
list-style: none;
margin: 0;
padding: 0;
}
#page-mod-quiz-edit ul.slots li.section li.activity {
background: #e6e6e6;
margin: 3px 0;
padding: 0.2em;
position: relative;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page {
background: transparent;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
display: inline;
font-weight: normal;
font-size: 1em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
background: white;
padding: 0.2em;
margin: 0.4em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
width: 13px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer.infoitem {
background: transparent;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
display: inline;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
display: inline-block;
text-align: right;
}
#page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
position: absolute;
left: -20px;
bottom: -11px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
min-width: 1.3em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
min-width: 2em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
min-width: 2.6em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
min-width: 3.2em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
min-width: 3.7em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
min-width: 4.3em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
min-width: 4.8em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
min-width: 5.45em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .edit_icon,
#page-mod-quiz-edit ul.slots li.section li.activity a.preview,
#page-mod-quiz-edit ul.slots li.section li.activity .editing_delete,
#page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
margin: 0 2px;
}
#page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_move,
#page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_delete {
visibility: hidden;
}
#page-mod-quiz-edit ul.slots.only-one-section li.section.only-has-one-slot li.activity .editing_delete {
visibility: visible;
}
#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper {
position: absolute;
top: 0;
right: 0;
}
#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper.question_dependency_cannot_depend {
display: none;
}
#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .currentlink,
#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .cm-edit-action {
position: relative;
left: 20px;
top: -1em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
display: flex;
flex: 1 1 auto;
min-height: 1.7em;
padding-right: 2px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
display: flex;
padding-left: 22px;
}
#page-mod-quiz-edit ul.slots .activityinstance form {
display: inline;
}
#page-mod-quiz-edit span.editinstructions {
right: 0;
}
#page-mod-quiz-edit ul.slots .activityinstance span.instancename {
overflow-x: hidden;
overflow-y: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
height: 20px;
}
#page-mod-quiz-edit ul.slots .activityinstance span.instancename img {
margin: 0 0.2em;
}
#page-mod-quiz-edit #categoryquestions .questionname,
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
font-weight: bold;
color: #555;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
color: #555;
}
#page-mod-quiz-edit .section .activity .editing_move {
position: absolute;
left: 0;
top: 0;
}
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
font-size: 0.8em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 0.25rem;
}
#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
float: inherit;
margin: .2em 0 0;
padding: 0;
}
#page-mod-quiz-edit .section .activity .actions {
position: inherit;
white-space: nowrap;
background: #e6e6e6;
padding: 0.1em 0;
}
#page-mod-quiz-edit .mod_quiz_edit_forms {
display: none;
}
#categoryquestions .header {
text-align: center;
padding: 0 2px;
border: 0 none;
vertical-align: top;
}
#categoryquestions .header.checkbox {
vertical-align: bottom;
}
#categoryquestions .header.qtype {
white-space: nowrap;
}
#categoryquestions th .sorters {
font-weight: normal;
font-size: 0.8em;
}
#categoryquestions td.modifiername,
#categoryquestions td.creatorname,
#categoryquestions td.questionlastused {
line-height: 1em;
}
#categoryquestions td.modifiername span.date,
#categoryquestions td.creatorname span.date {
font-weight: normal;
font-size: 0.8em;
}
table#categoryquestions {
width: 100%;
table-layout: fixed;
overflow-x: visible;
}
#categoryquestions .iconcol {
width: 15px;
text-align: center;
padding: 0;
}
#categoryquestions .checkbox {
width: 19px;
text-align: center;
padding: 0;
}
#categoryquestions .editmenu {
width: 5em;
}
#categoryquestions .qtype {
text-align: center;
}
#categoryquestions .qtype {
width: 28px;
padding: 0;
}
#categoryquestions .questiontext {
position: relative;
zoom: 1;
padding-left: 0.3em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#categoryquestions .questionname {
white-space: nowrap;
overflow: hidden;
zoom: 1;
position: relative;
}
#categoryquestions .questiontext p {
margin: 0;
}
#page-mod-quiz-edit table#categoryquestions td,
#page-mod-quiz-edit table#categoryquestions th {
overflow: hidden;
white-space: nowrap;
}
.mod_quiz_qbank_dialogue {
width: 80%;
min-height: 200px;
}
.mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
width: 100%;
}
.mod_quiz_qbank_dialogue .questionbankloading {
position: absolute;
top: 30px;
bottom: 0;
left: 0;
right: 0;
background: #fff;
text-align: center;
opacity: 0.5;
padding-top: 50px;
}
.mod_quiz_qbank_dialogue #advancedsearch label {
font-size: 100%;
}
.quizquestionlistcontrols {
text-align: center;
}
.categoryinfo {
padding: 0.3em;
}
.path-mod-quiz .gradingdetails {
font-size: small;
}
#page-mod-quiz-edit div#repaginatedialog .mform {
margin-left: auto;
margin-right: auto;
}
#page-mod-quiz-edit div.container div.generalbox {
position: relative;
display: block;
border: 0 none;
margin: 0;
padding: 0;
}
#page-mod-quiz-edit .paging {
margin-top: 0;
margin-bottom: 0;
padding: 0.1em 0.3em;
display: block;
background-color: #ddd;
}
#page-mod-quiz-edit #page-footer {
clear: both;
padding-top: 1em;
}
#page-mod-quiz-edit .categoryinfofield {
font-style: italic;
}
#page-mod-quiz-edit .categorynamefield {
font-weight: bold;
}
#page-mod-quiz-edit .questionsortoptions {
background-color: #ddd;
}
#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
padding-top: 0.5em;
margin-top: 0.3em;
}
#page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
.questionbank .categorysortopotionscontainer,
.questionbank .categorypagingbarcontainer,
.questionbank .categoryselectallcontainer {
background-color: #fff;
}
/* Bulk edit actions */
#page-mod-quiz-edit .btn-group.selectmultiplecommand,
#page-mod-quiz-edit .selectmultiplecommandbuttons,
#page-mod-quiz-edit .select-multiple-checkbox {
display: none;
}
#page-mod-quiz-edit.select-multiple .selectmultiplecommand,
#page-mod-quiz-edit.select-multiple .selectmultiplecommandbuttons,
#page-mod-quiz-edit.select-multiple .select-multiple-checkbox {
display: inline-block;
}
#page-mod-quiz-edit.select-multiple input.select-multiple-checkbox[type="checkbox"] {
display: inline;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .editing_move,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .commands {
display: none;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .page_split_join_wrapper {
display: none;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_delete,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_maxmark {
display: none;
}
#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit .maxgrade,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .last-add-menu {
display: none;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading a,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading form,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instanceshufflequestions {
display: none;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .edit-toolbar .mb-1 {
display: none;
}
#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
padding-left: 3px;
}
#page-mod-quiz-edit .section .summary .iconsmall,
#page-mod-quiz-edit .section .activity .iconsmall {
float: left;
}
/* Base theme needs extra support. */
#page-mod-quiz-edit ul.slots li.section ul.section {
list-style: none;
}
@media (max-width: 576px) {
#page-mod-quiz-edit ul.slots li.section li.activity {
padding-top: 30px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
top: -30px;
left: 0;
padding-right: 0;
overflow: hidden;
align-items: center;
position: absolute;
width: 100%;
}
}
/** Print formatting for attempt and review pages **/
@media print {
#page-mod-quiz-attempt header.navbar,
#page-mod-quiz-review header.navbar {
display: none;
}
#page-mod-quiz-attempt #dock,
#page-mod-quiz-review #dock {
display: none;
}
#page-mod-quiz-attempt #page #page-header h1,
#page-mod-quiz-review #page #page-header h1 {
display: none;
}
#page-mod-quiz-attempt #region-main,
#page-mod-quiz-review #region-main {
width: 100%;
}
#page-mod-quiz-attempt #block-region-side-pre,
#page-mod-quiz-attempt #block-region-side-post,
#page-mod-quiz-review #block-region-side-pre,
#page-mod-quiz-review #block-region-side-post {
display: none;
}
#page-mod-quiz-attempt #page-footer,
#page-mod-quiz-review #page-footer {
display: none;
}
#page-mod-quiz-attempt .editquestion,
#page-mod-quiz-review .editquestion,
#page-mod-quiz-attempt .questionflag,
#page-mod-quiz-review .questionflag {
display: none;
}
#page-mod-quiz-attempt .submitbtns,
#page-mod-quiz-review .submitbtns {
display: none;
}
#page-mod-quiz-review .que .commentlink {
display: none;
}
#page-mod-quiz-attempt .que,
#page-mod-quiz-review .que {
page-break-inside: avoid;
}
}
.path-mod-resource .resourcecontent {
text-align: center;
}
.path-mod-resource .resourcedetails {
font-size: 0.8em;
color: #555;
}
.resourcelinkdetails {
font-size: 0.8em;
color: #555;
}
.path-mod-scorm .top {
vertical-align: top;
}
.path-mod-scorm .scorm-left {
text-align: left;
}
.path-mod-scorm .scorm-right {
text-align: right;
}
.path-mod-scorm .scoframe {
position: relative;
width: 100%;
height: 100%;
}
.ios #scormpage #scorm_content {
-webkit-overflow-scrolling: touch;
overflow: scroll;
}
#page-mod-scorm-player #scormtop {
position: relative;
width: 100%;
height: 30px;
}
#page-mod-scorm-player #scormbrowse {
position: absolute;
left: 5px;
top: 0;
}
#page-mod-scorm-player #scormnav {
position: absolute;
right: 5px;
text-align: center;
top: 3px;
width: 100%;
}
#page-mod-scorm-player #scormbox {
width: 74%;
height: 100%;
position: absolute;
right: 0;
top: 0;
}
#page-mod-scorm-player #scormpage {
position: relative;
width: 100%;
height: 100%;
}
#page-mod-scorm-player #scormpage #toctree {
position: relative;
width: 100%;
}
#page-mod-scorm-player #tocbox {
position: relative;
left: 0;
width: 100%;
height: 100%;
font-size: 0.8em;
}
#page-mod-scorm-player #toctree {
overflow: visible;
}
#page-mod-scorm-player #tochead {
position: relative;
text-align: center;
top: 3px;
height: 30px;
}
#page-mod-scorm-player #scormpage .scoframe {
border: 0;
}
#page-mod-scorm-player #scormpage #scorm_object {
border: none;
width: 98%;
height: 98%;
}
#page-mod-scorm-player #scormpage #scorm_object.scorm_nav_under_content {
height: 95%;
}
#page-mod-scorm-player #scormpage #scorm_content {
height: 100%;
}
#page-mod-scorm-player #scormpage #scorm_toc {
position: relative;
}
#page-mod-scorm-player #scormpage #scorm_toc_title {
font-size: 1.2em;
font-weight: bold;
}
#page-mod-scorm-player #scormpage #scorm_tree {
border-right: 5px solid rgb(239, 245, 255);
}
#page-mod-scorm-player #scormpage #scorm_navpanel {
text-align: center;
}
#page-mod-scorm-player .toc,
#page-mod-scorm-player .no-toc {
width: 100%;
}
#page-mod-scorm-player .structlist {
list-style-type: none;
white-space: nowrap;
}
#page-mod-scorm-player .structurelist {
position: relative;
list-style-type: none;
width: 96%;
margin: 0;
padding: 0;
}
#page-mod-scorm-player .structurelist ul {
padding-left: 0.5em;
margin-left: 0.5em;
}
#page-mod-scorm-player #scormpage #scorm_toc.disabled,
#page-mod-scorm-player #scormpage #scorm_toc.loading,
#page-mod-scorm-player #scormpage #scorm_toc_toggle.disabled,
#page-mod-scorm-player #scormpage #scorm_toc_toggle.loading {
display: none;
}
#page-mod-scorm-view .structurelist {
list-style-type: none;
white-space: nowrap;
}
#page-mod-scorm-view .structurelist {
list-style-type: none;
white-space: nowrap;
}
#page-mod-scorm-view .exceededmaxattempts {
color: #c00;
}
#page-mod-scorm-player #altfinishlink {
font-size: 140%;
border: 0;
padding: 0;
}
#page-mod-scorm-player #scormmode {
float: left;
border: 0;
}
#page-mod-scorm-player.pagelayout-popup #page-content .region-content {
padding: 0;
}
#page-mod-scorm-player.pagelayout-popup #page-wrapper {
width: 100%;
}
#page-mod-scorm-player .yui-layout-scroll div.yui-layout-bd {
overflow: visible;
}
#page-mod-scorm-player .yui-layout-unit-left div.yui-layout-bd {
overflow: auto;
}
.path-mod-scorm.forcejavascript .toc {
display: none;
}
.path-mod-scorm.forcejavascript #scormpage #tocbox {
display: none;
}
.path-mod-scorm.jsenabled .forcejavascriptmessage {
display: none;
}
.path-mod-scorm.jsenabled .toc {
display: block;
}
.path-mod-scorm.jsenabled #scormpage #tocbox {
display: block;
}
#page-mod-scorm-report-userreporttracks table .c1 {
word-wrap: break-word;
word-break: break-all;
}
#page-mod-scorm-report .scormattemptcounts {
clear: left;
text-align: center;
display: inline;
margin-left: 20%;
}
#page-mod-scorm-player #scormpage span.yui3-treeview-icon {
display: none;
}
#page-mod-scorm-player #scormpage li.yui3-treeview-has-children > div.yui3-treeview-row > span.yui3-treeview-icon {
display: block;
}
#page-mod-scorm-player #scormpage div.yui3-u-1,
#page-mod-scorm-player #scormpage div.yui3-u-3-4,
#page-mod-scorm-player #scormpage div.yui3-u-1-5,
#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
display: inline-block;
*display: inline; /* stylelint-disable-line */
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
#page-mod-scorm-player #scormpage div.yui3-u-1 {
display: block;
}
#page-mod-scorm-player #scormpage div.yui3-u-3-4 {
width: 75%;
}
#page-mod-scorm-player #scormpage div.yui3-u-1-5 {
width: 20%;
}
#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
width: 4.1666%;
}
#page-mod-scorm-player #scormpage div.yui3-g-r {
letter-spacing: normal;
word-spacing: -0.43em;
}
#scorm_layout {
margin-bottom: 50px;
}
/**
* Opera as of 12 on Windows needs word-spacing.
* The ".opera-only" selector is used to prevent actual prefocus styling
* and is not required in markup.
*/
#page-mod-scorm-player .opera-only :-o-prefocus,
#page-mod-scorm-player #scormpage div.yui3-g-r img {
max-width: 100%;
}
/* */
/* */
.sticky {
right: 0;
z-index: 150;
width: 165px;
min-height: 120px;
max-height: 160px;
margin: -10px 10px 10px;
padding: 10px;
font-size: 14px;
color: #000;
background: rgba(255, 255, 51, 0.8);
box-shadow: -2px 2px 2px rgba(0,0,0,0.3);
}
div[id*="stickynormal"] {
display: inline-block;
margin-top: 1px;
}
div[id*="1stickycontent"], div[id*="7stickycontent"] {
transform:rotate(4deg);
margin-top:5px;
margin-left:5px;
display: inline-block;
}
div[id*="3stickycontent"], div[id*="8stickycontent"], div[id*="0stickycontent"] {
transform:rotate(-5deg);
margin-top:5px;
margin-left:10px;
display: inline-block;
}
div[id*="4stickycontent"], div[id*="6stickycontent"] {
transform:rotate(3deg);
margin-top:-5px;
display: inline-block;
}
div[id*="5stickycontent"] {
transform:rotate(-5deg);
margin-top:2px;
margin-right: -5px;
display: inline-block;
}
div[id*="2stickycontent"], div[id*="9stickycontent"] {
transform:rotate(2deg);
margin-top:-5px;
margin-right: -5px;
display: inline-block;
}
.sticky:before {
border-top: solid 8px #fff;
border-right: solid 8px #fff;
border-left: solid 8px transparent;
border-bottom: solid 8px transparent;
}
.sticky:after {
border-bottom: solid 8px #dddd33;
border-left: solid 8px #dddd33;
border-right: solid 8px transparent;
border-top: solid 8px transparent;
}
.createnote {
background-color: #EEE;
text-align: center;
padding: 10px 0;
margin-bottom: 10px;
border: 2px solid #FFF;
}
.headernote {
font-size: 10px;
text-align: right;
color: #FFF;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.headernote i {
float: inline-start;
color: #000;
}
.contentnote {
font-size: 1.1em;
font-weight: bold;
font-family: inherit;
text-align: center;
min-height: 83px;
padding-top: 5px;
overflow-wrap: break-word;
}
.footernote a, .footernote a:visited {
color: #000;
}
.columnnote {
text-align: center;
}
.columnnote i {
font-size: 14px;
}
.editnote {
text-align: right;
}
.vote {
text-align: left;
float: left;
font-size: 1em;
}
.vote .fa {
margin-right: 2px;
}
.grey {
color: #EEE;
}
#id_color option[value='1'] {
background-color: #ec6;
}
#id_color option[value='2'] {
background-color: #aacc24;
}
#id_color option[value='3'] {
background-color: #9df;
}
#id_color option[value='4'] {
background-color: #69c;
}
#id_color option[value='5'] {
background-color: #e86;
}
#id_color option[value='6'] {
background-color: #bbb;
}
.path-mod-survey .smalltext {
font-size: 0.75em;
}
.path-mod-survey .surveytable .rblock label {
display: block;
}
.path-mod-survey .surveytable .foundthat,
.path-mod-survey .surveytable .preferthat {
white-space: nowrap;
}
.path-mod-survey .surveytable .buttoncell {
width: 5%;
}
.path-mod-survey .surveytable .optioncell,
.path-mod-survey .surveytable .questioncell {
width: 50%;
vertical-align: top;
}
.path-mod-survey .surveytable .whitecell {
background-color: white;
}
.path-mod-survey #surveyform th {
font-weight: normal;
text-align: left;
}
.path-mod-survey #surveyform th.hresponse {
text-align: center;
width: 9%;
}
#page-mod-survey-report .fullnamecell {
width: 10%;
vertical-align: top;
white-space: nowrap;
}
.mod-tab-embedded {
border: none;
width: 100%;
height: 800px;
}
#page-mod-tab-view .moremenu.navigation.observed {
display: contents;
}
#page-mod-tab-view .nav-tabs {
position: relative;
display: flex;
}
.path-mod-url .resourcecontent {
text-align: center;
}
/*
This file is part of Moodle - http://moodle.org/
Moodle is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Moodle is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with Moodle. If not, see
.
*/ /**
* Wiki module style sheet
*
* @package mod-wiki-2.0
* @copyright 2009 Marc Alier, Jordi Piguillem marc.alier@upc.edu
* @copyright 2009 Universitat Politecnica de Catalunya http://www.upc.edu
*
* @author Jordi Piguillem
* @author Marc Alier
* @author David Jimenez
* @author Josep Arus
* @author Kenneth Riba
*
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
.wiki_contentbox {
width: 80%;
margin: auto;
min-width: 200px;
min-height: 100px;
}
.wiki_previewbox {
width: 50%;
margin: auto;
border: thin solid blue;
}
.wiki_button {
margin: 5px;
}
.wiki_warning {
color: red;
}
.emptycomments {
color: red;
display: inline;
}
.wiki-toc {
border: 1px solid #bbb;
background: #eee;
margin: 16px;
padding: 8px;
}
.wiki-toc-title {
color: #666;
font-size: 1.1em;
font-variant: small-caps;
text-align: center;
}
.wiki-toc-section {
padding: 0;
margin: 2px 8px;
}
.wiki-toc-section-2 {
padding-left: 12px;
}
.wiki-toc-section-3 {
padding-left: 24px;
}
.wiki_form-button {
margin-left: 0%;
}
.wiki-upload-table {
margin: 8px auto;
clear: both;
}
.wiki-upload-table table {
margin: auto;
}
.wiki-upload-table h3 {
margin: 4px 0;
text-align: center;
}
.wiki-upload-section {
border: 1px solid #eee;
width: 400px;
margin: 8px auto;
}
.wiki-upload-section legend {
font-weight: bold;
font-size: 0.9em;
margin-left: 16px;
}
.wiki-tags {
text-align: right;
}
.wiki_modifieduser p {
line-height: 35px;
}
.wiki_modifieduser img {
border: thin solid black;
}
.wiki_restoreform,
.wiki_deletecommentform {
width: 10%;
margin: auto;
}
.wiki_versionuser {
float: left;
}
.wiki_diffuserleft,
.wiki_diffuserright {
font-weight: normal;
padding-top: 1%;
}
.wiki_diffuserleft {
float: right;
}
.wiki_diffuserright {
float: left;
}
.wiki_compareheading {
font-weight: normal;
}
.wiki_restore,
.wiki_diffview,
.wiki_difftime,
.wiki_headingtime {
font-size: 0.8em;
font-weight: normal;
}
.wiki_difftime,
.wiki_headingtime {
font-style: oblique;
text-align: center;
}
.wiki_diff_oldpaging {
float: left;
width: 40%;
min-width: 200px;
margin-left: 5%;
}
.wiki_diff_newpaging {
float: right;
width: 40%;
min-width: 200px;
margin-right: 5%;
}
.wiki_diff_old,
.wiki_diff_new {
float: left;
min-width: 200px;
width: 40%;
}
.wiki_difftable td {
width: 50%;
float: left;
}
.wiki_histdate {
text-align: left;
}
.wiki_histnewdate {
border-top: 1px dotted gray;
}
.ouw_deleted {
background: #ffa;
color: red;
text-decoration: line-through;
}
.ouw_added {
background: #cfc;
color: red;
}
a.wiki_newentry:link,
a.wiki_newentry:visited {
color: red;
font-style: italic;
}
.wiki_newentry a {
color: red;
font-style: italic;
}
.wiki_navigation_container {
margin: 0 auto;
}
.wiki_navigation_from {
float: left;
width: 40%;
min-width: 200px;
margin-left: 5%;
}
.wiki_navigation_to {
float: left;
width: 40%;
min-width: 200px;
margin-right: 5%;
}
.wiki_headingtitle {
text-align: center;
}
.wiki_clear {
clear: both;
}
.wiki_right {
text-align: right;
}
.wiki_index {
text-align: right;
}
.notunderlined {
text-decoration: none;
}
a.wiki_edit_section {
font-size: 0.6em;
position: relative;
float: right;
}
.midpad {
text-align: center;
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.block_wiki_search ul {
margin-top: 0.5em;
margin-bottom: 3px;
}
.wiki-attachment:before {
content: url(/mod/wiki/pix/attachment.png);
padding-right: 2px;
}
/** Print CSS */
#wiki_printable_content {
text-align: left;
}
#wiki_printable_content a {
color: black;
}
#wiki_printable_title {
font-size: 2.2em;
text-decoration: underline;
}
.wiki_diff_boxes {
width: 100%;
clear: both;
}
.wiki_diff_paging {
width: 100%;
clear: both;
}
.wiki_grayline {
color: gray;
}
.wikisearchresults {
padding-left: 50px;
padding-top: 20px;
}
.wiki-diff-container {
width: 95%;
margin: 10px auto;
}
.wiki-diff-container .wiki-diff-leftside,
.wiki-diff-container .wiki-diff-rightside {
width: 49.5%;
margin: 0;
padding: 0;
float: left;
}
.wiki-diff-container .wiki-diff-rightside {
margin-left: 1%;
}
.wiki-diff-container .wiki-diff-heading,
.wiki-diff-container .no-overflow {
padding: 10px;
border: 1px solid #ddd;
}
.wiki-diff-container .wiki-diff-rightside .wiki_diffversion {
text-align: right;
}
.path-mod-wiki .printicon {
background: url(/theme/image.php/petel/core/1726409799/t/print) no-repeat scroll 2px center transparent;
padding-left: 20px;
}
#page-mod-wiki-prettyview .displayprinticon {
text-align: right;
}
#page-mod-wiki-prettyview {
background-image: none;
}
.path-mod-wordcloud #mod-wordcloud-div {
overflow: hidden;
}
.path-mod-wordcloud #mod-wordcloud-new-word {
width: 100%;
height: 100%;
border: 0;
border-radius: .25rem;
padding-left: 1em;
}
.path-mod-wordcloud #mod-wordcloud-words-box {
border: 1px solid #e5e5e5;
border-radius: 0 0 5px 5px;
padding: 1em;
overflow: auto;
}
.path-mod-wordcloud #mod-wordcloud-btn {
width: 100%;
}
.path-mod-wordcloud .wordcloud-header {
background-color: #e5e5e5;
border: 1px solid #e5e5e5;
border-radius: 5px 5px 0 0;
padding: 1em;
}
.path-mod-wordcloud .word {
padding-left: 0.5em;
padding-right: 0.5em;
}
.path-mod-wordcloud .center {
margin: auto;
}
.path-mod-wordcloud .w1 {
font-size: 18px;
}
.path-mod-wordcloud .w2 {
font-size: 24px;
}
.path-mod-wordcloud .w3 {
font-size: 30px;
}
.path-mod-wordcloud .w4 {
font-size: 36px;
}
.path-mod-wordcloud .w5 {
font-size: 42px;
}
.path-mod-wordcloud .w6 {
font-size: 58px;
}
.path-mod-wordcloud .wordcloud-export {
display: block;
text-align: center;
}
.path-mod-wordcloud #mod-wordcloud-content:fullscreen {
background-color: white;
padding-top: 5em;
}
.path-mod-wordcloud .heading.col-md-auto {
padding-left: 0;
}
.path-mod-wordcloud .success {
color: green;
opacity: 0;
}
.path-mod-wordcloud .fade {
animation-name: mod-wordcloud-fade-effect;
animation-duration: 4s;
}
@keyframes mod-wordcloud-fade-effect {
0% {
opacity: 1;
}
80% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.path-mod-wordcloud th.remove,
.path-mod-wordcloud td.remove,
.path-mod-wordcloud th.save,
.path-mod-wordcloud td.save {
width: 10%;
text-align: center;
}
.path-mod-wordcloud th.count,
.path-mod-wordcloud td.count {
width: 20%;
text-align: center;
}
.path-mod-wordcloud th.word,
.path-mod-wordcloud td.word {
width: 40%;
text-align: center;
}
.path-mod-wordcloud .tablewidth {
max-width: 1024px;
margin: auto;
}
.path-mod-wordcloud #mod-wordcloud-fs-btn {
float: right;
}
.path-mod-wordcloud #mod-wordcloud-content {
visibility: hidden;
}
.path-mod-workshop .collapsibleregion {
margin-bottom: 0.75em;
}
.path-mod-workshop .collapsibleregioncaption {
font-weight: bold;
font-size: 120%;
}
.path-mod-workshop div.singlebutton {
text-align: center;
margin: 0.75em auto;
}
.path-mod-workshop #workshop-viewlet-assignedassessments div.singlebutton,
.path-mod-workshop #workshop-viewlet-allexamples div.singlebutton,
.path-mod-workshop #workshop-viewlet-examples div.singlebutton {
text-align: left;
}
.path-mod-workshop .groupwidget {
text-align: center;
margin: 0.75em auto;
}
.path-mod-workshop .perpagewidget {
text-align: center;
margin: 0.75em auto;
}
/**
* Submission - one line summary display
*/
.path-mod-workshop .submission-summary {
position: relative;
margin-bottom: 10px;
}
.path-mod-workshop .submission-summary .title,
.path-mod-workshop .submission-summary .author,
.path-mod-workshop .submission-summary .author .fullname,
.path-mod-workshop .submission-summary .author .picture {
display: inline;
}
.path-mod-workshop .submission-summary .title,
.path-mod-workshop .submission-summary .userdate,
.path-mod-workshop .submission-summary .grade-status {
margin: 0 0 0 40px;
}
.path-mod-workshop .submission-summary .author {
margin-left: 1ex;
}
.path-mod-workshop .submission-summary.anonymous .title,
.path-mod-workshop .submission-summary.anonymous .author,
.path-mod-workshop .submission-summary.anonymous .userdate,
.path-mod-workshop .submission-summary.anonymous .grade-status {
margin: 0 0 0 5px;
}
.path-mod-workshop .submission-summary .userdate {
font-size: x-small;
color: #333;
}
.path-mod-workshop .submission-summary .userdate span {
font-style: italic;
}
.path-mod-workshop .submission-summary .author .picture {
position: absolute;
top: 0;
left: 0;
}
/**
* Submission - full display
*/
.path-mod-workshop .submission-full {
border: 1px solid #ddd;
margin: 0 0 1em 0;
}
.path-mod-workshop .submission-full .header {
position: relative;
background-color: #ddd;
padding: 3px;
min-height: 67px;
}
.path-mod-workshop .submission-full .header .title,
.path-mod-workshop .submission-full .header .author,
.path-mod-workshop .submission-full .header .userdate {
margin: 0 0 0 80px;
}
.path-mod-workshop .submission-full.anonymous .header .title,
.path-mod-workshop .submission-full.anonymous .header .author,
.path-mod-workshop .submission-full.anonymous .header .userdate {
margin: 0 0 0 5px;
}
.path-mod-workshop .submission-full .header .userdate.created {
padding-right: 10px;
}
.path-mod-workshop .submission-full .header .userdate.modified {
padding-left: 10px;
margin-left: 0;
border-left: 1px solid #000;
}
.path-mod-workshop .submission-full .header .userdate {
font-size: x-small;
color: #333;
display: inline;
}
.path-mod-workshop .submission-full .header .userdate span {
font-style: italic;
}
.path-mod-workshop .submission-full .header .author .picture {
position: absolute;
top: 3px;
left: 3px;
}
.path-mod-workshop .submission-full .content,
.path-mod-workshop .submission-full .attachments {
padding: 5px 10px;
}
.path-mod-workshop .submission-full .attachments .files img.icon {
margin-right: 5px;
}
.path-mod-workshop .submission-full .attachments .images div {
display: inline-block;
margin: 5px;
padding: 5px;
border: 1px solid #ddd;
}
/**
* Example submission - summary display
*/
.path-mod-workshop .submission-summary.example .title,
.path-mod-workshop .submission-summary.example .userdate {
margin: 0 0 0 0;
}
/**
* Example submission - full display
*/
.path-mod-workshop .submission-full.example .header {
min-height: 0;
}
.path-mod-workshop .submission-full.example .header .title {
margin: 0 0 0 0;
}
/**
* Elements generated by the workshop renderer
*/
.path-mod-workshop .message {
padding: 5px 5em 5px 15px;
margin: 0 auto 20px auto;
width: 100%;
font-size: 80%;
position: relative;
}
.path-mod-workshop .message .singlebutton {
text-align: left;
margin: 0;
}
.path-mod-workshop .message.ok {
color: #547c22;
background-color: #e7f1c3;
}
.path-mod-workshop .message.error {
color: #dd0221;
background-color: #ffd3d9;
}
.path-mod-workshop .message.info {
color: #1666a9;
background-color: #d2ebff;
}
/**
* Allocators
*/
.path-mod-workshop .allocation-init-results {
margin: 10px auto;
width: 100%;
font-size: 80%;
}
.path-mod-workshop .allocation-init-results .indent {
margin-left: 20px;
}
.path-mod-workshop .allocation-init-results .ok {
color: #547c22;
background-color: #e7f1c3;
}
.path-mod-workshop .allocation-init-results .error {
color: #dd0221;
background-color: #ffd3d9;
}
.path-mod-workshop .allocation-init-results .info {
color: #1666a9;
background-color: #d2ebff;
}
.path-mod-workshop .allocation-init-results .debug {
color: black;
background-color: #ddd;
}
/**
* User plan
*/
.path-mod-workshop .userplan {
width: 100%;
margin: 1em auto 1em auto;
font-size: 80%;
border: 1px solid #ddd;
position: relative;
overflow: hidden;
}
.path-mod-workshop .userplan dt {
vertical-align: bottom;
white-space: normal;
color: #999;
border-bottom: 1px solid #ddd;
padding: 3px;
}
.path-mod-workshop .userplan dt.active {
vertical-align: top;
color: black;
border: 1px solid #ddd;
border-bottom: 0;
border-top: 0;
background: #e7f1c3;
}
.path-mod-workshop .userplan dt.active .phasetitle {
font-size: 140%;
}
.path-mod-workshop .userplan dl {
width: 20%;
float: left;
margin: 0;
}
@media only screen and (max-width: 768px) {
.path-mod-workshop .userplan {
border-right: none;
border-top: none;
}
.path-mod-workshop .userplan dl {
width: 102%;
border-right: none;
}
.path-mod-workshop .userplan dt {
float: left;
width: 30%;
border-bottom: none;
border-top: 1px solid #ddd;
}
.path-mod-workshop .userplan dt.active {
border: none;
}
.path-mod-workshop .userplan dd {
float: left;
width: 65%;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
}
}
@media only screen and (max-width: 420px) {
.path-mod-workshop .userplan {
border-bottom: none;
}
.path-mod-workshop .userplan dt {
float: left;
width: 70%;
border-bottom: none;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
margin: 0;
padding: 5px;
}
.path-mod-workshop .userplan dd {
float: left;
width: 70%;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
}
.path-mod-workshop .userplan dd {
vertical-align: top;
border-right: 1px solid #ddd;
background-color: #f5f5f5;
margin: 0;
min-height: 180px;
padding: 5px;
}
.path-mod-workshop .userplan dd,
.path-mod-workshop .userplan dd a,
.path-mod-workshop .userplan dd a:link,
.path-mod-workshop .userplan dd a:hover,
.path-mod-workshop .userplan dd a:visited,
.path-mod-workshop .userplan dd a:active {
color: #999;
}
.path-mod-workshop .userplan dd.active,
.path-mod-workshop .userplan dd.active a,
.path-mod-workshop .userplan dd.active a:link,
.path-mod-workshop .userplan dd.active a:hover,
.path-mod-workshop .userplan dd.active a:visited,
.path-mod-workshop .userplan dd.active a:active {
color: black;
}
.path-mod-workshop .userplan dd.lastcol {
border-right: 0;
}
.path-mod-workshop .userplan dd.active {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
background-color: #e7f1c3;
}
.path-mod-workshop .userplan dt .actions {
font-size: smaller;
}
.path-mod-workshop .userplan dd.phasetasks li {
background-image: url(/theme/image.php/petel/mod_workshop/1726409799/userplan/task-todo);
background-position: top left;
background-repeat: no-repeat;
list-style-type: none;
min-height: 16px;
margin: .3em 0;
}
.dir-rtl.path-mod-workshop .userplan dd.phasetasks li {
background-position: top right;
}
.path-mod-workshop .userplan dd.phasetasks li.completed {
background-image: url(/theme/image.php/petel/mod_workshop/1726409799/userplan/task-done);
}
.path-mod-workshop .userplan dd.phasetasks li.fail {
background-image: url(/theme/image.php/petel/mod_workshop/1726409799/userplan/task-fail);
}
.path-mod-workshop .userplan dd.phasetasks li.info {
background-image: url(/theme/image.php/petel/mod_workshop/1726409799/userplan/task-info);
}
.path-mod-workshop .userplan dd.phasetasks .tasks {
list-style: none;
margin: 0;
padding: 0;
}
.path-mod-workshop .userplan dd.phasetasks .title {
padding: 0 10px 0 20px;
}
.dir-rtl.path-mod-workshop .userplan dd.phasetasks .title {
padding: 0 20px 0 10px;
}
.path-mod-workshop .userplan dd.phasetasks .details {
padding: 0 10px 0 25px;
font-size: 80%;
}
.dir-rtl.path-mod-workshop .userplan dd.phasetasks .details {
padding: 0 25px 0 10px;
}
/**
* Assessment - full display
*/
.path-mod-workshop .assessment-full {
border: 1px solid #ddd;
margin: 0 auto 1em auto;
}
.path-mod-workshop .assessment-full .header {
position: relative;
background-color: #ddd;
padding: 3px;
min-height: 35px;
}
.path-mod-workshop .assessment-full .header .title {
font-weight: bold;
}
.path-mod-workshop .assessment-full .header .title,
.path-mod-workshop .assessment-full .header .reviewer,
.path-mod-workshop .assessment-full .header .grade,
.path-mod-workshop .assessment-full .header .weight {
margin: 0 0 0 40px;
}
.path-mod-workshop .assessment-full.anonymous .header .title,
.path-mod-workshop .assessment-full.anonymous .header .reviewer,
.path-mod-workshop .assessment-full.anonymous .header .grade,
.path-mod-workshop .assessment-full.anonymous .header .weight {
margin: 0 0 0 5px;
}
.path-mod-workshop .assessment-full .header .reviewer .picture {
position: absolute;
top: 3px;
left: 3px;
}
.dir-rtl.path-mod-workshop .assessment-full .header .reviewer .picture {
right: 3px;
left: auto;
}
.path-mod-workshop .assessment-full .header .actions {
position: absolute;
top: 5px;
right: 5px;
text-align: right;
}
.path-mod-workshop .assessment-full .header .actions .singlebutton,
.path-mod-workshop .assessment-full .header .actions .singlebutton form,
.path-mod-workshop .assessment-full .header .actions .singlebutton form div {
display: inline;
}
.path-mod-workshop .assessment-full .assessment-form-wrapper,
.path-mod-workshop .assessment-full .overall-feedback-wrapper {
margin-top: 0.5em;
padding: 0 1em;
}
.path-mod-workshop .assessment-summary.graded .singlebutton input[type="submit"],
.path-mod-workshop .example-summary.graded .singlebutton input[type="submit"] {
background-color: #e7f1c3;
}
.path-mod-workshop .assessment-summary.notgraded .singlebutton input[type="submit"],
.path-mod-workshop .example-summary.notgraded .singlebutton input[type="submit"] {
background-color: #ffd3d9;
}
/**
* Overall feedback
*/
.path-mod-workshop .assessment-full .overallfeedback .content,
.path-mod-workshop .assessment-full .overallfeedback .attachments {
padding: 5px 10px;
}
.path-mod-workshop .assessment-full .overallfeedback .attachments .files img.icon {
margin-right: 5px;
}
.path-mod-workshop .assessment-full .overallfeedback .attachments .images div {
display: inline-block;
margin: 5px;
padding: 5px;
border: 1px solid #ddd;
}
/**
* Assessment form
*/
.path-mod-workshop .assessmentform .description {
margin: 0 1em;
}
/**
* Grading report
*/
.path-mod-workshop .grading-report {
width: 100%;
margin: 1em auto 1em auto;
font-size: 80%;
border: 1px solid #ddd;
}
.path-mod-workshop .grading-report .userpicture {
margin: 0 3px;
vertical-align: middle;
}
.path-mod-workshop .grading-report del {
color: red;
font-size: 90%;
text-decoration: line-through;
}
.path-mod-workshop .grading-report ins {
color: green;
font-weight: bold;
text-decoration: underline;
}
.path-mod-workshop .grading-report th {
white-space: normal;
}
.path-mod-workshop .grading-report td {
vertical-align: top;
border: 1px solid #ddd;
}
.path-mod-workshop .grading-report tr.published td.submission {
background-color: #d2ebff;
}
.path-mod-workshop .grading-report tr.published td.submission a {
font-weight: bold;
}
.path-mod-workshop .grading-report .assessmentdetails {
white-space: nowrap;
}
.path-mod-workshop .grading-report .receivedgrade span.grade,
.path-mod-workshop .grading-report .givengrade span.gradinggrade {
font-weight: bold;
}
.path-mod-workshop .grading-report .submissiongrade.cell,
.path-mod-workshop .grading-report .gradinggrade.cell {
text-align: center;
font-size: 200%;
white-space: nowrap;
}
.path-mod-workshop .grading-report .givengrade.null .user,
.path-mod-workshop .grading-report .receivedgrade.null .user {
color: #e00;
}
/**
* Final grades
*/
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades {
text-align: center;
}
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade {
border: 1px solid #ddd;
margin: 1em;
padding: 2em;
display: inline-block;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.submissiongrade {
background-color: #d2ebff;
}
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.assessmentgrade {
background-color: #eee;
/*background-color: #e7f1c3;*/
}
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade .gradevalue {
font-weight: bold;
font-size: x-large;
margin: 10px;
}
/**
* Edit assessment form
*/
#mod-workshop-editform fieldset.fgroup * {
vertical-align: top;
}
/**
* Feedback
*/
.path-mod-workshop .feedback {
border: 1px solid #ddd;
margin: 0 auto 1em auto;
width: 100%;
}
.path-mod-workshop .feedback .header {
position: relative;
background-color: #ddd;
padding: 3px;
min-height: 35px;
}
.path-mod-workshop .feedback .header .title {
margin: 0 0 0 40px;
}
.path-mod-workshop .feedback .header .picture {
position: absolute;
top: 3px;
left: 3px;
}
.path-mod-workshop .feedback .content {
padding: 5px 10px;
}
/**
* Misc
*/
.path-mod-workshop div.buttonsbar {
text-align: center;
}
.path-mod-workshop div.buttonsbar .singlebutton {
display: inline;
}
.path-mod-workshop .toolboxaction {
margin-right: 1em;
}
.path-mod-workshop .toolboxaction,
.path-mod-workshop .toolboxaction .singlebutton,
.path-mod-workshop .toolboxaction .singlebutton form,
.path-mod-workshop .toolboxaction .singlebutton form div {
display: inline;
}
.path-mod-workshop div.buttonwithhelp div {
display: inline;
}
.path-mod-workshop #evaluationmethodchooser {
margin: 2em auto;
text-align: center;
}
.path-mod-workshop .lastmodified {
line-height: 1.0em;
}
.path-mod-workshop .nothingfound {
font-size: 150%;
color: #ff4500;
}
.path-mod-workshop .workshop-risk-dataloss {
vertical-align: text-bottom;
}
.zoom-info {
padding: 0.2em 0.6em 0.3em;
color: #fff;
border-radius: 0.25em;
}
#page-mod-zoom-view a .btn-primary .icon {
color: white;
}
#mod-zoom-old-meetings-header {
float: left;
}
#mod-zoom-meeting-room-participants,
#mod-zoom-meeting-room-participant-groups {
list-style-type: none;
}
#mod-zoom-meeting-rooms-list .empty-alert {
margin: auto;
width: 80%;
padding: 40% 0;
}
#mod-zoom-breakout-rooms-table {
width: 100%;
height: 400px;
}
#mod-zoom-breakout-rooms-table td:first-child {
width: 20%;
}
#mod-zoom-breakout-rooms-table td:nth-child(2) {
width: 80%;
}
#mod-zoom-breakout-rooms-table .delete-room {
margin: -34px 5px;
background: transparent;
border: none;
}
#page-mod-zoom-participants .mimetypeicon {
width: 24px;
height: 24px;
}
#page-auth-saml2-selectidp .mform .fitem div.fitemtitle {
width: 0;
}
#page-auth-saml2-selectidp .mform .fitem .felement {
margin-left: 0;
}
#page-auth-saml2-selectidp .idpbtn {
margin-bottom: 10px;
}
#page-auth-saml2-availableidps .femptylabel .fitemtitle {
display: none;
}
#page-auth-saml2-availableidps .femptylabel .felement {
margin-left: 10px;
}
/* enrol_lti styles */
#registration-tab-content .input-group-append button.btn {
border: solid 1px #8f959e;
}
form#auto_submit {
display: none;
}
#registration-tab-content .input-group-append button.btn span.pix {
padding-left: 0.5rem;
}
.card-author .avatar {
width: 35px;
height: 35px;
background-color: #fff;
overflow: hidden;
}
.card-author .avatar > img {
max-width: 100%;
max-height: 100%;
line-height: 1em;
}
.block_accessreview_success,
.block_accessreview.block_accessreview_success.hasinfo {
color: #1e451e;
background: #d7e6d7;
border-color: #c8ddc8;
}
.block_accessreview_danger,
.block_accessreview.block_accessreview_danger.hasinfo {
color: #6e211e;
background: #f6d9d8;
border-color: #f3c9c8;
}
.block_accessreview_warning,
.block_accessreview.block_accessreview_warning.hasinfo {
color: #7d5a29;
background: #fcefdc;
border-color: #fbe8cd;
}
.block_accessreview_table {
border-bottom: 1px solid;
border-color: #eee8e8;
}
.block_accessreview_links {
display: flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: center;
}
.block_accessreview_link {
padding-left: 10px;
padding-right: 10px;
}
.block_accessreview_analysisbutton {
text-align: center;
}
.block_activity_results h1 {
margin: 4px;
font-size: 1.1em;
}
.block_activity_results table.grades {
text-align: left;
width: 100%;
}
.block_activity_results table.grades .number {
text-align: left;
width: 10%;
}
.block_activity_results table.grades .name {
text-align: left;
width: 77%;
}
.block_activity_results table.grades .grade {
text-align: right;
}
/**
* Advanced Notifications SCSS
*
* @package block_advnotifications
* @copyright 2016 LearningWorks Ltd
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
body #advnotifications_table_wrapper td > form,
body #advnotifications_restore_table_wrapper td > form {
display: inline;
}
body #advnotifications_table_wrapper td > form button,
body #advnotifications_restore_table_wrapper td > form button {
border: none;
background: none;
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: 100ms;
transition: 100ms;
}
body #advnotifications_table_wrapper td > form button[class*=restore], body #advnotifications_table_wrapper td > form button[class*=edit],
body #advnotifications_restore_table_wrapper td > form button[class*=restore],
body #advnotifications_restore_table_wrapper td > form button[class*=edit] {
color: #060;
/* stylelint-disable-line csstree/validator */
}
body #advnotifications_table_wrapper td > form button[class*=delete],
body #advnotifications_restore_table_wrapper td > form button[class*=delete] {
color: #730000;
/* stylelint-disable-line csstree/validator */
}
body #advnotifications_table_wrapper td > form button:hover, body #advnotifications_table_wrapper td > form button:focus,
body #advnotifications_restore_table_wrapper td > form button:hover,
body #advnotifications_restore_table_wrapper td > form button:focus {
outline: none;
-webkit-transform: scale(1.25);
transform: scale(1.25);
-webkit-transition: 100ms;
transition: 100ms;
}
body #add_notification_wrapper_id {
margin-top: 1.5em;
}
body #add_notification_wrapper_id .alert.preview-alert {
position: relative;
padding-right: 14px;
/* &.aicon {
padding-left: 3em;
} */
/* &.dismissible {
padding-right: 2em;
} */
}
body #add_notification_wrapper_id .alert.preview-alert > * {
display: inline;
}
body #add_notification_wrapper_id .alert.preview-alert > .preview-aicon {
display: block;
}
body #add_notification_wrapper_id .alert.preview-alert > .preview-aicon img {
height: 1.5em;
position: absolute;
top: calc(50% - 0.75em);
margin-left: -2em;
opacity: 0.5;
}
body #add_notification_wrapper_id .alert.preview-alert > .preview-alert-dismissible {
position: absolute;
font-size: 1em;
line-height: 1em;
top: calc(50% - 0.5em);
right: 1em;
}
body #add_notification_wrapper_id .alert.preview-alert > .preview-alert-dismissible > * {
cursor: pointer;
}
body #add_notification_wrapper_id .add_notification_form_wrapper #add_notification_form .row {
margin-left: 0;
margin-right: 0;
}
body #add_notification_wrapper_id .add_notification_form_wrapper #add_notification_form .text-muted {
width: 100%;
}
body #add_notification_wrapper_id .add_notification_form_wrapper #add_notification_form #add_notification_title {
margin-top: 1.5em;
}
body #add_notification_wrapper_id .add_notification_form_wrapper #add_notification_form #add_notification_message {
width: 100%;
margin-bottom: 1.5em;
resize: both;
min-width: 50px;
min-height: 1.5em;
}
body #add_notification_wrapper_id .add_notification_form_wrapper #add_notification_form .requiredfield {
background-color: rgba(255, 0, 0, 0.075);
/* stylelint-disable-line csstree/validator */
border: 1px solid #f00;
/* stylelint-disable-line csstree/validator */
}
body #add_notification_wrapper_id .add_notification_form_wrapper #add_notification_form strong.requiredfield {
padding: 0.25em;
border-color: transparent;
border-radius: 5px;
color: #af1e1e;
/* stylelint-disable-line csstree/validator */
}
body #add_notification_wrapper_id .add_notification_form_wrapper #add_notification_form strong.required {
color: #af1e1e;
/* stylelint-disable-line csstree/validator */
font-size: 1.25em;
padding: 0 5px;
vertical-align: top;
}
body #add_notification_wrapper_id .add_notification_form_wrapper #add_notification_form input[type=date] {
width: 58.3333333333%;
}
body #add_notification_wrapper_id .add_notification_form_wrapper #add_notification_form .btn {
margin-top: 0.5em;
margin-bottom: 0;
}
body #add_notification_wrapper_id .add_notification_form_wrapper #add_notification_form #add_notification_status {
display: none;
position: relative;
margin-top: 10px;
}
body #add_notification_wrapper_id .add_notification_form_wrapper #add_notification_form #add_notification_status .signal {
border: 5px solid #333;
border-radius: 30px;
height: 30px;
left: 10px;
margin: -15px 0 0 -15px;
opacity: 0;
position: absolute;
top: 15px;
width: 30px;
-webkit-animation: pulsate 1s ease-out;
animation: pulsate 1s ease-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
animation-direction: reverse;
}
body #add_notification_wrapper_id .add_notification_form_wrapper #add_notification_form #add_notification_status .saving {
padding-top: 5px;
margin-left: 40px;
}
body #add_notification_wrapper_id .add_notification_form_wrapper #add_notification_form #add_notification_status .done {
display: none;
padding-top: 5px;
margin-left: 40px;
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
#advnotifications_manage .btn.instance {
margin-right: 0.5rem;
}
@keyframes pulsate {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
}
body .block.block_advnotifications .content,
#page-blocks-advnotifications-pages-notifications .content {
margin-top: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
body .block.block_advnotifications .notification-block-wrapper,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper {
/* General style for ALL alerts*/
margin-bottom: 0;
position: relative;
-webkit-box-shadow: 0 0.1875rem 0.375rem 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0.1875rem 0.375rem 0 rgba(0, 0, 0, 0.2);
border-radius: 0.5rem;
}
body .block.block_advnotifications .notification-block-wrapper .alert-colorblock,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper .alert-colorblock {
width: 1rem;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
margin-top: -0.0625rem;
margin-left: -0.0625rem;
margin-bottom: -0.0625rem;
}
body .block.block_advnotifications .notification-block-wrapper .alert-inner,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper .alert-inner {
width: calc(100% - 1rem);
padding: 0.5rem 0.75rem 0.5rem 0.625rem;
}
body .block.block_advnotifications .notification-block-wrapper .alert-text,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper .alert-text {
font-family: "Heebo", sans-serif;
font-size: 1rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
color: #000;
}
body .block.block_advnotifications .notification-block-wrapper.dismissible .notification-block-close i,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper.dismissible .notification-block-close i {
-webkit-transition: 250ms;
transition: 250ms;
color: #000;
font-size: 1.5rem;
margin-left: 0.75rem;
cursor: pointer;
}
body .block.block_advnotifications .notification-block-wrapper.dismissible .notification-block-close i:hover,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper.dismissible .notification-block-close i:hover {
color: #000;
/* stylelint-disable-line csstree/validator */
-webkit-transition: 250ms;
transition: 250ms;
}
body .block.block_advnotifications .notification-block-wrapper.aicon i:not(.fa-times-circle),
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper.aicon i:not(.fa-times-circle) {
font-size: 1.375rem;
margin-right: 0.75rem;
color: #000;
-webkit-transition: 250ms;
transition: 250ms;
}
body .block.block_advnotifications .notification-block-wrapper.alert-warning,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper.alert-warning {
font-weight: 400;
background-color: #fde9d5;
border-color: #fde9d5;
}
body .block.block_advnotifications .notification-block-wrapper.alert-warning .alert-colorblock,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper.alert-warning .alert-colorblock {
background-color: #f59331;
border: 0.0625rem solid #f59331;
}
body .block.block_advnotifications .notification-block-wrapper.alert-success,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper.alert-success {
font-weight: 400;
background-color: #e9f2e9;
border-color: #e9f2e9;
}
body .block.block_advnotifications .notification-block-wrapper.alert-success .alert-colorblock,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper.alert-success .alert-colorblock {
background-color: #287d28;
border: 0.0625rem solid #287d28;
}
body .block.block_advnotifications .notification-block-wrapper.alert-success .notification-block-close i,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper.alert-success .notification-block-close i {
color: #287d28;
}
body .block.block_advnotifications .notification-block-wrapper.alert-success .fal.fa-check-circle,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper.alert-success .fal.fa-check-circle {
color: #287d28;
font-size: 1.5rem;
}
body .block.block_advnotifications .notification-block-wrapper.alert-danger,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper.alert-danger {
font-weight: 400;
background-color: #fae6e6;
border-color: #fae6e6;
}
body .block.block_advnotifications .notification-block-wrapper.alert-danger .alert-colorblock,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper.alert-danger .alert-colorblock {
background-color: #ce0e0f;
border: 0.0625rem solid #ce0e0f;
}
body .block.block_advnotifications .notification-block-wrapper.alert-danger .notification-block-close i,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper.alert-danger .notification-block-close i {
color: #ce0e0f;
-webkit-transition: 250ms;
transition: 250ms;
}
body .block.block_advnotifications .notification-block-wrapper.alert-danger .fal.fa-exclamation-circle,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper.alert-danger .fal.fa-exclamation-circle {
color: #ce0e0f;
font-size: 1.5rem;
-webkit-transition: 250ms;
transition: 250ms;
}
body .block.block_advnotifications .notification-block-wrapper.alert-info,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper.alert-info {
font-weight: 400;
background-color: #d9eef8;
border-color: #d9eef8;
}
body .block.block_advnotifications .notification-block-wrapper.alert-info .alert-colorblock,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper.alert-info .alert-colorblock {
background-color: #008ecd;
border: 0.0625rem solid #008ecd;
}
body .block.block_advnotifications .notification-block-wrapper.alert-info .fal.fa-exclamation-circle,
#page-blocks-advnotifications-pages-notifications .notification-block-wrapper.alert-info .fal.fa-exclamation-circle {
font-size: 1.5rem;
-webkit-transition: 250ms;
transition: 250ms;
}
body .block.block_advnotifications:not(.editing) .block.block_advnotifications {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
background-color: transparent;
margin-bottom: 0 !important;
/* stylelint-disable-line declaration-no-important */
padding: 0;
min-height: 0;
}
body .block.block_advnotifications:not(.editing) .block.block_advnotifications .card-body {
padding: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
body .block.block_advnotifications:not(.editing) .block.block_advnotifications .header {
display: none;
}
body .block.block_advnotifications:not(.editing) .block.block_advnotifications .content {
padding: 0;
background-color: transparent;
}
html[dir="rtl"] .block_advnotifications .carousel-control-prev-icon,
html[dir="rtl"] .block_advnotifications .carousel-control-next-icon {
transform: scaleX(-1);
}
body .block.block_advnotifications .carousel-control-prev,
body .block.block_advnotifications .carousel-control-next {
width: 3.5rem;
padding: 1rem;
}
body .block.block_advnotifications .carousel-control-prev span,
body .block.block_advnotifications .carousel-control-next span {
background-size: contain;
}
.block_blog_tags .s20 {
font-size: 1.5em;
font-weight: bold;
}
.block_blog_tags .s19 {
font-size: 1.5em;
}
.block_blog_tags .s18 {
font-size: 1.4em;
font-weight: bold;
}
.block_blog_tags .s17 {
font-size: 1.4em;
}
.block_blog_tags .s16 {
font-size: 1.3em;
font-weight: bold;
}
.block_blog_tags .s15 {
font-size: 1.3em;
}
.block_blog_tags .s14 {
font-size: 1.2em;
font-weight: bold;
}
.block_blog_tags .s13 {
font-size: 1.2em;
}
.block_blog_tags .s12,
.block_blog_tags .s11 {
font-size: 1.1em;
font-weight: bold;
}
.block_blog_tags .s10,
.block_blog_tags .s9 {
font-size: 1.1em;
}
.block_blog_tags .s8,
.block_blog_tags .s7 {
font-size: 1em;
font-weight: bold;
}
.block_blog_tags .s6,
.block_blog_tags .s5 {
font-size: 1em;
}
.block_blog_tags .s4,
.block_blog_tags .s3 {
font-size: 0.9em;
font-weight: bold;
}
.block_blog_tags .s2,
.block_blog_tags .s1 {
font-size: 0.9em;
}
.block_completion_progress .content {
text-align: left;
}
.block_completion_progress .barContainer {
position: relative;
padding: 0;
clear: both;
}
.block_completion_progress .left-arrow-svg,
.block_completion_progress .right-arrow-svg {
position: absolute;
top: calc(50% - 10px);
display: none;
z-index: 10;
}
.block_completion_progress .left-arrow-svg {
/* rtl:ignore */
left: 5px;
}
.block_completion_progress .right-arrow-svg {
/* rtl:ignore */
right: 5px;
}
.block_completion_progress .triangle-polygon {
fill: rgba(0, 0, 0, 0.3);
stroke: white;
stroke-width: 3px;
}
.block_completion_progress .barRow {
padding: 0;
width: 100%;
margin: 0;
min-height: 1.6rem;
overflow: hidden;
scroll-behavior: smooth;
}
.block_completion_progress .progressBarCell {
height: 1.6rem;
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle;
border-left: solid 1px #e3e3e3;
border-top: solid 1px #e3e3e3;
position: relative;
}
.block_completion_progress .progressBarCell[data-haslink=true] {
cursor: pointer;
}
.block_completion_progress .progressBarCell[data-haslink=not-allowed] {
cursor: not-allowed;
}
.block_completion_progress .barModeScroll .barRowCells {
white-space: nowrap;
}
.block_completion_progress .barModeScroll .progressBarCell {
display: inline-block;
width: 1.6rem;
}
.block_completion_progress .barModeSqueeze .barRowCells {
display: flex;
}
.block_completion_progress .barModeSqueeze .progressBarCell {
display: inline-block;
flex: 1 1 0;
}
.block_completion_progress .barModeWrap .barRowCells {
display: flex;
flex-wrap: wrap;
}
.block_completion_progress .barModeWrap .progressBarCell {
display: inline-block;
flex-grow: 0;
flex-shrink: 0;
flex-basis: inherit; /* Will be computed and declared inline on the .barRow element. */
}
.block_completion_progress .barWithNow .barRowCells {
margin-top: 1.6rem;
}
.block_completion_progress .progressBarCell .nowDiv {
position: absolute;
top: -100%;
white-space: nowrap;
width: 100px;
}
.block_completion_progress .progressBarCell .firstNow {
left: 0;
text-align: left;
}
.block_completion_progress .progressBarCell .firstHalfNow {
left: 100%;
text-align: left;
}
.block_completion_progress .progressBarCell .lastHalfNow {
right: 0;
text-align: right;
}
.block_completion_progress .progressBarCell .nowicon {
width: 15px;
height: 15px;
margin: 0;
padding: 0;
}
.block_completion_progress .barModeScroll .progressBarCell:first-of-type,
.block_completion_progress .barModeSqueeze .progressBarCell:first-of-type {
border-top-left-radius: 0.26rem;
border-bottom-left-radius: 0.26rem;
}
.block_completion_progress .barModeScroll .progressBarCell:last-of-type,
.block_completion_progress .barModeSqueeze .progressBarCell:last-of-type {
border-top-right-radius: 0.26rem;
border-bottom-right-radius: 0.26rem;
border-right: solid 1px #e3e3e3;
}
.block_completion_progress .barWithIcons .progressBarCell::before {
display: inline-block;
content: '';
width: 100%;
height: 100%;
max-width: 16px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
}
.block_completion_progress .barWithIcons .progressBarCell.completed::before {
background-image: url(/theme/image.php/petel/block_completion_progress/1726409799/tick);
}
.block_completion_progress .barWithIcons .progressBarCell.notCompleted::before {
background-image: url(/theme/image.php/petel/block_completion_progress/1726409799/cross);
}
.block_completion_progress .progressEventInfo,
.block_completion_progress .progressPercentage {
font-size: x-small;
text-align: left;
white-space: pre;
overflow: hidden;
padding: 0;
margin: 5px;
}
.block_completion_progress .progressEventInfo {
white-space: pre-wrap;
}
.block_completion_progress .progressEventInfo .iconInInfo,
#fitem_id_config_progressBarIcons .iconOnConfig {
height: 1.2em;
width: 1.2em;
}
#page-blocks-completion_progress-overview .overviewTable {
table-layout: fixed;
}
#page-blocks-completion_progress-overview .overviewTable .col-select {
width: 2rem;
text-align: center;
}
#page-blocks-completion_progress-overview .overviewTable .col-fullname {
width: 20%;
}
#page-blocks-completion_progress-overview .overviewTable .col-timeaccess {
width: 15%;
}
#page-blocks-completion_progress-overview .overviewTable .col-progressbar {
min-width: 200px;
}
#page-blocks-completion_progress-overview .overviewTable .col-progress {
width: 6rem;
text-align: center;
}
.block_completion_progress .progressEventInfo img {
vertical-align: middle;
}
.block_completion_progress .moduleIcon {
float: left;
margin-right: 5px;
max-width: 24px;
}
.block_completion_progress .progressBarHeader {
font-size: 90%;
margin: 0;
padding: 0;
}
.block_completion_progress h3 {
margin-bottom: 0;
}
.block_completion_progress .expectedBy {
margin: 5px auto;
}
.block_completion_progress .overviewButton {
margin: 10px;
text-align: center;
}
#page-blocks-completion_progress-overview .progressoverviewmenus {
margin-bottom: 1rem;
}
#page-blocks-completion_progress-overview .progressoverviewmenus .singleselect + .singleselect {
margin-left: 1rem;
}
#page-blocks-configurable_reports-editreport .dir-rtl .CodeMirror {
direction: ltr;
text-align: left;
}
/* Left align Custom SQL textarea and SQL help, in RTL mode.
*/
#page-blocks-configurable_reports-editreport.dir-rtl textarea,
#page-blocks-configurable_reports-editreport.dir-rtl .felement.fstatic {
text-align: left;
direction: ltr;
}
/* Fix table header padding, to show "Sort" arrows
*/
#reportslist th.header {
padding: 0 20px;
}
/* Fix cell alignment in reports list table
*/
#page-blocks-configurable_reports-managereport .generaltable td.c5 {
direction: ltr;
}
/* Left align Setting INPUT TEXT boxes
*/
#page-admin-setting-blocksettingconfigurable_reports.dir-rtl .settingsform input[type=text],
#page-admin-setting-blocksettingconfigurable_reports.dir-rtl .settingsform input[type=password] {
text-align: left;
direction: ltr;
}
/* Table usability & UI fixes
*/
#page-blocks-configurable_reports-viewreport .generaltable {
border: 1px solid gray;
margin: 0 auto;
}
#page-blocks-configurable_reports-viewreport #calcstable {
width: 80%;
}
#page-blocks-configurable_reports-viewreport .generaltable th.header {
background-color: #f5f5dc;
border-bottom-width: 2px;
}
/* Center align bottom report statistics
*/
#page-blocks-configurable_reports-viewreport #totalrecords,
#page-blocks-configurable_reports-viewreport #lastexecutiontime {
padding: 10px;
text-align: center;
}
/* Convert "Add report" link to a beautiful button
(Used: http://www.cssbuttongenerator.com/)
*/
.addbutton {
text-align: center;
}
.linkbutton {
-moz-box-shadow: inset 0 1px 0 0 #dcecfb;
-webkit-box-shadow: inset 0 1px 0 0 #dcecfb;
box-shadow: inset 0 1px 0 0 #dcecfb;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
background: -moz-linear-gradient(center top, #bddbfa 5%, #80b5ea 100%);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
background-color: #bddbfa;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
text-indent: 0;
border: 1px solid #84bbf3;
display: inline-block;
color: #fff;
font-family: Arial;
font-size: 15px;
font-weight: bold;
font-style: normal;
height: 30px;
line-height: 30px;
width: 100px;
text-decoration: none;
text-align: center;
text-shadow: 1px 1px 0 #528ecc;
}
.linkbutton:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
background: -moz-linear-gradient(center top, #80b5ea 5%, #bddbfa 100%);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
background-color: #80b5ea;
}
.linkbutton:active {
position: relative;
top: 1px;
}
/* DataTables styles */
/*
* Table
*/
table.dataTable {
margin: 0 auto;
clear: both;
width: 100%;
}
table.dataTable thead th {
padding: 3px 18px 3px 10px;
border-bottom: 1px solid black;
font-weight: bold;
cursor: pointer;
*cursor: hand;
}
table.dataTable tfoot th {
padding: 3px 18px 3px 10px;
border-top: 1px solid black;
font-weight: bold;
}
table.dataTable td {
padding: 3px 10px;
}
table.dataTable td.center,
table.dataTable td.dataTables_empty {
text-align: center;
}
table.dataTable tr.odd {
background-color: #e2e4ff;
}
table.dataTable tr.even {
background-color: white;
}
table.dataTable tr.odd td.sorting_1 {
background-color: #d3d6ff;
}
table.dataTable tr.odd td.sorting_2 {
background-color: #dadcff;
}
table.dataTable tr.odd td.sorting_3 {
background-color: #e0e2ff;
}
table.dataTable tr.even td.sorting_1 {
background-color: #eaebff;
}
table.dataTable tr.even td.sorting_2 {
background-color: #f2f3ff;
}
table.dataTable tr.even td.sorting_3 {
background-color: #f9f9ff;
}
/*
* Table wrapper
*/
.dataTables_wrapper {
position: relative;
clear: both;
*zoom: 1;
}
/*
* Page length menu
*/
.dataTables_length {
float: left;
}
/*
* Filter
*/
.dataTables_filter {
float: right;
text-align: right;
}
/*
* Table information
*/
.dataTables_info {
clear: both;
float: left;
}
/*
* Pagination
*/
.dataTables_paginate {
float: right;
text-align: right;
}
/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
height: 19px;
float: left;
cursor: pointer;
*cursor: hand;
color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
outline: none;
}
.paginate_disabled_previous,
.paginate_disabled_next {
color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
padding-right: 23px;
margin-left: 10px;
}
.paginate_enabled_previous {
background: url(/theme/image.php/petel/block_configurable_reports/1726409799/datatable/back_enabled) no-repeat top left;
}
.paginate_enabled_previous:hover {
background: url(/theme/image.php/petel/block_configurable_reports/1726409799/datatable/back_enabled_hover) no-repeat top left;
}
.paginate_disabled_previous {
background: url(/theme/image.php/petel/block_configurable_reports/1726409799/datatable/back_disabled) no-repeat top left;
}
.paginate_enabled_next {
background: url(/theme/image.php/petel/block_configurable_reports/1726409799/datatable/forward_enabled) no-repeat top right;
}
.paginate_enabled_next:hover {
background: url(/theme/image.php/petel/block_configurable_reports/1726409799/datatable/forward_enabled_hover) no-repeat top right;
}
.paginate_disabled_next {
background: url(/theme/image.php/petel/block_configurable_reports/1726409799/datatable/forward_disabled) no-repeat top right;
}
/* Full number pagination */
.paging_full_numbers {
height: 22px;
line-height: 22px;
}
.paging_full_numbers a:active {
outline: none;
}
.paging_full_numbers a:hover {
text-decoration: none;
}
.paging_full_numbers a.paginate_button,
.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;
*cursor: hand;
color: #333 !important;
}
.paging_full_numbers a.paginate_button {
background-color: #ddd;
}
.paging_full_numbers a.paginate_button:hover {
background-color: #ccc;
text-decoration: none !important;
}
.paging_full_numbers a.paginate_active {
background-color: #99b3ff;
}
/*
* Processing indicator
*/
.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 #ddd;
text-align: center;
color: #999;
font-size: 14px;
background-color: white;
}
/*
* Sorting
*/
.sorting {
background: url(/theme/image.php/petel/block_configurable_reports/1726409799/datatable/sort_both) no-repeat center right;
}
.sorting_asc {
background: url(/theme/image.php/petel/block_configurable_reports/1726409799/datatable/sort_asc) no-repeat center right;
}
.sorting_desc {
background: url(/theme/image.php/petel/block_configurable_reports/1726409799/datatable/sort_desc) no-repeat center right;
}
.sorting_asc_disabled {
background: url(/theme/image.php/petel/block_configurable_reports/1726409799/datatable/sort_asc_disabled) no-repeat center right;
}
.sorting_desc_disabled {
background: url(/theme/image.php/petel/block_configurable_reports/1726409799/datatable/sort_desc_disabled) no-repeat center right;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
outline: none;
}
/*
* Scrolling
*/
.dataTables_scroll {
clear: both;
}
.dataTables_scrollBody {
*margin-top: -1px;
-webkit-overflow-scrolling: touch;
}
/* fixed scroll */
.dataTables_scrollBody {
overflow: scroll !important;
}
.dataTables_scrollHead {
right: 15px;
}
/* CodeMirror styles */
/* BASICS */
.CodeMirror {
/* Set height, width, borders, and global font properties here */
font-family: monospace;
height: 300px;
color: black;
direction: ltr;
}
/* PADDING */
.CodeMirror-lines {
padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
padding: 0 4px; /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
background-color: white; /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
border-right: 1px solid #ddd;
background-color: #f7f7f7;
white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
padding: 0 3px 0 5px;
min-width: 20px;
text-align: right;
color: #999;
white-space: nowrap;
}
.CodeMirror-guttermarker {
color: black;
}
.CodeMirror-guttermarker-subtle {
color: #999;
}
/* CURSOR */
.CodeMirror-cursor {
border-left: 1px solid black;
border-right: none;
width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
width: auto;
border: 0 !important;
background: #7e7;
}
#page-blocks-configurable_reports-editreport .cm-fat-cursor div.CodeMirror-cursors {
z-index: 1;
}
.cm-fat-cursor-mark {
background-color: rgba(20, 255, 20, 0.5);
-webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
width: auto;
border: 0;
-webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite;
background-color: #7e7;
}
@-moz-keyframes blink {
0% {}
50% {
background-color: transparent;
}
100% {}
}
@-webkit-keyframes blink {
0% {}
50% {
background-color: transparent;
}
100% {}
}
@keyframes blink {
0% {}
50% {
background-color: transparent;
}
100% {}
}
/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}
.cm-tab {
display: inline-block;
text-decoration: inherit;
}
.CodeMirror-rulers {
position: absolute;
left: 0;
right: 0;
top: -50px;
bottom: -20px;
overflow: hidden;
}
.CodeMirror-ruler {
border-left: 1px solid #ccc;
top: 0;
bottom: 0;
position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-header {
color: blue;
}
.cm-s-default .cm-quote {
color: #090;
}
.cm-negative {
color: #d44;
}
.cm-positive {
color: #292;
}
.cm-header,
.cm-strong {
font-weight: bold;
}
.cm-em {
font-style: italic;
}
.cm-link {
text-decoration: underline;
}
.cm-strikethrough {
text-decoration: line-through;
}
.cm-s-default .cm-keyword {
color: #708;
}
.cm-s-default .cm-atom {
color: #219;
}
.cm-s-default .cm-number {
color: #164;
}
.cm-s-default .cm-def {
color: #00f;
}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {
color: #05a;
}
.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
color: #085;
}
.cm-s-default .cm-comment {
color: #a50;
}
.cm-s-default .cm-string {
color: #a11;
}
.cm-s-default .cm-string-2 {
color: #f50;
}
.cm-s-default .cm-meta {
color: #555;
}
.cm-s-default .cm-qualifier {
color: #555;
}
.cm-s-default .cm-builtin {
color: #30a;
}
.cm-s-default .cm-bracket {
color: #997;
}
.cm-s-default .cm-tag {
color: #170;
}
.cm-s-default .cm-attribute {
color: #00c;
}
.cm-s-default .cm-hr {
color: #999;
}
.cm-s-default .cm-link {
color: #00c;
}
.cm-s-default .cm-error {
color: #f00;
}
.cm-invalidchar {
color: #f00;
}
.CodeMirror-composing {
border-bottom: 2px solid;
}
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
color: #a22;
}
.CodeMirror-matchingtag {
background: rgba(255, 150, 0, .3);
}
.CodeMirror-activeline-background {
background: #e8f2ff;
}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
the editor. You probably shouldn't touch them. */
#page-blocks-configurable_reports-editreport .CodeMirror {
position: relative;
overflow: hidden;
background: white;
}
#page-blocks-configurable_reports-editreport .CodeMirror-scroll {
overflow: scroll !important; /* Things will break if this is overridden */
/* 30px is the magic margin used to hide the element's real scrollbars */
/* See overflow: hidden in .CodeMirror */
margin-bottom: -30px;
margin-right: -30px;
padding-bottom: 30px;
height: 100%;
outline: none; /* Prevent dragging from highlighting the element */
position: relative;
}
#page-blocks-configurable_reports-editreport .CodeMirror-sizer {
position: relative;
border-right: 30px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
before actual scrolling happens, thus preventing shaking and
flickering artifacts. */
#page-blocks-configurable_reports-editreport .CodeMirror-vscrollbar,
#page-blocks-configurable_reports-editreport .CodeMirror-hscrollbar,
#page-blocks-configurable_reports-editreport .CodeMirror-scrollbar-filler,
#page-blocks-configurable_reports-editreport .CodeMirror-gutter-filler {
position: absolute;
z-index: 6;
display: none;
}
#page-blocks-configurable_reports-editreport .CodeMirror-vscrollbar {
right: 0;
top: 0;
overflow-x: hidden;
overflow-y: scroll;
}
#page-blocks-configurable_reports-editreport .CodeMirror-hscrollbar {
bottom: 0;
left: 0;
overflow-y: hidden;
overflow-x: scroll;
}
#page-blocks-configurable_reports-editreport .CodeMirror-scrollbar-filler {
right: 0;
bottom: 0;
}
#page-blocks-configurable_reports-editreport .CodeMirror-gutter-filler {
left: 0;
bottom: 0;
}
#page-blocks-configurable_reports-editreport .CodeMirror-gutters {
position: absolute;
/*rtl:ignore*/
left: 0;
top: 0;
min-height: 100%;
z-index: 3;
}
#page-blocks-configurable_reports-editreport .CodeMirror-gutter {
white-space: normal;
height: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: -30px;
}
#page-blocks-configurable_reports-editreport .CodeMirror-gutter-wrapper {
position: absolute;
z-index: 4;
background: none !important;
border: none !important;
}
#page-blocks-configurable_reports-editreport .CodeMirror-gutter-background {
position: absolute;
top: 0;
bottom: 0;
z-index: 4;
}
#page-blocks-configurable_reports-editreport .CodeMirror-gutter-elt {
position: absolute;
cursor: default;
z-index: 4;
}
#page-blocks-configurable_reports-editreport .CodeMirror-gutter-wrapper ::selection {
background-color: transparent;
}
#page-blocks-configurable_reports-editreport .CodeMirror-gutter-wrapper ::-moz-selection {
background-color: transparent;
}
#page-blocks-configurable_reports-editreport .CodeMirror-lines {
cursor: text;
min-height: 1px; /* prevents collapsing before first draw */
}
#page-blocks-configurable_reports-editreport .CodeMirror pre {
/* Reset some styles that the rest of the page might have set */
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-width: 0;
background: transparent;
font-family: inherit;
font-size: inherit;
margin: 0;
white-space: pre;
word-wrap: normal;
line-height: inherit;
color: inherit;
z-index: 2;
position: relative;
overflow: visible;
-webkit-tap-highlight-color: transparent;
-webkit-font-variant-ligatures: contextual;
font-variant-ligatures: contextual;
}
#page-blocks-configurable_reports-editreport .CodeMirror-wrap pre {
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal;
}
#page-blocks-configurable_reports-editreport .CodeMirror-linebackground {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
}
#page-blocks-configurable_reports-editreport .CodeMirror-linewidget {
position: relative;
z-index: 2;
padding: 0.1px; /* Force widget margins to stay inside of the container */
}
#page-blocks-configurable_reports-editreport .CodeMirror-widget {}
#page-blocks-configurable_reports-editreport .CodeMirror-rtl pre {
direction: rtl;
}
#page-blocks-configurable_reports-editreport .CodeMirror-code {
outline: none;
}
/* Force content-box sizing for the elements where we expect it */
#page-blocks-configurable_reports-editreport .CodeMirror-scroll,
#page-blocks-configurable_reports-editreport .CodeMirror-sizer,
#page-blocks-configurable_reports-editreport .CodeMirror-gutter,
#page-blocks-configurable_reports-editreport .CodeMirror-gutters,
#page-blocks-configurable_reports-editreport .CodeMirror-linenumber {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#page-blocks-configurable_reports-editreport .CodeMirror-measure {
position: absolute;
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden;
}
#page-blocks-configurable_reports-editreport .CodeMirror-cursor {
position: absolute;
pointer-events: none;
}
#page-blocks-configurable_reports-editreport .CodeMirror-measure pre {
position: static;
}
#page-blocks-configurable_reports-editreport div.CodeMirror-cursors {
visibility: hidden;
position: relative;
z-index: 3;
}
#page-blocks-configurable_reports-editreport div.CodeMirror-dragcursors {
visibility: visible;
}
#page-blocks-configurable_reports-editreport .CodeMirror-focused div.CodeMirror-cursors {
visibility: visible;
}
#page-blocks-configurable_reports-editreport .CodeMirror-selected {
background: #d9d9d9;
}
#page-blocks-configurable_reports-editreport .CodeMirror-focused .CodeMirror-selected {
background: #d7d4f0;
}
#page-blocks-configurable_reports-editreport .CodeMirror-crosshair {
cursor: crosshair;
}
#page-blocks-configurable_reports-editreport .CodeMirror-line::selection,
#page-blocks-configurable_reports-editreport .CodeMirror-line > span::selection,
#page-blocks-configurable_reports-editreport .CodeMirror-line > span > span::selection {
background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
background: #d7d4f0;
}
.cm-searching {
background-color: #ffa;
background-color: rgba(255, 255, 0, .4);
}
/* Used to force a border model for a node */
.cm-force-border {
padding-right: .1px;
}
@media print {
/* Hide the cursor when printing */
#page-blocks-configurable_reports-editreport .CodeMirror div.CodeMirror-cursors {
visibility: hidden;
}
}
/* See issue #2901 */
#page-blocks-configurable_reports-editreport .cm-tab-wrap-hack:after {
content: '';
}
/* Help users use markselection to safely style text background */
#page-blocks-configurable_reports-editreport span.CodeMirror-selectedtext {
background: none;
}
.CodeMirror-hints {
position: absolute;
z-index: 10;
overflow: hidden;
list-style: none;
margin: 0;
padding: 2px;
-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
-moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
box-shadow: 2px 3px 5px rgba(0,0,0,.2);
border-radius: 3px;
border: 1px solid silver;
background: white;
font-size: 90%;
font-family: monospace;
max-height: 20em;
overflow-y: auto;
}
.CodeMirror-hint {
margin: 0;
padding: 0 4px;
border-radius: 2px;
white-space: pre;
color: black;
cursor: pointer;
}
li.CodeMirror-hint-active {
background: #08f;
color: white;
}
/* PTL-5806 narrow down column filter select element */
#page-blocks-configurable_reports-viewreport th select {
width: 30px;
}
.block_course_list .footer {
margin-top: 5px;
}
.block_course_list .content li {
margin-bottom: .3em;
}
.block_course_summary .content {
padding: 10px;
}
.block_course_summary .editbutton {
text-align: right;
}
.feinberg_course_data {
text-align: left;
direction: ltr;
height: 220px;
overflow: auto;
margin-bottom: 25px;
font-size: 12px;
padding-left: 8%;
padding-right: 8%;
border: 3px aliceblue;
border-style: solid;
}
.feinberg_course_data_short{
text-align: left;
direction: ltr;
margin-bottom: 25px;
font-size: 12px;
padding-left: 8%;
padding-right: 8%;
border: 3px aliceblue;
border-style: solid;
}
.feinberg_course_field {
direction: ltr;
text-align: center;
}
#Website {
width: 100%;
margin-bottom: 6px;
padding: 3px;
}
.block_globalsearch .searchform {
text-align: center;
}
.block_globalsearch .footer {
text-align: center;
}
.block_grade_me{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.block_grade_me dl,.block_grade_me dt,.block_grade_me dd,.block_grade_me ul,.block_grade_me li{list-style:none;margin:0;padding:0}.block_grade_me .content{margin:0;padding:0}.block_grade_me .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.block_grade_me .toggle{padding:1rem;width:1rem;height:1rem;border-radius:50%;background:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all 200ms ease;transition:all 200ms ease}.block_grade_me .toggle:before{color:#495057}.block_grade_me .toggle.open:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.block_grade_me .toggle:after{content:"";background:rgba(0,0,0,0.05);height:2rem;width:2rem;border-radius:50%;position:absolute;opacity:0;-webkit-transform:scale(0.75);transform:scale(0.75);z-index:0;-webkit-transition:all 200ms ease;transition:all 200ms ease}.block_grade_me .toggle:hover:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.block_grade_me .module .toggle{margin-right:-.75rem}.block_grade_me dl{margin-top:1rem}.block_grade_me dl>div:not(.excess){background:#f8f9fa;border-radius:3px;-webkit-box-shadow:0 0 0 1px #e9ecef;box-shadow:0 0 0 1px #e9ecef;margin:0 0 .75rem}.block_grade_me .cmod{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.4rem .4rem .4rem 0;background:#f0f3f7;-webkit-box-shadow:0 1px 0 0px #e9ecef;box-shadow:0 1px 0 0px #e9ecef;border-radius:3px 3px 0 0}.block_grade_me .grademe-mod-name{font-size:.9rem;font-weight:600;padding:.3rem .5rem 0 0}.block_grade_me .badge{-ms-flex-item-align:start;align-self:flex-start;margin:.4rem .5rem 0 auto;color:#495057;background-color:#e9ecef}.block_grade_me .module{border-bottom:1px solid #e9ecef}.block_grade_me .module:last-of-type{border-bottom:none}.block_grade_me .module .dd-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;background:#f8f9fa;border-radius:3px;padding:.25rem 0 .3rem}.block_grade_me .grademe-course-icon{margin:0 .25rem 0 0;padding:1rem;width:1rem;height:1rem;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;background:transparent;-webkit-transition:all 200ms ease;transition:all 200ms ease;position:relative}.block_grade_me .grademe-course-icon:before{content:"";background:rgba(0,0,0,0.05);height:2rem;width:2rem;border-radius:50%;position:absolute;opacity:0;-webkit-transform:scale(0.75);transform:scale(0.75);z-index:0;-webkit-transition:all 200ms ease;transition:all 200ms ease}.block_grade_me .grademe-course-icon:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.block_grade_me .grademe-course-icon img,.block_grade_me .grademe-course-icon .fa{margin:0;padding:0;z-index:1}.block_grade_me .grademe-course-name{margin-top:.2rem;width:100%}.block_grade_me .gradable-list{background:#fff}.block_grade_me .gradable{border-bottom:1px solid #e9ecef;padding:.25rem 1.25rem;font-size:.8rem;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.block_grade_me .gradable:first-of-type{border-top:1px solid #e9ecef}.block_grade_me .gradable:last-of-type{border-bottom:none}.block_grade_me .gradable-icon{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.2rem;width:1rem;height:1rem;padding:1rem;color:#868e96}.block_grade_me .gradable-icon .fa:before{margin-left:2px}.block_grade_me .gradable-icon:after{content:"";background:rgba(0,0,0,0.05);height:2rem;width:2rem;border-radius:50%;position:absolute;opacity:0;-webkit-transform:scale(0.75);transform:scale(0.75);z-index:0;-webkit-transition:all 200ms ease;transition:all 200ms ease}.block_grade_me .gradable-icon:hover,.block_grade_me .gradable-icon:focus{text-decoration:none;border-radius:50%}.block_grade_me .gradable-icon:hover:after,.block_grade_me .gradable-icon:focus:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.block_grade_me .gradable-user{font-weight:600}.block_grade_me .excess{margin:1rem 0 0;text-align:center}.jsenabled .block_grade_me_hide{display:none}
.block_lp.block .content h3 {
padding: 0;
text-transform: none;
}
.block_lp .sub-content {
padding: 0 15px;
}
.block_lp ul {
list-style: none;
margin: 0;
}
.block_lp ul .more {
padding-top: 10px;
}
#block-massaction {
max-width: 400px;
}
.block-massaction-select-containing-div {
display: flex;
align-items: center;
}
/* The following adaptions of colors are needed because option elements of select cannot be styled due to
* browser limitations.
*/
#block-massaction-control-section-list-select,
#block-massaction-control-section-list-moveto,
#block-massaction-control-section-list-duplicateto {
background-color: transparent;
width: 100%;
}
.block-massaction-section-select-help-icon {
padding-left: 0.3em;
}
#block-massaction-control-section-list-select option {
color: var(--dark);
}
#block-massaction-control-section-list-select option:disabled {
color: var(--gray);
}
#block-massaction-control-section-list-moveto option,
#block-massaction-control-section-list-duplicateto option {
color: var(--dark);
}
#block-massaction-control-section-list-moveto option:disabled,
#block-massaction-control-section-list-duplicateto option:disabled {
color: var(--gray);
}
#block-massaction-control-deselectlist {
position: relative;
float: right;
}
.block-massaction .block-massaction-action {
position: relative;
margin-left: 0.5em;
}
.block-massaction-action > div:hover {
cursor: pointer;
background-color: var(--light);
}
.block-massaction-action > form {
margin-top: 5px;
margin-bottom: 5px;
}
#block-massaction-help-icon {
text-align: center;
padding: 0.2em;
}
#block-massaction-module-list {
margin-top: 3em;
}
.block-massaction-checkbox {
/* In case the checkbox is overlapping with another element, let's make sure the checkbox is still clickable */
z-index: 1;
}
.block-massaction-checkbox-legacy {
position: absolute;
transform: translate(0.4rem, 1.4rem);
}
.block-massaction-courseselectbox,
.block-massaction-sectionselectbox {
display: flex;
justify-content: center;
min-height: 60vh;
}
.block-massaction-courseselectbox form,
.block-massaction-sectionselectbox form {
max-width: 600px;
}
/* Improved styling on tabbed view to add space between tab bar and content. */
.block_multiblock .multiblock-tabbed-list .tab-pane {
padding-top: 1rem;
}
/* Reduce excessive spacing on accordion selectors. */
.block_multiblock .multiblock-accordion .card-header [data-toggle="collapse"] {
padding: 0;
}
/* But make sure there is some spacing in the inner container. */
.block-region .block.card .multiblock-accordion [id^="multiblock-content"] .card-body {
padding: 1.25rem;
}
/* Make dropdown full width */
.block_multiblock .multiblock-dropdown > .nav {
margin: 0 0 1rem 0;
}
.block_multiblock .multiblock-dropdown .nav-item.dropdown {
width: 100%;
text-align: center;
}
/* Make 2-column layout not broken, generically. */
.multiblock-columns-2 .col-md-6:nth-of-type(odd) section {
margin-left: 1rem;
margin-right: 0.5rem;
}
.multiblock-columns-2 .col-md-6:nth-of-type(even) section {
margin-left: 0.5rem;
margin-right: 1rem;
}
.multiblock-columns-2-66-33 .col-md-8 section {
margin-left: 1rem;
margin-right: 0.5rem;
}
.multiblock-columns-2-66-33 .col-md-4 section {
margin-left: 0.5rem;
margin-right: 1rem;
}
.multiblock-columns-2-33-66 .col-md-4 section {
margin-left: 1rem;
margin-right: 0.5rem;
}
.multiblock-columns-2-33-66 .col-md-8 section {
margin-left: 0.5rem;
margin-right: 1rem;
}
/* Fix the multiblock 2/3 column layout to hide the parent container and remove its padding. */
/* Some of the rules are specified again in more selective versions for different themes. */
.multiblock-columns-2-parent[id^="inst"],
.multiblock-columns-3-parent[id^="inst"] {
background: transparent;
border: transparent;
}
.multiblock-columns-2-parent[id^="inst"] .multiblock > .container,
.multiblock-columns-3-parent[id^="inst"] .multiblock > .container {
padding: 0;
max-width: 100%;
}
.multiblock-columns-2-parent[id^="inst"] .multiblock > .container > .row > [class*="col-md-"],
.multiblock-columns-3-parent[id^="inst"] .multiblock > .container > .row > [class*="col-md-"] {
padding: 0;
}
.multiblock-columns-2-parent[id^="inst"] > .card-body,
.multiblock-columns-3-parent[id^="inst"] > .card-body {
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
border: transparent !important; /* stylelint-disable-line declaration-no-important */
}
.multiblock-columns-2-parent[id^="inst"] > .card-body > .card-text,
.multiblock-columns-3-parent[id^="inst"] > .card-body > .card-text {
margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.multiblock-columns-2-parent > .card-body > .card-title + .card-text,
.multiblock-columns-2-parent[id^="inst"] > .card-body > .block-controls + .card-text,
.multiblock-columns-3-parent > .card-body > .card-title + .card-text,
.multiblock-columns-3-parent[id^="inst"] > .card-body > .block-controls + .card-text {
margin-top: 0.75rem !important; /* stylelint-disable-line declaration-no-important */
}
/* Additional tweaks for 3-column specifically. */
.multiblock-columns-3 .col-md-4:nth-of-type(3n+1) section {
margin-left: 1rem;
margin-right: 0.5rem;
}
.multiblock-columns-3 .col-md-4:nth-of-type(3n+2) section {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.multiblock-columns-3 .col-md-4:nth-of-type(3n+3) section {
margin-left: 0.5rem;
margin-right: 1rem;
}
/* Style fixes for multiblock. */
.multiblock-carousel {
padding-bottom: 70px;
}
.multiblock-carousel a.carousel-control {
top: auto;
bottom: 5px;
height: 40px;
background: #fff;
border: 1px solid #ddd;
margin-bottom: -70px;
opacity: 1;
}
.multiblock-carousel a.carousel-control span {
color: #000;
}
.multiblock-carousel-bootstrap3 a.carousel-control > .carousel-control {
position: relative;
}
.multiblock-carousel .flex-icon::before {
font-size: 1.7em;
}
.multiblock-carousel-bootstrap3 .carousel-control-prev {
left: 0;
right: auto;
}
.multiblock-carousel-bootstrap3 .carousel-control-next {
right: 0;
left: auto;
}
/* Hide the first dropdown-divider if no filter option element is listed before it.
This can happen for some subset configurations of the block_myoverview course filter. */
.block_myoverview button#groupingdropdown + .dropdown-menu li:first-of-type.dropdown-divider:first-of-type {
display: none;
}
.block-myoverview .block-myoverview-listitem {
/* max-height: 20rem; */
padding: .75em;
list-style: none;
}
.block-myoverview-listitem-content {
border-top-right-radius: 0.5rem;
border-top-left-radius: 0.5rem;
border: none;
box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.5);
}
.block-myoverview-listitem-content .dropdown-menu.show {
width: fit-content;
}
.block-myoverview-listitem .activity-lines {
overflow-y: auto;
}
.block-myoverview .block-myoverview-listitem .quickaccessbar {
background-color: #fced25;
color: #000;
}
.myoverview-listitem-header {
background-color: #220f44;
height: 3rem;
}
.block-myoverview .block-myoverview-list-group {
padding: 0;
margin: 0;
}
.block-myoverview .block-myoverview-list-group .myoverview-listitem-header a.coursename {
width: calc(100% - 36px);
color: #fff;
padding-left: 10%;
text-align: center;
font-size: 1.4rem;
line-height: 3rem;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.block-myoverview .block-myoverview-list-group .myoverview-listitem-header a.coursename .coursename-name {
display: inline-block;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.block-myoverview .block-myoverview-list-group .myoverview-listitem-header a.coursename .coursename-tooltip {
visibility: hidden;
display: inline-block;
width: auto;
white-space: nowrap;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: .5rem;
font-size: 1rem;
line-height: 1rem;
top: -1rem;
right: 35%;
position: absolute;
z-index: 1;
}
.block-myoverview .block-myoverview-list-group .myoverview-listitem-header a.coursename:hover .coursename-tooltip {
visibility: visible;
}
.myoverview-listitem-header .ml-auto.dropdown {
width: 36px;
display: flex;
align-items: center;
}
.myoverview-listitem-header .ml-auto.dropdown .coursemenubtn:hover,
.myoverview-listitem-header .ml-auto.dropdown .coursemenubtn:active {
background-color: transparent;
}
.myoverview-listitem-header .ml-auto.dropdown button i {
color: #fff;
}
.card-img {
width: 100%;
height: 7rem;
border-radius: 0;
}
.course-image-wrapper:hover .course-action-menu {
width: auto;
opacity: 1;
transition: all 0.5s ease-out;
visibility: visible;
}
.course-action-menu {
position: absolute;
height: 2.6rem;
display: flex;
justify-content: flex-start;
align-items: center;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
top: 2.2rem;
width: 0;
transition: all 0.5s ease-out;
visibility: hidden;
opacity: 0;
padding: 0;
}
.course-action-menu.show {
width: auto;
opacity: 1;
transition: all 0.5s ease-out;
visibility: visible;
}
.course-action-menu-btn {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.course-action-menu-btn:hover {
background-color: white;
}
.course-action-menu-btn .icon:hover {
color: black;
}
/*.course-action-menu-btn:first-of-type {*/
/* margin-left: 1.5rem;*/
/*}*/
.course-action-menu-btn i {
color: #fff;
font-size: 1.5rem;
}
.course-action-menu-btn .icon {
width: auto;
height: auto;
}
.course-action-menu-btn .fa-certificate.fa-fw.navicon,
.course-action-menu-btn .fa-link.fa-fw.navicon {
display: none;
padding: 0;
}
.course-grouping-nav .grouping-nav-item-link {
background-color: #fff;
font-size: 2rem;
border-bottom: 1px solid rgba(85, 67, 116, 0.7);
position: relative;
}
.course-grouping-nav .grouping-nav-item-link:hover {
text-decoration: none;
}
.course-grouping-nav .grouping-nav-item-link.active {
background-color: #fff;
font-weight: bold;
}
.course-grouping-nav .grouping-nav-item-link.active::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 3px;
border-radius: 1.5px;
background-color: #220f44;
left: 0;
bottom: -1.5px;
}
.add-btn {
cursor: pointer;
margin-left: 15%;
}
.add-btn .add-btn-text {
font-weight: bold;
font-size: 1.5rem;
letter-spacing: 0;
color: #2b2b2b;
}
.add-btn .plus-circle {
width: 1.5rem;
height: 1.5rem;
background: #554374 0% 0% no-repeat padding-box;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.add-btn .plus-circle::after,
.add-btn .plus-circle::before {
content: "";
display: block;
position: absolute;
width: 1rem;
height: 0.15rem;
background-color: #fff;
}
.add-btn .plus-circle::after {
transform: rotate(90deg);
}
.myoverview-courseaction-menu .coursemenubtn {
width: 3rem;
height: 3rem;
padding: 0;
background-color: transparent;
border: none;
display: flex;
align-items: center;
justify-content: center;
}
.myoverview-courseaction-menu .white-circle {
width: 0.3125rem;
height: 0.3125rem;
background-color: #fff;
margin-right: 0.3125rem;
border-radius: 100%;
}
.myoverview-courseaction-menu .white-circle:last-of-type {
margin-right: 0;
}
.myoverview-events {
overflow: auto;
height: 7.6rem;
}
.myoverview-events .no-events {
font-size: 1rem;
text-align: center;
}
.block-myoverview .dashboard-card-img {
background-position: center;
background-size: cover;
}
.block_myprofile img.profilepicture {
height: 50px;
width: 50px;
}
.block_myprofile .myprofileitem.fullname {
font-size: 1.5em;
font-weight: bold;
margin-bottom: 0.5rem;
}
.block_myprofile .myprofileitem.edit {
text-align: right;
}
.block_myprofile .content {
display: flex;
}
.block_myprofile .myprofileitem.picture img {
width: 50px;
height: 50px;
margin-right: 1rem;
}
.block_myprofile .myprofileitem span {
font-weight: bold;
}
.block_navigation .block_tree .depth_1 > .tree_item.branch {
padding-left: 0;
background-image: none;
}
.block_navigation .block_tree .depth_1 > ul {
margin: 0;
}
.block_navigation .block_tree ul {
margin-left: 18px;
}
.block_navigation .block_tree p.hasicon {
text-indent: -21px;
padding-left: 21px;
}
.block_navigation .block_tree p.hasicon img {
width: 16px;
height: 16px;
margin-top: 3px;
margin-right: 5px;
vertical-align: top;
}
.block_navigation .block_tree p.hasicon.visibleifjs {
display: block;
}
.block_navigation .block_tree .tree_item {
cursor: pointer;
padding-left: 0;
margin: 3px 0;
background-position: 0 50%;
background-repeat: no-repeat;
word-wrap: break-word;
}
.block_navigation .block_tree .tree_item.branch {
padding-left: 21px;
}
.block_navigation .block_tree .active_tree_node {
font-weight: bold;
}
.block_navigation .block_tree [aria-expanded="true"] {
background-image: url(/theme/image.php/petel/core/1726409799/t/expanded);
}
.block_navigation .block_tree [aria-expanded="false"] {
background-image: url(/theme/image.php/petel/core/1726409799/t/collapsed);
}
.block_navigation .block_tree [aria-expanded="true"].emptybranch {
background-image: url(/theme/image.php/petel/core/1726409799/t/collapsed_empty);
}
.block_navigation .block_tree [aria-expanded="false"] p.loading {
background-image: url(/theme/image.php/petel/core/1726409799/i/loading_small);
}
/*rtl:raw:
.block_navigation .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/petel/core/1726409799/t/collapsed_rtl);}
.block_navigation .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/petel/core/1726409799/t/collapsed_empty_rtl);}
.block_navigation .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/petel/core/1726409799/i/loading_small);}
*/
.block_navigation .block_tree [aria-hidden="false"] {
display: block;
}
.block_navigation .block_tree [aria-hidden="true"]:not(.icon) {
display: none;
}
.block_oer_items .footer {
margin-top: 5px;
}
.block_oer_items .content li {
margin-bottom: .3em;
}
.block_oer_items .user-course a {
text-decoration: none;
color: inherit;
}
.block_oer_items .user-course__item {
padding: 8px 8px 8px 46px;
}
#selectCourse .spinner-border {
border-color: transparent;
border-right-color: transparent !important;
}
@keyframes spinner-border {
to { transform: rotate(360deg); }
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: .25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinner-border .75s linear infinite;
animation: spinner-border .75s linear infinite;
}
.block_oer_items #selectCourse .dropdown-menu.show {
width: fit-content;
}
.block_oer_reviews .intro {
margin-bottom: 1rem;
}
@-webkit-keyframes yellow-fade {
from {
background: #f96;
}
to {
background: #fff;
}
}
@-moz-keyframes yellow-fade {
from {
background: #f96;
}
to {
background: #fff;
}
}
@keyframes yellow-fade {
from {
background: #f96;
}
to {
background: #fff;
}
}
.block_oer_reviews {
-webkit-animation: yellow-fade 1s ease-in-out 0s;
-moz-animation: yellow-fade 1s ease-in-out 0s;
-o-animation: yellow-fade 1s ease-in-out 0s;
animation: yellow-fade 1s ease-in-out 0s;
}
.block_oer_reviews .userinfo-wrapper .dropdown-toggle {
display: flex;
align-items: center;
}
.block_oer_reviews .userinfo-wrapper .dropdown-toggle img.userpicture {
margin: 0;
border-radius: 100%;
width: 2rem;
height: 2rem;
}
.block_oer_reviews .userinfo-wrapper .dropdown-toggle .defaultuserpic {
font-size: 2rem;
}
.block_oer_reviews .card-text .p-3 {
height: 30em;
overflow-y: scroll;
}
.block_online_users .content .list li.listentry {
clear: both;
}
.block_online_users .content .list li.listentry:not(:first-child) {
padding-top: 3px;
}
.block_online_users .content .list li.listentry .user {
float: left;
position: relative;
}
.block_online_users .content .list li.listentry .otherusers {
margin-left: 1.5rem;
}
.block_online_users .content .list li.listentry .user .userpicture {
vertical-align: text-bottom;
}
.block_online_users .content .list li.listentry .message,
.block_online_users .content .list li.listentry .uservisibility {
float: right;
margin-top: 3px;
}
.block_online_users .content .info {
text-align: center;
}
.block_panopto .panoptoProcessInformation {
border: solid 1px #c0c0c0;
padding: 5px;
margin-bottom: 20px;
}
.block_panopto .panoptoProcessInformation .attribute {
font-weight: bold;
}
.block_panopto .panoptoProcessInformation .value {
margin-left: 15px;
margin-bottom: 5px;
}
.block_panopto .panoptoProcessInformation .successMessage {
color: green;
}
.block_panopto .panoptoProcessInformation .errorMessage {
color: red;
}
/* Block sidebar */
.block_panopto .sectionHeader {
margin-top: 10px;
}
.block_panopto #hiddenLecturesDiv {
display: none;
}
.block_panopto #showAllDiv {
margin-top: 5px;
}
.block_panopto #showAllToggle {
font-weight: bold;
font-size: 0.8em;
}
.block_panopto .listItem {
margin-top: 3px;
font-size: 0.8em;
}
.block_panopto .listItemAlt {
background: #f0f0f0;
}
.block_panopto .rssLink {
font-size: 0.8em;
}
.block_panopto .rssParen {
font-size: 0.7em;
}
.block_panopto .nowrap {
white-space: nowrap;
}
.block_panopto .error {
color: red;
}
/* Block progress bar */
.block_panopto .panopto-progress-bar-container {
position: relative;
margin: 20px auto;
width: 420px;
height: 60px;
}
.block_panopto .panopto-progress-bar-container .panopto-progress-bar {
position: relative;
border: 1px solid #ccc;
left: 0;
margin-bottom: 5px;
width: 100%;
height: 25px;
text-align: center;
}
.block_pdc .content li {
margin-bottom: 0.3em;
}
.block_pdc .footer {
margin-top: 5px;
}
.block_pdc .user-course a {
text-decoration: none;
color: inherit;
}
.block_pdc .user-course__item {
padding: 8px 8px 8px 46px;
}
.block_pdc .simul_block {
min-height: 12rem;
margin-bottom: 2rem;
padding: 1.5rem 1rem;
border-radius: 0.5rem;
box-shadow: 0 0.1875rem 0.1875rem 0 rgba(43, 43, 43, 0.25);
}
.block_pdc .simul_block a:hover {
text-decoration: none;
}
.block_pdc .simul_block:last-of-type {
margin-bottom: 0;
}
.block_pdc .simul_block .simul_block-body-img {
display: block;
height: 9rem;
border-radius: 0.5rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 100%;
max-width: 14rem;
flex-shrink: 0;
}
.block_pdc .simul_block .title {
line-height: 1;
}
.block_pdc .simul_block .title a {
font-weight: bold;
font-size: 1.5rem;
}
.block_pdc .simul_block .simul_block-body-main-inner {
line-height: normal;
font-size: 1rem;
}
#selectCourse .spinner-border {
border-color: transparent;
border-right-color: transparent !important;
}
@keyframes spinner-border {
to {
transform: rotate(360deg);
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: 0.25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: spinner-border 0.75s linear infinite;
}
/* .spinner-border-sm {
width: $spinner-width-sm;
height: $spinner-height-sm;
border-width: $spinner-border-width-sm;
} *//*# sourceMappingURL=styles.css.map */
/* Rule so that the table tree view works with word-wrap: break-word. */
.block_private_files .content table {
table-layout: fixed;
width: 100%;
}
.block_private_files .content .footer {
padding: 10px 0 0;
margin-top: .5em;
}
.block_private_files ul[role="tree"] {
margin: 0;
padding: 0;
}
.block_private_files ul,
.block_private_files li {
list-style: none;
}
.block_private_files [role="treeitem"] {
padding-left: 22px;
cursor: pointer;
}
.block_private_files [role="treeitem"] p {
margin-bottom: 0;
}
.block_private_files [role="treeitem"][aria-expanded] {
padding-left: 0;
}
.block_private_files [role="treeitem"][aria-expanded="false"] > p::before {
/*rtl:remove*/
content: url(/theme/image.php/petel/core/1726409799/t/collapsed);
/*rtl:raw:
content: url(/theme/image.php/petel/core/1726409799/t/collapsed_rtl);
*/
vertical-align: sub;
margin-right: 5px;
}
.block_private_files [role="treeitem"][aria-expanded="true"] > p::before {
content: url(/theme/image.php/petel/core/1726409799/t/expanded);
vertical-align: sub;
margin-right: 5px;
}
.block_private_files [role="treeitem"]:not([aria-expanded]) {
background-image:
repeating-linear-gradient(
to right,
rgba(0, 0, 0, .5) 0,
rgba(0, 0, 0, .5) 1px,
rgba(255, 255, 255, 0) 1px,
rgba(255, 255, 255, 0) 2px
),
repeating-linear-gradient(
to top,
rgba(0, 0, 0, 0.5) 0,
rgba(0, 0, 0, 0.5) 1px,
rgba(255, 255, 255, 0) 1px,
rgba(255, 255, 255, 0) 2px
);
background-repeat: no-repeat, no-repeat;
/*rtl:remove*/
background-position: left 10px top 50%, left 8px top 0;
/*rtl:raw:
background-position: right 10px top 50%, right 8px top 0;
*/
background-size: 11px 1px, 1px 100%;
}
.block_private_files [role="treeitem"]:not([aria-expanded]):last-child {
background-size: 11px 1px, 1px 50%;
}
.block_private_files [role="group"] {
background-image:
repeating-linear-gradient(
to top,
rgba(0, 0, 0, 0.5) 0,
rgba(0, 0, 0, 0.5) 1px,
rgba(255, 255, 255, 0) 1px,
rgba(255, 255, 255, 0) 2px
);
background-repeat: no-repeat;
background-position: left 8px top 100%;
background-size: 1px 100%;
margin-left: 0;
}
.block_private_files [aria-hidden="true"]:not(.icon) {
display: none;
}
body.jsenabled .block_quickfindlist .submitbutton {
display: none;
}
.block_quickfindlist .quickfindprogress {
visibility: hidden;
}
.block_quickfindlist ul {
margin: 0;
}
.block_quickfindlist li {
list-style-type: none;
margin-left: 0;
padding-bottom: 0.2em;
margin-bottom: 0.2em;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #d3d3d3;
}
.quickfindlistsearch {
width: 10em;
}
.block_recent_activity .unlist li {
margin-bottom: 1em;
}
.block_recent_activity li .head .date {
float: right;
}
/* RSS Feeds
-------------------------*/
.block_rss_client .list li:first-child {
border-top-width: 0;
}
.block_rss_client .list li {
border-top: 1px solid;
padding: 5px;
}
.dir-rtl #block_search p#showing {float: left;}
.dir-rtl #block_search img.icon {padding-right: 6px;}
.dir-rtl #block_search .block .icon {margin-right: 5px;}
.block_search_forums .searchform {
text-align: center;
}
.block_search_forums .searchform img {
vertical-align: middle;
}
.block_search_forums .searchform img.resize {
width: 1em;
height: 1.1em;
}
.block_search_forums .invisiblefieldset {
display: block;
}
.block_searchcourses .yui3-aclist-input{width:75%;}
.block_searchcourses .yui3-aclist-input{color:gray;margin-left:10px}
/*.block_searchcourses .yui3-aclist-content .yui3-aclist-item{background: url(/theme/image.php/petel/block_searchcourses/1726409799/arrow_next_right)*/
/*no-repeat right top;}*/
/*.block_searchcourses .yui3-aclist-content .yui3-aclist-item-hover{background: url(/theme/image.php/petel/block_searchcourses/1726409799/arrow_next_right)*/
/*no-repeat right top;*/
opacity:0.6;
z-index:1;
}
.block_searchcourses .more_info_container #close{background: url(/theme/image.php/petel/block_searchcourses/1726409799/close_button) no-repeat top right;height:16px;}
.block_searchcourses .yui3-aclist-content .yui3-aclist-item-active{background:#B0E0E6;}
.block_searchcourses .yui3-aclist{overflow:auto;max-height:230px;}
.block_searchcourses .yui3-highlight {font-weight:normal;background-color:#B0E0E6;font-style:italic}
.yui3-skin-sam .yui3-aclist-content {border:none;} /* To stop ugly border*/
/*Checkbox Styling*/
#my_courses_container{display:inline-block;
margin-left:10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 3px;
background:#EEEEEE;
}
#my_courses_container label{
display:inline;
padding:5px;
top:-1px;
position: relative;
}
.block_settings .block_tree ul {
margin-left: 18px;
}
.block_settings .block_tree p.hasicon {
text-indent: -21px;
padding-left: 21px;
}
.block_settings .block_tree p.hasicon img {
width: 16px;
height: 16px;
margin-top: 3px;
margin-right: 5px;
vertical-align: top;
}
.block_settings .block_tree p.hasicon.visibleifjs {
display: block;
}
.block_settings .block_tree .tree_item.branch {
padding-left: 21px;
}
.block_settings .block_tree .tree_item {
cursor: pointer;
margin: 3px 0;
background-position: 0 50%;
background-repeat: no-repeat;
}
.block_settings .block_tree .active_tree_node {
font-weight: bold;
}
.block_settings .block_tree [aria-expanded="true"] {
background-image: url(/theme/image.php/petel/core/1726409799/t/expanded);
}
.block_settings .block_tree [aria-expanded="false"] {
background-image: url(/theme/image.php/petel/core/1726409799/t/collapsed);
}
.block_settings .block_tree [aria-expanded="true"].emptybranch {
background-image: url(/theme/image.php/petel/core/1726409799/t/collapsed_empty);
}
.block_settings .block_tree [aria-expanded="false"] p.loading {
background-image: url(/theme/image.php/petel/core/1726409799/i/loading_small);
}
/*rtl:raw:
.block_settings .block_tree [aria-expanded="false"] {background-image: url(/theme/image.php/petel/core/1726409799/t/collapsed_rtl);}
.block_settings .block_tree [aria-expanded="true"].emptybranch {background-image: url(/theme/image.php/petel/core/1726409799/t/collapsed_empty_rtl);}
.block_settings .block_tree [aria-expanded="false"].loading {background-image: url(/theme/image.php/petel/core/1726409799/i/loading_small);}
*/
.block_settings .block_tree [aria-hidden="false"] {
display: block;
}
.block_settings .block_tree [aria-hidden="true"]:not(.icon) {
display: none;
}
.block_sharedwithme {
/* .user-course a {
text-decoration: none;
color: inherit;
}
.user-course__item {
padding: 8px 8px 8px 46px;
}
.content li {
margin-bottom: .3em;
}
.footer {
margin-top: 5px;
} */
}
.block_sharedwithme .sharedwithme-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/*height: 168px;*/
background: #f8f7f8 0% 0% no-repeat padding-box;
-webkit-box-shadow: 0 2px 4px rgba(34, 15, 68, 0.3);
box-shadow: 0 2px 4px rgba(34, 15, 68, 0.3);
border-radius: 8px;
padding-right: 40px;
margin-bottom: 16px;
}
.block_sharedwithme .img_wrapper {
width: 304px;
height: 168px;
border-radius: 8px;
overflow: hidden;
margin-right: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block_sharedwithme .img_wrapper img {
margin-right: 0;
}
.block_sharedwithme .sharedwithme-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
padding: 8px 0;
}
.block_sharedwithme .sharedwithme-content .title {
margin-bottom: 8px;
}
.block_sharedwithme .sharedwithme-content .title a {
text-align: left;
text-decoration: none;
font-family: "assistant";
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 16px;
letter-spacing: 0;
color: #220F44;
}
.block_sharedwithme .sharedwithme-content .subtitle {
text-align: left;
font-family: "assistant";
font-style: normal;
font-weight: 400;
font-size: 21px;
/*line-height: 16px;*/
letter-spacing: 0;
color: #220F44;
margin-top: 0;
}
.block_sharedwithme .sharedwithme-content .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.block_sharedwithme .sharedwithme-content .user-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
min-width: 240px;
margin-right: 16px;
}
.block_sharedwithme .sharedwithme-content .user-info .user-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 70px;
height: 70px;
border-radius: 100%;
margin-right: 10px;
overflow: hidden;
}
.block_sharedwithme .sharedwithme-content .user-info .user-img img {
border-radius: inherit;
}
.block_sharedwithme .sharedwithme-content .user-info .user-name {
text-align: left;
font-family: "assistant";
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 16px;
letter-spacing: 0;
color: #220F44;
}
.block_sharedwithme .sharedwithme-content .course-info {
text-align: left;
font-family: "assistant";
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 16px;
letter-spacing: 0;
color: #220F44;
}
.block_sharedwithme .sharedwithme-content .course-info span {
font-family: "assistant";
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 16px;
letter-spacing: 0;
color: #220F44;
margin-right: 6px;
}
.block_sharedwithme .sharedwithme-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-width: 128px;
height: 40px;
background: #220F44 0% 0% no-repeat padding-box;
-webkit-box-shadow: 0 2px 4px rgba(34, 15, 68, 0.3);
box-shadow: 0 2px 4px rgba(34, 15, 68, 0.3);
border-radius: 8px;
font-family: "assistant";
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 16px;
letter-spacing: 0;
color: #FFFFFF;
border: none;
margin-left: auto;
}
/* #selectCourse .spinner-border {
border-color: transparent;
border-right-color: transparent !important;
}
@keyframes spinner-border {
to {
transform: rotate(360deg);
}
}
.spinner-border {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: text-bottom;
border: .25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: spinner-border .75s linear infinite;
}
.spinner-border-sm {
width: $spinner-width-sm;
height: $spinner-height-sm;
border-width: $spinner-border-width-sm;
} */
/*# sourceMappingURL=styles.css.map */
.block_sharing_cart .sc-indent-0 {
margin-left: 0em;
}
.block_sharing_cart .sc-indent-1 {
margin-left: 0.5em;
}
.block_sharing_cart .sc-indent-2 {
margin-left: 1em;
}
.block_sharing_cart .sc-indent-3 {
margin-left: 1.5em;
}
.block_sharing_cart .sc-indent-4 {
margin-left: 2em;
}
.block_sharing_cart .sc-indent-5 {
margin-left: 2.5em;
}
.block_sharing_cart .sc-indent-6 {
margin-left: 3em;
}
.block_sharing_cart .sc-indent-7 {
margin-left: 3.5em;
}
.block_sharing_cart .sc-indent-8 {
margin-left: 4em;
}
.block_sharing_cart .sc-indent-9 {
margin-left: 4.5em;
}
.block_sharing_cart .sc-indent-10 {
margin-left: 5em;
}
.block_sharing_cart .sc-indent-11 {
margin-left: 5.5em;
}
.block_sharing_cart .sc-indent-12 {
margin-left: 6em;
}
.block_sharing_cart .sc-indent-13 {
margin-left: 6.5em;
}
.block_sharing_cart .sc-indent-14 {
margin-left: 7em;
}
.block_sharing_cart .sc-indent-15 {
margin-left: 7.5em;
}
.block_sharing_cart .sc-space-1 {
margin-left: 1px;
}
.block_sharing_cart .sc-space-2 {
margin-left: 2px;
}
.block_sharing_cart .sc-space-3 {
margin-left: 3px;
}
.block_sharing_cart .sc-space-4 {
margin-left: 4px;
}
.block_sharing_cart .sc-space-5 {
margin-left: 5px;
}
.block_sharing_cart .tree.list {
font-size:90%;
}
.course-content .move_target {
max-width: 100%;
border: 2px dashed #999;
margin-top: 15px;
margin-bottom: 15px;
padding: 5px;
}
.course-content .clipboard {
max-width: 100%;
border: 2px dashed #999;
margin-bottom: 15px;
padding: 10px;
font-weight: bold;
}
.course-content h3.sectionname a:nth-child(1) {
margin-right: 5px;
}
.course-content h3.sectionname .inplaceeditable-text .icon {
margin-right: 0;
}
.course-content .action-menu-item .icon {
margin-right: 0;
}
.format-grid #section-0 .sectionname .fa {
padding-left: 5px;
}
.editing.format-topics .course-content h3.sectionname .add-to-sharing-cart,
.editing.format-weeks .course-content h3.sectionname .add-to-sharing-cart,
.editing.format-grid .course-content h3.sectionname .add-to-sharing-cart {
padding-top: 15px;
}
.block_sharing_cart div.dragging_item {
animation: drop_area ease-in-out .5s forwards;
filter: blur(2px);
}
@keyframes drop_area {
100% {
background-color: lightslategrey;
}
}
.sharing_cart_basket.drag_over {
filter: brightness(.8);
}
.sharing_cart_basket.shake_basket {
animation: shake_basket infinite 3s linear !important;
}
@keyframes shake_basket {
0% {
transform: rotate(0deg);
}
10% {
transform: rotate(-30deg);
}
20% {
transform: rotate(30deg);
}
30%, 100% {
transform: rotate(0deg);
}
}
.block_site_main_menu li {
clear: both;
}
.block_site_main_menu.block .content > .unlist > li > .column {
/* Made specific to win over .block.list_block .unlist > li > .column. */
width: 100%;
display: table;
margin-bottom: 0.5rem;
}
.block_site_main_menu li .buttons a img {
vertical-align: text-bottom;
}
.block_site_main_menu .footer {
margin-top: 1em;
}
.block_site_main_menu .section_add_menus noscript div {
display: inline;
}
.block_site_main_menu .instancename {
word-break: break-all;
}
.block_social_activities li {
clear: both;
}
.block_social_activities li .column {
width: 100%;
}
.block_social_activities li .buttons a img {
vertical-align: text-bottom;
}
.block_social_activities .instancename {
word-break: break-all;
}
.block_social_newcourses {
/* .user-course a {
text-decoration: none;
color: inherit;
}
.user-course__item {
padding: 8px 8px 8px 46px;
}
.content li {
margin-bottom: .3em;
}
.footer {
margin-top: 5px;
} */
}
.block_social_newcourses .social_newcourses-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/*height: 168px;*/
background: #f8f7f8 0% 0% no-repeat padding-box;
-webkit-box-shadow: 0 2px 4px rgba(34, 15, 68, 0.3);
box-shadow: 0 2px 4px rgba(34, 15, 68, 0.3);
border-radius: 8px;
padding-right: 40px;
margin-bottom: 16px;
}
.block_social_newcourses .img_wrapper {
width: 304px;
height: 168px;
border-radius: 8px;
overflow: hidden;
margin-right: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block_social_newcourses .img_wrapper img {
margin-right: 0;
}
.block_social_newcourses .social_newcourses-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
padding: 8px 0;
}
.block_social_newcourses .social_newcourses-content .title {
margin-bottom: 8px;
}
.block_social_newcourses .social_newcourses-content .title a {
text-align: left;
text-decoration: none;
font-family: "assistant";
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 16px;
letter-spacing: 0;
color: #220F44;
}
.block_social_newcourses .social_newcourses-content .subtitle {
text-align: left;
font-family: "assistant";
font-style: normal;
font-weight: 400;
font-size: 21px;
/*line-height: 16px;*/
letter-spacing: 0;
color: #220F44;
margin-top: 0;
}
.block_social_newcourses .social_newcourses-content .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.block_social_newcourses .social_newcourses-content .user-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
min-width: 240px;
margin-right: 16px;
}
.block_social_newcourses .social_newcourses-content .user-info .user-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 70px;
height: 70px;
border-radius: 100%;
margin-right: 10px;
overflow: hidden;
}
.block_social_newcourses .social_newcourses-content .user-info .user-img img {
border-radius: inherit;
}
.block_social_newcourses .social_newcourses-content .user-info .user-name {
text-align: left;
font-family: "assistant";
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 16px;
letter-spacing: 0;
color: #220F44;
}
.block_social_newcourses .social_newcourses-content .course-info {
text-align: left;
font-family: "assistant";
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 16px;
letter-spacing: 0;
color: #220F44;
}
.block_social_newcourses .social_newcourses-content .course-info span {
font-family: "assistant";
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 16px;
letter-spacing: 0;
color: #220F44;
margin-right: 6px;
}
.block_social_newcourses .social_newcourses-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-width: 128px;
height: 40px;
background: #220F44 0% 0% no-repeat padding-box;
-webkit-box-shadow: 0 2px 4px rgba(34, 15, 68, 0.3);
box-shadow: 0 2px 4px rgba(34, 15, 68, 0.3);
border-radius: 8px;
font-family: "assistant";
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 16px;
letter-spacing: 0;
color: #FFFFFF;
border: none;
margin-left: auto;
}
/* #selectCourse .spinner-border {
border-color: transparent;
border-right-color: transparent !important;
}
@keyframes spinner-border {
to {
transform: rotate(360deg);
}
}
.spinner-border {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: text-bottom;
border: .25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: spinner-border .75s linear infinite;
}
.spinner-border-sm {
width: $spinner-width-sm;
height: $spinner-height-sm;
border-width: $spinner-border-width-sm;
} */
/*# sourceMappingURL=styles.css.map */
.block_tag_flickr .flickr-photos {
padding: 3px;
}
.block_tag_youtube .youtube-thumb {
padding: 3px;
padding-bottom: 0.5em;
display: block;
float: left;
}
.block_tag_youtube .yt-video-entry li {
clear: left;
}
#block-region-side-pre .block_timeline .nav-search {
flex: 0 0 100%;
max-width: 100%;
}
.block_timeline .input-group.searchbar {
width: 100%;
}
#block-region-side-pre .block_timeline h6.event-action {
flex-basis: 100%;
}
#block-region-side-pre .block_timeline .event-name-container {
flex-basis: 50%;
}
#block-region-side-pre .block_timeline h6.event-action a.btn {
width: auto;
}
.block_timeline .timeline-action-button {
margin-left: auto;
}
@media (max-width: 480px) {
.block_timeline .timeline-name {
width: 100%;
}
.block_timeline .timeline-action-button {
margin-left: 0;
}
}
/* stylelint-disable */
@charset "UTF-8";
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
text-align: center;
}
@font-face {
font-family: VideoJS;
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
font-weight: normal;
font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
content: "\f101";
}
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-play-circle:before {
content: "\f102";
}
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
content: "\f103";
}
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
content: "\f104";
}
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
content: "\f105";
}
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
content: "\f106";
}
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
content: "\f107";
}
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f108";
}
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f109";
}
.vjs-icon-square {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-square:before {
content: "\f10a";
}
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-spinner:before {
content: "\f10b";
}
.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
content: "\f10c";
}
.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
content: "\f10d";
}
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
content: "\f10e";
}
.vjs-icon-share {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-share:before {
content: "\f10f";
}
.vjs-icon-cog {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cog:before {
content: "\f110";
}
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
content: "\f111";
}
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle-outline:before {
content: "\f112";
}
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
content: "\f113";
}
.vjs-icon-hd {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-hd:before {
content: "\f114";
}
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
content: "\f115";
}
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
content: "\f116";
}
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-facebook:before {
content: "\f117";
}
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-gplus:before {
content: "\f118";
}
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-linkedin:before {
content: "\f119";
}
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-twitter:before {
content: "\f11a";
}
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-tumblr:before {
content: "\f11b";
}
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-pinterest:before {
content: "\f11c";
}
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
content: "\f11d";
}
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
content: "\f11e";
}
.vjs-icon-next-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-next-item:before {
content: "\f11f";
}
.vjs-icon-previous-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-previous-item:before {
content: "\f120";
}
.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
content: "\f121";
}
.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
content: "\f122";
}
.video-js {
display: block;
vertical-align: top;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: normal;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
word-break: initial;
}
.video-js:-moz-full-screen {
position: absolute;
}
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
}
.video-js[tabindex="-1"] {
outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
box-sizing: inherit;
}
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
width: 100%;
max-width: 100%;
}
.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
height: 0;
}
.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
padding-top: 56.25%;
}
.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
padding-top: 75%;
}
.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
padding-top: 177.7777777778%;
}
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
padding-top: 100%;
}
.video-js.vjs-fill:not(.vjs-audio-only-mode) {
width: 100%;
height: 100%;
}
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-js.vjs-audio-only-mode .vjs-tech {
display: none;
}
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none;
}
.vjs-hidden {
display: none !important;
}
.vjs-disabled {
opacity: 0.5;
cursor: default;
}
.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px;
}
.vjs-lock-showing {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
color: #66A8CC;
}
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.63332em;
width: 3em;
display: block;
position: absolute;
top: 10px;
left: 10px;
padding: 0;
cursor: pointer;
opacity: 1;
border: 0.06666em solid #fff;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
border-radius: 0.3em;
transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -0.81666em;
margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
display: block;
}
.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.vjs-control .vjs-button {
width: 100%;
height: 100%;
}
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: 0.5em;
z-index: 2;
}
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
overflow: auto;
}
.video-js .vjs-modal-dialog > * {
box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1;
}
.vjs-menu-button {
cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none;
}
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
display: none;
}
.vjs-menu li {
list-style: none;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2B333F;
}
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
background: none;
}
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0em;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 14em;
}
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 25em;
}
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
display: block;
}
.video-js .vjs-menu-button-inline {
transition: all 0.4s;
overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
display: block;
opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden;
}
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
display: flex;
visibility: visible;
opacity: 1;
transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
pointer-events: none;
transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table;
}
.video-js .vjs-control {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
flex: none;
}
.video-js .vjs-control.vjs-visible-text {
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.vjs-button > .vjs-icon-placeholder:before {
font-size: 1.8em;
line-height: 1.67;
}
.vjs-button > .vjs-icon-placeholder {
display: block;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
text-shadow: 0em 0em 1em white;
}
.video-js *:not(.vjs-visible-text) > .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
display: none;
}
.video-js .vjs-progress-control {
cursor: pointer;
flex: auto;
display: flex;
align-items: center;
min-width: 4em;
touch-action: none;
}
.video-js .vjs-progress-control.disabled {
cursor: default;
}
.vjs-live .vjs-progress-control {
display: none;
}
.vjs-liveui .vjs-progress-control {
display: flex;
align-items: center;
}
.vjs-no-flex .vjs-progress-control {
width: auto;
}
.video-js .vjs-progress-holder {
flex: auto;
transition: all 0.2s;
height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.6666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0;
}
.video-js .vjs-play-progress {
background-color: #fff;
}
.video-js .vjs-play-progress:before {
font-size: 0.9em;
position: absolute;
right: -0.5em;
top: -0.3333333333em;
z-index: 1;
}
.video-js .vjs-load-progress {
background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
display: block;
font-size: 0.6em;
visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em 0 0.45em;
/* iOS Safari */
-webkit-touch-callout: none;
/* Safari */
-webkit-user-select: none;
/* Konqueror HTML */
/* Firefox */
-moz-user-select: none;
/* Internet Explorer/Edge */
-ms-user-select: none;
/* Non-prefixed version, currently supported by Chrome and Opera */
user-select: none;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
cursor: default;
}
.video-js .vjs-slider:focus {
text-shadow: 0em 0em 1em white;
box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
cursor: pointer;
flex: none;
}
.video-js .vjs-volume-control {
cursor: pointer;
margin-right: 1em;
display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
visibility: visible;
opacity: 0;
width: 1px;
height: 1px;
margin-left: -1px;
}
.video-js .vjs-volume-panel {
transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
visibility: visible;
opacity: 1;
position: relative;
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
width: 5em;
height: 3em;
margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
left: -3.5em;
transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: 10em;
transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
left: -3000em;
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
visibility: visible;
opacity: 1;
position: relative;
transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
position: absolute;
bottom: 3em;
left: 0.5em;
}
.video-js .vjs-volume-panel {
display: flex;
}
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
width: 0.3em;
height: 5em;
margin: 1.35em auto;
}
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
}
.video-js .vjs-volume-level:before {
position: absolute;
font-size: 0.9em;
z-index: 1;
}
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
left: -0.3em;
z-index: 1;
}
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
top: -0.3em;
right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%;
}
.video-js .vjs-volume-vertical {
width: 3em;
height: 8em;
bottom: 8em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
left: -2em;
}
.video-js .vjs-volume-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
display: block;
font-size: 1em;
visibility: visible;
}
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
left: 1em;
top: -12px;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
display: none;
position: absolute;
width: 100%;
height: 1px;
background-color: #000;
z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
width: 1px;
height: 100%;
}
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
z-index: 0;
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
display: none;
}
.vjs-mouse-display .vjs-volume-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.vjs-poster {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: #000000;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
}
.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
display: none;
}
.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
display: block;
}
.video-js .vjs-live-control {
display: flex;
align-items: flex-start;
flex: auto;
font-size: 1em;
line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
display: none;
}
.video-js .vjs-seek-to-live-control {
align-items: center;
cursor: pointer;
flex: none;
display: inline-flex;
height: 100%;
padding-left: 0.5em;
padding-right: 0.5em;
font-size: 1em;
line-height: 3em;
width: auto;
min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
display: table-cell;
width: auto;
text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
margin-right: 0.5em;
color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
color: red;
}
.video-js .vjs-time-control {
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.vjs-live .vjs-time-control {
display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
display: none;
}
.vjs-time-divider {
display: none;
line-height: 3em;
}
.vjs-live .vjs-time-divider {
display: none;
}
.video-js .vjs-play-control {
cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
flex: none;
}
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none;
}
.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em;
}
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em;
}
.vjs-subtitles {
color: #fff;
}
.vjs-captions {
color: #fc6;
}
.vjs-tt-cue {
display: block;
}
video::-webkit-media-text-track-display {
transform: translateY(-3em);
}
.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
transform: translateY(-1.5em);
}
.video-js .vjs-picture-in-picture-control {
cursor: pointer;
flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
display: none;
}
.video-js .vjs-fullscreen-control {
cursor: pointer;
flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
display: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
pointer-events: none;
font-size: 1.5em;
line-height: 2;
text-align: center;
}
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center;
}
.vjs-error .vjs-error-display:before {
color: #fff;
content: "X";
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -0.5em;
position: absolute;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%;
}
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.85;
text-align: left;
border: 6px solid rgba(43, 51, 63, 0.7);
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px;
visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block;
-webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
content: "";
position: absolute;
margin: -6px;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: white;
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@-webkit-keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@keyframes vjs-spinner-spin {
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: white;
}
60% {
border-top-color: #73859f;
}
100% {
border-top-color: #73859f;
}
}
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: white;
}
60% {
border-top-color: #73859f;
}
100% {
border-top-color: #73859f;
}
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
display: none;
}
.vjs-chapters-button .vjs-menu ul {
width: 24em;
}
.video-js.vjs-audio-only-mode .vjs-descriptions-button {
display: none;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: "";
font-size: 1.5em;
line-height: inherit;
}
.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
display: none;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: " ";
font-size: 1.5em;
line-height: inherit;
}
.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
width: auto;
width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
flex: auto;
display: block;
}
.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
width: auto;
}
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
text-align: right;
vertical-align: bottom;
}
@supports (display: grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
padding: 20px 24px 0px 24px;
}
.vjs-track-settings-controls .vjs-default-button {
margin-bottom: 20px;
}
.vjs-text-track-settings .vjs-track-settings-controls {
grid-column: 1/-1;
}
.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
grid-template-columns: 1fr;
}
}
.vjs-track-setting > select {
margin-right: 1em;
margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
margin: 5px;
padding: 3px;
border: none;
}
.vjs-text-track-settings fieldset span {
display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
max-width: 7.3em;
}
.vjs-text-track-settings legend {
color: #fff;
margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
display: block;
margin: 0 0 5px 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
outline-style: solid;
outline-width: medium;
background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
background-color: #fff;
background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
color: #2B333F;
cursor: pointer;
border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
margin-right: 1em;
}
@media print {
.video-js > *:not(.vjs-tech):not(.vjs-poster) {
visibility: hidden;
}
}
.vjs-resize-manager {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
outline: none;
}
.video-js *:focus:not(:focus-visible) {
outline: none;
}
/* Modifications of player made by Moodle: */
/* Audio: https://github.com/videojs/video.js/issues/2777 */
/* Audio: Remove big play button (leave only the button in controls). */
.video-js.vjs-audio .vjs-big-play-button {
display: none;
}
/* Audio: Make the controlbar visible by default */
.video-js.vjs-audio .vjs-control-bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
/* Make player height minimum to the controls height so when we hide video/poster area the controls are displayed correctly. */
.video-js.vjs-audio {
min-height: 3em;
}
/* In case of error reset height to the default (otherwise no aspect ratio is available and height becomes 0). */
.video-js.vjs-error {
height: 150px;
}
/* Minimum height for videos should not be less than the size of play button. */
.mediaplugin_videojs video {
min-height: 32px;
}
/* MDL-61020: VideoJS timeline progress bar should not be flipped in RTL mode. */
/* Prevent the progress bar from being flipped in RTL. */
/*rtl:ignore*/
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
left: 0;
right: auto;
}
/* Keep the video scrubber button at the end of the progress bar in RTL. */
/*rtl:ignore*/
.video-js .vjs-play-progress:before {
left: auto;
right: -0.5em;
}
/* Prevent the volume slider from being flipped in RTL. */
/*rtl:ignore*/
.video-js .vjs-volume-level {
left: 0;
right: auto;
}
/* Keep the volume slider handle at the end of the volume slider in RTL. */
/*rtl:ignore*/
.vjs-slider-horizontal .vjs-volume-level:before {
left: auto;
right: -0.5em;
}
.dir-rtl .vjs-loading-spinner:before,
.dir-rtl .vjs-loading-spinner:after {
right: 0;
}
.filter_embedquestion-iframe {
display: block;
width: 100%;
height: 250px;
border: 0 none;
background: transparent;
}
body#page-filter-embedquestion-showquestion {
height: auto;
overflow-y: hidden;
background: transparent;
}
body#page-filter-embedquestion-showquestion #ou-site-body,
body#page-filter-embedquestion-showquestion #osep-pagewrapper,
body#page-filter-embedquestion-showquestion #page-content,
body#page-filter-embedquestion-showquestion #page {
background: transparent;
}
body#page-filter-embedquestion-showquestion #region-main,
body#page-filter-embedquestion-showquestion #osep-mainwrapper {
padding: 0;
}
body#page-filter-embedquestion-showquestion #osep-bottomclearer {
display: none;
}
body#page-filter-embedquestion-showquestion .que {
margin: 0;
border-top: none;
padding-top: 0;
}
body#page-filter-embedquestion-showquestion .que .filter_embedquestion-fill-link button {
padding: 0;
font-size: 1em;
text-align: left;
}
/* This needs to work both inside and outside the iframe. */
.filter_embedquestion-error {
background-color: #f0f0f1;
padding: 5px 10px;
}
form#embedqform select {
max-width: 100%;
}
/* filter_forum */
.filter_forum {
text-align: left;
}
.dir-rtl .filter_forum {
text-align: right;
}
/*
.filter_forum a:link {
}
.filter_forum a:hover {
}
.filter_forum a:visited {
}
*/
.filter_forum ul {
margin-left: 0;
padding-left: 2px;
}
.dir-rtl .filter_forum ul {
margin-right: 0;
padding-right: 5px;
}
.filter_forum li {
list-style: none;
}
.filter_forum img {
width: 16px;
height: 16px;
margin-right: 4px;
}
.filter_forum ul {
margin-bottom: 10px;
}
.newsfilter #youropinion {
margin: 0 5px;
}
/* Hide course and forum name from students, only teachers and admin can see it */
.role-student .forumtitle.teacheronly {
display: none;
}
.filter_generico_dragdropsquare {
width: 130px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 5px;
color: #73AD21;
border: 1px solid #73AD21;
padding: 1px 1px 1px 1px;
background-color: #CBF2DC;
margin-top: 5px;
float: right;
}
div.filter_generico_dragging {
border: 2px dashed #0000FF;
}
#glossaryfilteroverlayprogress {
position: fixed;
top: 50%;
width: 100%;
text-align: center;
}
img[data-loadonvisible],
img.imageopt_loading {
background-position: center;
background-repeat: no-repeat;
background-size: 120px 120px;
box-shadow: 0 0 0 1px #ddd inset;
animation: anim_imageopt_loading 5s infinite;
}
@keyframes anim_imageopt_loading {
/* Note - these background images are done as inline svgs because they will all load at the same time and are used
/* to provide animation - loading separate assets would make the animation fliker the first time it was viewed.
/* I tried to use an svg spriting technique for this but it didn't work.
/* csslint ignore:start */
0% {
background-image: url("data:image/svg+xml;utf8,
");
}
20% {
background-image: url("data:image/svg+xml;utf8,
");
}
40% {
background-image: url("data:image/svg+xml;utf8,
");
}
60% {
background-image: url("data:image/svg+xml;utf8,
");
}
80% {
background-image: url("data:image/svg+xml;utf8,
");
}
100% {
background-image: url("data:image/svg+xml;utf8,
");
}
/* csslint ignore:end */
}
/*
This file is part of JSXGraph Moodle Filter.
Moodle is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Moodle is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with Moodle. If not, see
.
*/
/**
* This is a plugin to enable function plotting and dynamic geometry constructions with JSXGraph within a Moodle platform.
*
* JSXGraph is a cross-browser JavaScript library for interactive geometry,
* function plotting, charting, and data visualization in the web browser.
* JSXGraph is implemented in pure JavaScript and does not rely on any other
* library. Special care has been taken to optimize the performance.
*
* @package filter_jsxgraph
* @copyright 2022 JSXGraph team - Center for Mobile Learning with Digital Technology – Universität Bayreuth
* Matthias Ehmann,
* Michael Gerhaeuser,
* Carsten Miller,
* Andreas Walter
,
* Alfred Wassermann
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
/**************************************************************************
*** JSXGraph styles ***
**************************************************************************/
/*
Copyright 2008-2022
Matthias Ehmann,
Michael Gerhaeuser,
Carsten Miller,
Bianca Valentin,
Andreas Walter,
Alfred Wassermann,
Peter Wilfahrt
This file is part of JSXGraph.
JSXGraph is free software dual licensed under the GNU LGPL or MIT License.
You can redistribute it and/or modify it under the terms of the
* GNU Lesser General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version
OR
* MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT
JSXGraph is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License and
the MIT License along with JSXGraph. If not, see
and .
*/
.jxgbox {
/* for IE 7 */
position: relative;
overflow: hidden;
background-color: #fff;
border-style: solid;
border-width: 1px;
border-color: #356aa0;
border-radius: 10px;
margin: 0;
-webkit-border-radius: 10px;
-ms-touch-action: none;
/* "touch-action:none;" is set with JavaScript. */
}
.jxgbox svg text {
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.JXGtext {
font-family: Courier, monospace;
/*
* The default font family is now set in
* JXG.Options.text.cssdefaultstyle = 'font-family: Arial, Helvetica, Geneva, sans-serif;'
*/
/* "background-color:transparent;" may produce artefacts in IE. Solution: setting a color explicitly. */
background-color: transparent;
padding: 0;
margin: 0;
}
.JXGinfobox {
border-style: none;
border-width: 0;
border-color: black;
}
/* CSS attributes will (permantely) overwrite attributes set in JSXGraph */
.JXGimage {
/* opacity: 1.0; */
}
.JXGimageHighlight {
/* opacity: 0.6; */
}
.jxgbox :focus {
outline-width: 0.5px;
outline-style: dotted;
}
/* CSS rules for the navigation bar */
.JXG_navigation {
position: absolute;
right: 5px;
bottom: 5px;
z-index: 100;
background-color: transparent;
padding: 2px;
font-size: 14px;
cursor: pointer;
}
.JXG_navigation_button {
color: #666;
}
.JXG_navigation_button:hover {
border-radius: 2px;
background: rgba(184, 184, 184, 0.5);
}
.JXG_navigation_button svg {
top: 0.2em;
position: relative;
padding: 0;
}
/* CSS rules for the wrapping div in fullscreen mode */
.JXG_wrap_private:-moz-full-screen {
background-color: #ccc;
padding: 0;
width: 100%;
height: 100%;
}
.JXG_wrap_private:-webkit-full-screen {
background-color: #ccc;
padding: 0;
width: 100%;
height: 100%;
}
.JXG_wrap_private:fullscreen {
background-color: #ccc;
padding: 0;
width: 100%;
height: 100%;
}
.JXG_wrap_private:-ms-fullscreen {
background-color: #ccc;
padding: 0;
width: 100%;
height: 100%;
}
/**************************************************************************
*** specific styles of filter ***
**************************************************************************/
.jxg-error {
color: red;
margin: 20px;
}
.jxg-error b {
margin-right: 5px;
}
.jsxgraph-boards {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
/*# sourceMappingURL=styles.css.map */
.jsenabled #MathJax_ZoomFrame {
position: absolute;
}
/**
* Filters
*/
.mediaplugin {
display: block;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}
.mediaplugin,
.mediaplugin video {
/* Make videos as wide as possible without being wider than their containers */
width: 100%;
max-width: 100%;
}
.mediaplugin > div {
margin: auto;
}
/* This is needed to display videos in an adequate size and without too much space
withing the specific mod assign table views. */
.path-mod-assign .gradingtable .mediaplugin,
.path-mod-assign .submissionsummarytable .mediaplugin {
width: 400px;
height: auto;
}
/* Make media plugin behave properly in mod summaries and labels */
.mod-indent-outer .mediaplugin {
display: table-cell;
}
/*
Base Media skin Setting Integration
*/
.poodll_mediarecorderholder_standard {
position: relative;
}
.poodll_mediarecorderholder_standard .settingsicon {
position: absolute;
right: -5px;
bottom: -5px;
}
.poodll_mediarecorderholder_standard .settingsicon button {
border: none;
background: transparent;
}
.poodll_mediarecorderholder_standard .settingsicon button i {
font-size: 18px !important;
color: #333;
}
.poodll_mediarecorderholder_standard .settingsicon button:focus {
border: none;
background: transparent;
}
.poodll_mediarecorderholder_standard .settingsicon button i:hover {
cursor: pointer;
}
/*end*/
/*
Settings Draft
*/
.poodll_dialogue_box .devicesettings_select {
text-align: left;
}
.poodll_dialogue_box .select_settings_video {
width: 100%;
padding: 10px;
}
.devicesettings_select span {
margin-left: 5px;
}
.devicesettings_select .select_settings_audio {
width: 100%;
padding: 10px;
text-overflow: ellipsis !important;
white-space: nowrap;
word-break: break-all;
word-wrap: break-word;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
}
.select_settings_audio option {
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
width: 100% !important;
text-overflow: ellipsis !important;
white-space: nowrap;
word-break: break-all;
word-wrap: break-word;
}
.poodll_close_modal {
text-align: right;
cursor: pointer;
padding: 5px 10px;
}
.poodll_close_modal i {
font-size: 21px;
color: #333;
}
.poodll_dialogue_box {
border: 1px solid #333;
height: 20px;
position: absolute;
width: 100%;
left: 0px;
height: 100%;
top: 0px;
z-index: 999999;
background: #e6e8ed;
}
.poodll_dialogue_box .poodll_dialogue_content {
padding: 3px;
text-align: center;
background: #333;
color: #fff;
margin-bottom: 10px;
}
.poodll_dialogue_box .poodll_dialogue_content h6 {
margin-bottom: 0px;
}
/* Screen Recorder */
.screen-main-wrapper {
position: relative;
}
.screen-main-wrapper .settingsicon {
position: absolute;
right: -3px;
bottom: -13px;
}
.screen-main-wrapper .settingsicon button {
border: none;
background: transparent;
}
.screen-main-wrapper .settingsicon button i {
font-size: 18px !important;
color: brown;
}
.screen-main-wrapper .settingsicon button:focus {
border: none;
background: transparent;
}
.screen-main-wrapper .settingsicon button i:hover {
cursor: pointer;
}
.poodll_mediarecorder_size_small .screen-wrap button {
height: 60px !important;
width: 25% !important;
}
.poodll_mediarecorder_size_small .screen-wrap button i.fa {
font-size: 35px;
color: #333;
}
@media (max-width: 768px) {
.video_preview_screen {
height: 150px;
}
}
.screen-main-wrapper .screen-wrap {
text-align: center;
}
.screen-main-wrapper {
width: 320px;
}
.screen-main-wrapper .screen-wrap button {
height: 60px !important;
width: 30% !important;
}
.screen-main-wrapper .task-helper {
display: inline-flex;
width: 100%;
}
.screen-main-wrapper .task-helper p {
width: 33%;
float: left;
font-size: 18px;
margin-bottom: 0px;
}
.screen-main-wrapper .task-helper i.fa {
color: green;
font-size: 45px;
}
.screen-main-wrapper .task-helper p.step-1 {
margin-left: 5px;
}
.screen-main-wrapper .task-helper p.step-3 {
margin-right: 5px;
}
.screen-main-wrapper .screen-wrap button i.fa {
font-size: 45px;
color: #333;
}
.poodll_mediarecorderbox_standard .poodll_mediarecorderholder_screen .pmr_disabled {
background: rgba(194, 194, 194, 0.7);
color: #333 !important;
opacity: 1 !important;
}
.poodll_mediarecorderholder_screen {
width: 300px;
padding: 20px;
border: 3px solid #333;
}
.poodll_mediarecorder_button_screen {
width: 83% !important;
margin: 5px auto;
border: 3px solid #333;
background: none !important;
color: #333 !important;
text-shadow: 1px 2px 1px #c2c2c2;
}
.poodll_mediarecorderbox_screen .poodll_preview_screen {
border: 3px solid #333;
background-color: transparent;
width: 100%;
margin-bottom: 10px;
}
.poodll_mediarecorderbox_screen .poodll_status_screen {
text-align: center;
margin-bottom: 10px;
width: 100%;
border: 3px solid #333;
}
.poodll_mediarecorderholder_screen input[type="checkbox"] {
width: 30px;
height: 15px;
margin-top: 10px;
}
.poodll_mediarecorderbox_screen .poodll_status_standard {
background-color: rgba(0, 0, 0, 0.4);
height: 40px;
width: 100%;
border-radius: 20px;
color: #fff;
border: 2px solid seagreen;
font-weight: 900;
text-shadow: 1px 2px 1px #ccc;
font-size: 20px;
line-height: 35px;
}
.poodll_mediarecorderbox_screen .poodll_mediarecorder_button_standard {
padding: 0px 10px;
border: none;
background-color: #fff;
border-radius: 0px !important;
color: red;
margin-top: 20px;
margin-bottom: 20px;
height: 40px;
}
.poodll_mediarecorderbox_screen .poodll_save-recording_standard {
height: 40px;
background-color: #fff;
border: none;
width: 100% !important;
}
.poodll_mediarecorderbox_screen button.pmr_disabled {
color: #BBB;
}
.poodll_mediarecorderbox_screen .poodll_mediarecorderbox_standard {
width: 280px !important;
}
.poodll_mediarecorderbox_screen .poodll_preview_standard {
width: 100% !important;
}
/* One Two Three Recorder */
.one-two-three-main-wrapper {
position: relative;
}
.one-two-three-main-wrapper .settingsicon {
position: absolute;
right: -3px;
bottom: -13px;
}
.one-two-three-main-wrapper .settingsicon button {
border: none;
background: transparent;
}
.one-two-three-main-wrapper .settingsicon button i {
font-size: 18px !important;
color: brown;
}
.one-two-three-main-wrapper .settingsicon button:focus {
border: none;
background: transparent;
}
.one-two-three-main-wrapper .settingsicon button i:hover {
cursor: pointer;
}
/*
End
*/
/*
Thee One Button Recorders
*/
@font-face {
font-family: 'Indie Flower';
src: url(https://fonts.googleapis.com/css?family=Indie+Flower);
}
.poodll_mediarecorderholder_gold .poodll_preview_gold {
height: 100px;
width: 100px;
border: none;
border-radius: 50%;
z-index: 2;
position: absolute;
left: 135px;
top: 22px;
cursor: pointer;
}
.poodll_mediarecorderholder_gold {
position: relative;
}
.poodll_mediarecorderholder_gold .settingsicon {
position: absolute;
bottom: 75px;
right: 250px;
}
.poodll_mediarecorderholder_gold .settingsicon button {
border: none !important;
background: transparent !important;
}
.poodll_mediarecorderholder_gold .settingsicon button i {
font-size: 18px !important;
color: #333 !important;
}
.poodll_mediarecorderholder_gold .settingsicon button:focus {
border: none;
background: transparent;
}
.poodll_mediarecorderholder_gold .settingsicon button i:hover {
cursor: pointer;
}
.poodll_mediarecorder_audio .poodll_mediarecorderbox_gold {
text-align: center;
}
.poodll_mediarecorderbox_gold button {
font-size: 32px;
transition: filter 0.5s ease;
}
.poodll_mediarecorderbox_gold button:hover {
cursor: pointer;
filter: brightness(120%);
}
.poodll_mediarecorderbox_gold .poodll_start-recording_gold {
background-color: #93c47d;
}
.poodll_mediarecorderbox_gold .poodll_stop-recording_gold {
background-color: #ea9999;
}
.poodll_mediarecorderbox_gold .poodll_play-recording_gold {
background-color: #9fc5f8;
}
.gold-save-button-wrapper {
width: 100%;
margin-bottom: 10px;
}
.gold-save-button-wrapper .poodll_save-recording_gold {
width: 20%;
color: #333;
background-color: #93c47d;
border: #333;
font-weight: 600;
-webkit-box-shadow: 1px 2px 3px #333;
box-shadow: 1px 2px 3px #333;
text-shadow: 1px 2px 2px #ccc;
text-transform: capitalize;
}
.gold-restart-button-wrapper {
width: 30%;
margin: 0 auto;
}
.gold-restart-button-wrapper .poodll_restart_gold {
background: transparent;
border: none;
text-transform: capitalize;
font-size: 20px;
color: #0c5394;
font-weight: 400;
}
.poodll_mediarecorderbox_gold canvas {
margin-bottom: 10px;
}
.poodll_mediarecorderholder_gold .poodll_mediarecorderbox_gold button {
position: absolute;
left: 130px;
top: 8%;
height: 100px;
width: 100px;
border-radius: 50%;
border: none;
box-shadow: none !important;
}
.poodll_mediarecorderbox_gold .gold-save-button-wrapper a.pmr_disabled {
display: block !important;
margin: 0 auto;
background-color: #c2c2c2;
pointer-events: none;
}
.poodll_mediarecorderbox_gold .gold-restart-button-wrapper a.pmr_disabled {
display: block !important;
margin: 0 auto;
color: #c2c2c2;
pointer-events: none;
}
.poodll_status_gold {
display: none;
}
.poodll_mediarecorderholder_gold .poodll_mediarecorderbox_gold {
position: relative;
}
.poodll_mediarecorderholder_gold .poodll_mediarecorderbox_gold .pmr_disabled {
display: none;
}
.poodll_mediarecorderholder_gold .poodll_mediarecorderbox_gold button:focus {
outline-style: none;
}
/*********************************************END****************************************/
/*
The PUSH Audio Recorder
*/
.poodll_mediarecorderholder_push {
position: relative;
}
.poodll_mediarecorderholder_push .settingsicon {
position: absolute;
bottom: 75px;
right: 250px;
}
.poodll_mediarecorderholder_push .settingsicon button {
border: none !important;
background: transparent !important;
}
.poodll_mediarecorderholder_push .settingsicon button i {
font-size: 18px !important;
color: #333 !important;
}
.poodll_mediarecorderholder_push .settingsicon button:focus {
border: none;
background: transparent;
}
.poodll_mediarecorderholder_push .settingsicon button i:hover {
cursor: pointer;
}
.poodll_mediarecorder_audio .poodll_mediarecorder_playcanvas_push {
/* dimensions need to be declared on component */
/* height: 180px; */
/* width: 50px; */
}
.poodll_mediarecorder_audio .poodll_mediarecorder_caption_push {
font-size: 1.2em;
/*font-weight: normal;*/
}
.poodll_mediarecorder_audio .poodll_mediarecorder_caption_push:before {
font-family: FontAwesome;
content: "\F130";
padding-right: 0.5em;
}
.poodll_mediarecorderbox_push.poodll_mediarecorder_push_testbuttonready {
color: #444;
background: #CBF2DC;
border-color: #3e7327;
}
.poodll_mediarecorderbox_push.poodll_mediarecorder_push_testbuttonrecording {
color: #444;
background: #CBF2DC;
border-color: #3e7327;
}
.poodll_mediarecorderbox_push.poodll_mediarecorder_push_startbuttonready {
color: #fffa90;
background: #3ea8ef;
border-color: #2b78e4;
}
.poodll_mediarecorderbox_push.poodll_mediarecorder_push_startbuttoncountdown {
color: #fffa90;
background: #3ea8ef;
border-color: #2b78e4;
}
.poodll_mediarecorderbox_push.poodll_mediarecorder_push_startbuttonrecording {
color: #fffa90;
background: #e06c6c;
border-color: #e41426;
}
.poodll_mediarecorderbox_push.poodll_mediarecorder_push_uploading {
color: #444;
background: #eeeeee;
border-color: #3e7327;
}
.poodll_mediarecorderbox_push.poodll_mediarecorder_push_allfinished {
color: #444;
background: #eeeeee;
border-color: #3e7327;
}
/* div button styling */
.poodll_mediarecorder_audio .poodll_mediarecorderbox_push {
display: flex;
border-style: solid;
border-width: 2px;
border-radius: 5px;
align-items: center;
justify-content: center;
box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);
cursor: pointer;
vertical-align: middle;
padding: 5px;
text-align: center;
max-width: 210px;
min-width: 210px;
max-height: 45px;
min-height: 45px;
}
.poodll_mediarecorder_audio .poodll_mediarecorderbox_push.push_canclick:active {
box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
font-weight: bold;
cursor: pointer;
}
.poodll_mediarecorder_audio .poodll_mediarecorderbox_push.push_canclick:hover {
/* -webkit-transform: scale(1.1); */
box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
font-weight: bold;
cursor: pointer;
}
/* end of button styling */
.poodll_mediarecorderbox_push canvas {
margin-bottom: 5px;
}
button.poodll_mediarecorder_button_push {
transition: filter 0.5s ease;
margin: auto;
width: 180px;
color: #fff;
background-color: #00acdf;
border-color: #00acdf;
background-image: none;
display: inline-block;
font-weight: 400;
line-height: 1.25;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1rem;
font-size: 0.6rem;
border-radius: .25rem;
}
.poodll_mediarecorderholder_push .poodll_mediarecorderbox_push {
position: relative;
}
.poodll_mediarecorderholder_push .poodll_mediarecorderbox_push .pmr_disabled {
display: none;
}
.poodll_mediarecorderholder_push .poodll_mediarecorderbox_push button:focus {
outline-style: none;
}
/* dialog */
.poodll_mediarecorderbox_push .poodll_dialogue_box .poodll_dialogue_content {
display: none;
}
.poodll_mediarecorderbox_push .poodll_dialogue_box span.devicesettings_select_label, .poodll_mediarecorderbox_push .poodll_dialogue_box .devicesettings_select {
font-size: small;
padding: 0px;
margin: 0px;
}
.poodll_mediarecorderbox_push .poodll_close_modal {
height: 25px;
}
.poodll_mediarecorderbox_push .filter_poodll_errordisplay {
font-size: 10px;
margin-top: 5px;
}
/*********************************************END****************************************/
/*********************************************END****************************************/
/*
The Read Seed Audio Recorders
*/
.poodll_mediarecorderholder_readseed {
position: relative;
}
.poodll_mediarecorderholder_readseed .settingsicon {
position: absolute;
bottom: 75px;
right: 250px;
}
.poodll_mediarecorderholder_readseed .settingsicon button {
border: none !important;
background: transparent !important;
}
.poodll_mediarecorderholder_readseed .settingsicon button i {
font-size: 18px !important;
color: #333 !important;
}
.poodll_mediarecorderholder_readseed .settingsicon button:focus {
border: none;
background: transparent;
}
.poodll_mediarecorderholder_readseed .settingsicon button i:hover {
cursor: pointer;
}
.poodll_mediarecorder_audio .poodll_mediarecorder_playcanvas_readseed {
/* dimensions need to be declared on component */
/* height: 180px; */
/* width: 50px; */
}
.poodll_mediarecorder_audio .poodll_mediarecorder_caption_readseed {
/* nothing to do yet */
}
.poodll_mediarecorderbox_readseed.poodll_mediarecorder_readseed_testbuttonready {
color: #444;
font-size: xx-large;
background: #CBF2DC;
border-color: #3e7327;
}
.poodll_mediarecorderbox_readseed.poodll_mediarecorder_readseed_testbuttonrecording {
color: #444;
background: #CBF2DC;
border-color: #3e7327;
}
.poodll_mediarecorderbox_readseed.poodll_mediarecorder_readseed_startbuttonready {
color: #fffa90;
font-size: xx-large;
background: #3ea8ef;
border-color: #2b78e4;
}
.poodll_mediarecorderbox_readseed.poodll_mediarecorder_readseed_startbuttoncountdown {
color: #fffa90;
background: #3ea8ef;
border-color: #2b78e4;
}
.poodll_mediarecorderbox_readseed.poodll_mediarecorder_readseed_startbuttonrecording {
color: #fffa90;
background: #e06c6c;
border-color: #e41426;
}
.poodll_mediarecorderbox_readseed.poodll_mediarecorder_readseed_uploading {
color: #444;
background: #eeeeee;
border-color: #3e7327;
}
.poodll_mediarecorderbox_readseed.poodll_mediarecorder_readseed_allfinished {
color: #444;
background: #eeeeee;
border-color: #3e7327;
}
/* div button styling */
.poodll_mediarecorder_audio .poodll_mediarecorderbox_readseed {
display: flex;
border-style: solid;
border-width: 2px;
border-radius: 5px;
align-items: center;
justify-content: center;
box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);
cursor: pointer;
vertical-align: middle;
padding: 5px;
text-align: center;
max-width: 210px;
min-width: 210px;
max-height: 80px;
min-height: 80px;
}
.poodll_mediarecorder_audio .poodll_mediarecorderbox_readseed.readseed_canclick:active {
box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
font-weight: bold;
cursor: pointer;
}
.poodll_mediarecorder_audio .poodll_mediarecorderbox_readseed.readseed_canclick:hover {
/* -webkit-transform: scale(1.1); */
box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
font-weight: bold;
cursor: pointer;
}
/* end of button styling */
.poodll_mediarecorderbox_readseed canvas {
margin-bottom: 5px;
}
button.poodll_mediarecorder_button_readseed {
transition: filter 0.5s ease;
margin: auto;
width: 180px;
color: #fff;
background-color: #00acdf;
border-color: #00acdf;
background-image: none;
display: inline-block;
font-weight: 400;
line-height: 1.25;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .25rem;
}
.poodll_mediarecorderholder_readseed .poodll_mediarecorderbox_readseed {
position: relative;
}
.poodll_mediarecorderholder_readseed .poodll_mediarecorderbox_readseed .pmr_disabled {
display: none;
}
.poodll_mediarecorderholder_readseed .poodll_mediarecorderbox_readseed button:focus {
outline-style: none;
}
/* dialog */
.poodll_mediarecorderbox_readseed .poodll_dialogue_box .poodll_dialogue_content {
display: none;
}
.poodll_mediarecorderbox_readseed .poodll_dialogue_box span.devicesettings_select_label, .poodll_mediarecorderbox_readseed .poodll_dialogue_box .devicesettings_select {
font-size: small;
padding: 0px;
margin: 0px;
}
.poodll_mediarecorderbox_readseed .poodll_close_modal {
height: 25px;
}
.poodll_mediarecorderbox_readseed .filter_poodll_errordisplay {
font-size: 10px;
margin-top: 5px;
}
/*********************************************END****************************************/
/*********************************************END****************************************/
/*
The Read Aloud Audio Recorders
*/
.poodll_mediarecorderholder_readaloud {
position: relative;
}
.poodll_mediarecorderholder_readaloud .settingsicon {
position: absolute;
bottom: 75px;
right: 250px;
}
.poodll_mediarecorderholder_readaloud .settingsicon button {
border: none !important;
background: transparent !important;
}
.poodll_mediarecorderholder_readaloud .settingsicon button i {
font-size: 18px !important;
color: #333 !important;
}
.poodll_mediarecorderholder_readaloud .settingsicon button:focus {
border: none;
background: transparent;
}
.poodll_mediarecorderholder_readaloud .settingsicon button i:hover {
cursor: pointer;
}
.poodll_mediarecorder_audio .poodll_mediarecorderbox_readaloud {
text-align: center;
}
.poodll_mediarecorderbox_readaloud button:hover {
cursor: pointer;
filter: brightness(120%);
}
.poodll_mediarecorderbox_readaloud .poodll_start-recording_readaloud {
background-color: #93c47d;
}
.poodll_mediarecorderbox_readaloud .poodll_stop-recording_readaloud {
background-color: #ea9999;
}
.poodll_mediarecorderbox_readaloud .poodll_test-recording_readaloud {
background-color: #9fc5f8;
}
.poodll_mediarecorderbox_readaloud canvas {
margin-bottom: 5px;
}
button.poodll_mediarecorder_button_readaloud {
transition: filter 0.5s ease;
margin: auto;
width: 200px;
color: #fff;
background-color: #00acdf;
border-color: #00acdf;
background-image: none;
display: inline-block;
font-weight: 400;
line-height: 1.25;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .25rem;
}
.poodll_mediarecorderholder_readaloud .poodll_mediarecorderbox_readaloud {
position: relative;
}
.poodll_mediarecorderholder_readaloud .poodll_mediarecorderbox_readaloud .pmr_disabled {
display: none;
}
.poodll_mediarecorderholder_readaloud .poodll_mediarecorderbox_readaloud button:focus {
outline-style: none;
}
/*********************************************END****************************************/
/*
The Warning Recorder
*/
.poodll_mediarecorder_audio .poodll_mediarecorderbox_warning,
.poodll_mediarecorder_video .poodll_mediarecorderbox_warning {
text-align: center;
border: 1px solid #CCCCCC;
border-radius: 5px;
padding: 5px;
max-width: 320px;
min-width: 320px;
background-color: white;
}
div.poodll_mediarecorder_video canvas.poodll_mediarecorder_uploadcanvas_warning {
margin: auto;
display: block;
}
/*********************************************END****************************************/
/*
The Upload Recorder
*/
.poodll_mediarecorderbox_upload canvas.poodll-can-do-drag-drop {
background-color: white;
outline: 2px dashed black;
outline-offset: -10px;
}
.poodll_mediarecorderbox_upload canvas.is-poodll-drag-over {
background-color: grey;
}
.poodll_mediarecorder_audio .poodll_mediarecorderbox_upload,
.poodll_mediarecorder_video .poodll_mediarecorderbox_upload {
text-align: center;
border: 1px solid #CCCCCC;
border-radius: 5px;
padding: 5px;
max-width: 320px;
min-width: 320px;
background-color: white;
}
.poodll_mediarecorderbox_upload canvas {
margin-bottom: 5px;
}
div.poodll_mediarecorder_video canvas.poodll_mediarecorder_uploadcanvas_upload {
margin: auto;
display: block;
}
/*********************************************END****************************************/
/*
The Once Recorder
*/
.poodll_mediarecorderholder_once {
position: relative;
}
.poodll_mediarecorderholder_once .settingsicon {
position: absolute;
bottom: 0px;
right: 0px;
}
.poodll_mediarecorderholder_once .settingsicon button {
border: none !important;
background: transparent !important;
}
.poodll_mediarecorderholder_once .settingsicon button i {
font-size: 18px !important;
color: #333 !important;
}
.poodll_mediarecorderholder_once .settingsicon button:focus {
border: none;
background: transparent;
}
.poodll_mediarecorderholder_once .settingsicon button i:hover {
cursor: pointer;
}
.poodll_mediarecorder_audio .poodll_mediarecorderbox_once,
.poodll_mediarecorder_video .poodll_mediarecorderbox_once {
text-align: center;
border: 1px solid #CCCCCC;
border-radius: 5px;
padding: 5px;
max-width: 320px;
min-width: 320px;
}
.poodll_mediarecorderbox_once button:hover {
cursor: pointer;
filter: brightness(120%);
}
.poodll_mediarecorderbox_once .poodll_start-recording_once {
background-color: #93c47d;
}
.poodll_mediarecorderbox_once .poodll_stop-recording_once {
background-color: #ea9999;
}
.poodll_mediarecorderbox_once .poodll_test-recording_once {
background-color: #9fc5f8;
}
.poodll_mediarecorderbox_once canvas {
margin-bottom: 5px;
}
button.poodll_mediarecorder_button_once {
transition: filter 0.5s ease;
margin: auto;
width: 200px;
color: #fff;
background-color: #00acdf;
border-color: #00acdf;
background-image: none;
display: block;
font-weight: 400;
line-height: 1.25;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1rem;
font-size: 1rem;
border-radius: .25rem;
}
.poodll_mediarecorderbox_once {
background-color: white;
}
.poodll_mediarecorderholder_once .poodll_mediarecorderbox_once {
position: relative;
}
.poodll_mediarecorderholder_once .poodll_mediarecorderbox_once .pmr_disabled {
display: none;
}
.poodll_mediarecorderholder_once .poodll_mediarecorderbox_once button:focus {
outline-style: none;
}
.poodll_mediarecorderbox_once .poodll_status_once {
font-size: 2em;
font-family: georgia;
margin-top: 2px;
margin-bottom: 20px;
}
video.poodll_preview_once {
width: 280px;
height: 210px;
}
div.poodll_mediarecorder_video canvas.poodll_mediarecorder_uploadcanvas_once {
margin: auto;
display: block;
}
div.poodll_mediarecorder_video div.poodll_status_once {
position: absolute;
background-color: #eee;
opacity: 0.5;
top: 16px;
left: 50%;
transform: translate(-50%, -50%);
}
/*********************************************END****************************************/
/*
Integration
*/
.hp_slide {
width: 100%;
border: 3px solid #333;
position: relative;
height: 24px;
display: none;
margin-bottom: 10px;
}
.hp_timer {
width: 100%;
position: absolute;
text-align: center;
color: #333;
font-size: 14px;
z-index: 99;
}
.hp_range {
height: 18px;
width: 100%;
position: absolute;
display: block;
}
.audio_preview_123 {
display: none !important;
}
.hide {
display: none;
}
.filter_poodll_download_button {
border: 1px solid #333;
padding: 5px;
background-color: #ccc;
color: #fff;
}
.filter_poodll_mp3skinned_recorder {
width: 240px;
height: 205px;
}
.filter_poodll_mp3skinned_recorder_small_80 {
height: 80px;
}
.filter_poodll_unregistered {
font-weight: bold;
border-style: double;
border-width: thin;
border-color: red;
padding: 3px;
}
/* For HTML5 Uploads */
.p_progress p {
display: none;
width: 240px;
padding: 2px 5px;
margin: 2px 0;
border: 1px inset #446;
border-radius: 5px;
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/progress) 100% 0 repeat-y;
}
.p_progress p.success {
background: #0c0 none 0 0 no-repeat;
}
.p_progress p.failed {
background: #c00 none 0 0 no-repeat;
}
.p_messages {
float: left;
}
.p_btn {
display: inline-block;
cursor: pointer;
padding: 7px 10px;
font-weight: 700;
line-height: 1;
color: white;
background: #345;
border: 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.w_btn {
display: inline-block;
float: right;
}
.whiteboard-wrapper .p_btn {
float: right;
}
.p_btn_wrapper {
display: inline-block;
margin: 0;
position: relative;
overflow: hidden;
cursor: pointer;
}
.p_btn_wrapper [type="file"] {
position: absolute;
top: 0;
left: 0;
height: 45px;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
cursor: pointer;
}
.p_scrollbox {
position: relative;
}
.xaxis {
white-space: pre;
display: inline-block;
}
.p_scrollboxcontainer {
overflow: hidden;
border: 1px solid black;
padding: 3px;
position: relative;
}
.p_scroll_btn_wrapper {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
}
.p_scroll_btn_wrapper .p_btn {
background: #E20022;
position: relative;
top: -50%;
left: -50%;
}
.os_version_warning {
border: 1px solid #ff0000;
font-size: 14px;
font-weight: bold;
margin: 10px;
}
.fs-container {
margin: auto;
margin-top: 8px;
}
.literally {
width: 100%;
height: 100%;
}
/* Drawingboard.js */
.drawing-board, .drawing-board * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.drawing-board-utils-hidden, .drawing-board-controls-hidden {
display: none !important
}
.drawing-board {
position: relative;
display: block
}
.drawing-board-canvas-wrapper {
position: relative;
margin: 0;
border: 1px solid #ddd
}
.drawing-board-canvas {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: auto
}
.drawing-board-canvas {
cursor: crosshair;
z-index: 20
}
.drawing-board-cursor {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
border-radius: 50%;
background: #ccc;
background: rgba(0, 0, 0, .2);
z-index: 30
}
.drawing-board-control > button, .drawing-board-control-colors-rainbows, .drawing-board-control-size .drawing-board-control-inner, .drawing-board-control-size-dropdown {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
border: 0;
background-color: #eee;
padding: 2px 4px;
border: 1px solid #ccc;
box-shadow: 0 1px 3px -2px #121212, inset 0 2px 5px 0 rgba(255, 255, 255, .3);
-webkit-box-shadow: 0 1px 3px -2px #121212, inset 0 2px 5px 0 rgba(255, 255, 255, .3);
height: 28px
}
.drawing-board-control > button {
cursor: pointer;
min-width: 28px;
line-height: 14px
}
.drawing-board-control > button:hover, .drawing-board-control > button:focus {
background-color: #ddd
}
.drawing-board-control > button:active, .drawing-board-control > button.active {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .2);
background-color: #ddd
}
.drawing-board-control > button[disabled] {
color: gray
}
.drawing-board-control > button[disabled]:hover, .drawing-board-control > button[disabled]:focus, .drawing-board-control > button[disabled]:active, .drawing-board-control > button[disabled].active {
background-color: #eee;
box-shadow: 0 1px 3px -2px #121212, inset 0 2px 5px 0 rgba(255, 255, 255, .3);
-webkit-box-shadow: 0 1px 3px -2px #121212, inset 0 2px 5px 0 rgba(255, 255, 255, .3);
cursor: default
}
.drawing-board-controls {
margin: 0 auto;
text-align: center;
font-size: 0;
display: table;
border-spacing: 9.33333px 0;
position: relative;
min-height: 28px
}
.drawing-board-controls[data-align=left] {
margin: 0;
left: -9.33333px
}
.drawing-board-controls[data-align=right] {
margin: 0 0 0 auto;
right: -9.33333px
}
.drawing-board-canvas-wrapper + .drawing-board-controls, .drawing-board-controls + .drawing-board-canvas-wrapper {
margin-top: 5px
}
.drawing-board-controls-hidden {
height: 0;
min-height: 0;
padding: 0;
margin: 0;
border: 0
}
.drawing-board-control {
display: table-cell;
border-collapse: separate;
vertical-align: middle;
font-size: 16px;
height: 100%
}
.drawing-board-control-inner {
position: relative;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.drawing-board-control > button {
margin: 0;
vertical-align: middle
}
.drawing-board-control-colors {
font-size: 0;
line-height: 0
}
.drawing-board-control-colors-current {
border: 1px solid #ccc;
cursor: pointer;
display: inline-block;
width: 26px;
height: 26px
}
.drawing-board-control-colors-rainbows {
display: inline-block;
margin-left: 5px;
position: absolute;
left: 0;
top: 33px;
margin-left: 0;
z-index: 100;
width: 250px;
height: auto;
padding: 4px
}
.drawing-board-control-colors-rainbow {
height: 18px
}
.drawing-board-control-colors-picker:first-child {
margin-right: 5px
}
.drawing-board-control-colors-picker {
display: inline-block;
width: 18px;
height: 18px;
cursor: pointer
}
.drawing-board-control-colors-picker[data-color="rgba(255,255,255,1)"] {
width: 16px;
height: 17px;
border: 1px solid #ccc;
border-bottom: 0
}
.drawing-board-control-colors-picker:hover {
width: 16px;
height: 16px;
border: 1px solid #555
}
.drawing-board-control-drawingmode > button {
margin-right: 2px
}
.drawing-board-control-drawingmode > button:last-child {
margin-right: 0
}
.drawing-board-control-drawingmode-pencil-button {
overflow: hidden;
*text-indent: -9999px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAe9JREFUeNpiZAACVlFRBhYREQZcQPnbNwa3N28YlL5+ZfgLFfvPwGD9m4FhIgsDHuAO0gTUDNKIBvyBmqt/MTDMY8Gl0f31azD7L6oUIxCnAzWmAPHBfwwM01AMUAV6JfPQIVwOYgVqqPnFyOjz6///O38YGKpAgmAD1OXlGdTk5PD5hgeouZudj8/uy9evP/78/dsFFPsJNiAoKIiBABAHap4oLi9v8fTNm48//v7NBwbgWZgkE7rqt8DY+A8JZRBW+cfIuEDT0NDlzadP3z98/doPFDuCrB7TAGFhBqCNIGwM9OcKUzs7+xdv3355+f79VqDYAiTDwZgJh7ONgYpnOvn4GL949erT7UePdgL5JVCD4fgBLBBxaX74+PG789evnwby0/8jKXgExIeB+CG6Af///1e9Ki9vFSAkZPzoyZPPJy9evA9MB77/sWiEARZkzV+/fvXYtGnTpG3btj28EBT0BqjZ5D8OjXCwPksUhA1Wpggf/PHjx/9169Y9EBERaUlgZmaIAcrLE4rk5sIqBqDmlefnRPzfWGX5EaSZm5ubgRloADGA5QZ3RgK7gESY4PMNn9ZtObPpzZvfU4DiYkiB/RcHG+S7fyxAMH/lFU2GOZd2bLx18/cEUMoD4j9I+DcS/RtJHGTYf4AAAwAxaOMYHjxKFwAAAABJRU5ErkJggg==);
background-position: 50% 50%;
background-repeat: no-repeat
}
.drawing-board-control-drawingmode-pencil-button:before {
content: "";
display: block;
width: 0;
height: 100%
}
.drawing-board-control-drawingmode-eraser-button {
overflow: hidden;
*text-indent: -9999px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkpJREFUeNp0kk+IElEcx39vFBc9+OfQRTAwzFt4CaYOKStj6MoeculStzoIQSB4kCVckmDx4iGCXWYJIqjoVOzO1l4qT1F7WfBWHvxzDPyTB3XUmXn93suRybUffHmP997n9/cRsFgwGARJkiAcDsPlwgEIeEZQAhCRAkgAlOD6SQP4rgMFDWVnYCAQgFgsBqFQCBwOByzZNQOotPHx1RNCCCipu6bfb+zSnslkeOQVILPrBkAirbws9btdTEWAzZPXpfepOzaeGMBXwe/3w3+MwTc3Dl+UeghTiskbBvR6Pbh18mZHB0jjmxvCKhIfR37s3r+Sevf8ca/T4TBF2HTSODuDxP7uNjrZFFbBk8lEzOVyspa4ykGYw2zfbTb/7ilvok1YhlVVFfP5vDydTkHXdXDdlhZOOnPY4/HA0YPtp3h6LFjh8XgsFgoFGTPgsKm1zDr8ajTQh8Fh5eGjZzjGI8yjKlgjF4tFGdd/YKYmRja24hw+zu3sYe2HiH3hYzQjl8tleTQanWtou93G6Qngdrth6+1+9h6hTULJZ/PeziJXKhV5OByeg1ut1gJOp9NZTdNOcQ419ot+ggp1qoLdBFmqVmNpm3A8Huewy+Wq1RH8QH9zmBlJJpMRdCIqiiIPBgN+2MCGsW/r8/kgGo1m0fmpzWarseayHlmNeL1eFiWC0cRqtSr3+/3FpSiKHMZtjU1glbFyfKgLTqfzEka9OJvNeDnzz1JnCaFmqOl8ZdJY1SiDOXCiXKg1NtG5DIt0y6ov3dE/AgwAENFWYYLj4mYAAAAASUVORK5CYII=);
background-position: 50% 50%;
background-repeat: no-repeat
}
.drawing-board-control-drawingmode-eraser-button:before {
content: "";
display: block;
width: 0;
height: 100%
}
.drawing-board-control-drawingmode-filler-button {
overflow: hidden;
*text-indent: -9999px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnNJREFUeNp0k0trE1EUx89MJpNJooYYXBgDNtCKdRPwlbqoCKUtaNVNA0Uo7UbMxoVPEARTXEi+QWfnwn6DEAlEkrSLttTGRiULEQlJ8yChmbzI++E50yTUJA78uMy953/u/557LmOz2WDEZ2m1WrckSRJSqdR2tVrdHQyYebwHtVoNuFHqTqczhQnWKaBYLDoKhcIuzgHDMKBSqeD20qd+LNdsNocSoFhRr9ctpVLJigl4xIIJQizLAmG4cAPa7bYcy9Iug5TL5UYikbD6/X7Rbre/IUcYe3WUW5ZsnQQzW9LpNOPz+UQc5aBM5mgdh7vI9FCCAesW2tnr9YqZTAby+bw8f3AQRP6853n+Ph5hemSCntjj8YjZbFYWx2IxeS2RSEMwuA87O79eqdXquVolK+GxnP0EPbHb7RZJSGABIR6PA11zJHKIR2MhHA5DIPDj7eH3j95KpfK60Wg8Yntil8slkqgnpioLghacTidoNDpEC3q9HnheCc3s1jZeLcW943pirPw/4lKpBkqlDubnl/riycnLsLy88EKj0fhzuRyZv8RFo1E6wpBYkiqy7Z54YmIcVlYeyOKC4mYwJ0nHRaQuM5vNT6hB/iceG7sIq6sPnwmC4MerDkby40AOCCoiddie1Wp92W7zQ2KTyQSLizNP8T0EsPLBbxEDnCj0GkM2qIEwyZRCobizsfH5A1ZXFhuN52F29vpz3HkL574mk8lj24Y5wsHkvjjoX0BOIWc5jruHzbK2ufmzEwpFO3jnDhQv4JoROYdoERVyGjEgZ8iBDlF3FzXo4go6utZ9lftY4N/dXisjR0i1G0ublv8KMAA0ZoUlicxrhwAAAABJRU5ErkJggg==);
background-position: 50% 50%;
background-repeat: no-repeat
}
.drawing-board-control-drawingmode-filler-button:before {
content: "";
display: block;
width: 0;
height: 100%
}
.drawing-board-control-navigation > button {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
margin-right: 2px
}
.drawing-board-control-navigation > button:last-child {
margin-right: 0
}
.drawing-board-control-size[data-drawing-board-type=range] .drawing-board-control-inner {
width: 75px
}
.drawing-board-control-size[data-drawing-board-type=dropdown] .drawing-board-control-inner {
overflow: visible
}
.drawing-board-control-size-range-input {
position: relative;
width: 100%;
z-index: 100;
margin: 0;
padding: 0;
border: 0
}
.drawing-board-control-size-range-current, .drawing-board-control-size-dropdown-current span, .drawing-board-control-size-dropdown span {
display: block;
background: #333;
opacity: .8
}
.drawing-board-control-size-range-current {
display: inline-block;
opacity: .15;
position: absolute;
pointer-events: none;
left: 50%;
top: 50%;
z-index: 50
}
.drawing-board-control-size-dropdown-current {
display: block;
height: 100%;
width: 40px;
overflow: hidden;
position: relative
}
.drawing-board-control-size-dropdown-current span {
position: absolute;
left: 50%;
top: 50%
}
.drawing-board-control-size-dropdown {
position: absolute;
left: -6px;
top: 33px;
height: auto;
list-style-type: none;
margin: 0;
padding: 0;
z-index: 100
}
.drawing-board-control-size-dropdown li {
display: block;
padding: 4px;
margin: 3px 0;
min-height: 16px
}
.drawing-board-control-size-dropdown li:hover {
background: #ccc
}
.drawing-board-control-size-dropdown span {
margin: 0 auto
}
.drawing-board-control-download-button {
overflow: hidden;
*text-indent: -9999px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAoBJREFUeNqMkr9PU1EUx7/vR1tQ3yu10hAmTawtBSYSy2YccFOcnDQm/gewOLnj5GYMg4sdXFxkMca4OBAwdUBe/ZkIGFp+9tHXvh/3/fTcAm01aLzJybnn3nM+95tzrnDl6Tb+sibuTmWUWj3C6/Juk+LySUmyvt0FCKKA02ryOCy6LBiu15ngMbZ5DDCNBqIw6gKM+n4nECUJru3glKry8CpjQaHVYmC2rVH82DIMMMdGGARdwJ+SPNdFS9chx+MXDNMp/NzagWNatk/nQU/hiYAoih6FYTBCBs9zUXMCbAhx2OYOv351lPOJ3EwH4LteL6Dcp/Rfu3FrstDyIizt+agpaYxNDU0M9gl4v7Ck+TYrCYLQqZHUyTtdQBiutPSGUflczSXHs5lVKwZdSOBMvwztxVvN0RtzsiyXBFHsAvL5PBSnCpXV2getILFiE2SjspYbuZzPiDSZ2vOXmlvX5yQqTmMfg9ZXqtls1wnT09OHEyAq0aFLg/gSXsSWq9wWk+p9PrCoYTwcijdLOfE7UsEufN9HGIYnT4EnTGIXe1KqtNNIvuNnGamxfi7SgQD/nIJCTbzOPQ/SQh1pud7T4M6W/8qFIw/5WAr5m7Ozsw9UVc069Fls2yJzSC5/lnc9RhaHZVnfSqUnEgXP2oBqtYqBgYG2+mKxmOVADnAcB4yxHgD1RzehKKns/LyV4gUHBweQy+UyRkdH6UKJ6fQDFxcXoWkaXJeRuTgUGCdLQJ9bx72lGZimGWs2m+083oN+2iiFQiGxvLy8RrDzudyltgrG3N8U2G8CrPz4sGYYRqJSqWR4H/jNWbJhUjAWi8XG8R/L87yPpGCVttVfAgwAVpZR+8tZC08AAAAASUVORK5CYII=);
background-position: 50% 50%;
background-repeat: no-repeat
}
.drawing-board-control-download-button:before {
content: "";
display: block;
width: 0;
height: 100%
}
/* literally canvas */
.literally .button-style-1 {
border: 2px solid transparent;
border-radius: 3px
}
.literally .button-style-1 {
text-decoration: none;
cursor: pointer
}
.literally .button-style-1.selected:not(.disabled) {
background-color: #a1d9fe
}
.literally .button-style-1:hover:not(.disabled) {
border-color: #a1d9fe
}
.literally .button-style-1.disabled {
cursor: default;
opacity: 0.3
}
.literally.toolbar-at-top .lc-drawing {
bottom: 0;
top: 31px
}
.literally.toolbar-at-top .lc-options {
top: 0;
border-bottom: 1px solid #555
}
.literally.toolbar-at-bottom .lc-drawing {
bottom: 31px;
top: 0
}
.literally.toolbar-at-bottom .lc-options {
bottom: 0;
border-top: 1px solid #555
}
.literally.toolbar-hidden .lc-drawing {
left: 0;
right: 0;
bottom: 0;
top: 0
}
.literally.toolbar-hidden .lc-options, .literally.toolbar-hidden .lc-picker {
display: none
}
.literally {
position: relative;
background-color: #ddd;
min-height: 400px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-ms-touch-action: none;
user-select: none
}
.literally, .literally * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.literally > * {
position: absolute
}
.literally .lc-picker {
top: 0;
left: 0;
bottom: 0;
width: 61px;
background-color: #e6e6e6
}
.literally .lc-drawing {
right: 0;
left: 61px;
cursor: default
}
.literally .lc-drawing > * {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.literally .lc-drawing .polygon-toolbar {
top: auto;
height: 31px
}
.literally .lc-drawing .polygon-toolbar .polygon-toolbar-button {
float: left
}
.literally .lc-drawing .text-tool-input:focus {
outline: none
}
.literally .lc-picker {
z-index: 2;
border-right: 1px solid #555
}
.literally .lc-picker .toolbar-button {
width: 26px;
height: 26px;
line-height: 26px;
margin: 2px;
padding: 0;
cursor: pointer;
text-align: center;
border: 2px solid transparent;
border-radius: 3px
}
.literally .lc-picker .toolbar-button {
text-decoration: none;
cursor: pointer
}
.literally .lc-picker .toolbar-button.selected:not(.disabled) {
background-color: #a1d9fe
}
.literally .lc-picker .toolbar-button:hover:not(.disabled) {
border-color: #a1d9fe
}
.literally .lc-picker .toolbar-button.disabled {
cursor: default;
opacity: 0.3
}
.literally .lc-picker .thin-button {
cursor: pointer;
float: left;
position: relative
}
.literally .lc-picker .fat-button {
clear: both;
width: 56px
}
.literally .lc-picker .lc-pick-tool, .literally .lc-picker .lc-undo, .literally .lc-picker .lc-redo, .literally .lc-picker .lc-zoom-in, .literally .lc-picker .lc-zoom-out {
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center
}
.literally .color-well {
font-size: 10px;
float: left;
width: 60px
}
.literally .color-well.open {
background-color: #a1d9fe
}
.literally .color-well-color-container {
border: 2px solid transparent;
border-radius: 3px;
border: 1px solid #aaa;
position: relative;
width: 28px;
height: 28px;
margin: 1px auto;
overflow: visible
}
.literally .color-well-color-container {
text-decoration: none;
cursor: pointer
}
.literally .color-well-color-container.selected:not(.disabled) {
background-color: #a1d9fe
}
.literally .color-well-color-container:hover:not(.disabled) {
border-color: #a1d9fe
}
.literally .color-well-color-container.disabled {
cursor: default;
opacity: 0.3
}
.literally .color-well-color-container .color-well-checker {
position: absolute;
width: 50%;
height: 50%;
background-color: black
}
.literally .color-well-color-container .color-well-checker-top-left {
border-top-left-radius: 3px
}
.literally .color-well-color-container .color-well-checker-bottom-right {
border-bottom-right-radius: 3px
}
.literally .color-well-color-container .color-well-color {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 3px
}
.literally .color-picker-popup {
position: absolute;
z-index: 1;
background-color: white;
border: 1px solid #555;
left: 60px;
bottom: 31px
}
.literally .color-picker-popup .color-row {
clear: both
}
.literally .color-picker-popup .color-row .color-cell {
cursor: pointer;
width: 20px;
height: 20px;
line-height: 20px;
float: left
}
.literally .color-picker-popup .color-row .color-cell:hover, .literally .color-picker-popup .color-row .color-cell.selected {
border: 1px solid #555;
line-height: 18px
}
.literally .color-picker-popup .color-row .color-cell.transparent-cell {
width: 100%
}
.literally .horz-toolbar {
height: 31px;
background-color: #e6e6e6
}
.literally .horz-toolbar label {
line-height: 30px;
margin: 0 0.25em 0 0.25em;
font-size: 12px;
float: left
}
.literally .horz-toolbar .square-toolbar-button {
border: 2px solid transparent;
border-radius: 3px;
margin: 1px;
border: 1px solid #aaa;
width: 28px;
height: 28px;
float: left;
position: relative
}
.literally .horz-toolbar .square-toolbar-button {
text-decoration: none;
cursor: pointer
}
.literally .horz-toolbar .square-toolbar-button.selected:not(.disabled) {
background-color: #a1d9fe
}
.literally .horz-toolbar .square-toolbar-button:hover:not(.disabled) {
border-color: #a1d9fe
}
.literally .horz-toolbar .square-toolbar-button.disabled {
cursor: default;
opacity: 0.3
}
.literally .horz-toolbar .square-toolbar-button img {
max-width: 100%;
max-height: 100%
}
.literally .horz-toolbar .square-toolbar-button label {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
line-height: 26px;
margin: auto;
float: none;
text-align: center
}
.literally .polygon-toolbar {
border-top: 1px solid #555
}
.literally .lc-options {
z-index: 1;
right: 0;
left: 61px
}
.literally .lc-options .lc-font-settings {
height: 30px;
line-height: 31px;
padding-left: 4px;
background-color: #f5f5f5
}
.literally .lc-options .lc-font-settings input {
margin: 0 0.5em 0 0
}
.literally .lc-options .lc-font-settings input[type=checkbox] {
margin: 0 0.5em 0 0.5em
}
/*owl carousel flashcards*/
.filter_poodll_flashcards_owl .owl-item a {
text-decoration: none;
}
.filter_poodll_dragdropsquare {
width: 130px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 5px;
color: #73AD21;
border: 1px solid #73AD21;
padding: 1px 1px 1px 1px;
background-color: #CBF2DC;
margin-top: 5px;
float: right;
}
div.filter_poodll_dragging {
border: 2px dashed #0000FF;
}
a.filter_poodll_mobilerecorderlink {
float: left;
margin: 3px;
-moz-box-shadow: inset 0px -3px 7px 0px #29bbff;
-webkit-box-shadow: inset 0px -3px 7px 0px #29bbff;
box-shadow: inset 0px -3px 7px 0px #29bbff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
background: -moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
background: -webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
background: -o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
background: -ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
background: linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa', GradientType=0);
background-color: #2dabf9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #0b0e07;
/*display:inline-block;*/
cursor: pointer;
color: #ffffff;
font-family: Arial;
font-size: 13px;
padding: 9px 23px;
text-decoration: none;
text-shadow: 0px 1px 0px #263666;
}
a.filter_poodll_mobilerecorderlink:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
background: -moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
background: -webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
background: -o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
background: -ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
background: linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9', GradientType=0);
background-color: #0688fa;
}
a.filter_poodll_mobilerecorderlink:active {
position: relative;
top: 1px;
}
a.filter_poodll_uploadafilelink {
float: left;
margin: 3px;
-moz-box-shadow: inset 0px -3px 7px 0px #3e7327;
-webkit-box-shadow: inset 0px -3px 7px 0px #3e7327;
box-shadow: inset 0px -3px 7px 0px #3e7327;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
background: -moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
background: -webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
background: -o-linear-gradient(top, #77b55a 5%, #72b352 100%);
background: -ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
background: linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352', GradientType=0);
background-color: #77b55a;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #4b8f29;
/*display:inline-block;*/
cursor: pointer;
color: #ffffff;
font-family: Arial;
font-size: 13px;
padding: 9px 23px;
text-decoration: none;
text-shadow: 0px 1px 0px #5b8a3c;
}
a.filter_poodll_uploadafilelink:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
background: -moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
background: -webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
background: -o-linear-gradient(top, #72b352 5%, #77b55a 100%);
background: -ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
background: linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a', GradientType=0);
background-color: #72b352;
}
a.filter_poodll_uploadafilelink:active {
position: relative;
top: 1px;
}
.poodll_take-snapshot {
margin-top: 5px;
}
.poodll_cancel-snapshot {
margin-top: 5px;
}
.filter_poodll_chooseopenapp_button {
}
.filter_poodll_chooseupload_button {
}
.poodll_save-recording {
clear: both;
width: 320px;
}
/* ONETWOTHREE Recorder Skin */
.poodll_preview_onetwothree {
border: black;
border-style: solid;
border-width: 2px;
background-color: #DDD;
clear: both;
width: 320px;
}
audio.poodll_preview_onetwothree {
height: 37px;
}
.poodll_preview_onetwothree.poodll_recording {
border: red;
}
button.poodll_mediarecorder_button_onetwothree {
width: 100%;
}
/* MEDIA RECORDER STANDARD SKIN .. need to remove '_standard' */
.poodll_preview_standard {
border: black;
border-style: solid;
border-width: 2px;
background-color: #DDD;
clear: both;
width: 100%;
}
audio.poodll_preview_standard {
height: 37px;
}
.poodll_preview_standard.poodll_recording {
border: red;
}
.poodll_save-recording_standard {
clear: both;
width: 320px;
}
.poodll_mediarecorderbox_standard {
width: 370px;
text-align: center;
}
.poodll_mediarecorder_button_standard {
margin: 5px;
}
.poodll_status_standard {
border: black;
border-style: solid;
border-width: 2px;
background-color: #DDD;
clear: both;
width: 320px;
margin-left: auto;
margin-right: auto;
margin-bottom: 8px;
}
.poodll_status_standard.poodll_recording {
color: red;
border: red;
}
@media (max-width: 768px) {
.poodll_mediarecorderbox_standard {
width: 100%;
}
}
/* MEDIA RECORDER Split SKIN */
.poodll_mediarecorder_button_split {
max-width: 370px;
width: 100%;
border: 3px solid #555;
height: 50px;
border-radius: 20px;
}
.poodll_mediarecorderholder_split .poodll_mediarecorderbox_split h1.poodll_recordTimer {
font-size: 14px;
text-align: center;
margin-top: 20px;
color: #fff;
text-shadow: 1px 1px 1px #c2c2c2;
}
.poodll_mediarecorderholder_split_recordcolor, .poodll_mediarecorderholder_split_recordcolor .fa-microphone {
color: #ff0000;
}
div.poodll_mediarecorderholder_split {
max-width: 370px;
width: 100%;
height: auto;
margin: auto;
}
div.poodll_mediarecorder_split_topsplit {
display: block;
margin: auto;
/* width: 370px; */
}
.poodll_mediarecorderbox_split hr {
border: none;
}
.poodll_mediarecorderbox_split {
/* width: 370px; */
text-align: left;
}
.poodll_status_split {
margin-top: 5px;
width: 100%;
max-width: 370px;
height: 30px;
margin-bottom: 8px;
text-align: center;
position: relative;
/*
border: black;
border-style:solid;
border-width: 2px;
*/
}
.split_range {
height: 30px;
width: 100%;
max-width: 370px;
position: absolute;
display: block;
}
.poodll_statusholder_split {
position: relative;
background-color: #EEE;
}
/* MEDIA RECORDER Shadow SKIN */
.marker i {
margin-left: -40px;
font-size: 50px;
color: #333;
width: 85%;
background: #f2f2f2;
}
.poodll_mediarecorderholder_shadow {
width: 370px !important;
min-height: 220px;
height: auto;
margin: 0 auto;
}
.poodll_preview_shadow {
border: black;
border-style: solid;
border-width: 2px;
background-color: #DDD;
clear: both;
width: 100%;
}
.poodll_mediarecorderbox_shadow button {
width: 27%;
height: 150px;
margin-bottom: 10px;
border-radius: 5%;
border: 0;
background-color: #0040ad;
color: #fff;
text-transform: uppercase;
font-weight: 600;
float: left;
}
.poodll_mediarecorderbox_shadow hr {
border: none;
}
button.poodll_mediarecorder_button_shadow.poodll_play-resource_shadow {
background-color: #009e0f;
}
button.poodll_mediarecorder_button_shadow.poodll_stop-resource_shadow {
background-color: #009e0f;
}
button.poodll_mediarecorder_button_shadow.poodll_start-recording_shadow {
background-color: #2b78e4;
}
button.poodll_mediarecorder_button_shadow.poodll_stop-recording_shadow {
background-color: #cc0000;
}
button.poodll_mediarecorder_button_shadow.poodll_playback-recording_shadow {
background-color: #ff00ff;
}
button.poodll_mediarecorder_button_shadow.poodll_stopplayback-recording_shadow {
background-color: #ff00ff;
}
/* ANIMATION */
.shadow-active {
-webkit-animation: POODLL-BUTTON-ANIMATION 1s infinite;
-moz-animation: POODLL-BUTTON-ANIMATION 1s infinite;
-o-animation: POODLL-BUTTON-ANIMATION 1s infinite;
animation: POODLL-BUTTON-ANIMATION 1s infinite;
}
@-webkit-keyframes POODLL-BUTTON-ANIMATION {
0%, 49% {
background-color: rgba(0, 64, 173, 1);
border: 3px solid rgba(212, 116, 41, 1);
}
50%, 100% {
background-color: rgba(212, 116, 41, 1);
border: 3px solid rgba(0, 64, 173, 1);
}
}
audio.poodll_preview_shadow {
height: 37px;
}
.poodll_preview_shadow.poodll_recording {
border: red;
}
.poodll_save-recording_shadow {
clear: both;
width: 320px;
}
.poodll_mediarecorderbox_shadow {
width: 370px;
text-align: center;
}
.poodll_mediarecorder_button_shadow {
margin: 5px;
}
.poodll_status_shadow {
background-color: #DDD;
clear: both;
width: 320px;
margin-left: auto;
margin-right: auto;
margin-bottom: 8px;
}
.poodll_status_standard.poodll_recording {
color: red;
border: red;
}
/* MEDIA RECORDER FluencyBuilder SKIN */
.poodll_preview_fluencybuilder {
border: black;
border-style: solid;
border-width: 2px;
background-color: #DDD;
clear: both;
width: 100%;
}
audio.poodll_preview_fluencybuilder {
height: 37px;
}
.poodll_preview_fluencybuilder.poodll_recording {
border: red;
}
.poodll_save-recording_fluencybuilder {
clear: both;
width: 320px;
}
.poodll_mediarecorderbox_fluencybuilder {
width: 370px;
text-align: center;
}
.poodll_mediarecorder_button_fluencybuilder {
margin: 5px;
}
.poodll_status_fluencybuilder {
border: black;
border-style: solid;
border-width: 2px;
background-color: #DDD;
clear: both;
width: 320px;
margin-left: auto;
margin-right: auto;
margin-bottom: 8px;
}
.poodll_status_standard.poodll_recording {
color: red;
border: red;
}
/* MEDIA RECORDER GOLD SKIN .. */
.poodll_preview_gold {
border: black;
border-style: solid;
border-width: 2px;
background-color: #DDD;
clear: both;
width: 320px;
}
audio.poodll_preview_gold {
height: 37px;
}
.poodll_preview_gold.poodll_recording {
border: red;
}
.poodll_save-recording_gold {
clear: both;
width: 320px;
}
.poodll_mediarecorderbox_gold {
width: 370px;
text-align: center;
}
.poodll_mediarecorder_button_gold {
margin: 5px;
}
.poodll_status_gold {
border: black;
border-style: solid;
border-width: 2px;
background-color: #DDD;
clear: both;
width: 320px;
margin-left: auto;
margin-right: auto;
margin-bottom: 8px;
}
.poodll_status_gold.poodll_recording {
color: red;
border: red;
}
/* MEDIA RECORDER SKIN BURNT ROSE*/
.poodll_mediarecorderbox_burntrose .poodll_mic {
margin-top: 30px !important;
}
.poodll_mediarecorderbox_burntrose .poodll_savebtn {
/* margin-top: 165px !important; */
}
.poodll_mediavideobox {
background: black !important;
background-image: none !important;
}
.poodll_mediavideobox2 > .poodll_savebtn {
margin-left: 152px !important;
margin-top: 5px !important;
}
.poodll_preview_burntrose {
border: black;
border-style: solid;
border-width: 2px;
background-color: #DDD;
clear: both;
width: 320px;
}
.poodll_mediarecorderbox_burntrose {
background: black !important;
width: 352px !important;
height: 120px !important;
background-image: none !important;
}
.poodll_status_burntrose {
clear: both;
color: #fff;
margin-left: 130px;
margin-top: 14px !important;
position: absolute;
width: 30px !important;
}
.poodll_mic {
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/mic1) 100% no-repeat;
height: 31px !important;
margin-left: 197px !important;
margin-top: 38px !important;
position: absolute;
width: 15px !important;
}
.poodll_savebtn {
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/save1) 100% no-repeat;
height: 34px !important;
margin-left: 155px !important;
margin-top: 77px !important;
position: absolute;
width: 99px !important;
}
.poodll_start-recording {
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/arrec) 100% no-repeat;
height: 45px !important;
margin-left: 3px !important;
margin-top: 32px !important;
position: absolute;
width: 64px !important;
background-position: 0px 0px !important;
}
.poodll_start-recording:hover,
.poodll_start-recording:focus {
background-position: 0px 0px !important;
outline: none !important;
}
.poodll_play-recording {
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/arplay) 100% no-repeat;
height: 45px !important;
margin-left: 59px !important;
border: none;
margin-top: 32px !important;
position: absolute;
width: 67px !important;
background-position: 0px 0px !important;
}
.poodll_play-recording:hover,
.poodll_play-recording:focus {
background-position: 0px 0px !important;
outline: none !important;
}
.poodll_stop-recording {
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/arstop) 100% no-repeat;
height: 46px !important;
width: 64px !important;
background-position: 0px 0px !important;
position: absolute;
margin-left: 0px !important;
margin-top: 32px !important;
}
.poodll_stop-recording:hover,
.poodll_stop-recording:focus {
background-position: 0px 0px !important;
outline: none !important;
}
.poodll_pause-recording {
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/arpause) 100% no-repeat;
height: 45px !important;
width: 67px !important;
border: none;
margin-top: 32px !important;
background-position: 0px 0px !important;
position: absolute;
margin-left: 59px !important;
}
.poodll_pause-recording:hover,
.poodll_pause-recording:focus {
background-position: 0px 0px !important;
outline: none !important;
}
.poodll_resume-recording {
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/arresume) 100% no-repeat;
height: 45px !important;
width: 67px !important;
border: none;
margin-top: 32px !important;
background-position: 0px 0px !important;
position: absolute;
margin-left: 59px !important;
}
.poodll_resume-recording:hover,
.poodll_resume-recording:focus {
background-position: 0px 0px !important;
outline: none !important;
}
.poodll_save-recording_burntrose {
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/save2) 100% no-repeat !important;
height: 33px !important;
border: none;
width: 94px !important;
margin-left: 155px !important;
margin-top: 77px !important;
background-position: 0px 0px !important;
position: absolute
}
.poodll_save-recording_burntrose:hover,
.poodll_save-recording_burntrose:focus {
background-position: 0px 0px !important;
outline: none !important;
}
.poodll_playsave {
height: 46px !important;
width: 67px !important;
border: none !important;
margin-top: 32px !important;
background-position: 0px 0px !important;
position: absolute;
margin-left: 60px !important;
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/arplaysave) 100% 0 no-repeat;
}
.poodll_playsave:hover,
.poodll_playsave:focus {
background-position: 0px 0px !important;
outline: none !important;
}
.poodll_savebtn:hover,
.poodll_savebtn:focus {
background-position: 0px 0px !important;
outline: none !important;
}
.poodll_savedsuccessfully {
background-image: url(pix/savesuccess.png);
height: 49px !important;
border: none !important;
width: 103px !important;
margin-left: 152px !important;
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/savesuccess) 100% no-repeat;
margin-top: 69px !important;
background-position: 0px 0px !important;
position: absolute
}
.poodll_savedsuccessfully:hover,
.poodll_savedsuccessfully:focus {
background-position: 0px 0px !important;
outline: none !important;
}
.poodll_mic:hover,
.poodll_mic:focus {
background-position: 0px 0px !important;
outline: none !important;
}
.poodll_recmic {
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/mic3) 100% no-repeat;
border: none;
height: 31px !important;
margin-left: 197px !important;
width: 19px !important;
margin-top: 38px !important;
background-position: 0px 0px !important;
position: absolute;
}
.poodll_recmic:hover,
.poodll_recmic:focus {
background-position: 0px 0px !important;
outline: none !important;
}
.poodll_line {
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/line) 100% 0 repeat;
}
.poodll_resume_mic {
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/mic2) 100% no-repeat;
border: none;
height: 34px !important;
margin-left: 197px !important;
width: 19px !important;
margin-top: 39px !important;
background-position: 0px 0px !important;
position: absolute;
}
.poodll_resume_mic:hover,
.poodll_resume_mic:focus {
background-position: 0px 0px !important;
outline: none !important;
}
.poodll_mediarecorderbox_burntrose > .poodll_status_burntrose {
margin-left: 176px !important;
/*margin-top: 263px !important;*/
position: absolute;
}
.poodll_mediavideobox2 > .poodll_savebtn {
margin-left: 152px !important;
margin-top: 39px !important;
}
.poodll_mediavideobox2 > .poodll_start-recording {
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/arrec) 100% no-repeat;
height: 49px !important;
width: 57px !important;
margin-top: 2px !important;
margin-left: 3px !important;
}
.poodll_mediavideobox2 > .poodll_stop-recording {
margin-top: 2px !important;
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/arstop) 100% no-repeat;
height: 49px !important;
margin-left: 0px !important;
width: 59px !important;
}
.poodll_mediavideobox2 > .poodll_pause-recording {
margin-top: 1px !important;
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/vrpause12) 100% no-repeat;
height: 45px !important;
width: 54px !important;
margin-left: 60px !important;
}
.poodll_mediavideobox2 > .poodll_resume-recording {
margin-top: 1px !important;
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/vrresume12) 100% no-repeat;
height: 45px !important;
width: 54px !important;
margin-left: 60px !important;
}
.poodll_mediavideobox2 > .poodll_play-recording {
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/arplay1) 100% no-repeat;
height: 48px !important;
margin-left: 60px !important;
width: 54px !important;
margin-top: 1px !important;
}
.poodll_mediavideobox2 > .poodll_playsave {
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/arplaysave2) 100% no-repeat;
height: 45px !important;
margin-top: 2px !important;
width: 54px !important;
margin-left: 60px !important;
}
.poodll_mediavideobox2 {
background: #eee url(/theme/image.php/petel/filter_poodll/1726409799/vc13) 100% no-repeat;
width: 323px !important;
height: 96px !important;
}
.poodll_mediavideobox2 > .poodll_save-recording_burntrose {
margin-left: 152px !important;
margin-top: 39px !important;
}
.poodll_mediavideobox2 > .poodll_preview_burntrose {
width: 278px !important;
}
.poodll_mediavideobox2 > .poodll_savedsuccessfully {
margin-left: 152px !important;
margin-top: 40px !important;
}
#messageAlert {
/*text-align:left*/
}
.filter_poodll_recorder_placeholder {
display: inline-block;
}
/*
Default skin for Poodll standard media recorder
*/
/*
.filter_poodll_recorder_placeholder{
background-color: #333;
}
*/
.poodll_mediarecorderbox_standard .charcoal.poodll_mediarecorderholder_standard {
padding: 20px;
background-color: #333;
}
.poodll_mediarecorderbox_standard .charcoal .poodll_status_standard {
padding: 5px;
background-color: #fff;
}
.poodll_mediarecorderbox_standard .charcoal .poodll_mediarecorder_button_standard {
background: #fff;
border: none;
padding: 5px 10px;
margin-bottom: 20px;
color: red;
}
.poodll_mediarecorderbox_standard .charcoal .poodll_save-recording_standard {
padding: 5px;
background-color: #fff;
border: none;
color: red;
width: 100%;
}
.poodll_mediarecorderbox_standard .charcoal button.pmr_disabled {
color: #BBB;
}
.poodll_mediarecorderbox_standard .messages_charcoal.p_messages {
color: #333;
}
/*-----end-----*/
/*
Flame skin for Poodll standard media recorder
*/
.poodll_mediarecorderholder_standard .flame {
padding: 0px;
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/flame);
background-size: 100%;
}
.poodll_mediarecorderholder_standard .flame .poodll_status_standard {
padding: 30px;
border: 1px solid #333;
background-color: #333;
height: 40px;
padding: 10px;
background-color: #fff;
}
.poodll_mediarecorderholder_standard .flame .poodll_mediarecorder_button_standard {
padding: 0px 10px;
border: none;
background-color: #fff;
border-radius: 0px !important;
color: red;
margin-top: 20px;
margin-bottom: 20px;
height: 40px;
}
.poodll_mediarecorderholder_standard .flame .poodll_save-recording_standard {
height: 40px;
background-color: #fff;
border: none;
}
.poodll_mediarecorderholder_standard .flame .poodll_mediarecorderbox_standard {
padding: 30px;
border: 1px solid;
background-color: #333;
}
.poodll_mediarecorderholder_standard .flame .poodll_status_standard {
margin-bottom: 15px;
}
#page-mod-assign-editsubmission .flame .poodll_mediarecorderbox_standard {
width: 600px !important;
padding: 20px;
height: 300px;
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/flame);
background-size: 100%;
}
#page-mod-assign-editsubmission .poodll_mediarecorderholder_standard .flame .poodll_status_standard {
height: 10px;
width: 90%;
line-height: 10px;
background-color: transparent;
color: red;
font-size: 25px;
border: none;
}
#page-mod-assign-editsubmission .poodll_mediarecorderholder_standard .flame .poodll_preview_standard {
width: 50% !important;
float: left;
margin-left: 20px;
height: 155px;
}
.poodll_mediarecorderholder_standard .flame .poodll_save-recording_standard {
height: 40px;
background-color: #fff;
border: none;
width: 40% !important;
margin-top: 20px;
background: transparent;
color: red;
opacity: 1;
border: 1px solid red;
border-radius: 0px;
box-shadow: 0px 0px 10px 0px #c2c2c2;
text-shadow: 1px 2px 1px;
}
#page-mod-assign-editsubmission .poodll_mediarecorderholder_standard .flame .poodll_mediarecorder_button_standard {
border-radius: 3px !important;
background: transparent;
text-shadow: 1px 1px 1px #ccc;
border: none;
box-shadow: none;
}
#page-mod-assign-editsubmission .poodll_mediarecorderholder_standard .flame .poodll_preview_standard {
background: rgba(255, 255, 255, 0.2);
border: 1px solid #ccc;
}
/*
child skin for Poodll standard media recorder
*/
.poodll_mediarecorderbox_standard .child .poodll_status_standard {
background-color: rgba(0, 0, 0, 0.4);
height: 40px;
width: 100%;
border-radius: 20px;
color: #fff;
border: 2px solid seagreen;
font-weight: 900;
text-shadow: 1px 2px 1px #ccc;
font-size: 20px;
line-height: 35px;
}
.poodll_mediarecorderbox_standard .child .poodll_mediarecorder_button_standard {
padding: 0px 10px;
border: none;
background-color: #fff;
border-radius: 0px;
color: red;
margin-top: 20px;
margin-bottom: 20px;
height: 40px;
}
.poodll_mediarecorderbox_standard .child .poodll_mediarecorderbox_standard {
width: 280px;
}
.poodll_mediarecorderbox_standard .child .poodll_preview_standard {
width: 100%;
}
.poodll_mediarecorderbox_standard .child .poodll_save-recording_standard {
height: 40px;
background-color: #fff;
border: none;
width: 100%;
}
.poodll_mediarecorderbox_standard .child {
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/child);
padding: 10px;
background-size: cover;
}
.poodll_mediarecorderbox_standard .filter_poodll_recorder_placeholder > .child .poodll_mediarecorder_button_standard {
border: none;
border-radius: 0px;
border-radius: 50%;
margin-bottom: 20px;
height: 40px;
width: 40px;
font-size: 8px;
color: #fff;
font-weight: 600;
background-color: rgba(0, 0, 0, 0.7);
padding: 0px;
border: 2px solid seagreen;
text-shadow: 1px 2px 1px #ccc;
font-size: 8px;
font-weight: 900;
}
.poodll_mediarecorderbox_standard .child .poodll_save-recording_standard {
border-radius: 20px;
width: 150px;
color: #fff;
background-color: rgba(0, 0, 0, 0.4);
border: 2px solid seagreen;
text-shadow: 1px 2px 1px #ccc;
}
/***--end--***/
/* standard player overwrite for atto html editor / pop up */
#atto_poodll_container .poodll_mediarecorderbox_standard {
width: 330px;
}
/*end*/
/*--tinymce--*/
#tinymce_poodll_container > form > div {
margin-top: 20px !important;
}
.poodll_mediarecorderbox_standard .poodll_mediarecorderholder_onetwothree .pmr_disabled {
background: rgba(194, 194, 194, 0.7);
color: #333 !important;
opacity: 1 !important;
}
/*
123 recorders skins
*/
.poodll_mediarecorderholder_onetwothree {
width: 300px;
padding: 20px;
border: 3px solid #333;
}
.poodll_mediarecorder_button_onetwothree {
width: 83% !important;
margin: 5px auto;
border: 3px solid #333;
background: none !important;
color: #333 !important;
text-shadow: 1px 2px 1px #c2c2c2;
}
.poodll_mediarecorderbox_onetwothree .poodll_preview_onetwothree {
border: 3px solid #333;
background-color: transparent;
width: 100%;
margin-bottom: 10px;
}
.poodll_mediarecorderbox_onetwothree .poodll_status_onetwothree {
text-align: center;
margin-bottom: 10px;
width: 100%;
border: 3px solid #333;
}
.poodll_mediarecorderholder_onetwothree input[type="checkbox"] {
width: 30px;
height: 15px;
margin-top: 10px;
}
.poodll_mediarecorderbox_onetwothree .poodll_status_standard {
background-color: rgba(0, 0, 0, 0.4);
height: 40px;
width: 100%;
border-radius: 20px;
color: #fff;
border: 2px solid seagreen;
font-weight: 900;
text-shadow: 1px 2px 1px #ccc;
font-size: 20px;
line-height: 35px;
}
.poodll_mediarecorderbox_onetwothree .poodll_mediarecorder_button_standard {
padding: 0px 10px;
border: none;
background-color: #fff;
border-radius: 0px !important;
color: red;
margin-top: 20px;
margin-bottom: 20px;
height: 40px;
}
.poodll_mediarecorderbox_onetwothree .poodll_save-recording_standard {
height: 40px;
background-color: #fff;
border: none;
width: 100% !important;
}
.poodll_mediarecorderbox_onetwothree button.pmr_disabled {
color: #BBB;
}
.poodll_mediarecorderbox_onetwothree .poodll_mediarecorderbox_standard {
width: 280px !important;
}
.poodll_mediarecorderbox_onetwothree .poodll_preview_standard {
width: 100% !important;
}
/* this is global ... not just 123 player */
.p_messages {
color: #333;
width: 100% !important;
}
.p_progress {
width: 100%;
margin: 0 auto;
}
/*one two three fixes*/
.poodll_mediarecorderholder_onetwothree {
background-image: none !important;
background: #fff !important;
}
.poodll_mediarecorderholder_onetwothree .poodll_mediarecorderbox_onetwothree {
background-image: none !important;
background: #fff !important;
}
.pmr_disabled {
opacity: 0.4 !important;
}
/*
Editor Fixes
*/
#page-lib-editor-atto-plugins-poodll-dialog-poodll {
background-color: transparent !important;
}
#atto_poodll_container > div {
text-align: left !important;
}
#page-lib-editor-atto-plugins-poodll-dialog-poodll .poodll_mediavideobox2 {
width: 100% !important;
}
#page-lib-editor-atto-plugins-poodll-dialog-poodll .poodll_savebtn {
margin-top: 55px !important;
}
#page-lib-editor-atto-plugins-poodll-dialog-poodll .filter_poodll_recorder_placeholder {
}
#page-lib-editor-atto-plugins-poodll-dialog-poodll .poodll_mediarecorderbox_burntrose .poodll_savebtn {
margin-top: 80px !important;
margin-left: 160px !important;
}
#page-lib-editor-atto-plugins-poodll-dialog-poodll .poodll_mediavideobox2 .poodll_recmic {
margin-top: 5px !important;
}
/*=================START OF FRESH ===============*/
.poodll_mediarecorderholder_fresh .poodll_dialogue_box {
background: rgba(0, 0, 0, 0.8);
}
.poodll_mediarecorderholder_fresh .poodll_close_modal i {
font-size: 18px;
color: #fff;
}
.poodll_mediarecorderholder_fresh .devicesettings_select span {
margin-left: 5px;
text-align: center;
display: block;
color: #fff;
font-family: 'Roboto', sans-serif;
margin-bottom: 10px;
}
.poodll_mediarecorderholder_fresh .poodll_dialogue_box .poodll_dialogue_content {
display: none;
}
.poodll_mediarecorderholder_fresh .devicesettings_select .select_settings_audio {
margin: 20px auto;
padding-left: 15px;
height: 45px;
outline: none;
border-radius: 5px;
border: none;
background-color: #ffffff;
position: relative;
width: 95%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/poodll_fresh_arrow_select);
background-repeat: no-repeat;
background-position-x: calc(100% - 10px);
background-position-y: 15px;
display: block;
font-size: 12px;
padding-right: 40px;
}
.poodll_mediarecorderholder_fresh .filter_poodll_mediadevices {
margin: 30px 0;
}
.poodll_mediarecorderholder_fresh.poodll_mediarecorder_size_auto {
background-color: #fff;
border: 1px solid #E3E4F1;
box-sizing: border-box;
border-radius: 5px;
width: 100%;
padding: 15px 0;
position: relative;
overflow: hidden;
max-width: 370px;
}
.poodll_mediarecorderbox_bmr
.poodll_mediarecorderholder_fresh .settingsicon {
position: absolute;
right: -15px;
bottom: -10px;
}
.poodll_mediarecorderholder_fresh .settingsicon button {
border: none;
background: transparent;
}
.poodll_mediarecorderholder_fresh .settingsicon button i {
font-size: 18px !important;
color: #333;
}
.poodll_mediarecorderholder_fresh .settingsicon button:focus {
border: none;
background: transparent;
}
.poodll_mediarecorderholder_fresh .settingsicon button i:hover {
cursor: pointer;
}
.poodll_preview_fresh {
border: black;
border-style: solid;
border-width: 2px;
background-color: #DDD;
clear: both;
width: 320px;
}
audio.poodll_preview_fresh {
height: 37px;
}
.poodll_preview_fresh.poodll_recording {
border: red;
}
.poodll_save-recording_fresh {
clear: both;
width: 320px;
}
.poodll_mediarecorderbox_fresh {
width: 100%;
text-align: center;
}
.poodll_mediarecorder_button_fresh {
margin: 5px;
}
.fresh_range,
.poodll_fresh_playcanvas {
height: 50px;
width: 100%;
position: absolute;
display: block;
}
.fresh_range {
display: none !important;
}
.poodll_statusholder_fresh {
position: relative;
}
.poodll_status_fresh {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 24px;
text-align: center;
color: #333333;
position: relative;
margin: 0 auto 10px;
width: 270px;
}
.poodll_status_fresh:before {
content: '';
left: -30px;
top: calc(50% - 9px);
width: 14px;
height: 18px;
position: absolute;
-webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
clip-path: polygon(100% 50%, 0 0, 0 100%);
/* background-color: #6DDC6F; */
transition: all 0.3s ease;
}
.poodll_status_fresh.poodll_playing:before {
background-color: #6DDC6F;
}
.poodll_status_fresh.poodll_recording:before {
left: -33px;
width: 18px;
height: 18px;
-webkit-clip-path: none;
clip-path: none;
background-color: #E24949;
border-radius: 50%;
}
.poodll_fresh_musik_line {
margin-bottom: 10px;
height: 50px;
display: flex;
}
.poodll_fresh_wave {
width: 100%;
position: relative;
height: 50px;
/* display: flex; */
align-items: center;
justify-content: space-between;
padding: 0 4px;
box-sizing: border-box;
display: none;
}
.poodll_controllbar_playmode .poodll_fresh_wave {
display: flex;
}
.poodll_controllbar_playmode .fresh_range {
display: none !important;
}
.poodll_fresh_point {
width: 2px;
height: 50px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.poodll_fresh_stick {
width: 100%;
height: 8px;
background: linear-gradient(32.58deg, #77DB7B 2.3%, #57DA54 126.01%), linear-gradient(32.58deg, #C471ED 2.3%, #EB4A34 126.01%), #C4C4C4;
transition: height 0.1s ease-in-out;
position: relative;
z-index: 5;
}
.poodll_controllbar_pausemode .poodll_fresh_stick {
height: 4px !important;
transition: height 0.6s ease;
}
.poodll_fresh_stick_back {
position: absolute;
display: block;
width: 2px;
background: radial-gradient(34.00px at 50% 50%, #E5E6F2 0%, rgba(255, 255, 255, 0) 100%);
transition: height 0.3s ease-in-out;
left: 0;
top: 50%;
transform: translateY(-50px);
z-index: 1;
}
.poodll_fresh_progress_bar {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 2px;
height: 45px;
background: linear-gradient(0deg, #4E4A5A, #4E4A5A), linear-gradient(3.4deg, #C471ED 11.02%, #EB4A34 120.06%), #C4C4C4;
left: 50%;
z-index: 10;
}
.poodll_fresh_progress_bar:before {
content: '';
display: block;
width: 10px;
height: 10px;
background: #4E4A5A;
border-radius: 100%;
top: -4px;
left: -4px;
position: absolute;
}
.poodll_fresh_progress_bar:after {
content: '';
display: block;
width: 10px;
height: 10px;
background: #4E4A5A;
border-radius: 100%;
bottom: -4px;
left: -4px;
position: absolute;
}
.poodll_fresh_control {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px 0;
}
.poodll_fresh_control > div:hover {
opacity: 0.8;
transition: all 0.3s ease;
cursor: pointer;
}
.poodll_fresh_txt_control {
font-family: 'Roboto', sans-serif;
font-weight: normal;
font-size: 12px;
color: #333333;
width: 75px;
text-align: left;
}
.poodll_fresh_settings_btn {
border: 1px solid #E5E5F2;
background-color: #FAFBFE;
border-radius: 50%;
width: 40px;
height: 40px;
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/poodll_fresh_settings);
background-repeat: no-repeat;
background-position: center center;
background-size: 20px;
cursor: pointer;
transition: 0.3s;
}
.poodll_fresh_main_btn {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #6DDC6F;
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/poodll_fresh_microphone);
background-repeat: no-repeat;
background-position: center center;
position: relative;
background-size: 20px;
cursor: pointer;
transition: 0.3s;
border: 1px solid transparent;
}
.poodll_fresh_main_btn.bmr_disabled {
background-color: #fafbfe;
pointer-events: none;
border-color: #e6e6f2;
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/poodll_fresh_microphone_grey);
}
.poodll_fresh_main_btn.poodll_in_progress {
background-color: #E24949;
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/poodll_fresh_square_white);
}
.poodll_fresh_stop_btn {
border: 1px solid #E5E5F2;
background-color: #FAFBFE;
border-radius: 50%;
width: 40px;
height: 40px;
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/poodll_fresh_square_green);
background-repeat: no-repeat;
background-position: center center;
background-size: 15px;
cursor: pointer;
transition: 0.3s;
}
.poodll_fresh_pause_btn {
border: 1px solid #E5E5F2;
background-color: #FAFBFE;
border-radius: 50%;
width: 40px;
height: 40px;
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/poodll_fresh_rectangle_green);
background-repeat: no-repeat;
background-position: center center;
background-size: 15px;
cursor: pointer;
transition: 0.3s;
}
.poodll_fresh_pause_btn.bmr_disabled {
background-color: #E5E5F2;
border-color: #D2D1E4;
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/poodll_fresh_rectangle);
background-repeat: no-repeat;
background-position: center center;
}
.poodll_fresh_stop_btn.bmr_disabled {
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/poodll_fresh_square);
}
.poodll_fresh_play_btn {
background-color: #6DDC6F;
border: 1px solid #6DDC6F;
margin-left: 22px;
width: 50px;
height: 50px;
cursor: pointer;
transition: 0.3s;
position: relative;
border-radius: 100%;
}
.poodll_fresh_play_btn:after {
content: '';
left: calc(50% - 6px);
top: calc(50% - 11px);
width: 18px;
height: 22px;
position: absolute;
-webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
clip-path: polygon(100% 50%, 0 0, 0 100%);
background-color: #fff;
}
.poodll_stop_green {
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/poodll_fresh_square_white);
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
}
.poodll_stop_green:after {
background-color: transparent;
}
.poodll_fresh_play_btn.bmr_disabled {
border-color: #D2D1E4 !important;
background-color: #fff !important;
}
.poodll_fresh_play_btn.bmr_disabled:after {
background-color: #D2D1E4 !important;
}
.poodll_fresh_play_btn.poodll_play_green {
background-color: #6ddc6f;
border: 1px solid #6ddc6f;
}
.poodll_fresh_play_btn.poodll_play_green:after {
background-color: #fff;
}
.poodll_fresh_play_btn.poodll_play_pause {
background-color: #E5E5F2;
border-color: #D2D1E4;
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/poodll_fresh_rectangle);
background-repeat: no-repeat;
background-position: center center;
}
.poodll_fresh_play_btn.poodll_play_pause:after {
background-color: transparent;
}
.poodll_fresh_bottom_btns {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px 0;
margin: 10px 0 0;
flex-wrap: wrap;
}
.poodll_fresh_bottom_btns a {
height: 40px;
width: calc(50% - 5px);
background-color: #6DDC6F;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Roboto', sans-serif;
font-weight: normal;
font-size: 14px;
text-align: center;
color: #FFFFFF;
padding-right: 30px;
position: relative;
box-sizing: border-box;
text-decoration: none;
}
.poodll_fresh_bottom_btns a:before {
content: "";
right: 0;
top: 0;
position: absolute;
height: 100%;
width: 35px;
background-color: rgba(51, 51, 51, 0.1);
border-radius: 0px 5px 5px 0px;
background-repeat: no-repeat;
background-position: center center;
background-size: 16px;
}
a.poodll_fresh_upload_btn:before {
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/poodll_fresh_upload);
}
a.poodll_fresh_record_btn:before {
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/poodll_fresh_record);
}
a.poodll_fresh_upload_btn.bmr_disabled:before {
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/poodll_fresh_upload_grey);
}
a.poodll_fresh_record_btn.bmr_disabled:before {
background-image: url(/theme/image.php/petel/filter_poodll/1726409799/poodll_fresh_record_grey);
}
.poodll_fresh_bottom_btns a.bmr_disabled {
background-color: #EFEFF6;
color: #D2D1E4;
pointer-events: none;
}
.poodll_mediarecorder_button_fresh {
height: 60px;
width: 60px;
border: none;
z-index: 99999;
border: 3px solid #f5f5f5;
border-radius: 50%;
font-size: 12px;
padding: 0px;
position: relative;
color: transparent;
}
.poodll_mediarecorder_button_fresh i.fa {
position: absolute;
left: 11px;
font-size: 36px;
top: 9px;
color: black; /* #333; */
transition: visibility 0s, opacity 0.5s linear;
}
.poodll_mediarecorderbox_fresh .pmr_disabled {
display: none !important;
}
.poodll_mediarecorderbox_fresh audio.poodll_preview_fresh {
display: none !important;
}
.poodll_mediarecorder_button_fresh .floating {
width: 50%;
float: right;
text-align: center;
color: #fff;
font-size: 45px;
}
.bmr_disabled {
pointer-events: none;
}
/* I class */
.poodll_start-recording_fresh i.fa.fa-microphone, .poodll_resume-recording_fresh i.fa.fa-microphone {
font-size: 42px;
left: 13px;
top: 7px;
color: red;
}
.poodll_start-recording_fresh i.fa.fa-video-camera, .poodll_resume-recording_fresh i.fa.fa-video-camera {
font-size: 40px;
left: 8px;
top: 7px;
color: red;
}
.poodll_play-recording_fresh i.fa {
position: absolute;
left: 14px;
font-size: 40px;
top: 7px;
color: #333;
}
.poodll_mediarecorderbox_fresh .fresh_disabled {
display: inline-block;
/*color: transparent;*/
background-color: rgba(126, 126, 126, 0.7);
}
.poodll_mediarecorderbox_fresh .fresh_disabled i {
color: rgba(0, 0, 0, 0.7);
}
.poodll_mediarecorderbox_fresh .poodll_resume-recording_fresh {
display: none;
}
@media (max-width: 768px) {
.poodll_videorecorderholder_fresh .poodll_mediarecorderbox_fresh {
padding: 0;
background-color: transparent;
}
.poodll_videorecorderholder_fresh video.poodll_preview_fresh {
width: 100% !important;
}
.poodll_mediarecorderbox_fresh {
padding: 20px 40px;
width: 100%;
}
.poodll_mediarecorder_button_fresh {
height: 30px;
width: 30px;
}
.poodll_mediarecorder_button_fresh i.fa {
left: 5px;
font-size: 17px;
top: 3px;
}
.poodll_play-recording_fresh i.fa {
left: 6px;
font-size: 20px;
top: 3px;
}
.poodll_start-recording_fresh i.fa.fa-microphone, .poodll_resume-recording_fresh i.fa.fa-microphone {
font-size: 19px;
left: 6px;
top: 3px;
color: red;
}
.poodll_start-recording_fresh i.fa.fa-video-camera, .poodll_resume-recording_fresh i.fa.fa-video-camera {
font-size: 17px;
left: 4px;
top: 3px;
color: red;
}
}
/*=================END OF FRESH ===============*/
/* MEDIA RECORDER BMR SKIN .. */
.poodll_mediarecorderholder_bmr {
position: relative;
}
.poodll_mediarecorderholder_bmr .settingsicon {
position: absolute;
right: -15px;
bottom: -10px;
}
.poodll_mediarecorderholder_bmr .settingsicon button {
border: none;
background: transparent;
}
.poodll_mediarecorderholder_bmr .settingsicon button i {
font-size: 18px !important;
color: #333;
}
.poodll_mediarecorderholder_bmr .settingsicon button:focus {
border: none;
background: transparent;
}
.poodll_mediarecorderholder_bmr .settingsicon button i:hover {
cursor: pointer;
}
.poodll_preview_bmr {
border: black;
border-style: solid;
border-width: 2px;
background-color: #DDD;
clear: both;
width: 320px;
}
audio.poodll_preview_bmr {
height: 37px;
}
.poodll_preview_bmr.poodll_recording {
border: red;
}
.poodll_save-recording_bmr {
clear: both;
width: 320px;
}
.poodll_mediarecorderbox_bmr {
width: 370px;
text-align: center;
}
.poodll_mediarecorder_button_bmr {
margin: 5px;
}
.bmr_range {
height: 40px;
width: 100%;
position: absolute;
display: block;
}
.poodll_statusholder_bmr {
position: relative;
background-color: #EEE;
}
.poodll_status_bmr {
border: black;
border-style: solid;
border-width: 2px;
clear: both;
width: 320px;
margin-left: auto;
margin-right: auto;
margin-bottom: 8px;
position: relative;
}
.poodll_status_bmr.poodll_recording {
color: red;
border: red;
}
.poodll_mediarecorder_button_bmr {
height: 60px;
width: 60px;
border: none;
z-index: 99999;
border: 3px solid #f5f5f5;
border-radius: 50%;
font-size: 12px;
padding: 0px;
position: relative;
color: transparent;
}
.poodll_mediarecorder_button_bmr i.fa {
position: absolute;
left: 11px;
font-size: 36px;
top: 9px;
color: black; /* #333; */
transition: visibility 0s, opacity 0.5s linear;
}
.poodll_mediarecorderbox_bmr {
border: 1px solid #333;
padding: 20px;
background-color: #333;
text-align: center;
height: auto;
}
.poodll_mediarecorderbox_bmr .pmr_disabled {
display: none !important;
}
.poodll_status_bmr {
display: block;
text-align: center !important;
width: 100%;
padding: 10px 0px;
}
.poodll_mediarecorderbox_bmr audio.poodll_preview_bmr {
display: none !important;
}
.poodll_save-recording_bmr {
padding: 10px 0;
margin-top: 20px;
border: 0;
width: 100%;
}
.poodll_mediarecorder_button_bmr .floating {
width: 50%;
float: right;
text-align: center;
color: #fff;
font-size: 45px;
}
/* I class */
.poodll_start-recording_bmr i.fa.fa-microphone, .poodll_resume-recording_bmr i.fa.fa-microphone {
font-size: 42px;
left: 13px;
top: 7px;
color: red;
}
.poodll_start-recording_bmr i.fa.fa-video-camera, .poodll_resume-recording_bmr i.fa.fa-video-camera {
font-size: 40px;
left: 8px;
top: 7px;
color: red;
}
.poodll_play-recording_bmr i.fa {
position: absolute;
left: 14px;
font-size: 40px;
top: 7px;
color: #333;
}
.poodll_mediarecorderbox_bmr .bmr_disabled {
display: inline-block;
/*color: transparent;*/
background-color: rgba(126, 126, 126, 0.7);
}
.poodll_mediarecorderbox_bmr .bmr_disabled i {
color: rgba(0, 0, 0, 0.7);
}
.poodll_mediarecorderbox_bmr .poodll_resume-recording_bmr {
display: none;
}
@media (max-width: 768px) {
/*
BMR - NEW BURNT ROSE
*/
.poodll_videorecorderholder_bmr .poodll_mediarecorderbox_bmr {
padding: 10px;
}
.poodll_videorecorderholder_bmr video.poodll_preview_bmr {
width: 100% !important;
}
.poodll_mediarecorderbox_bmr {
padding: 20px 40px;
width: 100%;
}
.poodll_mediarecorder_button_bmr {
height: 30px;
width: 30px;
}
.poodll_mediarecorder_button_bmr i.fa {
left: 5px;
font-size: 17px;
top: 3px;
}
.poodll_play-recording_bmr i.fa {
left: 6px;
font-size: 20px;
top: 3px;
}
.poodll_start-recording_bmr i.fa.fa-microphone, .poodll_resume-recording_bmr i.fa.fa-microphone {
font-size: 19px;
left: 6px;
top: 3px;
color: red;
}
.poodll_start-recording_bmr i.fa.fa-video-camera, .poodll_resume-recording_bmr i.fa.fa-video-camera {
font-size: 17px;
left: 4px;
top: 3px;
color: red;
}
/**---end---**/
}
/*
New 123 Recorder
*/
@media (max-width: 768px) {
/*
onetwothree
*/
.video_preview_123 {
height: 150px;
}
}
.one-two-three-main-wrapper .one-two-three-wrap {
text-align: center;
}
.one-two-three-main-wrapper {
width: 320px;
}
.one-two-three-main-wrapper .one-two-three-wrap button {
height: 60px !important;
width: 30% !important;
}
.one-two-three-main-wrapper .task-helper {
display: inline-flex;
width: 100%;
}
.one-two-three-main-wrapper .task-helper p {
width: 33%;
float: left;
font-size: 18px;
margin-bottom: 0px;
}
.one-two-three-main-wrapper .task-helper i.fa {
color: green;
font-size: 45px;
}
.one-two-three-main-wrapper .task-helper p.step-1 {
margin-left: 5px;
}
.one-two-three-main-wrapper .task-helper p.step-3 {
margin-right: 5px;
}
.one-two-three-main-wrapper .one-two-three-wrap button i.fa {
font-size: 45px;
color: #333;
}
/*
recorder-small
*/
.poodll_mediarecorder_size_small {
width: 300px;
margin: 0 auto;
padding: 10px;
}
.poodll_mediarecorder_size_small .one-two-three-wrap button {
height: 60px !important;
width: 25% !important;
}
.poodll_mediarecorder_size_small .one-two-three-wrap button i.fa {
font-size: 35px;
color: #333;
}
.poodll_mediarecorder_size_small .task-helper i.fa {
font-size: 24px;
}
.poodll_mediarecorder_size_small .task-helper p {
font-size: 14px;
}
.poodll_mediarecorder_size_small .task-helper p.step-3 {
margin-right: 25px;
}
.poodll_mediarecorder_size_small .task-helper p.step-1 {
margin-left: 25px;
}
.poodll_mediarecorder_size_small .poodll_preview_burntrose {
width: 280px;
}
.poodll_mediarecorder_size_small .poodll_mediarecorderbox_standard {
width: 285px !important;
}
.poodll_mediarecorder_size_small .child {
background-size: cover;
}
/*
recorder-auto
*/
.filter_poodll_recorder_placeholder {
max-width: 100%;
width: 100%;
}
.poodll_mediarecorder_size_auto {
width: auto;
max-width: 500px;
}
.poodll_mediarecorder_size_auto .poodll_preview_burntrose {
width: 100%;
}
.poodll_mediarecorder_size_auto .poodll_mediavideobox2 {
width: 90% !important;
margin: 0 auto;
background-color: transparent !important;
background: none;
}
.poodll_mediarecorder_size_auto .poodll_status_burntrose {
width: 600px !important;
text-align: center;
margin: 0 auto;
}
.poodll_mediarecorder_size_auto .one-two-three-wrap {
min-width: 200px;
max-width: 100%;
}
/*
Standard - Charcoal Skin
*/
.poodll_mediarecorder_size_auto .poodll_mediarecorderbox_standard button {
padding: 5px 7px;
}
.poodll_mediarecorderholder_standard .poodll_mediarecorderbox_standard .charcoal {
background-color: #333;
padding: 20px;
}
.poodll_mediarecorderbox_standard .poodll_status_standard {
width: 100% !important;
}
.poodll_mediarecorder_size_small .poodll_status_standard .poodll_preview_standard {
width: 100% !important;
}
.poodll_mediarecorder_size_small .poodll_mediarecorderbox_standard button {
padding: 5px;
}
.poodll_mediarecorder_size_small .poodll_mediarecorderbox_standard .charcoal {
padding: 15px;
}
.poodll_mediarecorder_size_small .poodll_save-recording_standard {
width: 100%;
}
.poodll_mediarecorder_size_small {
border: 1px solid #333;
}
.poodll_mediarecorder_size_small .poodll_mediarecorderbox_standard {
width: 100% !important;
}
.poodll_mediarecorder_size_auto {
border: 1px solid #333;
padding: 20px;
}
.poodll_mediarecorder_size_auto .poodll_mediarecorderbox_standard {
width: 100%;
}
.poodll_mediarecorder_size_auto .poodll_save-recording_standard {
width: 100%;
}
/*FBMEDIA*/
.poodll_mediarecorderholder_fluencybuilder {
width: 120px;
padding: 20px;
margin: 20px 0px;
background-color: rgba(0, 0, 0, 1);
}
.poodll_mediarecorderbox_fluencybuilder {
width: 100%;
}
.fb_bwrapper {
border: 0px !important
}
.fb_bwrapper button {
-webkit-appearance: button;
width: 50px;
height: 50px;
border-radius: 50%;
border: none;
font-size: 30px;
padding: 0px;
color: #333;
}
.mod_fluencybuilder_autobutton_inactive {
color: #c2c2c2;
}
.mod_fluencybuilder_autobutton_active button {
box-shadow: inset 0 0 50px #fff, /* inner white */ inset 20px 0 80px #f0f, /* inner left magenta short */ inset -20px 0 80px #0ff, /* inner right cyan short */ inset 20px 0 300px #f0f, /* inner left magenta broad */ inset -20px 0 300px #0ff, /* inner right cyan broad */ 0 0 50px #fff, /* outer white */ -10px 0 80px #f0f, /* outer left magenta */ 10px 0 80px #0ff;
color: #fff;
}
.mod_fluencybuilder_dialogcontentbox button i.fa {
font-size: 50px;
color: #333;
}
.mod_fluencybuilder_me_play {
margin-right: 20px;
}
.mod_fluencybuilder_dialogcontentbox button.mod_fluencybuilder_me_ok {
border: 0px;
background-color: transparent
}
.mod_fluencybuilder_dialogcontentbox button.mod_fluencybuilder_me_ng {
border: 0px;
background-color: transparent;
}
.mod_fluencybuilder_dialogcontentbox .mod_fluencybuilder_dbutton i.fa:hover {
color: cadetblue;
-webkit-transition: color 1s ease-out;
-moz-transition: color 1s ease-out;
-o-transition: color 1s ease-out;
transition: color 1s ease-out;
}
.mod_fluencybuilder_dialogcontentbox .mod_fluencybuilder_me_play {
border: 2px solid;
margin-right: 50px;
}
.mod_fluencybuilder_dialogcontentbox .mod_fluencybuilder_me_play:hover {
border-color: cadetblue;
-webkit-transition: border-color 1s ease-out;
-moz-transition: border-color 1s ease-out;
-o-transition: border-color 1s ease-out;
transition: border-color 1s ease-out;
}
/* Poodll Super Audio Player */
.poodll-super-player {
border: 1px solid black;
border-radius:5px;
}
.poodll-super-player-time,
.poodll-super-player-image,
.poodll-super-player-waveform,
.poodll-super-player-captions,
.poodll-super-player-controls,
.poodll-super-player-speed-controls
{
background-color: #f5f5f5;
box-sizing: border-box;
}
.poodll-super-player-time {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
border-bottom: 1px solid black;
font-size: 24px;
font-weight: bold;
}
.poodll-super-player-image {
justify-content: center;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: 300px;
}
.poodll-super-player-captions {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px;
height: 50px;
border-bottom: 1px solid black;
font-size: 20px;
}
.poodll-super-player-waveform {
border-bottom: 1px solid black;
background-image: url(https://misc.poodll.com/pr/mod/wordcards/pix/spinner.gif);
background-position: center;
background-repeat: no-repeat;
}
.poodll-super-player-controls {
display: flex;
align-items: center;
justify-content: center;
}
.poodll-super-player-speed-controls {
display: flex;
align-items: center;
justify-content: center;
}
.poodll-super-player-ctrl {
border-radius: 10px;
border: 1px solid black;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin: 5px;
cursor: pointer;
box-shadow: inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
}
.poodll-super-player-ctrl:active {
box-shadow: inset 0 0.6em 2em -0.3em rgba(0,0,0,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
}
.poodll-super-player-ctrl-small {
border-radius: 5px;
border: 1px solid black;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 25px;
cursor: pointer;
box-shadow: inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
margin: 5px;
}
.poodll-super-player-ctrl-small:active {
box-shadow: inset 0 0.6em 2em -0.3em rgba(0,0,0,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
}
.poodll-super-player-play {
width: 100px;
}
.poodll-super-player-playback-rate {
margin-left: 10px;
}
/* Poodll Super Audio Player END */
/* Poodll Once Player start */
.poodll_onceplayer_progress {
width:100%;
background-color:grey;
position:relative;
}
.poodll_onceplayer_progress_inner {
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
background-color:green;
}
.poodll_onceplayer {
border: 3px solid blue;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 12px;
/* Firefox 1-3.6 */
-moz-border-radius: 12px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 12px;
background-color: white;
width: 200px;
height: 110px;
text-align: center;
}
.poodll_onceplayer_time {
padding: 3px;
}
.poodll_onceplayer_button {
border: 1px solid;
width: 50px;
height: 42px;
margin-top: 5px;
margin-top: 5px;
}
/* Poodll Once Player END */
/* Poodll Multi Player start */
.poodll_multiplayer{
border: 3px solid #333;
width: 250px;
height: 120px;
text-align: center;
/* margin-bottom: 100px; */
padding: 10px;
background-color: #333;
color: #fff;
position: relative;
}
.poodll_multiplayer .skin {
height: 200px;
background-repeat: no-repeat;
background-size: 100%;
}
.poodll_multiplayer .poodll_multiplayer_button {
border: none;
width: 50px;
height: 42px;
}
.poodll_multiplayer .custom-pause:before {
content: "\f04b";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
.poodll_multiplayer .vol-but {
width: 25px;
float: right;
padding: 0px;
}
.poodll_multiplayer .volume-control .vol-up:before {
content: "\f028";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
.poodll_multiplayer .volume-control .vol-down:before {
content: "\f027";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
.poodll_multiplayer .meter {
width: 130px;
height: 15px;
border: 1px solid #333;
margin-top: 5px;
float: right;
margin-left: 5px;
}
.poodll_multiplayer .indicator {
height: 100%;
width: 20%;
background-color: red;
min-width: 0%;
max-width: 100%;
}
.poodll_multiplayer .button-wrapper {
width: 30%;
float: left;
}
.poodll_multiplayer .state-wrapper {
width: 70%;
float: left;
}
.poodll_multiplayer .volume-control {
position: absolute;
text-align: center;
bottom: 20px;
}
/* Poodll Multi Player END */
/* Poodll Mini Player START */
.mini_player_container {
max-width: 70px;
min-width: 70px;
max-height: 70px;
}
.mini_player_holder {
overflow: hidden;
transform: scale(0.5);
width: 140px;
height: 140px;
padding: 0;
margin: 0;
display: inline-block;
transform-origin: top left;
}
.mini_player_loading {
pointer-events: none;
opacity: 0.5;
}
.progress-circle {
font-size: 20px;
margin: 20px;
position: relative; /* so that children can be absolutely positioned */
padding: 0;
width: 5em;
height: 5em;
background-color: #F2E9E1;
border-radius: 50%;
line-height: 5em;
}
.progress-circle:after {
border: none;
position: absolute;
top: 0.35em;
left: 0.35em;
text-align: center;
display: block;
border-radius: 50%;
width: 4.3em;
height: 4.3em;
background-color: white;
content: " ";
}
/* Text inside the control */
.progress-circle .play-btn {
position: absolute;
color: #53777A;
z-index: 2;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
font-size: 50px;
cursor: pointer;
}
.left-half-clipper {
/* a round circle */
border-radius: 50%;
width: 5em;
height: 5em;
position: absolute; /* needed for clipping */
clip: rect(0, 5em, 5em, 2.5em); /* clips the whole left half*/
}
/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
clip: rect(auto,auto,auto,auto);
}
.value-bar {
/*This is an overlayed square, that is made round with the border radius,
then it is cut to display only the left half, then rotated clockwise
to escape the outer clipping path.*/
position: absolute; /*needed for clipping*/
clip: rect(0, 2.5em, 5em, 0);
width: 5em;
height: 5em;
border-radius: 50%;
border: 0.45em solid #53777A; /*The border is 0.35 but making it larger removes visual artifacts */
/*background-color: #4D642D;*/ /* for debug */
box-sizing: border-box;
}
/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
/*Progress bar for the first 50%, filling the whole right half*/
position: absolute; /*needed for clipping*/
clip: rect(0, 5em, 5em, 2.5em);
background-color: #53777A;
border-radius: 50%;
width: 5em;
height: 5em;
}
.progress-circle:not(.over50) .first50-bar{ display: none; }
/* Progress bar rotation position */
.progress-circle.p0 .value-bar { display: none; }
.progress-circle.p1 .value-bar { transform: rotate(4deg); }
.progress-circle.p2 .value-bar { transform: rotate(7deg); }
.progress-circle.p3 .value-bar { transform: rotate(11deg); }
.progress-circle.p4 .value-bar { transform: rotate(14deg); }
.progress-circle.p5 .value-bar { transform: rotate(18deg); }
.progress-circle.p6 .value-bar { transform: rotate(22deg); }
.progress-circle.p7 .value-bar { transform: rotate(25deg); }
.progress-circle.p8 .value-bar { transform: rotate(29deg); }
.progress-circle.p9 .value-bar { transform: rotate(32deg); }
.progress-circle.p10 .value-bar { transform: rotate(36deg); }
.progress-circle.p11 .value-bar { transform: rotate(40deg); }
.progress-circle.p12 .value-bar { transform: rotate(43deg); }
.progress-circle.p13 .value-bar { transform: rotate(47deg); }
.progress-circle.p14 .value-bar { transform: rotate(50deg); }
.progress-circle.p15 .value-bar { transform: rotate(54deg); }
.progress-circle.p16 .value-bar { transform: rotate(58deg); }
.progress-circle.p17 .value-bar { transform: rotate(61deg); }
.progress-circle.p18 .value-bar { transform: rotate(65deg); }
.progress-circle.p19 .value-bar { transform: rotate(68deg); }
.progress-circle.p20 .value-bar { transform: rotate(72deg); }
.progress-circle.p21 .value-bar { transform: rotate(76deg); }
.progress-circle.p22 .value-bar { transform: rotate(79deg); }
.progress-circle.p23 .value-bar { transform: rotate(83deg); }
.progress-circle.p24 .value-bar { transform: rotate(86deg); }
.progress-circle.p25 .value-bar { transform: rotate(90deg); }
.progress-circle.p26 .value-bar { transform: rotate(94deg); }
.progress-circle.p27 .value-bar { transform: rotate(97deg); }
.progress-circle.p28 .value-bar { transform: rotate(101deg); }
.progress-circle.p29 .value-bar { transform: rotate(104deg); }
.progress-circle.p30 .value-bar { transform: rotate(108deg); }
.progress-circle.p31 .value-bar { transform: rotate(112deg); }
.progress-circle.p32 .value-bar { transform: rotate(115deg); }
.progress-circle.p33 .value-bar { transform: rotate(119deg); }
.progress-circle.p34 .value-bar { transform: rotate(122deg); }
.progress-circle.p35 .value-bar { transform: rotate(126deg); }
.progress-circle.p36 .value-bar { transform: rotate(130deg); }
.progress-circle.p37 .value-bar { transform: rotate(133deg); }
.progress-circle.p38 .value-bar { transform: rotate(137deg); }
.progress-circle.p39 .value-bar { transform: rotate(140deg); }
.progress-circle.p40 .value-bar { transform: rotate(144deg); }
.progress-circle.p41 .value-bar { transform: rotate(148deg); }
.progress-circle.p42 .value-bar { transform: rotate(151deg); }
.progress-circle.p43 .value-bar { transform: rotate(155deg); }
.progress-circle.p44 .value-bar { transform: rotate(158deg); }
.progress-circle.p45 .value-bar { transform: rotate(162deg); }
.progress-circle.p46 .value-bar { transform: rotate(166deg); }
.progress-circle.p47 .value-bar { transform: rotate(169deg); }
.progress-circle.p48 .value-bar { transform: rotate(173deg); }
.progress-circle.p49 .value-bar { transform: rotate(176deg); }
.progress-circle.p50 .value-bar { transform: rotate(180deg); }
.progress-circle.p51 .value-bar { transform: rotate(184deg); }
.progress-circle.p52 .value-bar { transform: rotate(187deg); }
.progress-circle.p53 .value-bar { transform: rotate(191deg); }
.progress-circle.p54 .value-bar { transform: rotate(194deg); }
.progress-circle.p55 .value-bar { transform: rotate(198deg); }
.progress-circle.p56 .value-bar { transform: rotate(202deg); }
.progress-circle.p57 .value-bar { transform: rotate(205deg); }
.progress-circle.p58 .value-bar { transform: rotate(209deg); }
.progress-circle.p59 .value-bar { transform: rotate(212deg); }
.progress-circle.p60 .value-bar { transform: rotate(216deg); }
.progress-circle.p61 .value-bar { transform: rotate(220deg); }
.progress-circle.p62 .value-bar { transform: rotate(223deg); }
.progress-circle.p63 .value-bar { transform: rotate(227deg); }
.progress-circle.p64 .value-bar { transform: rotate(230deg); }
.progress-circle.p65 .value-bar { transform: rotate(234deg); }
.progress-circle.p66 .value-bar { transform: rotate(238deg); }
.progress-circle.p67 .value-bar { transform: rotate(241deg); }
.progress-circle.p68 .value-bar { transform: rotate(245deg); }
.progress-circle.p69 .value-bar { transform: rotate(248deg); }
.progress-circle.p70 .value-bar { transform: rotate(252deg); }
.progress-circle.p71 .value-bar { transform: rotate(256deg); }
.progress-circle.p72 .value-bar { transform: rotate(259deg); }
.progress-circle.p73 .value-bar { transform: rotate(263deg); }
.progress-circle.p74 .value-bar { transform: rotate(266deg); }
.progress-circle.p75 .value-bar { transform: rotate(270deg); }
.progress-circle.p76 .value-bar { transform: rotate(274deg); }
.progress-circle.p77 .value-bar { transform: rotate(277deg); }
.progress-circle.p78 .value-bar { transform: rotate(281deg); }
.progress-circle.p79 .value-bar { transform: rotate(284deg); }
.progress-circle.p80 .value-bar { transform: rotate(288deg); }
.progress-circle.p81 .value-bar { transform: rotate(292deg); }
.progress-circle.p82 .value-bar { transform: rotate(295deg); }
.progress-circle.p83 .value-bar { transform: rotate(299deg); }
.progress-circle.p84 .value-bar { transform: rotate(302deg); }
.progress-circle.p85 .value-bar { transform: rotate(306deg); }
.progress-circle.p86 .value-bar { transform: rotate(310deg); }
.progress-circle.p87 .value-bar { transform: rotate(313deg); }
.progress-circle.p88 .value-bar { transform: rotate(317deg); }
.progress-circle.p89 .value-bar { transform: rotate(320deg); }
.progress-circle.p90 .value-bar { transform: rotate(324deg); }
.progress-circle.p91 .value-bar { transform: rotate(328deg); }
.progress-circle.p92 .value-bar { transform: rotate(331deg); }
.progress-circle.p93 .value-bar { transform: rotate(335deg); }
.progress-circle.p94 .value-bar { transform: rotate(338deg); }
.progress-circle.p95 .value-bar { transform: rotate(342deg); }
.progress-circle.p96 .value-bar { transform: rotate(346deg); }
.progress-circle.p97 .value-bar { transform: rotate(349deg); }
.progress-circle.p98 .value-bar { transform: rotate(353deg); }
.progress-circle.p99 .value-bar { transform: rotate(356deg); }
.progress-circle.p100 .value-bar { transform: rotate(360deg); }
/* Poodll MINI Player END */
.filter_poodll_skeleton_box {
background-color: #DDDBDD;
color: grey;
-webkit-mask: linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/300% 100%;
background-repeat: no-repeat;
animation: filterpoodllshimmer 2.5s infinite;
}
@keyframes filterpoodllshimmer {
100% {-webkit-mask-position:left}
}
figure.poodll_multivideoplayer {
max-width:400px;
max-width:25rem;
width:100%;
height:100%;
padding:20px;
padding:1.051%;
background-color:#666;
resize: both;
overflow: auto;
}
video.poodll_multivideoplayer_video {
width:100%;
}
.poodll_multivideoplayer_controlbar {
overflow:hidden;
background:transparent;
width:100%;
height:50px;
position:relative;
}
.poodll_multivideoplayer .skin{
height: 200px;
background-repeat: no-repeat;
background-size: 100%;
}
.poodll_multivideoplayer .poodll_multivideoplayer_button{
border: none;
width: 50px;
height: 42px;
}
.poodll_multivideoplayer .custom-pause:before{
content: "\f04b";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
.poodll_multivideoplayer .vol-but{
width: 25px;
float: right;
padding: 0px;
}
.poodll_multivideoplayer .volume-control .vol-up:before{
content: "\f028";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
.poodll_multivideoplayer .volume-control .vol-down:before{
content: "\f027";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
.poodll_multivideoplayer .meter{
width: 80px;
height: 15px;
border: 1px solid #333;
margin-top: 5px;
float: right;
margin-left: 5px;
}
.poodll_multivideoplayer .indicator{
height: 100%;
width: 20%;
background-color: red;
min-width: 0%;
max-width: 100%;
}
.poodll_multivideoplayer .button-wrapper{
padding: 3px;
width: 20%;
float: left;
}
.poodll_multivideoplayer .state-wrapper{
width: 40%;
float: left;
text-align: center;
color: cyan;
font-size: small;
}
.poodll_multivideoplayer .volume-control{
text-align: center;
float: right;
}
@media screen and (max-width:64em) {
figure.poodll_multivideoplayer {
padding-left:0;
padding-right:0;
height:auto;
}
}
@media screen and (max-width:42.5em) {
.poodll_multivideoplayer .state-wrapper {
width: 80%;
}
.poodll_multivideoplayer .volume-control {
display: none;
}
}
.filter_poodll_rtl {
direction: rtl;
/* text-align: right; */
}
body.wrs_plugin.wrs_filter {
font-family: Arial;
}
span.wrs_plugin.wrs_filter {
font-weight: bold;
}
span.wrs_ok.wrs_plugin.wrs_filter {
color: #090;
}
span.wrs_error.wrs_plugin.wrs_filter {
color: #d00;
}
table.wrs_plugin.wrs_filter,
th.wrs_plugin.wrs_filter,
td.wrs_plugin.wrs_filter,
tr.wrs_plugin.wrs_filter {
border: solid 1px #000;
border-collapse: collapse;
padding: 5px;
}
th.wrs_plugin.wrs_filter {
background-color: #eee;
}
img.wrs_plugin.wrs_filter {
border: none;
}
.editor_ousupsub {
display: inline-block;
vertical-align: bottom;
}
/* Moodle does not add an 'edge' classname to body yet, and when they do
(MDL-50807) the class name used may not be 'edge', but in any case, this is
the right offset. */
body.edge .editor_ousupsub {
vertical-align: 25px;
}
.editor_ousupsub_content {
outline: none; /* Remove outer border of Chrome. */
}
.editor_ousupsub_content_wrap {
border: 1px solid #bbb;
border-top: none;
background-color: #fff;
color: #000;
white-space: nowrap;
overflow-x: auto;
}
div.editor_ousupsub_toolbar {
display: block;
background: #f2f2f2;
border: 1px solid #bbb;
height: 25px;
line-height: 0;
box-sizing: content-box;
}
div.editor_ousupsub_toolbar div.ousupsub_group {
display: inline-block;
background: #fff;
}
div.editor_ousupsub_toolbar button {
border: 1px solid #f2f2f2;
padding: 0;
width: 35px;
height: 25px;
position: relative;
margin: 0 auto;
cursor: pointer;
line-height: 20px;
background: none;
border-radius: 0;
}
div.editor_ousupsub_toolbar button:before {
background: none;
border: 1px solid #bbb;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
}
div.editor_ousupsub_toolbar button.ousupsub_undo_button,
div.editor_ousupsub_toolbar button.ousupsub_redo_button {
display: none;
}
body.dir-rtl div.editor_ousupsub_toolbar button {
border-right: 0;
border-left: 1px solid #bbb;
}
div.editor_ousupsub_toolbar button img.icon {
padding: 0;
margin: 0;
/* The following is dedicated to the beloved IE8, clashing with Bootstrap. God bless you IE. */
vertical-align: bottom;
width: auto;
height: 16px;
}
div.editor_ousupsub_toolbar button.ousupsub_superscript_button_superscript img.icon {
position: relative;
top: -4px;
}
div.editor_ousupsub_toolbar button[disabled] {
opacity: .45;
background: none;
cursor: default;
}
.editor_ousupsub_toolbar button:hover {
background-image: radial-gradient(ellipse at center, #fff 60%, #d2691e 100%);
background-color: #ebebeb;
}
.editor_ousupsub_toolbar button:active,
.editor_ousupsub_toolbar button.highlight {
background-image: radial-gradient(ellipse at center, #fff 40%, #d2691e 100%);
background-color: #dfdfdf;
}
/* Make firefox button sizes match other browsers */
div.editor_ousupsub_toolbar button::-moz-focus-inner {
border: 0;
padding: 0;
}
.jsenabled .tox-tinymce-aux {
z-index: 1000;
}
.jsenabled .tox-shadowhost.tox-fullscreen,
.jsenabled .tox.tox-tinymce.tox-fullscreen {
z-index: 1050;
}
/**
* These styles are required to ensure that icons loaded from Moodle are displayed correctly in TinyMCE.
* The first selector targets the menu.
* The second selector targets the context menu.
*/
.tox .tox-tbtn svg[data-buttonsource="moodle"] image,
.tox-collection__item-icon svg[data-buttonsource="moodle"] image {
width: inherit;
height: inherit;
}
.tox.tox-tinymce .tox-toolbar__group {
padding-right: 0;
}
/* Prevent navbar obscuring modal content (ignores fullscreen). */
.tox.tox-tinymce:not(.tox-fullscreen) + .tox .tox-dialog-wrap {
padding-top: var(--navbar-height);
}
/* Modify Tiny's max-height calculation here to factor in navbar height on small viewports (ignores fullscreen). */
@media only screen and (max-width: 767px) {
body:not(.tox-force-desktop) .tox.tox-tinymce:not(.tox-fullscreen) + .tox .tox-dialog-wrap .tox-dialog {
max-height: calc((100vh - 8px * 2) - var(--navbar-height)) !important; /* stylelint-disable-line declaration-no-important */
}
}
@media (max-width: 480px) {
.mceToolbar td {
float: left;
display: inline-block;
}
.moodleSkin .mceLayout .mceToolbar .mceWrap {
clear: left;
width: 100%;
height: 4px;
}
.moodleSkin .mceLayout .mceToolbar .mceNoWrap {
clear: none;
width: 0;
}
.o2k7Skin tr.mceLast .mceToolbar tr td.mceWrap,
.o2k7Skin tr.mceFirst .mceToolbar tr td.mceWrap {
margin-left: -3px;
}
}
.mceToolbar td {
box-sizing: content-box;
}
.course-content ul.flexsections {
padding: 0;
margin: 0;
list-style: none;
}
.course-content ul.flexsections li.section {
padding-top: 1rem;
padding-bottom: 1rem;
}
.course-content ul.flexsections li.section .content {
margin: 0;
padding: 0;
}
@media (min-width: 576px) {
.course-content ul.flexsections li.section .summary,
.course-content ul.flexsections li.section .content > .availabilityinfo {
margin-left: 25px;
}
}
.course-content ul.flexsections li.section .left,
.course-content ul.flexsections li.section .right {
padding: 0 6px 0;
text-align: right;
width: auto;
}
@media (max-width: 767.98px) {
body:not(.editing) .course-content ul.flexsections li.section .left,
body:not(.editing) .course-content ul.flexsections li.section .right {
display: none;
}
}
/*// TODO additonal styles */
.format-flexsections .course-content .card-deck .card {
aspect-ratio: 5 / 7;
border: none;
max-width: 325px;
}
.format-flexsections .course-content .card-deck .card.card-horizontal {
aspect-ratio: 7 / 5;
max-width: 450px;
}
.format-flexsections .course-content .card-deck .card .card-main-content {
position: relative;
flex-grow: 1;
overflow: hidden;
}
.format-flexsections .course-content .card-deck .card .card-main-content,
.format-flexsections .course-content .card-deck .card {
border-radius: .5em;
}
.format-flexsections .course-content .card-deck .card .card-main-content .card-img-top {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: transform .4s;
}
.format-flexsections .course-content .card-deck .card:hover .card-main-content .card-img-top {
transform: scale(1.1);
}
.format-flexsections .course-content .card-deck .card .card-header {
background: rgba(0, 0, 0, 0.6);
border: 0;
}
.format-flexsections .course-content .card-deck .card.card-horizontal .card-header {
padding-top: 0;
}
.format-flexsections .course-content .card-deck .card .card-header .card-title {
margin: 0;
}
.format-flexsections .course-content .card-deck .card .card-header .card-title,
.format-flexsections .course-content .card-deck .card .card-header a,
.format-flexsections .course-content .card-deck .card .card-header .summary {
color: #fff !important;
}
.format-flexsections .course-content .card-deck .card .card-header .summary {
display: inline-block;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
max-height: 6rem;
line-height: 1.5rem;
text-overflow: ellipsis;
font-weight: normal;
}
.format-flexsections .course-content .card-deck .card.card-horizontal .card-header .summary {
-webkit-line-clamp: 2;
max-height: 3rem;
margin-top: .25rem;
}
.format-flexsections .course-content .card-deck .card .card-overlay {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.format-flexsections .course-content .card-deck .card .card-overlay .card-header-fade {
flex: 1;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6));
}
.format-flexsections .course-content .card-deck .card.card-horizontal .card-overlay .card-header-fade {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6));
}
.format-flexsections .course-content .card-deck .card .card-header-fade .section-completion,
.format-flexsections .course-content .card-deck .card .card-header-fade .section-availability {
position: absolute;
top: 0;
margin: 0.5rem;
padding: 0.35rem;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 3.2rem;
height: 3.2rem;
border: 0;
}
.format-flexsections .course-content .card-deck .card .card-header-fade .section-completion {
right: 0;
}
.format-flexsections .course-content .card-deck .card .card-header-fade .section-availability {
left: 0;
}
.format-flexsections .course-content .card-deck .card .card-header-fade .section-completion svg {
position: absolute;
transform: rotate(-90deg);
width: 3rem;
height: 3rem;
}
.format-flexsections .course-content .card-deck .card .card-header-fade .section-completion svg circle.outer {
stroke: #e6e6e6;
stroke-width: 5;
fill: none;
}
.format-flexsections .course-content .card-deck .card .card-header-fade .section-completion svg circle.inner {
stroke: #357a32;
stroke-width: 5;
fill: none;
stroke-dasharray: 100;
}
.format-flexsections .course-content .card-deck .card .card-header-fade .section-completion svg circle.inner.complete {
stroke-dasharray: 0;
}
.format-flexsections .empty-placeholder-image-lg {
height: 5rem;
}
.format-flexsections .single-section .course-section {
border: none;
}
.format-flexsections .course-content .single-section .section-navigation {
margin-bottom: unset;
}
.format-flexsections .course-content .card-deck .card .card-img-top {
transition: 0.4s filter ease-in-out;
}
.format-flexsections .course-content .card-deck .card:hover .card-img-top {
filter: brightness(110%);
}
.format-flexsections .course-content .card-deck .card.hiddenfromstudents .card-img-top {
filter: blur(1px) grayscale(80%);
}
.format-flexsections .course-content .card-deck .card.hiddenfromstudents:hover .card-img-top {
filter: grayscale(75%);
}
@media (max-width: 576px) {
.format-flexsections .course-content .card-deck.cards {
display: flex;
flex-flow: column;
align-items: center;
}
.format-flexsections .course-content .card-deck .card .card-header .card-title {
/** Try to make card titles responsive on smaller devices */
font-size: min(3rem, 16vw);
}
}
.format-flexsections .course-image {
min-height: 10rem;
background-repeat: no-repeat;
background-size: cover;
}
.format-flexsections .course-content .card-deck .card.card-horizontal {
aspect-ratio: 7 / 5;
max-width: 450px;
}
.format-flexsections .course-content .card-deck .card.card-horizontal .card-header {
padding-top: 0;
}
.format-flexsections .course-content .card-deck .card.card-horizontal .card-header .summary {
-webkit-line-clamp: 2;
max-height: 3rem;
margin-top: .25rem;
}
.format-flexsections .course-content .card-deck .card.card-horizontal .card-overlay .card-header-fade {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6));
}
.course-content ul.topics {
margin: 0;
list-style: none; }
.course-content ul.topics li.section .content {
margin: 0 40px; }
.course-content ul.topics li.section .left,
.course-content ul.topics li.section .right {
width: 40px;
padding: 0 6px; }
.course-content ul.topics li.section .left {
padding-top: 22px;
text-align: right; }
.jsenabled .course-content ul.topics li.section .left,
.jsenabled .course-content ul.topics li.section .right {
width: auto; }
.course-content ul.topics li.section .left .section-handle img.icon {
padding: 0;
vertical-align: baseline; }
.course-content ul.topics li.section .section_action_menu .textmenu,
.course-content ul.topics li.section .section_action_menu .menu-action-text {
white-space: nowrap; }
.format-picturelink #region-main {
background-color: var(--picturelink-bg-color) !important; }
.format-picturelink .picturelink-wrapper {
background-color: var(--picturelink-bg-color);
}
.format-picturelink .picturelink {
border-top: 1px solid #ddd;
position: relative;
margin-top: 100px;
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
box-sizing: content-box;
margin-right: auto;
margin-left: auto; }
.format-picturelink .picturelink .picturelink_itemcontent {
-ms-flex-negative: 0;
flex-shrink: 0;
background-color: #fff;
position: relative;
top: 28px;
z-index: 1;
padding: 0 5px;
border: 1px solid #ddd;
max-width: 150px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.format-picturelink .picturelink .picturelink_img {
height: auto !important;
width: 100%; }
.format-picturelink .picturelink .picturelink_pinned {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: -94px;
display: flex;
justify-content: space-evenly; }
.format-picturelink .picturelink_hide > .picturelink_item {
opacity: 0 !important; }
.format-picturelink .picturelink .far,
.format-picturelink .picturelink .fas {
font-family: FontAwesome;
padding-left: 10px;
transition: 0.2s;
margin-left: auto;
font-style: normal; }
.format-picturelink .picturelink .far:hover,
.format-picturelink .picturelink .fas:hover {
color: #0096db; }
.format-picturelink .picturelink .fas {
margin-left: inherit;
padding-left: 20px; }
.format-picturelink .picturelink_item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
position: absolute;
background-color: #fff;
border: 1px solid #49587f; // was 2px solid #19284f;
width: 30px;
height: 30px;
border-radius: 50%;
transition: 0.5s;
z-index: 2; }
.format-picturelink .picturelink_item .defaultstat {
background-color: gold; // #fefdfd;
}
.format-picturelink .picturelink_item.p_new.defaultstat {
background-color: green;
}
.format-picturelink .picturelink_item.p_new {
background-color: #fdfffe;
}
.format-picturelink .picturelink_item.p_new.p_hide {
background-color: #19284f;
}
.format-picturelink .picturelink_item.p_new.p_locked {
background: url(/theme/image.php/petel/format_picturelink/1726409799/lock) no-repeat center;
background-size: cover;
}
.format-picturelink .picturelink_item.p_new.completed {
background: url(/theme/image.php/petel/format_picturelink/1726409799/completed) no-repeat center;
}
.format-picturelink .picturelink a[data-visibility="0"] {
display: none;
}
.format-picturelink .picturelink_section {
width: 40px;
height: 40px;
overflow: hidden;
color: #fff;
}
.format-picturelink .picturelink_section-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.format-picturelink .picturelink .completed {
background: url(/theme/image.php/petel/format_picturelink/1726409799/completed) no-repeat center;
}
.format-picturelink .picturelink .p_hide {
background-color: #19284f;
}
.format-picturelink .picturelink .p_locked {
background: url(/theme/image.php/petel/format_picturelink/1726409799/lock) no-repeat center;
background-size: cover;
}
.format-picturelink .picturelink .picturelink_settings {
position: absolute;
display: -ms-flexbox;
display: flex;
top: -34px;
left: 0;
}
.format-picturelink .picturelink .picturelink_admin {
margin-right: 1em;
line-height: 2rem;
cursor: pointer;
display: -ms-flexbox;
display: flex;
padding: 0 .5rem;
border: 1px solid #ddd;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
transition: 0.2s;
}
.format-picturelink .picturelink .picturelink_admin.active .picturelink_toggle {
background-color: #28a745; }
.format-picturelink .picturelink .picturelink_admin.active .picturelink_pin {
transform: translateX(8px); }
.format-picturelink .picturelink .picturelink_toggle {
width: 30px;
height: 20px;
background-color: #dc3545;
border-radius: 10px;
margin-right: 10px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0 5px; }
.format-picturelink .picturelink .picturelink_toggle .picturelink_pin {
width: 12px;
height: 12px;
position: relative;
background-color: #fff;
border-radius: 50%;
transition: 0.2s;
transform: translateX(0); }
.format-picturelink .picturelink .allactivities-wrapper .select-icon,
.format-picturelink .picturelink .allsection-wrapper .select-icon {
transition: 0.2s;
border: none;
width: 36px;
height: 36px;
background: url(/theme/image.php/petel/format_picturelink/1726409799/open-blue) no-repeat center;
background-size: 36px;
position: absolute;
right: 0;
margin: 0;
top: 50%;
transform: translate(0, -50%); }
.format-picturelink .picturelink .allactivities-wrapper .allactivities,
.format-picturelink .picturelink .allactivities-wrapper .allsections,
.format-picturelink .picturelink .allsection-wrapper .allactivities,
.format-picturelink .picturelink .allsection-wrapper .allsections {
cursor: pointer;
width: 100%;
height: 100%;
border: none;
background: none;
font-size: 18px;
font-weight: bold;
line-height: 2rem;
color: #19284f;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.format-picturelink .picturelink .allactivities-wrapper .allactivities .section-name,
.format-picturelink .picturelink .allactivities-wrapper .allsections .section-name,
.format-picturelink .picturelink .allsection-wrapper .allactivities .section-name,
.format-picturelink .picturelink .allsection-wrapper .allsections .section-name {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.format-picturelink .picturelink .allactivities-wrapper .allactivities:active .select-icon,
.format-picturelink .picturelink .allactivities-wrapper .allsections:active .select-icon,
.format-picturelink .picturelink .allsection-wrapper .allactivities:active .select-icon,
.format-picturelink .picturelink .allsection-wrapper .allsections:active .select-icon {
top: 60%; }
.format-picturelink .picturelink .allactivities-wrapper .section-wrap,
.format-picturelink .picturelink .allsection-wrapper .section-wrap {
top: 2rem;
left: 0;
background-color: #fff;
display: none;
margin-top: 5px;
z-index: 1000;
position: absolute;
max-height: 40vh;
overflow: auto;
border: 1px solid #ddd; }
.format-picturelink .picturelink .allactivities-wrapper .section-wrap .section-items,
.format-picturelink .picturelink .allsection-wrapper .section-wrap .section-items {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
box-shadow: 0 0 7px #9c9c9c; }
.format-picturelink .picturelink .allactivities-wrapper .section-wrap .section-items .section-item,
.format-picturelink .picturelink .allsection-wrapper .section-wrap .section-items .section-item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 1rem;
font-size: 18px;
line-height: 40px; }
.format-picturelink .picturelink .allactivities-wrapper .section-wrap .section-items .section-item:hover,
.format-picturelink .picturelink .allsection-wrapper .section-wrap .section-items .section-item:hover {
background-color: #cfdcfd; }
.format-picturelink .picturelink .allactivities-wrapper .section-wrap .section-items .section-item-text,
.format-picturelink .picturelink .allsection-wrapper .section-wrap .section-items .section-item-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 160px; }
.format-picturelink .picturelink .allactivities-wrapper .section-wrap .section-items .section-item a,
.format-picturelink .picturelink .allsection-wrapper .section-wrap .section-items .section-item a {
transition: 0.2s;
padding-left: 20px;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.format-picturelink .picturelink .allactivities-wrapper .section-wrap .section-items .section-item a:hover,
.format-picturelink .picturelink .allsection-wrapper .section-wrap .section-items .section-item a:hover {
color: #fff;
cursor: pointer;
text-decoration: none;
background-color: #0096db; }
.format-picturelink .picturelink_item[data-pinned="1"] {
opacity: 1;
color: #fff !important;
background-color: #19284f !important;
background-image: url(/theme/image.php/petel/format_picturelink/1726409799/pushpin);
background-size: 10%;
background-position: 5px;
background-repeat: no-repeat;
border-radius: 14px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
font-weight: bold;
font-size: 18px;
height: 55px;
line-height: 22px;
padding: 0 22px;
width: 170px;
position: static;
/*rtl:ignore*/
padding-right: 5px; }
.format-picturelink .picturelink_item[data-visibility="0"] {
opacity: 0; }
.format-picturelink .picturelink_item[data-visibility="1"] {
opacity: 1; }
.format-picturelink .completionprogressid,
.format-picturelink .topics {
display: none; }
.format-picturelink .single-section {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.format-picturelink .single-section .topics {
display: block; }
[dir="rtl"]
.format-picturelink
.picturelink
.picturelink_admin.active
.picturelink_pin {
transform: translateX(-8px); }
.format-picturelink.editing .completionprogressid,
.format-picturelink.editing .topics {
display: block;
background-color: #fff; }
.format-picturelink .course-content .section-navigation.navigationtitle .mdl-left,
.format-picturelink .course-content .section-navigation.navigationtitle .mdl-right {
display: none; }
.format-picturelink .course-content .section-navigation.mdl-bottom {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.format-picturelink .course-content .section-navigation.mdl-bottom div.mdl-align {
-ms-flex-order: 1;
order: 1;
margin-right: 100%;
margin-bottom: 10px; }
.format-picturelink .course-content .section-navigation.mdl-bottom span.mdl-left {
-ms-flex-order: 2;
order: 2; }
.format-picturelink .course-content .section-navigation.mdl-bottom span.mdl-right {
-ms-flex-order: 3;
order: 3; }
.tooltipmodal {
position: absolute;
z-index: 9999;
background: #fff;
width: 250px;
min-height: 90px;
font-weight: 400;
font-size: 18px;
font-family: inherit;
border: 1px solid #19284f; }
.tooltipmodal .header {
background-color: #373a3c;
color: #fff;
padding: 5px 10px; }
.tooltipmodal .content {
padding: 5px 10px; }
@media (max-width: 1344px) {
.format-picturelink .picturelink-wrapper {
width: auto;
margin-left: auto; }
}
@media (min-width: 780px) {
.format-picturelink .picturelink .picturelink_admin {
position: relative;
padding: 0 1rem;
}
.format-picturelink .allactivities {
padding-right: 40px;
}
}
.format-singleactivity .tree_item.orphaned a {
color: red;
}
.advancedgrading-main {
overflow-x: inherit;
width: 100%;
display: inline-flex;
flex-direction: column;
min-width: 200px;
}
.dataTable-wrapper.no-header .dataTable-container {
border-top: 1px solid #d9d9d9;
}
.dataTable-wrapper.no-footer .dataTable-container {
border-bottom: 1px solid #d9d9d9;
}
.dataTable-top,
.dataTable-bottom {
padding: 8px 10px;
}
.dataTable-top > nav:first-child,
.dataTable-top > div:first-child,
.dataTable-bottom > nav:first-child,
.dataTable-bottom > div:first-child {
float: left;
}
.dataTable-top > nav:last-child,
.dataTable-top > div:last-child,
.dataTable-bottom > nav:last-child,
.dataTable-bottom > div:last-child {
float: right;
}
.dataTable-selector {
padding: 6px;
}
.dataTable-input {
padding: 6px 12px;
}
.dataTable-info {
margin: 7px 0;
}
/* PAGER */
.dataTable-pagination ul {
margin: 0;
padding-left: 0;
}
.dataTable-pagination li {
list-style: none;
float: left;
}
.dataTable-pagination a {
border: 1px solid transparent;
float: left;
margin-left: 2px;
padding: 6px 12px;
position: relative;
text-decoration: none;
color: #333;
}
.dataTable-pagination a:hover {
background-color: #d9d9d9;
}
.dataTable-pagination .active a,
.dataTable-pagination .active a:focus,
.dataTable-pagination .active a:hover {
background-color: #d9d9d9;
cursor: default;
}
.dataTable-pagination .ellipsis a,
.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
cursor: not-allowed;
}
.dataTable-pagination .disabled a,
.dataTable-pagination .disabled a:focus,
.dataTable-pagination .disabled a:hover {
cursor: not-allowed;
opacity: 0.4;
}
.dataTable-pagination .pager a {
font-weight: bold;
}
/* TABLE */
.dataTable-table {
max-width: 100%;
width: 100%;
border-spacing: 0;
border-collapse: separate;
}
.dataTable-table > tbody > tr > td,
.dataTable-table > tbody > tr > th,
.dataTable-table > tfoot > tr > td,
.dataTable-table > tfoot > tr > th,
.dataTable-table > thead > tr > td,
.dataTable-table > thead > tr > th {
vertical-align: top;
padding: 8px 10px;
}
.dataTable-table > thead > tr > th {
vertical-align: bottom;
text-align: left;
border-bottom: 1px solid #d9d9d9;
}
.dataTable-table > tfoot > tr > th {
vertical-align: bottom;
text-align: left;
border-top: 1px solid #d9d9d9;
}
.dataTable-table th {
vertical-align: bottom;
text-align: left;
}
.dataTable-table th a {
text-decoration: none;
color: inherit;
}
.dataTable-sorter {
display: inline-block;
height: 100%;
position: relative;
width: 100%;
}
.dataTable-sorter::before,
.dataTable-sorter::after {
content: "";
height: 0;
width: 0;
position: absolute;
right: 4px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
opacity: 0.2;
}
.dataTable-sorter::before {
border-top: 4px solid #000;
bottom: 0;
}
.dataTable-sorter::after {
border-bottom: 4px solid #000;
border-top: 4px solid transparent;
top: 0;
}
.asc .dataTable-sorter::after,
.desc .dataTable-sorter::before {
opacity: 0.6;
}
.dataTables-empty {
text-align: center;
}
.dataTable-top::after,
.dataTable-bottom::after {
clear: both;
content: " ";
display: table;
}
/*!
* DataTables + Font Awesome integration
* License: MIT - http://datatables.net/license
*/
/*
* Sort styling
*/
table.dataTable thead th {
position: relative;
background-image: none; /* Remove the DataTables bootstrap integration styling */
}
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
position: absolute;
top: 12px;
right: 8px;
display: block;
font-family: FontAwesome;
}
table.dataTable thead th.sorting:after {
content: "\f0dc";
color: darkslategrey;
padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
color: darkslategrey;
content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
color: darkslategrey;
content: "\f0dd";
}
div.dataTables_scrollBody table.dataTable thead th.sorting:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
content: "";
}
/* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet */
table.table thead th.sorting:after,
table.table thead th.sorting_asc:after,
table.table thead th.sorting_desc:after {
top: 8px;
}
/*
* DataTables style pagination controls
*/
div.dataTables_paginate a.paginate_button.first,
div.dataTables_paginate a.paginate_button.previous {
position: relative;
padding-left: 24px;
}
div.dataTables_paginate a.paginate_button.next,
div.dataTables_paginate a.paginate_button.last {
position: relative;
padding-right: 24px;
}
div.dataTables_paginate a.first:before,
div.dataTables_paginate a.previous:before {
position: absolute;
top: 8px;
left: 10px;
display: block;
font-family: FontAwesome;
}
div.dataTables_paginate a.next:after,
div.dataTables_paginate a.last:after {
position: absolute;
top: 8px;
right: 10px;
display: block;
font-family: FontAwesome;
}
div.dataTables_paginate a.first:before {
content: "\f100";
}
div.dataTables_paginate a.previous:before {
content: "\f104";
}
div.dataTables_paginate a.next:after {
content: "\f105";
}
div.dataTables_paginate a.last:after {
content: "\f101";
}
/*
* Bootstrap and foundation style pagination controls
*/
div.dataTables_paginate li.first > a,
div.dataTables_paginate li.previous > a {
position: relative;
padding-left: 24px;
}
div.dataTables_paginate li.next > a,
div.dataTables_paginate li.last > a {
position: relative;
padding-right: 24px;
}
div.dataTables_paginate li.first a:before,
div.dataTables_paginate li.previous a:before {
position: absolute;
top: 6px;
left: 10px;
display: block;
font-family: FontAwesome;
}
div.dataTables_paginate li.next a:after,
div.dataTables_paginate li.last a:after {
position: absolute;
top: 6px;
right: 10px;
display: block;
font-family: FontAwesome;
}
div.dataTables_paginate li.first a:before {
content: "\f100";
}
div.dataTables_paginate li.previous a:before {
content: "\f104";
}
div.dataTables_paginate li.next a:after {
content: "\f105";
}
div.dataTables_paginate li.last a:after {
content: "\f101";
}
/* In Foundation we don't want the padding like in bootstrap */
div.columns div.dataTables_paginate li.first a:before,
div.columns div.dataTables_paginate li.previous a:before,
div.columns div.dataTables_paginate li.next a:after,
div.columns div.dataTables_paginate li.last a:after {
top: 0;
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: auto;
}
div.dataTables_wrapper div.dataTables_filter {
text-align: right;
}
/* stylelint-disable declaration-no-important */
#page-admin-report-allbackups-index .initialbar {
display: none !important;
}
.report_anon_shorten {
max-width: 30%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* CSS Document */
#benchmark h3 {
border: 1px solid #ddd;
width: 450px;
margin: 20px auto 30px auto;
padding: 10px 0;
border-radius: 4px;
background: #f5f5f5;
text-align: center;
}
#benchmark h3 span {
color: #0a0;
}
#benchmark h5 {
margin-top: 16px;
font-size: 14px;
}
#benchmark .continuebutton a.btn {
margin: 0 10px 10px 10px;
}
#benchmarkresult td {
vertical-align: middle;
}
#benchmarkresult td.success {
background-color: #dff0d8;
}
#benchmarkresult td.warning {
background-color: #fcf8e3;
}
#benchmarkresult td.danger {
background-color: #f2dede;
}
#benchmarkresult .cell.c1 small {
color: #888;
}
#benchmarkresult .cell.c0,
#benchmarkresult .footer {
font-weight: bold;
}
#benchmarkresult .c0,
#benchmarkresult .c2,
#benchmarkresult .c3,
#benchmarkresult .c4 {
text-align: center;
}
#benchmarkresult .footer td {
background-color: #fff;
}
#benchmarkresult .footer .cell.c0 {
text-align: right;
}
#benchmarkresult .footer .cell.c1 {
text-align: center;
}
@media (max-width: 500px) {
#benchmark h3 {
font-size: 20px;
width: 348px;
}
}
#page-report-completion-index table#completion-progress {
margin-top: 20px;
margin-bottom: 30px;
}
#page-report-completion-index .export-actions {
text-align: center;
list-style: none;
}
#page-report-completion-index .criterianame,
#page-report-completion-index .criteriaicon,
#page-report-completion-index .completion-progresscell {
text-align: center;
}
/* Custom CSS for rotated header.. */
#page-report-completion-index .rotated-text-container {
display: inline-block;
width: 16px;
}
/*rtl:begin:ignore*/
#page-report-completion-index .rotated-text {
display: inline-block;
white-space: nowrap;
transform: translate(0, 100%) rotate(-90deg);
transform-origin: 0 0;
vertical-align: middle;
}
#page-report-completion-index .rotated-text:after {
content: "";
float: left;
margin-top: 100%;
}
/*rtl:end:ignore*/
.coursesizedownload {
display: inline-block;
float: right;
}
#page-admin-report-coursesize-index .lastupdate {
font-size: small;
}
#page-report-editdates-index #activitytypeform {
margin-bottom: 1em;
}
#page-report-editdates-index div[id^="fitem_id_moddivider"] {
margin-bottom: 30px;
}
#page-report-editdates-index .editdates_highlight {
background: #d9edf7;
border-radius: 5px;
color: black;
padding: 10px;
position: relative;
top: 10px;
}
.path-report-editdates .vertical-text-container {
overflow-x: scroll;
position: static;
width: 60vw;
}
@media screen and (max-width: 1750px) {
.path-report-editdates .vertical-text-container {
width: 70vw;
}
}
@media screen and (max-width: 767px) {
.path-report-editdates .vertical-text-container {
width: 90vw;
}
}
.path-report-editdates th.vertical-text {
font-size: .8em;
}
.path-report-editdates th.vertical-text {
/* Something you can count on */
white-space: nowrap;
}
.path-report-editdates th.vertical-text > div {
display: block;
transform:
/* Magic Numbers */
translate(18px, 40px)
/* 45 is really 360 - 45 */
rotate(315deg);
width: 30px;
position: relative;
top: -25px;
}
.path-report-editdates th.vertical-text > div > span {
border-bottom: 1px solid #ccc;
padding: 5px 10px;
}
.path-report-editdates .vertical-text-container td {
border-right: 1px solid #ccc;
text-align: center;
vertical-align: top;
}
.path-report-editdates a.timelineitem img {
width: 20px;
}
.path-report-editdates a.timelineitem {
display: inline-block;
margin-bottom: 2px;
border-radius: 5px;
padding: 2px;
}
#page-report-editgroups-index #activitytypeform {
margin-bottom: 1em;
}
#page-report-embedquestion-activity .groupselector,
#page-report-embedquestion-index .groupselector {
width: 100%;
}
#page-report-embedquestion-activity #selectgroup,
#page-report-embedquestion-index #selectgroup {
display: block;
}
#page-report-embedquestion-activity .que.correctness .state-icon,
#page-report-embedquestion-index .que.correctness .state-icon {
padding-left: 5px;
}
#page-report-embedquestion-activity .que.correctness,
#page-report-embedquestion-index .que.correctness {
font-weight: bold;
}
#page-report-embedquestion-activity .que.correctness.correct,
#page-report-embedquestion-index .que.correctness.correct {
color: #398439;
}
#page-report-embedquestion-activity .que.correctness.incorrect,
#page-report-embedquestion-index .que.correctness.incorrect {
color: #d43f3a;
}
#page-report-embedquestion-activity .que.correctness.partiallycorrect,
#page-report-embedquestion-index .que.correctness.partiallycorrect {
color: #f0ad4e;
}
#page-report-embedquestion-activity .generaltable,
#page-report-embedquestion-index .generaltable {
min-height: auto;
}
#page-report-embedquestion-activity div.commands,
#page-report-embedquestion-index div.commands,
#page-report-embedquestion-activity .download-response .download-response-infomation,
#page-report-embedquestion-index .download-response .download-response-infomation,
#page-report-embedquestion-activity .download-response .download-response-buttons,
#page-report-embedquestion-index .download-response .download-response-buttons {
padding-top: 10px;
}
#page-report-embedquestion-attemptdetail .closewindow {
margin-top: 10px;
}
#page-report-embedquestion-activity .show-only-heading,
#page-report-embedquestion-index .show-only-heading {
padding: 10px 0;
}
#page-report-embedquestion-activity .show-only-heading .student-info,
#page-report-embedquestion-index .show-only-heading .student-info {
padding-right: 5px;
}
#page-report-embedquestion-activity #region-main form table span.view-all,
#page-report-embedquestion-index #region-main form table span.view-all {
display: block;
font-size: 0.85714em;
}
#page-report-embedquestion-responsedownload .cloudexport-info-text {
margin-bottom: 15px;
}
#page-report-embedquestion-responsedownload .downloadexport {
padding: 8px 0;
}
#page-report-embedquestion-responsedownload .downloadexport img {
height: 20px;
padding-right: 5px;
vertical-align: baseline;
}
#page-report-embedquestion-responsedownload .downloadexport.sizer {
padding-left: 5px;
color: #676463;
}
.report-eventlist-name {
color: #888;
font-size: 0.75em;
}
.report-eventlist-datatable-table > div > table {
width: 100%;
}
#page-admin-report-eventlist-index dt {
float: left;
text-align: right;
width: 20em;
}
#page-admin-report-eventlist-index dd {
display: block;
text-align: left;
margin-left: 21em;
}
#page-admin-report-eventlist-index dd + dd {
clear: left;
}
@media (max-width: 767px) {
#page-admin-report-eventlist-index dt {
width: 100%;
text-align: left;
}
#page-admin-report-eventlist-index dd {
margin-left: 0;
}
#page-admin-report-eventlist-index dd + dd {
margin-left: 0;
}
}
/*
* CSS stylesheet for report_forumgraph
*/
#forumgraphsvg {
background: #fff;
}
#forumgraphsvg circle {
stroke: #fff;
stroke-width: 1.5px;
}
#forumgraphsvg .link {
stroke: #999;
stroke-opacity: .6;
}
#forumgraphsvg path.link {
fill: none;
stroke: #666;
stroke-width: 1.5px;
}
#forumgraphsvg text {
fill: #000;
font: 12px sans-serif;
pointer-events: none;
}
#forumgraphoption {
border: 0px;
}
div.forumgraphtooltip {
position: absolute;
text-align: center;
width: 120px;
height: 50px;
padding: 2px;
font: 12px sans-serif;
background: lightsteelblue;
border: 0px;
border-radius: 8px;
pointer-events: none;
}
marker#end {
fill: #999;
}
ol#topposters {
margin-top: 0px;
margin-bottom: 5px;
}
#page-report-log-index .info {
margin: 10px;
}
#page-report-log-index .logselectform {
margin: 10px auto;
}
#page-report-log-user .info {
margin: 10px;
text-align: center;
}
#page-report-loglive-index .info {
margin: 10px;
}
table.flexible > tbody > tr:nth-child(n).newrow > td {
background: #d4d4d4;
}
#page-report-outline-index td.numviews {
text-align: right;
}
#page-report-outline-index tr.section {
text-align: center;
}
#page-report-outline-index td.lastaccess {
font-size: 0.8em;
}
#page-report-outline-user .section .content {
margin-left: 30px;
margin-right: 30px;
}
#page-report-outline-user .section h2 {
margin-top: 0;
}
#page-report-outline-user .section {
margin-left: 30px;
margin-right: 30px;
margin-bottom: 20px;
}
#page-report-outline-user .section {
border-width: 1px;
border-style: solid;
padding: 10px;
}
#page-report-participation-index .participationselectform {
margin: 10px auto;
}
#page-report-participation-index .participationselectform label {
margin-left: 15px;
margin-right: 5px;
}
/* Die to css conflicts with form-inline, we have to create a specific class to fix submit button alignment on clean */
#page-report-participation-index .participationselectform input[type="submit"] {
margin-bottom: 0;
}
#page-report-progress-index #completion-progress th,
#page-report-progress-index #completion-progress td {
padding: 2px 2px;
font-weight: normal;
border-right: 1px solid #eee;
}
#page-report-progress-index .progress-actions {
text-align: center;
list-style: none;
}
#page-report-progress-index .completion_pagingbar {
margin: 1em 0;
text-align: center;
}
#page-report-progress-index .completion_prev {
display: inline;
margin-right: 2em;
}
#page-report-progress-index .completion_pagingbar p {
display: inline;
}
#page-report-progress-index .completion_next {
display: inline;
margin-left: 2em;
}
#page-report-progress-index .completion-header,
#page-report-progress-index .completion-progresscell {
text-align: center;
}
/* Custom CSS for rotated header.. */
#page-report-progress-index .rotated-text-container {
display: inline-block;
width: 16px;
}
#page-report-progress-index .rotated-text {
display: inline-block;
white-space: nowrap;
/*rtl:remove*/
transform: translate(0, 100%) rotate(-90deg);
/*rtl:raw:
transform: translate(0, 100%) rotate(90deg);
*/
transform-origin: 0 0;
vertical-align: middle;
}
#page-report-progress-index .rotated-text:after {
content: "";
float: left;
margin-top: 100%;
}
#page-report-progress-index .modicon {
padding-top: 5px;
}
#completion-progress .icon {
margin-left: 0.5rem;
}
.report-roster {
list-style: none;
margin-top: 20px;
text-align: justify;
}
.report-roster li {
display: inline-block;
margin-bottom: 5px;
vertical-align: top;
text-align: center;
}
.report-roster li span {
white-space: nowrap;
display: block;
text-align: center;
}
.report-roster:after {
content: '';
display: inline-block;
width: 100%;
}
#page-report-stats-index .graph {
margin-bottom: 1em;
}
/**
* Container.
*/
.path-grade-report-grader .gradeparent {
position: relative;
}
/**
* Tooltip and overlay.
*/
.path-grade-report-grader .gradeparent .grader-information-tooltip {
min-width: 200px;
}
.path-grade-report-grader .gradeparent .graderreportoverlay {
background-color: white;
width: auto;
padding: 10px;
font-size: 12px;
border: 1px solid #ccc;
border-radius: 4px;
}
/**
* The table.
*/
.path-grade-report-grader .gradeparent table {
border: 1px solid #ccc;
border-collapse: separate;
border-spacing: 0;
border-bottom-width: 0;
border-right-width: 0;
margin-bottom: 2em;
}
/**
* All the cells.
*/
.path-grade-report-grader .gradeparent .cell {
border: 1px solid #ccc;
border-top-width: 0;
border-left-width: 0;
padding: 4px 5px;
vertical-align: middle;
text-align: right;
white-space: nowrap;
}
/**
* All the floating divs.
*/
.path-grade-report-grader .gradeparent .floater {
display: none;
}
.path-grade-report-grader .gradeparent .floating {
display: block;
}
/**
* All the headers + floating cells.
*/
.path-grade-report-grader .gradeparent .heading .cell,
.path-grade-report-grader .gradeparent .avg .cell,
.path-grade-report-grader .gradeparent .user.cell {
font-size: 14px;
font-weight: normal;
text-align: left;
}
/**
* The user cells.
*/
.path-grade-report-grader .gradeparent .user.cell {
min-width: 200px;
width: 200px;
white-space: normal;
vertical-align: top;
}
.path-grade-report-grader .gradeparent .user.cell .userpicture {
border: none;
vertical-align: middle;
}
.path-grade-report-grader .gradeitemheader {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
vertical-align: bottom;
}
/**
* The additional user fields.
*/
.path-grade-report-grader .gradeparent .userfield {
font-weight: normal;
text-align: left;
}
/**
* The footer's header.
*/
.path-grade-report-grader .gradeparent .range .header,
.path-grade-report-grader .gradeparent .avg .header {
font-weight: bold;
}
/**
* The footer's floating cells.
*/
.path-grade-report-grader .gradeparent .avg.floating .cell {
border-top-width: 1px;
}
/**
* The footer's cells.
*/
.path-grade-report-grader .gradeparent .avg .cell {
text-align: right;
max-width: 200px;
text-overflow: ellipsis;
overflow: hidden;
}
/**
* Content styling.
*/
.path-grade-report-grader .gradeparent .heading .cell .iconsmall {
/* Fixes inconsistencies in cell height on IE. */
padding-top: 0;
padding-bottom: 0;
}
.path-grade-report-grader .gradeparent .sorticon {
margin-left: 3px;
}
.path-grade-report-grader .gradeparent .gradevalue {
display: inline-block;
}
.path-grade-report-grader .gradeparent tr:nth-child(n) td.overridden:nth-child(n) {
/* Made very specific to override the default stripped style of the table. */
background-color: #efd9a4;
}
.path-grade-report-grader .gradeparent tr:nth-child(n) td.ajaxoverridden:nth-child(n) {
/* Made very specific to override the default stripped style of the table. */
background-color: #ffe3a0;
}
.path-grade-report-grader .gradeparent .excludedfloater {
font-weight: bold;
color: red;
font-size: 9px;
float: left;
}
.path-grade-report-grader .gradeparent .category {
text-align: left;
}
/**
* Editing fields.
*/
.path-grade-report-grader .gradeparent select {
text-overflow: ellipsis;
min-width: 8rem;
width: 100%;
}
.path-grade-report-grader .gradeparent .text {
border: 1px solid #666;
width: auto;
margin: 0;
padding: 0;
text-align: center;
}
.path-grade-report-grader .gradeparent .quickfeedback {
border: 1px dashed #000;
width: auto;
margin: 0;
padding: 0;
margin-left: 10px;
}
.path-grade-report-grader .yui3-overlay {
border: 0;
background: none;
background-color: inherit;
min-width: 200px;
}
.path-grade-report-grader .yui3-overlay {
background-color: white;
width: auto;
padding: 10px;
font-size: 12px;
border: 1px solid #ccc;
border-radius: 4px;
}
@media only screen and (min-width: 768px) {
.path-grade-report-grader .gradeparent table {
padding-right: 6em;
}
}
/* History */
.path-grade-report-history div.gradeparent {
overflow-x: scroll;
}
.path-grade-report-history .singlebutton div,
.path-grade-report-history .singlebutton div input[type="button"] {
margin: 0;
}
/* User Selector */
.yui3-gradereport_history_usp-hidden {
display: none;
}
.gradereport_history_usp .usp-content {
position: relative;
}
.gradereport_history_usp .usp-ajax-content {
overflow: auto;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.gradereport_history_usp .usp-ajax-content,
.gradereport_history_usp .usp-loading-lightbox {
height: 375px;
}
.gradereport_history_usp .usp-loading-lightbox {
background-color: #fff;
opacity: .5;
position: absolute;
text-align: center;
width: 100%;
top: 0;
left: 0;
}
.gradereport_history_usp .usp-loading-lightbox img {
margin-top: 100px;
opacity: 1;
}
.gradereport_history_usp .usp-search {
text-align: center;
}
.gradereport_history_usp .usp-user {
width: 100%;
text-align: left;
border-top: 1px solid #eee;
}
.gradereport_history_usp .usp-user:nth-child(odd) {
background-color: #f9f9f9;
}
.gradereport_history_usp .usp-first-added {
border-top: 1px solid #bbb;
}
.gradereport_history_usp .usp-checkbox {
text-align: center;
float: left;
padding: 11px 6px 0 6px;
}
.gradereport_history_usp .usp-checkbox input[type=checkbox] {
margin: 0;
}
.gradereport_history_usp .usp-picture {
margin: 6px 3px 0 3px;
float: left;
}
.gradereport_history_usp .usp-userpicture {
cursor: pointer;
}
.gradereport_history_usp .usp-user .details {
margin-left: 67px;
padding: 3px 6px 0 6px;
word-wrap: break-word;
}
.gradereport_history_usp .usp-user .details label {
margin: 0;
}
.gradereport_history_usp .usp-more-results {
padding: 5px;
border-top: 1px solid #bbb;
}
.gradereport_history_usp .usp-finish {
padding-top: 1em;
text-align: center;
}
.gradereport_history_usp .usp-finish input {
margin: 0;
}
.markingguide_marks {
font-weight: bold;
}
#fitem_id_assignmentid,
#fitem_id_displayremark,
#fitem_id_displaysummary,
#fitem_id_displayemail {
margin-bottom: 0;
}
.rubrics_points {
font-weight: bold;
}
.rubrics_level {
font-style: italic;
}
#fitem_id_assignmentid,
#fitem_id_displaylevel,
#fitem_id_displayremark,
#fitem_id_displaysummary,
#fitem_id_displayemail {
margin-bottom: 0;
}
.path-grade-report-singleview div.reporttable {
margin: 20px 0 30px 0;
padding: 10px 10px;
background-color: #f8f9fa;
text-align: center;
}
.path-grade-report-singleview div.groupselector,
.path-grade-report-singleview div.reporttable form div.singleview_buttons,
.path-grade-report-singleview div.selectitems {
display: block;
text-align: right;
clear: both;
}
.path-grade-report-singleview div.singleselect + div.singleselect select,
.path-grade-report-singleview div.groupselector select {
margin-right: 0;
}
.path-grade-report-singleview div.reporttable div.singleselect form div {
text-align: center;
}
.path-grade-report-singleview div.reporttable table.reporttable {
margin: 0 auto 15px auto;
}
.path-grade-report-singleview div.reporttable form div {
text-align: left;
}
.path-grade-report-singleview .singleview_buttons {
padding: 10px 0;
}
.path-grade-report-singleview div.reporttable h2 {
text-align: left;
}
.path-grade-report-singleview .overrideexcludecheck {
width: 14.75px;
height: 12px;
color: #2ca14f;
}
.path-grade-report-singleview .report-navigation .container {
max-width: 1060px;
margin-left: 0;
}
.path-grade-report-singleview .zero-state img {
width: 185px;
}
.path-grade-report-singleview .reporttable thead th,
.path-grade-report-singleview .reporttable thead td {
white-space: nowrap;
border: none;
}
.path-grade-report-singleview .reporttable tbody tr,
.path-grade-report-singleview .reporttable tbody tr:nth-of-type(odd),
.path-grade-report-singleview .reporttable tbody tr:hover {
color: inherit;
background-color: white;
border-top: none;
border-bottom: 1px solid #dee2e6;
}
.path-grade-report-singleview .reporttable tbody th,
.path-grade-report-singleview .reporttable tbody td.range {
white-space: nowrap;
font-weight: normal;
}
.path-grade-report-singleview .reporttable tbody th > * {
display: inline-block;
vertical-align: middle;
margin: 0 2px;
}
.path-grade-report-singleview .itemnav {
font-size: small;
display: inline;
padding-bottom: 0.5em;
}
.path-grade-report-singleview .itemnav.previtem {
float: left;
}
.path-grade-report-singleview div.nextitem {
float: right;
}
.path-grade-report-singleview .reporttable {
width: 100%;
}
.path-grade-report-singleview .reporttable .generaltable th,
.path-grade-report-singleview .reporttable .generaltable td {
text-align: left;
vertical-align: middle;
border: none;
}
.path-grade-report-singleview div.reporttable form div.singleview_bulk {
display: inline-block;
text-align: left;
margin-bottom: 1em;
}
.path-grade-report-singleview .singleview_bulk div > *,
.path-grade-report-singleview .singleview_bulk fieldset > * {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.path-grade-report-singleview .singleselect select,
.path-grade-report-singleview div.reporttable form .singleview_bulk select,
.path-grade-report-singleview div.reporttable form .singleview_bulk input {
margin-left: 10px;
margin-right: 10px;
}
#bulkinsertmodal {
width: 181px;
height: 39px;
top: 309px;
border-radius: 4px;
}
.path-grade-report-singleview .singleview_bulk > fieldset {
display: block;
}
.path-grade-report-singleview div.reporttable form .singleview_bulk > div.enable {
margin-bottom: 0.5em;
text-align: left;
}
.searchresultitemscontainer {
max-height: 150px;
height: 150px;
overflow: auto;
}
.path-grade-report-singleview .search-widget[data-searchtype="user"] .userinitials {
width: 40px;
height: 40px;
}
.path-grade-report-singleview .reporttable .gradeitem span.small {
font-size: 70%;
}
.path-grade-report-singleview .reporttable div.categoryitem .gradeitemheader,
.path-grade-report-singleview .reporttable div.courseitem .gradeitemheader {
font-weight: bold;
}
.path-grade-report-user #graded_users_selector {
float: right;
margin-bottom: 5px;
}
.path-grade-report-user .view_users_selector {
clear: both;
float: right;
margin-bottom: 5px;
}
.path-grade-report-user #graded_users_selector .singleselect label,
.path-grade-report-user .view_users_selector .singleselect label {
display: inline-block;
}
.path-grade-report-user .user-grade,
.grade-report-user .user-grade {
width: 100%;
}
.path-grade-report-user .user-grade thead th,
.grade-report-user .user-grade thead th {
vertical-align: bottom;
border: none;
text-align: left;
background-color: #f8f9fa;
}
.path-grade-report-user .user-grade td,
.grade-report-user .user-grade td {
min-width: 4.5em;
background-color: #f8f9fa;
border: none;
vertical-align: middle;
}
.path-grade-report-user .user-grade .b1l,
.grade-report-user .user-grade .b1l {
padding: 0;
width: 24px;
min-width: 24px;
}
.path-grade-report-user .user-grade tbody .column-itemname,
.grade-report-user .user-grade tbody .column-itemname {
padding-left: 24px;
padding-right: 8px;
}
.path-grade-report-user .user-grade .column-itemname.baggt,
.path-grade-report-user .user-grade .column-itemname.baggb,
.grade-report-user .user-grade .column-itemname.baggt,
.grade-report-user .user-grade .column-itemname.baggb {
padding-left: 0;
}
.path-grade-report-user .user-grade .column-itemname .itemicon,
.grade-report-user .user-grade .column-itemname .itemicon {
font-size: 18px;
width: 18px;
height: 18px;
}
.path-grade-report-user .user-grade .baggt,
.path-grade-report-user .user-grade .baggb,
.grade-report-user .user-grade .baggt,
.grade-report-user .user-grade .baggb {
font-weight: bold;
background-color: #f8f9fa;
border: none;
}
.path-grade-report-user .user-report-container,
.grade-report-user .user-report-container {
margin: 20px 0 30px 0;
padding: 10px 10px;
background-color: #f8f9fa;
}
.path-grade-report-user .user-grade tbody tr,
.grade-report-user .user-grade tbody tr {
background-color: #f8f9fa;
}
.path-grade-report-user .user-grade tbody tr:hover,
.grade-report-user .user-grade tbody tr:hover {
color: inherit;
background-color: #f8f9fa;
}
.path-grade-report-user .user-grade tbody tr.spacer,
.grade-report-user .user-grade tbody tr.spacer {
height: 0.5rem;
}
.path-grade-report-user .user-grade td.item,
.grade-report-user .user-grade td.item {
background-color: white;
border-top: 1px solid #dee2e6;
border-bottom: 1px solid #dee2e6;
}
.path-grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb),
.grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb) {
background-color: white;
font-weight: normal;
border-bottom: 1px solid #dee2e6;
}
.path-grade-report-user .user-grade th.category,
.grade-report-user .user-grade th.category {
background-color: white;
border: 1px solid #dee2e6;
padding-left: 10px;
font-weight: bold;
}
.path-grade-report-user .user-grade th.category a[aria-expanded="true"] .expanded,
.path-grade-report-user .user-grade th.category a[aria-expanded="false"] .collapsed,
.grade-report-user .user-grade th.category a[aria-expanded="true"] .expanded,
.grade-report-user .user-grade th.category a[aria-expanded="false"] .collapsed {
display: none;
}
.path-grade-report-user .user-grade th.category a.toggle-category,
.grade-report-user .user-grade th.category a.toggle-category {
height: 24px;
width: 24px;
font-size: 12px;
line-height: 24px;
margin-right: 3px;
}
.path-grade-report-user .user-grade th.category a.toggle-category i,
.grade-report-user .user-grade th.category a.toggle-category i {
font-size: 12px;
width: 12px;
height: 12px;
color: #1d2125;
margin: 0;
}
.path-grade-report-user .user-grade .column-itemname .small,
.grade-report-user .user-grade .column-itemname .small {
font-size: 70%;
}
.path-grade-report-user .user-grade tr[data-hidden="true"],
.grade-report-user .user-grade tr[data-hidden="true"] {
display: none;
}
.path-grade-report-user .user-grade .category div,
.grade-report-user .user-grade .category div {
min-height: 30px;
align-items: center;
}
.path-grade-report-user .search-widget[data-searchtype="user"] .userinitials {
width: 40px;
height: 40px;
}
.path-grade-report-user .user-navigation .container {
max-width: 767px;
}
.path-grade-report-user .view-user-selector label {
display: block;
font-size: 80%;
margin: 0;
}
.path-grade-report-user .view-user-selector .dropdown-toggle {
padding: 0;
font-weight: bold;
}
.path-grade-report-user .zero-state img {
width: 185px;
}
@media print {
.path-grade-report-user .user-grade th.category,
.grade-report-user .user-grade th.category {
border-left: none;
border-right: none;
}
.path-grade-report-user .user-grade th.category a.toggle-category,
.grade-report-user .user-grade th.category a.toggle-category
.path-grade-report-user #page-footer {
display: none;
}
}
.gradingform_checklist {overflow:auto;padding-bottom:1.25em;max-width:720px;position:relative;}
.gradingform_checklist.editor .group .controls,
.gradingform_checklist .group .description,
.gradingform_checklist .group .items,
.gradingform_checklist.editor .group .additem,
.gradingform_checklist .group .remark,
.gradingform_checklist .group .items .item .remark,
.gradingform_checklist .group .items .item .score,
.gradingform_checklist .group .items .item .definition,
.gradingform_checklist .group .items .item {vertical-align: top;}
.gradingform_checklist .group .items .item .definition {width: 50%;}
.gradingform_checklist .group .items .item .score {width: 15%;}
.gradingform_checklist .group .items .item .remark {width: 25%;}
.gradingform_checklist.editor .group .controls,
.gradingform_checklist .group .description,
.gradingform_checklist.editor .group .additem,
.gradingform_checklist .group .remark,
.gradingform_checklist .group .items .item,
.gradingform_checklist .group .pointstotals {padding:3px;}
.gradingform_checklist .controls,
.gradingform_checklist .controls div,
.gradingform_checklist .group .description,
.gradingform_checklist .group .items .item .definition,
.gradingform_checklist .group .items .item .score,
.gradingform_checklist .group .items .item .delete,
.gradingform_checklist .group .items .item .remark,
.gradingform_checklist .group .items .item .checkbox,
.gradingform_checklist .group .items .item .plainvalue {display: inline-block;}
.mform .gradingform_checklist .group > .remark textarea {width: 99%;}
.gradingform_checklist .group .items .item .definition,
.gradingform_checklist .group .items .item .score,
.gradingform_checklist .group .items .item .delete,
.gradingform_checklist .group .items .item .remark,
.gradingform_checklist .group .items .item .checkbox,
.gradingform_checklist .group .items .item .plainvalue {padding-left: 3px;}
.gradingform_checklist_editform .status {font-weight:normal;text-transform:uppercase;font-size:60%;padding:0.25em;border:1px solid #EEE;}
.gradingform_checklist_editform .status.ready {background-color:#e7f1c3;border-color:#AAEEAA;}
.gradingform_checklist_editform .status.draft {background-color:#f3f2aa;border-color:#EEEE22;}
.gradingform_checklist .group .description {width:150px; font-weight:bold;}
.gradingform_checklist .checklistfeedback,
.gradingform_checklist .pointstotals {font-weight: bold;}
/* evaluation */
.gradingform_checklist .group .items .item.currentchecked {background:#fff0f0;}
.gradingform_checklist .group .items .item.checked {background:#d0ffd0;border:1px solid #555;}
.gradingform_checklist.evaluate .group .items .item:hover {background:#30ff30;}
/* Make invisible the buttons 'Move up' for the first group and 'Move down' for the last, because those buttons will make no change */
.gradingform_checklist.editor .group.first .controls .moveup input,
.gradingform_checklist.editor .group.last .controls .movedown input {display:none;}
/* replace buttons with images */
.gradingform_checklist.editor .delete input,
.gradingform_checklist.editor .moveup input,
.gradingform_checklist.editor .movedown input{text-indent: -1000em;cursor:pointer;border:none;}
.gradingform_checklist.editor .group .controls .delete input {width:20px;height:16px;background: transparent url(/theme/image.php/petel/core/1726409799/i/invalid) no-repeat center top;}
.gradingform_checklist.editor .items .item .delete input {width:20px;height:16px;background: transparent url(/theme/image.php/petel/core/1726409799/i/invalid) no-repeat center top;}
.gradingform_checklist.editor .moveup input {width:20px;height:15px;background: transparent url(/theme/image.php/petel/core/1726409799/t/up) no-repeat center top;margin-top:4px;}
.gradingform_checklist.editor .movedown input {width:20px;height:15px;background: transparent url(/theme/image.php/petel/core/1726409799/t/down) no-repeat center top;margin-top:4px;}
.gradingform_checklist.editor .addgroup input,
.gradingform_checklist.editor .additem input {background: transparent url(/theme/image.php/petel/core/1726409799/t/add) no-repeat;display:block;color:#555555;font-weight:bold;text-decoration:none;}
.gradingform_checklist.editor .addgroup input {background-position: 5px 8px;height:30px;line-height:29px;margin-bottom:14px;padding-left:20px;padding-right:10px;}
.gradingform_checklist.editor .additem input {background-position: 5px 6px;height:25px;line-height:24px;margin-bottom:10px;padding-left:18px;padding-right:8px;}
.gradingform_checklist .options .optionsheading {font-weight:bold;font-size:1.1em;padding-bottom:5px;}
.gradingform_checklist .options .option {padding-bottom:2px;}
.gradingform_checklist .options .option label {margin-left: 5px;}
.gradingform_checklist .options .option .value {margin-left: 5px;font-weight:bold;}
.gradingform_checklist .group .items.error { border:1px solid red;}
.gradingform_checklist .group .description.error,
.gradingform_checklist .group .items .item .definition.error,
.gradingform_checklist .group .items .item .score.error {background:#FFDDDD;}
.gradingform_checklist-regrade {padding:10px;background:#FFDDDD;border:1px solid #F00;margin-bottom:10px;}
.gradingform_checklist-restored {padding:10px;background:#FFFFDD;border:1px solid #FF0;margin-bottom:10px;}
.gradingform_checklist-error {color:red;font-weight:bold;}
/* special classes for elements created by checklisteditor.js */
.gradingform_checklist .hiddenelement,
.gradingform_checklist.editor .hiddenelement,
.gradingform_checklist.editor .group .items .item .plainvalue.hiddenelement {display:none;}
.gradingform_checklist.editor .pseudotablink {background-color:transparent;border:0 solid;height:1px;width:1px;color:transparent;padding:0;margin:0;position:relative;float:right;}
#page-mod-assign-view .gradingform_checklist-description table { width: 100%;}
#page-mod-assign-view #checklist-advancedgrading { padding-left: 22px;}
/* Hide extra popout buttons added by js that assumes only one label tag per grade-panel fitem MDL-59264 */
.path-mod-assign [data-region="grade-panel"] .gradingform_checklist a[data-region="popout-button"] {
display: none;
}
.gradingform_guide-regrade {
padding: 10px;
background: #fdd;
border: 1px solid #f00;
margin-bottom: 10px;
}
.gradingform_guide-restored {
padding: 10px;
background: #ffd;
border: 1px solid #ff0;
margin-bottom: 10px;
}
.gradingform_guide-error {
color: red;
font-weight: bold;
}
.gradingform_guide_editform .status {
font-weight: normal;
text-transform: uppercase;
font-size: 60%;
padding: 0.25em;
border: 1px solid #eee;
}
.gradingform_guide_editform .status.ready {
background-color: #e7f1c3;
border-color: #aea;
}
.gradingform_guide_editform .status.draft {
background-color: #f3f2aa;
border-color: #ee2;
}
.gradingform_guide.editor .criterion .controls,
.gradingform_guide .criterion .description,
.gradingform_guide .criterion .remark {
vertical-align: top;
}
.gradingform_guide.editor .criterion .controls,
.gradingform_guide.editor .criterion .description,
.gradingform_guide.editor .criterion .remark {
padding: 3px;
}
.gradingform_guide .criteria {
height: 100%;
}
.gradingform_guide .criterion {
border: 1px solid #ddd;
overflow: hidden;
}
.gradingform_guide .criterion.even {
background: #f0f0f0;
}
.gradingform_guide .criterion .description {
width: 100%;
}
.gradingform_guide .criterion .description .criterionmaxscore input {
width: 20px;
}
.gradingform_guide .criterion .description .criterionname {
font-weight: bold;
}
.gradingform_guide .criterion label {
font-weight: bold;
padding-right: 5px;
}
.gradingform_guide .plainvalue.empty {
font-style: italic;
color: #aaa;
}
.gradingform_guide .plainvalue.editname {
font-weight: bold;
}
/* Make invisible the buttons 'Move up' for the first criterion and 'Move down' for
the last, because those buttons will make no change */
.gradingform_guide.editor .criterion.first.last .controls .delete input,
.gradingform_guide.editor .criterion.first .controls .moveup input,
.gradingform_guide.editor .criterion.last .controls .movedown input {
display: none;
}
/* replace buttons with images */
.gradingform_guide.editor .delete input,
.gradingform_guide.editor .moveup input,
.gradingform_guide.editor .movedown input {
text-indent: -1000em;
cursor: pointer;
border: none;
}
.gradingform_guide.editor .criterion .controls .delete input {
width: 20px;
height: 16px;
background: transparent url(/theme/image.php/petel/core/1726409799/t/delete) no-repeat center top;
margin-top: 4px;
}
.gradingform_guide.editor .moveup input {
width: 20px;
height: 15px;
background: transparent url(/theme/image.php/petel/core/1726409799/t/up) no-repeat center top;
margin-top: 4px;
}
.gradingform_guide.editor .movedown input {
width: 20px;
height: 15px;
background: transparent url(/theme/image.php/petel/core/1726409799/t/down) no-repeat center top;
margin-top: 4px;
}
.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input {
background: transparent url(/theme/image.php/petel/core/1726409799/t/add) no-repeat;
display: block;
color: #555;
font-weight: bold;
text-decoration: none;
}
.gradingform_guide.editor .addcriterion input,
.gradingform_guide.editor .addcomment input {
background-position: left 5px top 8px;
height: 30px;
line-height: 29px;
margin-bottom: 14px;
padding-left: 20px;
padding-right: 10px;
}
.gradingform_guide .options .optionsheading {
font-weight: bold;
font-size: 1.1em;
padding-bottom: 5px;
}
.gradingform_guide .options .option {
padding-bottom: 2px;
}
.gradingform_guide .options .option label {
margin-left: 5px;
}
.gradingform_guide .options .option .value {
margin-left: 5px;
font-weight: bold;
}
.gradingform_guide .criterion .description.error {
background: #fdd;
}
/* special classes for elements created by guideeditor.js */
.gradingform_guide.editor .hiddenelement {
display: none;
}
.gradingform_guide.editor .pseudotablink {
background-color: transparent;
border: 0 solid;
height: 1px;
width: 1px;
color: transparent;
padding: 0;
margin: 0;
position: relative;
float: right;
}
.jsenabled .gradingform_guide .markingguidecomment {
cursor: pointer;
}
.jsenabled .gradingform_guide .markingguidecomment:before {
content: url(/theme/image.php/petel/core/1726409799/t/add);
padding-right: 2px;
}
.gradingform_guide .commentheader {
font-weight: bold;
font-size: 1.1em;
padding-bottom: 5px;
}
.jsenabled .gradingform_guide .criterionnamelabel {
display: none;
}
.jsenabled .gradingform_guide .criterionshortname {
font-weight: bold;
}
.gradingform_guide table {
width: 100%;
}
.gradingform_guide .descriptionreadonly {
vertical-align: top;
}
.gradingform_guide .criteriondescriptionmarkers {
width: 300px;
}
.gradingform_guide .markingguideremark {
margin: 0;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gradingform_guide .criteriondescriptionscore {
display: inline;
}
.gradingform_guide .score label {
display: block;
}
.gradingform_guide .score input {
margin: 0;
width: auto;
}
.gradingform_guide_comment_chooser {
max-height: 80vh;
overflow-y: auto;
}
.gradingform_guide-frequent-comments {
position: absolute;
top: 7px;
right: 0;
}
/*
.gradingform_rubric.editor[.frozen|.editable]
.criteria
.criterion[.first][.last][.odd|.even]
.controls
.moveup
[input type=submit]
.delete
[input type=submit]
.movedown
[input type=submit]
.description
.levels
td.level[.first][.last][.odd|.even]
div.level-wrapper
.definition
[textarea]
.score
span
[input type=text]
.delete
[input type=submit]
.addlevel
[input type=submit]
.remark
textarea
.addcriterion
[input type=submit]
.options
.optionsheading
.option.OPTIONNAME
.gradingform_rubric[.review][.evaluate[.editable|.frozen]]
.criteria
.criterion[.first][.last][.odd|.even]
.description
.levels
td.level[.first][.last][.odd|.even]
div.level-wrapper
div.radio
input
.definition
.score
span
*/
.gradingform_rubric_editform .status {
font-weight: normal;
text-transform: uppercase;
font-size: 60%;
padding: 0.25em;
border: 1px solid #eee;
}
.gradingform_rubric_editform .status.ready {
background-color: #e7f1c3;
border-color: #aea;
}
.gradingform_rubric_editform .status.draft {
background-color: #f3f2aa;
border-color: #ee2;
}
.gradingform_rubric {
padding-bottom: 1.5em;
}
.gradingform_rubric.editor .criterion .controls,
.gradingform_rubric .criterion .description,
.gradingform_rubric .criterion .levels,
.gradingform_rubric.editor .criterion .addlevel,
.gradingform_rubric .criterion .remark,
.gradingform_rubric .criterion .levels .level {
vertical-align: top;
}
.gradingform_rubric.editor .criterion .controls,
.gradingform_rubric .criterion .description,
.gradingform_rubric.editor .criterion .addlevel,
.gradingform_rubric .criterion .remark,
.gradingform_rubric .criterion .levels .level {
padding: 3px;
}
.gradingform_rubric .criteria {
height: 100%;
display: flex;
width: 100%;
overflow: auto;
}
.gradingform_rubric .criterion {
border: 1px solid #ddd;
overflow: hidden;
}
.gradingform_rubric .criterion.even td {
background: #f0f0f0;
}
.gradingform_rubric .criterion.odd td {
background: white;
}
.gradingform_rubric .criterion .description {
min-width: 150px;
font-weight: bold;
}
.gradingform_rubric .criterion .levels table {
width: 100%;
height: 100%;
}
.gradingform_rubric .criterion .levels,
.gradingform_rubric .criterion .levels table,
.gradingform_rubric .criterion .levels table tbody {
padding: 0;
margin: 0;
}
.gradingform_rubric .criterion .levels .level {
border-left: 1px solid #ddd;
max-width: 150px;
}
.gradingform_rubric .criterion .levels .level .level-wrapper {
position: relative;
}
.gradingform_rubric .criterion .levels .level.last {
border-right: 1px solid #ddd;
}
.gradingform_rubric .plainvalue.empty {
font-style: italic;
color: #aaa;
}
/* Make invisible the buttons 'Move up' for the first criterion and
'Move down' for the last, because those buttons will make no change */
.gradingform_rubric.editor .criterion.first .controls .moveup input,
.gradingform_rubric.editor .criterion.last .controls .movedown input {
display: none;
}
/* replace buttons with images */
.gradingform_rubric.editor .delete input,
.gradingform_rubric.editor .duplicate input,
.gradingform_rubric.editor .moveup input,
.gradingform_rubric.editor .movedown input {
text-indent: -1000em;
cursor: pointer;
border: none;
}
.gradingform_rubric.editor .criterion .controls .delete input {
width: 24px;
height: 24px;
background: transparent url(/theme/image.php/petel/core/1726409799/t/delete) no-repeat center;
margin: .3em .3em 0 .3em;
}
.gradingform_rubric.editor .criterion .controls .duplicate input {
width: 24px;
height: 24px;
background: transparent url(/theme/image.php/petel/core/1726409799/t/copy) no-repeat center;
margin: .3em .3em 0 .3em;
}
.gradingform_rubric.editor .levels .level .delete input {
width: 24px;
height: 24px;
background: transparent url(/theme/image.php/petel/core/1726409799/t/delete) no-repeat center;
}
.gradingform_rubric.editor .moveup input {
width: 24px;
height: 24px;
background: transparent url(/theme/image.php/petel/core/1726409799/t/up) no-repeat center;
margin: .3em .3em 0 .3em;
}
.gradingform_rubric.editor .movedown input {
width: 24px;
height: 24px;
background: transparent url(/theme/image.php/petel/core/1726409799/t/down) no-repeat center;
margin: .3em .3em 0 .3em;
}
.gradingform_rubric.editor .addcriterion input,
.gradingform_rubric.editor .addlevel input {
background: #fff url(/theme/image.php/petel/core/1726409799/t/add) no-repeat 7px 8px;
display: block;
color: #555;
font-weight: bold;
text-decoration: none;
}
.gradingform_rubric.editor .addcriterion input {
height: 30px;
line-height: 29px;
margin-bottom: 14px;
padding-left: 20px;
padding-right: 10px;
}
.gradingform_rubric.editor .addlevel input {
padding-left: 24px;
padding-right: 8px;
}
.gradingform_rubric .options .optionsheading {
font-weight: bold;
font-size: 1.1em;
padding-bottom: 5px;
}
.gradingform_rubric .options .option {
padding-bottom: 2px;
}
.gradingform_rubric .options .option label {
margin-left: 5px;
}
.gradingform_rubric .options .option .value {
margin-left: 5px;
font-weight: bold;
}
.gradingform_rubric .criterion .levels.error {
border: 1px solid red;
}
.gradingform_rubric .criterion .description.error,
.gradingform_rubric .criterion .levels .level .definition.error,
.gradingform_rubric .criterion .levels .level .score.error {
background: #fdd;
}
.gradingform_rubric-regrade {
padding: 10px;
background: #fdd;
border: 1px solid #f00;
margin-bottom: 10px;
}
.gradingform_rubric-restored {
padding: 10px;
background: #ffd;
border: 1px solid #ff0;
margin-bottom: 10px;
}
.gradingform_rubric-error {
color: red;
font-weight: bold;
}
/* special classes for elements created by rubriceditor.js */
.gradingform_rubric.editor .hiddenelement {
display: none;
}
.gradingform_rubric.editor .pseudotablink {
background-color: transparent;
border: 0 solid;
height: 1px;
width: 1px;
color: transparent;
padding: 0;
margin: 0;
position: relative;
float: right;
}
.gradingpanel-gradingform_rubric [aria-checked="true"] {
border: 1px solid black;
}
.path-admin-mnet-service-enrol .singlebutton {
text-align: center;
}
.path-admin-mnet-service-enrol table.remotehosts,
.path-admin-mnet-service-enrol table.otherenrolledusers,
.path-admin-mnet-service-enrol table.remotecourses {
margin: 0 auto 1em auto;
}
.path-admin-mnet-service-enrol table.remotecourses th.categoryname {
text-align: left;
background-color: #f6f6f6;
}
.path-admin-mnet-service-enrol table.remotecourses td.c1 {
font-weight: bold;
}
.path-admin-mnet-service-enrol table.remotecourses th.categoryname img {
margin-right: 1em;
}
.path-admin-mnet-service-enrol .collapsibleregioncaption {
font-size: 110%;
font-weight: bold;
text-align: center;
}
.path-admin-mnet-service-enrol .collapsibleregioninner {
border: 1px solid #ddd;
padding: 1em;
}
.path-admin-mnet-service-enrol .collapsibleregion.remotecourse.summary {
margin: 0 10em;
}
.path-admin-mnet-service-enrol .roleassigntable {
margin: 1em auto;
}
/**
* File styles.css.
* Contains styles for panoptopicker form element.
*/
.panoptopicker-button {
margin: 0 0 10px 0;
}
.repository_panopto .panoptopicker-area-title {
margin: 0 0 10px 5px;
display: inline-block;
font-weight: bold;
width: 120px;
}
.repository_panopto .panoptopicker-area-thumbnail {
max-width: 480px;
margin: 0 0 10px 5px;
}
.fp-poodllmp3-recorder {display:none;}
.repository_poodll .fp-poodllmp3-recorder {display:table-row;}
.repository_poodll .fp-content {position:relative;}
.file-picker .repository_poodll .fp-login-form p {
margin-top: 0em;
text-align: center;
}
.fp-login-input .control-group .repository_poodll{
display: none;
}
/* Comment text area size to maximum */
.question-comment-view .comment-ctrl .comment-area {
max-width: none;
width: 100%;
}
#categoryquestions td.questionlastused span.date {
font-weight: 400;
font-size: .8em;
}
.qbehaviour_deferredcbm_slightlyunderconfident,
.qbehaviour_deferredcbm_slightlyoverconfident {
font-weight: bold;
color: #600;
}
.qbehaviour_deferredcbm_underconfident,
.qbehaviour_deferredcbm_overconfident {
font-weight: bold;
color: #c00;
}
.qbehaviour_deferredcbm_judgementok {
font-weight: bold;
color: #080;
}
.qbehaviour_deferredcbm_actual_percentage {
font-weight: bold;
}
.qbehaviour_deferredcbm_summary_heading {
margin: 0;
}
.que.deferredcbm .certaintychoices input[type="radio"] {
margin-left: 0.5em;
}
.que.deferredcbm .certaintychoices label {
white-space: nowrap;
}
.que.deferredfeedbackexplain .explanation_readonly {
min-height: 3em;
background-color: white;
}
.que .explanation_header {
text-decoration: underline;
font-weight: bold;
}
.admin_presets_error {
color: red;
text-align: center;
}
.admin_presets_success {
color: green;
text-align: center;
}
.adminpreset_appdescription {
font-size: small;
margin-top: 40px;
margin-bottom: 20px;
}
/* The APCu GUI works with position: absolute.
We have to work around this in a rather ugly way when we want to integrate the APCu GUI into the Moodle page. */
#page-admin-tool-apcu-index #region-main {
height: 1200px;
overflow-y: scroll;
position: relative;
}
#page-admin-tool-behat-index .steps-definitions {
margin: 1rem auto;
}
#page-admin-tool-behat-index .steps-definitions .step {
margin: 1rem 0 0 0;
border: 1px solid #eee;
padding: 1rem;
}
#page-admin-tool-behat-index .steps-definitions .stepdescription {
font-style: italic;
}
#page-admin-tool-behat-index .steps-definitions .stepcontent {
margin: 1rem 0;
}
#page-admin-tool-behat-index .steps-definitions .steptype {
color: #1467a6;
margin-right: 1ex;
}
#page-admin-tool-behat-index .steps-definitions .stepapipath {
font-family: monospace;
font-size: smaller;
}
#page-admin-tool-behat-index .steps-definitions .stepregex {
color: #060;
}
#page-admin-tool-behat-index .steprequiredfields {
font-weight: bold;
font-size: 1em;
margin-top: 1em;
}
.tool_brickfield_floatprinticon {
margin-top: -30px;
float: right;
}
.tool_brickfield_analysisbutton {
width: 100%;
text-align: center;
}
/* Advanced Page CSS */
#tool_brickifeld_advanced_page {
margin: 20px 20px 20px 10px;
}
.tool_brickfield_banner_heading {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.tool_brickfield_banner_heading > img {
height: 50px;
}
.tool_brickfield_banner > p {
text-align: center;
}
.tool_brickfield_grid_heading {
font-family: 'Varela Round', Sans-serif;
font-size: 20px;
font-weight: 400;
color: #040d29;
padding-bottom: 4px;
}
.tool_brickfield_grid_content {
color: #040d29;
font-size: 16px;
line-height: 1.4em;
}
.tool_brickfield_grid_heading > img {
height: 30px;
padding-right: 16px;
}
.tool_brickfield_grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 20px 20px 30px;
}
.tool_brickfield_grid > div {
margin: 10px;
padding: 20px;
flex-basis: 30%;
border: 1px solid grey;
max-width: 500px;
min-width: 250px;
flex-grow: 4;
border-radius: 15px 15px 15px 50px;
}
.tool_brickfield_grid_heading {
display: flex;
}
.tool_brickfield_footer > a {
font-size: 18px;
letter-spacing: 1px;
color: #fff;
background-color: #4054b2;
border-radius: 5px;
padding: 15px 50px;
transition: 0.3s;
margin-bottom: 20px;
}
.tool_brickfield_footer {
text-align: center;
}
.tool_brickfield_footer > a:hover {
color: #fff;
background-color: #253687;
text-decoration: none;
}
.tool_brickfield_footer > p {
margin-bottom: 25px;
}
.path-admin-tool-capability .comparisontable {
margin-top: 150px;
}
.path-admin-tool-capability .comparisontable th,
.path-admin-tool-capability .comparisontable td {
vertical-align: middle;
padding: 0.4em 0.5em 0.3em;
}
.path-admin-tool-capability .comparisontable thead th {
vertical-align: bottom;
background: none;
}
.path-admin-tool-capability .comparisontable thead th div {
position: relative;
}
.path-admin-tool-capability .comparisontable thead th div > a {
position: absolute;
top: -1.75em;
left: 1em;
width: 150px;
text-align: left;
margin-bottom: 1em;
text-indent: -1.45em;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
}
.path-admin-tool-capability .comparisontable tbody th {
background-color: #eee;
text-align: right;
border: 1px solid #dfdfdf;
}
.path-admin-tool-capability .comparisontable tbody th span {
display: block;
color: #666;
font-size: 80%;
}
.path-admin-tool-capability .comparisontable tbody td {
border: 1px solid #dfdfdf;
}
.path-admin-tool-capability .comparisontable .inherit {
color: #666;
}
.path-admin-tool-capability .comparisontable .allow {
background-color: #060;
font-weight: bold;
color: white;
}
.path-admin-tool-capability .comparisontable .prevent {
background-color: #ad6704;
font-weight: bold;
color: white;
}
.path-admin-tool-capability .comparisontable .prohibit {
background-color: #800;
font-weight: bold;
color: white;
}
/* Template editor */
#page-admin-tool-certificate-template [data-region="pdf"] {
clear: both;
position: relative;
}
#page-admin-tool-certificate-template [data-region="pdf"] > * {
position: absolute;
}
#page-admin-tool-certificate-template [data-region="pdf"] [data-region="pdfelement"] {
display: inline-block;
word-wrap: break-word;
text-decoration: none;
}
#page-admin-tool-certificate-template [data-region="pdf"]:not(.recalculated) [data-region="pdfelement"],
#page-admin-tool-certificate-template [data-region="pdf"]:not(.recalculated) * {
opacity: 0;
}
#page-admin-tool-certificate-template [data-region="template"] .ws-toggle .collapsed-icon-container {
display: none;
}
#page-admin-tool-certificate-template [data-region="template"] .ws-toggle .expanded-icon-container {
display: inline-block;
}
#page-admin-tool-certificate-template [data-region="template"] .ws-toggle.collapsed .collapsed-icon-container {
display: inline-block;
}
#page-admin-tool-certificate-template [data-region="template"] .ws-toggle.collapsed .expanded-icon-container {
display: none;
}
/* Elements refpoint */
#page-admin-tool-certificate-template [data-region="pdf"] [data-region="pdfelement"][data-refpoint]:before {
background-image: url(/theme/image.php/petel/tool_certificate/1726409799/target);
background-repeat: no-repeat;
content: "";
display: block;
float: left;
height: 9px;
width: 100%;
background-position: left top;
margin: -4px -5px -5px -4px;
}
#page-admin-tool-certificate-template [data-region="pdf"] [data-region="pdfelement"][data-refpoint="1"]:before {
background-position: center top;
margin: -4px 0 -5px 0;
}
#page-admin-tool-certificate-template [data-region="pdf"] [data-region="pdfelement"][data-refpoint="2"]:before {
background-position: right top;
margin: -4px -5px -5px 4px;
}
/* Page margins */
#page-admin-tool-certificate-template [data-region="pdf"] .verticalline {
width: 1px;
}
#page-admin-tool-certificate-template [data-region="pdf"] .horizontalline {
height: 1px;
}
#page-admin-tool-certificate-template [data-region="pdf"] .dottedline {
border-left: 1px dotted black;
}
#page-admin-tool-certificate-template [data-region="pdf"] .solidline {
border-left: 1px solid black;
border-top: 1px solid black;
line-height: normal;
}
#page-admin-tool-certificate-template #region-main {
overflow: visible;
}
#page-admin-tool-certificate-template .modal-dialog .modal-header [data-action="hide"] {
display: none;
}
.nav-pills .nav-pills {
margin-left: 1rem;
}
.data-registry > .top-nav > * {
margin-right: 0.5rem;
}
/*Extra attribute selection to have preference over bs2's .moodle-actionmenu[data-enhance] */
.data-registry > .top-nav > .singlebutton,
.data-registry > .top-nav > .moodle-actionmenu[data-owner='dataregistry-actions'] {
display: inline-block;
}
.data-registry .context-tree {
height: 70vh;
overflow-y: scroll;
}
[data-region="data-requests-table"] .moodle-actionmenu {
min-width: 150px;
}
.context-level-view {
margin: 1em;
}
/**
* Styles for admin tool page.
*/
/* Fix bad default table wrap (caused by the long mimetype field). */
.path-admin-tool-filetypes .generaltable .c0,
.path-admin-tool-filetypes .generaltable .c1,
.path-admin-tool-filetypes .generaltable .c2,
.path-admin-tool-filetypes .generaltable th {
white-space: nowrap;
}
/* Formatting for deleted lines. */
.path-admin-tool-filetypes .generaltable .deleted .c0 img {
opacity: 0.2;
}
.path-admin-tool-filetypes .generaltable .deleted .c0 span {
text-decoration: line-through;
}
/* Custom types show bold */
.path-admin-tool-filetypes .generaltable .nonstandard {
font-weight: bold;
}
.path-admin-tool-health div#healthnoproblemsfound {
width: 60%;
margin: auto;
padding: 1em;
border: 1px solid black;
-moz-border-radius: 6px;
}
.path-admin-tool-health dl.healthissues {
width: 60%;
margin: auto;
}
.path-admin-tool-health dl.critical dt,
.path-admin-tool-health dl.critical dd {
background-color: #a71501;
}
.path-admin-tool-health dl.significant dt,
.path-admin-tool-health dl.significant dd {
background-color: #d36707;
}
.path-admin-tool-health dl.annoyance dt,
.path-admin-tool-health dl.annoyance dd {
background-color: #dba707;
}
.path-admin-tool-health dl.notice dt,
.path-admin-tool-health dl.notice dd {
background-color: #e5db36;
}
.path-admin-tool-health dl dt.solution,
.path-admin-tool-health dl dd.solution,
.path-admin-tool-health div#healthnoproblemsfound {
background-color: #5bb83e;
}
.path-admin-tool-health dl.healthissues dt,
.path-admin-tool-health dl.healthissues dd {
margin: 0;
padding: 1em;
border: 1px solid black;
}
.path-admin-tool-health dl.healthissues dt {
font-weight: bold;
border-bottom: 0;
padding-bottom: 0.5em;
}
.path-admin-tool-health dl.healthissues dd {
border-top: 0;
padding-top: 0.5em;
margin-bottom: 10px;
}
.path-admin-tool-health dl.healthissues dd form {
margin-top: 0.5em;
text-align: right;
}
.path-admin-tool-health form#healthformreturn {
text-align: center;
margin: 2em;
}
.path-admin-tool-health dd.solution p {
padding: 0;
margin: 1em 0;
}
.path-admin-tool-health dd.solution li {
margin-top: 1em;
}
body.editing #inplacetranslate_menu {
display: none;
}
body.editing #inplacetranslate_menu .inplacetranslate-strings-wrapper {
overflow-y: auto;
height: 74vh;
}
body.editing #inplacetranslate_menu_toggler {
position: fixed;
top: 4rem;
left: 0.5rem;
width: 2.25rem;
height: 2.25rem;
align-items: center;
display: flex;
justify-content: center;
}
body.editing #inplacetranslate_menu_toggler .fa-times {
display: none;
}
body.editing #inplacetranslate_menu_toggler span {
display: none;
}
body.editing #inplacetranslate_menu_toggler.shown {
position: relative;
top: unset;
left: unset;
width: auto;
margin-right: 1rem;
margin-bottom: 1rem;
}
body.editing #inplacetranslate_menu_toggler.shown span {
display: inline-block;
}
body.editing.inplacetranslate-menu-shown #inplacetranslate_menu {
display: block;
position: fixed;
height: calc(100vh - 4rem);
width: 30vw;
left: 0;
top: 4rem;
z-index: 100;
}
body.editing.inplacetranslate-menu-shown #inplacetranslate_menu_toggler {
left: calc(30vw + 0.5rem);
}
body.editing.inplacetranslate-menu-shown #inplacetranslate_menu_toggler .fa-language {
display: none;
}
body.editing.inplacetranslate-menu-shown #inplacetranslate_menu_toggler .fa-times {
display: block;
}
body.editing .translates-wrapper .lang-separator:last-of-type {
display: none;
}
body.editing:has(#inplacetranslate_menu.shown) #page {
padding-left: 32vw;
}/*# sourceMappingURL=styles.css.map */
#page-admin-tool-installaddon-index #installfromrepobox {
text-align: center;
padding-top: 2em;
padding-bottom: 2em;
}
#page-admin-tool-installaddon-index #installfromrepobox .singlebutton {
display: inline-block;
}
#page-admin-tool-installaddon-index #installfromrepobox .singlebutton input[type=submit] {
padding: 1em;
}
#page-admin-tool-langimport-index .langimport {
margin: auto;
float: none;
width: 100%;
}
#page-admin-tool-langimport-index #menuuninstalllang,
#page-admin-tool-langimport-index #menupack {
height: 300px;
}
.task-class {
color: #888;
display: block;
font-size: 0.75em;
padding: 0 0.5em;
}
.path-admin-tool-lp [data-region="managecompetencies"] ul li,
.path-admin-tool-lp [data-region="plans"] ul li,
.path-admin-tool-lp [data-region="competencymovetree"] ul li,
.path-admin-tool-lp [data-region="competencylinktree"] ul li,
.path-badges [data-region="competencylinktree"] ul li {
list-style-type: none;
}
.path-admin-tool-lp .progresstext {
display: inline-block;
vertical-align: top;
}
.path-admin-tool-lp .progress {
width: 100%;
display: inline-block;
}
.path-admin-tool-lp .progress .bar {
min-width: 3em;
}
.path-admin-tool-lp [data-region="managecompetencies"] ul[data-enhance="tree"],
.path-admin-tool-lp [data-region="plans"] ul[data-enhance="tree"],
.path-admin-tool-lp [data-region="competencylinktree"] ul[data-enhance="linktree"],
.path-badges [data-region="competencylinktree"] ul[data-enhance="linktree"],
.path-admin-tool-lp [data-region="competencymovetree"] ul[data-enhance="movetree"] {
border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
transition: border linear .2s, box-shadow linear .2s;
border-radius: 4px;
padding-left: 20px;
padding-right: 20px;
margin-left: 10px;
margin-right: 10px;
}
.path-admin-tool-lp [data-region="managecompetencies"] ul,
.path-admin-tool-lp [data-region="plans"] ul,
.path-admin-tool-lp [data-region="competencylinktree"] ul,
.path-badges [data-region="competencylinktree"] ul,
.path-admin-tool-lp [data-region="competencymovetree"] ul {
cursor: pointer;
}
.path-admin-tool-lp [data-region="competencylinktree"] ul li > span,
.path-badges [data-region="competencylinktree"] ul li > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul li > span,
.path-admin-tool-lp [data-region="plans"] ul li > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul li > span {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
border-radius: 4px;
}
.path-admin-tool-lp [data-region="competencylinktree"] ul [aria-selected="true"] > span,
.path-badges [data-region="competencylinktree"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="plans"] ul [aria-selected="true"] > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul [aria-selected="true"] > span {
background-color: #dfdfdf;
}
.path-admin-tool-lp [data-region="competencylinktree"] ul [tabindex="0"] > span,
.path-badges [data-region="competencylinktree"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="competencymovetree"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="plans"] ul [tabindex="0"] > span,
.path-admin-tool-lp [data-region="managecompetencies"] ul [tabindex="0"] > span {
border: 2px solid #0070a8;
}
.path-admin-tool-lp [data-region="filtercompetencies"] input {
margin-left: 10px;
}
.path-admin-tool-lp [data-region="link-buttons"],
.path-admin-tool-lp [data-region="move-buttons"] {
text-align: center;
}
.path-admin-tool-lp [data-region="competencylinktree"] > ul,
.path-badges [data-region="competencylinktree"] > ul {
overflow-y: auto;
height: 400px;
}
.path-admin-tool-lp span.currentdragtarget {
border: 1px dashed;
}
.path-admin-tool-lp .competencyactionsmenu {
display: inline-block;
vertical-align: text-top;
}
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-base"] {
display: table;
width: 100%;
}
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"],
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] {
display: table-row;
}
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label {
padding-right: 10px;
}
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select {
display: table-cell;
}
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select,
.path-admin-tool-lp [data-region="competencylinktree"] select,
.path-badges [data-region="competencylinktree"] select {
width: 100%;
}
.path-admin-tool-lp [data-region] .generaltable.fullwidth {
clear: both;
}
.path-admin-tool-lp .competency-rule-points {
margin-top: 10px;
max-height: 300px;
overflow-y: auto;
}
.path-admin-tool-lp .competency-rule-points table input {
margin-bottom: 0;
}
.path-admin-tool-lp .competency-rule-points tr[data-competency] th {
font-weight: normal;
}
.path-admin-tool-lp .competency-rule-points input[type="number"] {
width: 50px;
}
.competency-heading {
margin-bottom: 15px;
}
.competency-heading h4 {
margin: 0;
}
/** Styles required for menubar js */
.tool-lp-menu {
margin: 0;
}
.tool-lp-menu li {
float: left;
position: relative;
list-style-type: none;
white-space: nowrap;
}
.tool-lp-sub-menu {
position: absolute;
list-style: none;
margin: 0;
top: -10px;
}
.tool-lp-sub-menu li {
float: none;
}
.tool-lp-menu .tool-lp-sub-menu[aria-hidden=false] {
display: block;
}
.tool-lp-menu ul[aria-hidden=true] {
display: none;
}
.tool-lp-menu .caret {
margin: 8px;
}
.tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
left: auto;
right: 0;
}
/** This highlighting is copied from bootstrap - but can be overridden by a theme */
.tool-lp-menu .tool-lp-sub-menu .menu-focus a {
color: #fff;
text-decoration: none;
background-color: #00699e;
background-image: linear-gradient(to bottom, #0070a8, #005f8f);
background-repeat: repeat-x;
}
/** check box and radio button on configure scale dialogue */
input[type="radio"].tool_lp_scale_default,
input[type="checkbox"].tool_lp_scale_proficient {
margin-top: 0;
}
/** User evidence */
.user-evidence-documents {
margin: 10px 20px;
list-style: none;
}
.user-evidence-competencies,
.user-evidence-documents li {
margin-bottom: 5px;
word-break: break-all;
}
[data-region="user-evidence-list"] .user-evidence-competencies,
[data-region="user-evidence-list"] .user-evidence-documents {
margin: 0;
list-style: none;
}
.user-competency-course-navigation select {
display: none;
}
.user-competency-course-navigation span {
max-width: 100%;
overflow: hidden;
}
/** Competency grader */
.competency-grader textarea {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.path-admin-tool-lp #region-main {
overflow-x: visible;
}
/*
// This file is part of Moodle - http://moodle.org/
//
// Moodle is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// Moodle is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Moodle. If not, see .
*/
/*
Document : styles
Created on : 28/11/2013, 09:59:27
Author : Jordi Pujol-Ahulló, SREd, Universitat Rovira i Virgili
Package : tool
Subpackage : mergeusers
License : http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
Description:
Format merging results.
*/
.result > .title {
display: block;
font-weight: bold;
}
.result > .resultsetko {
color: red;
}
.align-center{
text-align: center;
}
#page-admin-tool-messageinbound-index .handler-function {
display: block;
padding: 0 0.5em;
color: #888;
font-size: 0.75em;
}
#page-admin-tool-messageinbound-index .state,
#page-admin-tool-messageinbound-index .edit {
text-align: center;
}
input.tool-mfa-verification-code,
.tool-mfa-verification-code input {
/* Some elements must be important to override form element*/
font-size: 1.25em !important;
letter-spacing: 1.05em;
font-family: monospace;
width: 11.5em !important;
}
/**
* Styles for admin tool mobile.
*/
#page-admin-tool-mobile-subscription dl dt {
clear: both;
display: inline-block;
width: 40%;
min-width: 100px;
vertical-align: top;
padding-top: 1px;
}
#page-admin-tool-mobile-subscription dl dd {
display: inline-block;
width: 59%;
margin-left: 1%;
vertical-align: top;
padding-top: 1px;
}
#page-admin-tool-mobile-subscription dl.list-narrow dt {
width: 30%;
}
#page-admin-tool-mobile-subscription dl.list-narrow dd {
width: 69%;
}
#page-admin-tool-mobile-subscription progress {
width: 100%;
}
.ofs-bar {
background: #17a5eb;
white-space: nowrap;
}
/* Get rid of second vertical scrollbar around OPcache GUI */
#region-main-box #interface.opcache-gui {
overflow-y: hidden;
}
/* jquery-eu-cookie-law-popup styles */
.eupopup-container {
background-color: rgba(25, 25, 25, 0.9);
color: #efefef;
padding: 5px 20px;
font-size: 12px;
line-height: 1.2em;
text-align: center;
display: none;
z-index: 9999999;
}
.eupopup-container .eupopup-body a {
color: #fff;
text-decoration: underline;
}
.behat-site .eupopup-container-bottom {
position: relative;
}
.eupopup-container-bottom {
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.eupopup-closebutton {
font-size: 16px;
font-weight: 100;
line-height: 1;
color: #a2a2a2;
opacity: 0.2;
position: absolute;
font-family: helvetica, arial, verdana, sans-serif;
top: 0;
right: 0;
padding: 5px 10px;
}
.eupopup-buttons {
padding: 7px 0 5px 0;
}
.eupopup-button {
margin: 0 10px;
}
.eupopup-button:hover,
.eupopup-button:focus {
text-decoration: underline;
color: #f6a21d;
}
/* tool_policy styles */
.eupopup-body li {
display: inline;
}
.eupopup-body li:before {
content: ",";
}
.eupopup-body li:first-child:before {
content: "";
}
.eupopup-body ul {
padding: 0;
margin: 0 0 3px;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
text-decoration: none;
}
.eupopup-head {
font-size: 1.2em;
font-weight: bold;
padding: 7px;
}
.eupopup-button_1 {
font-weight: bold;
font-size: 14px;
}
.eupopup-button_2 {
display: none;
}
.eupopup-button {
color: #f6a21d;
}
.policy-heading .policy-viewdoc-buttons {
text-align: center;
margin: 15px;
}
#page-admin-tool-policy-acceptances .colselect {
width: 35px;
}
/* tool_profiling styles */
.path-admin-tool-profiling .profilingruntable .label {
font-weight: bold;
}
.path-admin-tool-profiling .profiling_worse {
color: red;
}
.path-admin-tool-profiling .profiling_better {
color: green;
}
.path-admin-tool-profiling .profiling_same {
color: dimgrey;
}
.path-admin-tool-profiling .profiling_important,
.path-admin-tool-profiling .flexible .referencerun {
font-weight: bold;
}
.path-admin-tool-profiling .flexible {
margin-left: auto;
margin-right: auto;
}
/* Get rid of second vertical scrollbar around OPcache GUI */
#page-admin-tool-redis-index div[role="main"] {
overflow-y: hidden;
}
/*!
* "Fork me on GitHub" CSS ribbon v0.2.3 | MIT License
* https://github.com/simonwhitaker/github-fork-ribbon-css
*/
.tool-ribbons-fork-ribbon {
width: 12.1em;
height: 12.1em;
position: fixed;
overflow: hidden;
top: 0;
right: 0;
z-index: 9999;
pointer-events: none;
font-size: 13px;
text-decoration: none;
text-indent: -999999px;
}
.tool-ribbons-fork-ribbon:hover,
.tool-ribbons-fork-ribbon:active {
background-color: rgba(0, 0, 0, 0);
}
.tool-ribbons-fork-ribbon::before,
.tool-ribbons-fork-ribbon::after {
/* The right and left classes determine the side we attach our banner to */
position: absolute;
display: block;
width: 15.38em;
height: 1.54em;
top: 3.23em;
right: -3.23em;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.tool-ribbons-fork-ribbon:before {
content: "";
/* Add a bit of padding to give some substance outside the "stitching" */
padding: 0.38em 0;
/* Set the base colour */
background-color: #333;
/* Set a gradient: transparent black at the top to almost-transparent black at the bottom */
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
/* Add a drop shadow */
-webkit-box-shadow: 0 0.15em 0.23em 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0.15em 0.23em 0 rgba(0, 0, 0, 0.5);
pointer-events: auto;
}
.tool-ribbons-fork-ribbon:after {
/* Set the text from the data-ribbon attribute */
content: attr(data-ribbon);
/* Set the text properties */
color: #fff;
font: 700 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.54em;
text-decoration: none;
text-shadow: 0 -0.08em rgba(0, 0, 0, 0.5);
text-align: center;
text-indent: 0;
/* Set the layout properties */
padding: 0.15em 0;
margin: 0.15em 0;
/* Add "stitching" effect */
border-width: 0.08em 0;
border-style: dotted;
border-color: #fff;
border-color: rgba(255, 255, 255, 0.7);
}
.tool-ribbons-fork-ribbon.left-top,
.tool-ribbons-fork-ribbon.left-bottom {
right: auto;
left: 0;
}
.tool-ribbons-fork-ribbon.left-bottom,
.tool-ribbons-fork-ribbon.right-bottom {
top: auto;
bottom: 0;
}
.tool-ribbons-fork-ribbon.left-top:before,
.tool-ribbons-fork-ribbon.left-top:after,
.tool-ribbons-fork-ribbon.left-bottom:before,
.tool-ribbons-fork-ribbon.left-bottom:after {
right: auto;
left: -3.23em;
}
.tool-ribbons-fork-ribbon.left-bottom:before,
.tool-ribbons-fork-ribbon.left-bottom:after,
.tool-ribbons-fork-ribbon.right-bottom:before,
.tool-ribbons-fork-ribbon.right-bottom:after {
top: auto;
bottom: 3.23em;
}
.tool-ribbons-fork-ribbon.left-top:before,
.tool-ribbons-fork-ribbon.left-top:after,
.tool-ribbons-fork-ribbon.right-bottom:before,
.tool-ribbons-fork-ribbon.right-bottom:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
html[dir="rtl"] .tool-ribbons-fork-ribbon::before,
html[dir="rtl"] .tool-ribbons-fork-ribbon::after {
/* The right and left classes determine the side we attach our banner to */
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
html[dir="rtl"] .tool-ribbons-fork-ribbon.left-top:before,
html[dir="rtl"] .tool-ribbons-fork-ribbon.left-top:after,
html[dir="rtl"] .tool-ribbons-fork-ribbon.right-bottom:before,
html[dir="rtl"] .tool-ribbons-fork-ribbon.right-bottom:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/*# sourceMappingURL=styles.css.map */
#page-admin-tool-task-scheduledtasks .task-class,
#page-admin-tool-task-runningtasks .task-class {
display: block;
padding: 0 0.5em;
color: #888;
font-size: 0.75em;
}
#page-admin-tool-task-scheduledtasks input[type=text] {
/*rtl:ignore*/
direction: ltr;
}
#page-admin-tool-task-scheduledtasks .task-runnow,
#page-admin-tool-task-scheduledtasks .task-clearfaildelay {
font-size: 0.75em;
}
[data-region="displaytemplateexample"] {
border-radius: 4px;
border: 1px inset #e3e3e3;
padding: 1em;
}
.docs-example {
position: relative;
margin: 15px 0;
padding: 10px;
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.docs-example::after {
content: "Example";
position: absolute;
top: -1px;
left: -1px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
background-color: #f5f5f5;
border: 1px solid #ddd;
color: #9da0a4;
-webkit-border-radius: 4px 0 4px 0;
-moz-border-radius: 4px 0 4px 0;
border-radius: 4px 0 4px 0;
}
div[data-flexitour="backdrop"] {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
span[data-flexitour="container"] .modal-dialog {
max-width: 400px;
}
span[data-flexitour="container"] .modal-dialog .modal-content .modal-header {
border-bottom: 0;
}
span[data-flexitour="container"] .modal-dialog .modal-content .modal-header.minimal,
span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer.minimal {
padding-top: 0;
padding-bottom: 0;
}
span[data-flexitour="container"] .modal-dialog .modal-content .modal-footer {
justify-content: flex-start;
border-top: 0;
}
span[data-flexitour="container"].orphan {
position: absolute;
}
span[data-flexitour="container"].orphan div[data-role="arrow"] {
display: none;
}
body div[data-flexitour="step-background-fader"],
body div[data-flexitour="step-background"] {
position: absolute;
background: inherit;
background-image: none;
}
div[data-flexitour="step-background-fader"],
[data-flexitour="step-backdrop"] > td,
[data-flexitour="step-backdrop"] {
position: relative;
}
span[data-flexitour="container"].orphan div[data-role="arrow"] {
display: none;
}
.path-admin-local-usertours .stepcreator .input-append {
font-size: inherit;
}
.tour-actions > ul {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.tour-actions > ul > li {
background-color: #f5f5f5;
}
.tour-actions > ul {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.tour-actions > ul > li {
background-color: #f5f5f5;
border-radius: 6px;
border: 1px solid #ccc;
display: inline-block;
height: 9em;
margin: .5em;
text-align: center;
width: 13em;
}
.tour-actions > ul > li > a {
height: 100%;
display: block;
padding: 1em;
}
@media (max-width: 575.98px) {
span[data-flexitour="container"] {
margin-left: 10px;
}
span[data-flexitour="container"] .modal-content {
overflow-y: initial;
}
span[data-flexitour="container"].orphan {
margin-left: 5px;
margin-right: 5px;
}
}
.path-admin-tool-xmldb a[name="lastused"] {
padding-top: 50px;
}
@font-face{font-family:"AT Comic";src:url(/theme/font.php/petel/local_accessibilitytool/1726409799/comic-r.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"AT Mono";src:url(/theme/font.php/petel/local_accessibilitytool/1726409799/mono-r.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:OpenDyslexic;src:url(/theme/font.php/petel/local_accessibilitytool/1726409799/OpenDyslexic-Regular.woff) format("woff");font-weight:400;font-style:normal}body.at-font-modern :not(.fontstyle_default,.fa){font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}body.at-font-modern h1,body.at-font-modern h2,body.at-font-modern h3,body.at-font-modern h4,body.at-font-modern h5{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}body.at-font-classic :not(.fontstyle_default,.fa){font-family:Palatino,"Times New Roman",serif}body.at-font-classic h1,body.at-font-classic h2,body.at-font-classic h3,body.at-font-classic h4,body.at-font-classic h5{font-family:Palatino,"Times New Roman",serif}body.at-font-comic :not(.fontstyle_default,.fa){font-family:"AT Comic",Chalkboard,"Comic Sans","Comic Sans MS",sans-serif}body.at-font-comic h1,body.at-font-comic h2,body.at-font-comic h3,body.at-font-comic h4,body.at-font-comic h5{font-family:"AT Comic",Chalkboard,"Comic Sans","Comic Sans MS",sans-serif}body.at-font-mono :not(.fontstyle_default,.fa){font-family:"AT Mono",Menlo,"Courier New",monospace}body.at-font-mono h1,body.at-font-mono h2,body.at-font-mono h3,body.at-font-mono h4,body.at-font-mono h5{font-family:"AT Mono",Menlo,"Courier New",monospace}body.at-font-opendyslexic :not(.fontstyle_default,.fa){font-family:OpenDyslexic,sans-serif}body.at-font-opendyslexic h1,body.at-font-opendyslexic h2,body.at-font-opendyslexic h3,body.at-font-opendyslexic h4,body.at-font-opendyslexic h5{font-family:OpenDyslexic,sans-serif}body.at-contrast #region-main a{text-decoration:none}body.at-contrast #region-main a:focus,body.at-contrast #region-main a:hover{border-bottom:none;text-decoration:none}body.at-contrast #region-main a:focus *,body.at-contrast #region-main a:hover *{border-bottom:none;text-decoration:none}body.at-contrast:not(.at-contrast-default) *{border-radius:0!important;text-shadow:none!important}body.at-contrast:not(.at-contrast-default) .dropdown-divider{background-color:#f6f6f6!important}body.at-contrast:not(.at-contrast-default) a{text-decoration:none}body.at-contrast.at-contrast-yb *{background-color:#000!important;color:#cc0!important;border-color:#cc0!important}body.at-contrast.at-contrast-yb * .btn.active,body.at-contrast.at-contrast-yb * .btn:active,body.at-contrast.at-contrast-yb * .btn:focus,body.at-contrast.at-contrast-yb * .btn:hover,body.at-contrast.at-contrast-yb * a.active,body.at-contrast.at-contrast-yb * a:active,body.at-contrast.at-contrast-yb * a:focus,body.at-contrast.at-contrast-yb * a:hover{background-color:#cc0!important;color:#000!important}body.at-contrast.at-contrast-yb * .btn.active *,body.at-contrast.at-contrast-yb * .btn:active *,body.at-contrast.at-contrast-yb * .btn:focus *,body.at-contrast.at-contrast-yb * .btn:hover *,body.at-contrast.at-contrast-yb * a.active *,body.at-contrast.at-contrast-yb * a:active *,body.at-contrast.at-contrast-yb * a:focus *,body.at-contrast.at-contrast-yb * a:hover *{background-color:#cc0!important;color:#000!important}body.at-contrast.at-contrast-yb * .dropdown-item:active,body.at-contrast.at-contrast-yb * .dropdown-item:focus,body.at-contrast.at-contrast-yb * .dropdown-item:focus-within,body.at-contrast.at-contrast-yb * .dropdown-item:hover{background-color:#cc0!important;color:#000!important}body.at-contrast.at-contrast-yb * .dropdown-item:active a,body.at-contrast.at-contrast-yb * .dropdown-item:active a i,body.at-contrast.at-contrast-yb * .dropdown-item:focus a,body.at-contrast.at-contrast-yb * .dropdown-item:focus a i,body.at-contrast.at-contrast-yb * .dropdown-item:focus-within a,body.at-contrast.at-contrast-yb * .dropdown-item:focus-within a i,body.at-contrast.at-contrast-yb * .dropdown-item:hover a,body.at-contrast.at-contrast-yb * .dropdown-item:hover a i{background-color:#cc0!important;color:#000!important}body.at-contrast.at-contrast-yb * .initialbar .active *{background-color:#cc0!important;color:#000!important}body.at-contrast.at-contrast-yb * #region-main a:not(.dropdown-item){border-bottom:solid 1px #cc0}body.at-contrast.at-contrast-yb * .navbar{border-bottom:solid 1px #cc0}body.at-contrast.at-contrast-yb * #gridshadebox_overlay{background-color:#444!important}body.at-contrast.at-contrast-yb * #gridshadebox_content .gridshadebox_area *{background-color:#444!important}body.at-contrast.at-contrast-yb * .block .minicalendar td.weekend{color:#cc0!important}body.at-contrast.at-contrast-by *{background-color:#ee6!important;color:#111!important;border-color:#111!important}body.at-contrast.at-contrast-by * .btn.active,body.at-contrast.at-contrast-by * .btn:active,body.at-contrast.at-contrast-by * .btn:focus,body.at-contrast.at-contrast-by * .btn:hover,body.at-contrast.at-contrast-by * a.active,body.at-contrast.at-contrast-by * a:active,body.at-contrast.at-contrast-by * a:focus,body.at-contrast.at-contrast-by * a:hover{background-color:#111!important;color:#ee6!important}body.at-contrast.at-contrast-by * .btn.active *,body.at-contrast.at-contrast-by * .btn:active *,body.at-contrast.at-contrast-by * .btn:focus *,body.at-contrast.at-contrast-by * .btn:hover *,body.at-contrast.at-contrast-by * a.active *,body.at-contrast.at-contrast-by * a:active *,body.at-contrast.at-contrast-by * a:focus *,body.at-contrast.at-contrast-by * a:hover *{background-color:#111!important;color:#ee6!important}body.at-contrast.at-contrast-by * .dropdown-item:active,body.at-contrast.at-contrast-by * .dropdown-item:focus,body.at-contrast.at-contrast-by * .dropdown-item:focus-within,body.at-contrast.at-contrast-by * .dropdown-item:hover{background-color:#111!important;color:#ee6!important}body.at-contrast.at-contrast-by * .dropdown-item:active a,body.at-contrast.at-contrast-by * .dropdown-item:active a i,body.at-contrast.at-contrast-by * .dropdown-item:focus a,body.at-contrast.at-contrast-by * .dropdown-item:focus a i,body.at-contrast.at-contrast-by * .dropdown-item:focus-within a,body.at-contrast.at-contrast-by * .dropdown-item:focus-within a i,body.at-contrast.at-contrast-by * .dropdown-item:hover a,body.at-contrast.at-contrast-by * .dropdown-item:hover a i{background-color:#111!important;color:#ee6!important}body.at-contrast.at-contrast-by * .initialbar .active *{background-color:#111!important;color:#ee6!important}body.at-contrast.at-contrast-by * #region-main a:not(.dropdown-item){border-bottom:solid 1px #111}body.at-contrast.at-contrast-by * .navbar{border-bottom:solid 1px #111}body.at-contrast.at-contrast-by * #gridshadebox_overlay{background-color:#444!important}body.at-contrast.at-contrast-by * #gridshadebox_content .gridshadebox_area *{background-color:#444!important}body.at-contrast.at-contrast-by * .block .minicalendar td.weekend{color:#111!important}body.at-contrast.at-contrast-wg *{background-color:#444!important;color:#eee!important;border-color:#eee!important}body.at-contrast.at-contrast-wg * .btn.active,body.at-contrast.at-contrast-wg * .btn:active,body.at-contrast.at-contrast-wg * .btn:focus,body.at-contrast.at-contrast-wg * .btn:hover,body.at-contrast.at-contrast-wg * a.active,body.at-contrast.at-contrast-wg * a:active,body.at-contrast.at-contrast-wg * a:focus,body.at-contrast.at-contrast-wg * a:hover{background-color:#eee!important;color:#444!important}body.at-contrast.at-contrast-wg * .btn.active *,body.at-contrast.at-contrast-wg * .btn:active *,body.at-contrast.at-contrast-wg * .btn:focus *,body.at-contrast.at-contrast-wg * .btn:hover *,body.at-contrast.at-contrast-wg * a.active *,body.at-contrast.at-contrast-wg * a:active *,body.at-contrast.at-contrast-wg * a:focus *,body.at-contrast.at-contrast-wg * a:hover *{background-color:#eee!important;color:#444!important}body.at-contrast.at-contrast-wg * .dropdown-item:active,body.at-contrast.at-contrast-wg * .dropdown-item:focus,body.at-contrast.at-contrast-wg * .dropdown-item:focus-within,body.at-contrast.at-contrast-wg * .dropdown-item:hover{background-color:#eee!important;color:#444!important}body.at-contrast.at-contrast-wg * .dropdown-item:active a,body.at-contrast.at-contrast-wg * .dropdown-item:active a i,body.at-contrast.at-contrast-wg * .dropdown-item:focus a,body.at-contrast.at-contrast-wg * .dropdown-item:focus a i,body.at-contrast.at-contrast-wg * .dropdown-item:focus-within a,body.at-contrast.at-contrast-wg * .dropdown-item:focus-within a i,body.at-contrast.at-contrast-wg * .dropdown-item:hover a,body.at-contrast.at-contrast-wg * .dropdown-item:hover a i{background-color:#eee!important;color:#444!important}body.at-contrast.at-contrast-wg * .initialbar .active *{background-color:#eee!important;color:#444!important}body.at-contrast.at-contrast-wg * #region-main a:not(.dropdown-item){border-bottom:solid 1px #eee}body.at-contrast.at-contrast-wg * .navbar{border-bottom:solid 1px #eee}body.at-contrast.at-contrast-wg * #gridshadebox_overlay{background-color:#444!important}body.at-contrast.at-contrast-wg * #gridshadebox_content .gridshadebox_area *{background-color:#444!important}body.at-contrast.at-contrast-wg * .block .minicalendar td.weekend{color:#eee!important}body.at-contrast.at-contrast-br *{background-color:#eeb9b9!important;color:#111!important;border-color:#111!important}body.at-contrast.at-contrast-br * .btn.active,body.at-contrast.at-contrast-br * .btn:active,body.at-contrast.at-contrast-br * .btn:focus,body.at-contrast.at-contrast-br * .btn:hover,body.at-contrast.at-contrast-br * a.active,body.at-contrast.at-contrast-br * a:active,body.at-contrast.at-contrast-br * a:focus,body.at-contrast.at-contrast-br * a:hover{background-color:#111!important;color:#eeb9b9!important}body.at-contrast.at-contrast-br * .btn.active *,body.at-contrast.at-contrast-br * .btn:active *,body.at-contrast.at-contrast-br * .btn:focus *,body.at-contrast.at-contrast-br * .btn:hover *,body.at-contrast.at-contrast-br * a.active *,body.at-contrast.at-contrast-br * a:active *,body.at-contrast.at-contrast-br * a:focus *,body.at-contrast.at-contrast-br * a:hover *{background-color:#111!important;color:#eeb9b9!important}body.at-contrast.at-contrast-br * .dropdown-item:active,body.at-contrast.at-contrast-br * .dropdown-item:focus,body.at-contrast.at-contrast-br * .dropdown-item:focus-within,body.at-contrast.at-contrast-br * .dropdown-item:hover{background-color:#111!important;color:#eeb9b9!important}body.at-contrast.at-contrast-br * .dropdown-item:active a,body.at-contrast.at-contrast-br * .dropdown-item:active a i,body.at-contrast.at-contrast-br * .dropdown-item:focus a,body.at-contrast.at-contrast-br * .dropdown-item:focus a i,body.at-contrast.at-contrast-br * .dropdown-item:focus-within a,body.at-contrast.at-contrast-br * .dropdown-item:focus-within a i,body.at-contrast.at-contrast-br * .dropdown-item:hover a,body.at-contrast.at-contrast-br * .dropdown-item:hover a i{background-color:#111!important;color:#eeb9b9!important}body.at-contrast.at-contrast-br * .initialbar .active *{background-color:#111!important;color:#eeb9b9!important}body.at-contrast.at-contrast-br * #region-main a:not(.dropdown-item){border-bottom:solid 1px #111}body.at-contrast.at-contrast-br * .navbar{border-bottom:solid 1px #111}body.at-contrast.at-contrast-br * #gridshadebox_overlay{background-color:#444!important}body.at-contrast.at-contrast-br * #gridshadebox_content .gridshadebox_area *{background-color:#444!important}body.at-contrast.at-contrast-br * .block .minicalendar td.weekend{color:#111!important}body.at-contrast.at-contrast-bb *{background-color:#b9d9ee!important;color:#111!important;border-color:#111!important}body.at-contrast.at-contrast-bb * .btn.active,body.at-contrast.at-contrast-bb * .btn:active,body.at-contrast.at-contrast-bb * .btn:focus,body.at-contrast.at-contrast-bb * .btn:hover,body.at-contrast.at-contrast-bb * a.active,body.at-contrast.at-contrast-bb * a:active,body.at-contrast.at-contrast-bb * a:focus,body.at-contrast.at-contrast-bb * a:hover{background-color:#111!important;color:#b9d9ee!important}body.at-contrast.at-contrast-bb * .btn.active *,body.at-contrast.at-contrast-bb * .btn:active *,body.at-contrast.at-contrast-bb * .btn:focus *,body.at-contrast.at-contrast-bb * .btn:hover *,body.at-contrast.at-contrast-bb * a.active *,body.at-contrast.at-contrast-bb * a:active *,body.at-contrast.at-contrast-bb * a:focus *,body.at-contrast.at-contrast-bb * a:hover *{background-color:#111!important;color:#b9d9ee!important}body.at-contrast.at-contrast-bb * .dropdown-item:active,body.at-contrast.at-contrast-bb * .dropdown-item:focus,body.at-contrast.at-contrast-bb * .dropdown-item:focus-within,body.at-contrast.at-contrast-bb * .dropdown-item:hover{background-color:#111!important;color:#b9d9ee!important}body.at-contrast.at-contrast-bb * .dropdown-item:active a,body.at-contrast.at-contrast-bb * .dropdown-item:active a i,body.at-contrast.at-contrast-bb * .dropdown-item:focus a,body.at-contrast.at-contrast-bb * .dropdown-item:focus a i,body.at-contrast.at-contrast-bb * .dropdown-item:focus-within a,body.at-contrast.at-contrast-bb * .dropdown-item:focus-within a i,body.at-contrast.at-contrast-bb * .dropdown-item:hover a,body.at-contrast.at-contrast-bb * .dropdown-item:hover a i{background-color:#111!important;color:#b9d9ee!important}body.at-contrast.at-contrast-bb * .initialbar .active *{background-color:#111!important;color:#b9d9ee!important}body.at-contrast.at-contrast-bb * #region-main a:not(.dropdown-item){border-bottom:solid 1px #111}body.at-contrast.at-contrast-bb * .navbar{border-bottom:solid 1px #111}body.at-contrast.at-contrast-bb * #gridshadebox_overlay{background-color:#444!important}body.at-contrast.at-contrast-bb * #gridshadebox_content .gridshadebox_area *{background-color:#444!important}body.at-contrast.at-contrast-bb * .block .minicalendar td.weekend{color:#111!important}body.at-contrast.at-contrast-bw *{background-color:#f6f6f6!important;color:#111!important;border-color:#111!important}body.at-contrast.at-contrast-bw * .btn.active,body.at-contrast.at-contrast-bw * .btn:active,body.at-contrast.at-contrast-bw * .btn:focus,body.at-contrast.at-contrast-bw * .btn:hover,body.at-contrast.at-contrast-bw * a.active,body.at-contrast.at-contrast-bw * a:active,body.at-contrast.at-contrast-bw * a:focus,body.at-contrast.at-contrast-bw * a:hover{background-color:#111!important;color:#f6f6f6!important}body.at-contrast.at-contrast-bw * .btn.active *,body.at-contrast.at-contrast-bw * .btn:active *,body.at-contrast.at-contrast-bw * .btn:focus *,body.at-contrast.at-contrast-bw * .btn:hover *,body.at-contrast.at-contrast-bw * a.active *,body.at-contrast.at-contrast-bw * a:active *,body.at-contrast.at-contrast-bw * a:focus *,body.at-contrast.at-contrast-bw * a:hover *{background-color:#111!important;color:#f6f6f6!important}body.at-contrast.at-contrast-bw * .dropdown-item:active,body.at-contrast.at-contrast-bw * .dropdown-item:focus,body.at-contrast.at-contrast-bw * .dropdown-item:focus-within,body.at-contrast.at-contrast-bw * .dropdown-item:hover{background-color:#111!important;color:#f6f6f6!important}body.at-contrast.at-contrast-bw * .dropdown-item:active a,body.at-contrast.at-contrast-bw * .dropdown-item:active a i,body.at-contrast.at-contrast-bw * .dropdown-item:focus a,body.at-contrast.at-contrast-bw * .dropdown-item:focus a i,body.at-contrast.at-contrast-bw * .dropdown-item:focus-within a,body.at-contrast.at-contrast-bw * .dropdown-item:focus-within a i,body.at-contrast.at-contrast-bw * .dropdown-item:hover a,body.at-contrast.at-contrast-bw * .dropdown-item:hover a i{background-color:#111!important;color:#f6f6f6!important}body.at-contrast.at-contrast-bw * .initialbar .active *{background-color:#111!important;color:#f6f6f6!important}body.at-contrast.at-contrast-bw * #region-main a:not(.dropdown-item){border-bottom:solid 1px #111}body.at-contrast.at-contrast-bw * .navbar{border-bottom:solid 1px #111}body.at-contrast.at-contrast-bw * #gridshadebox_overlay{background-color:#444!important}body.at-contrast.at-contrast-bw * #gridshadebox_content .gridshadebox_area *{background-color:#444!important}body.at-contrast.at-contrast-bw * .block .minicalendar td.weekend{color:#111!important}body.at-contrast.at-contrast-gb *{color:#32ff24!important;background-color:#000!important;border-color:#32ff24!important}body.at-contrast.at-contrast-gb * .btn.active,body.at-contrast.at-contrast-gb * .btn:active,body.at-contrast.at-contrast-gb * .btn:focus,body.at-contrast.at-contrast-gb * .btn:hover,body.at-contrast.at-contrast-gb * a.active,body.at-contrast.at-contrast-gb * a:active,body.at-contrast.at-contrast-gb * a:focus,body.at-contrast.at-contrast-gb * a:hover{background-color:#32ff24!important;color:#000!important}body.at-contrast.at-contrast-gb * .btn.active *,body.at-contrast.at-contrast-gb * .btn:active *,body.at-contrast.at-contrast-gb * .btn:focus *,body.at-contrast.at-contrast-gb * .btn:hover *,body.at-contrast.at-contrast-gb * a.active *,body.at-contrast.at-contrast-gb * a:active *,body.at-contrast.at-contrast-gb * a:focus *,body.at-contrast.at-contrast-gb * a:hover *{background-color:#32ff24!important;color:#000!important}body.at-contrast.at-contrast-gb * .dropdown-item:active,body.at-contrast.at-contrast-gb * .dropdown-item:focus,body.at-contrast.at-contrast-gb * .dropdown-item:focus-within,body.at-contrast.at-contrast-gb * .dropdown-item:hover{background-color:#32ff24!important;color:#000!important}body.at-contrast.at-contrast-gb * .dropdown-item:active a,body.at-contrast.at-contrast-gb * .dropdown-item:active a i,body.at-contrast.at-contrast-gb * .dropdown-item:focus a,body.at-contrast.at-contrast-gb * .dropdown-item:focus a i,body.at-contrast.at-contrast-gb * .dropdown-item:focus-within a,body.at-contrast.at-contrast-gb * .dropdown-item:focus-within a i,body.at-contrast.at-contrast-gb * .dropdown-item:hover a,body.at-contrast.at-contrast-gb * .dropdown-item:hover a i{background-color:#32ff24!important;color:#000!important}body.at-contrast.at-contrast-gb * .initialbar .active *{background-color:#32ff24!important;color:#000!important}body.at-contrast.at-contrast-gb * #region-main a:not(.dropdown-item){border-bottom:solid 1px #32ff24}body.at-contrast.at-contrast-gb * .navbar{border-bottom:solid 1px #32ff24}body.at-contrast.at-contrast-gb * #gridshadebox_overlay{background-color:#444!important}body.at-contrast.at-contrast-gb * #gridshadebox_content .gridshadebox_area *{background-color:#444!important}body.at-contrast.at-contrast-gb * .block .minicalendar td.weekend{color:#32ff24!important}body.at-contrast.at-contrast-bg *{color:#000!important;background-color:#32ff24!important;border-color:#000!important}body.at-contrast.at-contrast-bg * .btn.active,body.at-contrast.at-contrast-bg * .btn:active,body.at-contrast.at-contrast-bg * .btn:focus,body.at-contrast.at-contrast-bg * .btn:hover,body.at-contrast.at-contrast-bg * a.active,body.at-contrast.at-contrast-bg * a:active,body.at-contrast.at-contrast-bg * a:focus,body.at-contrast.at-contrast-bg * a:hover{background-color:#000!important;color:#32ff24!important}body.at-contrast.at-contrast-bg * .btn.active *,body.at-contrast.at-contrast-bg * .btn:active *,body.at-contrast.at-contrast-bg * .btn:focus *,body.at-contrast.at-contrast-bg * .btn:hover *,body.at-contrast.at-contrast-bg * a.active *,body.at-contrast.at-contrast-bg * a:active *,body.at-contrast.at-contrast-bg * a:focus *,body.at-contrast.at-contrast-bg * a:hover *{background-color:#000!important;color:#32ff24!important}body.at-contrast.at-contrast-bg * .dropdown-item:active,body.at-contrast.at-contrast-bg * .dropdown-item:focus,body.at-contrast.at-contrast-bg * .dropdown-item:focus-within,body.at-contrast.at-contrast-bg * .dropdown-item:hover{background-color:#000!important;color:#32ff24!important}body.at-contrast.at-contrast-bg * .dropdown-item:active a,body.at-contrast.at-contrast-bg * .dropdown-item:active a i,body.at-contrast.at-contrast-bg * .dropdown-item:focus a,body.at-contrast.at-contrast-bg * .dropdown-item:focus a i,body.at-contrast.at-contrast-bg * .dropdown-item:focus-within a,body.at-contrast.at-contrast-bg * .dropdown-item:focus-within a i,body.at-contrast.at-contrast-bg * .dropdown-item:hover a,body.at-contrast.at-contrast-bg * .dropdown-item:hover a i{background-color:#000!important;color:#32ff24!important}body.at-contrast.at-contrast-bg * .initialbar .active *{background-color:#000!important;color:#32ff24!important}body.at-contrast.at-contrast-bg * #region-main a:not(.dropdown-item){border-bottom:solid 1px #000}body.at-contrast.at-contrast-bg * .navbar{border-bottom:solid 1px #000}body.at-contrast.at-contrast-bg * #gridshadebox_overlay{background-color:#444!important}body.at-contrast.at-contrast-bg * #gridshadebox_content .gridshadebox_area *{background-color:#444!important}body.at-contrast.at-contrast-bg * .block .minicalendar td.weekend{color:#32ff24!important}body.at-bold{font-weight:700!important}body.at-spacing{line-height:2rem}body.at-size-gigantic .dropdown-menu,body.at-size-huge .dropdown-menu,body.at-size-large .dropdown-menu,body.at-size-massive .dropdown-menu{font-size:inherit}body.at-size-gigantic .popover-region-content-container,body.at-size-huge .popover-region-content-container,body.at-size-large .popover-region-content-container,body.at-size-massive .popover-region-content-container{height:calc(100% - 70px)}body.at-size-large{font-size:120%}body.at-size-huge{font-size:140%}body.at-size-massive{font-size:160%}body.at-size-gigantic{font-size:180%}body .at-setting{padding:3px}body .at-setting.contrast_yb{background-color:#000!important;color:#cc0!important}body .at-setting.contrast_by{background-color:#ee6!important;color:#111!important}body .at-setting.contrast_wg{background-color:#444!important;color:#eee!important}body .at-setting.contrast_br{background-color:#eeb9b9!important;color:#111!important}body .at-setting.contrast_bb{background-color:#b9d9ee!important;color:#111!important}body .at-setting.contrast_bw{background-color:#f6f6f6!important;color:#111!important}body .at-setting.contrast_gb{background-color:#000!important;color:#32ff24!important}body .at-setting.contrast_bg{background-color:#32ff24!important;color:#000!important}body .at-setting.fontstyle_modern{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}body .at-setting.fontstyle_classic{font-family:Palatino,"Times New Roman",serif!important}body .at-setting.fontstyle_comic{font-family:"At Comic",sans-serif!important}body .at-setting.fontstyle_mono{font-family:"AT Mono",Menlo,"Courier New",monospace!important}body .at-setting.size_default{font-size:1rem}body .at-setting.size_large{font-size:1.2rem}body .at-setting.size_huge{font-size:1.4rem}body .at-setting.size_massive{font-size:1.6rem}body .at-setting.size_gigantic{font-size:1.8rem}body .at-setting i{margin:0 5px}.card.accessibility-card{margin-bottom:0;margin-top:20px}.accessibility-card h3{margin-bottom:20px}.accessibility-card .accessibility-group h4{background-color:#eee;border-bottom:1px solid #ddd;line-height:24px!important;padding:3px 10px;margin-bottom:5px}.list-group.accessibility-toggle{margin-bottom:20px}.accessibility-features{padding:3px}.accessibility-features li{display:block;list-style:none;margin-bottom:5px}.accessibility-features li a.btn-link{border-width:0}.currentlySpeakingHighlight{background-color:#fec34e!important;color:#000!important}
/*# sourceMappingURL=styles.css.map */
#page-admin-local-codechecker-index .local_codechecker_results h2 {
font-weight: bold;
font-style: normal;
}
#page-admin-local-codechecker-index .local_codechecker_results ul {
display: block;
list-style-type: none;
padding: 0;
margin: 0;
}
#page-admin-local-codechecker-index .local_codechecker_results li {
font-weight: normal;
font-style: normal;
display: block;
list-style-type: none;
padding: 0;
margin: 0;
}
#page-admin-local-codechecker-index .local_codechecker_results .fail.error {
color: #600;
margin-left: 2em;
}
#page-admin-local-codechecker-index .local_codechecker_results .fail.warning {
color: #960;
margin-left: 2em;
}
#page-admin-local-codechecker-index .local_codechecker_results .good {
color: #060;
}
#page-admin-local-codechecker-index .local_codechecker_results pre span {
color: #888;
}
#page-admin-local-codechecker-index .local_codechecker_results pre {
margin-top: 1em;
margin-bottom: 0;
color: #222;
background-color: #ddd;
padding: 0.5em;
word-break: break-all;
word-wrap: break-word;
}
#page-admin-local-codechecker-index .local_codechecker_results h3 :link,
#page-admin-local-codechecker-index .local_codechecker_results h3 :visited {
color: inherit;
}
#page-admin-local-codechecker-index tt {
display: inline; /* Override silly rule in Canvas theme. */
}
@charset "UTF-8";
.popup-local-diagnostic {
/* Larger Screen Styling */
/* Firefox 19+ */
/* Firefox 18- */
/**********************Multiselect styles***********************/
/******/
/**************************************SVGCHARTS**************************/
/********************questions list******************************************/
/* ufo image */ }
.popup-local-diagnostic .daterangepicker {
position: absolute;
color: inherit;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ddd;
width: 500px;
max-width: none;
padding: 0;
margin-top: 0;
left: 20px;
z-index: 3001;
display: none;
font-family: arial;
font-size: 15px;
line-height: 1em; }
.popup-local-diagnostic .daterangepicker {
top: 100px; }
.popup-local-diagnostic .daterangepicker:before,
.popup-local-diagnostic .daterangepicker:after {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: ''; }
.popup-local-diagnostic .daterangepicker:before {
display: none;
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #ccc; }
.popup-local-diagnostic .daterangepicker:after {
top: 0;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent; }
.popup-local-diagnostic .daterangepicker.opensleft:before {
right: 9px; }
.popup-local-diagnostic .daterangepicker.opensleft:after {
right: 10px; }
.popup-local-diagnostic .daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto; }
.popup-local-diagnostic .daterangepicker.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto; }
.popup-local-diagnostic .daterangepicker.opensright:before {
left: 9px; }
.popup-local-diagnostic .daterangepicker.opensright:after {
left: 10px; }
.popup-local-diagnostic .daterangepicker.drop-up {
margin-top: -7px; }
.popup-local-diagnostic .daterangepicker.drop-up:before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc; }
.popup-local-diagnostic .daterangepicker.drop-up:after {
top: initial;
bottom: -6px;
border-bottom: initial;
border-top: 6px solid #fff; }
.popup-local-diagnostic .daterangepicker.single .daterangepicker .ranges,
.popup-local-diagnostic .daterangepicker.single .drp-calendar {
float: none; }
.popup-local-diagnostic .daterangepicker.single .drp-selected {
display: none; }
.popup-local-diagnostic .daterangepicker.show-calendar .drp-calendar {
display: block; }
.popup-local-diagnostic .daterangepicker.show-calendar .drp-buttons {
display: block; }
.popup-local-diagnostic .daterangepicker.auto-apply .drp-buttons {
display: none; }
.popup-local-diagnostic .daterangepicker .drp-calendar {
display: none;
max-width: 270px; }
.popup-local-diagnostic .daterangepicker .drp-calendar.left {
padding: 8px 0 8px 8px; }
.popup-local-diagnostic .daterangepicker .drp-calendar.right {
padding: 8px; }
.popup-local-diagnostic .daterangepicker .drp-calendar.single .calendar-table {
border: none; }
.popup-local-diagnostic .daterangepicker .calendar-table .next span,
.popup-local-diagnostic .daterangepicker .calendar-table .prev span {
color: #fff;
border: solid black;
border-width: 0 2px 2px 0;
border-radius: 0;
display: inline-block;
padding: 3px; }
.popup-local-diagnostic .daterangepicker .calendar-table .next span {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
.popup-local-diagnostic .daterangepicker .calendar-table .prev span {
transform: rotate(135deg);
-webkit-transform: rotate(135deg); }
.popup-local-diagnostic .daterangepicker .calendar-table th,
.popup-local-diagnostic .daterangepicker .calendar-table td {
white-space: nowrap;
text-align: center;
vertical-align: middle;
min-width: 32px;
width: 32px;
height: 24px;
line-height: 24px;
font-size: 12px;
border-radius: 4px;
border: 1px solid transparent;
cursor: pointer; }
.popup-local-diagnostic .daterangepicker .calendar-table {
border: 1px solid #fff;
border-radius: 4px;
background-color: #fff; }
.popup-local-diagnostic .daterangepicker .calendar-table table {
width: 100%;
margin: 0;
border-spacing: 0;
border-collapse: collapse; }
.popup-local-diagnostic .daterangepicker td.available:hover,
.popup-local-diagnostic .daterangepicker th.available:hover {
background-color: #eee;
border-color: transparent;
color: inherit; }
.popup-local-diagnostic .daterangepicker td.week,
.popup-local-diagnostic .daterangepicker th.week {
font-size: 80%;
color: #ccc; }
.popup-local-diagnostic .daterangepicker td.off,
.popup-local-diagnostic .daterangepicker td.off.in-range,
.popup-local-diagnostic .daterangepicker td.off.start-date,
.popup-local-diagnostic .daterangepicker td.off.end-date {
background-color: #fff;
border-color: transparent;
color: #999; }
.popup-local-diagnostic .daterangepicker td.in-range {
background-color: #ebf4f8;
border-color: transparent;
color: #000;
border-radius: 0; }
.popup-local-diagnostic .daterangepicker td.start-date {
border-radius: 4px 0 0 4px; }
.popup-local-diagnostic .daterangepicker td.end-date {
border-radius: 0 4px 4px 0; }
.popup-local-diagnostic .daterangepicker td.start-date.end-date {
border-radius: 4px; }
.popup-local-diagnostic .daterangepicker td.active,
.popup-local-diagnostic .daterangepicker td.active:hover {
background-color: #357ebd;
border-color: transparent;
color: #fff; }
.popup-local-diagnostic .daterangepicker th.month {
width: auto; }
.popup-local-diagnostic .daterangepicker td.disabled,
.popup-local-diagnostic .daterangepicker option.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through; }
.popup-local-diagnostic .daterangepicker select.monthselect,
.popup-local-diagnostic .daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default; }
.popup-local-diagnostic .daterangepicker select.monthselect {
margin-right: 2%;
width: 56%; }
.popup-local-diagnostic .daterangepicker select.yearselect {
width: 40%; }
.popup-local-diagnostic .daterangepicker select.hourselect,
.popup-local-diagnostic .daterangepicker select.minuteselect,
.popup-local-diagnostic .daterangepicker select.secondselect,
.popup-local-diagnostic .daterangepicker select.ampmselect {
width: 50px;
margin: 0 auto;
background: #eee;
border: 1px solid #eee;
padding: 2px;
outline: 0;
font-size: 12px; }
.popup-local-diagnostic .daterangepicker .calendar-time {
text-align: center;
margin: 4px auto 0 auto;
line-height: 30px;
position: relative; }
.popup-local-diagnostic .daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed; }
.popup-local-diagnostic .daterangepicker .drp-buttons {
clear: both;
text-align: right;
padding: 8px;
border-top: 1px solid #ddd;
display: none;
line-height: 12px;
vertical-align: middle; }
.popup-local-diagnostic .daterangepicker .drp-selected {
display: inline-block;
font-size: 12px;
padding-right: 8px; }
.popup-local-diagnostic .daterangepicker .drp-buttons .btn {
margin-left: 8px;
font-size: 12px;
font-weight: bold;
padding: 4px 8px; }
.popup-local-diagnostic .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
border-right: 1px solid #ddd; }
.popup-local-diagnostic .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
border-left: 1px solid #ddd; }
.popup-local-diagnostic .daterangepicker.show-ranges.rtl .drp-calendar.right {
border-right: 1px solid #ddd; }
.popup-local-diagnostic .daterangepicker.show-ranges.ltr .drp-calendar.left {
border-left: 1px solid #ddd; }
.popup-local-diagnostic .daterangepicker .ranges {
float: none;
text-align: left;
margin: 0; }
.popup-local-diagnostic .daterangepicker.show-calendar .ranges {
margin-top: 8px; }
.popup-local-diagnostic .daterangepicker .ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%; }
.popup-local-diagnostic .daterangepicker .ranges li {
font-size: 12px;
padding: 8px 12px;
cursor: pointer; }
.popup-local-diagnostic .daterangepicker .ranges li:hover {
background-color: #eee; }
.popup-local-diagnostic .daterangepicker .ranges li.active {
background-color: #08c;
color: #fff; }
@media (min-width: 564px) {
.popup-local-diagnostic .daterangepicker {
width: auto; }
.popup-local-diagnostic .daterangepicker .ranges ul {
width: 140px; }
.popup-local-diagnostic .daterangepicker.single .ranges ul {
width: 100%; }
.popup-local-diagnostic .daterangepicker.single .drp-calendar.left {
clear: none; }
.popup-local-diagnostic .daterangepicker.single .ranges,
.popup-local-diagnostic .daterangepicker.single .drp-calendar {
float: left; }
.popup-local-diagnostic .daterangepicker {
direction: ltr;
text-align: left; }
.popup-local-diagnostic .daterangepicker .drp-calendar.left {
clear: left;
margin-right: 0; }
.popup-local-diagnostic .daterangepicker .drp-calendar.left .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.popup-local-diagnostic .daterangepicker .drp-calendar.right {
margin-left: 0; }
.popup-local-diagnostic .daterangepicker .drp-calendar.right .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.popup-local-diagnostic .daterangepicker .drp-calendar.left .calendar-table {
padding-right: 8px; }
.popup-local-diagnostic .daterangepicker .ranges,
.popup-local-diagnostic .daterangepicker .drp-calendar {
float: left; } }
@media (min-width: 730px) {
.popup-local-diagnostic .daterangepicker .ranges {
width: auto; }
.popup-local-diagnostic .daterangepicker .ranges {
float: left; }
.popup-local-diagnostic .daterangepicker.rtl .ranges {
float: right; }
.popup-local-diagnostic .daterangepicker .drp-calendar.left {
clear: none !important; } }
.popup-local-diagnostic #daterange {
position: relative;
padding: 4px 15px 4px 34px;
border-radius: 4px;
box-shadow: 0 3px 3px 0 rgba(43, 43, 43, 0.35);
font-size: 18px;
width: 208px; }
.popup-local-diagnostic #daterange::-webkit-input-placeholder {
color: #fff; }
.popup-local-diagnostic #daterange::-moz-placeholder {
color: #fff; }
.popup-local-diagnostic #daterange:-moz-placeholder {
color: #fff; }
.popup-local-diagnostic #daterange:-ms-input-placeholder {
color: #fff; }
.popup-local-diagnostic .daterange-select {
position: relative; }
.popup-local-diagnostic .daterange-select i {
color: #fff;
font-size: 24px; }
.popup-local-diagnostic .daterange-label {
position: absolute;
display: inline-block;
vertical-align: middle;
left: 17px;
top: 7px;
z-index: 1; }
.popup-local-diagnostic .form-group.required .control-label {
position: relative;
margin-top: 10px;
left: 24px;
color: #2b2b2b; }
.popup-local-diagnostic .form-group.required .control-label:before {
content: "*";
color: red; }
.popup-local-diagnostic .dropdown-divider {
border-top: initial; }
.popup-local-diagnostic span.multiselect-native-select {
position: relative; }
.popup-local-diagnostic span.multiselect-native-select select {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px -1px -1px -3px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
left: 50%;
top: 30px; }
.popup-local-diagnostic .multiselect.dropdown-toggle:after {
display: none; }
.popup-local-diagnostic .multiselect {
overflow: hidden;
text-overflow: ellipsis; }
.popup-local-diagnostic .multiselect-container {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0; }
.popup-local-diagnostic .multiselect-container .multiselect-reset .input-group {
width: 93%; }
.popup-local-diagnostic .multiselect-container .multiselect-filter > .fa-search {
z-index: 1;
padding-left: 0.75rem; }
.popup-local-diagnostic .multiselect-container .multiselect-filter > input.multiselect-search {
border: none;
border-bottom: 1px solid lightgrey;
padding-left: 2rem;
margin-left: -1.625rem;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.popup-local-diagnostic .multiselect-container .multiselect-filter > input.multiselect-search:focus {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.popup-local-diagnostic .multiselect-container .multiselect-filter > .multiselect-moz-clear-filter {
margin-left: -1.5rem;
display: none; }
.popup-local-diagnostic .multiselect-container .multiselect-option.multiselect-group-option-indented {
padding-left: 1.75rem; }
.popup-local-diagnostic .multiselect-container .multiselect-option.dropdown-item,
.popup-local-diagnostic .multiselect-container .multiselect-group.dropdown-item,
.popup-local-diagnostic .multiselect-container .multiselect-all.dropdown-item,
.popup-local-diagnostic .multiselect-container .multiselect-option.dropdown-toggle,
.popup-local-diagnostic .multiselect-container .multiselect-group.dropdown-toggle,
.popup-local-diagnostic .multiselect-container .multiselect-all.dropdown-toggle {
cursor: pointer; }
.popup-local-diagnostic .multiselect-container .multiselect-option .form-check-label,
.popup-local-diagnostic .multiselect-container .multiselect-group .form-check-label,
.popup-local-diagnostic .multiselect-container .multiselect-all .form-check-label {
cursor: pointer; }
.popup-local-diagnostic .multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback),
.popup-local-diagnostic .multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback),
.popup-local-diagnostic .multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback),
.popup-local-diagnostic .multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active,
.popup-local-diagnostic .multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active,
.popup-local-diagnostic .multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active {
background-color: lightgrey;
color: black; }
.popup-local-diagnostic .multiselect-container .multiselect-option .form-check,
.popup-local-diagnostic .multiselect-container .multiselect-group .form-check,
.popup-local-diagnostic .multiselect-container .multiselect-all .form-check {
padding: 0 5px 0 20px; }
.popup-local-diagnostic .multiselect-container .multiselect-option .form-check:hover,
.popup-local-diagnostic .multiselect-container .multiselect-group .form-check:hover,
.popup-local-diagnostic .multiselect-container .multiselect-all .form-check:hover {
color: white; }
.popup-local-diagnostic .multiselect-container .multiselect-option:focus,
.popup-local-diagnostic .multiselect-container .multiselect-group:focus,
.popup-local-diagnostic .multiselect-container .multiselect-all:focus {
outline: none; }
.popup-local-diagnostic .form-inline .multiselect-container span.form-check {
padding: 3px 20px 3px 40px; }
.popup-local-diagnostic .input-group.input-group-sm > .multiselect-native-select .multiselect {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
padding-right: 1.75rem;
height: calc(1.5em + 0.5rem + 2px); }
.popup-local-diagnostic .input-group > .multiselect-native-select {
flex: 1 1 auto;
width: 1%; }
.popup-local-diagnostic .input-group > .multiselect-native-select > div.btn-group {
width: 100%; }
.popup-local-diagnostic .input-group > .multiselect-native-select:not(:first-child) .multiselect {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.popup-local-diagnostic .input-group > .multiselect-native-select:not(:last-child) .multiselect {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.popup-local-diagnostic .multiselect-container {
transform: none !important;
top: 37px !important;
margin-top: 4px;
background: #f6f6f7;
left: -208px !important; }
.popup-local-diagnostic .multiselect-group.dropdown-item,
.popup-local-diagnostic .multiselect-option.dropdown-item {
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.22;
letter-spacing: normal;
text-align: right;
color: #2b2b2b; }
.popup-local-diagnostic .multiselect-group.dropdown-item {
margin-top: 16px;
padding-right: 40px;
font-family: OEMeodedPashutPro, serif;
font-weight: bold; }
.popup-local-diagnostic .multiselect-option.dropdown-item {
padding-right: 60px;
font-weight: normal; }
.popup-local-diagnostic .multiselect.dropdown-toggle.custom-select:before {
display: inline-block;
position: absolute;
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
content: "";
color: #fff;
font-size: 24px;
top: 0;
left: 17px; }
.popup-local-diagnostic .multiselect-container.dropdown-menu.show {
/* left: -97%!important; */
top: 6px; }
.popup-local-diagnostic .diagnostic .multiselect-container button {
text-align: left; }
.popup-local-diagnostic button.multiselect {
position: relative;
width: initial;
margin: 0 24px;
padding: 4px 15px 4px 34px;
border-radius: 4px;
box-shadow: 0 3px 3px 0 rgba(43, 43, 43, 0.35);
/*background-color: #23164f;
color: #ffffff;*/
font-size: 18px; }
.popup-local-diagnostic button.multiselect:active,
.popup-local-diagnostic button.multiselect:focus {
outline: none;
box-shadow: none !important; }
.popup-local-diagnostic button.multiselect:hover:before {
color: #000 !important; }
.popup-local-diagnostic button.multiselect.custom-select {
background-image: none !important;}
.popup-local-diagnostic button.multiselect-group .form-check-input {
display: none; }
.popup-local-diagnostic button.multiselect-group .form-check-label.ltr-direction:before {
left: -10px; }
.popup-local-diagnostic .multiselect-container button.multiselect-option.multiselect-group-option-indented {
padding-left: 20px; }
.popup-local-diagnostic button.multiselect-option .form-check-input {
display: block; }
.popup-local-diagnostic button.multiselect-option .form-check-label.ltr-direction:before {
left: -10px; }
.popup-local-diagnostic button.multiselect-option .form-check {
padding-left: 40px; }
.popup-local-diagnostic .multiselect-submit {
position: sticky;
bottom: 20px; }
.popup-local-diagnostic .multiselect-container-text {
padding: 12px 14px 0;
font-family: Heebo;
font-size: 24px;
letter-spacing: normal;
color: #554283;
white-space: nowrap; }
.popup-local-diagnostic button.multiselect-group .form-check-label:before {
display: none;
position: relative;
content: "";
background-image: none;
top: 2px;
left: -10px;
height: 24px;
width: 24px;
padding: 4px 0 1px;
border-radius: 2px;
border: 1px solid #554283;
margin-left: -18px;
color: transparent;
background-color: #fff;
text-align: center;
font-size: 14px; }
.popup-local-diagnostic button.multiselect-group.active .form-check-label:before {
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") center center no-repeat;
background-color: #554283;
background-size: 12px;
color: #fff; }
.popup-local-diagnostic button.multiselect-option .form-check-label:before {
display: none;
position: relative;
background-image: none;
content: "";
left: -8px;
border: 1px solid #554283;
top: 1px;
height: 16px;
width: 16px;
border-radius: 3px;
margin-left: -18px;
color: transparent;
background-color: #fff;
text-align: center;
font-size: 14px; }
.popup-local-diagnostic button.multiselect-option.active .form-check-label:before {
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") center center no-repeat;
background-color: #554283;
color: #fff; }
.popup-local-diagnostic .svgСharts {
position: relative;
margin-top: -56px; }
.popup-local-diagnostic .svgСharts .bottom-block {
text-align: center;
width: 100%;
height: 100%; }
.popup-local-diagnostic .svgСharts .bottom-container {
display: inline-block;
width: 100%;
height: 100%; }
.popup-local-diagnostic .svgСharts .tooltip-block,
.popup-local-diagnostic .svgСharts .tooltip-block-n {
display: inline-block;
width: 30px;
height: 30px;
padding: 0;
border-radius: 5px; }
.popup-local-diagnostic .svgСharts .tooltip-block .icon-info {
position: relative;
top: 5px;
font-size: 18px; }
.popup-local-diagnostic .svgСharts .tooltip-block .fa-file-excel {
position: relative;
cursor: pointer;
top: 4px;
font-size: 18px;
color: white;}
.popup-local-diagnostic .svgСharts .tooltip-block-n {
cursor: pointer; }
.popup-local-diagnostic .svgСharts .tooltip-block .icon-cub,
.popup-local-diagnostic .svgСharts .tooltip-block-n .icon-cub {
position: relative;
top: 5px;
font-size: 18px; }
.popup-local-diagnostic .svgСharts .svgСharts-tooltip {
background: #fff;
border: 1px solid #000;
border-radius: 4px;
text-align: center;
padding: 5px 10px;
position: absolute;
visibility: hidden;
z-index: 100; }
.popup-local-diagnostic .svgСharts .svgСharts-tooltip::after {
content: "";
position: absolute;
display: inline-block;
left: 50%;
bottom: -6px;
margin-left: -5px;
border-width: 1px;
width: 10px;
height: 10px;
border-style: solid;
transform: rotate(45deg);
border-color: #000;
border-left: 0;
border-top: 0;
background: #fff; }
.popup-local-diagnostic .svgСharts .image[data-select="select"] {
text-shadow: 0 0 3px #000;
color: #fff !important; }
.popup-local-diagnostic .svgСharts .small-user-title {
position: relative;
font-size: 7px;
text-align: center;
visibility: hidden;
line-height: 7.4px; }
.popup-local-diagnostic .svgСharts .nlo {
margin-top: 80px;
margin-bottom: 14px;
max-width: 503px; }
.popup-local-diagnostic .svgСharts .svgСharts-tooltip.tooltip-black {
background: #220f44;
opacity: 0.8;
color: #ffffff; }
.popup-local-diagnostic .svgСharts .svgСharts-tooltip.tooltip-black a {
color: #ffffff; }
.popup-local-diagnostic .svgСharts .svgСharts-tooltip.tooltip-black::after {
background: #220f44; }
.popup-local-diagnostic .svgСharts div.claster-name {
font-weight: 600;
font-size: 16px; }
.popup-local-diagnostic .svgСharts .tooltip-list-title {
text-align: left;
font-weight: 600;
font-size: 14px; }
.popup-local-diagnostic .svgСharts .tooltip-list {
font-size: 12px; }
.popup-local-diagnostic .svgСharts .two-buttons {
flex: auto;
display: none;
justify-content: space-evenly;
padding-top: 6px; }
.popup-local-diagnostic .svgСharts .two-buttons .two-buttons-p-center {
background: #ffffff;
height: 11px;
width: 18px; }
.popup-local-diagnostic .svgСharts .two-buttons .two-buttons-list i {
transform: scale(-1, 1);
font-size: 17px; }
.popup-local-diagnostic .svgСharts .two-buttons .two-buttons-p-center i {
position: relative;
top: -4px;
font-size: 19px;
transform: scale(-1, 1); }
.popup-local-diagnostic .svgСharts .two-buttons-list {
position: relative; }
.popup-local-diagnostic .svgСharts .two-buttons-list .line1 {
position: absolute;
left: 4px;
top: 6px;
background: #ffffff;
width: 12.5px;
height: 2.7px; }
.popup-local-diagnostic .svgСharts .two-buttons-list .line2 {
position: absolute;
left: 4px;
top: 11px;
background: #ffffff;
width: 12.5px;
height: 2.7px; }
.popup-local-diagnostic .svgСharts .two-buttons-list .line3 {
position: absolute;
left: 4px;
top: 16px;
background: #ffffff;
width: 12.5px;
height: 2.7px; }
.popup-local-diagnostic .svgСharts .two-buttons-list-b,
.popup-local-diagnostic .svgСharts .two-buttons-picture-b {
display: flex;
align-items: flex-start;
flex-direction: column; }
.popup-local-diagnostic .svgСharts .two-buttons-list,
.popup-local-diagnostic .svgСharts .two-buttons-picture {
background: #A7A2B9;
color: #23164F;
width: 26px;
height: 26px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 4px;
cursor: pointer; }
.popup-local-diagnostic .svgСharts .common-block-parent {
display: flex;
justify-content: space-between; }
.popup-local-diagnostic .svgСharts .circle-first-button {
display: inline-flex;
width: 50px;
justify-content: space-evenly;
align-items: center;
vertical-align: top; }
.popup-local-diagnostic .svgСharts .circle-first-button i:first-child {
font-size: 24px; }
.popup-local-diagnostic .svgСharts .circle-first-button i:lest-child {
font-size: 24px; }
.popup-local-diagnostic .svgСharts .claster0-text-inside {
display: inline-block;
position: relative;
top: 4px;
margin-right: 6px; }
.popup-local-diagnostic .svgСharts .bottom-block.bottom-block-rect {
display: inline;
text-align: center; }
.popup-local-diagnostic .svgСharts .bottom-block.bottom-block-rect i {
position: relative;
top: 2px; }
.popup-local-diagnostic .svgСharts .svgСharts-tooltip.tooltip-list-rect::after {
display: none; }
.popup-local-diagnostic .svgСharts .svgСharts-tooltip.tooltip-list-rect::before {
content: "";
position: absolute;
display: inline-block;
left: 50%;
top: -6.5px;
margin-left: -5px;
border-width: 1px;
width: 10px;
height: 10px;
border-style: solid;
transform: rotate(45deg);
border-color: #000;
border-right: 0;
border-bottom: 0;
background: #fff; }
.popup-local-diagnostic .svgСharts .claster-name .bottom-block .tooltip-block {
display: initial;
width: initial;
height: initial;
background-color: initial;
color: revert; }
.popup-local-diagnostic .svgСharts .text-under-claster-chosen.tooltip-block {
width: initial;
height: initial;
background-color: initial; }
.popup-local-diagnostic .svgСharts .text-under-claster,
.popup-local-diagnostic .svgСharts .text-under-claster-repo,
.popup-local-diagnostic .svgСharts .text-under-claster-recom,
.popup-local-diagnostic .svgСharts .text-under-claster-chosen {
font-size: 14px;
line-height: 20px;
padding-top: 4px;
color: #28a745 !important; }
.popup-local-diagnostic .svgСharts .description-cluster {
max-height: 76px;
overflow-y: auto;
padding: 2px; }
.popup-local-diagnostic .question-list-parent {
display: inline-block;
position: absolute;
height: 30px;
margin-bottom: 10px;
text-align: right;
right: 0; }
.popup-local-diagnostic .question-list-block {
position: absolute;
display: inline-flex;
flex-direction: column;
background: #ffffff;
z-index: 100;
right: 0;
visibility: hidden; }
.popup-local-diagnostic .question-list-block .question-list {
display: none; }
.popup-local-diagnostic .question-list-block .question-list-title {
text-align: center;
font-weight: 600;
font-size: 18px;}
.popup-local-diagnostic .question-list-block .question-list-button {
display: inline-flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
flex-direction: row-reverse; }
.popup-local-diagnostic .question-list-block .question-button-body {
display: flex;
flex-grow: 1;
align-items: center;
justify-content: flex-end;
height: 32px;
font-size: 20px;
padding: 0 10px; }
.popup-local-diagnostic .question-list-block .question-button-body .img-ico {
font-size: 20px;
display: inline-block;
position: relative; }
.popup-local-diagnostic .question-list-block .question-button-body .question-button-title {
display: inline-block;
position: relative;
margin-right: 10px; }
.popup-local-diagnostic .question-list-block .question-list-button .q-lright-icon {
position: absolute;
background: #ffffff;
left: -25px;
display: flex;
flex-wrap: wrap;
height: 100%;
border-radius: 5px 0 0 5px;
width: 25px;
align-content: center;
flex-wrap: wrap;
justify-content: space-around;
font-size: 30px;
height: 32px; }
.popup-local-diagnostic .question-list-block .question-list-button .q-lright-icon i {
transform: rotate(0deg); }
.popup-local-diagnostic .question-list-block table.question-table {
border-collapse: collapse; }
.popup-local-diagnostic .question-list-block table.question-table td {
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
padding: 0;
font-size: 16px;
text-align: center;
font-size: 17px;
white-space: nowrap; }
.popup-local-diagnostic .question-list-block table.question-table th {
font-size: 14px;
padding-left: 2px;
padding-right: 2px;
position: sticky;
text-align: center;
font-weight: 400;
top: 0;
background: #ffffff;
white-space: nowrap; }
.popup-local-diagnostic .question-list-block table.question-table th::first-line {
font-size: 16px; }
.popup-local-diagnostic .question-list-block table.question-table td.green,
.popup-local-diagnostic .question-list-block div.green {
background: #287d28;
color: #287d28; }
.popup-local-diagnostic .question-list-block table.question-table td.red,
.popup-local-diagnostic .question-list-block div.red {
background: #ce0e0f;
color: #ce0e0f; }
.popup-local-diagnostic .question-list-block table.question-table td.yellow,
.popup-local-diagnostic .question-list-block div.yellow {
background: #f59331;
color: #f59331; }
.popup-local-diagnostic .question-list-block table.question-table tr:first-child td {
border-left: initial;
border-right: initial; }
.popup-local-diagnostic .question-list-block table.question-table tr td:first-child {
border-bottom: initial;
border-right: initial;
padding-left: 8px;
padding-right: 8px;
}
.popup-local-diagnostic .question-list-block table.question-table tr:first-child td:first-child {
border-top: initial; }
.popup-local-diagnostic .question-list-block table.question-table tr:last-child td {
border-bottom: initial; }
.popup-local-diagnostic .question-desc-title {
text-align: center;
font-size: 17px; }
.popup-local-diagnostic .question-list-block .question-description {
display: flex;
justify-content: space-around;
height: 25px;
font-size: 17px; }
.popup-local-diagnostic .question-list-block .question-description div.label {
width: 24px;
height: 10px;
margin-left: 8px;
position: relative;
top: 0;
border-radius: 0; }
.popup-local-diagnostic .question-list-block .question-desc-block {
display: flex;
flex-direction: row;
align-items: center; }
.popup-local-diagnostic .question-list-block .question-desc-block div {
white-space: nowrap; }
.popup-local-diagnostic .question-list-block .q-lright-icon i.rotate-0 {
transform: rotate(180deg); }
.popup-local-diagnostic .list-table-p-tooltip {
cursor: pointer;
}
.popup-local-diagnostic .list-table-tooltip .tooltip-arrow {
border-left: 1px solid #000 !important;
border-bottom: 0 !important;
border-right: 0 !important;
border-top: 1px solid #000 !important;
margin-top: 1px;
height: 12px;
width: 12px;
margin-left: -6px;
transform: rotate(45deg); }
.popup-local-diagnostic .general-question-scroll {
max-height: 497px;
overflow-x: hidden;
overflow-y: auto; }
@media (max-width: 1024px) {
.popup-local-diagnostic .question-list-parent {
right: 20px; } }
.popup-local-diagnostic .modal-header h5 {
font-size: 32px; }
.popup-local-diagnostic .modal-content {
border: 0; }
.popup-local-diagnostic .modal-header {
padding: 8px 20px;
border: 0;
opacity: 1; }
.popup-local-diagnostic .modal-content .modal-header .close {
display: inline-block;
position: relative;
top: 10px;
opacity: 1; }
.popup-local-diagnostic .modal-content .modal-header .close span {
display: inline-block;
font-weight: 300;
border: 1.5px solid;
border-radius: 50%;
width: 24px;
text-shadow: none;
font-size: 21px; }
.popup-local-diagnostic .modal-content .modal-header {
border: 0; }
.popup-local-diagnostic .bottom-start-text {
font-size: 24px;
line-height: 1.21;
max-width: 794px;
margin: 0 auto; }
.popup-local-diagnostic .modal-body {
/*padding: 46px 20px 16px;*/
min-height: 580px; }
.popup-local-diagnostic .loading-icon-container {
padding-top: 60px; }
.popup-local-diagnostic .form-group {
z-index: 1; }
.popup-local-diagnostic.modal-dialog {
max-width: 80%; }
@media screen and (max-width: 1440px) {
.popup-local-diagnostic.modal-dialog {
max-width: 95%; } }
.popup-local-diagnostic .ufo-image-block svg {
position: absolute; }
.popup-local-diagnostic .ufo-image-block {
display: inline-block;
position: relative; }
.popup-local-diagnostic .ufo-image-block .ufo-image-top {
width: 181px;
position: absolute;
top: 79px;
left: 196px; }
.popup-local-diagnostic .profile-pic {
-webkit-filter: url(#ufo-filter);
filter: url(#ufo-filter); }
.popup-local-diagnostic div.shared-button-block {
text-align: right; }
.popup-local-diagnostic div.shared-button-block button {
outline: none;
box-shadow: none; }
.popup-local-diagnostic div.svgСharts-tooltip-select {
position: absolute;
left: 0;
top: 0;
display: inline-block;
color: #ffffff;
border-radius: 4px;
text-align: center;
z-index: 100;
visibility: hidden;
text-align: left; }
.popup-local-diagnostic div.svgСharts-tooltip-select div {
padding: 5px 10px;
cursor: pointer;
border-radius: 4px; }
.popup-local-diagnostic div.svgСharts-tooltip-select div:hover {
background: #ffffff; }
#local_diagnostic_activities_modal {
z-index: 2500; }
#local_diagnostic_activities_modal .activities-footer {
display: flex; }
#local_diagnostic_activities_modal #question_list_sections {
max-height: 570px;
overflow-y: auto; }
#local_diagnostic_repository_modal {
z-index: 2100; }
#local_diagnostic_repository_modal .repository-footer {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
padding: 0.75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px);
z-index: 2100;
background: #fff; }
#local_diagnostic_repository_modal .modal-body-repository {
padding: 20px;
height: 629px; }
#local_diagnostic_repository_modal .modal-dialog {
max-width: 80%; }
.activities-diagnostic {
/* --- */ }
.activities-diagnostic button {
font-family: "Meoded Pashut";
color: #2b2b2b;
background: none;
/* font-size: 1.5rem; */
line-height: 1.21;
font-weight: 700;
border: 0;
cursor: pointer;
text-align: left;
padding-bottom: 0.3125rem; }
.activities-diagnostic button:focus {
outline: 0; }
.activities-diagnostic button i {
position: relative;
top: 0.25rem;
font-size: 1.75rem !important;
transition: all 0.25s ease-out;
color: #554283 !important; }
.activities-diagnostic button[aria-expanded="false"] i {
transform: rotate(90deg); }
.activities-diagnostic .collapse-block {
margin-left: 1.625rem;
margin-top: 0.25rem; }
.activities-diagnostic label {
margin-left: 0.625rem;
font-family: "Heebo" !important;
color: #2b2b2b !important;
font-weight: 500 !important;
margin-bottom: 0.25rem;
cursor: pointer; }
.activities-diagnostic input {
cursor: pointer; }
.activities-diagnostic ul {
list-style-type: none; }
.activities-diagnostic ul li:first-child input {
width: 21px;
height: 21px; }
.activities-diagnostic ul li label {
font-family: OEMeodedPashutPro;
color: #2b2b2b;
font-weight: 300; }
.activities-diagnostic ul li:first-child label {
font-family: OEMeodedPashutPro;
font-size: 18px;
font-weight: bold;
color: #2b2b2b; }
.activities-diagnostic ul li {
padding-left: 40px;
padding-top: 8px; }
.activities-diagnostic ul li:first-child {
padding-left: 0;
padding-top: 0; }
.activities-diagnostic-title{
font-family: Heebo;
font-size: 24px;
color: #554283;
font-weight: 400;
padding-bottom: 20px; }
.activities-diagnostic h4 {
font-family: Heebo;
font-size: 20px;
color: #554283;
font-weight: 400;
padding-bottom: 20px; }
.recommend-diagnostic .recom-hdr,
.recommend-diagnostic .recom-body-outer .recom-body-inner {
padding: 8px;
}
.activities-diagnostic input[type="checkbox"] {
accent-color: #554283;
}
#local_diagnostic_description_modal {
z-index: 3000; }
#local_diagnostic_description_modal .modal-content {
border: 2px solid gray;
border-radius: 5px;
top: 70px; }
#local_diagnostic_description_modal .description-footer {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
padding: .75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(.3rem - 1px);
border-bottom-left-radius: calc(.3rem - 1px); }
#local_diagnostic_description_modal .modal-body-description {
padding: 20px;
font-weight: 400; }
#local_diagnostic_description_recom_modal .modal-body-description-recom {
padding: 20px;
font-weight: 400; }
#local_diagnostic_description_modal .modal-body-description strong {
font-weight:normal!important;
font-weight: normal!important;}
#local_diagnostic_description_recom_modal .modal-body-description-recom strong{
font-weight:normal!important;
font-weight: normal!important;}
#local_diagnostic_description_repo_modal .modal-body-description-repo strong{
font-weight:normal!important;
font-weight: normal!important;}
#local_diagnostic_activities_modal{
padding-left: 0px !important;}
#local_diagnostic_recommend_modal{
padding-left: 0px !important;}
#local_diagnostic_description_modal .modal-dialog {
pointer-events: initial; }
#local_diagnostic_description_modal .modal-title {
font-size: 32px; }
#local_diagnostic_description_modal .modal-header {
border: 0;
padding: 0.5rem 1.2rem; }
#local_diagnostic_description_modal .close {
position: relative;
top: 10px;
color: #fff;
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto;
cursor: pointer;
background-color: transparent;
border: 0;
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
text-shadow: 0 1px 0 #fff; }
#local_diagnostic_description_repo_modal {
z-index: 3000; }
#local_diagnostic_description_repo_modal .modal-content {
border: 2px solid gray;
border-radius: 5px;
top: 70px; }
#local_diagnostic_description_repo_modal .description-footer-repo {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
padding: .75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(.3rem - 1px);
border-bottom-left-radius: calc(.3rem - 1px); }
#local_diagnostic_description_repo_modal .modal-body-description-repo {
padding: 20px;
font-weight: 400; }
#local_diagnostic_description_repo_modal .modal-dialog {
pointer-events: initial; }
#local_diagnostic_description_repo_modal .modal-title {
font-size: 32px; }
#local_diagnostic_description_repo_modal .modal-header {
border: 0;
padding: 0.5rem 1.2rem; }
#local_diagnostic_description_repo_modal .close {
position: relative;
top: 10px;
color: #fff;
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto;
cursor: pointer;
background-color: transparent;
border: 0;
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
text-shadow: 0 1px 0 #fff; }
#local_diagnostic_repository_modal {
z-index: 2100; }
#local_diagnostic_repository_modal .repository-footer {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
padding: 0.75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px);
z-index: 2100;
background: #fff; }
#local_diagnostic_repository_modal .modal-body-repository {
padding: 20px;
height: 629px; }
#local_diagnostic_repository_modal .modal-dialog {
max-width: 80%; }
#local_diagnostic_repository_modal iframe {
width: 100%;
height: 100%; }
@media screen and (max-width: 1440px) {
#local_diagnostic_repository_modal .modal-dialog {
max-width: 95%; } }
.recommend-diagnostic .recom-body-inner,
.recommend-diagnostic .recom-hdr-inner {
display: grid;
grid-template-columns: repeat(60, 1fr);
grid-template-rows: repeat(1, 25px);
}
.recommend-diagnostic .recom-body-inner div,
.recommend-diagnostic .recom-hdr-inner div {
padding: 0 8px;
}
.recommend-diagnostic .recom-body-inner div.select,
.recommend-diagnostic .recom-body-inner div.toggle,
.recommend-diagnostic .recom-hdr-inner div.select,
.recommend-diagnostic .recom-hdr-inner div.hdr {
padding: 0 auto;
}
.recommend-diagnostic .select {
grid-column: 1/3;
grid-row: 1
}
.recommend-diagnostic .fullname {
grid-column: 3/20;
grid-row: 1
}
.recommend-diagnostic .activity {
grid-column: 20/40;
grid-row: 1
}
.recommend-diagnostic .source {
grid-column: 40/48;
grid-row: 1
}
.recommend-diagnostic .date {
grid-column: 48/58;
grid-row: 1
}
.recommend-diagnostic .toggle {
grid-column: 58/60;
grid-row: 1
}
.recommend-diagnostic .recom-body-descr-inner {
grid-column: 1/60;
grid-row: 1;
padding: 20px;
}
.recommend-diagnostic .recom-body-outer {
margin-top: 8px;
border-radius: 4px;
box-shadow: 0 3px 3px 0 rgba(43, 43, 43, 0.25);
border: solid 1px #e1dbf2;
background-color: #fff;
}
.recommend-diagnostic .recom-body-outer.opened {
box-shadow: 0 6px 12px 0 rgba(43, 43, 43, 0.2);
background-color: #f9f9f9;
}
.recommend-diagnostic .recom-body-outer.opened .recom-body-inner {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-color: #e1dbf2;
}
.recommend-diagnostic .recom-body-outer.opened .recom-body-descr {
border-radius: 4px;
box-shadow: 0 6px 12px 0 rgba(43, 43, 43, 0.2);
background-color: #f9f9f9;
}
.recommend-diagnostic .recom-body .fas.fa-caret-down:before,
.recommend-diagnostic .recom-body .fas.fa-caret-up:before {
font-size: 30px;
color: #554283;
cursor:pointer;
}
.recommend-diagnostic .recom-hdr {
background-color: #554283;
height: 40px;
padding: 8px;
color: #fff;
font-size: 18px;
}
.recommend-diagnostic .bordered {
border-right: 2px solid #c1bbd2;
}
.recommend-diagnostic .recom-body-outer.opened .openbold {
font-weight: 600;
}
#local_diagnostic_description_recom_modal {
z-index: 3000; }
#local_diagnostic_description_recom_modal .modal-content {
border: 2px solid gray;
border-radius: 5px;
top: 70px; }
#local_diagnostic_description_recom_modal .description-footer-repo {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
padding: .75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(.3rem - 1px);
border-bottom-left-radius: calc(.3rem - 1px); }
#local_diagnostic_description_recom_modal .modal-dialog {
pointer-events: initial; }
#local_diagnostic_description_recom_modal .modal-title {
font-size: 32px; }
#local_diagnostic_description_recom_modal .modal-header {
border: 0;
padding: 0.5rem 1.2rem; }
#local_diagnostic_description_recom_modal .close {
position: relative;
top: 10px;
color: #fff;
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto;
cursor: pointer;
background-color: transparent;
border: 0;
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
text-shadow: 0 1px 0 #fff; }
.popup-local-diagnostic.popup-local-diagnostic-main-p .modal-footer {
display: none; }
div.local-diagnostic-toast.toast {
position: fixed;
top: 20px;
left: 20px;
font-family: "Roboto", sans-serif;
border-radius: 0;
padding-right: 20px; }
div.local-diagnostic-toast.toast.success {
background: #1a772f;
color: #ffffff; }
div.local-diagnostic-toast.toast.error {
background: #c71e49;
color: #ffffff; }
.dir-rtl .popup-local-diagnostic .daterange-custom {
width: 510px !important;
right: 29px !important; }
.dir-rtl .popup-local-diagnostic input.daterange {
text-align: right; }
.dir-rtl .popup-local-diagnostic button.multiselect.custom-select {
text-align: right !important; }
.dir-rtl .popup-local-diagnostic .daterangepicker .drp-selected {
direction: rtl; }
.dir-rtl .popup-local-diagnostic .form-group.required .control-label {
left: -24px !important; }
.dir-rtl .popup-local-diagnostic button.multiselect-option .form-check-label:before {
left: 26px !important; }
.dir-rtl .popup-local-diagnostic .multiselect-option.dropdown-item {
padding-right: 20px }
.dir-rtl .popup-local-diagnostic .multiselect.dropdown-toggle.custom-select:before {
right: inherit;
left: 17px; }
.dir-rtl .popup-local-diagnostic .daterange-label {
right: inherit;
left: 17px; }
.dir-rtl .popup-local-diagnostic .multiselect-container {
right: -208px !important; }
.dir-rtl .popup-local-diagnostic .svgСharts .svgСharts-tooltip::after {
transform: rotate(-45deg) !important; }
.dir-rtl .popup-local-diagnostic .question-list-block .question-list-button .q-lright-icon i {
transform: rotate(180deg); }
.dir-rtl .popup-local-diagnostic .question-list-block .question-button-body {
justify-content: flex-start;
flex-direction: row-reverse; }
.dir-rtl .popup-local-diagnostic .question-list-block .question-button-body .question-button-title {
margin-left: 0; }
.dir-rtl .popup-local-diagnostic .question-list-block .question-button-body .img-ico {
margin-left: 10px; }
.dir-rtl .popup-local-diagnostic .question-list-block .q-lright-icon i.rotate-0 {
transform: rotate(0deg); }
.dir-rtl .popup-local-diagnostic .svgСharts .svgСharts-tooltip.tooltip-list-rect::before {
transform: rotate(-45deg); }
.dir-rtl .popup-local-diagnostic .ufo-image-block .ufo-image-top {
right: 126px; }
.dir-rtl .popup-local-diagnostic div.shared-button-block {
text-align: right; }
.dir-rtl .popup-local-diagnostic div.svgСharts-tooltip-select {
right: initial; }
.popup-local-diagnostic .mlnp {
padding-left: 40px !important;
}
.tooltip.show{
z-index: 2000;
}
.question-list-block .question-scroll-table .important-shifter {
border-radius: 999px;
margin: 0 auto;
width: fit-content;
font-size: 0.8rem;
}
.question-list-block .question-scroll-table .important-shifter .important-shifter-obj {
border-radius: 999px;
color: inherit;
cursor: pointer;
padding: 0.4em 0.8em;
display: inline-block;
}
.question-list-block .question-scroll-table .important-shifter .important-shifter-obj.selected {
color: #fff;
cursor: auto;
pointer-events: none;
}
.jsoneditor input,
.jsoneditor input:not([type]),
.jsoneditor input[type="text"],
.jsoneditor input[type="search"],
.jsoneditor-modal input,
.jsoneditor-modal input:not([type]),
.jsoneditor-modal input[type="text"],
.jsoneditor-modal input[type="search"] {
height: auto;
border: inherit;
box-shadow: none;
font-size: inherit;
box-sizing: inherit;
padding: inherit;
font-family: inherit;
transition: none;
line-height: inherit;
}
.jsoneditor input:focus,
.jsoneditor input:not([type]):focus,
.jsoneditor input[type="text"]:focus,
.jsoneditor input[type="search"]:focus,
.jsoneditor-modal input:focus,
.jsoneditor-modal input:not([type]):focus,
.jsoneditor-modal input[type="text"]:focus,
.jsoneditor-modal input[type="search"]:focus {
border: inherit;
box-shadow: inherit;
}
.jsoneditor textarea,
.jsoneditor-modal textarea {
height: inherit;
}
.jsoneditor select,
.jsoneditor-modal select {
display: inherit;
height: inherit;
}
.jsoneditor label,
.jsoneditor-modal label {
font-size: inherit;
font-weight: inherit;
color: inherit;
}
.jsoneditor table,
.jsoneditor-modal table {
border-collapse: collapse;
width: auto;
}
.jsoneditor td,
.jsoneditor th,
.jsoneditor-modal td,
.jsoneditor-modal th {
padding: 0;
display: table-cell;
text-align: left;
vertical-align: inherit;
border-radius: inherit;
}
.jsoneditor .autocomplete.dropdown {
position: absolute;
background: #ffffff;
box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
border: 1px solid #d3d3d3;
overflow-x: hidden;
overflow-y: auto;
cursor: default;
margin: 0;
padding: 5px;
text-align: left;
outline: 0;
font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
font-size: 10pt;
}
.jsoneditor .autocomplete.dropdown .item {
color: #333;
}
.jsoneditor .autocomplete.dropdown .item.hover {
background-color: #ddd;
}
.jsoneditor .autocomplete.hint {
color: #aaa;
top: 4px;
left: 4px;
}
.jsoneditor-contextmenu-root {
position: relative;
width: 0;
height: 0;
}
.jsoneditor-contextmenu {
position: absolute;
box-sizing: content-box;
z-index: 2;
}
.jsoneditor-contextmenu .jsoneditor-menu {
position: relative;
left: 0;
top: 0;
width: 128px;
height: auto;
background: #ffffff;
border: 1px solid #d3d3d3;
box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
list-style: none;
margin: 0;
padding: 0;
}
.jsoneditor-contextmenu .jsoneditor-menu button {
position: relative;
padding: 0 4px 0 0;
margin: 0;
width: 128px;
height: auto;
border: none;
cursor: pointer;
color: #4d4d4d;
background: transparent;
font-size: 10pt;
font-family: arial, sans-serif;
box-sizing: border-box;
text-align: left;
}
.jsoneditor-contextmenu .jsoneditor-menu button::-moz-focus-inner {
padding: 0;
border: 0;
}
.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-default {
width: 96px;
}
.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-expand {
float: right;
width: 32px;
height: 24px;
border-left: 1px solid #e5e5e5;
}
.jsoneditor-contextmenu .jsoneditor-menu li {
overflow: hidden;
}
.jsoneditor-contextmenu .jsoneditor-menu li ul {
display: none;
position: relative;
left: -10px;
top: 0;
border: none;
box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5);
padding: 0 10px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.jsoneditor-contextmenu .jsoneditor-menu li ul .jsoneditor-icon {
margin-left: 24px;
}
.jsoneditor-contextmenu .jsoneditor-menu li ul li button {
padding-left: 24px;
animation: all ease-in-out 1s;
}
.jsoneditor-contextmenu .jsoneditor-menu li button .jsoneditor-expand {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
padding: 0;
margin: 0 4px 0 0;
background: url(/theme/image.php/petel/local_jsoneditor/1726409799/jsoneditor-icons) 0 -72px;
}
.jsoneditor-contextmenu .jsoneditor-icon {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
border: none;
padding: 0;
margin: 0;
background-image: url(/theme/image.php/petel/local_jsoneditor/1726409799/jsoneditor-icons);
}
.jsoneditor-contextmenu .jsoneditor-text {
padding: 4px 0 4px 24px;
word-wrap: break-word;
}
.jsoneditor-contextmenu .jsoneditor-text.jsoneditor-right-margin {
padding-right: 24px;
}
.jsoneditor-contextmenu .jsoneditor-separator {
height: 0;
border-top: 1px solid #e5e5e5;
padding-top: 5px;
margin-top: 5px;
}
.jsoneditor-contextmenu button.jsoneditor-remove .jsoneditor-icon {
background-position: -24px 0;
}
.jsoneditor-contextmenu button.jsoneditor-append .jsoneditor-icon {
background-position: 0 0;
}
.jsoneditor-contextmenu button.jsoneditor-insert .jsoneditor-icon {
background-position: 0 0;
}
.jsoneditor-contextmenu button.jsoneditor-duplicate .jsoneditor-icon {
background-position: -48px 0;
}
.jsoneditor-contextmenu button.jsoneditor-sort-asc .jsoneditor-icon {
background-position: -168px 0;
}
.jsoneditor-contextmenu button.jsoneditor-sort-desc .jsoneditor-icon {
background-position: -192px 0;
}
.jsoneditor-contextmenu button.jsoneditor-transform .jsoneditor-icon {
background-position: -216px 0;
}
.jsoneditor-contextmenu button.jsoneditor-extract .jsoneditor-icon {
background-position: 0 -24px;
}
.jsoneditor-contextmenu button.jsoneditor-type-string .jsoneditor-icon {
background-position: -144px 0;
}
.jsoneditor-contextmenu button.jsoneditor-type-auto .jsoneditor-icon {
background-position: -120px 0;
}
.jsoneditor-contextmenu button.jsoneditor-type-object .jsoneditor-icon {
background-position: -72px 0;
}
.jsoneditor-contextmenu button.jsoneditor-type-array .jsoneditor-icon {
background-position: -96px 0;
}
.jsoneditor-contextmenu button.jsoneditor-type-modes .jsoneditor-icon {
background-image: none;
width: 6px;
}
.jsoneditor-contextmenu ul,
.jsoneditor-contextmenu li {
box-sizing: content-box;
position: relative;
}
.jsoneditor-contextmenu .jsoneditor-menu button:hover,
.jsoneditor-contextmenu .jsoneditor-menu button:focus {
color: #1a1a1a;
background-color: #f5f5f5;
outline: none;
}
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected,
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover,
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus {
color: #ffffff;
background-color: #ee422e;
}
.jsoneditor-contextmenu .jsoneditor-menu li ul li button:hover,
.jsoneditor-contextmenu .jsoneditor-menu li ul li button:focus {
background-color: #f5f5f5;
}
.jsoneditor-modal {
max-width: 95%;
border-radius: 2px !important;
padding: 45px 15px 15px 15px !important;
box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
color: #4d4d4d;
line-height: 1.3em;
}
.jsoneditor-modal.jsoneditor-modal-transform {
width: 600px !important;
}
.jsoneditor-modal .pico-modal-header {
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
width: 100%;
padding: 0 10px;
height: 30px;
line-height: 30px;
font-family: arial, sans-serif;
font-size: 11pt;
background: #3883fa;
color: #ffffff;
}
.jsoneditor-modal table {
width: 100%;
}
.jsoneditor-modal table td {
padding: 3px 0;
}
.jsoneditor-modal table td.jsoneditor-modal-input {
text-align: right;
padding-right: 0;
white-space: nowrap;
}
.jsoneditor-modal table td.jsoneditor-modal-actions {
padding-top: 15px;
}
.jsoneditor-modal table th {
vertical-align: middle;
}
.jsoneditor-modal p:first-child {
margin-top: 0;
}
.jsoneditor-modal a {
color: #3883fa;
}
.jsoneditor-modal .jsoneditor-jmespath-block {
margin-bottom: 10px;
}
.jsoneditor-modal .pico-close {
background: none !important;
font-size: 24px !important;
top: 7px !important;
right: 7px !important;
color: #ffffff;
}
.jsoneditor-modal input {
padding: 4px;
}
.jsoneditor-modal input[type="text"] {
cursor: inherit;
}
.jsoneditor-modal input[disabled] {
background: #d3d3d3;
color: #808080;
}
.jsoneditor-modal .jsoneditor-select-wrapper {
position: relative;
display: inline-block;
}
.jsoneditor-modal .jsoneditor-select-wrapper:after {
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #666;
position: absolute;
right: 8px;
top: 14px;
pointer-events: none;
}
.jsoneditor-modal select {
padding: 3px 24px 3px 10px;
min-width: 180px;
max-width: 350px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0;
text-overflow: "";
font-size: 10pt;
line-height: 1.5em;
}
.jsoneditor-modal select::-ms-expand {
display: none;
}
.jsoneditor-modal .jsoneditor-button-group input {
padding: 4px 10px;
margin: 0;
border-radius: 0;
border-left-style: none;
}
.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-first {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-left-style: solid;
}
.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-last {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.jsoneditor-modal .jsoneditor-transform-preview {
background: #f5f5f5;
height: 200px;
}
.jsoneditor-modal .jsoneditor-transform-preview.jsoneditor-error {
color: #ee422e;
}
.jsoneditor-modal .jsoneditor-jmespath-wizard {
line-height: 1.2em;
width: 100%;
padding: 0;
border-radius: 3px;
}
.jsoneditor-modal .jsoneditor-jmespath-label {
font-weight: bold;
color: dodgerblue;
margin-top: 20px;
margin-bottom: 5px;
}
.jsoneditor-modal .jsoneditor-jmespath-wizard-table {
width: 100%;
border-collapse: collapse;
}
.jsoneditor-modal .jsoneditor-jmespath-wizard-label {
font-style: italic;
margin: 4px 0 2px 0;
}
.jsoneditor-modal .jsoneditor-inline {
position: relative;
display: inline-block;
width: 100%;
padding-top: 2px;
padding-bottom: 2px;
}
.jsoneditor-modal .jsoneditor-inline:not(:last-child) {
padding-right: 2px;
}
.jsoneditor-modal .jsoneditor-jmespath-filter {
display: flex;
flex-wrap: wrap;
}
.jsoneditor-modal .jsoneditor-jmespath-filter-field {
width: 180px;
}
.jsoneditor-modal .jsoneditor-jmespath-filter-relation {
width: 100px;
}
.jsoneditor-modal .jsoneditor-jmespath-filter-value {
min-width: 180px;
flex: 1;
}
.jsoneditor-modal .jsoneditor-jmespath-sort-field {
width: 170px;
}
.jsoneditor-modal .jsoneditor-jmespath-sort-order {
width: 150px;
}
.jsoneditor-modal .jsoneditor-jmespath-select-fields {
width: 100%;
}
.jsoneditor-modal .selectr-selected {
border-color: #d3d3d3;
padding: 4px 28px 4px 8px;
}
.jsoneditor-modal .selectr-selected .selectr-tag {
background-color: #3883fa;
border-radius: 5px;
}
.jsoneditor-modal table th,
.jsoneditor-modal table td {
text-align: left;
vertical-align: middle;
font-weight: normal;
color: #4d4d4d;
border-spacing: 0;
border-collapse: collapse;
}
.jsoneditor-modal select,
.jsoneditor-modal textarea,
.jsoneditor-modal input,
.jsoneditor-modal input[type="text"],
.jsoneditor-modal input[type="text"]:focus,
.jsoneditor-modal #query {
background: #ffffff;
border: 1px solid #d3d3d3;
color: #4d4d4d;
border-radius: 3px;
padding: 4px;
}
.jsoneditor-modal,
.jsoneditor-modal table td,
.jsoneditor-modal table th,
.jsoneditor-modal select,
.jsoneditor-modal option,
.jsoneditor-modal textarea,
.jsoneditor-modal input,
.jsoneditor-modal input[type="text"],
.jsoneditor-modal #query {
font-size: 10.5pt;
font-family: arial, sans-serif;
}
.jsoneditor-modal #query,
.jsoneditor-modal .jsoneditor-transform-preview {
font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
font-size: 10pt;
width: 100%;
box-sizing: border-box;
}
.jsoneditor-modal input[type="button"],
.jsoneditor-modal input[type="submit"] {
background: #f5f5f5;
padding: 4px 20px;
}
.jsoneditor-modal select,
.jsoneditor-modal input {
cursor: pointer;
}
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc,
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc {
background: #3883fa;
border-color: #3883fa;
color: #ffffff;
}
.jsoneditor {
color: #1a1a1a;
border: thin solid #3883fa;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
position: relative;
padding: 0;
line-height: 100%;
}
div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor-readonly,
div.jsoneditor-default {
border: 1px solid transparent;
min-height: 16px;
min-width: 32px;
padding: 2px;
margin: 1px;
word-wrap: break-word;
float: left;
}
div.jsoneditor-field p,
div.jsoneditor-value p {
margin: 0;
}
div.jsoneditor-value {
word-break: break-word;
}
div.jsoneditor-value.jsoneditor-empty::after {
content: "value";
}
div.jsoneditor-value.jsoneditor-string {
color: #006000;
}
div.jsoneditor-value.jsoneditor-number {
color: #ee422e;
}
div.jsoneditor-value.jsoneditor-boolean {
color: #ff8c00;
}
div.jsoneditor-value.jsoneditor-null {
color: #004ed0;
}
div.jsoneditor-value.jsoneditor-color-value {
color: #1a1a1a;
}
div.jsoneditor-value.jsoneditor-invalid {
color: #1a1a1a;
}
div.jsoneditor-readonly {
min-width: 16px;
color: #808080;
}
div.jsoneditor-empty {
border-color: #d3d3d3;
border-style: dashed;
border-radius: 2px;
}
div.jsoneditor-field.jsoneditor-empty::after {
content: "field";
}
div.jsoneditor td {
vertical-align: top;
}
div.jsoneditor td.jsoneditor-separator {
padding: 3px 0;
vertical-align: top;
color: #808080;
}
div.jsoneditor td.jsoneditor-tree {
vertical-align: top;
}
div.jsoneditor.busy pre.jsoneditor-preview {
background: #f5f5f5;
color: #808080;
}
div.jsoneditor.busy div.jsoneditor-busy {
display: inherit;
}
div.jsoneditor code.jsoneditor-preview {
background: none;
}
div.jsoneditor.jsoneditor-mode-preview pre.jsoneditor-preview {
width: 100%;
height: 100%;
box-sizing: border-box;
overflow: auto;
padding: 2px;
margin: 0;
white-space: pre-wrap;
word-break: break-all;
}
div.jsoneditor-default {
color: #808080;
padding-left: 10px;
}
div.jsoneditor-tree {
width: 100%;
height: 100%;
position: relative;
overflow: auto;
}
div.jsoneditor-tree button.jsoneditor-button {
width: 24px;
height: 24px;
padding: 0;
margin: 0;
border: none;
cursor: pointer;
background: transparent url(/theme/image.php/petel/local_jsoneditor/1726409799/jsoneditor-icons);
}
div.jsoneditor-tree button.jsoneditor-button:focus {
background-color: #f5f5f5;
outline: #e5e5e5 solid 1px;
}
div.jsoneditor-tree button.jsoneditor-collapsed {
background-position: 0 -48px;
}
div.jsoneditor-tree button.jsoneditor-expanded {
background-position: 0 -72px;
}
div.jsoneditor-tree button.jsoneditor-contextmenu-button {
background-position: -48px -72px;
}
div.jsoneditor-tree button.jsoneditor-invisible {
visibility: hidden;
background: none;
}
div.jsoneditor-tree button.jsoneditor-dragarea {
background: url(/theme/image.php/petel/local_jsoneditor/1726409799/jsoneditor-icons) -72px -72px;
cursor: move;
}
div.jsoneditor-tree *:focus {
outline: none;
}
div.jsoneditor-tree div.jsoneditor-show-more {
display: inline-block;
padding: 3px 4px;
margin: 2px 0;
background-color: #e5e5e5;
border-radius: 3px;
color: #808080;
font-family: arial, sans-serif;
font-size: 10pt;
}
div.jsoneditor-tree div.jsoneditor-show-more a {
display: inline-block;
color: #808080;
}
div.jsoneditor-tree div.jsoneditor-color {
display: inline-block;
width: 12px;
height: 12px;
margin: 4px;
border: 1px solid #808080;
cursor: pointer;
}
div.jsoneditor-tree div.jsoneditor-date {
background: #a1a1a1;
color: #ffffff;
font-family: arial, sans-serif;
border-radius: 3px;
display: inline-block;
padding: 3px;
margin: 0 3px;
}
div.jsoneditor-tree table.jsoneditor-tree {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error {
width: 24px;
height: 24px;
padding: 0;
margin: 0 4px 0 0;
background: url(/theme/image.php/petel/local_jsoneditor/1726409799/jsoneditor-icons) -168px -48px;
}
div.jsoneditor-outer {
position: static;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.jsoneditor-outer.has-nav-bar {
margin-top: -26px;
padding-top: 26px;
}
div.jsoneditor-outer.has-nav-bar.has-main-menu-bar {
margin-top: -61px;
padding-top: 61px;
}
div.jsoneditor-outer.has-status-bar {
margin-bottom: -26px;
padding-bottom: 26px;
}
div.jsoneditor-outer.has-main-menu-bar {
margin-top: -35px;
padding-top: 35px;
}
div.jsoneditor-busy {
position: absolute;
top: 15%;
left: 0;
box-sizing: border-box;
width: 100%;
text-align: center;
display: none;
}
div.jsoneditor-busy span {
background-color: #ffffab;
border: 1px solid #ffee00;
border-radius: 3px;
padding: 5px 15px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
div.jsoneditor-field.jsoneditor-empty::after,
div.jsoneditor-value.jsoneditor-empty::after {
pointer-events: none;
color: #d3d3d3;
font-size: 8pt;
}
div.jsoneditor-value.jsoneditor-url,
a.jsoneditor-value.jsoneditor-url {
color: #006000;
text-decoration: underline;
}
a.jsoneditor-value.jsoneditor-url {
display: inline-block;
padding: 2px;
margin: 2px;
}
a.jsoneditor-value.jsoneditor-url:hover,
a.jsoneditor-value.jsoneditor-url:focus {
color: #ee422e;
}
div.jsoneditor-field[contenteditable="true"]:focus,
div.jsoneditor-field[contenteditable="true"]:hover,
div.jsoneditor-value[contenteditable="true"]:focus,
div.jsoneditor-value[contenteditable="true"]:hover,
div.jsoneditor-field.jsoneditor-highlight,
div.jsoneditor-value.jsoneditor-highlight {
background-color: #ffffab;
border: 1px solid #ffee00;
border-radius: 2px;
}
div.jsoneditor-field.jsoneditor-highlight-active,
div.jsoneditor-field.jsoneditor-highlight-active:focus,
div.jsoneditor-field.jsoneditor-highlight-active:hover,
div.jsoneditor-value.jsoneditor-highlight-active,
div.jsoneditor-value.jsoneditor-highlight-active:focus,
div.jsoneditor-value.jsoneditor-highlight-active:hover {
background-color: #ffee00;
border: 1px solid #ffc700;
border-radius: 2px;
}
div.jsoneditor-value.jsoneditor-object,
div.jsoneditor-value.jsoneditor-array {
min-width: 16px;
}
div.jsoneditor-tree button.jsoneditor-contextmenu-button:hover,
div.jsoneditor-tree button.jsoneditor-contextmenu-button:focus,
div.jsoneditor-tree button.jsoneditor-contextmenu-button.jsoneditor-selected,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button {
background-position: -48px -48px;
}
div.jsoneditor-tree div.jsoneditor-show-more a:hover,
div.jsoneditor-tree div.jsoneditor-show-more a:focus {
color: #ee422e;
}
textarea.jsoneditor-text,
.ace-jsoneditor {
min-height: 150px;
}
textarea.jsoneditor-text *,
.ace-jsoneditor * {
font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
}
textarea.jsoneditor-text {
width: 100%;
height: 100%;
margin: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline-width: 0;
border: none;
background-color: #ffffff;
resize: none;
}
tr.jsoneditor-highlight,
tr.jsoneditor-selected {
background-color: #d3d3d3;
}
tr.jsoneditor-selected button.jsoneditor-dragarea,
tr.jsoneditor-selected button.jsoneditor-contextmenu-button {
visibility: hidden;
}
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button {
visibility: visible;
}
div.jsoneditor-tree button.jsoneditor-dragarea:hover,
div.jsoneditor-tree button.jsoneditor-dragarea:focus,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
background-position: -72px -48px;
}
div.jsoneditor tr,
div.jsoneditor th,
div.jsoneditor td {
padding: 0;
margin: 0;
}
div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor td,
div.jsoneditor th,
div.jsoneditor textarea,
pre.jsoneditor-preview,
.jsoneditor-schema-error,
.jsoneditor-popover {
font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
font-size: 10pt;
color: #1a1a1a;
}
.jsoneditor-schema-error {
cursor: default;
display: inline-block;
height: 24px;
line-height: 24px;
position: relative;
text-align: center;
width: 24px;
}
.jsoneditor-popover {
background-color: #4c4c4c;
border-radius: 3px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
color: #ffffff;
padding: 7px 10px;
position: absolute;
cursor: auto;
width: 200px;
}
.jsoneditor-popover.jsoneditor-above {
bottom: 32px;
left: -98px;
}
.jsoneditor-popover.jsoneditor-above:before {
border-top: 7px solid #4c4c4c;
bottom: -7px;
}
.jsoneditor-popover.jsoneditor-below {
top: 32px;
left: -98px;
}
.jsoneditor-popover.jsoneditor-below:before {
border-bottom: 7px solid #4c4c4c;
top: -7px;
}
.jsoneditor-popover.jsoneditor-left {
top: -7px;
right: 32px;
}
.jsoneditor-popover.jsoneditor-left:before {
border-left: 7px solid #4c4c4c;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
content: "";
top: 19px;
right: -14px;
left: inherit;
margin-left: inherit;
margin-top: -7px;
position: absolute;
}
.jsoneditor-popover.jsoneditor-right {
top: -7px;
left: 32px;
}
.jsoneditor-popover.jsoneditor-right:before {
border-right: 7px solid #4c4c4c;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
content: "";
top: 19px;
left: -14px;
margin-left: inherit;
margin-top: -7px;
position: absolute;
}
.jsoneditor-popover:before {
border-right: 7px solid transparent;
border-left: 7px solid transparent;
content: "";
display: block;
left: 50%;
margin-left: -7px;
position: absolute;
}
.jsoneditor-text-errors tr.jump-to-line:hover {
text-decoration: underline;
cursor: pointer;
}
.jsoneditor-schema-error:hover .jsoneditor-popover,
.jsoneditor-schema-error:focus .jsoneditor-popover {
display: block;
animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* JSON schema errors displayed at the bottom of the editor in mode text and code */
.jsoneditor .jsoneditor-validation-errors-container {
max-height: 130px;
overflow-y: auto;
}
.jsoneditor .jsoneditor-validation-errors {
width: 100%;
overflow: hidden;
}
.jsoneditor .jsoneditor-additional-errors {
position: absolute;
margin: auto;
bottom: 31px;
left: calc(50% - 92px);
color: #808080;
background-color: #ebebeb;
padding: 7px 15px;
border-radius: 8px;
}
.jsoneditor .jsoneditor-additional-errors.visible {
visibility: visible;
opacity: 1;
transition: opacity 2s linear;
}
.jsoneditor .jsoneditor-additional-errors.hidden {
visibility: hidden;
opacity: 0;
transition: visibility 0s 2s, opacity 2s linear;
}
.jsoneditor .jsoneditor-text-errors {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #ffc700;
}
.jsoneditor .jsoneditor-text-errors td {
padding: 3px 6px;
vertical-align: middle;
}
.jsoneditor .jsoneditor-text-errors td pre {
margin: 0;
white-space: normal;
}
.jsoneditor .jsoneditor-text-errors tr {
background-color: #ffffab;
}
.jsoneditor .jsoneditor-text-errors tr.parse-error {
background-color: #ee2e2e70;
}
.jsoneditor-text-errors .jsoneditor-schema-error {
border: none;
width: 24px;
height: 24px;
padding: 0;
margin: 0 4px 0 0;
cursor: pointer;
}
.jsoneditor-text-errors tr .jsoneditor-schema-error {
background: url(/theme/image.php/petel/local_jsoneditor/1726409799/jsoneditor-icons) -168px -48px;
}
.jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error {
background: url(/theme/image.php/petel/local_jsoneditor/1726409799/jsoneditor-icons) -25px 0px;
}
.jsoneditor-anchor {
cursor: pointer;
}
.jsoneditor-anchor .picker_wrapper.popup.popup_bottom {
top: 28px;
left: -10px;
}
.fadein {
-webkit-animation: fadein 0.3s;
animation: fadein 0.3s;
-moz-animation: fadein 0.3s;
-o-animation: fadein 0.3s;
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.jsoneditor-modal input[type="search"].selectr-input {
border: 1px solid #d3d3d3;
width: calc(100% - 4px);
margin: 2px;
padding: 4px;
box-sizing: border-box;
}
.jsoneditor-modal button.selectr-input-clear {
right: 8px;
}
.jsoneditor-menu {
width: 100%;
height: 35px;
padding: 2px;
margin: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #ffffff;
background-color: #3883fa;
border-bottom: 1px solid #3883fa;
}
.jsoneditor-menu > button,
.jsoneditor-menu > .jsoneditor-modes > button {
width: 26px;
height: 26px;
margin: 2px;
padding: 0;
border-radius: 2px;
border: 1px solid transparent;
background: transparent url(/theme/image.php/petel/local_jsoneditor/1726409799/jsoneditor-icons);
color: #ffffff;
opacity: 0.8;
font-family: arial, sans-serif;
font-size: 10pt;
float: left;
}
.jsoneditor-menu > button:hover,
.jsoneditor-menu > .jsoneditor-modes > button:hover {
background-color: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.4);
}
.jsoneditor-menu > button:focus,
.jsoneditor-menu > button:active,
.jsoneditor-menu > .jsoneditor-modes > button:focus,
.jsoneditor-menu > .jsoneditor-modes > button:active {
background-color: rgba(255, 255, 255, 0.3);
}
.jsoneditor-menu > button:disabled,
.jsoneditor-menu > .jsoneditor-modes > button:disabled {
opacity: 0.5;
background-color: transparent;
border: none;
}
.jsoneditor-menu > button.jsoneditor-collapse-all {
background-position: 0 -96px;
}
.jsoneditor-menu > button.jsoneditor-expand-all {
background-position: 0 -120px;
}
.jsoneditor-menu > button.jsoneditor-sort {
background-position: -120px -96px;
}
.jsoneditor-menu > button.jsoneditor-transform {
background-position: -144px -96px;
}
.jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-sort,
.jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-sort,
.jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-transform,
.jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-transform {
display: none;
}
.jsoneditor-menu > button.jsoneditor-undo {
background-position: -24px -96px;
}
.jsoneditor-menu > button.jsoneditor-undo:disabled {
background-position: -24px -120px;
}
.jsoneditor-menu > button.jsoneditor-redo {
background-position: -48px -96px;
}
.jsoneditor-menu > button.jsoneditor-redo:disabled {
background-position: -48px -120px;
}
.jsoneditor-menu > button.jsoneditor-compact {
background-position: -72px -96px;
}
.jsoneditor-menu > button.jsoneditor-format {
background-position: -72px -120px;
}
.jsoneditor-menu > button.jsoneditor-repair {
background-position: -96px -96px;
}
.jsoneditor-menu > .jsoneditor-modes {
display: inline-block;
float: left;
}
.jsoneditor-menu > .jsoneditor-modes > button {
background-image: none;
width: auto;
padding-left: 6px;
padding-right: 6px;
}
.jsoneditor-menu > button.jsoneditor-separator,
.jsoneditor-menu > .jsoneditor-modes > button.jsoneditor-separator {
margin-left: 10px;
}
.jsoneditor-menu a {
font-family: arial, sans-serif;
font-size: 10pt;
color: #ffffff;
opacity: 0.8;
vertical-align: middle;
}
.jsoneditor-menu a:hover {
opacity: 1;
}
.jsoneditor-menu a.jsoneditor-poweredBy {
font-size: 8pt;
position: absolute;
right: 0;
top: 0;
padding: 10px;
}
.jsoneditor-navigation-bar {
width: 100%;
height: 26px;
line-height: 26px;
padding: 0;
margin: 0;
border-bottom: 1px solid #d3d3d3;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #808080;
background-color: #ebebeb;
overflow: hidden;
font-family: arial, sans-serif;
font-size: 10pt;
}
.jsoneditor-search {
font-family: arial, sans-serif;
position: absolute;
right: 4px;
top: 4px;
border-collapse: collapse;
border-spacing: 0;
display: flex;
}
.jsoneditor-search input {
color: #1a1a1a;
width: 120px;
border: none;
outline: none;
margin: 1px;
line-height: 20px;
font-family: arial, sans-serif;
}
.jsoneditor-search button {
width: 16px;
height: 24px;
padding: 0;
margin: 0;
border: none;
background: url(/theme/image.php/petel/local_jsoneditor/1726409799/jsoneditor-icons);
vertical-align: top;
}
.jsoneditor-search button:hover {
background-color: transparent;
}
.jsoneditor-search button.jsoneditor-refresh {
width: 18px;
background-position: -99px -73px;
}
.jsoneditor-search button.jsoneditor-next {
cursor: pointer;
background-position: -124px -73px;
}
.jsoneditor-search button.jsoneditor-next:hover {
background-position: -124px -49px;
}
.jsoneditor-search button.jsoneditor-previous {
cursor: pointer;
background-position: -148px -73px;
margin-right: 2px;
}
.jsoneditor-search button.jsoneditor-previous:hover {
background-position: -148px -49px;
}
.jsoneditor-results {
font-family: arial, sans-serif;
color: #ffffff;
padding-right: 5px;
line-height: 26px;
}
.jsoneditor-frame {
border: 1px solid transparent;
background-color: #ffffff;
padding: 0 2px;
margin: 0;
}
.jsoneditor-statusbar {
line-height: 26px;
height: 26px;
color: #808080;
background-color: #ebebeb;
border-top: 1px solid #d3d3d3;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 10pt;
}
.jsoneditor-statusbar > .jsoneditor-curserinfo-val {
margin-right: 12px;
}
.jsoneditor-statusbar > .jsoneditor-curserinfo-count {
margin-left: 4px;
}
.jsoneditor-statusbar > .jsoneditor-validation-error-icon {
float: right;
width: 24px;
height: 24px;
padding: 0;
margin-top: 1px;
background: url(/theme/image.php/petel/local_jsoneditor/1726409799/jsoneditor-icons) -168px -48px;
cursor: pointer;
}
.jsoneditor-statusbar > .jsoneditor-validation-error-count {
float: right;
margin: 0 4px 0 0;
cursor: pointer;
}
.jsoneditor-statusbar > .jsoneditor-parse-error-icon {
float: right;
width: 24px;
height: 24px;
padding: 0;
margin: 1px;
background: url(/theme/image.php/petel/local_jsoneditor/1726409799/jsoneditor-icons) -25px 0px;
}
.jsoneditor-statusbar .jsoneditor-array-info a {
color: inherit;
}
div.jsoneditor-statusbar > .jsoneditor-curserinfo-label,
div.jsoneditor-statusbar > .jsoneditor-size-info {
margin: 0 4px;
}
.jsoneditor-treepath {
padding: 0 5px;
overflow: hidden;
white-space: nowrap;
outline: none;
}
.jsoneditor-treepath.show-all {
word-wrap: break-word;
white-space: normal;
position: absolute;
background-color: #ebebeb;
z-index: 1;
box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
}
.jsoneditor-treepath.show-all span.jsoneditor-treepath-show-all-btn {
display: none;
}
.jsoneditor-treepath div.jsoneditor-contextmenu-root {
position: absolute;
left: 0;
}
.jsoneditor-treepath .jsoneditor-treepath-show-all-btn {
position: absolute;
background-color: #ebebeb;
left: 0;
height: 20px;
padding: 0 3px;
cursor: pointer;
}
.jsoneditor-treepath .jsoneditor-treepath-element {
margin: 1px;
font-family: arial, sans-serif;
font-size: 10pt;
}
.jsoneditor-treepath .jsoneditor-treepath-seperator {
margin: 2px;
font-size: 9pt;
font-family: arial, sans-serif;
}
.jsoneditor-treepath span.jsoneditor-treepath-element:hover,
.jsoneditor-treepath span.jsoneditor-treepath-seperator:hover {
cursor: pointer;
text-decoration: underline;
}
/*!
* Selectr 2.4.0
* https://github.com/Mobius1/Selectr
*
* Released under the MIT license
*/
.selectr-container {
position: relative;
}
.selectr-container li {
list-style: none;
}
.selectr-hidden {
position: absolute;
overflow: hidden;
clip: rect(0px, 0px, 0px, 0px);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0 none;
}
.selectr-visible {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 11;
}
.selectr-desktop.multiple .selectr-visible {
display: none;
}
.selectr-desktop.multiple.native-open .selectr-visible {
top: 100%;
min-height: 200px !important;
height: auto;
opacity: 1;
display: block;
}
.selectr-container.multiple.selectr-mobile .selectr-selected {
z-index: 0;
}
.selectr-selected {
position: relative;
z-index: 1;
box-sizing: border-box;
width: 100%;
padding: 7px 28px 7px 14px;
cursor: pointer;
border: 1px solid #999999;
border-radius: 3px;
background-color: #ffffff;
}
.selectr-selected::before {
position: absolute;
top: 50%;
right: 10px;
width: 0;
height: 0;
content: '';
-o-transform: rotate(0deg) translate3d(0px, -50%, 0px);
-ms-transform: rotate(0deg) translate3d(0px, -50%, 0px);
-moz-transform: rotate(0deg) translate3d(0px, -50%, 0px);
-webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
transform: rotate(0deg) translate3d(0px, -50%, 0px);
border-width: 4px 4px 0 4px;
border-style: solid;
border-color: #6c7a86 transparent transparent;
}
.selectr-container.open .selectr-selected::before,
.selectr-container.native-open .selectr-selected::before {
border-width: 0 4px 4px 4px;
border-style: solid;
border-color: transparent transparent #6c7a86;
}
.selectr-label {
display: none;
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}
.selectr-placeholder {
color: #6c7a86;
}
.selectr-tags {
margin: 0;
padding: 0;
white-space: normal;
}
.has-selected .selectr-tags {
margin: 0 0 -2px;
}
.selectr-tag {
list-style: none;
position: relative;
float: left;
padding: 2px 25px 2px 8px;
margin: 0 2px 2px 0;
cursor: default;
color: #ffffff;
border: medium none;
border-radius: 10px;
background: #acb7bf none repeat scroll 0 0;
}
.selectr-container.multiple.has-selected .selectr-selected {
padding: 5px 28px 5px 5px;
}
.selectr-options-container {
position: absolute;
z-index: 10000;
top: calc(100% - 1px);
left: 0;
display: none;
box-sizing: border-box;
width: 100%;
border-width: 0 1px 1px;
border-style: solid;
border-color: transparent #999999 #999999;
border-radius: 0 0 3px 3px;
background-color: #ffffff;
}
.selectr-container.open .selectr-options-container {
display: block;
}
.selectr-input-container {
position: relative;
display: none;
}
.selectr-clear,
.selectr-input-clear,
.selectr-tag-remove {
position: absolute;
top: 50%;
right: 22px;
width: 20px;
height: 20px;
padding: 0;
cursor: pointer;
-o-transform: translate3d(0px, -50%, 0px);
-ms-transform: translate3d(0px, -50%, 0px);
-moz-transform: translate3d(0px, -50%, 0px);
-webkit-transform: translate3d(0px, -50%, 0px);
transform: translate3d(0px, -50%, 0px);
border: medium none;
background-color: transparent;
z-index: 11;
}
.selectr-clear,
.selectr-input-clear {
display: none;
}
.selectr-container.has-selected .selectr-clear,
.selectr-input-container.active .selectr-input-clear {
display: block;
}
.selectr-selected .selectr-tag-remove {
right: 2px;
}
.selectr-clear::before,
.selectr-clear::after,
.selectr-input-clear::before,
.selectr-input-clear::after,
.selectr-tag-remove::before,
.selectr-tag-remove::after {
position: absolute;
top: 5px;
left: 9px;
width: 2px;
height: 10px;
content: ' ';
background-color: #6c7a86;
}
.selectr-tag-remove::before,
.selectr-tag-remove::after {
top: 4px;
width: 3px;
height: 12px;
background-color: #ffffff;
}
.selectr-clear:before,
.selectr-input-clear::before,
.selectr-tag-remove::before {
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.selectr-clear:after,
.selectr-input-clear::after,
.selectr-tag-remove::after {
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.selectr-input-container.active,
.selectr-input-container.active .selectr-clear {
display: block;
}
.selectr-input {
top: 5px;
left: 5px;
box-sizing: border-box;
width: calc(100% - 30px);
margin: 10px 15px;
padding: 7px 30px 7px 9px;
border: 1px solid #999999;
border-radius: 3px;
}
.selectr-notice {
display: none;
box-sizing: border-box;
width: 100%;
padding: 8px 16px;
border-top: 1px solid #999999;
border-radius: 0 0 3px 3px;
background-color: #ffffff;
}
.selectr-container.notice .selectr-notice {
display: block;
}
.selectr-container.notice .selectr-selected {
border-radius: 3px 3px 0 0;
}
.selectr-options {
position: relative;
top: calc(100% + 2px);
display: none;
overflow-x: auto;
overflow-y: scroll;
max-height: 200px;
margin: 0;
padding: 0;
}
.selectr-container.open .selectr-options,
.selectr-container.open .selectr-input-container,
.selectr-container.notice .selectr-options-container {
display: block;
}
.selectr-option {
position: relative;
display: block;
padding: 5px 20px;
list-style: outside none none;
cursor: pointer;
font-weight: normal;
}
.selectr-options.optgroups > .selectr-option {
padding-left: 25px;
}
.selectr-optgroup {
font-weight: bold;
padding: 0;
}
.selectr-optgroup--label {
font-weight: bold;
margin-top: 10px;
padding: 5px 15px;
}
.selectr-match {
text-decoration: underline;
}
.selectr-option.selected {
background-color: #ddd;
}
.selectr-option.active {
color: #ffffff;
background-color: #5897fb;
}
.selectr-option.disabled {
opacity: 0.4;
}
.selectr-option.excluded {
display: none;
}
.selectr-container.open .selectr-selected {
border-color: #999999 #999999 transparent #999999;
border-radius: 3px 3px 0 0;
}
.selectr-container.open .selectr-selected::after {
-o-transform: rotate(180deg) translate3d(0px, 50%, 0px);
-ms-transform: rotate(180deg) translate3d(0px, 50%, 0px);
-moz-transform: rotate(180deg) translate3d(0px, 50%, 0px);
-webkit-transform: rotate(180deg) translate3d(0px, 50%, 0px);
transform: rotate(180deg) translate3d(0px, 50%, 0px);
}
.selectr-disabled {
opacity: .6;
}
.selectr-empty,
.has-selected .selectr-placeholder {
display: none;
}
.has-selected .selectr-label {
display: block;
}
/* TAGGABLE */
.taggable .selectr-selected {
padding: 4px 28px 4px 4px;
}
.taggable .selectr-selected::after {
display: table;
content: " ";
clear: both;
}
.taggable .selectr-label {
width: auto;
}
.taggable .selectr-tags {
float: left;
display: block;
}
.taggable .selectr-placeholder {
display: none;
}
.input-tag {
float: left;
min-width: 90px;
width: auto;
}
.selectr-tag-input {
border: medium none;
padding: 3px 10px;
width: 100%;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
}
.selectr-input-container.loading::after {
position: absolute;
top: 50%;
right: 20px;
width: 20px;
height: 20px;
content: '';
-o-transform: translate3d(0px, -50%, 0px);
-ms-transform: translate3d(0px, -50%, 0px);
-moz-transform: translate3d(0px, -50%, 0px);
-webkit-transform: translate3d(0px, -50%, 0px);
transform: translate3d(0px, -50%, 0px);
-o-transform-origin: 50% 0 0;
-ms-transform-origin: 50% 0 0;
-moz-transform-origin: 50% 0 0;
-webkit-transform-origin: 50% 0 0;
transform-origin: 50% 0 0;
-moz-animation: 500ms linear 0s normal forwards infinite running spin;
-webkit-animation: 500ms linear 0s normal forwards infinite running spin;
animation: 500ms linear 0s normal forwards infinite running spin;
border-width: 3px;
border-style: solid;
border-color: #aaa #ddd #ddd;
border-radius: 50%;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
transform: rotate(0deg) translate3d(0px, -50%, 0px);
}
100% {
-webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
transform: rotate(360deg) translate3d(0px, -50%, 0px);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
transform: rotate(0deg) translate3d(0px, -50%, 0px);
}
100% {
-webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
transform: rotate(360deg) translate3d(0px, -50%, 0px);
}
}
.selectr-container.open.inverted .selectr-selected {
border-color: transparent #999999 #999999;
border-radius: 0 0 3px 3px;
}
.selectr-container.inverted .selectr-options-container {
border-width: 1px 1px 0;
border-color: #999999 #999999 transparent;
border-radius: 3px 3px 0 0;
background-color: #ffffff;
}
.selectr-container.inverted .selectr-options-container {
top: auto;
bottom: calc(100% - 1px);
}
.selectr-container ::-webkit-input-placeholder {
color: #6c7a86;
opacity: 1;
}
.selectr-container ::-moz-placeholder {
color: #6c7a86;
opacity: 1;
}
.selectr-container :-ms-input-placeholder {
color: #6c7a86;
opacity: 1;
}
.selectr-container ::placeholder {
color: #6c7a86;
opacity: 1;
}
/* JSONEditor main styles end*/
/* JSONEditor RTL start*/
html[dir="rtl"] .jsoneditor-contextmenu {
right: unset !important;
}
html[dir="rtl"] .jsoneditor .autocomplete.hint {
right: 4px;
}
html[dir="rtl"] .jsoneditor-contextmenu .jsoneditor-menu {
right: 0;
}
html[dir="rtl"] .jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-expand {
float: left;
}
html[dir="rtl"] .jsoneditor-contextmenu .jsoneditor-menu li ul {
right: -10px;
}
html[dir="rtl"] .jsoneditor-contextmenu .jsoneditor-menu li button .jsoneditor-expand {
left: 0;
background: url(/theme/image.php/petel/local_jsoneditor/1726409799/jsoneditor-icons) -72px 100%;
}
html[dir="rtl"] .jsoneditor-contextmenu .jsoneditor-icon {
right: 0;
}
html[dir="rtl"] .jsoneditor-modal .pico-close {
right: 7px !important;
left: unset !important;
}
html[dir="rtl"] .jsoneditor-modal .jsoneditor-select-wrapper:after {
left: 8px;
}
html[dir="rtl"] div.jsoneditor-field,
html[dir="rtl"] div.jsoneditor-value,
html[dir="rtl"] div.jsoneditor-readonly,
html[dir="rtl"] div.jsoneditor-default {
float: right;
}
html[dir="rtl"] div.jsoneditor-tree button.jsoneditor-collapsed {
background-position: 100% -48px;
}
html[dir="rtl"] div.jsoneditor-tree button.jsoneditor-expanded {
background-position: 100% -72px ;
}
html[dir="rtl"] div.jsoneditor-tree button.jsoneditor-contextmenu-button {
background-position: -48px -72px;
}
html[dir="rtl"] div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error {
background: url(/theme/image.php/petel/local_jsoneditor/1726409799/jsoneditor-icons) -168px -48px;
}
html[dir="rtl"] div.jsoneditor-busy {
right: 0;
}
html[dir="rtl"] div.jsoneditor-tree button.jsoneditor-contextmenu-button:hover,
html[dir="rtl"] div.jsoneditor-tree button.jsoneditor-contextmenu-button:focus,
html[dir="rtl"] div.jsoneditor-tree button.jsoneditor-contextmenu-button.jsoneditor-selected,
html[dir="rtl"] tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button {
background-position: -48px -48px;
}
html[dir="rtl"] div.jsoneditor-tree button.jsoneditor-dragarea:hover,
html[dir="rtl"] div.jsoneditor-tree button.jsoneditor-dragarea:focus,
html[dir="rtl"] tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
background-position: -72px -48px;
}
html[dir="rtl"] .jsoneditor-popover.jsoneditor-above {
right: -98px;
}
html[dir="rtl"] .jsoneditor-popover.jsoneditor-below {
right: -98px;
}
html[dir="rtl"] .jsoneditor-popover.jsoneditor-left {
left: 32px;
}
html[dir="rtl"] .jsoneditor-popover.jsoneditor-left:before {
left: -14px;
right: inherit;
}
html[dir="rtl"] .jsoneditor-popover.jsoneditor-right {
right: 32px;
}
html[dir="rtl"] .jsoneditor-popover.jsoneditor-right:before {
right: -14px;
}
html[dir="rtl"] .jsoneditor-popover:before {
right: 50%;
}
html[dir="rtl"] .jsoneditor .jsoneditor-additional-errors {
right: calc(50% - 92px);
}
html[dir="rtl"] .jsoneditor-text-errors tr .jsoneditor-schema-error {
background: url(/theme/image.php/petel/local_jsoneditor/1726409799/jsoneditor-icons) -168px -48px;
}
html[dir="rtl"] .jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error {
background: url(/theme/image.php/petel/local_jsoneditor/1726409799/jsoneditor-icons) -25px 0px;
}
html[dir="rtl"] .jsoneditor-anchor .picker_wrapper.popup.popup_bottom {
right: -10px;
}
html[dir="rtl"] .jsoneditor-modal button.selectr-input-clear {
left: 8px;
}
html[dir="rtl"] .jsoneditor-menu > button.jsoneditor-collapse-all {
background-position: 100% -96px;
}
html[dir="rtl"] .jsoneditor-menu > button.jsoneditor-expand-all {
background-position: 100% -120px;
}
html[dir="rtl"] .jsoneditor-menu > button.jsoneditor-sort {
background-position: -120px -96px;
}
html[dir="rtl"] .jsoneditor-menu > button.jsoneditor-transform {
background-position: -144px -96px;
}
html[dir="rtl"] .jsoneditor-menu > button.jsoneditor-undo {
background-position: -24px -96px;
}
html[dir="rtl"] .jsoneditor-menu > button.jsoneditor-undo:disabled {
background-position: -24px -120px;
}
html[dir="rtl"] .jsoneditor-menu > button.jsoneditor-redo {
background-position: -48px -96px;
}
html[dir="rtl"] .jsoneditor-menu > button.jsoneditor-redo:disabled {
background-position: -48px -120px;
}
html[dir="rtl"] .jsoneditor-menu > button.jsoneditor-compact {
background-position: -72px -96px;
}
html[dir="rtl"] .jsoneditor-menu > button.jsoneditor-format {
background-position: -72px -120px;
}
html[dir="rtl"] .jsoneditor-menu > button.jsoneditor-repair {
background-position: -96px -96px;
}
html[dir="rtl"] .jsoneditor-contextmenu button.jsoneditor-remove .jsoneditor-icon {
background-position: -24px 100%;
}
html[dir="rtl"] .jsoneditor-contextmenu button.jsoneditor-append .jsoneditor-icon {
background-position: 100% 100%;
}
html[dir="rtl"] .jsoneditor-contextmenu button.jsoneditor-insert .jsoneditor-icon {
background-position: 100% 100%;
}
html[dir="rtl"] .jsoneditor-contextmenu button.jsoneditor-duplicate .jsoneditor-icon {
background-position: -48px 100%;
}
html[dir="rtl"] .jsoneditor-contextmenu button.jsoneditor-sort-asc .jsoneditor-icon {
background-position: -168px 100%;
}
html[dir="rtl"] .jsoneditor-contextmenu button.jsoneditor-sort-desc .jsoneditor-icon {
background-position: -192px 100%;
}
html[dir="rtl"] .jsoneditor-contextmenu button.jsoneditor-transform .jsoneditor-icon {
background-position: -216px 100%;
}
html[dir="rtl"] .jsoneditor-contextmenu button.jsoneditor-extract .jsoneditor-icon {
background-position: 100% -24px;
}
html[dir="rtl"] .jsoneditor-contextmenu button.jsoneditor-type-string .jsoneditor-icon {
background-position: -144px 100%;
}
html[dir="rtl"] .jsoneditor-contextmenu button.jsoneditor-type-auto .jsoneditor-icon {
background-position: -120px 100%;
}
html[dir="rtl"] .jsoneditor-contextmenu button.jsoneditor-type-object .jsoneditor-icon {
background-position: -72px 100%;
}
html[dir="rtl"] .jsoneditor-contextmenu button.jsoneditor-type-array .jsoneditor-icon {
background-position: -96px 100%;
}
html[dir="rtl"] .jsoneditor-search button.jsoneditor-refresh {
background-position: -99px -73px;
}
html[dir="rtl"] .jsoneditor-search button.jsoneditor-next {
background-position: -124px -73px;
}
html[dir="rtl"] .jsoneditor-search button.jsoneditor-next:hover {
background-position: -124px -49px;
}
html[dir="rtl"] .jsoneditor-search button.jsoneditor-previous {
background-position: -148px -73px;
}
html[dir="rtl"] .jsoneditor-search button.jsoneditor-previous:hover {
background-position: -148px -49px;
}
html[dir="rtl"] .jsoneditor-treepath div.jsoneditor-contextmenu-root {
right: 0;
}
html[dir="rtl"] .jsoneditor-treepath .jsoneditor-treepath-show-all-btn {
right: 0;
}
html[dir="rtl"] .selectr-visible {
right: 0;
}
html[dir="rtl"] .selectr-selected::before {
left: 10px;
}
html[dir="rtl"] .selectr-options-container {
right: 0;
}
html[dir="rtl"] .selectr-clear,
html[dir="rtl"] .selectr-input-clear,
html[dir="rtl"] .selectr-tag-remove {
left: 22px;
}
html[dir="rtl"] .selectr-selected .selectr-tag-remove {
left: 2px;
}
html[dir="rtl"] .selectr-clear::before,
html[dir="rtl"] .selectr-clear::after,
html[dir="rtl"] .selectr-input-clear::before,
html[dir="rtl"] .selectr-input-clear::after,
html[dir="rtl"] .selectr-tag-remove::before,
html[dir="rtl"] .selectr-tag-remove::after {
right: 9px;
}
html[dir="rtl"] .selectr-clear:before,
html[dir="rtl"] .selectr-input-clear::before,
html[dir="rtl"] .selectr-tag-remove::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
html[dir="rtl"] .selectr-clear:after,
html[dir="rtl"] .selectr-input-clear::after,
html[dir="rtl"] .selectr-tag-remove::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
html[dir="rtl"] .selectr-input {
right: 5px;
}
html[dir="rtl"] .selectr-container.open .selectr-selected::after {
-webkit-transform: rotate(-180deg) translate3d(0px, 50%, 0px);
transform: rotate(-180deg) translate3d(0px, 50%, 0px);
}
html[dir="rtl"] .selectr-input-container.loading::after {
left: 20px;
}
.path-local-moodlecheck .filename,
.path-local-moodlecheck .dirname {
font-size: 1.1em;
font-weight: bold;
color: #547c22;
}
.path-local-moodlecheck .dirname {
color: #408;
}
.path-local-moodlecheck ul.directory,
.path-local-moodlecheck ul.file {
margin: 0.5em;
margin-left: 2em;
}
.path-local-moodlecheck ul.file {
margin-top: 0;
}
.path-local-moodlecheck .fail {
color: #600;
}
.path-local-moodlecheck .good {
color: #060;
}
.path-local-moodlecheck form .fcheckbox label {
margin-left: 1em;
}
.path-local-moodlecheck form .fcheckbox > span {
margin-left: 2em;
}
.path-local-moodlecheck form .fradio label {
margin-left: 1em;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
z-index: 2000 !important;
}
.modal.moodle-has-zindex.show .modal-content.nooverflow {
overflow: visible;
}
.modal.moodle-has-zindex.show .modal-content.nooverflow .modal-body{
overflow: visible;
}
.choosercontainer #chooseform .options {
min-height: 32rem !important;
}
.quiz-top-bar {
text-align: center;
}
.quiz-top-bar a{
width: fit-content;
display: inline-block;
padding: 6px 12px;
}
.types-selector {
display: flex;
justify-content: space-evenly;
margin: 20px 20%;
padding: 0;
}
.types-selector .quiz-type-selector{
display: inline-flex;
position: relative;
cursor: pointer;
}
.types-selector .quiz-type-selector .dot{
display: inline-flex;
border: 1px solid #999;
border-radius: 50%;
width: 16px;
height: 16px;
position: absolute;
bottom: -30px;
left: 30%;
}
.types-selector .quiz-type-selector.active .dot::before{
content: "";
position: static;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #000;
margin: auto;
}
.types-selector .quiz-type-selector:nth-child(1) .dot{
box-shadow: 0 0 1px 1px #441e84;
}
.types-selector .quiz-type-selector:nth-child(2) .dot{
box-shadow: 0 0 5px 2px #441e84;
}
.types-selector .quiz-type-selector:nth-child(3) .dot{
box-shadow: 0 0 10px 3px #441e84;
}
.types-selector .quiz-type-selector:nth-child(4) .dot{
box-shadow: 0 0 15px 4px #441e84;
}
.types-selector .quiz-type-selector:nth-child(5) .dot{
box-shadow: 0 0 20px 5px #441e84;
}
.types-selector .quiz-type-selector:nth-child(6) .dot{
box-shadow: 0 0 25px 6px #441e84;
}
.selector-type-description {
padding: 2rem 0;
/* margin: 60px 10% 20px; */
/* padding: 10px; */
}
#page-mod-quiz-view .quizattemptcounts {
display: none !important;
}
#page-mod-quiz-view .tertiary-navigation .row {
column-gap: 0.25rem!important;
}
body#page-local-redmine-index.path-local-redmine {
background-color: #fff;
}
body#page-local-redmine-index.path-local-redmine #page-content {
background-color: #fff;
}
#local-redmine-issues-page {
padding: 0 7.29%;
}
#local-redmine-issues-page .attention-info-block {
display: flex;
margin-top: -1rem;
padding: 0.25rem 1rem;
background-color: #fcf15c;
}
#local-redmine-issues-page .attention-info-block .attention-info-text {
font-size: 1.5rem;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
font-size: 1.2rem;
}
#local-redmine-issues-page .attention-info-block i {
font-size: 1.5rem;
margin-right: 0.625rem;
font-size: 1.2rem;
}
#local-redmine-messages-main-page {
padding-top: 1.5rem;
padding-bottom: 0.5rem;
}
#local-redmine-messages-main-page .local-redmine-messages-header {
margin-bottom: 2.5rem;
}
#local-redmine-messages-main-page .local-redmine-messages-header .form-group {
max-width: 21.5rem;
}
#local-redmine-messages-main-page .local-redmine-messages-header .form-group .main-search-input {
border-radius: 0.5rem;
}
#local-redmine-messages-main-page .local-redmine-messages-header .form-group .main-search-input::-moz-placeholder {
font-size: 1.125rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: normal;
}
#local-redmine-messages-main-page .local-redmine-messages-header .form-group .main-search-input::placeholder {
font-size: 1.125rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: normal;
}
#local-redmine-messages-main-page .local-redmine-messages-header .form-group button {
top: 0;
right: 1.5rem;
font-size: 1.5rem;
}
#local-redmine-messages-main-page .local-redmine-messages-header h1 {
font-size: 2rem;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
#local-redmine-messages-main-page .activeissues-wrapper {
border-radius: 0.75rem;
margin-bottom: 1.125rem;
}
#local-redmine-messages-main-page .active-appeals-block {
padding: 0.5625rem 0.75rem;
min-height: 3rem;
}
#local-redmine-messages-main-page .history-requets-title,
#local-redmine-messages-main-page .active-appeals-title,
#local-redmine-messages-main-page .showed-rows-info {
font-size: 1.5rem;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
#local-redmine-messages-main-page .appeals-history-table .appeals-history-table-header {
min-height: 2.5rem;
padding: 0.375rem 0 0.375rem 0.875rem;
}
#local-redmine-messages-main-page .appeals-history-table .appeals-history-table-header [data-column-type="*"] {
border-left-color: #fff;
}
#local-redmine-messages-main-page .appeals-history-table [data-column-type=type] {
width: 19.2%;
}
#local-redmine-messages-main-page .appeals-history-table [data-column-type=title] {
width: 100%;
padding: 0 0.625rem;
display: flex;
flex: 1;
min-width: 0;
border-left: 1px solid #b2b2b2;
}
#local-redmine-messages-main-page .appeals-history-table [data-column-type=title] span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#local-redmine-messages-main-page .appeals-history-table [data-column-type=appeal_date],
#local-redmine-messages-main-page .appeals-history-table [data-column-type=close_appeal_date],
#local-redmine-messages-main-page .appeals-history-table [data-column-type=appeal_number] {
padding: 0 0.625rem;
border-left: 1px solid #b2b2b2;
width: 8.4%;
min-width: 8.5rem;
}
#local-redmine-messages-main-page .appeals-history-table [data-column-type=appeal_status] {
border-left: 1px solid #b2b2b2;
padding: 0 0.625rem;
width: 11.2%;
min-width: 8.5rem;
}
#local-redmine-messages-main-page .appeals-history-table .appeals-table-text {
font-size: 1.125rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: normal;
}
#local-redmine-messages-main-page .appeals-history-table .sorting-title {
text-decoration: none;
color: inherit;
}
#local-redmine-messages-main-page .appeals-history-table .sorting-title i {
height: 0.55rem;
opacity: 0.5;
}
#local-redmine-messages-main-page .appeals-history-table .sorting-title i.fa-sort-desc {
display: flex;
align-items: end;
}
#local-redmine-messages-main-page .appeals-history-table .sorting-title.asc i.fa-sort-asc {
opacity: 1;
}
#local-redmine-messages-main-page .appeals-history-table .sorting-title.desc i.fa-sort-desc {
opacity: 1;
}
#local-redmine-messages-main-page .appeals-history-table .appeals-history-table-row {
padding: 0.375rem 0 0.375rem 0.875rem;
border-radius: 0.25rem;
box-shadow: 0 0.1875rem 0.1875rem 0 rgba(43, 43, 43, 0.2509803922);
background-color: #fff;
}
#local-redmine-messages-main-page .appeals-history-table .appeals-history-table-row:hover {
box-shadow: 0 6px 12px 0 rgba(43, 43, 43, 0.2);
background-color: #f5f2f7;
}
#local-redmine-messages-main-page .select-wrapper {
display: inline-flex;
align-items: center;
position: relative;
}
#local-redmine-messages-main-page .select-wrapper i {
font-size: 2rem;
margin-right: 0.75rem;
}
#local-redmine-messages-main-page .select-wrapper select {
min-width: 13rem;
height: 2.5rem;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: white;
font-size: 1.125rem;
}
#local-redmine-messages-main-page .select-wrapper i.fa-caret-down {
font-size: 1.5rem;
right: 0;
}
#local-redmine-messages-main-page .messages-loading-wrapper {
left: calc(50% - 75px);
top: calc(50% - 75px);
z-index: 100;
}
#local-redmine-messages-page {
padding-top: 0.625rem 8.625rem 2.6875rem;
}
#local-redmine-messages-page h1 {
font-size: 2rem;
margin-bottom: 1.625rem;
}
#local-redmine-messages-page h1 a {
color: #2b2b2b;
}
#local-redmine-messages-page h1 a:hover {
text-decoration: none;
}
#local-redmine-messages-page .back-btn {
color: inherit;
font-size: 1rem;
display: flex;
}
#local-redmine-messages-page .back-btn i {
font-size: 1.5rem;
margin-right: 0.5rem;
}
#local-redmine-messages-page .back-btn:hover {
text-decoration: none;
}
#local-redmine-messages-page .attention-info-block {
padding: 0.625rem 2.5rem;
background-color: #fcf15c;
margin-bottom: 2.125rem;
border-radius: 0.5rem;
}
#local-redmine-messages-page .info-block {
background-color: #f9f9f9;
padding: 1.25rem 0.625rem;
max-width: 17.125rem;
min-height: 38.375rem;
border-radius: 0.5rem;
}
#local-redmine-messages-page .info-block .block-title {
margin-bottom: 2rem;
}
#local-redmine-messages-page .info-block .info-block-item-title {
font-size: 1.125rem;
}
#local-redmine-messages-page .info-block .info-block-item-text {
margin-bottom: 1.75rem;
font-size: 1.125rem;
}
#local-redmine-messages-page .info-block .info-block-link {
font-size: 1rem;
color: #30a5bf;
padding-left: 1.875rem;
word-wrap: break-word;
}
#local-redmine-messages-page .block-title {
font-size: 1.5rem;
}
#local-redmine-messages-page .messaging-block {
margin-left: 1rem;
margin-bottom: 1rem;
}
#local-redmine-messages-page .messaging-block .block-title {
padding-top: 1.25rem;
padding-left: 1.5rem;
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
background-color: #f5f2f7;
}
#local-redmine-messages-page .messaging-block .messaging-block-top-content {
max-height: 12rem;
overflow: auto;
}
#local-redmine-messages-page .messaging-block .messaging-block-inner {
padding-left: 1.5rem;
padding-right: 1rem;
background-color: #f5f2f7;
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
margin-bottom: 1rem;
height: 32.875rem;
overflow: auto;
}
#local-redmine-messages-page .messaging-block .date-divider {
margin-top: 2.5rem;
margin-bottom: 2rem;
margin-bottom: 1.125rem;
}
#local-redmine-messages-page .messaging-block .date-divider .date {
font-size: 1.125rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
}
#local-redmine-messages-page .messaging-block .date-divider .line {
width: 100%;
height: 0.0625rem;
}
#local-redmine-messages-page .messaging-block .message-header .title {
line-height: 1.5;
font-size: 1rem;
}
#local-redmine-messages-page .messaging-block .message-header .time {
color: #707070;
}
#local-redmine-messages-page .messaging-block .incomming-message,
#local-redmine-messages-page .messaging-block .outcomming-message {
width: 100%;
max-width: 39.8125rem;
}
#local-redmine-messages-page .messaging-block .message-body {
border-radius: 0.5rem;
padding: 1.1875rem 1.4375rem;
}
#local-redmine-messages-page .messaging-form {
background-color: #f5f2f7;
min-height: 4rem;
border-radius: 0.5rem;
padding: 0.75rem 2.125rem 0.75rem 0.5rem;
}
#local-redmine-messages-page .messaging-form button[type=submit] {
width: 5.5rem;
border-radius: 0.5rem;
box-shadow: 0 0.375rem 0.75rem 0 rgba(43, 43, 43, 0.2509803922);
margin-left: 0.5rem;
font-size: 1.125rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
}
#local-redmine-messages-page .messaging-form #local_redmine_outcomming_message {
padding: 0.375rem 1.5rem;
border-radius: 0.5rem;
background-color: #fff;
resize: none;
}
#local-redmine-messages-page .messaging-form input[type=file] {
visibility: hidden;
width: 2rem;
height: 2rem;
}
#local-redmine-messages-page .messaging-form .file-btn-wrapper {
width: 3rem;
cursor: pointer;
}
#local-redmine-messages-page .messaging-form .file-btn-wrapper .fa-paperclip {
position: absolute;
font-size: 2rem;
}
#local-redmine-messages-page .messages-loading-wrapper {
left: calc(50% - 75px);
top: calc(50% - 75px);
z-index: 100;
}
.issues-loading-wrapper {
z-index: 100;
}
.appeals-history-table-row {
cursor: pointer;
}
#page-local-redmine-index #region-main-box,
#page-local-redmine-index #region-main {
padding: 0 !important;
border: none;
}
html[dir=ltr] #local-redmine-messages-main-page .select-wrapper i.fa-caret-down {
right: 0;
}
@keyframes raspberrySliding {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(0, -20px);
}
}
@keyframes raspberryShadow {
0% {
transform: scale(1, 1);
opacity: 1;
}
50% {
transform: scale(0.8, 1);
opacity: 0.2;
}
}
#raspberryLoadingIcon .raspberry-shadow,
#raspberryLoadingIcon .raspberry-symbol-use-group {
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0, 0, 1, 1);
transform-box: fill-box;
transform-origin: 50% 50%;
}
.raspberry-symbol-use {
transform: matrix(-0.3586255, 0, 0, -0.3586255, 104.52197, 118.23673);
}
.raspberry-shadow {
animation-name: raspberryShadow;
}
.raspberry-symbol-use-group {
animation-name: raspberrySliding;
}/*# sourceMappingURL=styles.css.map */
.display_none {
display: none !important; }
.skin {
position: fixed;
overflow: hidden;
/* z-index: 10000; */
width: 80%;
left: 10%;
top: 12vh;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 10px 0 #7b7b7b;
bottom: unset;
min-height: 30vh; }
.skin_shadow {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: rgba(165, 165, 165, 0.4);
transition: .4s ease-in-out;
transform-origin: 0 0; }
.skin_shadow.skin_show {
transform: scaleY(1); }
.skin_shadow.skin_hide {
transform: scaleY(0); }
.teamwork.active + .skin_shadow {
top: 100%; }
.skin_inner {
padding: 10px 20px; }
.skin_close {
margin-left: auto; }
.skin_close {
cursor: pointer;
position: absolute;
z-index: 1;
right: 25px;
top: 25px;
width: 33px;
height: 33px;
transition: .5s;
background: none; }
.skin_close:hover {
transform: rotate(180deg); }
.skin_close:before,
.skin_close:after {
position: absolute;
left: 15px;
content: ' ';
height: 32px;
width: 2px;
background-color: #441e84; }
.skin_close:before {
transform: rotate(45deg); }
.skin_close:after {
transform: rotate(-45deg); }
.teamwork .btn-primary {
cursor: pointer;
transition: .2s; }
/*6713 fix accessibility no need for code below*/
/*.teamwork .btn {*/
/* cursor: pointer;*/
/* display: block;*/
/* color: #fff;*/
/* font: 600 18px/35px Assistant, sans-serif;*/
/* padding: 0 10px;*/
/* border: 1px solid #3f1c7a;*/
/* background-color: #3f1c7a;*/
/* border-radius: 5px;*/
/* transition: .2s; }*/
.teamwork .btn-error {
color: #dc3545;
border-color: #dc3545;
background-color: transparent;
background-image: none; }
.teamwork .btn:hover {
background-color: #9f8dbc;
border-color: #9f8dbc; }
.teamwork .btn-error:hover {
background-color: #dc3545;
border-color: #dc3545;
color: #fff; }
.teamwork .btn--inline {
display: inline-block;
font: 400 24px Assistant, sans-serif;
margin-left: 68px;
padding: 0px 15px;
padding-bottom: 4px;
margin-top: -9px; }
.teamwork .btn--left {
margin-top: 46px;
margin-left: auto;
font: 400 23px/32px Assistant, sans-serif;
margin-right: -14px; }
.teamwork .btn--gray {
font: 400 24px/40px Assistant, sans-serif;
margin-top: 25px;
padding: 0 50px;
background-color: #333333;
border-color: #333333; }
.teamwork .btn--white {
font: 400 24px/40px Assistant, sans-serif;
padding: 0 50px;
color: #3f1c7a;
border-color: #3f1c7a;
background-color: #fff; }
.teamwork .btn--white:hover {
background-color: #9f8dbc;
color: #fff;
border-color: #9f8dbc; }
.teamwork .btn-cancel {
border: 1px solid #646464;
background-color: #fff;
border-radius: 5px;
line-height: 35px;
color: #000;
margin-right: 10px; }
.teamwork .btn-cancel:hover {
background-color: #9f8dbc;
border-color: #9f8dbc; }
.teamwork .btns-popup {
display: -ms-flexbox;
display: flex;
padding: 31px 14px;
padding-bottom: 9px;
-ms-flex-pack: end;
justify-content: flex-end; }
.teamwork .btns-popup .btn {
padding: 0 24px;
font-weight: 400; }
.teamwork ul {
margin: 0; }
.teamwork li {
margin: 0; }
.teamwork .text {
font: 400 18px/22px Assistant, sans-serif; }
.teamwork .text-bold {
margin-top: 50px;
font: 600 18px/22px Assistant, sans-serif; }
.teamwork-modal {
position: fixed;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-ms-flex-direction: column;
flex-direction: column;
z-index: 10001;
width: 561px;
left: calc(50% - 280px);
top: 20vh;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 10px 0 #7b7b7b;
bottom: unset;
min-height: 30vh; }
.teamwork-modal-error {
background-color: #fff5f6;
-ms-flex-align: center;
align-items: center; }
.teamwork-modal-error span {
color: #dc3545;
display: -ms-flexbox;
display: flex;
height: 24vh;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center; }
.teamwork-modal-error-abs {
position: absolute;
width: 96%;
left: 2%;
right: 2%;
bottom: -10px;
z-index: 100;
text-align: center;
background-color: rgba(255, 230, 230, 0.9);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; }
.teamwork-modal-error-abs span {
color: #dc3545; }
.teamwork-modal_inner {
text-align: center; }
.teamwork-modal_header {
display: -ms-flexbox;
display: flex;
padding: 0 12px;
font: 400 30px/50px Assistant, sans-serif;
background-color: #3f1c7a;
color: #fff; }
.teamwork-modal_head {
margin: 0;
margin-right: auto; }
.teamwork-modal_close {
margin-left: auto;
border: none;
background-color: transparent;
box-shadow: none;
display: flex;
align-items: center;
justify-content: center; }
.teamwork-modal_close {
cursor: pointer;
position: absolute;
right: 7px;
top: 9px;
width: 33px;
height: 33px;
transition: .5s; }
.teamwork-modal_close:hover {
transform: rotate(180deg); }
.teamwork-modal_close:before, .teamwork-modal_close:after {
position: absolute;
left: 15px;
content: ' ';
height: 32px;
width: 2px;
background-color: #fff; }
.teamwork-modal_close:before {
transform: rotate(45deg); }
.teamwork-modal_close:after {
transform: rotate(-45deg); }
.warning_wrap {
height: 17vh;
padding-top: 70px; }
.teamwork {
display: -ms-flexbox;
display: flex;
padding: 10px 0;
height: 80vh;
font: 400 1rem Assistant, sans-serif; }
.teamwork-inner {
height: calc(100% - 52px);
}
.teamwork .teamwork_studets_wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 254px;
margin-right: 10px;
padding: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 5px;
border: 1px solid #3f1c7a; }
.teamwork .teamwork_select-legend {
cursor: pointer;
position: relative;
transition: .3s;
margin-left: auto;
border: 1px solid #959595;
font: 400 16px/27px Assistant, sans-serif;
padding: 0 5px;
border-radius: 5px; }
.teamwork .teamwork_select-legend:active {
transform: translateY(5px); }
.teamwork .teamwork_select-legend::after {
content: '\f0dc';
position: static;
font-family: 'FontAwesome';
border-left: 1px solid #959595;
display: inline-block;
padding: 0 5px 0 8px;
margin-left: 20px; }
.teamwork .teamwork_select-wrap {
display: none;
min-width: 100%;
position: absolute;
border: 1px solid #959595;
top: 36px;
right: 0;
background-color: #fff;
height: 200px;
overflow-y: auto; }
.teamwork .teamwork_groups {
font: 400 16px Assistant, sans-serif; }
.teamwork .teamwork_groups-item {
padding: 10px;
cursor: pointer; }
.teamwork .teamwork_groups-item.selected {
background-color: #ebebeb; }
.teamwork .teamwork_groups-item:hover {
text-shadow: 0 0 1px #000; }
.teamwork .teamwork_studets-count {
margin-top: 20px;
font: 600 18px Assistant, sans-serif; }
.teamwork .teamwork_select {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0; }
.teamwork select {
width: auto;
background-color: #fff;
border-radius: 5px;
height: 30px;
margin-left: auto; }
.teamwork .teamwork_students {
margin-top: 10px;
display: -ms-flexbox;
display: flex;
overflow-y: auto;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-positive: 1;
flex-grow: 1;
border: 1px solid #959595;
margin-bottom: 5px; }
.teamwork .teamwork_student {
cursor: move;
padding: 5px;
text-overflow: ellipsis;
-ms-flex-negative: 0;
flex-shrink: 0;
white-space: nowrap;
overflow: hidden;
transition: .2s;
border-radius: 2px;
border: 1px solid transparent; }
.teamwork .teamwork_student:hover {
border-color: #40167c;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
text-shadow: 0 0 black; }
.teamwork .teamwork_search {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0; }
.teamwork .teamwork_search-label {
font: 400 16px Assistant, sans-serif; }
.teamwork .teamwork_search-input {
border: 1px solid #959595;
border-radius: 5px;
line-height: 30px;
width: 10px;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 5px;
padding: 0 5px; }
.teamwork .teamwork_content {
position: relative;
overflow: hidden;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 10px 20px 20px;
border-radius: 5px;
border: 1px solid #3f1c7a; }
.teamwork .teamwork_voice {
position: relative;
overflow: hidden;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-positive: 1;
/* flex-grow: 1; */
padding: 10px;
border-radius: 5px;
border: 1px solid #3f1c7a; }
.teamwork .teamwork_controls {
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0; }
.teamwork .teamwork_toggle-btn {
cursor: pointer;
display: -ms-flexbox;
display: flex;
border-radius: 5px;
padding: 0 10px;
margin-right: 20px;
border: 1px solid #3f1c7a;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
transition: .2s; }
.teamwork .teamwork_toggle-btn:hover {
box-shadow: 0 0 3px 2px #b1b1b1; }
.teamwork .teamwork_toggle-btn[data-handler="teamwork_toggle"] {
position: fixed;
z-index: 9999; }
.teamwork .teamwork_toggle-btn[data-handler="teamwork_toggle"].active {
position: static; }
.teamwork .teamwork_toggle-btn[data-handler="teamwork_toggle"].active ~ .teamwork_toggle-btn {
opacity: 1; }
.teamwork .teamwork_toggle-btn[data-handler="teamwork_toggle"] ~ .teamwork_toggle-btn {
opacity: 0; }
.teamwork .teamwork_toggle {
width: 30px;
height: 20px;
background-color: #dc3545;
border-radius: 10px;
margin-right: 10px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0 5px; }
.teamwork .teamwork_toggle .teamwork_pin {
width: 12px;
height: 12px;
position: relative;
background-color: #fff;
border-radius: 50%;
transition: .2s;
transform: translateX(8px); }
.teamwork .teamwork_toggle-btn.active .teamwork_toggle {
background-color: #28a745; }
.teamwork .teamwork_toggle-btn.active .teamwork_pin {
transform: translateX(0); }
.teamwork .teamwork_toggle-text {
color: #3f1c7a;
font: 400 16px/40px Assistant, sans-serif; }
.teamwork .teamwork_access span {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.teamwork .teamwork_btns {
display: -ms-flexbox;
display: flex; }
.teamwork .teamwork_btns button {
margin-right: 10px; }
.teamwork .teamwork_teams {
-ms-flex-positive: 1;
flex-grow: 1;
overflow-y: auto;
overflow-x: hidden;
margin-top: 20px;
padding: 20px 30px;
border: 1px solid #959595;
display: -ms-grid;
display: grid;
grid-gap: 30px;
-ms-grid-columns: (auto)[4];
grid-template-columns: repeat(4, auto); }
.teamwork .teamwork_team {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 220px;
max-width: 300px;
border: 1px solid #a1a1a1;
border-radius: 5px;
padding: 10px;
background-color: #ebebeb; }
.teamwork .teamwork_team-close {
cursor: pointer;
position: absolute;
right: -25px;
top: -25px;
width: 30px;
height: 30px;
transition: .5s;
border: 1px solid #3f1c7a;
border-radius: 50%;
background-color: #fff; }
.teamwork .teamwork_team-close:hover {
transform: rotate(180deg); }
.teamwork .teamwork_team-close::before,
.teamwork .teamwork_team-close::after {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
content: ' ';
height: 20px;
width: 2px;
background-color: #441e84; }
.teamwork .teamwork_team-close::before {
transform: rotate(45deg); }
.teamwork .teamwork_team-close::after {
transform: rotate(-45deg); }
.teamwork .teamwork__team-header {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0; }
.teamwork .teamwork_team-head {
background-color: #fff;
margin-right: auto;
border-radius: 5px;
margin-left: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
display: contents;
-ms-flex-positive: 1;
flex-grow: 1; }
.teamwork .teamwork_team-head input {
font: 400 16px/27px Assistant, sans-serif;
background-color: #fff;
border-radius: 5px;
border: none;
text-align: center;
width: 100%;
padding-right: 1.5rem; }
.teamwork .teamwork_team-head i {
font-size: 1rem;
color: inherit;
top: .4375rem;
right: .25rem;
z-index: 10;
}
.teamwork .teamwork_team-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 5px;
padding-top: 10px;
border-radius: 5px;
background-color: #fff;
overflow-y: auto; }
.teamwork .add_team {
cursor: pointer;
position: absolute;
display: -ms-flexbox;
display: flex;
bottom: 30px;
left: 30px;
background: var(--petel-primary);
border-radius: 50%;
width: 50px;
height: 50px;
box-shadow: 0 2px 6px #939393;
box-sizing: content-box;
transition: .2s; }
.teamwork .add_team:hover {
box-shadow: 0 0 0 4px #a080d5; }
.teamwork .add_team::after,
.teamwork .add_team::before {
content: '';
margin: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
position: absolute;
background-color: #fff;
border-radius: 1px;
width: 2px;
height: 60%; }
.teamwork .add_team::before {
transform: rotate(90deg); }
.teamwork .close_btn {
cursor: pointer;
position: absolute;
bottom: 30px;
right: 40px; }
.teamwork .visuallyhidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
transition: .3s; }
[dir="rtl"] .teamwork .teamwork_toggle-btn.active .teamwork_pin {
transform: translateX(0); }
[dir="rtl"] .teamwork .teamwork_toggle .teamwork_pin {
transform: translateX(-8px); }
.gu-mirror {
position: fixed !important;
margin: 0 !important;
z-index: 99999 !important;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80); }
.gu-hide {
display: none !important; }
.gu-unselectable {
-webkit-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important; }
.gu-transit {
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20); }
.gu-mirror {
padding: 5px;
background-color: #fff;
border-radius: 2px;
border: 1px solid #40167C;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
text-shadow: 0 0 black;
overflow: hidden; }
.student-setting-form {
padding: 1.5rem 2rem; }
.student-setting-form .input-label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
width: 100%;
margin-bottom: 1rem; }
.student-setting-form .input-label input[type=text] {
width: 73%; }
.student-setting-form .input-label .input-description {
font-size: 1rem;
margin-bottom: 0; }
.student-setting-form .input-label input,
.student-setting-form .input-label select {
width: 4.4rem;
display: block;
min-height: 1.625rem;
height: 1.7rem;
padding: 0rem 0.5rem;
box-sizing: border-box;
outline: none;
border-radius: 3px;
box-shadow: inset 0 0.125rem 0.125rem rgba(27, 31, 35, 0.075);
color: #000;
border: 0.0831rem solid #3f1c7a; }
.student-setting-form .input-label input:disabled,
.student-setting-form .input-label select:disabled {
color: #999;
border: 0.0831rem solid #999; }
.student-setting-form .input-label input[name=team-userend-minute],
.student-setting-form .input-label input[name=team-userend-hour],
.student-setting-form .input-label input[name=team-userend-date] {
width: 3.4rem;
padding-left: 0.5rem; }
.student-setting-form .input-label .teamuserenddate-inputs-wrapper {
width: 73%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0; }
#glossarylocaloverlayprogress {
position: fixed;
top: 50%;
width: 100%;
text-align: center; }
.delete_user_submit-btn {
top: 0;
right: 0;
}
/* Make sure RTL right side drawer menu is under team dialog overlay */
.teamworkdialog {
z-index: 1000;
}
#page-mod-quiz-view #open_local {
margin: 1.5rem 0 !important;
display: flex;
}
#page-mod-quiz-view .teamwork_team {
text-align: left;
}
.core_payment_gateways_modal .paypal .icon {
height: 40px;
width: auto;
}
button.assignsubmission_onlinepoodll_deletesubmissionbutton {
margin-top: 10px;
max-width: 180px;
}
.assignsubmission_onlinepoodll_currentsubmission {
display: grid;
}
.assignsubmission_onlinepoodll_togglecontainer .toggletext {
padding: 5px;
}
.assignsubmission_onlinepoodll_togglecontainer {
margin-bottom: 8px;
}
.assignsubmission_onlinepoodll_video_cont {
position: relative;
height: 0;
max-width: 480px;
}
.assignsubmission_onlinepoodll_video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.assignsubmission_onlinepoodll_audio {
width: 100%;
}
.assignsubmission_onlinepoodll_audio_cont {
width: 100%;
max-width: 480px;
}
@supports (padding-top: min(510px,150%)) {
.assignsubmission_onlinepoodll_video_cont {
padding-bottom: min(360px,75%);
}
}
@supports not (padding-top: min(510px,150%)) {
.assignsubmission_onlinepoodll_video_cont {
padding-bottom: 360px;
}
}
@media screen and (max-width: 667px) {
.assignsubmission_onlinepoodll_video_cont {
padding-bottom: 75%;
}
}
.assignfeedback_editpdf_widget .toolbar ul {
display: none;
}
.assignfeedback_editpdf_widget .toolbar li {
list-style-type: none;
}
.assignfeedback_editpdf_widget .drawingcanvas {
position: relative;
min-width: 817px;
min-height: 400px;
background-repeat: no-repeat;
background-color: #ccc;
margin-left: auto;
margin-right: auto;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 20px rgba(0, 0, 0, .2);
}
.assignfeedback_editpdf_widget .moodle-dialogue-bd .drawingregion {
position: inherit;
}
.assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .commentdrawable textarea,
.assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .commentdrawable svg {
cursor: move;
}
.assignfeedback_editpdf_widget .infoicon {
display: none;
}
.assignfeedback_editpdf_widget .warningmessages {
position: absolute;
margin-left: 20px;
margin-right: 20px;
bottom: 20px;
}
.assignfeedback_editpdf_widget .drawingregion {
border: 1px solid #ccc;
left: 1em;
right: 1em;
top: 52px;
bottom: 0;
position: absolute;
overflow: auto;
background-color: #ccc;
touch-action: none;
}
.assignfeedback_editpdf_widget {
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.assignfeedback_editpdf_widget .pageheader {
background-color: #ebebeb;
border-bottom: 1px solid #ccc;
padding: 0;
padding-left: 20px;
padding-right: 20px;
min-height: 50px;
height: 52px;
overflow: auto;
}
.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_widget .moodle-dialogue-bd {
padding: 0;
}
.yui3-colourpicker-hidden,
.yui3-commentsearch-hidden,
.yui3-commentmenu-hidden,
.yui3-htmlcommentmenu-hidden,
.yui3-htmleditor-hidden,
.yui3-thicknesspicker-hidden {
display: none;
}
.assignfeedback_editpdf_widget .pageheader button img {
padding-top: 3px;
vertical-align: top;
}
.assignfeedback_editpdf_widget .pageheader button:active {
background-color: #ccc;
}
.assignfeedback_editpdf_widget .pageheader select,
.assignfeedback_editpdf_widget .pageheader button {
background: none;
padding: 4px 7px;
border: 0;
border-radius: 0;
margin: 0;
height: 30px;
line-height: 30px;
vertical-align: top;
cursor: pointer;
}
.assignfeedback_editpdf_widget .pageheader select {
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: menulist-text;
background-color: #fff;
padding: 0 10px;
}
.assignfeedback_editpdf_widget .pageheader select::-ms-expand {
display: none;
}
.assignfeedback_editpdf_widget .pageheader .navigation button + button,
.assignfeedback_editpdf_widget .pageheader .toolbar button + button,
.assignfeedback_editpdf_widget .pageheader .navigation select + button,
.assignfeedback_editpdf_widget .pageheader .toolbar select + button {
border-left: 1px solid #ccc;
border-right: 0;
}
.assignfeedback_editpdf_widget .pageheader .navigation button {
border-right: 1px solid #ccc;
}
.assignfeedback_editpdf_widget .pageheader .toolbar,
.assignfeedback_editpdf_widget .pageheader .navigation-search,
.assignfeedback_editpdf_widget .pageheader .navigation-expcol,
.assignfeedback_editpdf_widget .pageheader .navigation {
border: 1px solid #ccc;
border-bottom-color: #b3b3b3;
border-radius: 4px;
margin: 10px 4px;
background-color: white;
height: 30px;
line-height: 30px;
padding: 0;
}
.assignfeedback_editpdf_commentsearch ul {
max-height: 400px;
overflow-y: auto;
padding: 1em;
}
.assignfeedback_editpdf_commentsearch ul li pre {
background-color: #efefef;
white-space: pre-wrap;
word-break: break-word;
}
.assignfeedback_editpdf_commentsearch ul li pre:hover {
background-color: #ddd;
}
.assignfeedback_editpdf_commentsearch ul li {
margin: 2px;
}
.assignfeedback_editpdf_commentsearch a pre {
font-family: helvetica;
margin: 0;
padding: 4px;
}
.assignfeedback_editpdf_widget .navigation-search,
.assignfeedback_editpdf_widget .navigation-expcol,
.assignfeedback_editpdf_widget .navigation {
float: left;
}
.assignfeedback_editpdf_widget .toolbar_group {
float: right;
}
.assignfeedback_editpdf_widget .toolbar button {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.assignfeedback_editpdf_widget .toolbar > button.rotateleftbutton {
/*rtl:raw:
border-right: 1px solid #ccc;
border-left: 0;
*/
/*rtl:ignore*/
float: left;
}
.assignfeedback_editpdf_widget .toolbar > button.rotaterightbutton {
/*rtl:ignore*/
float: right;
}
.assignfeedback_editpdf_widget .toolbar > button.zoominbutton {
float: left;
}
.assignfeedback_editpdf_widget .toolbar > button.zoomoutbutton {
float: left;
}
.assignfeedback_editpdf_widget .toolbar {
float: left;
}
.assignfeedback_editpdf_widget .navigation,
.assignfeedback_editpdf_widget .navigation-search,
.assignfeedback_editpdf_widget .navigation-expcol,
.assignfeedback_editpdf_widget .toolbar {
display: inline-block;
}
.assignfeedback_editpdf_colourpicker ul {
margin: 0;
}
.assignfeedback_editpdf_dropdown li.quicklist_comment {
width: 200px;
}
.assignfeedback_editpdf_dropdown li.quicklist_comment a {
white-space: nowrap;
display: inline-block;
max-width: 140px;
overflow: hidden;
text-overflow: ellipsis;
}
.assignfeedback_editpdf_dropdown a.delete_quicklist_comment {
float: right;
width: 20px;
}
.assignfeedback_editpdf_dropdown button {
border: 0;
background: none;
padding: 6px 7px;
border-radius: 0;
border-top: 1px solid #ccc;
}
.assignfeedback_editpdf_dropdown li:first-child button {
border-top: 0;
}
.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-wrap {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin-left: 0;
margin-right: 0;
margin-top: 0;
border-radius: 4px;
}
.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd {
padding: 0;
}
.moodle-dialogue-base .assignfeedback_editpdf_dropdown .moodle-dialogue-wrap .moodle-dialogue-hd,
.moodle-dialogue-base .assignfeedback_editpdf_dropdown .moodle-dialogue-wrap .moodle-dialogue-ft {
display: none;
}
.assignfeedback_editpdf_menu li hr {
margin: 0;
}
.assignfeedback_editpdf_menu li a {
text-decoration: none;
color: #555;
margin-left: 10px;
margin-right: 10px;
margin-top: 4px;
margin-bottom: 4px;
}
ul.assignfeedback_editpdf_search {
margin: 0;
}
.assignfeedback_editpdf_search li {
list-style-type: none;
}
.assignfeedback_editpdf_search li a {
text-decoration: none;
color: #555;
}
.assignfeedback_editpdf_menu li:hover {
background-color: #ebebeb;
}
ul.assignfeedback_editpdf_menu {
margin: 0;
max-height: 40vh;
overflow-y: auto;
overflow-x: hidden;
}
.assignfeedback_editpdf_menu li {
list-style-type: none;
margin: 0;
border-radius: 4px;
}
.assignfeedback_editpdf_menu li img {
height: auto;
}
.assignfeedback_editpdf_menu li button {
margin: 0;
background: none;
}
.assignfeedback_editpdf_widget .pageheader button:hover {
background-color: #ebebeb;
background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
}
.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton:hover,
.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton {
background-color: #dfdfdf;
background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
}
.assignfeedback_editpdf_widget .commentdrawable img {
padding: 1px;
}
.assignfeedback_editpdf_widget .commentdrawable a {
float: right;
position: relative;
left: -17px;
top: 2px;
height: 14px;
background-color: white;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
line-height: 14px;
}
.assignfeedback_editpdf_widget .commentdrawable textarea {
padding: 4px;
padding-right: 20px;
resize: none;
overflow: hidden;
color: black;
border: 2px solid #ccc;
border-radius: 4px;
font-size: 16px;
font-family: helvetica;
min-height: 1.2em;
}
.assignfeedback_editpdf_widget .commentdrawable textarea:focus {
outline: thin dotted #333;
outline-color: -webkit-focus-ring-color;
outline-width: 5px;
outline-style: auto;
outline-offset: -2px;
}
.assignfeedback_editpdf_widget .commentdrawable {
display: flex;
z-index: 52;
height: 0;
}
.assignfeedback_editpdf_widget .annotation {
z-index: 51;
}
.assignfeedback_editpdf_widget .deleteannotationbutton {
z-index: 51;
}
.assignfeedback_editpdf_widget .commentdrawable label {
display: inline-block;
}
.assignfeedback_editpdf_widget .commentdrawable svg {
display: none;
}
.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed {
z-index: auto;
width: 24px;
}
.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed textarea,
.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed a {
display: none;
}
.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed svg {
display: inline-block;
width: 24px;
height: 24px;
}
.assignfeedback_editpdf_widget .drawingcanvas .loading .progressbarlabel {
text-align: center;
}
.hideoverflow {
overflow: hidden;
position: relative;
}
.assignfeedback_editpdf_widget #editorcontainer {
position: relative;
}
.assignfeedback_editpdf_widget #editorcontainer #html_editor_tbl {
margin: auto;
}
@media (max-width: 1400px) {
.assignfeedback_editpdf_widget .pageheader {
height: 104px;
}
.assignfeedback_editpdf_widget .drawingregion {
top: 104px;
}
}
@media (max-width: 767px) {
.assignfeedback_editpdf_widget .drawingregion {
position: relative;
margin-bottom: 1em;
top: 0;
max-height: 312px;
}
.assignfeedback_editpdf_widget .pageheader {
height: auto;
}
}
@media (max-width: 480px) {
.assignfeedback_editpdf_widget .pageheader {
padding-left: 5px;
padding-right: 5px;
}
}
/* Smaller PDF editor toolbar buttons */
.assignfeedback_editpdf_widget .pageheader button img {
margin: 0;
}
.assignfeedback_editpdf_htmleditor .moodle-dialogue-hd:nth-child(1) {
background-color: #0b4886 !important;
color: white !important;
}
.assignfeedback_poodll_whiteboardwidth{
max-width: 80%;
}
.assignfeedback_poodll_snapshotwidth{
max-width: 80%;
}
.assignfeedback_poodll_video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.assignfeedback_poodll_video_cont {
position: relative;
height: 0;
max-width: 480px;
min-width: 240px;
}
.assignfeedback_poodll_audio {
width: 100%;
min-width: 240px;
}
@supports (padding-top: min(540px,150%)) {
.assignfeedback_poodll_video_cont {
padding-bottom: min(360px,75%);
}
}
@supports not (padding-top: min(540px,150%)) {
.assignfeedback_poodll_video_cont {
padding-bottom: 360px;
}
}
@media screen and (max-width: 667px) {
.assignfeedback_poodll_video_cont {
padding-bottom: 75%;
}
}
/* this is not set on some themes and can collapse our responsive stuff */
.form-control-static {
width: 100%;
}
@charset "UTF-8";
/**
* Styles for quiz_advancedoverview
*/
.sticky-stripe {
display: flex;
height: 3rem;
width: 100%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
z-index: 10;
position: fixed;
top: 3.875rem;
}
.sticky-stripe i {
font-size: 2rem;
}
.sticky-stripe .link-btn-text {
font-size: 1.5rem;
}
.advancedoverview_report-toggle input {
height: 0;
width: 0;
visibility: hidden;
}
.advancedoverview_report-toggle label {
cursor: pointer;
box-sizing: border-box;
text-indent: -9999px;
width: 2.125rem;
height: 1.125rem;
background: #b2b2b2;
display: block;
border-radius: 1rem;
position: relative;
outline: 0.0625rem solid #b2b2b2;
}
.advancedoverview_report-toggle label:active:after {
width: 2.125rem;
}
.advancedoverview_report-toggle label:after {
content: "";
position: absolute;
top: 0.125rem;
left: 0.125rem;
right: unset;
width: 0.875rem;
height: 0.875rem;
background: #fff;
border-radius: 100%;
}
.advancedoverview_report-toggle input:checked + label {
background: #eee;
}
.advancedoverview_report-toggle input:checked + label:after {
right: 0.0625rem;
left: unset;
}
.advancedoverview_report-toggle .link-btn-text {
font-size: 1rem;
}
#page-mod-quiz-report .block_advancedoverview_report {
max-width: 100% !important;
}
#page-mod-quiz-report .block_advancedoverview_report h2 {
font-size: 1.5rem;
font-weight: 700;
}
#page-mod-quiz-report #page.drawers {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
#page-mod-quiz-report #page.drawers .main-inner {
padding: 0;
}
#page-mod-quiz-report #raspberryLoadingIcon {
display: none;
position: fixed;
left: 0;
top: 40vh;
width: 100%;
z-index: 100;
}
#page-mod-quiz-report.petel-loading {
width: 100vw;
height: 100vh;
overflow: hidden;
}
#page-mod-quiz-report.petel-loading::after {
content: "";
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.25);
position: fixed;
top: 0;
left: 0;
z-index: 10;
}
#page-mod-quiz-report.petel-loading #raspberryLoadingIcon {
display: block;
z-index: 100;
}
#page-mod-quiz-report #competenciestable {
padding-bottom: 3.3125rem;
}
#page-mod-quiz-report #competenciestable .competencies-table-subtitle {
font-size: 1.125rem;
font-weight: bold;
}
#page-mod-quiz-report #competenciestable .competencies-table-text {
font-size: 1rem;
font-weight: normal;
line-height: 2.5rem;
vertical-align: middle;
}
#page-mod-quiz-report #competenciestable .skillsbar-wrapper {
background-color: #fff;
border-radius: 0.5rem;
border: 0.0625rem soild #000;
flex-grow: 1;
}
#page-mod-quiz-report #competenciestable .skillsbar {
height: 2.5rem;
border-radius: 0.5rem 0 0 0.5rem;
}
#page-mod-quiz-report #competenciestable .rate-text {
font-weight: 700;
font-size: 1rem;
padding-right: 1.125rem;
min-width: 2.5rem;
width: 2.5rem;
}
.block_advancedoverview_report {
/*
#studentsActionsBtn {
width: 9rem;
} */
}
.block_advancedoverview_report h2[data-toggle=collapse] {
padding-left: 1.75rem;
position: relative;
}
.block_advancedoverview_report h2[data-toggle=collapse]::after {
position: absolute;
top: 0.125rem;
left: 0;
content: "\f107";
font-size: 1.25rem;
font-family: "Font Awesome 6 Sharp";
font-style: normal;
font-weight: 900;
font-display: block;
transition: all 0.25s ease;
}
.block_advancedoverview_report h2[data-toggle=collapse][aria-expanded=true]::after {
transform: scaleY(-1);
transition: all 0.25s ease;
}
.block_advancedoverview_report .dropdown-menu.show {
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
}
.block_advancedoverview_report .top-block {
padding-bottom: 2rem;
}
.block_advancedoverview_report .advancedoverview_report-title {
font-size: 2.5rem;
font-weight: bold;
}
.block_advancedoverview_report .card {
box-shadow: 0.0625rem 0.125rem 0.25rem 0 rgba(12, 56, 16, 0.1);
box-shadow: 0px 4px 8px 4px rgba(43, 43, 43, 0.16);
min-height: 11.5rem;
border-radius: 0.5rem;
width: 32.35%;
}
.block_advancedoverview_report .card .card-title {
font-size: 1.375rem;
font-weight: 500;
line-height: normal;
margin-bottom: 0.625rem;
}
.block_advancedoverview_report .card .card-text {
font-size: 1rem;
font-weight: 400;
line-height: normal;
}
.block_advancedoverview_report .card .card-text span {
font-weight: 700;
font-size: 1rem;
min-width: 1.75rem;
}
.block_advancedoverview_report .chart-tooltip {
padding: 0.5rem;
box-shadow: 0 0.1875rem 0.375rem 0 rgba(43, 43, 43, 0.25);
border: solid 0.0625rem #000;
border-radius: 0.25rem;
display: none;
position: absolute;
background-color: #fff;
min-width: 10rem;
max-height: 20.5rem;
z-index: 10000;
}
.block_advancedoverview_report .chart-tooltip::after {
content: "";
display: block;
position: absolute;
background-color: #fff;
width: 0.5rem;
height: 0.5rem;
border: 0.0625rem solid #000;
border-top-color: transparent !important;
border-left-color: transparent !important;
transform: rotate(135deg);
left: -0.25rem;
top: calc(50% - 0.25rem);
}
.block_advancedoverview_report .chart-tooltip .chart-tooltip-title {
margin: 0 auto;
font-size: 1.5rem;
font-weight: normal;
white-space: nowrap;
}
.block_advancedoverview_report .chart-tooltip .tooltip-link {
font-size: 1.125rem;
text-decoration: underline;
white-space: nowrap;
}
.block_advancedoverview_report .chart-tooltip .tooltip-link:hover {
color: #000 !important;
}
.block_advancedoverview_report .chart-tooltip .inner {
overflow: auto;
max-height: 17.25rem;
}
.block_advancedoverview_report .chart-tooltip .chart-tooltip-body.hascolumns {
-moz-column-count: 2;
column-count: 2;
-moz-column-rule: 0.0625rem solid #000;
column-rule: 0.0625rem solid #000;
}
.block_advancedoverview_report .chart-tooltip .close-tooltip-btn {
width: 1.5rem;
height: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border: none;
box-shadow: none;
}
.block_advancedoverview_report .chart-tooltip .close-tooltip-btn i {
font-size: 1rem;
}
.block_advancedoverview_report #charts_average {
padding-left: 2.5rem;
padding-right: 3.5rem;
}
.block_advancedoverview_report #charts_average .averagescore-title {
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
width: 7.5rem;
height: 7.5rem;
flex-shrink: 0;
border-radius: 100%;
background-color: #003F5B;
font-size: 2rem;
font-style: normal;
font-weight: 700;
margin-left: 2rem;
}
.block_advancedoverview_report #charts_average .averagescore-info-wrapper span {
font-weight: 1.5rem;
}
.block_advancedoverview_report #charts_state {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.block_advancedoverview_report #charts_state .donut-сhart-legend-title {
font-size: 1rem;
font-style: normal;
font-weight: 400;
margin-bottom: 1rem;
margin-top: -0.375rem;
}
.block_advancedoverview_report #charts_state .donut-сhart-legend-row {
margin-bottom: 0.75rem;
display: flex;
align-items: center;
}
.block_advancedoverview_report #charts_state .donut-сhart-legend-row:last-of-type {
margin-bottom: 0;
}
.block_advancedoverview_report #charts_state .donut-сhart-legend-row .square {
width: 0.75rem;
height: 0.75rem;
margin-right: 0.38rem;
}
.block_advancedoverview_report #charts_state .card-text {
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 0.75rem;
}
.block_advancedoverview_report #charts_state .send-message-link {
font-size: 1.125rem;
}
.block_advancedoverview_report #charts_state .donut-сhart {
display: flex;
align-items: center;
justify-content: center;
margin-left: 2rem;
}
.block_advancedoverview_report #charts_state .donut-сhart path:hover {
filter: drop-shadow(0 0.1875rem 0.125rem rgba(0, 0, 0, 0.5));
}
.block_advancedoverview_report #charts_grade {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.block_advancedoverview_report #charts_grade .card-title {
margin-bottom: 0.375rem;
}
.block_advancedoverview_report h3 {
font-size: 2rem;
font-weight: bold;
}
.block_advancedoverview_report .advancedoverview_report-btn {
transition: all 0.25s ease;
display: flex;
align-items: center;
line-height: 1;
height: 2.5rem;
min-width: 11rem;
}
.block_advancedoverview_report .advancedoverview_report-btn .title {
font-size: 1.125rem;
white-space: nowrap;
}
.block_advancedoverview_report .advancedoverview_report-btn .icon {
font-size: 1.5rem;
width: 1.5rem;
height: 1.5rem;
margin-right: 0.625rem;
}
.block_advancedoverview_report .advancedoverview_report-dropdown-btn {
transition: all 0.25s ease;
display: flex;
align-items: center;
justify-content: space-between;
line-height: 1;
height: 2.5rem;
padding: 0.375rem 0.75rem;
align-items: center;
background-color: #fff;
border-radius: 0.25rem;
box-shadow: 0rem 0.375rem 0.25rem 0rem rgba(108, 117, 125, 0.15);
}
.block_advancedoverview_report .advancedoverview_report-dropdown-btn::after {
font-size: 1rem;
content: "\f0d7";
margin-left: 0.5rem;
}
.block_advancedoverview_report .advancedoverview_report-dropdown-btn[aria-expanded=true]::after {
transform: scaleY(-1);
transition: all 0.25s ease;
}
.block_advancedoverview_report .advancedoverview_report-dropdown-btn:not(.dropdown-toggle)::after {
content: "";
display: none;
}
.block_advancedoverview_report .advancedoverview_report-dropdown-btn span {
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.block_advancedoverview_report .advancedoverview_report-dropdown-btn:hover, .block_advancedoverview_report .advancedoverview_report-dropdown-btn:focus {
box-shadow: 0rem 0.375rem 0.75rem 0.25rem rgba(108, 117, 125, 0.2);
}
.block_advancedoverview_report .advancedoverview_report-dropdown-btn:active, .block_advancedoverview_report .advancedoverview_report-dropdown-btn.active {
box-shadow: none;
}
.block_advancedoverview_report .advancedoverview_report-dropdown-btn-lg,
.block_advancedoverview_report .advancedoverview_report-dropdown-btn-lg:active {
background-color: #fff;
}
.block_advancedoverview_report .advancedoverview_report-dropdown-btn-lg .openquestions-count,
.block_advancedoverview_report .advancedoverview_report-dropdown-btn-lg:active .openquestions-count {
width: 2rem;
height: 2rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
border: solid 0.125rem transparent;
font-size: 1.5rem;
}
.block_advancedoverview_report .advancedoverview_report-dropdown-btn-lg .text,
.block_advancedoverview_report .advancedoverview_report-dropdown-btn-lg:active .text {
font-size: 1.125rem;
}
.block_advancedoverview_report .advancedoverview_report-dropdown-btn-lg:after,
.block_advancedoverview_report .advancedoverview_report-dropdown-btn-lg:active:after {
content: "\f0d7";
font-size: 1.25rem;
}
.block_advancedoverview_report .advancedoverview_report-dropdown-btn-lg[aria-expanded=true]:after,
.block_advancedoverview_report .advancedoverview_report-dropdown-btn-lg:active[aria-expanded=true]:after {
transform: scaleY(-1);
}
.block_advancedoverview_report .openquestions-menu {
border-width: 0.0625rem;
margin-top: 0;
padding: 0;
}
.block_advancedoverview_report .openquestions-menu .dropdown-item {
padding-left: 6rem;
padding-right: 1.5rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
background-color: #fff;
display: flex;
align-items: center;
}
.block_advancedoverview_report .openquestions-menu .dropdown-item:nth-child(odd) {
background-color: #f2f2f2;
}
.block_advancedoverview_report .openquestions-menu .dropdown-item:hover {
text-decoration: underline;
}
.block_advancedoverview_report .openquestions-menu .col1 {
width: 8.22%;
padding-right: 1rem;
}
.block_advancedoverview_report .openquestions-menu .col3 {
width: 12.5%;
}
.block_advancedoverview_report .course-group-wrapper > span {
font-size: 1.125rem;
font-weight: 500;
}
.block_advancedoverview_report .course-group-wrapper .dropdown-menu .dropdown-ite {
text-decoration: underline;
}
.block_advancedoverview_report .advancedoverview_report-search-input-wrapper i {
font-size: 1.5rem;
right: 0.5rem;
}
.block_advancedoverview_report .advancedoverview_report-search-input {
line-height: 1.33;
font-size: 1.125rem;
min-width: 16rem;
padding-right: 2rem;
}
.block_advancedoverview_report .nav.nav-tabs {
border-bottom: none;
border-radius: 1.25rem;
}
.block_advancedoverview_report .nav.nav-tabs .nav-item {
max-width: 15rem;
min-height: 2.5rem;
margin: 0;
background-color: transparent;
border-radius: 1.25rem;
}
.block_advancedoverview_report .nav.nav-tabs .nav-item .nav-link {
font-weight: normal;
border-radius: 1.25rem !important;
background-color: transparent;
border-color: transparent;
margin-bottom: 0;
}
.block_advancedoverview_report .nav.nav-tabs .nav-item .nav-link:hover p, .block_advancedoverview_report .nav.nav-tabs .nav-item .nav-link:focus p {
font-weight: 500;
}
.block_advancedoverview_report .nav.nav-tabs .nav-item .nav-link.active p {
font-weight: 500;
}
.block_advancedoverview_report .partiallycorrect-icon {
width: 1.2rem;
height: 1.2rem;
background-image: url(/theme/image.php/petel/quiz_advancedoverview/1726409799/grade_partiallycorrect);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin: 0 auto;
}
.block_advancedoverview_report .advancedoverview_report-dropdown-btn[data-target="#studentsActionsCollapse"] {
width: 7.5rem;
}
.block_advancedoverview_report #studentsActionsCollapse .card {
width: auto;
}
.block_advancedoverview_report .filter-pic {
margin-right: 0.5rem;
}
.block_advancedoverview_report #selectedstudents {
font-size: 1.125rem;
}
.block_advancedoverview_report #questions-table.tabulator,
.block_advancedoverview_report #students-table.tabulator {
font-size: 1.125rem;
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-headers .tabulator-col-sorter i.fa-sort-up, .block_advancedoverview_report #questions-table.tabulator .tabulator-headers .tabulator-col-sorter i.fa-sort-down,
.block_advancedoverview_report #students-table.tabulator .tabulator-headers .tabulator-col-sorter i.fa-sort-up,
.block_advancedoverview_report #students-table.tabulator .tabulator-headers .tabulator-col-sorter i.fa-sort-down {
color: #fff;
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-headers .tabulator-col-sorter i.fa-sort-up::after, .block_advancedoverview_report #questions-table.tabulator .tabulator-headers .tabulator-col-sorter i.fa-sort-down::after,
.block_advancedoverview_report #students-table.tabulator .tabulator-headers .tabulator-col-sorter i.fa-sort-up::after,
.block_advancedoverview_report #students-table.tabulator .tabulator-headers .tabulator-col-sorter i.fa-sort-down::after {
position: absolute;
left: 0;
font-family: "Font Awesome 6 Pro";
font-weight: 900;
font-style: normal;
font-display: block;
color: #bbb;
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-headers .tabulator-col-sorter i.fa-sort-up::after,
.block_advancedoverview_report #students-table.tabulator .tabulator-headers .tabulator-col-sorter i.fa-sort-up::after {
content: "\f0dd";
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-headers .tabulator-col-sorter i.fa-sort-down::after,
.block_advancedoverview_report #students-table.tabulator .tabulator-headers .tabulator-col-sorter i.fa-sort-down::after {
content: "\f0de";
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-header,
.block_advancedoverview_report #students-table.tabulator .tabulator-header {
height: 2.5rem;
color: #fff;
border: none;
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-header .tabulator-col,
.block_advancedoverview_report #students-table.tabulator .tabulator-header .tabulator-col {
border-left: none;
border-right: none;
height: 2.5rem;
padding: 0.375rem 0;
background-color: transparent;
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-header .tabulator-col .tabulator-col-content,
.block_advancedoverview_report #students-table.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
padding: 0;
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder,
.block_advancedoverview_report #students-table.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
border-right: 0.0625rem solid #fff;
padding: 0 0.5rem;
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-header .tabulator-col:last-of-type .tabulator-col-content .tabulator-col-title-holder,
.block_advancedoverview_report #students-table.tabulator .tabulator-header .tabulator-col:last-of-type .tabulator-col-content .tabulator-col-title-holder {
border: none;
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-header .tabulator-col:first-of-type .tabulator-col-title,
.block_advancedoverview_report #students-table.tabulator .tabulator-header .tabulator-col:first-of-type .tabulator-col-title {
text-align: left;
justify-content: flex-end;
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-header .tabulator-col .tabulator-col-title,
.block_advancedoverview_report #students-table.tabulator .tabulator-header .tabulator-col .tabulator-col-title {
text-align: center;
font-weight: normal;
vertical-align: middle;
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-row:hover,
.block_advancedoverview_report #students-table.tabulator .tabulator-row:hover {
cursor: default;
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-data-tree-control,
.block_advancedoverview_report #students-table.tabulator .tabulator-data-tree-control {
background: none;
border: none;
padding-top: 0.0625rem;
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-data-tree-control .tabulator-data-tree-control-expand,
.block_advancedoverview_report #students-table.tabulator .tabulator-data-tree-control .tabulator-data-tree-control-expand {
width: 0;
height: 0;
border: none;
border-top: 0.375rem solid transparent;
border-bottom: 0.375rem solid transparent;
border-left: 0.375rem solid #2b2b2b;
background: none;
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-data-tree-control .tabulator-data-tree-control-expand::after, .block_advancedoverview_report #questions-table.tabulator .tabulator-data-tree-control .tabulator-data-tree-control-expand::before,
.block_advancedoverview_report #students-table.tabulator .tabulator-data-tree-control .tabulator-data-tree-control-expand::after,
.block_advancedoverview_report #students-table.tabulator .tabulator-data-tree-control .tabulator-data-tree-control-expand::before {
display: none;
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-data-tree-control .tabulator-data-tree-control-collapse,
.block_advancedoverview_report #students-table.tabulator .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
width: 0;
height: 0;
border-left: 0.375rem solid transparent;
border-right: 0.375rem solid transparent;
border-top: 0.375rem solid #2b2b2b;
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-data-tree-control .tabulator-data-tree-control-collapse::after, .block_advancedoverview_report #questions-table.tabulator .tabulator-data-tree-control .tabulator-data-tree-control-collapse::before,
.block_advancedoverview_report #students-table.tabulator .tabulator-data-tree-control .tabulator-data-tree-control-collapse::after,
.block_advancedoverview_report #students-table.tabulator .tabulator-data-tree-control .tabulator-data-tree-control-collapse::before {
display: none;
}
.block_advancedoverview_report #questions-table.tabulator .tabulator-data-tree-branch,
.block_advancedoverview_report #students-table.tabulator .tabulator-data-tree-branch {
display: none;
}
.block_advancedoverview_report #questions-table .tabulator-header .tabulator-col .tabulator-col-title {
padding-right: 0;
}
.block_advancedoverview_report #questions-table .tabulator-header .tabulator-headers div:nth-child(3) .tabulator-col-title {
text-align: left;
}
.block_advancedoverview_report #questions-table .tabulator-row .tabulator-cell {
border: none;
padding: 0 0.5rem;
text-align: center;
height: 100%;
vertical-align: middle;
display: inline-flex;
align-items: center;
justify-content: center;
}
.block_advancedoverview_report #questions-table .tabulator-row .tabulator-cell:first-of-type {
padding: 0 1rem;
text-align: left;
}
.block_advancedoverview_report #questions-table .tabulator-row .tabulator-cell:nth-child(3) {
justify-content: start;
}
.block_advancedoverview_report #questions-table .qname {
min-width: 9rem;
display: inline-flex;
align-items: center;
font-weight: bold;
font-size: 1.125rem;
}
.block_advancedoverview_report #questions-table .description {
font-size: 1.125rem;
display: inline-flex;
align-items: center;
}
.block_advancedoverview_report #students-table #newRow,
.block_advancedoverview_report #students-table #customRow {
border-bottom: 2px solid #aaa;
}
.block_advancedoverview_report #students-table #newRow input[type=checkbox],
.block_advancedoverview_report #students-table #customRow input[type=checkbox] {
display: none;
}
.block_advancedoverview_report #students-table #newRow .tabulator-cell,
.block_advancedoverview_report #students-table #customRow .tabulator-cell {
border-color: transparent;
}
.block_advancedoverview_report #students-table #newRow .tabulator-cell:not([tabulator-field=fullname]),
.block_advancedoverview_report #students-table #customRow .tabulator-cell:not([tabulator-field=fullname]) {
display: inline-flex;
justify-content: center;
}
.block_advancedoverview_report #students-table #newRow [tabulator-field=checkbox],
.block_advancedoverview_report #students-table #newRow [tabulator-field=attempt_number],
.block_advancedoverview_report #students-table #newRow [tabulator-field=duration],
.block_advancedoverview_report #students-table #newRow [tabulator-field^=Q],
.block_advancedoverview_report #students-table #customRow [tabulator-field=checkbox],
.block_advancedoverview_report #students-table #customRow [tabulator-field=attempt_number],
.block_advancedoverview_report #students-table #customRow [tabulator-field=duration],
.block_advancedoverview_report #students-table #customRow [tabulator-field^=Q] {
border-right-color: #aaa;
}
.block_advancedoverview_report #students-table #newRow .tabulator-cell.tabulator-frozen.tabulator-frozen-left,
.block_advancedoverview_report #students-table #customRow .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
border-right: 2px solid #aaa;
}
.block_advancedoverview_report #students-table .tabulator-header .tabulator-col .tabulator-col-content {
height: 100%;
}
.block_advancedoverview_report #students-table .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
display: inline-flex;
height: 100%;
align-items: center;
}
.block_advancedoverview_report #students-table .tabulator-header .tabulator-col:nth-of-type(5) .tabulator-col-title-holder {
border-right: none !important;
}
.block_advancedoverview_report #students-table .tabulator-row .tabulator-cell {
display: inline-flex;
align-items: center;
}
.block_advancedoverview_report #students-table .tabulator-row .tabulator-cell .cellqlink {
margin: 0 auto;
}
.block_advancedoverview_report #students-table .tabulator-row .tabulator-cell:nth-of-type(5) {
border-right: none !important;
}
.block_advancedoverview_report #students-table .tabulator-row .tabulator-cell:first-of-type {
padding-left: 0.5rem;
padding-right: 0.5rem;
display: inline-flex;
align-items: center;
justify-content: flex-end;
}
.block_advancedoverview_report #students-table .tabulator-row .row-menu-btn {
display: none !important;
}
.block_advancedoverview_report #students-table .tabulator-row .row-menu-btn:focus, .block_advancedoverview_report #students-table .tabulator-row .row-menu-btn:hover {
display: block !important;
}
.block_advancedoverview_report #students-table .tabulator-row:hover .row-menu-btn {
display: block !important;
}
.block_advancedoverview_report #students-table .tabulator-footer {
background-color: #fff;
}
.block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents {
padding: 0.5rem;
}
.block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page {
width: 2.5rem;
height: 2.5rem;
border-radius: 0.25rem;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
color: #707070;
border: 0.0625rem solid transparent;
margin: 0 0.25rem;
}
.block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page:not([data-page=next]):not([data-page=prev]).active, .block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page:not([data-page=next]):not([data-page=prev]):active, .block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page:not([data-page=next]):not([data-page=prev]):focus {
background-color: #707070;
border-color: #707070;
box-shadow: none;
outline: none;
}
.block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page:not([data-page=next]):not([data-page=prev]):hover {
border-color: #707070;
color: #2B2B2B;
}
.block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page:not([data-page=next]):not([data-page=prev]):disabled {
color: #CED4DA;
}
.block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page[data-page=first], .block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page[data-page=last] {
display: none;
}
.block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page[data-page=next], .block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page[data-page=prev] {
font-size: 0;
}
.block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page[data-page=next]::after, .block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page[data-page=prev]::after {
content: "\f105";
width: 1.5rem;
height: 1.5rem;
border-radius: 100%;
font-family: "Font Awesome 6 Pro";
font-style: normal;
font-weight: 900;
font-display: block;
color: #fff;
font-size: 1rem;
border: 0.0625rem solid transparent;
line-height: 1.4;
text-indent: 0.0625rem;
}
.block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page[data-page=next]:active, .block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page[data-page=prev]:active {
box-shadow: none;
outline: none;
}
.block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page[data-page=next]:focus, .block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page[data-page=prev]:focus {
box-shadow: none;
}
.block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page[data-page=next]:hover::after, .block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page[data-page=prev]:hover::after {
color: #fff;
}
.block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page[data-page=prev]::after {
content: "\f104";
text-indent: -0.0625rem;
}
.block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-paginator {
display: flex;
justify-content: center;
}
.block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-pages {
display: flex;
align-items: center;
margin: 0;
}
.block_advancedoverview_report #students-table .numerical_value {
text-align: center;
}
.block_advancedoverview_report #students-table .incorrect {
background-image: url(/theme/image.php/petel/quiz_advancedoverview/1726409799/wrong);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin: 0 auto;
}
.block_advancedoverview_report #students-table .incorrect .numerical_value {
display: none;
}
.block_advancedoverview_report #students-table .correct,
.block_advancedoverview_report #students-table .complete {
background-image: url(/theme/image.php/petel/quiz_advancedoverview/1726409799/correct);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin: 0 auto;
}
.block_advancedoverview_report #students-table .correct .numerical_value,
.block_advancedoverview_report #students-table .complete .numerical_value {
display: none;
}
.block_advancedoverview_report #students-table .incorrect,
.block_advancedoverview_report #students-table .correct,
.block_advancedoverview_report #students-table .complete,
.block_advancedoverview_report #students-table .partiallycorrect {
width: 1.5rem;
height: 1.5rem;
background-position: center;
background-size: 1.25rem;
}
.block_advancedoverview_report #students-table .incorrect:hover,
.block_advancedoverview_report #students-table .correct:hover,
.block_advancedoverview_report #students-table .complete:hover,
.block_advancedoverview_report #students-table .partiallycorrect:hover {
background-color: #e9ecef;
border: 0.0625rem solid #343a40;
border-radius: 0.25rem;
}
.block_advancedoverview_report #students-table .wrapped-value {
margin: 0 auto;
}
.block_advancedoverview_report #students-table.score-display .tabulator-cell .notanswered .sr-only,
.block_advancedoverview_report #students-table.score-display .tabulator-cell .requiresgrading .sr-only,
.block_advancedoverview_report #students-table.score-display .tabulator-cell .notyetanswered .sr-only {
position: relative;
white-space: normal;
line-height: 1;
display: block;
font-size: 1rem;
width: auto;
height: auto;
clip: unset;
}
.block_advancedoverview_report #students-table.score-display .tabulator-cell .numerical_value {
display: none;
}
.block_advancedoverview_report #students-table.score-display .tabulator-cell .partiallycorrect {
background-image: url(/theme/image.php/petel/quiz_advancedoverview/1726409799/wix);
background-repeat: no-repeat;
background-position: center;
background-size: 1.15rem;
margin: 0 auto;
}
.block_advancedoverview_report #students-table .fname,
.block_advancedoverview_report #students-table .lname {
position: relative;
display: inline-flex;
align-items: center;
position: relative;
}
.block_advancedoverview_report #students-table .fname::after,
.block_advancedoverview_report #students-table .lname::after {
content: "";
display: none;
position: absolute;
width: 0;
height: 0;
right: 0;
}
.block_advancedoverview_report #students-table .fname::after, .block_advancedoverview_report #students-table .fname::before,
.block_advancedoverview_report #students-table .lname::after,
.block_advancedoverview_report #students-table .lname::before {
display: block;
position: absolute;
font-family: "Font Awesome 6 Pro";
font-weight: 900;
font-style: normal;
font-display: block;
color: #bbb;
right: 0;
width: auto;
height: auto;
}
.block_advancedoverview_report #students-table .fname::after,
.block_advancedoverview_report #students-table .lname::after {
content: "\f0dd";
}
.block_advancedoverview_report #students-table .fname::before,
.block_advancedoverview_report #students-table .lname::before {
content: "\f0de";
}
.block_advancedoverview_report #students-table .fname.active[data-sort=desc]::after,
.block_advancedoverview_report #students-table .lname.active[data-sort=desc]::after {
content: "\f0dd";
color: #fff;
}
.block_advancedoverview_report #students-table .fname.active[data-sort=desc]::before,
.block_advancedoverview_report #students-table .lname.active[data-sort=desc]::before {
content: "\f0de";
}
.block_advancedoverview_report #students-table .fname.active[data-sort=asc]::after,
.block_advancedoverview_report #students-table .lname.active[data-sort=asc]::after {
content: "\f0dd";
}
.block_advancedoverview_report #students-table .fname.active[data-sort=asc]::before,
.block_advancedoverview_report #students-table .lname.active[data-sort=asc]::before {
content: "\f0de";
color: #fff;
}
#studentsActionsBlock #downloadXlsTable {
cursor: pointer;
width: 2rem;
height: 2rem;
border-left: none;
background-position: center;
background-repeat: no-repeat;
background-size: 75%;
background-image: url(/theme/image.php/petel/quiz_advancedoverview/1726409799/excel_icon);
overflow: hidden;
}
#page-mod-quiz-report #studentsActionsCollapse .custom-checkbox {
opacity: 1;
}
#page-mod-quiz-report #pillsArea {
display: flex;
align-items: center;
}
#page-mod-quiz-report .grade-low-cell {
background-color: #ce0e0f;
}
#page-mod-quiz-report .grade-med-cell {
background-color: #f59331;
}
html[dir=rtl] .advancedoverview_report-toggle label:after {
right: 0.125rem;
left: unset;
}
html[dir=rtl] .advancedoverview_report-toggle input:checked + label:after {
left: 0.125rem;
right: unset;
/* transform: translateX(100%); */
}
html[dir=rtl] .chart-tooltip::after {
transform: rotate(45deg);
right: -0.25rem;
left: unset;
}
html[dir=rtl] .block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page[data-page=next]::after,
html[dir=rtl] .block_advancedoverview_report #students-table .tabulator-footer .tabulator-footer-contents .tabulator-page[data-page=prev]::after {
transform: scaleX(-1);
}
@media (max-width: 1240px) {
.block_advancedoverview_report .card {
width: 48%;
margin-bottom: 1rem;
}
}
@media (max-width: 940px) {
.block_advancedoverview_report .card {
width: 100%;
margin-bottom: 1rem;
}
}/*# sourceMappingURL=styles.css.map */
/*
Inmported in theme/petel
*/
.competencies_wizard #aa_bk {
font: 300 16px/32px Heebo;
letter-spacing: 0;
color: #554374;
/* max-width: 584px; */
margin-bottom: .5rem; }
.competencies_wizard #aa_main .activity-title h2{
/* max-width: 584px; */
font-size: 1rem;
line-height: 1;
}
.competencies_wizard .cardgroup_title {
height: 48px;
background: #f2f1f3 0% 0% no-repeat padding-box;
text-align: left;
letter-spacing: 0;
padding: 10px;
cursor: pointer;
margin-bottom: 1.5rem;
display: flex;
box-shadow: 2px 4px 6px rgba(85, 67, 116, 0.34);
border-radius: 4px;
font: 400 16px/29px Heebo;
color: #220F44;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse; }
.competencies_wizard .cardgroup_title .carret-down {
display: block;
width: 22px;
height: 12px;
background-image: url(/theme/image.php/petel/quiz_competencyoverview/1726409799/caret-down-light);
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.competencies_wizard .cardgroup_title.active .carret-down {
transform: rotate(180deg); }
.competencies_wizard .modal-dialog {
max-width: 1200px;
height: 720px; }
.competencies_wizard .modal-backdrop {
background-color: #220F44; }
.competencies_wizard .modal-content {
width: 100%;
box-shadow: 0px 4px 6px #220f4459;
border-radius: 8px; }
.competencies_wizard .modal-header {
background-color: #220F44;
box-shadow: 0px 3px 4px #220F44;
border-radius: 4px 4px 0px 0px;
padding: 13px 16px; }
.competencies_wizard .modal-header h4 {
color: #fff;
margin: 0;
font: 400 16px/38px Heebo; }
.competencies_wizard .modal-header button.close {
width: 24px;
height: 24px;
border-radius: 100%;
border: 2px solid #fff;
display: flex;
align-items: center;
justify-content: center; }
.competencies_wizard .modal-header button.close span {
font-size: 1.4rem;
font-weight: 400;
line-height: 1;
color: #fff; }
.competencies_wizard .modal-body {
background-image: url(/theme/image.php/petel/quiz_competencyoverview/1726409799/Petel_Logo);
background-position: bottom right;
background-repeat: no-repeat;
background-size: 30%;
background-position-x: -50px; }
.competencies_wizard .modal-footer {
padding: 0; }
.competencies_wizard .modal-title {
color: #fff;
}
.competencies_wizard .progress-bar-wrapper {
position: relative;
width: 348px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px; }
.competencies_wizard .progress-bar {
width: 340px;
height: 6px;
background-color: rgba(165, 155, 181, 0.88);
position: absolute;
z-index: 5; }
.competencies_wizard .progress-bar-item {
position: relative;
color: #220F44;
font-size: 16px;
line-height: 32px;
text-align: center;
width: 32px;
height: 32px;
border-radius: 100%;
background-color: #fff;
border: 1px solid #554374;
z-index: 10; }
.competencies_wizard .progress-bar-item.active {
color: #ffffff;
background: transparent radial-gradient(closest-side at 50% 50%, #7a58b2 0%, #220f44 100%) 0% 0% no-repeat padding-box; }
.competencies_wizard .select_source.btn-block {
min-width: 240px;
height: 56px;
border: 1px solid #220F44;
border-radius: 4px;
background-color: #fff;
text-align: center;
font: 400 16px/32px Heebo;
color: #220F44;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.competencies_wizard #aa_bk span {
font: 500 16px/32px Heebo;
letter-spacing: 0;
color: #220F44; }
.competencies_wizard #aa_st_list > div {
font: 400 16px/29px Heebo;
letter-spacing: 0;
color: #220F44; }
.competencies_wizard #aa_st_list ul {
align-items: flex-start; }
.competencies_wizard #aa_st_list li {
border-top: 1px solid #c1bbcc;
background-color: transparent;
min-width: 200px; }
.competencies_wizard #aa_st_list li:last-of-type {
border-bottom: 1px solid #c1bbcc; }
.competencies_wizard .card_wrapper {
display: none;
margin-bottom: 1.5rem; }
.competencies_wizard .competencies_wizard-button {
min-width: 136/16rem;
height: 41/16rem;
display: flex;
justify-content: center;
align-items: center;
background: #220F44;
border: 1px solid #220F44;
border-radius: .25rem;
color: #ffffff; }
.competencies_wizard .competencies_wizard-button-outline {
background-color: #fff;
color: #220F44; }
.competencies_wizard .coursename-wrapper {
width: 100%;
display: flex;
margin-bottom: 1rem; }
.competencies_wizard .coursename-wrapper .coursename-image {
margin: 0;
margin-right: 1rem;
width: 184px;
height: 80px;
border: 1px solid #707070;
border-radius: 4px;
display: flex;
align-items: center;
overflow: hidden; }
.competencies_wizard .coursename-wrapper .coursename-image img {
height: 100%;
width: auto; }
#page-mod-quiz-report {
/* .card {
background-color: #f2f1f3;
border-radius: 5px;
} */ }
#page-mod-quiz-report #region-main > div.card-body {
background-color: #fff; }
#page-mod-quiz-report h2 {
font: 700 32px/42px Rubik;
letter-spacing: 0;
color: #220F44; }
#page-mod-quiz-report .border {
border: 1px solid #dee2e6 !important; }
#page-mod-quiz-report .border-secondary {
border-color: #6c757d !important; }
#page-mod-quiz-report .border-bottom {
border-bottom: 1px solid #dee2e6 !important; }
#page-mod-quiz-report .btn,
#page-mod-quiz-report button {
cursor: pointer; }
#page-mod-quiz-report .list-group-item {
border-color: #c1bbcc; }
#page-mod-quiz-report .img-wrapper {
width: 100%;
height: 360px; }
#page-mod-quiz-report .img-background {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center; }
#page-mod-quiz-report .bravo-img-wrapper h2 {
font: normal 16px/24px Heebo;
color: #554374; }
#page-mod-quiz-report .bravo-img-wrapper .img-background {
width: 391px;
height: 335px; }
#page-mod-quiz-report .image {
width: 100%;
margin: auto;
height: auto;
display: block; }
#page-mod-quiz-report .toggle-switch-area .toggle-switch {
position: relative;
display: inline-block;
width: 30px;
height: 17px; }
#page-mod-quiz-report .toggle-switch-area .toggle-switch input {
opacity: 0;
width: 0;
height: 0; }
#page-mod-quiz-report .toggle-switch-area .toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: 0.4s;
transition: 0.4s; }
#page-mod-quiz-report .toggle-switch-area .toggle-slider:before {
position: absolute;
content: "";
height: 10px;
width: 10px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s; }
#page-mod-quiz-report .toggle-switch-area .toggle-slider.toggle-checked {
background-color: #2196f3; }
#page-mod-quiz-report .toggle-switch-area .toggle-slider.toggle-focus {
box-shadow: 0 0 1px #2196f3; }
#page-mod-quiz-report .toggle-switch-area .toggle-slider.toggle-checked:before {
left: 16px;
}
#page-mod-quiz-report .toggle-switch-area .toggle-slider.round {
border-radius: 17px; }
#page-mod-quiz-report .toggle-switch-area .toggle-slider.round:before {
border-radius: 50%; }
#page-mod-quiz-report .average-grade-value {
text-align: center;
cursor: pointer; }
#page-mod-quiz-report .average-grade-value.not-clicable {
cursor: auto; }
#page-mod-quiz-report .table-scroll {
position: relative;
max-width: 99rem;
height: 42.5rem;
margin: auto;
overflow: hidden; }
#page-mod-quiz-report .table-scroll .no-overflow {
width: 100%;
overflow: auto; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table {
width: 100%;
margin: auto;
border-collapse: collapse;
border-spacing: 0;
border: 0.1875rem solid #220F44; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table .container {
width: 100%;
max-width: 100%; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table .questionsbycompetency {
display: block; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table .sortcol {
display: block;
background-image: url(/theme/image.php/petel/quiz_competencyoverview/1726409799/sort-light);
width: 2rem;
height: 2rem;
background-size: 1rem;
align-self: normal;
background-position: center;
background-repeat: no-repeat; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table thead {
border: 3px solid #220F44; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table tbody {
border: 3px solid #220F44; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table tr {
height: 3rem; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table th {
width: 27rem;
border: 1px solid #220F44;
vertical-align: top;
padding: 0; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table th .container {
padding: 1rem .5rem; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table td {
vertical-align: middle;
padding: .5rem 1rem; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table td.cell a {
font: 300 16px/32px Heebo;
letter-spacing: 0;
color: #220F44; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table .header-inner {
padding: 1rem .5rem;
background-color: #fff; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table .header-inner .hlfilter {
padding: .5rem 2rem; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table .header-inner.checked {
background-color: rgba(165, 155, 181, 0.15); }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table #selectallstudents {
text-decoration: underline;
font: 400 16px/29px Heebo;
letter-spacing: 0;
color: #220F44; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table .title-wrapper label.title {
text-align: left;
font: 700 16px/29px Heebo;
letter-spacing: 0;
color: #220F44; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table td {
border: 1px solid #220F44;
width: 27rem;
color: #220F44; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table td a {
color: inherit;
text-decoration: none; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table td.cell.bg-success {
background-color: #e9f2e9 !important; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table td.sent {
background-color: rgba(165, 155, 181, 0.15); }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table td.sent .custom-checkbox:checked + label:before {
background-color: rgba(165, 155, 181, 0.15); }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table td:first-child,
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table th:first-child {
width: 18.5rem;
border-right: 3px solid #220F44; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table .skill-grade-cell {
/*rtl:ignore*/
cursor: default;
color: #220F44;
display: flex;
text-align: right;
flex-direction: row-reverse;
justify-content: flex-end; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table .skill-grade-cell a {
color: inherit;
cursor: default;
text-decoration: none;
width: 1.5rem;
height: 1.5rem; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table .skill-grade-cell.no-data {
position: relative;
display: flex;
justify-content: center;
align-items: center; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table .skill-grade-cell.no-data::before {
content: '';
position: absolute;
display: block;
width: 30%;
height: 2px;
background-color: rgba(165, 155, 181, 0.88); }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table .skill-grade-cell .percent-wrapper {
width: 20px;
height: 20px;
position: relative;
z-index: 10; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table .skill-grade-cell .percent-wrapper .percent {
position: absolute;
z-index: -1;
width: 20px;
height: 20px;
top: 0;
left: 0; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table .grade-low-cell {
background-color: #fae6e6; }
#page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table .grade-med-cell {
background-color: #fde9d5; }
#page-mod-quiz-report #assign_activity_body {
height: 600px; }
#page-mod-quiz-report #aa_main_col {
height: inherit; }
#page-mod-quiz-report .aa_scroll {
overflow: auto;
flex-grow: 1;
max-height: 400px;
margin-bottom: 10px; }
#page-mod-quiz-report .aa_scroll .card {
height: 144px;
background: #F2F1F3;
box-shadow: 2px 4px 6px rgba(85, 67, 116, 0.34);
display: flex;
flex-direction: row;
justify-content: flex-start;
border-radius: .5rem; }
#page-mod-quiz-report .aa_scroll .image-wrapper {
width: 144px;
overflow: hidden;
display: flex;
justify-content: center;
border-radius: 0 .5rem .5rem 0;
margin-right: 18px; }
#page-mod-quiz-report .aa_scroll .card-img {
height: 144px;
width: auto;
margin-bottom: 1rem; }
#page-mod-quiz-report .aa_scroll .card-title {
font: 700 16px/22px Heebo;
margin-bottom: 0.8rem; }
#page-mod-quiz-report .aa_scroll .card-data-inner {
display: flex;
flex-wrap: wrap; }
#page-mod-quiz-report .aa_scroll .card-data {
width: 70%;
display: flex;
flex-direction: column; }
#page-mod-quiz-report .aa_scroll .card-text {
width: 50%;
display: flex;
font: 300 16px/22px Heebo;
color: #220F44; }
#page-mod-quiz-report .aa_scroll .card-text .user-name {
text-decoration: underline;
font: inherit;
letter-spacing: 0;
color: #7A58B2; }
#page-mod-quiz-report .aa_scroll .card-text-icon {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-right: 10px; }
#page-mod-quiz-report .aa_scroll .card-text-icon.download {
width: 19px;
height: 19px;
background-image: url(/theme/image.php/petel/quiz_competencyoverview/1726409799/download-light); }
#page-mod-quiz-report .aa_scroll .card-text-icon.calendar {
width: 22px;
height: 22px;
background-image: url(/theme/image.php/petel/quiz_competencyoverview/1726409799/calendar); }
#page-mod-quiz-report .aa_scroll .card-text-icon.comments {
width: 24px;
height: 21px;
background-image: url(/theme/image.php/petel/quiz_competencyoverview/1726409799/comments-light); }
#page-mod-quiz-report .aa_scroll .quiz_competencyoverview-select-button {
min-width: 134px;
height: 28px;
background: #554374 !important;
border-radius: 6px;
display: flex;
align-items: center; }
#page-mod-quiz-report .aa_scroll .quiz_competencyoverview-select-button label {
font: 400 16px/16px Heebo;
letter-spacing: 0;
margin-bottom: 0;
color: #FFFFFF; }
#page-mod-quiz-report .aa_scroll .quiz_competencyoverview-select-button label:before {
background-color: #fff;
width: 16px;
height: 16px; }
#page-mod-quiz-report .aa_scroll #aa_targetsection_list .aa_targetsection {
margin: 0 auto;
width: 568px;
height: 48px;
background: #F2F1F3 0% 0% no-repeat padding-box;
box-shadow: 2px 4px 6px rgba(165, 155, 181, 0.15);
border-radius: 4px;
font: 200 16px/29px Heebo;
color: #220F44;
margin-bottom: 1rem;
border: none; }
#page-mod-quiz-report .aa_scroll #aa_targetsection_list .aa_targetsection.active {
border: 2px solid #554374; }
#page-mod-quiz-report textarea#messagetostudents {
width: 568px;
height: 280px; }
#page-mod-quiz-report #nextbtn,
#page-mod-quiz-report #backbtn {
min-width: 136px;
height: 41px;
border: 1px solid #220F44;
display: flex;
align-items: center;
justify-content: center;
font: normal 16px/32px Heebo; }
#page-mod-quiz-report .custom_container {
width: 100%; }
#page-mod-quiz-report .custom-checkbox {
position: absolute;
opacity: 0; }
#page-mod-quiz-report .custom-checkbox + label {
position: relative;
cursor: pointer;
padding: 0; }
#page-mod-quiz-report .custom-checkbox + label:before {
content: '';
margin-right: 10px;
display: inline-block;
vertical-align: text-top;
border: 1px solid #220F44;
border-radius: 2px;
width: 1.5rem;
height: 1.5rem;
background: rgba(165, 155, 181, 0.1); }
#page-mod-quiz-report .custom-checkbox:hover + label:before {
background: #ffffff; }
#page-mod-quiz-report .custom-checkbox:checked + label:before {
background: #ffffff; }
#page-mod-quiz-report .custom-checkbox:disabled + label {
color: #b8b8b8;
cursor: auto; }
#page-mod-quiz-report .custom-checkbox:disabled + label:before {
box-shadow: none;
background: #ddd; }
#page-mod-quiz-report .custom-checkbox:checked + label:after {
content: '';
position: absolute;
left: 2px;
top: 6px;
width: 16px;
height: 8px;
border: solid #220F44;
border-width: 0 2px 2px 0;
transform: rotate(-45deg); }
#page-mod-quiz-report .competency-popup-subtitle {
font: Bold 16px/24px Heebo;
color: #220F44; }
#page-mod-quiz-report .competency-popup-subtitle p {
font: Normal 16px/24px Heebo; }
#page-mod-quiz-report #user-action:disabled {
background-color: #8e7bb8;
color: #efebeb;
}
html[dir=ltr] #page-mod-quiz-report #mod-quiz-report-competencyoverview-report-table .custom-checkbox:checked + label:after {
content: '';
position: absolute;
left: 2px;
top: 6px;
width: 16px;
height: 8px;
border: solid #220F44;
border-width: 0 0 2px 2px;
transform: rotate(-45deg); }
html[dir=ltr] .modal-body {
background-position-x: 108%; }
#page-mod-quiz-report .aa_scroll_students {
overflow: auto;
flex-grow: 1;
max-height: 350px;
margin-bottom: 10px; }
#page-mod-quiz-report .competency-list {
overflow-y: auto;
max-height: 100px; }
/**
* Styles for quiz_correctanswer
*/
.quiz-correctanswer-hint {
width: 18rem;
}
.quiz-correctanswer-mddata {
max-width: 100%;
width: fit-content;
min-width: 18rem!important;
}
#page-mod-quiz-report #manualgradingform {
width: 100%;
}
#page-mod-quiz-report #manualgradingform.mform br {
clear: none;
}
#page-mod-quiz-report #manualgradingform.mform .clearfix:after {
clear: none;
}
#page-mod-quiz-report #manualgradingform .que {
margin-bottom: 0.7em;
}
/* Rubric - grid layout */
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
.path-mod-workshop .assessmentform.rubric #id_rubric-grid-wrapper {
border: none;
}
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper legend,
.path-mod-workshop .assessmentform.rubric #id_rubric-grid-wrapper legend {
display: none;
}
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper th,
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper td,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper th,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper td {
border: 1px solid #ddd;
padding: 5px;
vertical-align: top;
}
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .criterion {
text-align: center;
}
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem {
text-align: center;
}
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .fitemtitle,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .fitemtitle {
display: none;
}
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper,
.path-mod-workshop #id_rubric-grid-wrapper {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .checkbox,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .checkbox {
max-width: 100%;
flex: 0 0 100%;
text-align: left;
}
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .felement,
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.path-mod-workshop .mform.frozen #id_rubric-grid-wrapper .fitem .felement {
border: none;
}
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement span {
display: block;
text-align: center;
}
.path-mod-workshop .assessmentform.rubric.grid #id_rubric-grid-wrapper .fitem .felement span label {
display: block;
text-align: center;
}
/* Rubric - list layout */
.path-mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle,
.path-mod-workshop .assessmentform.rubric.list #id_rubric-grid-wrapper .fitem .fitemtitle {
display: none;
}
.path-mod-workshop .mform.frozen .fitem.description.rubric + .fitem .fitemtitle + .felement,
.path-mod-workshop .assessmentform.rubric.list .fitem .felement {
width: auto;
border: none;
}
.path-mod-workshop .assessmentform.rubric.list .fitem .felement span input {
display: block;
float: left;
}
.path-mod-workshop .assessmentform.rubric.list .fitem .felement.fgroup span label {
display: block;
margin-left: 30px;
}
/**
* Manual allocator
*/
.path-mod-workshop .manual-allocator .allocations {
margin: 0 auto;
width: 100%;
}
.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd) {
background-color: #eee;
}
.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd).highlightreviewerof,
.path-mod-workshop .manual-allocator .allocations tbody tr:nth-of-type(odd).highlightreviewedby {
background-color: inherit;
}
.path-mod-workshop .manual-allocator .allocations .peer .image {
margin-right: 5px;
vertical-align: middle;
}
.path-mod-workshop .manual-allocator .allocations .reviewedby .image,
.path-mod-workshop .manual-allocator .allocations .reviewerof .image {
margin-right: 3px;
vertical-align: middle;
}
.path-mod-workshop .manual-allocator .allocations .highlightreviewedby .reviewedby,
.path-mod-workshop .manual-allocator .allocations .highlightreviewerof .reviewerof {
background-color: #fff3d2;
}
.path-mod-workshop .manual-allocator .allocations tr td {
vertical-align: top;
padding: 5px;
}
.path-mod-workshop .manual-allocator .allocations tr td ul {
margin: 0;
}
.path-mod-workshop .manual-allocator .allocations tr td ul li {
list-style: none;
}
.path-mod-workshop .manual-allocator .allocations tr td.peer {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.path-mod-workshop .manual-allocator .allocations .reviewedby .info,
.path-mod-workshop .manual-allocator .allocations .peer .info,
.path-mod-workshop .manual-allocator .allocations .reviewerof .info {
font-size: 80%;
color: #888;
font-style: italic;
}
.path-mod-workshop .manual-allocator .allocations .peer .submission {
font-size: 90%;
margin-top: 1em;
}
.path-mod-workshop .random-allocator .warning {
width: 100%;
margin: 0 auto 15px auto;
}
.accessibilitywarnings img {
max-width: 32px;
max-height: 32px;
}
.toShow {
border: 3px solid #007bff;
border-radius: 8px;
box-sizing: inherit;
}
.atto_accessibilitycolors_button .dropdown-menu {
min-width: inherit;
}
.atto_accessibilitycolors_button #atto_accessibilitycolors_customicon {
background-image: url(/theme/image.php/petel/core/1726409799/i/edit);
background-size: 20px 20px;
}
.atto_accessibilitycolors_button.atto_menu a:hover {
text-decoration: none;
background-color: #fff;
}
.atto_accessibilitycolors_button.atto_menu a:focus {
text-decoration: none;
background-color: #fff;
box-shadow: none;
}
.atto_accessibilitycolors_button.atto_menu a:active {
text-decoration: none;
background-color: #fff;
}
.atto_accessibilitycolors_button.atto_menu h5 {
font-size: 1rem;
line-height: 1rem;
white-space: nowrap;
}
.atto_accessibilitycolors_button.atto_menu .text {
font-size: 1rem;
line-height: 1rem;
}
.atto_accessibilitycolors_button.atto_menu .radiobtn-wrapper {
display: flex;
align-items: center;
}
.atto_accessibilitycolors_button.atto_menu .custom-radio {
width: 1rem;
height: 1rem;
border: 0.0625rem solid #000;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0.25rem;
}
.atto_accessibilitycolors_button.atto_menu .custom-radio.active .custom-radio-inner {
background-color: #000;
width: 0.5rem;
height: 0.5rem;
display: block;
border-radius: 100%;
}
.atto_accessibilitycolors_button .atto_menuentry {
list-style-type: none;
}
.atto_accessibilitycolors_button .atto_menuentry a[role="menuitem"] {
display: flex;
display: -webkit-flex;
}
.atto_accessibilitycolors_button a {
text-decoration: none;
box-shadow: none;
}
.atto_accessibilitycolors_button a:hover {
text-decoration: none;
box-shadow: none;
}
.atto_accessibilitycolors_button a:focus {
text-decoration: none;
}
.atto_accessibilitycolors_button .text {
color: #000;
border-radius: 0.25rem;
border: solid 1px #554283;
background-color: #fff;
padding: 0.25rem;
}
.atto_accessibilitycolors_button .btn {
border-radius: 0.25rem;
border: solid 0.0625rem #554283;
color: #554283;
background-color: #fff;
}
.atto_accessibilitycolors_button .btn:hover {
border-width: 0.125rem !important;
border-color: #23164f !important;
background-color: #fff !important;
color: #554283 !important;
outline: none !important;
box-shadow: 0 0.375rem 0.75rem 0 rgba(43, 43, 43, 0.2) !important;
}
.atto_accessibilitycolors_button .btn:focus {
border-width: 0.125rem !important;
border-color: #23164f !important;
background-color: #fff !important;
color: #554283 !important;
outline: none !important;
box-shadow: 0 0.375rem 0.75rem 0 rgba(43, 43, 43, 0.2) !important;
}
.atto_accessibilitycolors_button .btn:active {
border-width: 0.125rem !important;
background-color: #f5f2f7 !important;
color: #554283 !important;
outline: none !important;
box-shadow: 0 0.1875rem 0.1875rem 0 rgba(43, 43, 43, 0.35) !important;
}
.atto_accessibilitycolors_button .colors-inner {
display: grid;
grid-template-columns: repeat(9, 1fr);
}
.font-bg-colors .color-item {
width: 1.125rem;
height: 1.125rem;
border: 0.0625rem solid #fff;
margin: 0.0625rem;
}
.font-bg-colors .color-item.active-color {
outline: 0.0625rem solid rgb(11, 148, 11);
}
ul[id^="atto_accessibilitycolors_menubutton"].dropdown-menu {
border-color: #b2b2b2;
border-radius: 0.5rem;
}
.accessibilitywarnings img {
max-width: 32px;
max-height: 32px;
}
.atto_a11ycolors-modal .atto_menu a:hover {
text-decoration: none;
background-color: #fff;
}
.atto_a11ycolors-modal .atto_menu a:focus {
text-decoration: none;
background-color: #fff;
box-shadow: none;
}
.atto_a11ycolors-modal .atto_menu a:active {
text-decoration: none;
background-color: #fff;
}
.atto_a11ycolors-modal .atto_menu h5 {
font-size: 1rem;
line-height: 1rem;
white-space: nowrap;
}
.atto_a11ycolors-modal .atto_menu .text {
font-size: 1rem;
line-height: 1rem;
}
.atto_a11ycolors-modal .atto_menu .radiobtn-wrapper {
display: flex;
align-items: center;
}
.atto_a11ycolors-modal .atto_menu .custom-radio {
width: 1rem;
height: 1rem;
border: 0.0625rem solid #000;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0.25rem;
}
.atto_a11ycolors-modal .atto_menu .custom-radio.active .custom-radio-inner {
background-color: #000;
width: 0.5rem;
height: 0.5rem;
display: block;
border-radius: 100%;
}
.atto_a11ycolors-modal .atto_menuentry {
list-style-type: none;
}
.atto_a11ycolors-modal .atto_menuentry a[role="menuitem"] {
display: flex;
display: -webkit-flex;
}
.atto_a11ycolors-modal a {
text-decoration: none;
box-shadow: none;
}
.atto_a11ycolors-modal a:hover {
text-decoration: none;
box-shadow: none;
}
.atto_a11ycolors-modal a:focus {
text-decoration: none;
}
.atto_a11ycolors-modal .text {
color: #000;
border-radius: 0.25rem;
border: solid 1px #554283;
background-color: #fff;
padding: 0.25rem;
}
.atto_a11ycolors-modal .btn {
border-radius: 0.25rem;
border: solid 0.0625rem #554283;
color: #554283;
background-color: #fff;
}
.atto_a11ycolors-modal .btn:hover {
border-width: 0.125rem !important;
border-color: #23164f !important;
background-color: #fff !important;
color: #554283 !important;
outline: none !important;
box-shadow: 0 0.375rem 0.75rem 0 rgba(43, 43, 43, 0.2) !important;
}
.atto_a11ycolors-modal .btn:focus {
border-width: 0.125rem !important;
border-color: #23164f !important;
background-color: #fff !important;
color: #554283 !important;
outline: none !important;
box-shadow: 0 0.375rem 0.75rem 0 rgba(43, 43, 43, 0.2) !important;
}
.atto_a11ycolors-modal .btn:active {
border-width: 0.125rem !important;
background-color: #f5f2f7 !important;
color: #554283 !important;
outline: none !important;
box-shadow: 0 0.1875rem 0.1875rem 0 rgba(43, 43, 43, 0.35) !important;
}
.atto_a11ycolors-modal .colors-inner {
display: grid;
grid-template-columns: repeat(9, 1fr);
}
.font-bg-colors .color-item {
width: 1.125rem;
height: 1.125rem;
border: 0.0625rem solid #fff;
margin: 0.0625rem;
}
.font-bg-colors .color-item.active-color {
outline: 0.0625rem solid rgb(11, 148, 11);
}
ul[id^="atto_accessibilitycolors_menubutton"].dropdown-menu {
border-color: #b2b2b2;
border-radius: 0.5rem;
}
.atto_askbloom_button .fa{
font-family: 'Font Awesome 6 Pro';
}
.atto_backcolor_button .dropdown-menu {
min-width: inherit;
}
.atto_backcolor_button .dropdown-menu .atto_menuentry {
padding-top: 5px;
padding-bottom: 5px;
}
.atto_backcolor_button .dropdown-menu .atto_menuentry a[role=menuitem] {
display: flex;
}
.atto_backcolor_button .dropdown-menu .atto_menuentry a[role=menuitem]:hover,
.atto_backcolor_button .dropdown-menu .atto_menuentry a[role=menuitem]:focus {
box-shadow: #0f6fc5 0 0 3px 1px;
}
.atto_backcolor_button .dropdown-menu .coloroption {
display: flex;
align-items: center;
float: left;
height: 20px;
width: 20px;
border: 1px solid #ccc;
}
div.editor_atto_content bdi,
div.editor_atto_content span[dir=auto] {
/*text-decoration: underline wavy green;*/
border-width: 0 2px;
border-style: dotted;
border-color: green;;
padding: 0 2px;
background-color: #f1f1f1;
}
/* Outline grid elements in atto */
.editor_atto_content .span2,
.editor_atto_content .span3,
.editor_atto_content .span4,
.editor_atto_content .span6,
.editor_atto_content .span7,
.editor_atto_content .span8,
.editor_atto_content .span9,
.editor_atto_content .span10,
.editor_atto_content .span11,
.editor_atto_content .span12 { border: 1px #ddd dashed; }
/* Button to select grid */
.bsgridtemplateicon img { width: 30px; height: 30px; }
/* Button link wrapper */
a.bsgridtemplateicon {
border: 1px solid #ccc;
border-radius: 0.5em;
display: inline-block;
margin: 1em;
padding: 0.5em;
/*background: -webkit-linear-gradient(#fff, #f2f2f2);
background: -o-linear-gradient(#fff, #f2f2f2);
background: -moz-linear-gradient(#fff, #f2f2f2);
background: linear-gradient(#fff, #f2f2f2);
-webkit-box-shadow: 0px 2px 2px 0px rgba(100,100,100,0.1);
-moz-box-shadow: 0px 2px 2px 0px rgba(100,100,100,0.1);
box-shadow: 0px 2px 2px 0px rgba(100,100,100,0.1);
*/
}
.atto_charmap_selector button {
width: 2.18rem;
margin: 0.1rem;
}
.atto_chemistry_library .yui3-tabview-list {
border: none;
}
.atto_chemistry_library .yui3-tab-selected .yui3-tab-label, .yui3-skin-sam #atto_chemistry_library .yui3-tab-selected .yui3-tab-label:focus, .yui3-skin-sam #atto_chemistry_library .yui3-tab-selected .yui3-tab-label:hover {
background: none;
color: black;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.atto_chemistry_library button {
min-width: 31px;
padding: 0px;
margin: 0px;
}
.yui3-skin-sam .yui3-tabview-panel {
padding-left: 2px;
padding-right: 2px;
}
#page-admin-setting-atto_chemistry_settings .form-defaultinfo {
max-height: 10em;
overflow: auto;
padding: 0px;
margin: 0px;
min-width: 206:px;
}
.atto_form {
padding-left: 4px;
padding-right: 4px;
}
.atto_form .atto_chemistry_preview {
margin-bottom: 0px; /* Turn off the margin-bottom from the class "well" */
}
.atto_cloze img {
cursor: pointer;
}
.atto_cloze_button img {
/* stylelint-disable-next-line declaration-no-important */
margin-top: -.125rem !important;
}
.atto_cloze .form-control {
width: unset;
}
.atto_cloze_answers {
height: 375px;
overflow-x: hidden;
}
.atto_cloze_qtype {
overflow: auto;
position: relative;
}
.atto_cloze_qtype .atto_cloze_summary {
display: none;
left: 500px;
position: absolute;
top: 0;
}
.atto_cloze_qtype input[type="radio"]:focus {
box-shadow: none;
}
.atto_cloze_qtype input[type="radio"]:checked + label .atto_cloze_summary {
display: inline;
}
input.atto_cloze_marks {
/* stylelint-disable-next-line declaration-no-important */
width: 4em !important;
}
.atto_cloze_answers .form-group img {
margin-top: .5rem;
}
.atto_cloze_answers li:first-child .atto_cloze_up {
display: none;
}
.atto_cloze_answers li:last-child .atto_cloze_down {
display: none;
}
@media (max-width: 768px) {
.toolbarbreak {
display: none;
}
}
/* Improve the form layout. */
.moodle-dialogue-base #embedqform #fitem_id_submitbutton {
padding: 0;
margin: 0;
}
.moodle-dialogue-base #embedqform .fdescription.required {
display: none;
}
/*
* There is a nasty conflict between the core style rule
* '.moodle-dialogue-base .hidden' for hidden dialogues,
* and formslib's concept of invisible fieldsets that are
* done with