/** Gebruik dit blok om defaults in te stellen voor instelbare variabelen. deze waarde wordt alleen gebruikt als er niet al een waarde is ingesteld in de SCORM zelf. */ /* #da004c */ /*For backwards compatability*/ /****** full buttons default ******/ /**************************/ /* Casus */ /* Achtergrond */ /* Perspectief */ /* Quiz */ /* Casus */ /* Achtergrond */ /* Perspectief */ /* Quiz */ /** uitleg fontSettings array: $fontSettings:( soort font: primary/secundair, mobiel, tablet, desktop, bold/niet bold) ) */ .content.case.type-casus { /*$caseTypeColor0;*/ /*$caseTypeColor0;*/ } .content.case.type-casus .wvTopper.stellingTopper .topper { background-image: url("img/scorm/icons/truefalse-icon_lightblue@2x.png"); } .content.case.type-casus .wvTopper.mpcTopper .topper { background-image: url("img/scorm/icons/mpc-icon_lightblue@2x.png"); } .content.case.type-casus .wvTopper.textTopper .topper { background-image: url("img/scorm/icons/textimage-icon_lightblue@2x.png"); } .content.case.type-casus .wvTopper.interviewTopper .topper { background-image: url("img/scorm/icons/interview-icon_lightblue@2x.png"); } .content.case.type-casus .wvTopper.openTopper .topper { background-image: url("img/scorm/icons/open-icon_lightblue@2x.png"); } .content.case.type-casus .wvTopper.videoTopper .topper { background-image: url("img/scorm/icons/video-icon_lightblue@2x.png"); } .content.case.type-casus .wvTopper.flashTopper .topper { background-image: url("img/scorm/icons/flashcards-icon_lightblue@2x.png"); } .content.case.type-casus .wvTopper.sliderTopper .topper { background-image: url("img/scorm/icons/slider-icon_lightblue@2x.png"); } .content.case.type-casus .wvTopper.quizTopper .topper { background-image: url("img/scorm/icons/open-icon_lightblue@2x.png"); } .content.case.type-casus .wvTopper.hotspotTopper .topper { background-image: url("img/scorm/icons/hotspot-icon_lightblue@2x.png"); } .content.case.type-casus .case-back-nav .arrow { background-image: url("img/scorm/icons/nav-back_lightblue@2x.png"); } .content.case.type-casus .mpcSection .mpc.multiple .option .sign:before { background-position-y: 0 !important; background-image: url("img/scorm/icons/checkmark-unchecked_lightblue@2x.png"); z-index: 1; } .content.case.type-casus .videoContainer .videoControls .toggleState .icon { background-position-y: 0; } .content.case.type-casus .videoContainer .videoControls .toggleState .icon.icon-play { background-image: url("img/scorm/icons/video-play_lightblue@2x.png"); } .content.case.type-casus .videoContainer .videoControls .toggleState .icon.icon-pause { background-image: url("img/scorm/icons/video-pause_lightblue@2x.png"); } .content.case.type-casus .default-circle.filled, .content.case.type-casus .section-bar, .content.case.type-casus .filler filler-inner, .content.case.type-casus .hotspot .popup .body, .content.case.type-casus .mpcSection .mpc .option.selected .sign, .content.case.type-casus .mpcSection .mpc .option .sign .filler .filler-inner, .content.case.type-casus .toggle-blocks .block .title-bar .filler .filler-inner, .content.case.type-casus .flashcards .front .filler .filler-inner, .content.case.type-casus .flashcards .back, .content.case.type-casus .default-btn.filled, .content.case.type-casus .button-wrapper .button-block .title, .content.case.type-casus .button-wrapper .button-block .progress-inner, .content.case.type-casus .slider .slider-wrapper .rangeSlide.ui-slider, .content.case.type-casus .slider .slider-wrapper .ui-slider-handle, .content.case.type-casus .hotspot .dot, .content.case.type-casus .branchSection .button-wrapper .button-block.selected .button-title, .content.case.type-casus .branchSection .content-wrapper .button-progress, .content.case.type-casus .button-wrapper .button-block.selected .button-title, .content.case.type-casus .default-btn .filler .filler-inner, .content.case.type-casus .button-block .button-title .filler .filler-inner, .content.case.type-casus .case-scroll-header .arrow, .content.case.type-casus .case-scroll-header .progress .filler { background-color: #00bfdf !important; } .content.case.type-casus .default-circle:not(.filled), .content.case.type-casus .hotspot .popup .top, .content.case.type-casus .wvTopper, .content.case.type-casus .default-btn:not(.filled), .content.case.type-casus .mpcSection .mpc .option:not(.selected) .sign, .content.case.type-casus .textSection .quote, .content.case.type-casus .toggle-blocks .block .title-bar, .content.case.type-casus .flashcards .front .inner, .content.case.type-casus .case-back-nav, .content.case.type-casus .slider .slider-wrapper .rangeui-subcontent, .content.case.type-casus .button-wrapper .button-block, .content.case.type-casus .branchSection .button-wrapper .button-block .button-title, .content.case.type-casus .button-wrapper .button-block .button-title, .content.case.type-casus .case-scroll-header .title { color: #00bfdf !important; } .content.case.type-casus .caseBorderColor, .content.case.type-casus .default-circle, .content.case.type-casus .wvTopper, .content.case.type-casus .default-btn, .content.case.type-casus .mpcSection .mpc .option .sign, .content.case.type-casus .toggle-blocks .block .title-bar, .content.case.type-casus .flashcards .front .inner, .content.case.type-casus .videoContainer .videoControls .toggleState, .content.case.type-casus .button-wrapper .button-block .title, .content.case.type-casus .slider .slider-wrapper .rangeSlide.ui-slider:before, .content.case.type-casus .slider .slider-wrapper .rangeSlide.ui-slider:after, .content.case.type-casus .button-wrapper .button-block .button-title, .content.case.type-casus .button-wrapper .button-block .button-body, .content.case.type-casus .openVraagSection textarea { border-color: #00bfdf !important; } .content.case.type-achtergrond { /*$caseTypeColor0;*/ /*$caseTypeColor0;*/ } .content.case.type-achtergrond .wvTopper.stellingTopper .topper { background-image: url("img/scorm/icons/truefalse-icon_pink@2x.png"); } .content.case.type-achtergrond .wvTopper.mpcTopper .topper { background-image: url("img/scorm/icons/mpc-icon_pink@2x.png"); } .content.case.type-achtergrond .wvTopper.textTopper .topper { background-image: url("img/scorm/icons/textimage-icon_pink@2x.png"); } .content.case.type-achtergrond .wvTopper.interviewTopper .topper { background-image: url("img/scorm/icons/interview-icon_pink@2x.png"); } .content.case.type-achtergrond .wvTopper.openTopper .topper { background-image: url("img/scorm/icons/open-icon_pink@2x.png"); } .content.case.type-achtergrond .wvTopper.videoTopper .topper { background-image: url("img/scorm/icons/video-icon_pink@2x.png"); } .content.case.type-achtergrond .wvTopper.flashTopper .topper { background-image: url("img/scorm/icons/flashcards-icon_pink@2x.png"); } .content.case.type-achtergrond .wvTopper.sliderTopper .topper { background-image: url("img/scorm/icons/slider-icon_pink@2x.png"); } .content.case.type-achtergrond .wvTopper.quizTopper .topper { background-image: url("img/scorm/icons/open-icon_pink@2x.png"); } .content.case.type-achtergrond .wvTopper.hotspotTopper .topper { background-image: url("img/scorm/icons/hotspot-icon_pink@2x.png"); } .content.case.type-achtergrond .case-back-nav .arrow { background-image: url("img/scorm/icons/nav-back_pink@2x.png"); } .content.case.type-achtergrond .mpcSection .mpc.multiple .option .sign:before { background-position-y: 0 !important; background-image: url("img/scorm/icons/checkmark-unchecked_pink@2x.png"); z-index: 1; } .content.case.type-achtergrond .videoContainer .videoControls .toggleState .icon { background-position-y: 0; } .content.case.type-achtergrond .videoContainer .videoControls .toggleState .icon.icon-play { background-image: url("img/scorm/icons/video-play_pink@2x.png"); } .content.case.type-achtergrond .videoContainer .videoControls .toggleState .icon.icon-pause { background-image: url("img/scorm/icons/video-pause_pink@2x.png"); } .content.case.type-achtergrond .default-circle.filled, .content.case.type-achtergrond .section-bar, .content.case.type-achtergrond .filler filler-inner, .content.case.type-achtergrond .hotspot .popup .body, .content.case.type-achtergrond .mpcSection .mpc .option.selected .sign, .content.case.type-achtergrond .mpcSection .mpc .option .sign .filler .filler-inner, .content.case.type-achtergrond .toggle-blocks .block .title-bar .filler .filler-inner, .content.case.type-achtergrond .flashcards .front .filler .filler-inner, .content.case.type-achtergrond .flashcards .back, .content.case.type-achtergrond .default-btn.filled, .content.case.type-achtergrond .button-wrapper .button-block .title, .content.case.type-achtergrond .button-wrapper .button-block .progress-inner, .content.case.type-achtergrond .slider .slider-wrapper .rangeSlide.ui-slider, .content.case.type-achtergrond .slider .slider-wrapper .ui-slider-handle, .content.case.type-achtergrond .hotspot .dot, .content.case.type-achtergrond .branchSection .button-wrapper .button-block.selected .button-title, .content.case.type-achtergrond .branchSection .content-wrapper .button-progress, .content.case.type-achtergrond .button-wrapper .button-block.selected .button-title, .content.case.type-achtergrond .default-btn .filler .filler-inner, .content.case.type-achtergrond .button-block .button-title .filler .filler-inner, .content.case.type-achtergrond .case-scroll-header .arrow, .content.case.type-achtergrond .case-scroll-header .progress .filler { background-color: #ed1651 !important; } .content.case.type-achtergrond .default-circle:not(.filled), .content.case.type-achtergrond .hotspot .popup .top, .content.case.type-achtergrond .wvTopper, .content.case.type-achtergrond .default-btn:not(.filled), .content.case.type-achtergrond .mpcSection .mpc .option:not(.selected) .sign, .content.case.type-achtergrond .textSection .quote, .content.case.type-achtergrond .toggle-blocks .block .title-bar, .content.case.type-achtergrond .flashcards .front .inner, .content.case.type-achtergrond .case-back-nav, .content.case.type-achtergrond .slider .slider-wrapper .rangeui-subcontent, .content.case.type-achtergrond .button-wrapper .button-block, .content.case.type-achtergrond .branchSection .button-wrapper .button-block .button-title, .content.case.type-achtergrond .button-wrapper .button-block .button-title, .content.case.type-achtergrond .case-scroll-header .title { color: #ed1651 !important; } .content.case.type-achtergrond .caseBorderColor, .content.case.type-achtergrond .default-circle, .content.case.type-achtergrond .wvTopper, .content.case.type-achtergrond .default-btn, .content.case.type-achtergrond .mpcSection .mpc .option .sign, .content.case.type-achtergrond .toggle-blocks .block .title-bar, .content.case.type-achtergrond .flashcards .front .inner, .content.case.type-achtergrond .videoContainer .videoControls .toggleState, .content.case.type-achtergrond .button-wrapper .button-block .title, .content.case.type-achtergrond .slider .slider-wrapper .rangeSlide.ui-slider:before, .content.case.type-achtergrond .slider .slider-wrapper .rangeSlide.ui-slider:after, .content.case.type-achtergrond .button-wrapper .button-block .button-title, .content.case.type-achtergrond .button-wrapper .button-block .button-body, .content.case.type-achtergrond .openVraagSection textarea { border-color: #ed1651 !important; } .content.case.type-perspectief { /*$caseTypeColor0;*/ /*$caseTypeColor0;*/ } .content.case.type-perspectief .wvTopper.stellingTopper .topper { background-image: url("img/scorm/icons/truefalse-icon_blue@2x.png"); } .content.case.type-perspectief .wvTopper.mpcTopper .topper { background-image: url("img/scorm/icons/mpc-icon_blue@2x.png"); } .content.case.type-perspectief .wvTopper.textTopper .topper { background-image: url("img/scorm/icons/textimage-icon_blue@2x.png"); } .content.case.type-perspectief .wvTopper.interviewTopper .topper { background-image: url("img/scorm/icons/interview-icon_blue@2x.png"); } .content.case.type-perspectief .wvTopper.openTopper .topper { background-image: url("img/scorm/icons/open-icon_blue@2x.png"); } .content.case.type-perspectief .wvTopper.videoTopper .topper { background-image: url("img/scorm/icons/video-icon_blue@2x.png"); } .content.case.type-perspectief .wvTopper.flashTopper .topper { background-image: url("img/scorm/icons/flashcards-icon_blue@2x.png"); } .content.case.type-perspectief .wvTopper.sliderTopper .topper { background-image: url("img/scorm/icons/slider-icon_blue@2x.png"); } .content.case.type-perspectief .wvTopper.quizTopper .topper { background-image: url("img/scorm/icons/open-icon_blue@2x.png"); } .content.case.type-perspectief .wvTopper.hotspotTopper .topper { background-image: url("img/scorm/icons/hotspot-icon_blue@2x.png"); } .content.case.type-perspectief .case-back-nav .arrow { background-image: url("img/scorm/icons/nav-back_blue@2x.png"); } .content.case.type-perspectief .mpcSection .mpc.multiple .option .sign:before { background-position-y: 0 !important; background-image: url("img/scorm/icons/checkmark-unchecked_blue@2x.png"); z-index: 1; } .content.case.type-perspectief .videoContainer .videoControls .toggleState .icon { background-position-y: 0; } .content.case.type-perspectief .videoContainer .videoControls .toggleState .icon.icon-play { background-image: url("img/scorm/icons/video-play_blue@2x.png"); } .content.case.type-perspectief .videoContainer .videoControls .toggleState .icon.icon-pause { background-image: url("img/scorm/icons/video-pause_blue@2x.png"); } .content.case.type-perspectief .default-circle.filled, .content.case.type-perspectief .section-bar, .content.case.type-perspectief .filler filler-inner, .content.case.type-perspectief .hotspot .popup .body, .content.case.type-perspectief .mpcSection .mpc .option.selected .sign, .content.case.type-perspectief .mpcSection .mpc .option .sign .filler .filler-inner, .content.case.type-perspectief .toggle-blocks .block .title-bar .filler .filler-inner, .content.case.type-perspectief .flashcards .front .filler .filler-inner, .content.case.type-perspectief .flashcards .back, .content.case.type-perspectief .default-btn.filled, .content.case.type-perspectief .button-wrapper .button-block .title, .content.case.type-perspectief .button-wrapper .button-block .progress-inner, .content.case.type-perspectief .slider .slider-wrapper .rangeSlide.ui-slider, .content.case.type-perspectief .slider .slider-wrapper .ui-slider-handle, .content.case.type-perspectief .hotspot .dot, .content.case.type-perspectief .branchSection .button-wrapper .button-block.selected .button-title, .content.case.type-perspectief .branchSection .content-wrapper .button-progress, .content.case.type-perspectief .button-wrapper .button-block.selected .button-title, .content.case.type-perspectief .default-btn .filler .filler-inner, .content.case.type-perspectief .button-block .button-title .filler .filler-inner, .content.case.type-perspectief .case-scroll-header .arrow, .content.case.type-perspectief .case-scroll-header .progress .filler { background-color: #6279a5 !important; } .content.case.type-perspectief .default-circle:not(.filled), .content.case.type-perspectief .hotspot .popup .top, .content.case.type-perspectief .wvTopper, .content.case.type-perspectief .default-btn:not(.filled), .content.case.type-perspectief .mpcSection .mpc .option:not(.selected) .sign, .content.case.type-perspectief .textSection .quote, .content.case.type-perspectief .toggle-blocks .block .title-bar, .content.case.type-perspectief .flashcards .front .inner, .content.case.type-perspectief .case-back-nav, .content.case.type-perspectief .slider .slider-wrapper .rangeui-subcontent, .content.case.type-perspectief .button-wrapper .button-block, .content.case.type-perspectief .branchSection .button-wrapper .button-block .button-title, .content.case.type-perspectief .button-wrapper .button-block .button-title, .content.case.type-perspectief .case-scroll-header .title { color: #6279a5 !important; } .content.case.type-perspectief .caseBorderColor, .content.case.type-perspectief .default-circle, .content.case.type-perspectief .wvTopper, .content.case.type-perspectief .default-btn, .content.case.type-perspectief .mpcSection .mpc .option .sign, .content.case.type-perspectief .toggle-blocks .block .title-bar, .content.case.type-perspectief .flashcards .front .inner, .content.case.type-perspectief .videoContainer .videoControls .toggleState, .content.case.type-perspectief .button-wrapper .button-block .title, .content.case.type-perspectief .slider .slider-wrapper .rangeSlide.ui-slider:before, .content.case.type-perspectief .slider .slider-wrapper .rangeSlide.ui-slider:after, .content.case.type-perspectief .button-wrapper .button-block .button-title, .content.case.type-perspectief .button-wrapper .button-block .button-body, .content.case.type-perspectief .openVraagSection textarea { border-color: #6279a5 !important; } .content.case.type-quiz { /*$caseTypeColor0;*/ /*$caseTypeColor0;*/ } .content.case.type-quiz .wvTopper.stellingTopper .topper { background-image: url("img/scorm/icons/truefalse-icon_purple@2x.png"); } .content.case.type-quiz .wvTopper.mpcTopper .topper { background-image: url("img/scorm/icons/mpc-icon_purple@2x.png"); } .content.case.type-quiz .wvTopper.textTopper .topper { background-image: url("img/scorm/icons/textimage-icon_purple@2x.png"); } .content.case.type-quiz .wvTopper.interviewTopper .topper { background-image: url("img/scorm/icons/interview-icon_purple@2x.png"); } .content.case.type-quiz .wvTopper.openTopper .topper { background-image: url("img/scorm/icons/open-icon_purple@2x.png"); } .content.case.type-quiz .wvTopper.videoTopper .topper { background-image: url("img/scorm/icons/video-icon_purple@2x.png"); } .content.case.type-quiz .wvTopper.flashTopper .topper { background-image: url("img/scorm/icons/flashcards-icon_purple@2x.png"); } .content.case.type-quiz .wvTopper.sliderTopper .topper { background-image: url("img/scorm/icons/slider-icon_purple@2x.png"); } .content.case.type-quiz .wvTopper.quizTopper .topper { background-image: url("img/scorm/icons/open-icon_purple@2x.png"); } .content.case.type-quiz .wvTopper.hotspotTopper .topper { background-image: url("img/scorm/icons/hotspot-icon_purple@2x.png"); } .content.case.type-quiz .case-back-nav .arrow { background-image: url("img/scorm/icons/nav-back_purple@2x.png"); } .content.case.type-quiz .mpcSection .mpc.multiple .option .sign:before { background-position-y: 0 !important; background-image: url("img/scorm/icons/checkmark-unchecked_purple@2x.png"); z-index: 1; } .content.case.type-quiz .videoContainer .videoControls .toggleState .icon { background-position-y: 0; } .content.case.type-quiz .videoContainer .videoControls .toggleState .icon.icon-play { background-image: url("img/scorm/icons/video-play_purple@2x.png"); } .content.case.type-quiz .videoContainer .videoControls .toggleState .icon.icon-pause { background-image: url("img/scorm/icons/video-pause_purple@2x.png"); } .content.case.type-quiz .default-circle.filled, .content.case.type-quiz .section-bar, .content.case.type-quiz .filler filler-inner, .content.case.type-quiz .hotspot .popup .body, .content.case.type-quiz .mpcSection .mpc .option.selected .sign, .content.case.type-quiz .mpcSection .mpc .option .sign .filler .filler-inner, .content.case.type-quiz .toggle-blocks .block .title-bar .filler .filler-inner, .content.case.type-quiz .flashcards .front .filler .filler-inner, .content.case.type-quiz .flashcards .back, .content.case.type-quiz .default-btn.filled, .content.case.type-quiz .button-wrapper .button-block .title, .content.case.type-quiz .button-wrapper .button-block .progress-inner, .content.case.type-quiz .slider .slider-wrapper .rangeSlide.ui-slider, .content.case.type-quiz .slider .slider-wrapper .ui-slider-handle, .content.case.type-quiz .hotspot .dot, .content.case.type-quiz .branchSection .button-wrapper .button-block.selected .button-title, .content.case.type-quiz .branchSection .content-wrapper .button-progress, .content.case.type-quiz .button-wrapper .button-block.selected .button-title, .content.case.type-quiz .default-btn .filler .filler-inner, .content.case.type-quiz .button-block .button-title .filler .filler-inner, .content.case.type-quiz .case-scroll-header .arrow, .content.case.type-quiz .case-scroll-header .progress .filler { background-color: #975485 !important; } .content.case.type-quiz .default-circle:not(.filled), .content.case.type-quiz .hotspot .popup .top, .content.case.type-quiz .wvTopper, .content.case.type-quiz .default-btn:not(.filled), .content.case.type-quiz .mpcSection .mpc .option:not(.selected) .sign, .content.case.type-quiz .textSection .quote, .content.case.type-quiz .toggle-blocks .block .title-bar, .content.case.type-quiz .flashcards .front .inner, .content.case.type-quiz .case-back-nav, .content.case.type-quiz .slider .slider-wrapper .rangeui-subcontent, .content.case.type-quiz .button-wrapper .button-block, .content.case.type-quiz .branchSection .button-wrapper .button-block .button-title, .content.case.type-quiz .button-wrapper .button-block .button-title, .content.case.type-quiz .case-scroll-header .title { color: #975485 !important; } .content.case.type-quiz .caseBorderColor, .content.case.type-quiz .default-circle, .content.case.type-quiz .wvTopper, .content.case.type-quiz .default-btn, .content.case.type-quiz .mpcSection .mpc .option .sign, .content.case.type-quiz .toggle-blocks .block .title-bar, .content.case.type-quiz .flashcards .front .inner, .content.case.type-quiz .videoContainer .videoControls .toggleState, .content.case.type-quiz .button-wrapper .button-block .title, .content.case.type-quiz .slider .slider-wrapper .rangeSlide.ui-slider:before, .content.case.type-quiz .slider .slider-wrapper .rangeSlide.ui-slider:after, .content.case.type-quiz .button-wrapper .button-block .button-title, .content.case.type-quiz .button-wrapper .button-block .button-body, .content.case.type-quiz .openVraagSection textarea { border-color: #975485 !important; } /* ("type-casus"); ("type-achtergrond"); ("type-perspectief"); ("type-quiz"); */ a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var { background: transparent; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; box-sizing: border-box; } blockquote, q { quotes: none; } table, table td { padding: 0; border: none; border-collapse: collapse; } article, aside, audio, canvas, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; } mark, rp, rt, ruby, summary, time { display: inline; } * { box-sizing: border-box; } @font-face { font-family: 'Arial'; src: url('fonts/client/Arial/Arial-BoldItalicMT.eot'); src: url('fonts/client/Arial/Arial-BoldItalicMT.eot?#iefix') format('embedded-opentype'), url('fonts/client/Arial/Arial-BoldItalicMT.woff2') format('woff2'), url('fonts/client/Arial/Arial-BoldItalicMT.woff') format('woff'), url('fonts/client/Arial/Arial-BoldItalicMT.ttf') format('truetype'), url('fonts/client/Arial/Arial-BoldItalicMT.svg#Arial-BoldItalicMT') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Arial'; src: url('fonts/client/Arial/ArialMT.eot'); src: url('fonts/client/Arial/ArialMT.eot?#iefix') format('embedded-opentype'), url('fonts/client/Arial/ArialMT.woff2') format('woff2'), url('fonts/client/Arial/ArialMT.woff') format('woff'), url('fonts/client/Arial/ArialMT.ttf') format('truetype'), url('fonts/client/Arial/ArialMT.svg#ArialMT') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Arial'; src: url('fonts/client/Arial/Arial-ItalicMT.eot'); src: url('fonts/client/Arial/Arial-ItalicMT.eot?#iefix') format('embedded-opentype'), url('fonts/client/Arial/Arial-ItalicMT.woff2') format('woff2'), url('fonts/client/Arial/Arial-ItalicMT.woff') format('woff'), url('fonts/client/Arial/Arial-ItalicMT.ttf') format('truetype'), url('fonts/client/Arial/Arial-ItalicMT.svg#Arial-ItalicMT') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Arial'; src: url('fonts/client/Arial/Arial-BoldMT.eot'); src: url('fonts/client/Arial/Arial-BoldMT.eot?#iefix') format('embedded-opentype'), url('fonts/client/Arial/Arial-BoldMT.woff2') format('woff2'), url('fonts/client/Arial/Arial-BoldMT.woff') format('woff'), url('fonts/client/Arial/Arial-BoldMT.ttf') format('truetype'), url('fonts/client/Arial/Arial-BoldMT.svg#Arial-BoldMT') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Lato'; src: url('fonts/client/Lato/Lato-BoldItalic.eot'); src: url('fonts/client/Lato/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/client/Lato/Lato-BoldItalic.woff2') format('woff2'), url('fonts/client/Lato/Lato-BoldItalic.woff') format('woff'), url('fonts/client/Lato/Lato-BoldItalic.ttf') format('truetype'), url('fonts/client/Lato/Lato-BoldItalic.svg#Lato-BoldItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Lato'; src: url('fonts/client/Lato/Lato-Bold.eot'); src: url('fonts/client/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/client/Lato/Lato-Bold.woff2') format('woff2'), url('fonts/client/Lato/Lato-Bold.woff') format('woff'), url('fonts/client/Lato/Lato-Bold.ttf') format('truetype'), url('fonts/client/Lato/Lato-Bold.svg#Lato-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Lato'; src: url('fonts/client/Lato/Lato-Italic.eot'); src: url('fonts/client/Lato/Lato-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/client/Lato/Lato-Italic.woff2') format('woff2'), url('fonts/client/Lato/Lato-Italic.woff') format('woff'), url('fonts/client/Lato/Lato-Italic.ttf') format('truetype'), url('fonts/client/Lato/Lato-Italic.svg#Lato-Italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Lato'; src: url('fonts/client/Lato/Lato-Regular.eot'); src: url('fonts/client/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/client/Lato/Lato-Regular.woff2') format('woff2'), url('fonts/client/Lato/Lato-Regular.woff') format('woff'), url('fonts/client/Lato/Lato-Regular.ttf') format('truetype'), url('fonts/client/Lato/Lato-Regular.svg#Lato-Regular') format('svg'); font-weight: normal; font-style: normal; } body { font-size: 11px; font-family: 'Lato', Arial, Helvetica, sans-serif; } a, a:link, a:visited { color: #fc0; text-decoration: none; } .infopopup a, .infopopup a:link, .infopopup a:visited { text-decoration: underline; } .error { color: red; } .inlineblock { display: inline-block; } .action { margin: 0 auto; width: 100%; } .dummy { display: none !important; } .loginLogo { background: url('https://ekh.nuc/userfiles/2nwXl3NCqd9UZ45m/techexamencentrum.png') no-repeat center center; width: 220px; height: 135px; background-size: contain; margin: auto; display: inline-block; background-position: center left; } .loginText { font-size: 26px; margin: 38px auto 10px; } .loginerror.loginText { font-size: 20px; margin-top: 29px; } .introText { font-size: 26px; margin: 0 auto 24px; } .baseContainer { position: relative; display: block; font-size: 0; } .baseContainer.accountPage { text-align: center; } .baseContainer .header { text-align: left; display: block; padding: 20px; } .baseContainer .column { display: inline-block; width: 50%; text-align: center; } .content.login { text-align: left; display: inline-block; background-color: #fff; padding: 30px; width: 100%; max-width: 436px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; -webkit-box-shadow: 0px 5px 44px 13px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 5px 44px 13px rgba(0, 0, 0, 0.07); box-shadow: 0px 5px 44px 13px rgba(0, 0, 0, 0.07); margin: 0 auto; } .content.login .content-title { margin-bottom: 40px; text-align: center; font-weight: bold; line-height: 2; font-size: 32px; font-size: 2rem; color: #000; } .content.login .inputs { margin: auto; } .content.login .form-group label { padding: 10px 4px 7px; } .content.login .form-group .password.form-input { margin-bottom: 0px; } .content.login .forgotPass { line-height: 14px; margin: 10px 0 10px; text-align: left; font-size: 12px; } .content.login .forgotPass a { color: #000; } .form-group { position: relative; } .form-group label { font-size: 20px; font-size: 1.25rem; color: #151515; font-family: 'Lato', sans-serif; font-weight: bold; padding: 10px 4px 15px; display: block; float: left; } .form-group .showButton { color: #000; font-family: 'Lato', sans-serif; padding-top: 14px; display: inline-block; float: right; text-transform: uppercase; cursor: pointer; font-size: 16px; font-size: 1rem; } .form-group .form-input { display: block; width: 100%; margin: 0 auto 20px; color: #151515; padding: 7px 10px; background-color: #f2f2f2; border: 1px solid #837e91; font-size: 20px; font-size: 1.25rem; -webkit-appearance: none; appearance: none; } .form-group .form-input:disabled { background-color: #fefafd; } .form-group .form-input:focus { border-color: #000; outline: none; } .form-group select.form-input { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font-size: 14px; font-size: 0.875rem; padding-left: 60px; position: relative; } .form-group .selectIcon { border-radius: 4px 0px 0px 4px; height: calc(100% - 2px); width: 48px; position: absolute; left: 1px; top: 1px; z-index: 10; background: url(img/groupIcon.png) center no-repeat #f0f0f0; border-right: 1px solid #d8d5d2; } .rememberme { width: 180px; float: left; margin: 12px 0 -3px 0; color: #656565; font-size: 14px; } .rememberme input { float: left; margin-right: -11px; } .rememberme p { line-height: 18px; display: inline-block; } .rememberme label { cursor: pointer; } .rememberme input[type="checkbox"] { display: none; } .rememberme input[type="checkbox"] + span { width: 18px; height: 18px; background: transparent; border: 1px solid #d8d5d2; border-radius: 2px; font-size: 12px; line-height: 18px; color: transparent; text-align: center; display: inline-block; } .rememberme input[type="checkbox"]:checked + span { background: #000; border-color: #000; color: #fff; } .action .submitBtn.login, .action .submitBtn.register { cursor: pointer; margin: 30px auto 20px; border: 1px solid #fc0; background-color: #fc0; text-align: center; font-size: 24px; line-height: 58px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; width: 100%; padding: 0; color: #000; font-weight: bold; display: block; transition: all 0.5s; -webkit-appearance: none; appearance: none; } .action .submitBtn.login:hover, .action .submitBtn.register:hover { color: #000; background-color: #d1b500; } .registerBtn { margin-top: 21px; display: block; } .registerLinkText { display: inline-block; font-size: 14px; color: #656565; } .arrowBtn .register { color: #2d61f6; display: inline-block; font-size: 14px; margin-left: 5px; } .arrowBtn .login { font-size: 14px; margin-top: 32px; display: block; } .inputOptions { border-radius: 3px; position: absolute; background-color: #fff; z-index: 2; width: 100%; text-align: center; border: 1px solid #c1e7ec; font-size: 16px; } .inputOptions .option { padding: 10px; cursor: pointer; } .adminHeaderLink { position: absolute; right: 200px; top: 7px; z-index: 1; white-space: nowrap; } .adminMLLink { position: absolute; right: 340px; top: 7px; z-index: 1; white-space: nowrap; } .userName { line-height: 65px; padding-right: 34px; } .welcomeUser { text-align: center; color: #262626; font-size: 40px; line-height: 46px; font-weight: bold; margin: 10px 0px 30px 0px; } .headerContainer { height: 65px; background-color: #fff; position: relative; } .headerContainer.elearning { height: auto; z-index: 3; width: 100%; background-color: #e5e6ea; text-align: center; } .headerContainer.elearning a.styledHeaderLink { margin: 22px 20px 5px 20px; } .headerContainer.elearning div.infoButton { margin: 10px 10px 0px 20px; } .headerContainer .logo { background: url('https://ekh.nuc/userfiles/2nwXl3NCqd9UZ45m/techexamencentrum.png') no-repeat center center; width: 179px; height: 45px; background-size: contain; display: inline-block; margin: 8px 0 0 15px; } .headerContainer .logo.centerlogo { width: 515px; height: 81px; margin: 50px auto 40px auto; } .headerContainer.adminHeaderContainer .logo { background-position: center left; } .headerRight { position: absolute; right: 0; top: 0; } .main-header { height: 50px; width: 100%; border-bottom: 1px solid #ddd; padding: 10px 20px; } .main-header .header-info { display: inline-block; width: 50%; } .main-header .header-info .logo-img { background: url('https://ekh.nuc/userfiles/2nwXl3NCqd9UZ45m/techexamencentrum.png') no-repeat center center; background-size: contain; width: 30px; height: 30px; display: inline-block; } .main-header .header-info .logo-text { display: inline-block; width: 100px; color: #666; font-size: 11px; text-transform: uppercase; line-height: 15px; margin-left: 4px; } .main-header .header-info .logo-text span { color: #00bfdf; } .main-header .profile-info { display: inline-block; width: 40%; float: right; text-align: right; position: relative; } .main-header .profile-info a { display: inline-block; } .main-header .profile-info a .icon { width: 30px; height: 30px; margin: 0 8px 0 0; } .main-header .profile-info a .caret { position: relative; top: 10px; } .main-header .profile-info .profile-modal { display: none; position: absolute; top: 28px; right: 0; width: 175px; z-index: 9999; background: #fff; border: 1px solid #ddd; padding: 11px 14px; text-align: center; } .main-header .profile-info .profile-modal .input-field { display: none; font-size: 11px; padding: 5px 10px; text-align: center; width: 100%; } .main-header .profile-info .profile-modal .info { display: block; margin: 0 0 12px 0; } .main-header .profile-info .profile-modal .info span { font-size: 11px; } .main-header .profile-info .profile-modal .info.name span { font-size: 14px; } .main-header .profile-info .profile-modal .info.name .input-field { font-size: 14px; } .main-header .profile-info .profile-modal .info.email { margin: 0 0 15px 0; } .main-header .profile-info .profile-modal .info.pass { margin: 10px 0 12px 0; } .main-header .profile-info .profile-modal .default-btn.header-btn { background: #fff; border: 2px solid #00bfdf; color: #00bfdf; margin: 0 0 4px 0; width: 100%; min-width: 130px; max-width: 130px; padding: 5px; -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 6px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main-header .profile-info .profile-modal .default-btn.header-btn.active { background: #00bfdf; color: #fff; } .main-header .profile-info .profile-modal .default-btn.header-btn .inactive, .main-header .profile-info .profile-modal .default-btn.header-btn .timed { display: none; } .main-header .profile-info .profile-modal .default-btn.header-btn p { font-size: 11px; } /* Icons */ .icon { display: inline-block; background-size: cover; background-repeat: no-repeat; background-position: center center; } .icon.profile-icon { background-image: url('img/profile-icon.png'); } /* Caret */ .caret { display: inline-block; width: 9.6px; height: 4.8px; background-image: url('img/caret.png'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .login-wrapper .containerwrapper { width: 100%; margin: 0 auto; display: table; } .login-wrapper .containerwrapper .container.login { height: 230px; margin-top: 65px; } .login-wrapper .containerwrapper .container.login .inner-content { padding: 10px; } .login-wrapper .containerwrapper .container.login .login-image { height: 215px; background: url('img/lines-person-0.png') no-repeat center center; display: block; background-size: 132px 215px; } .login-wrapper .containerwrapper .container.login .login-content { display: inline-block; padding: 10px 25px 0px 40px; font-size: 9px; } .login-wrapper .containerwrapper .container.login .title { font-size: 20px; text-transform: uppercase; color: #00bfdf; margin-bottom: 15px; } .login-wrapper .containerwrapper .container.login .login-input.hasError input { border: 2px solid #ed1651; } .login-wrapper .containerwrapper .container.login .login-input input { border: 2px solid #ddd; width: 100%; height: 25px; margin: 5px 0px; font-size: 10px; padding: 0px 7px; color: #96999b; } @media screen and (min-width: 568px) { .login-wrapper .containerwrapper { width: 460px; } .login-wrapper .containerwrapper .container.login .login-image { width: 132px; height: 215px; display: inline-block; } .login-wrapper .containerwrapper .container.login .login-content { width: 280px; display: inline-block; } .accountPage .logo { background: url('https://ekh.nuc/userfiles/2nwXl3NCqd9UZ45m/techexamencentrum.png') center no-repeat; background-size: contain; max-width: 866px; height: 51px; /*margin-right: 156px;*/ width: 75%; float: right; margin-top: 30px; } } @media screen and (min-width: 1024px) { .accountPage .logo { width: 80%; } } @media screen and (min-width: 1280px) { .header { height: 220px; } .baseContainer .column { text-align: left; } .baseContainer .column .content.login { margin-left: 156px; } } .main-wrapper { padding: 28px 90px; } .main-wrapper .title { font-size: 19px; text-transform: uppercase; color: #00bfdf; margin-bottom: 20px; font-weight: bold; } .main-wrapper .subtitle { color: #666; font-size: 13px; font-weight: normal; text-transform: uppercase; line-height: 20px; } .main-wrapper .elearnings { margin: 25px 0px; } .main-wrapper .elearnings .item { height: 52px; margin-bottom: 18px; border: 2px solid #e6e6e6; /* padding-left: 20px; */ box-sizing: border-box; position: relative; display: block; color: #000; } .main-wrapper .elearnings .item.completed .status:before { width: 18px; height: 12px; display: block; content: ""; background: url(img/check-icon.png); background-size: cover; margin: 5px 1px; } .main-wrapper .elearnings .item .status { margin-right: 12px; width: 25px; height: 25px; border: 2px solid #e6e6e6; border-radius: 50%; display: inline-block; position: relative; } .main-wrapper .elearnings .item .itemtitle { font-size: 12px; line-height: 25px; } .main-wrapper .elearnings .item .inner { border-left: 10px solid; background-color: #fff; height: 100%; padding: 12px; } .main-wrapper .elearnings .item .time { position: absolute; width: 50px; border-left: 1px solid #e6e6e6; background-color: #eee; top: 0; right: 0; height: 100%; font-size: 18px; color: #666; padding: 9px 0px; text-align: center; } .main-wrapper .elearnings .item .time .small { font-size: 8px; font-weight: 900; width: 100%; display: block; } .initial-popups .popup { width: 237px; position: absolute; background-color: #00bfdf; border: 2px solid #ddd; box-shadow: 0 2px 40px -10px #5a5a5a; top: 165px; z-index: 100; display: none; transform: translate(-50%, 0); } .initial-popups .popup .popup-header { background: #fff; height: 36px; text-align: left; font-size: 14px; color: #00bfdf; text-transform: uppercase; padding: 10px; } .initial-popups .popup .popup-num { float: right; letter-spacing: 3px; } .initial-popups .popup .popup-content { padding: 15px; text-align: center; color: #fff; font-size: 14px; line-height: 20px; } .initial-popups .popup .text { text-align: left; display: none; } .initial-popups .popup .text.active { display: block; } .initial-popups .popup .button.next { min-width: 77px; height: 26px; line-height: 22px; border: 2px solid #fff; display: inline-block; text-align: center; font-weight: bold; font-size: 11px; margin-top: 15px; cursor: pointer; } .initial-popups .popup.active { display: block; width: 237px; position: absolute; background-color: #00bfdf; border: 2px solid #ddd; box-shadow: 0 2px 40px -10px #5a5a5a; top: 150px; } .design-overlay { display: none; position: fixed; top: 0px; left: 0px; right: 0; bottom: 0; z-index: 100000000; opacity: 0.5; background-repeat: no-repeat; pointer-events: none; } .floatright { float: right; } .default-btn { min-width: 75px; border: 1px solid #ed1651; color: #ed1651; font-size: 11px; display: inline-block; text-align: center; padding: 6px 9px; font-weight: bold; cursor: pointer; -webkit-box-shadow: 0px 5px 25px -5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 25px -5px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 25px -5px rgba(0, 0, 0, 0.3); } .default-btn.filled { color: #fff; background-color: #ed1651; } .btn-divider { color: #ed1651; font-size: 11px; display: inline-block; text-align: center; padding: 3px 0px; margin: 2px 9px; font-weight: bold; } .choice-buttons.login { margin: 17px 0px; font-size: 0; } .errorMessage { width: 100%; padding: 10px 15px; background: #ed1651; color: #fff; font-size: 16px; margin-bottom: 15px; text-align: center; } a.saveHotspot, .saveBtn, .assetBtn { display: inline-block; background: #2fac66; font-size: 14px; padding: 7px 20px; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; transition: all 0.5s; font-family: 'Lato', sans-serif; } a.saveHotspot:hover, .saveBtn, .assetBtn:hover { cursor: pointer; color: #fff; background: #2fac66; } .hotspotWrap { margin: 35px 0 35px 35px; overflow-x: overlay; } .hotspotParent { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .hotspotBackground { position: relative; width: 90%; margin: 0 auto; } .hotspotBackground img { max-width: 100%; } .hotSpotArea { position: absolute; background: none; z-index: 9; background-color: rgba(50, 125, 83, 0.25); } .hotspotParent.active .hotSpotArea { background-color: rgba(50, 125, 83, 0.4); } .hotspotParent.active .hotSpotArea .hscolor, .hotspotParent.active .hotspotPoly { background-color: #227b4a !important; } .assetImage { background: lightgray; } .hscolor { background: #95caff; opacity: 0.5; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .hotSpotArea.circle .hscolor { border-radius: 50%; } .hotspotPoly { position: absolute; cursor: pointer; width: 30px; height: 30px; /*width: 23px; height: 23px;*/ -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #2fac66; background-image: url('img/hotspot-dot.png'); background-repeat: no-repeat; /*background-size: 20px 20px;*/ background-size: 15px; background-position: center center; z-index: 30; margin: -25px; } .datatable .listViewSubBar { display: block; height: 33px; line-height: 33px; background: #ccc; border-bottom: 1px solid #bebebe; border-top: 1px solid #fff; } .datatable .listViewSubBar .sub-item { font-size: 14px; display: inline-block; width: 20%; } .datatable.col-5 .listViewSubBar .sub-item { width: 16%; } .datatable .listViewSubBar .sub-item:first-child { width: 30%; margin-left: 10px; } .datatable a.listViewItem, .datatable .listViewItem { cursor: pointer; font-size: 14px; display: block; height: 44px; width: 100%; line-height: 44px; border-top: 1px solid #fff; border-bottom: 1px solid #bebebe; color: #000; position: relative; } .datatable a.listViewItem.locked { pointer-events: none; } .datatable a.listViewItem.odd, .datatable .listViewItem.odd { background: #f2f2f2; } .datatable a.listViewItem.even, .datatable .listViewItem.even { background: #e6e6e6; } .datatable .listViewItem span { width: 20%; display: inline-block; margin-left: 0; } .datatable.col-5 .listViewItem span { width: 16%; } .datatable a.listViewItem span:first-child, .datatable .listViewItem span:first-child { margin-left: 15px; width: 30%; } .datatable .listViewItem.main span:first-child { width: auto; padding-right: 5px; } .datatable a.listViewItem span.second, .datatable .listViewItem span.second { position: absolute; left: 60%; } .datatable .triple a.listViewItem span.second { position: absolute; left: 33%; padding-left: 10px; } .datatable .triple a.listViewItem span.third { position: absolute; left: 66%; padding-left: 10px; } .datatable a.listViewItem .verticalLine { position: absolute; top: -1px; bottom: 0; left: 60%; width: 1px; background: #bebebe; } .datatable .triple a.listViewItem .verticalLine { left: 33%; } .datatable .triple a.listViewItem .verticalLine.second { left: 66%; } .datatable a.listViewItem:first-of-type .verticalLine { top: 0; } .datatable a.listViewItem.highlight { background-color: #2b78e4; color: #fff !important; } .datatable .listViewItem .editButton { margin: 5px; margin-left: 30px; width: 30px; height: 30px; } .footer { display: block; background: #eee; position: fixed; bottom: 0; left: 0; right: 0; } .footer .footer-container { display: block; padding: 20px; font-size: 12px; color: #666; height: 51px; } .footer .vlogo { background-image: url('img/vlogo.png'); background-size: cover; background-repeat: no-repeat; background-position: center center; width: 51px; height: 25px; display: inline-block; margin-left: 13px; position: relative; top: -7px; } @media screen and (max-width: 768px) { .main-wrapper { padding: 10px 20px; } .main-wrapper .elearnings .item { height: 100%; } .main-wrapper .elearnings .item .inner { padding-right: 50px; } } @media screen and (max-width: 1024px) { .accountPage .column.siteName { display: none; } .accountPage .column { width: auto; text-align: center; margin: 0 20px; } } a.styledHeaderLink { display: inline-block; position: relative; margin: 20px; color: #555; font: normal 18px/30px 'Lato', sans-serif !important; } .paginate-block { display: inline-block; } body.elearning { background: #f5f5f5; } .mainmenu { padding-top: 20px; min-height: 100vh; position: relative; } .chapterBlocks .chapterBlock { margin-bottom: 35px; border-radius: 0px; padding: 50px; position: relative; } .chapterBlocks .chapterBlock:last-child { margin-bottom: 0px; } .chapterBlocks .chapterBlock .chapterTitle { color: #262626; margin: 0; font-size: 25px !important; position: relative; } .chapterBlocks .chapterBlock .chapterTitle.darkTxt { color: #004b72; } .chapterBlocks .chapterBlock .chapterSubTitle { font-weight: normal; margin-top: 7px; font-size: 18px; color: #262626; position: relative; } .chapterBlocks .chapterBlock .chapterSubTitle.darkTxt { color: #004b72; } .chapterBlock { padding: 50px; } .prevnextarrows { float: right; margin-top: 5px; position: relative; z-index: 2; } .prevnextarrows .prevarrow, .prevnextarrows .nextarrow { display: inline-block; cursor: pointer; } .prevnextarrows .prevarrow { margin-right: 5px; } .chapterblockbg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.15; border-radius: 0px; } .chapterblockprebg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: white; border-radius: 8px; } .caseBlocks { display: flex; margin-top: 19px; overflow-x: auto; position: relative; white-space: nowrap; overscroll-behavior-x: contain; padding-bottom: 20px; scrollbar-width: none; scroll-padding-left: 0px; scroll-snap-type: x mandatory; scroll-behavior: smooth; } .caseBlocks::-webkit-scrollbar { display: none; } .caseBlocks .caseBlock { scroll-snap-align: start; scroll-snap-stop: always; } .caseBlocks.topCases { height: auto; } .caseBlocks .caseBlock { background: linear-gradient(0deg, #fff 0%, #fff 95%, rgba(255, 255, 255, 0) 100%); cursor: pointer; margin-bottom: 0px; min-height: 450px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; white-space: normal; width: 300px; flex: 0 0 300px; display: flex; flex-direction: column; } .caseBlocks .caseBlock .lockedOverlay { display: none; } .caseBlocks .caseBlock.locked { cursor: default; } .caseBlocks .caseBlock.locked .lockedOverlay { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1; background-image: url('img/caselocked.svg'); background-position: center; background-repeat: no-repeat; } .caseBlockLabel { position: absolute; top: 0; right: 0; background: #fc0; font-family: arial, sans-serif; font-size: 14px; font-weight: 700; color: white; padding: 3px 5px 3px 5px; border-radius: 0px 5px 0px 5px; } .caseBlocks .caseBlock:last-child { margin-right: 0; } .caseBlocks .caseBlock.lockedCase { pointer-events: none; } .caseBlocks .caseBlock.lockedCase:not(.bonusCase) .caseInfo::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: url(img/scorm/icons/lock.png) right 10px bottom 10px no-repeat rgba(64, 64, 64, 0.8); z-index: 10; } .caseBlocks .caseBlock.lastCase { display: none; } .caseBlock .caseType { position: absolute; top: 0; right: 0; color: #fff; line-height: 60px; width: 60px; height: 60px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomleft: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; } .caseBlock .caseIcon { font-size: 22px; } .caseBlock .caseType.case { background: #fc0; } .caseBlock .caseType.teamCase { background: #525199; } .caseBlock-inner { padding: 16px 16px; flex: 1; display: flex; flex-direction: column; } .caseBlock-inner .textBlock { display: flex; flex-direction: column; flex: 1; } .caseBlock { position: relative; } .caseBlock .caseTitle { font-size: 24px; line-height: 34px; color: #262626; font-weight: 600; margin-top: 6px; } @media screen and (max-width: 768px) { .caseBlock .caseTitle { font: bold 24px/38px 'Lato', sans-serif !important; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .caseBlock .caseTitle { font: bold 24px/38px 'Lato', sans-serif !important; } } @media screen and (min-width: 1024px) { .caseBlock .caseTitle { font: bold 24px/38px 'Lato', sans-serif !important; } } .caseBlock .caseTitle p { margin-bottom: 16px; } .caseBlock .caseDesc { color: #000; font-size: 18px; line-height: 31px; flex: 1; } .caseBlock .caseDesc p { margin: 0; } .caseBlock .time { color: #000; font-weight: bold; font-size: 16px; margin: 24px 0 16px 0; line-height: 14px; font-family: "Lato", sans-serif; } .caseBlock .time .icon { margin-right: 5px; } .caseBlock .progress { background: #e3e3e3; display: block; height: 4px; width: 100%; position: relative; } .caseBlock .progress .progress-fill { position: absolute; left: 0; bottom: 0; height: 4px; top: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; background-color: #fc0; } .caseBlock .caseInfo .scores { display: none; } .caseBlock.lockedCase .button-bordered { border-color: #d7d7d7; color: #d7d7d7; } .caseBlock .caseInfo { width: 100%; height: 148px; overflow: hidden; position: relative; border-radius: 5px 5px 0px 0px; } .caseBlock .caseInfo .leerlijnImageOverlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .caseBlock img { width: 100%; min-height: 100%; transform-origin: center; -webkit-transform-origin: center; transform: scale(1); -webkit-transform: scale(1); transition: transform 1s; -webkit-transition: transform 1s; } .caseBlock .labelText { position: absolute; top: 0; right: 0; color: #fff; margin: 0px; font-size: 14px; padding: 4px 8px; border-radius: 0px 10px 0px 10px; line-height: 16px; font-weight: bold; } .caseBlock.animate img { transform: scale(1.2); -webkit-transform: scale(1.2); } .caseBlock.completed .caseCompleted { top: 0px; left: 0; border-radius: 10px 0px; width: 34px; height: 24px; line-height: 24px; display: block; } .caseBlock.completed:not(.no-overlay) .caseInfo:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fc0; opacity: 0.7; z-index: 1; } .caseBlock.completed .caseInfo .scores { display: block; position: absolute; top: 0; left: 0; width: 120px; height: 120px; border: 1px solid #fff; border-radius: 50%; z-index: 2; margin: auto; right: 0; bottom: 0; text-align: center; color: #fff; padding: 35px 0px; } .caseBlock.completed .caseInfo .scores .numbers { font-size: 28px; font-weight: bold; } .caseBlock.completed img { opacity: 1; } .caseBlock .button-bordered { border: 0; background: none; margin: 0; padding: 0; height: auto; border-radius: 0; } .caseBlock .button-bordered .text { display: inline-block; width: fit-content; background: #fc0; border: 1px solid #fc0; font-size: 16px; font-weight: bold; line-height: 19.5px; padding: 5px 8px 4px 8px; border-radius: 1.22px; margin: 0px 0px; /* &.jsContinue { position: relative; padding-right: 36px; &:after { content: ""; width: 18px; height: 18px; border-radius: 50%; background-color: #fff; background-image: url(img/button-arrow-right.png); background-position: center center; background-repeat: no-repeat; display: inline-block; position: absolute; top: 0px; right: 10px; margin: 7px auto; background-size: 12px; } } */ } .caseBlock .button-bordered .text.jsStart, .caseBlock .button-bordered .text.jsCertificate { color: #000; } .caseBlock .button-bordered .text.jsStart:hover, .caseBlock .button-bordered .text.jsCertificate:hover { background: #d1b500; border-color: #d1b500; } .caseBlock .button-bordered .text.jsReset, .caseBlock .button-bordered .text.jsContinue { background: white; border: 1px solid #fc0; color: #000; } .caseBlock .button-bordered .text.jsLocked { border: 0; padding-left: 0; } .caseBlock .button-bordered .text.jsStatusOnly { background: #d6d6d6; border: 1px solid #d6d6d6; color: #929292; } .chapterBlocks .chapterBlock .chapterTitle { margin-bottom: 22px; } .beheer .editProfile { width: 400px; } .beheer .editProfile .formsection { border: 1px solid black; padding: 10px 20px 20px 20px; margin: 20px 0px 0px 0px; display: inline-block; min-width: 367px; } .beheer .editProfile .formquestioninput.contenttags label { display: block; } .beheer .editProfile .formquestion.highlighttitle { font-weight: bold; } .beheer .editProfile .printbtnwrapper { float: right; } .printonly { display: none; } .mainmenu { background: #f5f5f5; background-image: url(img/background-hooks.png); background-repeat: no-repeat; background-position: right top 0px; background-size: 1000px; background-attachment: fixed; } @media screen and (max-width: 768px) { .mainmenu { background-size: 800px; background-position: right -60px top 0px; } } div.infoButtonWrapper { display: inline-block; } div.infoButton { font-family: "Lato", sans-serif; font-size: 36px; line-height: 43px; color: #000; font-weight: bold; background: #fc0; border-radius: 7.55px; padding: 3px 19px 3px 19px; display: inline-block; cursor: pointer; } .content.login { position: relative; } .content.login div.infoButton { position: absolute; right: 6px; top: 6px; } .infoButtonWrapper.open .infopopupoverlay { display: block; } .infoButtonWrapper.open .infopopup { display: block; } .infopopupoverlay { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 99; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); display: none; } .infopopup { background: #fff; text-align: center; max-width: 90%; max-height: 90%; margin: 0 auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: fixed; z-index: 99; color: black; font-size: 23px; line-height: 27px; border: 2px solid #fc0; font-weight: normal; display: none; width: calc(80% - 70px); padding: 60px 10px 60px 10px; } .infopopup .infopopupinner { padding: 0px 40px 0px 40px; overflow-y: auto; overflow-x: hidden; max-height: calc(90vh - 120px); width: calc(80vw - 95px); } .infopopup .infopopupclose { position: absolute; right: -30px; top: -2px; background: #fc0; width: 30px; height: 30px; text-align: center; line-height: 26px; color: black; font-size: 18px; cursor: pointer; } .accountPage .logo { display: none; } .viewonly input[type=text], .viewonly input[type=date] { background: #f6f6f6; } .modules.dashboard { margin: 25px auto 0; padding: 25px 60px; } .modules.dashboard h1 { font-family: "Lato", sans-serif; font-size: 24px; font-weight: 700; line-height: 18px; text-align: left; } .modules.dashboard h2 { font-family: "Lato", sans-serif; font-size: 24px; font-weight: 700; line-height: 18px; text-align: left; margin-bottom: 35px; } .modules.dashboard h3 { font-family: "Lato", sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; text-align: left; margin-bottom: 28px; margin-left: 16px; } .modules.dashboard .dashboardmenu { margin-top: 20px; margin-bottom: 32px; white-space: nowrap; border-bottom: 1px solid #cfdee8; max-width: 960px; } .modules.dashboard .dashboardmenu div { display: inline-block; margin-left: 16px; margin-right: 16px; padding-bottom: 17px; } .modules.dashboard .dashboardmenu div a { font-family: "Lato", sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; text-align: left; color: #929292; border-bottom: 3px solid #fc0; padding-bottom: 16px; } .modules.dashboard .dashboardmenu div.active a { color: #0d141c; } .modules.dashboard .dashboardoverzichttabel { display: table; margin-bottom: 32px; font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400; line-height: 21px; text-align: left; color: #0d141c; border: 1px solid #929292; border-radius: 12px; } .modules.dashboard .dashboardoverzichttabel .dotheader, .modules.dashboard .dashboardoverzichttabel .dotrow { display: table-row; } .modules.dashboard .dashboardoverzichttabel .dotheader .dotcell, .modules.dashboard .dashboardoverzichttabel .dotrow .dotcell { display: table-cell; vertical-align: middle; } .modules.dashboard .dashboardoverzichttabel .dotheader { background-color: #f2f2f2; } .modules.dashboard .dashboardoverzichttabel .dotheader .dotcell { padding: 10px 10px 10px 14px; border-bottom: 1px solid #929292; } .modules.dashboard .dashboardoverzichttabel .dotheader .dotcell:last-child { padding-right: 16px; } .modules.dashboard .dashboardoverzichttabel .dotrow .dotcell { padding: 22px 10px 22px 14px; } .modules.dashboard .dashboardoverzichttabel .dotrow .dotcell:last-child { padding-right: 16px; } .modules.dashboard .redbar, .modules.dashboard .yellowbar, .modules.dashboard .greybar, .modules.dashboard .whitebar, .modules.dashboard .greenbar, .modules.dashboard .salmonbar, .modules.dashboard .purplebar { border-radius: 10px; box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.1); width: 146px; height: 32px; text-align: center; line-height: 32px; } .modules.dashboard .redbar { background: #ff6b6b; } .modules.dashboard .yellowbar { background: #fcd48a; } .modules.dashboard .greybar { background: #f2f2f2; } .modules.dashboard .whitebar { background: #fff; border: 1px solid #000; } .modules.dashboard .greenbar { background: #c8f3de; } .modules.dashboard .salmonbar { background: #fadbd0; } .modules.dashboard .purplebar { background: #b77be5; } .modules.dashboard .legenda { margin-left: 16px; max-width: 900px; } .modules.dashboard .legenda .legendablok { display: inline-block; margin-right: 35px; margin-bottom: 20px; font-family: "Lato", sans-serif; font-size: 14px; font-weight: 500; line-height: 21px; text-align: left; color: #0d141c; min-width: 160px; } .modules.dashboard .legenda .legendablok .legendatitle { margin-bottom: 5px; } .modules.dashboard .dashboardsearchbar { margin-bottom: 20px; margin-left: 16px; } .modules.dashboard .dashboardsearchbar input { background-color: #f2f2f2; font-family: "Lato", sans-serif; font-size: 16px; font-weight: 400; text-align: left; color: #333; border-radius: 12px; border: none; padding: 14px 24px 14px 48px; background-image: url("img/dashboard-searchicon.svg"); background-repeat: no-repeat; background-position: 18px center; width: 900px; } .modules.dashboard .dashboardkeurmeestertabel { display: table; font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400; line-height: 21px; text-align: left; color: #0d141c; border: 1px solid #929292; border-radius: 12px; } .modules.dashboard .dashboardkeurmeestertabel .dktheader, .modules.dashboard .dashboardkeurmeestertabel .dktrow { display: table-row; } .modules.dashboard .dashboardkeurmeestertabel .dktheader .dktcell, .modules.dashboard .dashboardkeurmeestertabel .dktrow .dktcell { display: table-cell; vertical-align: middle; } .modules.dashboard .dashboardkeurmeestertabel .dktheader { background-color: #f2f2f2; } .modules.dashboard .dashboardkeurmeestertabel .dktheader .dktcell { padding: 12px 16px 12px 16px; font-weight: 700; color: #000; } .modules.dashboard .dashboardkeurmeestertabel .dktrow .dktcell { padding: 20px 16px 20px 16px; } .modules.dashboard .dashboardcertificaattabel { display: table; font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400; line-height: 21px; text-align: left; color: #0d141c; border: 1px solid #929292; border-radius: 12px; margin-left: 16px; min-width: 960px; } .modules.dashboard .dashboardcertificaattabel .dctrow { display: table-row; } .modules.dashboard .dashboardcertificaattabel .dctrow:nth-child(odd) { background-color: #f2f2f2; } .modules.dashboard .dashboardcertificaattabel .dctrow:last-child .dctcell { border-bottom: none; } .modules.dashboard .dashboardcertificaattabel .dctrow .dctcell { display: table-cell; vertical-align: middle; padding: 12px 16px 12px 16px; border-bottom: 1px solid #929292; } .modules.dashboard .dashboardcertificaattabel .dctrow .dctcell .dctname { font-family: "Lato", sans-serif; font-size: 16px; font-weight: 600; line-height: 24px; text-align: left; color: #000; } .modules.dashboard .dashboardcertificaattabel .dctrow .dctcell .dctprops { font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400; line-height: 21px; text-align: left; color: #333; } .modules.dashboard .dashboardcertificaattabel .dctrow .dctcell.dctdays { font-size: 16px; color: #000; text-align: right; } .module-content .formquestionitem.missing input[type="text"], .module-content .formquestionitem.missing input[type="date"], .module-content .formquestionitem.missing input[type="email"], .module-content .formquestionitem.missing input[type="password"], .module-content .formquestionitem.missing select { border: 1px solid red; } .modules.mailnotificaties { margin: 25px auto 0; padding: 25px 60px; } .modules.mailnotificaties h1 { font-family: "Lato", sans-serif; font-size: 24px; font-weight: 700; line-height: 18px; text-align: left; } .modules.mailnotificaties .mailnotificatie { margin-top: 30px; } .modules.mailnotificaties .mailnotificatie .mailsendsucces { color: green; padding: 10px; border: 1px solid green; margin-bottom: 30px; background: rgba(0, 128, 0, 0.1); max-width: 600px; font-weight: bold; } .modules.mailnotificaties .mailnotificatie .title { font-weight: bold; margin-bottom: 3px; } .modules.mailnotificaties .mailnotificatie .buttonwrapper { margin-bottom: 10px; } .modules.mailnotificaties .mailnotificatie .usergroupwrapper { margin-bottom: 20px; } .modules.mailnotificaties .mailnotificatie .usergroupwrapper label { margin-right: 10px; } .modules.mailnotificaties .mailnotificatie .subjectwrapper { margin-bottom: 20px; min-width: 300px; max-width: 600px; } .modules.mailnotificaties .mailnotificatie .subjectwrapper input[type=text] { width: 100%; } .modules.mailnotificaties .mailnotificatie .messagewrapper { margin-bottom: 20px; min-width: 300px; max-width: 800px; } .modules.mailnotificaties .mailnotificatie .attachmentwrapper { margin-bottom: 30px; } .modules.csvrapportages { margin: 25px auto 0; padding: 25px 60px; } .modules.csvrapportages h1 { font-family: "Lato", sans-serif; font-size: 24px; font-weight: 700; line-height: 18px; text-align: left; } .modules.csvrapportages .csvDownloadButtons { margin-top: 30px; } .modules.csvrapportages .csvDownloadButtons .buttonwrapper { margin-bottom: 10px; } .modules.csvrapportages .csvDownloadButtons .datefields { margin: 0px 0px 2px 0px; } .modules.csvrapportages .csvDownloadButtons .datefields input { margin: 0px 3px 0px 3px; } .modules.csvrapportages .csvDownloadButtons .buttonwrapgroup { margin: 0px 0px 30px 0px; } .modules.csvrapportages .csvDownloadButtons .buttonwrapgroup .buttonwrapper { margin-bottom: 5px; } .modules.csvrapportages .resultMessage { margin-bottom: 12px; border: 1px solid red; padding: 8px; color: red; display: inline-block; } .password-section { position: relative; display: inline-block; width: 100%; } .password-section input::-ms-reveal, .password-section input::-ms-clear { display: none; } .password-section .fa-eye { position: absolute; top: 12px; right: 13px; cursor: pointer; background-image: url('img/eye.svg'); background-repeat: no-repeat; background-position: top right; width: 25px; height: 20px; } .password-section .fa-eye-slash { position: absolute; top: 12px; right: 13px; cursor: pointer; background-image: url('img/noteye.svg'); background-repeat: no-repeat; background-position: top right; width: 25px; height: 20px; } .main-tooltip { display: none; position: absolute; z-index: 10000; text-align: left; top: 0; left: 0; font-size: 12px; line-height: 14px; font-weight: normal; pointer-events: none; /* .arrow { position: absolute; width: 0; height: 0; display: block; border-color: transparent; border-style: solid; } .arrow.top { top: 100%; bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .arrow.right { top: 50%; left: -5px; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .arrow.bottom { top: -5px; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .arrow.left { top: 50%; right: -5px; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } */ } .main-tooltip .content { pointer-events: none; display: block; color: #000; text-align: left; background-color: #fff; border: 1px solid #000; border-radius: 0px; word-break: break-word; /* Force tooltip style */ padding: 4px 8px 4px 8px; font-family: "Lato-Regular", sans-serif; } #togglePassword2 { display: none; } @media screen and (max-width: 768px) { .infopopup { padding: 0px 0px 0px 0px; font-size: 20px; line-height: 24px; width: calc(100% - 70px); height: calc(70% - 70px); } .infopopup .infopopupinner { height: 100%; padding: 20px 15px 20px 15px; max-height: none; width: 100%; } } @media screen and (min-width: 1366px) { .chapterBlock { padding: 30px 2px; } } @media screen and (min-width: 1024px) { .caseBlocks { margin-top: 22px; } .caseBlocks .caseBlock .caseTitle { font-size: 26px; } .chapterBlocks .chapterBlock .chapterTitle { font-size: 30px !important; } } @media screen and (min-width: 736px) { .caseBlocks .caseBlock { width: 100%; margin: 0 25px 0px 0px; } } @media screen and (max-width: 767px) { .headerContainer .logo.centerlogo { width: 315px; } .headerContainer.elearning a.infoButton { font-size: 20px; line-height: 32px; padding: 2px 15px 2px 15px; margin: 10px 10px 0px 15px; } .headerContainer.elearning a.styledHeaderLink { margin: 14px 15px 5px 15px; } .chapterblockprebg, .chapterblockbg { border-radius: 0px; } .chapterBlocks .chapterBlock .chapterTitle { font-size: 24px; } .chapterBlocks .chapterBlock .chapterSubTitle { font-size: 14px; } .chapterBlocks .caseBlocks .caseBlock .button-bordered { position: absolute; bottom: 0; left: 0; width: auto; } .chapterBlocks .chapterBlock { border-radius: 0px; padding: 20px; margin: 15px 0px 15px 0px; } .caseBlocks .caseBlock { max-width: 250px; } .caseBlock .caseInfo { height: 112px; } .caseBlocks .caseBlock { margin: 0 25px 0px 0px; min-height: 402px; padding-bottom: 70px; } .caseBlocks .caseBlock:first-child { margin-left: 20px; } .caseBlocks .caseBlock:last-child { margin-right: 20px; } .caseBlock .caseDesc { font-size: 16px; line-height: 24px; } .caseBlock .caseTitle { font-size: 18px !important; line-height: 24px !important; margin-top: 6px; } .caseBlock .time { font-size: 14px; margin: 6px 0 0 0; } .caseBlock-inner { padding: 12px 16px; } .caseBlock .labelText { font-size: 11px; line-height: 12px; } [class^="button"].button-bordered .text { font-size: 16px !important; padding: 12px 30px; } .caseBlock .button-bordered .text.jsContinue::after { margin: 5px auto; } .caseBlock .button-bordered .text { margin: 16px 20px; } .caseBlock .caseTitle p { margin-bottom: 6px; } .caseBlocks { padding-bottom: 0px; margin-left: -20px; margin-right: -20px; scroll-padding-left: 20px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .caseBlocks .caseBlock { max-width: 300px; } } .overview-wrap { overflow: hidden; } .main-wrapper.overview { padding: 0; overflow: hidden !important; max-width: 100%; max-height: 100%; height: 100vh; width: 100vw; -webkit-transform: translate3d(0, 0, 0); } .main-wrapper.overview .module-scroller-controls .btn { position: fixed; top: 50%; transform: translateY(-50%); background-size: cover; width: 27px; height: 50px; cursor: pointer; } .main-wrapper.overview .module-scroller-controls .btn.prev { background-image: url('img/arrow-left.png'); left: 50px; } .main-wrapper.overview .module-scroller-controls .btn.next { background-image: url('img/arrow-right.png'); right: 50px; } .main-wrapper.overview .module-scroller-controls .btn.disabled { opacity: 0.5; pointer-events: none; } .main-wrapper.overview .module-scroller-controls .bullets { position: absolute; bottom: 165px; width: 100%; height: 10px; text-align: center; } .main-wrapper.overview .module-scroller-controls .bullets .bullet { width: 8px; height: 8px; background: #fff; display: inline-block; margin: 0px 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .main-wrapper.overview .module-scroller-controls .bullets .bullet.active { background: #000; } .main-wrapper.overview .module-scroller { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; white-space: nowrap; font-size: 0; overflow: hidden; } .main-wrapper.overview .module-scroller .inner { position: absolute; top: 0; left: 0px; width: 100%; height: 100%; } .main-wrapper.overview .module-scroller .module { width: 100%; height: 100%; position: relative; display: inline-block; } .main-wrapper.overview .module-scroller .module .background { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; } .main-wrapper.overview .module-scroller .module .images { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; } .main-wrapper.overview .module-scroller .module .images .image { max-width: 90%; display: inline-block; } .main-wrapper.overview .module-scroller .module .images .image.right { margin-left: 100px; } .main-wrapper.overview .module-scroller .module .images .image img { width: 100%; } .main-wrapper.overview .module-scroller .module .button { position: absolute; bottom: 60px; margin: 0 auto; z-index: 1; font-size: 16px; font-weight: bold; color: #fff; display: inline-block; width: 109px; left: 0; right: 0; background: #000; height: 46px; line-height: 46px; text-align: center; border-radius: 5px; } /*@media screen and (max-width: 960px) { */ /* Changed for ticket #0020266 */ @media screen and (max-width: 1004px) and (orientation: landscape) { .main-wrapper.overview { padding-bottom: 100px; box-sizing: content-box; } .main-wrapper.overview .module-scroller-controls .bullets { bottom: 85px; } .main-wrapper.overview .module-scroller .module .button { bottom: 15px; } } /*@media screen and (max-width: 768px) { */ /* Changed for ticket #0020266 */ @media screen and (max-width: 1004px) { .main-wrapper.overview .module-scroller .module .images .image { display: block; margin: 50px auto !important; } .main-wrapper.overview .module-scroller-controls .btn.prev { left: 30px; } .main-wrapper.overview .module-scroller-controls .btn.next { right: 30px; } } .adminDashboard { margin: 15px auto 0; width: 960px; font-size: 0; } .adminDashboard a { display: inline-block; width: 240px; text-align: center; margin: 0 0 15px 0; padding: 10px 0; font-size: 14px; color: #333; } .adminDashboard a:hover { color: #000; } .cbPageSelector { margin: 32px 0 22px 0; text-align: center; } a.cbPageItem { display: inline-block; font-family: 'open_sanssemibold', sans-serif; background: #fff; width: 24px; height: 24px; border-radius: 50%; font-size: 17px; color: #2b78e4; text-align: center; line-height: 24px; box-shadow: 0 1px 1px 0 #c5c5c5; margin: 0 5px; } a.cbPageItem.active { background: #2b78e4; color: #fff; } a.cbPageItem.left { background: transparent url(img/arrowLeft-blue.png) no-repeat center center; background-size: 8px 14px; box-shadow: none; } a.cbPageItem.right { background: transparent url(img/arrowRight-blue.png) no-repeat center center; background-size: 8px 14px; box-shadow: none; } a.cbPageItem.add { background: #2b78e4 url(img/plusButtonSmall.png) no-repeat center center; background-size: 24px 24px; box-shadow: none; margin: 0 20px; } a.cbPageItem.remove { background: #2b78e4 url(img/removeButtonSmall.png) no-repeat center center; background-size: 24px 24px; box-shadow: none; } a.cbPageItem.edit { background: #2b78e4 url(img/editButtonSmall.png) no-repeat center center; background-size: 24px 24px; box-shadow: none; } h1.adminTitle { font-size: 24px; padding-top: 20px; } hr.adminLine { background: #000; height: 1px; border: 0; } .adminDashboard img, .adminDashboardImg { width: 159px; height: 159px; background: #fff no-repeat center center; margin: 0 auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 50%; transition: all 0.3s ease-in-out; } .adminDashboard img:hover, .adminDashboardImg:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } a.itemIcon, .itemIcon { width: 27px; height: 20px; cursor: pointer; display: inline-block; padding: 0px; margin-left: 3px; color: #000; background-image: url(img/itemIconBg.png); background-color: #fff; background-repeat: no-repeat; border-radius: 3px; } .itemIcon.info { background-position: -27px -0px; } .itemIcon.info:hover { background-position: 0 -0px; background-color: #000; } .itemIcon.preview { background-position: -27px -20px; } .itemIcon.preview:hover { background-position: 0 -20px; background-color: #000; } .itemIcon.add { background-position: -27px -40px; } .itemIcon.add:hover { background-position: 0 -40px; background-color: #000; } .itemIcon.delete { background-position: -27px -60px; } .itemIcon.delete:hover { background-position: 0 -60px; background-color: #000; } .itemIcon.export { background-position: -27px -80px; } .itemIcon.export:hover { background-position: 0 -80px; background-color: #000; } .itemIcon.download { background-position: -27px -100px; } .itemIcon.download:hover { background-position: 0 -100px; background-color: #000; } .itemIcon.edit { background-position: -27px -120px; } .itemIcon.edit:hover { background-position: 0 -120px; background-color: #000; } .itemIcon.close { background-position: -27px -140px; } .itemIcon.close:hover { background-position: 0 -140px; background-color: #000; } .itemIcon.save { background-position: -27px -160px; } .itemIcon.save:hover { background-position: 0 -160px; background-color: #000; } .itemIcon.nextEdit { background-position: -27px -180px; } .itemIcon.nextEdit:hover { background-position: 0 -180px; background-color: #000; } .itemIcon.prevEdit { background-position: -27px -200px; } .itemIcon.prevEdit:hover { background-position: 0 -200px; background-color: #000; } .itemIcon.clone { background-position: -27px -220px; } .itemIcon.clone:hover { background-position: 0 -220px; background-color: #000; } .itemIcon.plus { background-position: -27px -240px; } .itemIcon.plus:hover { background-position: 0 -240px; background-color: #000; } .itemIcon.text { width: auto; background: none; padding: 0 10px; } .itemIcon.text:hover { background-color: #000; color: #fff; } .listView { width: 100%; font-size: 13px; border-top: 1px solid #bebebe; border-bottom: 1px solid #efefef; } .listView.removeBorder { border: 0; } .listView .emptyListView { display: block; padding: 7px; background: #bde5f8; border: 1px solid #00529b; margin: 10px; border-radius: 3px; } a.listViewItem, .listViewItem { display: block; height: 44px; width: 100%; line-height: 44px; border-top: 1px solid #fff; border-bottom: 1px solid #bebebe; color: black; position: relative; } a.listViewItem.odd, .listViewItem.odd { background: #f2f2f2; } a.listViewItem.even, .listViewItem.even { background: #e6e6e6; } a.listViewItem.highlight, .listViewItem.highlight { background-color: #2b78e4; } a.listViewItem span:first-child, .listViewItem span:first-child { margin-left: 15px; } a.listViewItem span.second, .listViewItem span.second { position: absolute; left: 60%; } a.listViewItem .verticalLine, .listViewItem .verticalLine { position: absolute; top: -1px; bottom: 0; left: 60%; width: 1px; background: #bebebe; } a.listViewItem:first-of-type .verticalLine, .listViewItem:first-of-type .verticalLine { top: 0; } a.listViewItem .itemIcon, .listViewItem .itemIcon { margin: 12px 0 0 7px; } .triple a.listViewItem span.second, .triple .listViewItem span.second { position: absolute; left: 33%; } .triple a.listViewItem span.third, .triple .listViewItem span.third { position: absolute; left: 66%; } .triple a.listViewItem .verticalLine, .triple .listViewItem .verticalLine { left: 33%; } .triple a.listViewItem .verticalLine.second, .triple .listViewItem .verticalLine.second { left: 66%; } .iconRightArrow { background: url(img/arrowRight-blue.png) no-repeat center center; background-size: 9px 15px; position: absolute; right: 0; top: 0; bottom: 0; width: 44px; } .iconRightArrow.upArrow { -webkit-transform: rotate(-90deg); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ -ms-transform: rotate(-90deg); /* IE 9 */ transform: rotate(-90deg); /* IE 10, Fx 16+, Op 12.1+ */ } .iconRightArrow.downArrow { -webkit-transform: rotate(90deg); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ -ms-transform: rotate(90deg); /* IE 9 */ transform: rotate(90deg); /* IE 10, Fx 16+, Op 12.1+ */ } .contentManagerBlocks { width: 100%; height: 100%; font-size: 0; background: #ececec; } .header.noEntry { min-height: 0px; } .header.noEntry .slide { display: none; } .sub-header { position: relative; width: 100%; background: #fff; height: 43px; z-index: 100; } .sub-header.big { height: 60px; } .sub-headerSpacer { height: 43px; width: 100%; } .sub-headerSpacer.big { height: 60px; } .sub-header > span { line-height: 42px; margin-left: 15px; font-size: 14px; } .fixed-header { width: 100%; background: #fff; height: 43px; top: 0; z-index: 100; position: fixed; border-bottom: 1px solid #ccc; } .order-content { margin: 43px 0 0 0; } .sub-header-subtitle { margin-left: 15px; margin-top: 12px; font-size: 11px; text-transform: uppercase; color: #999; } .sub-header-title { line-height: 60px; margin-left: 15px; font-size: 20px; display: inline-block; } .sub-header-title.sub { line-height: 20px; } .sub-header-controls { position: absolute; right: 0; top: 0; bottom: 0; } .sub-header-controls a { display: inline-block; height: 100%; line-height: 60px; padding-left: 17px; padding-right: 17px; font-size: 11px; color: #2b78e4; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; border-right: 1px solid #f2f2f2; } .sub-header-controls a:last-child { border-right: 0; } .sub-header-controls a.active { color: #b5d0f6; } .popup .sub-header { position: absolute; } .popup .rightToolbar { left: 30%; } .popup .blockLeftContent { padding-top: 60px; } .blockLeftContent, .blockRightContent { height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; display: inline-block; } .blockLeftContent { width: 30%; border-right: 1px solid #2b78e4; } .blockRightContent { left: 30%; width: 70%; } .leftToolbar { width: 30%; border-right: 1px solid #2b78e4; display: inline-block; } .rightToolbar { width: 70%; display: inline-block; } .listViewIcon { display: inline-block; width: 44px; height: 44px; } .listViewIcon.folder { background: url(img/foldericon.png) no-repeat center center; background-size: 20px 18px; } .listViewIcon.file { background: url(img/fileicon.png) no-repeat center center; background-size: 16px 21px; } .listViewIcon.add { width: 24px; height: 24px; border-radius: 50%; background: #2b78e4 url(img/plusButtonSmall.png) no-repeat center center; background-size: 24px 24px; margin: 10px; } div.listViewAddFile { position: absolute; right: 30px; } div.listViewAddFolder { position: absolute; right: 80px; } .treeArrow { display: inline-block; width: 6px; height: 44px; margin-left: 10px; position: relative; } .treeArrow div { position: absolute; top: 19px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #2b78e4; } .treeArrow.hidden div { border: 0; } .listViewItemTitle { display: inline-block; } .listViewItemTitle.active { color: #2b78e4; } .listViewGroup { overflow: hidden; } .listViewGroup.closed { height: 0; } .popupOverlay { background: #000; background: rgba(0, 0, 0, 0.65); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2000; width: 100%; height: 100%; display: none; } .popup { background: #fff; text-align: center; display: inline-block; max-width: 90%; max-height: 90%; margin: 0 auto; box-shadow: 0 2px 20px 5px #2f2f2f; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ -ms-transform: translate(-50%, -50%); /* IE 9 */ transform: translate(-50%, -50%); /* IE 10, Fx 16+, Op 12.1+ */ } .popup.fullscreen { width: 90%; height: 90%; } .popupText { padding: 30px; font-size: 20px; } .popupTitle { line-height: 60px; padding-left: 15px; font-size: 20px; text-align: left; background: #fff; } .popupTitle.double { line-height: 30px; padding-right: 15px; text-align: center; padding-top: 20px; border-bottom: 1px solid #2b78e4; padding-bottom: 20px; } .popupButtons { background: #f1f1f1; min-width: 290px; } .popupButtons a.blueButton { width: 125px; display: inline-block; margin: 10px 5px; } .popup.fullscreen .popupButtons { position: absolute; left: 0; bottom: 0; right: 0; z-index: 1; } .popupHeader { padding: 12px 12px 1px 12px; background: #f2f2f2; border-bottom: 1px solid #2b78e4; min-width: 280px; position: absolute; left: 0; top: 0; right: 0; z-index: 1; } .popupContent { text-align: left; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #f1f1f1; } .popupHeaderSpacer { height: 59px; width: 100%; } .popupButtonsSpacer { height: 62px; width: 100%; } .popupRatingExplanationTpl .inputBlock { margin-top: 0; padding-top: 20px; text-align: left; } .popupRatingExplanationTpl .roundedInput { height: 150px; } .popupInputsTpl .inputBlock { margin-top: 0; padding-top: 20px; text-align: left; } .popupAssetTpl .popup { text-align: left; background-color: #ececec; } .popupAssetTpl .sub-header { top: 0; } .popupAssetTpl .contentManagerBlocks .toolbarSpacer { height: 60px; } .popupAssetTpl .popup.fullscreen .popupButtons { text-align: center; background: transparent; position: static; } .inputBlock { margin: 20px 16px 16px 16px; } .inputHeader { font-size: 11px; text-transform: uppercase; color: #999; } .roundedInput { -webkit-appearance: none; display: block; width: 100%; height: 33px; padding: 6px; font-size: 14px; color: #000; background: #fff; border: 1px solid #ececec; border-radius: 2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); margin-bottom: 12px; } .roundedInput.error { border: 1px solid red; } .blueButton, a.blueButton { -webkit-appearance: none; border-radius: 0; height: 42px; width: 100%; color: #fff; background: #2b78e4; border: 0; border-bottom: 2px solid #2260b6; font-size: 14px; text-transform: uppercase; margin-bottom: 12px; } a.blueButton { display: block; width: auto; text-align: center; line-height: 42px; } .mediaPreview { background: lightblue no-repeat center center; background-size: contain; border: 1px solid #eaeaea; margin: 25px; height: 270px; } .mediaDropUploadText { font-size: 16px; color: #1a1a1a; position: relative; left: 50%; top: 50%; display: inline-block; -webkit-transform: translate(-50%, -50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ -ms-transform: translate(-50%, -50%); /* IE 9 */ transform: translate(-50%, -50%); /* IE 10, Fx 16+, Op 12.1+ */ } .mediaPreviewVideo { display: none; width: 100%; height: 100%; } .mediaInfoWrap { margin: 25px; } .mediaInfo { width: 100%; } .miHeader { font-size: 12px; text-transform: uppercase; color: #999; } .miContent { font-size: 16px; color: #1a1a1a; } .miContent td { padding-bottom: 16px; } .uploadInfo .miContent td { padding-bottom: 0; } .uploadInfo .statsProgress { padding-bottom: 20px; } .uploadAssetBtnInput { position: absolute; top: -999px; left: 0; } .statsProgress { position: relative; height: 5px; width: 100%; } .statsProgressLine { position: absolute; width: 100%; height: 1px; top: 4px; left: 0; background: #b3b3b3; } .statsProgressBar { position: absolute; width: 0; height: 3px; top: 3px; left: 0; background: #2b78e4; } .listViewEditButtons { position: absolute; right: 10px; top: 10px; height: 23px; display: none; } .listViewEditButtons .cbEditItem { width: 23px; height: 23px; background-size: 23px 23px; margin: 0 4px; line-height: 23px; text-align: center; color: #2b78e4; } .cbEditItem { display: inline-block; background: #fff no-repeat center center; width: 35px; height: 35px; border-radius: 50%; background-size: 35px 35px; box-shadow: 0 1px 1px 0 #c5c5c5; margin: 0 5px; } .cbEditItem.move { background-image: url(img/moveIcon.png); } .cbEditItem.edit { background-image: url(img/editIcon.png); } .cbEditItem.copy { background-image: url(img/cloneIcon.png); } .cbEditItem.remove { background-image: url(img/trashIcon.png); } .focuspointSelect { margin: 10px; } .mediaPreviewImage { position: relative; } .focuspointSelector { position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; width: 100px; height: 100px; background: url(img/focuspointTarget.png) no-repeat center center; pointer-events: none; } .editEntry { width: 100%; margin-bottom: 50px; padding: 50px 100px 0px; } .editEntry input[type="text"] { width: 100%; } .editEntry .spacer { height: 10px; width: 100%; } .editEntry h2 { color: #000; margin: 10px 0 5px 0; font: 16px / 26px Arial, sans-serif; } .inputElementToggle { white-space: nowrap; } .inputTypeName { font-size: 11px; color: #707070; margin-left: 10px; font-weight: normal; display: inline-block; line-height: 18px; } .addAnswer, .removeAnswer { cursor: pointer; display: inline-block; margin: 0 2px; line-height: 24px; height: 24px; } .addAnswer span, .removeAnswer span { background: #2b78e4 url(img/plusButtonSmall.png) no-repeat center center; background-size: 24px 24px; display: inline-block; width: 24px; height: 24px; border-radius: 50%; font-size: 17px; margin-right: 10px; } .removeAnswer span { background-color: #f11f1f; background-image: url(img/closeWVsmall.png); } .answerTable { border: 0px solid #383838; margin-bottom: 10px; width: 100%; } .assetImage, .assetName { display: inline-block; margin: 10px 5px; font-size: 14px; } .modules { width: 100%; margin: 20px auto 0; padding: 25px 20px; } .module-content { width: 100%; } .module-content h1 { font-size: 25px; padding: 0 0 5px 0; margin: 0 0 15px 0; border-bottom: 1px solid #f1f1f1; } .module-content .formquestion { font-size: 14px; color: #000; margin: 10px 0 5px 0; } .module-content input[type="text"], .module-content input[type="email"], .module-content input[type="number"], .module-content input[type="date"], .module-content input[type="time"], .module-content select { padding: 7px; border: none; border: solid 1px #c9c9c9; transition: border 0.3s; outline: none; } .module-content input[type="text"]:focus, .module-content input[type="email"]:focus, .module-content input[type="number"]:focus, .module-content input[type="date"]:focus, .module-content input[type="time"]:focus, .module-content select:focus, .module-content input[type="text"].focus, .module-content input[type="email"].focus, .module-content input[type="number"].focus, .module-content input[type="date"].focus, .module-content input[type="time"].focus, .module-content select.focus { border-bottom: solid 1px #969696; } .module-content th { text-align: left; background: #f1f1f1; padding: 7px !important; font-weight: normal; font-size: 14px; border-bottom: 1px solid #ccc; } .module-content td { padding: 5px; border-bottom: 1px solid #f1f1f1; vertical-align: middle; font-size: 13px; } table.exams th { font-weight: bold; } table.exams td, table.exams th { border: 1px solid #000; } table.exams ul, table.exams ol { padding-left: 16px; } .admintable { width: 100%; } .admintable th { text-align: left; } .admintable.striped tr:nth-child(odd) td { background: #fafafa; } .bgImage { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; background: no-repeat center top; } .action .bgImage { width: 100%; } .action input[type="text"], .action input[type="number"], .action input[type="datetime-local"], .action select { padding: 7px; border: none; border: solid 1px #c9c9c9; transition: border 0.3s; outline: none; } .action input[type="text"]:focus, .action input[type="number"]:focus, .action input[type="datetime-local"]:focus, .action select:focus, .action input[type="text"].focus, .action input[type="number"].focus, .action input[type="datetime-local"].focus, .action select.focus { border-bottom: solid 1px #969696; } .action input[type="submit"] { display: inline-block; background: #000; border: 0; color: #fff; font-size: 14px; padding: 8px 20px; cursor: pointer; transition: all 0.5s; border-radius: 5px; } .action input[type="submit"]:hover { color: #fff; background: #000; } .breadcrumb { display: block; width: 100%; margin: 0 auto; padding: 15px; overflow: hidden; border-bottom: 1px solid #adadad; background: #eee; background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 100%); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .breadcrumb a { text-decoration: none; outline: none; display: inline-block; font-size: 14px; line-height: 36px; color: #fff; padding: 0 10px 0 30px; background: #666; background: linear-gradient(#666, #333); position: relative; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .breadcrumb a:first-child { border-radius: 5px 0 0 5px; padding: 0 10px 0 20px; } .breadcrumb a:last-child { border-radius: 0 5px 5px 0; padding-right: 20px; } .breadcrumb a.active, .breadcrumb a:hover { background: #333; background: linear-gradient(#999, #666); } .breadcrumb a.active:after, .breadcrumb a:hover:after { background: #333; background: linear-gradient(135deg, #333, #000); } .breadcrumb a:after { content: ''; position: absolute; top: 0; right: -18px; width: 36px; height: 36px; z-index: 1; background: #ccc; background: linear-gradient(135deg, #ccc, #999); box-shadow: 1px -1px 0 1px rgba(0, 0, 0, 0.2), 3px -3px 0 2px rgba(255, 255, 255, 0.1); border-radius: 0 5px 0 50px; -webkit-transform: scale(0.707) rotate(45deg); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ -ms-transform: scale(0.707) rotate(45deg); /* IE 9 */ transform: scale(0.707) rotate(45deg); /* IE 10, Fx 16+, Op 12.1+ */ } .breadcrumb a:last-child:after { content: none; } .flat a, .flat a:after { background: #fff; color: #000; transition: all 0.5s; } .flat a:before { background: #fff; box-shadow: 0 0 0 1px #ccc; } .flat a:hover, .flat a.active, .flat a:hover:after, .flat a.active:after { background: #f1f1f1; } .saveBtn, .assetBtn { display: inline-block; background: #000; font-size: 14px; padding: 7px 20px; border: 0; border-radius: 5px; color: #fff; transition: all 0.5s; } .saveBtn:hover, .assetBtn:hover { cursor: pointer; color: #fff; background: #000; } .saveBtn div, .assetBtn div { display: inline-block; padding: 15px 30px; } a.saveBtn, a.assetBtn { color: #fff; } .blueTitleColSemiWide, .blueTitleColSmall { display: inline-block; margin: 0 0 10px 0; } table.editInput { width: 100%; } .editInputInfo { display: block; padding: 7px; background: #bde5f8; border: 1px solid #00529b; margin: 0 0 10px 0; border-radius: 3px; } .answer-status { vertical-align: middle; margin: 0 5px 0 10px; } .modlist { margin-top: 15px; position: relative; } .modlist a { border-radius: 5px; line-height: 35px; height: 35px; display: inline-block; background: #1f5f84; width: 100%; color: #fff; margin: 5px 0; } .modlist a:hover { background: #277dae; } .modlist a.gray { background: #818181; } .modlist a.gray:hover, .modlist a.gray.active { background: #949494; } .modlist a.gray span { font-size: 14px; } .modlist .itemIcon { margin-top: 8px; } .modlist span { font-size: 14px; padding-left: 16px; } .modlist span.itemsTitle { padding-left: 5px; } .modlist span.itemsCountContainer { padding: 0; width: 35px; text-align: center; line-height: 20px; height: 20px; float: right; margin: 7px 16px 0 0; color: #444; border-radius: 10px; } .modlist span.itemsCount { background: #e0e0e0; padding: 0; width: 35px; text-align: center; line-height: 20px; height: 20px; float: right; margin: 0px 0px 0 0; color: #444; border-radius: 10px; } .modlist span.itemsType { padding: 0; font-size: 11px !important; font-style: italic; text-align: center; line-height: 20px; height: 20px; float: right; margin: 7px 16px 0 0; } .mover { background: url('img/move.png') no-repeat center center; width: 30px; height: 35px; cursor: move; display: inline-block; } .workformList { background: #f1f1f1; padding: 5px 10px; font-size: 14px; border: 1px solid #ccc; height: 32px; border-radius: 5px; outline: none; } .farbtastic { position: relative; width: 195px; height: 195px; } .farbtastic * { position: absolute; cursor: crosshair; } .farbtastic .wheel { background: url(img/farbtasticwheel.png) no-repeat; width: 195px; height: 195px; } .farbtastic .color, .overlay1 { top: 47px; left: 47px; width: 101px; height: 101px; } .farbtastic .overlay1 { background: url(img/farbtasticmask.png) no-repeat; } .farbtastic .marker { width: 17px; height: 17px; margin: -8px 0 0 -8px; overflow: hidden; background: url(img/farbtasticmarker.png) no-repeat; } .colorpicker-wrapper { display: inline-block; } .colorpicker-wrapper h1 { font-size: 20px; margin-top: 10px; } .colorpicker-row { float: left; margin-right: 25px; width: 150px; padding-bottom: 15px; } .colorpicker-row h2 { width: 150px; white-space: normal; height: 50px; } .colorpicker-row h2.small { height: auto; } .colorpicker-row + tr { display: none; } .colorpicker-saturation { width: 100px; height: 100px; background-image: url(data:image/png;base64,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); cursor: crosshair; float: left; } .colorpicker-saturation .colorpicker-guide { display: block; height: 5px; width: 5px; border: 1px solid #000; border-radius: 5px; position: absolute; top: 0; left: 0; margin: -4px 0 0 -4px; } .colorpicker-saturation .colorpicker-guide i { display: block; height: 5px; width: 5px; border: 1px solid #fff; border-radius: 5px; } .colorpicker-alpha, .colorpicker-hue { width: 15px; height: 100px; float: left; cursor: row-resize; margin-left: 4px; margin-bottom: 4px; } .colorpicker-alpha .colorpicker-guide, .colorpicker-hue .colorpicker-guide { display: block; height: 1px; background: #000; border-top: 1px solid #fff; position: absolute; top: 0; left: 0; width: 100%; margin-top: -1px; } .colorpicker-hue { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAh0lEQVR4XgXAg3EDAAAAwI9to7Zt27a1/w49BASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHXo1KVbj159+g0YNGTYiFFjxk2YNGXajFlz5i1YtGTZilVr1m3YtGXbjl179h04dOTYiVNnzl24dOXajVt37j149OTZi1dv3n349OXbj19//wOxE1dQ8reGAAAAAElFTkSuQmCC); } .colorpicker-alpha { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=); display: none; } .colorpicker-alpha, .colorpicker-hue, .colorpicker-saturation { background-size: contain; } .colorpicker { position: absolute; top: 100%; left: 0; display: none; float: left; font-size: inherit; color: inherit; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); padding: 4px; min-width: 130px; margin-top: 1px; border-radius: 4px; z-index: 1055; } .colorpicker:after, .colorpicker:before { display: table; content: ""; line-height: 0; } .colorpicker:after { clear: both; } .colorpicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, .2); position: absolute; top: -7px; left: 6px; } .colorpicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 7px; } .colorpicker div { position: relative; } .colorpicker.colorpicker-with-alpha { min-width: 140px; } .colorpicker.colorpicker-with-alpha .colorpicker-alpha { display: block; } .colorpicker-bar { height: 15px; margin: 5px 0 0 0; clear: both; text-align: center; font-size: 10px; line-height: normal; } .colorpicker-bar-horizontal { height: 15px; margin: 0 0 4px 0; float: left; width: 100px; } .colorpicker-element .add-on i, .colorpicker-element .input-group-addon i { display: inline-block; cursor: pointer; height: 16px; vertical-align: text-top; width: 16px; } .colorpicker.colorpicker-inline { position: relative; display: inline-block; float: none; z-index: auto; vertical-align: text-bottom; } .colorpicker.colorpicker-horizontal { width: 110px; min-width: 110px; height: auto; } .colorpicker.colorpicker-horizontal .colorpicker-saturation { margin-bottom: 4px; } .colorpicker.colorpicker-horizontal .colorpicker-bar { width: 100px; } .colorpicker.colorpicker-horizontal .colorpicker-alpha, .colorpicker.colorpicker-horizontal .colorpicker-hue { width: 100px; height: 15px; float: left; cursor: col-resize; margin-left: 0; margin-bottom: 4px; } .colorpicker.colorpicker-horizontal .colorpicker-alpha .colorpicker-guide, .colorpicker.colorpicker-horizontal .colorpicker-hue .colorpicker-guide { display: block; height: 15px; background: #fff; position: absolute; top: 0; left: 0; width: 1px; border: none; margin-top: 0; } .colorpicker.colorpicker-horizontal .colorpicker-hue { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAABCAMAAAAfBfuPAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAbUlEQVR4XgXAghEDsbxtlrZt27ax/w49ACAYQTGcICmaYTleECVZUTXdMC1Wm93hdLk9Xp8/EAyFI9FYPJFMpTPZXL5QLJUr1Vq90Wy1O91efzAcjSfT2XyxXK03293+cDydL9fb/fF8vT/f3x+LfRNXARMbCAAAAABJRU5ErkJggg==); } .colorpicker.colorpicker-horizontal .colorpicker-alpha { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAKCAQAAADoFTP1AAAB9ElEQVR4XoWTQW4VMRBEu9qWEimL7DhEMp8NF+ASnJJLcAQgE1bcgBUSkYKUuHCrZ9pjeqSU5Yn9LPu7umJQBIIv+k7vIOrtK66L4lmr3pVOrOv3otp619KZ0/KjdNI79L52Uo09FBQWrU0vfe5trezU+hLsoUKd3Repovte+0vbq/7Lj5XbaHECKasR9G4MPlbp+gzZxd6koPEJCkAYC5SjcOTAIIOK90Dja1IfIZ8Z+zAY9jm3b5Ia+MT5sFcqRJrR2AYYA8Kua5BzYRrFPNmD4PQMegGJMOffJJUsWiI3nCHZZjInNdffLWOufzbc3JaboCAVxwmnRHbhLSPwRJ4wU0BRSc6HkECYYVw95nMKgJOcylxrJttE5Ibzf9Xq9GPvP+WX3MiV/MGHfRu/SentRQrfG1GzsIrytdNXucSRKxQNIGHM9YhGFQJcdjNcBZvfJayuYe4Sia1CzwW+19mWOhe37HsxJWKwbu/jluEU15QzAQjAqCEbhMJc78GYV2E0kooHDubUImWkTOhGpgv8PoT8DJG/bzxna4BZ0eOFSOaLADGeSpFsg5AzeaDZIDQQXjZ4y/8ryfzUXBwdELRjTjCNvOeT0rNlrJz90vwy6N9pXXQEluX0inElpPWokSdiLCfiNJJjMKQ8Qsh8GEKQKMo/eiHrNbI9UksAAAAASUVORK5CYII=); } .colorpicker-right:before { left: auto; right: 6px; } .colorpicker-right:after { left: auto; right: 7px; } .colorpicker-no-arrow:before { border-right: 0; border-left: 0; } .colorpicker-no-arrow:after { border-right: 0; border-left: 0; } .colorpicker-alpha.colorpicker-visible, .colorpicker-bar.colorpicker-visible, .colorpicker-hue.colorpicker-visible, .colorpicker-saturation.colorpicker-visible, .colorpicker.colorpicker-visible { display: block; } .colorpicker-alpha.colorpicker-hidden, .colorpicker-bar.colorpicker-hidden, .colorpicker-hue.colorpicker-hidden, .colorpicker-saturation.colorpicker-hidden, .colorpicker.colorpicker-hidden { display: none; } .colorpicker-inline.colorpicker-visible { display: inline-block; } .colorpicker-preview { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=); background-position: 0 100%; } .colorpicker-preview div { position: relative; width: 100%; height: 100%; } .colorpicker-swatch { cursor: pointer; float: left; height: 12px; width: 12px; } .colorpicker-swatch + .colorpicker-swatch { margin-left: 2px; } .gloptions { display: block; margin-bottom: 10px; vertical-align: top; padding: 0 20px; width: 100%; } .gloptions .gloption { display: inline-block; vertical-align: middle; margin-left: 15px; padding-left: 15px; border-left: 1px solid #f1f1f1; } .gloptions .gloption label { line-height: 32px; font-weight: bold; padding-right: 5px; } .gloptions .saveHotspot { height: 32px; } .gloptions .info { display: block; background: #f9f9f9; border: 1px solid #ccc; padding: 8px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-size: 13px; margin-bottom: 10px; } .gloptions .workformList { margin: 0; vertical-align: top; } .gloptions .tbSliderInput { margin-top: 5px; } .glwrapper360cms { height: 500px; } .glwrapper360 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .gltext { background: white; position: absolute; left: 0; top: 0; font-size: 20px; } .tooltip3d { background: rgba(255, 255, 255, 0.8); font-size: 18px; position: fixed; pointer-events: none; padding: 2px 5px; border-radius: 8px; } .icon.icon-performance-log:before { content: "\eb8c"; } /* .main-tooltip { display: none; position: absolute; z-index: 10000; text-align: left; top: 0; left: 0; font-size: 12px; font-size: 0.75rem; font-weight: normal; } .main-tooltip .arrow { position: absolute; width: 0; height: 0; display: block; border-color: transparent; border-style: solid; } .main-tooltip .arrow.top { top: 100%; bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .main-tooltip .arrow.right { top: 50%; left: -5px; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .main-tooltip .arrow.bottom { top: -5px; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .main-tooltip .arrow.left { top: 50%; right: -5px; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .main-tooltip .content { display: block; color: #fff; text-align: left; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; word-break: break-word; padding: 5px 10px; font-family: "muli", sans-serif; } */ .admin .queryLog .logBlock table.fixedtop td, .admin .performanceLog .logBlock table.fixedtop td, .admin .queryLog .logBlock table.fixedtop th, .admin .performanceLog .logBlock table.fixedtop th { min-width: auto; max-width: none; } .admin .queryLog .logBlock a.jsLogAction, .admin .performanceLog .logBlock a.jsLogAction { display: inline-block; margin: 0px 5px 0px 5px; } .admin .queryLog .jsTip:hover .main-tooltip, .admin .performanceLog .jsTip:hover .main-tooltip { display: block; top: 100%; white-space: nowrap; } .admin .queryLog .legend, .admin .performanceLog .legend { border: 1px solid black; display: inline-block; padding: 5px; margin-bottom: 20px; margin-right: 20px; } .admin .queryLog .legend .row div, .admin .performanceLog .legend .row div { display: inline-block; } .admin .queryLog .legend .box, .admin .performanceLog .legend .box { display: inline-block; width: 14px; height: 14px; margin-right: 10px; } .admin .queryLog .legend .colorGood, .admin .performanceLog .legend .colorGood { background: #090; } .admin .queryLog .legend .colorNeutral, .admin .performanceLog .legend .colorNeutral { background: #000; } .admin .queryLog .legend .colorNotGood, .admin .performanceLog .legend .colorNotGood { background: #ff8000; } .admin .queryLog .legend .colorBad, .admin .performanceLog .legend .colorBad { background: #f00; } .admin .queryLog a.btn.btn-success:hover, .admin .performanceLog a.btn.btn-success:hover, .admin .queryLog .btn.btn-success:hover, .admin .performanceLog .btn.btn-success:hover, .admin .queryLog a.btn.btn-success.active, .admin .performanceLog a.btn.btn-success.active, .admin .queryLog .btn.btn-success.active, .admin .performanceLog .btn.btn-success.active { background-color: #5dbb5c; } .admin .queryLog a.btn.btn-success, .admin .performanceLog a.btn.btn-success, .admin .queryLog .btn.btn-success, .admin .performanceLog .btn.btn-success { background-color: #81ca80; border-color: #5dbb5c; } .admin .queryLog a.btn.btn-inline, .admin .performanceLog a.btn.btn-inline, .admin .queryLog .btn.btn-inline, .admin .performanceLog .btn.btn-inline { display: inline-block; padding: 6px 12px; margin: 0 2px; font-family: "Source Sans Pro", sans-serif; } .admin .queryLog a, .admin .performanceLog a, .admin .queryLog a:link, .admin .performanceLog a:link, .admin .queryLog a:visited, .admin .performanceLog a:visited { color: #777; text-decoration: none; } .admin .queryLog .page-block .page-body, .admin .performanceLog .page-block .page-body { position: relative; padding: 15px; } .admin .queryLog .logRows td .icon, .admin .performanceLog .logRows td .icon { margin: 0 5px; } .admin .queryLog table.datatbl, .admin .performanceLog table.datatbl { border-collapse: collapse; border: 1px solid #ddd; border-top-color: #ddd; border-top-style: solid; border-top-width: 1px; } .admin .queryLog table.datatbl .bg-warning, .admin .performanceLog table.datatbl .bg-warning { background-color: #fe8d45 !important; } .admin .queryLog table.datatbl .bg-danger, .admin .performanceLog table.datatbl .bg-danger { background-color: #e96562 !important; } .admin .queryLog table.datatbl .bg-success, .admin .performanceLog table.datatbl .bg-success { background-color: #81ca80 !important; } .admin .queryLog table.datatbl th, .admin .performanceLog table.datatbl th { font-size: 1rem; padding: 15px 5px; text-align: left; vertical-align: bottom; font-family: "muli-bold", sans-serif; background: #f9f9f9; cursor: pointer; padding-left: 15px; white-space: nowrap; border-collapse: collapse; border: 1px solid #ddd; border-top-color: #ddd; border-top-style: solid; border-top-width: 1px; } .admin .queryLog table.datatbl th div, .admin .performanceLog table.datatbl th div { display: inline-block; min-width: 10px; } .admin .queryLog table.datatbl th.sorted div, .admin .performanceLog table.datatbl th.sorted div { width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #007bff transparent; } .admin .queryLog table.datatbl th.sortedInverse div, .admin .performanceLog table.datatbl th.sortedInverse div { width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #007bff transparent transparent transparent; } .admin .queryLog table.datatbl th:first-child, .admin .performanceLog table.datatbl th:first-child, .admin .queryLog table.datatbl td:first-child, .admin .performanceLog table.datatbl td:first-child { min-width: 300px; max-width: 300px; white-space: normal; word-break: break-word; } .admin .queryLog table.datatbl.dbTable .nr, .admin .performanceLog table.datatbl.dbTable .nr { max-width: 60px; min-width: 60px; } .admin .queryLog table.datatbl.dbTable th.query, .admin .performanceLog table.datatbl.dbTable th.query { max-width: 600px; min-width: 600px; } .admin .queryLog table.datatbl.dbTable td.query, .admin .performanceLog table.datatbl.dbTable td.query { max-width: 600px; min-width: 600px; text-align: left; } .admin .queryLog table.datatbl.dbTable th.path, .admin .performanceLog table.datatbl.dbTable th.path, .admin .queryLog table.datatbl.dbTable td.path, .admin .performanceLog table.datatbl.dbTable td.path { width: 300px !important; max-width: 300px !important; min-width: 300px !important; } .admin .queryLog table.datatbl td, .admin .performanceLog table.datatbl td { font-size: 1rem; padding: 15px 5px; position: relative; border-collapse: collapse; border: 1px solid #ddd; border-top-color: #ddd; border-top-style: solid; border-top-width: 1px; } .admin .queryLog table.datatbl td .diff, .admin .performanceLog table.datatbl td .diff { position: absolute; left: 0; bottom: 0; font-size: 10px; padding: 1px 2px; min-width: 30px; color: #fff; } .admin .queryLog table.datatbl td .truncQuery, .admin .performanceLog table.datatbl td .truncQuery { display: none; } .admin .queryLog table.datatbl td .fullQuery, .admin .performanceLog table.datatbl td .fullQuery { font-family: monospace; max-height: 2.8em; overflow: hidden; } .admin .queryLog table.datatbl td .fullQuery.show, .admin .performanceLog table.datatbl td .fullQuery.show { max-height: 45em; overflow: auto; white-space: pre; } .admin .queryLog table.fixedtop thead, .admin .performanceLog table.fixedtop thead { display: block; width: 100%; } .admin .queryLog table.fixedtop tbody, .admin .performanceLog table.fixedtop tbody { display: block; width: 100%; height: 470px; overflow: auto; } .admin .queryLog table.fixedtop td, .admin .performanceLog table.fixedtop td, .admin .queryLog table.fixedtop th:not(:first-child), .admin .performanceLog table.fixedtop th:not(:first-child) { min-width: 120px; max-width: 120px; } .admin .queryLog .performanceLogHeader, .admin .performanceLog .performanceLogHeader { display: inline-block; } .admin .queryLog .performanceLogHeader h1, .admin .performanceLog .performanceLogHeader h1 { margin: 0px; padding: 0px; font-size: 25px; font-weight: bold; } .admin .queryLog .performanceLogHeader #datepicker, .admin .performanceLog .performanceLogHeader #datepicker { width: 142px; text-align: center; padding: 0; margin: 0; border: none; background: transparent; display: inline; font-weight: bold; font-family: "Lato-Regular", sans-serif; cursor: pointer; text-decoration: underline; font-size: 25px; } .admin .queryLog .performanceLogHeader span, .admin .performanceLog .performanceLogHeader span { font-size: 18px; vertical-align: baseline; } .admin .queryLog .performanceLog .page-block .page-body, .admin .performanceLog .performanceLog .page-block .page-body { overflow-x: auto; } .admin .queryLog .queryLog .tableDiv, .admin .performanceLog .queryLog .tableDiv { margin-top: 15px; } .admin .queryLog .queryLog div.logRow, .admin .performanceLog .queryLog div.logRow { padding: 5px 0; line-height: 26px; } .admin .queryLog .queryLog .logRows td, .admin .performanceLog .queryLog .logRows td { padding: 5px; line-height: 26px; } .admin .queryLog .queryLog .logRows td:first-child, .admin .performanceLog .queryLog .logRows td:first-child { padding-left: 0; } .admin .queryLog .queryLog .logRows td .icon, .admin .performanceLog .queryLog .logRows td .icon { margin: 0 5px; } .admin .queryLog .queryLog .explainTable th, .admin .performanceLog .queryLog .explainTable th, .admin .queryLog .queryLog .explainTable td, .admin .performanceLog .queryLog .explainTable td { padding: 5px; } .admin .queryLog .queryLog .explainTable i, .admin .performanceLog .queryLog .explainTable i { opacity: 0.7; } .admin .queryLog .queryLog .explainQuery, .admin .performanceLog .queryLog .explainQuery { width: 100%; height: 10em; border: 1px solid rgba(0, 0, 0, 0.5); overflow: auto; font-family: monospace; } .admin .queryLog .queryLog .page-body .jsGroupReport, .admin .performanceLog .queryLog .page-body .jsGroupReport { float: right; margin-top: -25px; } .admin .queryLog .performanceLogOptions, .admin .performanceLog .performanceLogOptions { display: inline-block; max-width: 340px; margin-left: 5px; } .admin .queryLog .performanceLogOptions .intro, .admin .performanceLog .performanceLogOptions .intro { margin-bottom: 10px; } .admin .queryLog .queryLogIntro, .admin .performanceLog .queryLogIntro { overflow: hidden; } .admin .queryLog .logBlock, .admin .performanceLog .logBlock { display: inline-block; } .admin .queryLog .logBlock.archived, .admin .performanceLog .logBlock.archived { float: right; } .admin .queryLog .table-responsive, .admin .performanceLog .table-responsive { overflow-x: auto; } /*# sourceMappingURL=include-166.css.map */