/** 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, command, 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, tdvideo, tt, u, ul, var { background: transparent; border: 0 none; 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, command, 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: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-Italic.eot'); src: url('fonts/client/WorkSans/WorkSans-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-Italic.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-Italic.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-Italic.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-Italic.svg#WorkSans-Italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-Regular.eot'); src: url('fonts/client/WorkSans/WorkSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-Regular.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-Regular.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-Regular.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-Regular.svg#WorkSans-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-Regular_1.eot'); src: url('fonts/client/WorkSans/WorkSans-Regular_1.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-Regular_1.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-Regular_1.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-Regular_1.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-Regular_1.svg#WorkSans-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-Medium.eot'); src: url('fonts/client/WorkSans/WorkSans-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-Medium.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-Medium.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-Medium.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-Medium.svg#WorkSans-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-ExtraLight.eot'); src: url('fonts/client/WorkSans/WorkSans-ExtraLight.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-ExtraLight.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-ExtraLight.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-ExtraLight.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-ExtraLight.svg#WorkSans-ExtraLight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-ThinItalic.eot'); src: url('fonts/client/WorkSans/WorkSans-ThinItalic.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-ThinItalic.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-ThinItalic.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-ThinItalic.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-ThinItalic.svg#WorkSans-ThinItalic') format('svg'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-LightItalic.eot'); src: url('fonts/client/WorkSans/WorkSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-LightItalic.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-LightItalic.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-LightItalic.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-LightItalic.svg#WorkSans-LightItalic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-Black.eot'); src: url('fonts/client/WorkSans/WorkSans-Black.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-Black.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-Black.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-Black.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-Black.svg#WorkSans-Black') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-SemiBoldItalic.eot'); src: url('fonts/client/WorkSans/WorkSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-SemiBoldItalic.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-SemiBoldItalic.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-SemiBoldItalic.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-SemiBoldItalic.svg#WorkSans-SemiBoldItalic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-Bold.eot'); src: url('fonts/client/WorkSans/WorkSans-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-Bold.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-Bold.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-Bold.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-Bold.svg#WorkSans-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-ExtraBoldItalic.eot'); src: url('fonts/client/WorkSans/WorkSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-ExtraBoldItalic.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-ExtraBoldItalic.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-ExtraBoldItalic.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-ExtraBoldItalic.svg#WorkSans-ExtraBoldItalic') format('svg'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-ExtraLightItalic.eot'); src: url('fonts/client/WorkSans/WorkSans-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-ExtraLightItalic.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-ExtraLightItalic.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-ExtraLightItalic.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-ExtraLightItalic.svg#WorkSans-ExtraLightItalic') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-Thin.eot'); src: url('fonts/client/WorkSans/WorkSans-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-Thin.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-Thin.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-Thin.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-Thin.svg#WorkSans-Thin') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-SemiBold.eot'); src: url('fonts/client/WorkSans/WorkSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-SemiBold.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-SemiBold.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-SemiBold.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-SemiBold.svg#WorkSans-SemiBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-Italic_1.eot'); src: url('fonts/client/WorkSans/WorkSans-Italic_1.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-Italic_1.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-Italic_1.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-Italic_1.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-Italic_1.svg#WorkSans-Italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-ExtraBold.eot'); src: url('fonts/client/WorkSans/WorkSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-ExtraBold.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-ExtraBold.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-ExtraBold.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-ExtraBold.svg#WorkSans-ExtraBold') format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-BoldItalic.eot'); src: url('fonts/client/WorkSans/WorkSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-BoldItalic.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-BoldItalic.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-BoldItalic.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-BoldItalic.svg#WorkSans-BoldItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-Light.eot'); src: url('fonts/client/WorkSans/WorkSans-Light.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-Light.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-Light.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-Light.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-Light.svg#WorkSans-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-BlackItalic.eot'); src: url('fonts/client/WorkSans/WorkSans-BlackItalic.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-BlackItalic.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-BlackItalic.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-BlackItalic.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-BlackItalic.svg#WorkSans-BlackItalic') format('svg'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Work Sans Hairline'; src: url('fonts/client/WorkSans/WorkSans-Hairline.eot'); src: url('fonts/client/WorkSans/WorkSans-Hairline.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-Hairline.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-Hairline.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-Hairline.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-Hairline.svg#WorkSans-Hairline') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Work Sans'; src: url('fonts/client/WorkSans/WorkSans-MediumItalic.eot'); src: url('fonts/client/WorkSans/WorkSans-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/client/WorkSans/WorkSans-MediumItalic.woff2') format('woff2'), url('fonts/client/WorkSans/WorkSans-MediumItalic.woff') format('woff'), url('fonts/client/WorkSans/WorkSans-MediumItalic.ttf') format('truetype'), url('fonts/client/WorkSans/WorkSans-MediumItalic.svg#WorkSans-MediumItalic') format('svg'); font-weight: 500; font-style: italic; } @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: #f60; text-decoration: none; } a:hover { /*color: $adminHighlightColor;*/ } .error { color: red; } .inlineblock { display: inline-block; } .action { margin: 0 auto; width: 100%; } .dummy { display: none !important; } .loginLogo { display: block; text-align: center; margin: 0 auto 40px; max-width: 367px; } .loginText { font-size: 16px; /*color: #fff;*/ color: #0075b2; } .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: 100px 24px 50px; } .baseContainer .column { display: block; width: 100%; text-align: center; padding: 0 20px; } .baseContainer .column .logo { padding: 133px 0 83px 0; } .baseContainer .column img { max-width: 100%; } @media screen and (min-width: 1024px) { .baseContainer { display: flex; align-items: center; height: 100vh; } .baseContainer .column { display: inline-block; /*flex: 0 1 50%;*/ width: 50%; } .baseContainer .column.register-right .content.login { width: 460px; } .baseContainer .column .logo { padding: 0; width: 490px; margin: 60px 0px; display: block; } .baseContainer .column img { max-width: 366px; } } @media screen and (min-width: 1280px) { .baseContainer { margin: 0 auto; max-width: 1600px; } .baseContainer .column { margin-left: 110px; } .baseContainer .column.login-left { width: 60%; } .baseContainer .column.login-right { width: 40%; margin-left: 40px; } .baseContainer .column.register-right { width: auto; margin: 0 auto; } .baseContainer .column img { max-width: 100%; } } @media screen and (max-width: 1023px) { .login-intro { display: none; } .baseContainer .column { padding: 0; } .baseContainer .column .logo { padding: 40px; } .baseContainer .content.login { max-width: 100%; } .baseContainer .column.register-right { min-height: 100vh; } .baseContainer .column.register-right .content { min-height: 100vh; } } .login-intro { font-size: 50px; color: #fff; line-height: 60px; margin-top: 95px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); } .login-intro strong { color: #f99800; font-weight: bold; } .content.login { text-align: left; display: block; background: #fff; width: 100%; max-width: 460px; padding: 28px 22px; /*@include radius(13px); @include shadow(0px 5px 44px 13px rgba(0, 0, 0, 0.07));*/ margin: 0 auto; } .content.login .content-title { font-weight: 600; font-size: 36px; font-size: 2.25rem; line-height: 64px; color: #0075b2; margin-bottom: 25px; } .content.login .inputs { margin: auto; } .content.login .forgotPass { line-height: 20px; margin: 5px 0 10px; text-align: left; font-size: 14px; } .content.login .forgotPass a { color: #789eb1; } .content.login .form-group { /*display: none;*/ } .content.login .form-group label { font-weight: bold; font-size: 18px; font-size: 1.125rem; line-height: 28px; color: rgba(0, 75, 114, 0.8); padding: 10px 0 0 0; } @media screen and (min-width: 1024px) { .content.login { padding: 28px 48px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } } @media screen and (min-width: 1280px) { .login-intro { font-size: 84px; line-height: 100px; } } .form-group { position: relative; } .form-group label { font-size: 18px; font-size: 1.125rem; color: #151515; font-family: "Lato"; font-weight: bold; padding: 10px 4px 15px; display: block; /*float:left;*/ } .form-group .showButton { color: #2a3a48; font-family: "Lato"; 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 8px; color: #789eb1; padding: 12px 14px; font-family: 'Lato'; background-color: #fff; border: 1px solid rgba(120, 158, 177, 0.5); font-size: 18px; font-size: 1.125rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.125); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.125); -webkit-appearance: none; appearance: none; } .form-group .form-input:disabled { background-color: #fefafd; } .form-group .form-input:focus { border-color: rgba(120, 158, 177, 0.75); outline: none; } .form-group .form-input::-placeholder { color: rgba(108, 132, 150, 0.4); } .form-group .form-input::-webkit-input-placeholder { color: rgba(108, 132, 150, 0.4); } .form-group .form-input:-ms-input-placeholder { color: rgba(108, 132, 150, 0.4); } .form-group .ui-select { position: relative; } .form-group .ui-select:after { position: absolute; z-index: 1; content: ""; top: 50%; right: 20px; -webkit-transform: translateY(-50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ -ms-transform: translateY(-50%); /* IE 9 */ transform: translateY(-50%); /* IE 10, Fx 16+, Op 12.1+ */ width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid black; } .form-group select.form-input { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font-size: 18px; font-size: 1.125rem; position: relative; color: rgba(108, 132, 150, 0.4); } .form-group select.form-input option { font-family: "Arial"; color: rgba(108, 132, 150, 1); } .form-group select.form-input.active { color: rgba(108, 132, 150, 1); } .form-group .selectIcon { border-radius: 4px 0px 0px 4px; background: red; 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: #2a3a48; border-color: #2a3a48; color: #fff; } .clear { clear: both; float: none; } .action .submitBtn.login, .action .submitBtn.register { cursor: pointer; margin: 32px auto 20px; font-family: 'Lato'; background-color: #f60; text-align: center; font-size: 18px; font-size: 1.125rem; line-height: 48px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 0; color: #fff; font-weight: 500; display: inline-block; width: auto; border-radius: 50px; transition: all 0.5s; -webkit-appearance: none; appearance: none; } .action .submitBtn.login:hover, .action .submitBtn.register:hover { color: #fff; background-color: #f60; } .action .register-button { cursor: pointer; margin: 32px auto 20px; font-family: 'Work Sans'; background-color: #fff; border: 2px solid rgba(42, 58, 72, 0.1); text-align: center; font-size: 18px; line-height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 0; color: #0075b2; font-weight: 500; display: inline-block; width: auto; border-radius: 50px; transition: all 0.5s; -webkit-appearance: none; appearance: none; padding: 0 28px; float: left; } .action .submitBtn.login { padding-right: 60px; padding-left: 20px; position: relative; float: right; } .action .submitBtn.login:after { content: ""; width: 32px; height: 32px; 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: 0; right: 0; margin: 7px; } .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; } .headerContainer { height: 65px; background-color: #fff; position: relative; } .headerContainer.elearning { position: absolute; z-index: 1; width: 100%; background-color: transparent; } .headerContainer .logo { /*background: url('img/logo.svg') no-repeat center center;*/ width: 179px; height: 45px; background-size: contain; display: inline-block; margin: 8px 0 0 15px; } .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('img/logo.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; } } @media screen and (min-width: 1280px) { .header { height: 220px; } .baseContainer .column { text-align: left; } .baseContainer .column .content.login { /*margin-left:156px;*/ margin-left: 0px; } } .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: "Arial"; } 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; } .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; } } a.styledHeaderLink { display: inline-block; position: relative; margin: 20px; color: #fff; font-size: 14px; font: normal 18px/30px Arial, sans-serif !important; } .form-group select { width: 100%; font-size: 18px; } .content.login .successMessage { font-size: 18px; line-height: 26px; } .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: #e22a22; } .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%); text-align: left; width: 100%; max-width: 1024px; /* margin: 0 auto; */ left: 0; right: 0; margin: auto; } .main-wrapper.overview .module-scroller .module .images .titletext { color: #fff; font-size: 39px; margin-bottom: 50px; margin-top: 10px; } .main-wrapper.overview .module-scroller .module .images .text { font-weight: 500; text-transform: none; letter-spacing: 0; font-size: 80px; white-space: normal; line-height: 98px; word-break: break-word; color: #fff; margin-bottom: 62px; text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25); } .main-wrapper.overview .module-scroller .module .images .image { max-width: 220px; 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: 80px; margin: 0 auto; z-index: 1; font-size: 18px; font-weight: 500; color: #fff; display: inline-block; width: 120px; left: 0; right: 0; background: #f60; height: 46px; line-height: 46px; text-align: center; border-radius: 50px; } .main-wrapper.overview .module-scroller .module .button:after { content: ""; width: 32px; height: 32px; border-radius: 50%; background-color: #fff; background-image: url(img/button-arrow-down.png); background-position: center center; background-repeat: no-repeat; display: inline-block; position: absolute; top: 0; right: 0; left: 0; margin: 7px auto; display: none; } .main-wrapper.overview .module-scroller .module .button i.fa { background: #fff; width: 32px; height: 32px; border-radius: 50%; background-color: #fff; display: inline-block; position: absolute; top: 0; right: 0; left: 0; margin: 7px auto; line-height: 32px; font-weight: 100; } @media screen and (max-width: 1023px) { .main-wrapper.overview .module-scroller .module .images { width: 90%; } .main-wrapper.overview .module-scroller .module .images .titletext { font-size: 18px; margin-bottom: 16px; margin-top: 22px; } .main-wrapper.overview .module-scroller .module .images .text { font-size: 32px; line-height: 44px; padding-right: 20px; } .main-wrapper.overview .module-scroller .module .images .text strong { display: block; } .main-wrapper.overview .module-scroller .module .images .image { position: absolute; top: 5px; right: 0px; width: 30%; max-width: 100px; margin: 0 !important; } } @media screen and (min-width: 1024px) { .main-wrapper.overview .module-scroller .module .images { padding-right: 290px; } .main-wrapper.overview .module-scroller .module .images .titletext { color: #fff; font-size: 39px; margin-bottom: 50px; margin-top: 15px; padding-left: 40px; } .main-wrapper.overview .module-scroller .module .images .text { letter-spacing: 0px; font-size: 80px; line-height: 100px; padding-left: 40px; } .main-wrapper.overview .module-scroller .module .images .image { position: absolute; right: 40px; top: 33px; } } @media screen and (min-width: 1200px) { .main-wrapper.overview .module-scroller .module .images { padding-right: 220px; } .main-wrapper.overview .module-scroller .module .images .titletext, .main-wrapper.overview .module-scroller .module .images .text { padding-left: 0; } .main-wrapper.overview .module-scroller .module .images .image { max-width: 230px; max-height: 230px; right: 4px; } } /*@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 { /*margin: 50px auto !important;*/ } .main-wrapper.overview .module-scroller .module .images .image { display: block; } .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; font-size: 12px; text-align: center; margin: 0 0 15px 0; padding: 10px 0; font-size: 14px; color: #333; } .adminDashboard a:hover { color: #2a3a48; } .cbPageSelector { margin: 32px 0 22px 0; text-align: center; } a.cbPageItem { display: inline-block; zoom: 1; *display: inline; font-family: 'open_sanssemibold'; 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: #2a3a48; 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(42, 58, 72, 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: #2a3a48; } .itemIcon.preview { background-position: -27px -20px; } .itemIcon.preview:hover { background-position: 0 -20px; background-color: #2a3a48; } .itemIcon.add { background-position: -27px -40px; } .itemIcon.add:hover { background-position: 0 -40px; background-color: #2a3a48; } .itemIcon.delete { background-position: -27px -60px; } .itemIcon.delete:hover { background-position: 0 -60px; background-color: #2a3a48; } .itemIcon.export { background-position: -27px -80px; } .itemIcon.export:hover { background-position: 0 -80px; background-color: #2a3a48; } .itemIcon.download { background-position: -27px -100px; } .itemIcon.download:hover { background-position: 0 -100px; background-color: #2a3a48; } .itemIcon.edit { background-position: -27px -120px; } .itemIcon.edit:hover { background-position: 0 -120px; background-color: #2a3a48; } .itemIcon.close { background-position: -27px -140px; } .itemIcon.close:hover { background-position: 0 -140px; background-color: #2a3a48; } .itemIcon.save { background-position: -27px -160px; } .itemIcon.save:hover { background-position: 0 -160px; background-color: #2a3a48; } .itemIcon.nextEdit { background-position: -27px -180px; } .itemIcon.nextEdit:hover { background-position: 0 -180px; background-color: #2a3a48; } .itemIcon.prevEdit { background-position: -27px -200px; } .itemIcon.prevEdit:hover { background-position: 0 -200px; background-color: #2a3a48; } .itemIcon.clone { background-position: -27px -220px; } .itemIcon.clone:hover { background-position: 0 -220px; background-color: #2a3a48; } .itemIcon.plus { background-position: -27px -240px; } .itemIcon.plus:hover { background-position: 0 -240px; background-color: #2a3a48; } .itemIcon.text { width: auto; background: none; padding: 0 10px; } .itemIcon.text:hover { background-color: #2a3a48; 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 { 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: white 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 { font-size: 16px; color: #000; margin: 10px 0 5px 0; font: 16px / 26px Arial; } .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="date"], .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="date"]:focus, .module-content select:focus, .module-content input[type="text"].focus, .module-content input[type="date"].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; } .admintable { width: 100%; } .admintable th { text-align: left; } .admintable.striped tr:nth-child(odd) td { background: #fafafa; } .bgImage { background-size: cover; 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: #2a3a48; 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: #1d2831; } .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: #2a3a48; 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: #1d2831; } .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 { border: 1px solid #111; 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(img/bootstrap-colorpicker/saturation.png);cursor:crosshair;float:left}.colorpicker-saturation i{display:block;height:5px;width:5px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;top:0;left:0;margin:-4px 0 0 -4px}.colorpicker-saturation i b{display:block;height:5px;width:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-alpha,.colorpicker-hue{width:15px;height:100px;float:left;cursor:row-resize;margin-left:4px;margin-bottom:4px}.colorpicker-alpha i,.colorpicker-hue i{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(img/bootstrap-colorpicker/hue.png)}.colorpicker-alpha{background-image:url(img/bootstrap-colorpicker/alpha.png);display:none}.colorpicker-alpha,.colorpicker-hue,.colorpicker-saturation{background-size:contain}.colorpicker{padding:4px;min-width:130px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:2500}.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-color{height:10px;margin-top:5px;clear:both;background-image:url(img/bootstrap-colorpicker/alpha.png);background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-selectors{display:none;height:10px;margin-top:5px;clear:both}.colorpicker-selectors i{cursor:pointer;float:left;height:10px;width:10px}.colorpicker-selectors i+i{margin-left:3px}.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}.colorpicker.colorpicker-horizontal{width:110px;min-width:110px;height:auto}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{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 i,.colorpicker.colorpicker-horizontal .colorpicker-hue i{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(img/bootstrap-colorpicker/hue-horizontal.png)}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url(img/bootstrap-colorpicker/alpha-horizontal.png)}.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-hue.colorpicker-visible,.colorpicker-saturation.colorpicker-visible,.colorpicker-selectors.colorpicker-visible,.colorpicker.colorpicker-visible{display:block}.colorpicker-alpha.colorpicker-hidden,.colorpicker-hue.colorpicker-hidden,.colorpicker-saturation.colorpicker-hidden,.colorpicker-selectors.colorpicker-hidden,.colorpicker.colorpicker-hidden{display:none}.colorpicker-inline.colorpicker-visible{display:inline-block}*/ .colorpicker-saturation { width: 100px; height: 100px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAQAAADa613fAAAP9klEQVR4XnRWC47rNgwcKjlA0bv2VL1Qi/YELRav7203iS1ppqZoiXCAhuBHVLI74xFtG3/Hz2joIOjRGuR5eMYuRn9YA1fds859KX8ZvczLr9/pImiR3Rqky9/wlajRIdVE/1Rufeu/0No3/ASgBZAJUkwgi0iCaEatekJJoEqiTQncd67/gyOfRCZshTed0Nl8LbLj8D6qxtoq9/7kJz/aH/3Xfu8VwI5+AUH8DxE7gUyiIpZ5LwiGzUqE3CScJsCDQHAsvBnxWpkbC0QMHmBp6latWS0bnvrCN/x1+xPfce+Ij0GAyeAGGz15sOiax2UylPhKrFaMPnVWClwepKh07hdhkVDsK2uoyEIySergjdbY2VBtV8VLr8Mf9mF/4wMb7kR8FOhzFWZZe7HIZD9JRIbee28eJKBweTB6TwjYkAgWaUmtDveGw1Wx3zZ76YlPPfQd/+gTTUFkiGiJ+NQAszU1EPT/QJEgufolAMPkNU4CVOyUIBLg4xglEZHGQnTFOFV0VaulYddBhA986ge/7N/yQi/3flFgwfQq2ibLnTDBRl9TmUHyJASPV/eoN0UISIr+ICQKIFV4EpljSjV1uFVUq9hRtet5e9gXvuyHPW0zMhQxWaoBBa9Tg8vsCEhww23Smd0CKjIkmPIoxWrUBDgJqFCyESF43ctQxLUoHN7Q1KyVhqrNNm3cy2vMyQNPVKjc29Rh5SSU+giWdRJHkLnQG71FQEuNyNGBTDdBQQAKCuGiEUS/jcyGbkMPq931OIzb/dUPGuVlG7f+slqkO5NAAlzTMdcq0NkzmsEBmAQkbI+pSHbiqnuWIA6lijhvqwIxMyWxMGZiPU669XJE1tADDTs2HWpwKxuqdnTpOiOR42xlzLtm3pXGel3xd8/oTs8Xy0MV8GM1RlsC2Y3Wy3wut3M+2mEVux0Gt9fhzTWyLvGiiJYaqY5DWRFIwAiQ5r6gB9GpQihJw4I9j5Mkscj3BnzGjBhv8xna5P1Jo428o6IOPY5KFZtVOkEKqUjqQY9Gi+jrIOFwJUDzRtA9xyoIrGGmkNRmxVAnZoK+TkUIeUYni5wEzgOG5iZX5HCr2JyQNqdk++G0rgb1ochSIGutTj4P7F0PuRUAolmh5sCzAHn1BYyaADh6bgFeoBx6vst091CEvcSLWBBpqGq384jZ5llVHSwEShLx+D4d0mU3D5eEAJQ9KEhOZUYnDENV2qKgmIlQhWfdvcoXYaegPp/n1oKIOgYFqxrzQSciqNhv/5FqPpy6b0UcX2vf13DfWySRSEgkEYlEJJGQSyKJSEQSCYlEEpHexIVO3XOevffze2a+PfPv9x1rne1c3b3Mmlmz9mE++zuzngfnw/E+Dlc4LL4NwHdFy7u3KGPVmZ6/4eeMoDyre3i/KHADIHYO04w9zO0mAotuKnrc7XaPjvu66bNe5cDT7RlPepEnfS2X8dF1/utDvD+OwGDBxEgQywLCvIMYWBY+DShwAAORAdv9PswhDAqOUCi5+71AbFcDMR4xBDNfhySKXPXZ1+Vub+Q1Ltf5z7eC0AjVldHI26rIFdKIAyYBJCFVUhVDwttAnM52B3Ect1TFQXzJ0z33lOuib/QO8g+CuO0gKBRU80A8hkeJ0b1KRQWmFQVSh8mf3lpUpNaRulzN5NArrmKKGMijXgzk7w5ijdFVgT8f1IdFNjVWjDWicUYWEEMmSFDtILdzHW5XueHp7p+yuS54ep5/c5BE2Gw/gWPNYU4/PZaak2VGEsFjSbOf8irea6KQgojGCk0KxZY31tWWgzwayF8N5KYyo3VADVicWWrhwzr3ZqIOa5xW5zbqMPPMiyDURHDIHQTeWq7KFXcQPOqzPOL5Ov/iIDEDy7DHEwx0PTgjO8SS0fOEHcZNMt+XKEFMj8Q4QUSvPu6HPuvd4N9/x12RPwcIVRCAakSOUzHgsUSMFWYzDQ+PiOJqAOuYc9jh5TecnA+xHfFyOYhebeTH89P80wrCJzUjlsx7euIV0g4zQFUSiBPioIWBACFC7GgDj8P91ZSJOQmQP74MAnQo8H5RIe8kZ0kBcQCMAlEpRDiKROBxbR0ksdhWFq0gR9q9uQzkDzuIFQSPqAgRCAsCaVNF2ZAAhxvtzcqcnDk6tpXxSsayqXLIgSOb6zqeH+fvO0i9XEu5EVV+OZehRZJ6BGTeaRhCkTzVIZeAzaWGAFfErIPogQI5CuR3HQQx7DzBB16R3s7e0MBUPedjWutgG/JUTPqMeAQNEiytJRnJearWUgdwFNxN7rtBoECuj/O3BMHaTIxQ0a4GctireElTJHJvLTaalih5kvBCGMvkdESUMAdCFaI4yG8SpDfRWAptqkAJUwCG6B7lOREFSZBqKs57MEHqVJEBwHa2lp0OiKtiQ18gx9P89QrSXyc0vObBM4vPmBADqJZLAo/yzK7qPSZstCy+fDSZlhrm+Zkyjsf5q2otdC14zkLjHLf0me9wjNqQo0B1a6wBJRaIEgC2Qw9oby/cRHA+xHCQy/xlB1HVSV3Y/5yVhsc7dBi2UoIWCMcbELZWgxNCGUZ5y4ceBaLlE8dAfrEosrYT+z8ya3sxXndFBxuQivNGEHFCbLGBlBLKGYHZoeoQpcjtMn/uICPefcxecpuDOEemg9S/44cflZPIlWolyHkLrEpgbS9IQRlAgZgi0WDjsEiPh+PN/Fkogq4GdzPtarlRGW2tJwEK1RMTEvdVdmhAKHO1pdUuGQsVcX+rSfGzDbwGyE8NRPQc83HCaOkTZwPqABZBdFq8zAN1gue0FPO8wYUFBE1WkMwVzM1iQ4BItFh+H36Qy/yJg0DRQICmBl+tbKUC5cCj3yXI+SUFBS78ZAcBtHt+e9lBuiqpTNh9zTvIjzuIWxVYGQJpAZY+VWS3QKh84iSZbwuIdiDpc4KztQa/sjhMaDJEJDSZ8mZ+kCBdC0JpKVNQzZdKu+EsOeFCosrngVAkDS/uy6iGnW7UxmMpkB8FyFKo6iQW8z1HuBdMu1pdkZdB8jWTjlFtNaiJRYniIDcD+eECMqFLS9ED6DgxzCMKnRD3HYYA2uMCJUh70OK8G0EUnJV8lqe8nj84QdqLhdoJskNlEw1ivajM8LtPBhIeN99LESXI9xcQIHFQudHngZjUhXOQeGlUYmAddh5pxMhzV0M1vMAtMFIVmfp6fq+DgEWefjQVenstaqUy3bJQAiVlEihDghCDINFQg8oUhoQPkO8SBEM7SFQ72VYBwPuE7k8uYF5LNwg/TEd2zkuKjIIhTiJRlYrDfNS1QL7DYUcbcCyKJNwOwucVCVSwBBj/DwghXA2hQtACgCBBPprfXkAIFIYRXhONQARFU00Tsh6LEmmQUbkTImMi9me5qaHDIeBgHeRbdxAIqAJBCDSoCNVQglrciqX/ZCD9RRP6rgpBvhmKAFhg2ForBLXBYPtUjj7vCHPe8SXbYAY47gHB9mKeqjjIg/53fmMD0fR9Bug7SFcHI6EA1OC/E8QTL4NgBSGiCiyTChnI1zcQxmyfRZGM6w701KRybDvsIK3LWDx6mxGkcglEZQLkawnCdppZ6sgCh8trWWBUQaUWCEOlOs7HAenFE45QSu9RQQDAqchXNxDq4orQR44qRIFUQvM+mRJuB6GDEixgCbSBQGXghEEbdn1P/zO/QhAWCsWsmRhLa2VFkSZIgSVKmgEQhvk6K8YKMRZl7Dwg4amOUYvFBfLlE4RasOCB5S9PXKq0AqGDMiYIReXF0mYctITWBmqR5F38X5Y7yJfeCtKBzNbWYm5XpsMpf3dRZD3jPDesvdVCOs6KYQXIFw1E4fcE8dHWOepZBXpLJcACWUZVMRZbfvgXR4Ak8A7VVSKSVuu9p6/mFxyE7cOWavtLp952O8huK83+gmHzHaAsVXLgAvl8gPCvHzAFsM8GNXGKPH5cmN02sXTLa8QdKRXMzHv67/k5A9k1UIx36UH/VlWWtuKssNiRapB6BaLXl6MA+ayDcNS3v/sYXgCL620F1kk8QhKAEOvKu4DvajDO5zkHc4fBg76anyEIIcamBPex5EK8AoVHhMW7QAqWrYD1204CJB1hCfOAV/PTBPH0zBmJmsZZKCEaAmdqm4zMcYxYLN0JuHThIAjirAnp3px7TRgD+ZSD/K92M1CNIgbC8Ex7FkSEIlQEEUQEQQQBRBABEUQQEQTx3X0Evap9AhP39jL5OvuzAWuvbDaTTDIzX2aypUCJ0i7nAigoQAk9gUIUSxXEoCFyyVIuL9ZQcMZoArnwr4D0OLS8jGNGTgGnsZQWMYrcOARoIReAALBeWhf+RUCAIEsECFQHLkwR5zj4JW3t5WOUU5djvgQIawD53EDsctmYz8xGaZGPBUR3qNkiGwqDICUYIFpqBgRaayCfFiAWR2wWvoobmzxdF8N5kyxXmvap/sgGcLF/aoBosbG+lE395R8zCA4BqUYgOgYq+HtvBrT0LK15X8lZwx5f9klCX0rdgXzIIGbdhXMqZtHzJhuptEjmsFc4KzmN5IFPtfM7gWw2kPczSIqQSPUDYKYBMamsBCpKphW0iA5H8AbMDPJOQYjLZg1Vk4G49GlCYNYAkdOd0kwRQ8FCyAHydgLZ6Z2AqrVtjDUQ7hCEmrkEooDAsB2YnBCvkBpZ6yBvJpCd7Mn5zJ6C4QF2BUQPgHEIGUrGnHzQ8rlMekBeTyAzwDJksxwM4+w3BY02B8mIl0CmFRm+ZscxAuSnvwqQsECTIGSV6FEoJFTygVuzB5xAsKqBvAQE3+nkVoJDI1BJIaPBWik7ZSu5NIp5A3mRQaTFvLgkO9fVgEgMqqeVfb+p55tijWH+Kea71ubq4v8Sl8089sZKbKEZNq+VUfISJJF7j79WrbYgS994ZEf+nIz0pNFRWqapSmK6P45i3OQuItIiPDyg6RnxZ4D0g+CFPxAzluoRsWsaA6I6JOqVWCisDvJ0BgHTzMSRgMi0vmi8R+sR6tg/XUh7kCc7kMRqSNkTBDx0OkAUegFcMazciBXNpm798R6klXap/WZz49TQwBHqEcj4oCToUPjUuP9lfxcbyKMAwT6bTf1qqIIQDl3i5oCERNmVm0wgW4A8BGRxMX3hWh8bEV5Rvfp4DS5F3djWH2ztDNWKW7OBjgjIwsDWaKRknJjqMsh9QCa1p608lLovFkBE969DYtYelSzwSRcg535vAsFeNU9SzRCYZb4LDmxmFQKkwYGM+5y/G7b1uxMIylLdyE5yxIyYsoXWhQIpzQhYPi3JkJoKkB9+BxD0OMuyOEBe36DgyPSrxscmATldgKj8PxrkA/kA5PYMgkrocwIQ6GSRGmF0VaNqBKQZ5FYDEZSDzFTzq9mBQjAayE1A+ryDTzcQZe0Ibbxj7EwpAmTrJwEimZR9CCPtODhzxuNtY19Zd2Lf/fjCTnEiDAOg62j1utb/dv9mZ/aHCj4AyOHbsW3/As0BTzIgeJU7AAAAAElFTkSuQmCC); 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; } .colorpicker-row.gradient { width: 100%; } .colorpicker-row .link { margin: 10px 0px; } .colorpicker-row .custom-field { 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; width: 325px; height: 171px; position: relative; } .colorpicker-row .custom-field textarea { width: 100%; height: 100%; border-radius: 2px; border: 1px solid #ececec; font-size: 11px; } .colorpicker-row .custom-field .css-error { position: absolute; border: 1px solid red; background: #ecbfbf; left: 5px; bottom: 5px; right: 5px; padding: 10px; } .colorpicker-row .custom-field .css-error.hidden { display: none; } .colorpicker-row .custom-field .css-error ol { margin-left: 15px; } .colorpicker-row.custom .custom-field { display: block; } .colorpicker-row.custom .color-field { display: none; } .colorpicker-row .switch-custom { display: block; background: #c7c7c7; margin: 5px; padding: 7px 10px; border-radius: 5px; text-align: center; cursor: pointer; } @font-face { font-family: 'IcoMoon-Ultimate'; src: url('fonts/IcoMoon-Ultimate.ttf?-mxku12') format('truetype'); font-weight: normal; font-style: normal; } .icon, .input-icon { font-family: 'IcoMoon-Ultimate'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1;*/ /* Enable Ligatures ================ */ -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-home:before { content: "\e900"; } .icon-home2:before { content: "\e901"; } .icon-home3:before { content: "\e902"; } .icon-home4:before { content: "\e903"; } .icon-home5:before { content: "\e904"; } .icon-home6:before { content: "\e905"; } .icon-home7:before { content: "\e906"; } .icon-home8:before { content: "\e907"; } .icon-home9:before { content: "\e908"; } .icon-office:before { content: "\e909"; } .icon-city:before { content: "\e90a"; } .icon-newspaper:before { content: "\e90b"; } .icon-magazine:before { content: "\e90c"; } .icon-design:before { content: "\e90d"; } .icon-pencil:before { content: "\e90e"; } .icon-pencil2:before { content: "\e90f"; } .icon-pencil3:before { content: "\e910"; } .icon-pencil4:before { content: "\e911"; } .icon-pencil5:before { content: "\e912"; } .icon-pencil6:before { content: "\e913"; } .icon-pencil7:before { content: "\e914"; } .icon-eraser:before { content: "\e915"; } .icon-eraser2:before { content: "\e916"; } .icon-eraser3:before { content: "\e917"; } .icon-quill:before { content: "\e918"; } .icon-quill2:before { content: "\e919"; } .icon-quill3:before { content: "\e91a"; } .icon-quill4:before { content: "\e91b"; } .icon-pen:before { content: "\e91c"; } .icon-pen-plus:before { content: "\e91d"; } .icon-pen-minus:before { content: "\e91e"; } .icon-pen2:before { content: "\e91f"; } .icon-pen3:before { content: "\e920"; } .icon-pen4:before { content: "\e921"; } .icon-pen5:before { content: "\e922"; } .icon-marker:before { content: "\e923"; } .icon-marker2:before { content: "\e924"; } .icon-blog:before { content: "\e925"; } .icon-blog2:before { content: "\e926"; } .icon-pen6:before { content: "\e927"; } .icon-brush:before { content: "\e928"; } .icon-spray:before { content: "\e929"; } .icon-palette:before { content: "\e92a"; } .icon-palette2:before { content: "\e92b"; } .icon-color-sampler:before { content: "\e92c"; } .icon-toggle:before { content: "\e92d"; } .icon-bucket:before { content: "\e92e"; } .icon-bucket2:before { content: "\e92f"; } .icon-gradient:before { content: "\e930"; } .icon-eyedropper:before { content: "\e931"; } .icon-eyedropper2:before { content: "\e932"; } .icon-eyedropper3:before { content: "\e933"; } .icon-droplet:before { content: "\e934"; } .icon-droplet2:before { content: "\e935"; } .icon-droplet-contrast:before { content: "\e936"; } .icon-color-clear:before { content: "\e937"; } .icon-paint-format:before { content: "\e938"; } .icon-stamp:before { content: "\e939"; } .icon-images:before { content: "\e93a"; } .icon-image:before { content: "\e93b"; } .icon-image2:before { content: "\e93c"; } .icon-image-compare:before { content: "\e93d"; } .icon-images2:before { content: "\e93e"; } .icon-image3:before { content: "\e93f"; } .icon-images3:before { content: "\e940"; } .icon-image4:before { content: "\e941"; } .icon-image5:before { content: "\e942"; } .icon-image6:before { content: "\e943"; } .icon-camera:before { content: "\e944"; } .icon-camera2:before { content: "\e945"; } .icon-camera3:before { content: "\e946"; } .icon-shutter:before { content: "\e947"; } .icon-headphones:before { content: "\e948"; } .icon-headset:before { content: "\e949"; } .icon-music:before { content: "\e94a"; } .icon-music2:before { content: "\e94b"; } .icon-music3:before { content: "\e94c"; } .icon-music4:before { content: "\e94d"; } .icon-music5:before { content: "\e94e"; } .icon-music6:before { content: "\e94f"; } .icon-album:before { content: "\e950"; } .icon-cassette:before { content: "\e951"; } .icon-tape:before { content: "\e952"; } .icon-piano:before { content: "\e953"; } .icon-guitar:before { content: "\e954"; } .icon-trumpet:before { content: "\e955"; } .icon-speakers:before { content: "\e956"; } .icon-play:before { content: "\e957"; } .icon-play2:before { content: "\e958"; } .icon-clapboard-play:before { content: "\e959"; } .icon-clapboard:before { content: "\e95a"; } .icon-media:before { content: "\e95b"; } .icon-presentation:before { content: "\e95c"; } .icon-movie:before { content: "\e95d"; } .icon-film:before { content: "\e95e"; } .icon-film2:before { content: "\e95f"; } .icon-film3:before { content: "\e960"; } .icon-film4:before { content: "\e961"; } .icon-video-camera:before { content: "\e962"; } .icon-video-camera2:before { content: "\e963"; } .icon-video-camera-slash:before { content: "\e964"; } .icon-video-camera3:before { content: "\e965"; } .icon-video-camera4:before { content: "\e966"; } .icon-video-camera-slash2:before { content: "\e967"; } .icon-video-camera5:before { content: "\e968"; } .icon-recording:before { content: "\e969"; } .icon-dice:before { content: "\e96a"; } .icon-gamepad:before { content: "\e96b"; } .icon-gamepad2:before { content: "\e96c"; } .icon-gamepad3:before { content: "\e96d"; } .icon-pacman:before { content: "\e96e"; } .icon-spades:before { content: "\e96f"; } .icon-clubs:before { content: "\e970"; } .icon-diamonds:before { content: "\e971"; } .icon-chess-king:before { content: "\e972"; } .icon-chess-queen:before { content: "\e973"; } .icon-chess-rock:before { content: "\e974"; } .icon-chess-bishop:before { content: "\e975"; } .icon-chess-knight:before { content: "\e976"; } .icon-chess-pawn:before { content: "\e977"; } .icon-chess:before { content: "\e978"; } .icon-bullhorn:before { content: "\e979"; } .icon-megaphone:before { content: "\e97a"; } .icon-new:before { content: "\e97b"; } .icon-connection:before { content: "\e97c"; } .icon-connection2:before { content: "\e97d"; } .icon-connection3:before { content: "\e97e"; } .icon-connection4:before { content: "\e97f"; } .icon-podcast:before { content: "\e980"; } .icon-station:before { content: "\e981"; } .icon-station2:before { content: "\e982"; } .icon-antenna:before { content: "\e983"; } .icon-satellite-dish:before { content: "\e984"; } .icon-satellite-dish2:before { content: "\e985"; } .icon-feed:before { content: "\e986"; } .icon-podcast2:before { content: "\e987"; } .icon-antenna2:before { content: "\e988"; } .icon-mic:before { content: "\e989"; } .icon-mic-off:before { content: "\e98a"; } .icon-mic2:before { content: "\e98b"; } .icon-mic-off2:before { content: "\e98c"; } .icon-mic3:before { content: "\e98d"; } .icon-mic4:before { content: "\e98e"; } .icon-mic5:before { content: "\e98f"; } .icon-book:before { content: "\e990"; } .icon-book2:before { content: "\e991"; } .icon-book-play:before { content: "\e992"; } .icon-book3:before { content: "\e993"; } .icon-bookmark:before { content: "\e994"; } .icon-books:before { content: "\e995"; } .icon-archive:before { content: "\e996"; } .icon-reading:before { content: "\e997"; } .icon-library:before { content: "\e998"; } .icon-library2:before { content: "\e999"; } .icon-graduation:before { content: "\e99a"; } .icon-file-text:before { content: "\e99b"; } .icon-profile:before { content: "\e99c"; } .icon-file-empty:before, .icon-file:before { content: "\e99d"; } .icon-file-empty2:before { content: "\e99e"; } .icon-files-empty:before { content: "\e99f"; } .icon-files-empty2:before { content: "\e9a0"; } .icon-file-plus:before { content: "\e9a1"; } .icon-file-plus2:before { content: "\e9a2"; } .icon-file-minus:before { content: "\e9a3"; } .icon-file-minus2:before { content: "\e9a4"; } .icon-file-download:before { content: "\e9a5"; } .icon-file-download2:before { content: "\e9a6"; } .icon-file-upload:before { content: "\e9a7"; } .icon-file-upload2:before { content: "\e9a8"; } .icon-file-check:before { content: "\e9a9"; } .icon-file-check2:before { content: "\e9aa"; } .icon-file-eye:before { content: "\e9ab"; } .icon-file-eye2:before { content: "\e9ac"; } .icon-file-text2:before { content: "\e9ad"; } .icon-file-text3:before { content: "\e9ae"; } .icon-file-picture:before { content: "\e9af"; } .icon-file-picture2:before { content: "\e9b0"; } .icon-file-music:before { content: "\e9b1"; } .icon-file-music2:before { content: "\e9b2"; } .icon-file-play:before { content: "\e9b3"; } .icon-file-play2:before { content: "\e9b4"; } .icon-file-video:before { content: "\e9b5"; } .icon-file-video2:before { content: "\e9b6"; } .icon-copy:before { content: "\e9b7"; } .icon-copy2:before { content: "\e9b8"; } .icon-file-zip:before { content: "\e9b9"; } .icon-file-zip2:before { content: "\e9ba"; } .icon-file-xml:before { content: "\e9bb"; } .icon-file-xml2:before { content: "\e9bc"; } .icon-file-css:before { content: "\e9bd"; } .icon-file-css2:before { content: "\e9be"; } .icon-file-presentation:before { content: "\e9bf"; } .icon-file-presentation2:before { content: "\e9c0"; } .icon-file-stats:before { content: "\e9c1"; } .icon-file-stats2:before { content: "\e9c2"; } .icon-file-locked:before { content: "\e9c3"; } .icon-file-locked2:before { content: "\e9c4"; } .icon-file-spreadsheet:before { content: "\e9c5"; } .icon-file-spreadsheet2:before { content: "\e9c6"; } .icon-copy3:before { content: "\e9c7"; } .icon-copy4:before { content: "\e9c8"; } .icon-paste:before { content: "\e9c9"; } .icon-paste2:before { content: "\e9ca"; } .icon-paste3:before { content: "\e9cb"; } .icon-paste4:before { content: "\e9cc"; } .icon-stack:before { content: "\e9cd"; } .icon-stack2:before { content: "\e9ce"; } .icon-stack3:before { content: "\e9cf"; } .icon-folder:before { content: "\e9d0"; } .icon-folder-search:before { content: "\e9d1"; } .icon-folder-download:before { content: "\e9d2"; } .icon-folder-upload:before { content: "\e9d3"; } .icon-folder-plus:before { content: "\e9d4"; } .icon-folder-plus2:before { content: "\e9d5"; } .icon-folder-minus:before { content: "\e9d6"; } .icon-folder-minus2:before { content: "\e9d7"; } .icon-folder-check:before { content: "\e9d8"; } .icon-folder-heart:before { content: "\e9d9"; } .icon-folder-remove:before { content: "\e9da"; } .icon-folder2:before { content: "\e9db"; } .icon-folder-open:before { content: "\e9dc"; } .icon-folder3:before { content: "\e9dd"; } .icon-folder4:before { content: "\e9de"; } .icon-folder-plus3:before { content: "\e9df"; } .icon-folder-minus3:before { content: "\e9e0"; } .icon-folder-plus4:before { content: "\e9e1"; } .icon-folder-minus4:before { content: "\e9e2"; } .icon-folder-download2:before { content: "\e9e3"; } .icon-folder-upload2:before { content: "\e9e4"; } .icon-folder-download3:before { content: "\e9e5"; } .icon-folder-upload3:before { content: "\e9e6"; } .icon-folder5:before { content: "\e9e7"; } .icon-folder-open2:before { content: "\e9e8"; } .icon-folder6:before { content: "\e9e9"; } .icon-folder-open3:before { content: "\e9ea"; } .icon-certificate:before { content: "\e9eb"; } .icon-cc:before { content: "\e9ec"; } .icon-price-tag:before { content: "\e9ed"; } .icon-price-tag2:before { content: "\e9ee"; } .icon-price-tags:before { content: "\e9ef"; } .icon-price-tag3:before { content: "\e9f0"; } .icon-price-tags2:before { content: "\e9f1"; } .icon-price-tag4:before { content: "\e9f2"; } .icon-price-tags3:before { content: "\e9f3"; } .icon-price-tag5:before { content: "\e9f4"; } .icon-price-tags4:before { content: "\e9f5"; } .icon-barcode:before { content: "\e9f6"; } .icon-barcode2:before { content: "\e9f7"; } .icon-qrcode:before { content: "\e9f8"; } .icon-ticket:before { content: "\e9f9"; } .icon-ticket2:before { content: "\e9fa"; } .icon-theater:before { content: "\e9fb"; } .icon-store:before { content: "\e9fc"; } .icon-store2:before { content: "\e9fd"; } .icon-cart:before { content: "\e9fe"; } .icon-cart2:before { content: "\e9ff"; } .icon-cart3:before { content: "\ea00"; } .icon-cart4:before { content: "\ea01"; } .icon-cart5:before { content: "\ea02"; } .icon-cart-add:before { content: "\ea03"; } .icon-cart-add2:before { content: "\ea04"; } .icon-cart-remove:before { content: "\ea05"; } .icon-basket:before { content: "\ea06"; } .icon-bag:before { content: "\ea07"; } .icon-bag2:before { content: "\ea08"; } .icon-percent:before { content: "\ea09"; } .icon-coins:before { content: "\ea0a"; } .icon-coin-dollar:before { content: "\ea0b"; } .icon-coin-euro:before { content: "\ea0c"; } .icon-coin-pound:before { content: "\ea0d"; } .icon-coin-yen:before { content: "\ea0e"; } .icon-piggy-bank:before { content: "\ea0f"; } .icon-wallet:before { content: "\ea10"; } .icon-cash:before { content: "\ea11"; } .icon-cash2:before { content: "\ea12"; } .icon-cash3:before { content: "\ea13"; } .icon-cash4:before { content: "\ea14"; } .icon-credit-card:before { content: "\ea15"; } .icon-credit-card2:before { content: "\ea16"; } .icon-calculator:before { content: "\ea17"; } .icon-calculator2:before { content: "\ea18"; } .icon-calculator3:before { content: "\ea19"; } .icon-chip:before { content: "\ea1a"; } .icon-lifebuoy:before { content: "\ea1b"; } .icon-phone:before { content: "\ea1c"; } .icon-phone2:before { content: "\ea1d"; } .icon-phone-slash:before { content: "\ea1e"; } .icon-phone-wave:before { content: "\ea1f"; } .icon-phone-plus:before { content: "\ea20"; } .icon-phone-minus:before { content: "\ea21"; } .icon-phone-plus2:before { content: "\ea22"; } .icon-phone-minus2:before { content: "\ea23"; } .icon-phone-incoming:before { content: "\ea24"; } .icon-phone-outgoing:before { content: "\ea25"; } .icon-phone3:before { content: "\ea26"; } .icon-phone-slash2:before { content: "\ea27"; } .icon-phone-wave2:before { content: "\ea28"; } .icon-phone-hang-up:before { content: "\ea29"; } .icon-phone-hang-up2:before { content: "\ea2a"; } .icon-address-book:before { content: "\ea2b"; } .icon-address-book2:before { content: "\ea2c"; } .icon-address-book3:before { content: "\ea2d"; } .icon-notebook:before { content: "\ea2e"; } .icon-at-sign:before { content: "\ea2f"; } .icon-envelop:before { content: "\ea30"; } .icon-envelop2:before { content: "\ea31"; } .icon-envelop3:before { content: "\ea32"; } .icon-envelop4:before { content: "\ea33"; } .icon-envelop5:before { content: "\ea34"; } .icon-mailbox:before { content: "\ea35"; } .icon-pushpin:before { content: "\ea36"; } .icon-pushpin2:before { content: "\ea37"; } .icon-location:before { content: "\ea38"; } .icon-location2:before { content: "\ea39"; } .icon-location3:before { content: "\ea3a"; } .icon-location4:before { content: "\ea3b"; } .icon-location5:before { content: "\ea3c"; } .icon-location6:before { content: "\ea3d"; } .icon-location7:before { content: "\ea3e"; } .icon-compass:before { content: "\ea3f"; } .icon-compass2:before { content: "\ea40"; } .icon-compass3:before { content: "\ea41"; } .icon-compass4:before { content: "\ea42"; } .icon-compass5:before { content: "\ea43"; } .icon-compass6:before { content: "\ea44"; } .icon-map:before { content: "\ea45"; } .icon-map2:before { content: "\ea46"; } .icon-map3:before { content: "\ea47"; } .icon-map4:before { content: "\ea48"; } .icon-map5:before { content: "\ea49"; } .icon-direction:before { content: "\ea4a"; } .icon-reset:before { content: "\ea4b"; } .icon-history:before { content: "\ea4c"; } .icon-clock:before { content: "\ea4d"; } .icon-clock2:before { content: "\ea4e"; } .icon-clock3:before { content: "\ea4f"; } .icon-clock4:before { content: "\ea50"; } .icon-watch:before { content: "\ea51"; } .icon-watch2:before { content: "\ea52"; } .icon-alarm:before { content: "\ea53"; } .icon-alarm-add:before { content: "\ea54"; } .icon-alarm-check:before { content: "\ea55"; } .icon-alarm-cancel:before { content: "\ea56"; } .icon-bell:before { content: "\ea57"; } .icon-bell2:before { content: "\ea58"; } .icon-bell3:before { content: "\ea59"; } .icon-bell-plus:before { content: "\ea5a"; } .icon-bell-minus:before { content: "\ea5b"; } .icon-bell-check:before { content: "\ea5c"; } .icon-bell-cross:before { content: "\ea5d"; } .icon-stopwatch:before { content: "\ea5e"; } .icon-calendar:before { content: "\ea5f"; } .icon-calendar2:before { content: "\ea60"; } .icon-calendar3:before { content: "\ea61"; } .icon-calendar4:before { content: "\ea62"; } .icon-calendar5:before { content: "\ea63"; } .icon-printer:before { content: "\ea64"; } .icon-printer2:before { content: "\ea65"; } .icon-printer3:before { content: "\ea66"; } .icon-printer4:before { content: "\ea67"; } .icon-shredder:before { content: "\ea68"; } .icon-mouse:before { content: "\ea69"; } .icon-mouse2:before { content: "\ea6a"; } .icon-mouse-left:before { content: "\ea6b"; } .icon-mouse-right:before { content: "\ea6c"; } .icon-keyboard:before { content: "\ea6d"; } .icon-keyboard2:before { content: "\ea6e"; } .icon-typewriter:before { content: "\ea6f"; } .icon-display:before { content: "\ea70"; } .icon-display2:before { content: "\ea71"; } .icon-display3:before { content: "\ea72"; } .icon-display4:before { content: "\ea73"; } .icon-laptop:before { content: "\ea74"; } .icon-mobile:before { content: "\ea75"; } .icon-mobile2:before { content: "\ea76"; } .icon-tablet:before { content: "\ea77"; } .icon-mobile3:before { content: "\ea78"; } .icon-tv:before { content: "\ea79"; } .icon-radio:before { content: "\ea7a"; } .icon-cabinet:before { content: "\ea7b"; } .icon-drawer:before { content: "\ea7c"; } .icon-drawer2:before { content: "\ea7d"; } .icon-drawer-out:before { content: "\ea7e"; } .icon-drawer-in:before { content: "\ea7f"; } .icon-drawer3:before { content: "\ea80"; } .icon-box:before { content: "\ea81"; } .icon-box-add:before { content: "\ea82"; } .icon-box-remove:before { content: "\ea83"; } .icon-download:before { content: "\ea84"; } .icon-upload:before { content: "\ea85"; } .icon-floppy-disk:before { content: "\ea86"; } .icon-floppy-disks:before { content: "\ea87"; } .icon-floppy-disks2:before { content: "\ea88"; } .icon-floppy-disk2:before { content: "\ea89"; } .icon-floppy-disk3:before { content: "\ea8a"; } .icon-disk:before { content: "\ea8b"; } .icon-disk2:before { content: "\ea8c"; } .icon-usb-stick:before { content: "\ea8d"; } .icon-drive:before { content: "\ea8e"; } .icon-server:before { content: "\ea8f"; } .icon-database:before { content: "\ea90"; } .icon-database2:before { content: "\ea91"; } .icon-database3:before { content: "\ea92"; } .icon-database4:before { content: "\ea93"; } .icon-database-menu:before { content: "\ea94"; } .icon-database-add:before { content: "\ea95"; } .icon-database-remove:before { content: "\ea96"; } .icon-database-insert:before { content: "\ea97"; } .icon-database-export:before { content: "\ea98"; } .icon-database-upload:before { content: "\ea99"; } .icon-database-refresh:before { content: "\ea9a"; } .icon-database-diff:before { content: "\ea9b"; } .icon-database-edit:before { content: "\ea9c"; } .icon-database-edit2:before { content: "\ea9d"; } .icon-database-check:before { content: "\ea9e"; } .icon-database-arrow:before { content: "\ea9f"; } .icon-database-time:before { content: "\eaa0"; } .icon-database-time2:before { content: "\eaa1"; } .icon-undo:before { content: "\eaa2"; } .icon-redo:before { content: "\eaa3"; } .icon-rotate-ccw:before { content: "\eaa4"; } .icon-rotate-cw:before { content: "\eaa5"; } .icon-rotate-ccw2:before { content: "\eaa6"; } .icon-rotate-cw2:before { content: "\eaa7"; } .icon-rotate-ccw3:before { content: "\eaa8"; } .icon-rotate-cw3:before { content: "\eaa9"; } .icon-flip-vertical:before { content: "\eaaa"; } .icon-flip-vertical2:before { content: "\eaab"; } .icon-flip-horizontal:before { content: "\eaac"; } .icon-flip-horizontal2:before { content: "\eaad"; } .icon-flip-vertical3:before { content: "\eaae"; } .icon-flip-vertical4:before { content: "\eaaf"; } .icon-angle:before { content: "\eab0"; } .icon-shear:before { content: "\eab1"; } .icon-unite:before { content: "\eab2"; } .icon-subtract:before { content: "\eab3"; } .icon-interset:before { content: "\eab4"; } .icon-exclude:before { content: "\eab5"; } .icon-align-left:before { content: "\eab6"; } .icon-align-center-horizontal:before { content: "\eab7"; } .icon-align-right:before { content: "\eab8"; } .icon-align-top:before { content: "\eab9"; } .icon-align-center-vertical:before { content: "\eaba"; } .icon-align-bottom:before { content: "\eabb"; } .icon-undo2:before { content: "\eabc"; } .icon-redo2:before { content: "\eabd"; } .icon-forward:before { content: "\eabe"; } .icon-reply:before { content: "\eabf"; } .icon-reply-all:before { content: "\eac0"; } .icon-bubble:before { content: "\eac1"; } .icon-bubbles:before { content: "\eac2"; } .icon-bubbles2:before { content: "\eac3"; } .icon-bubble2:before { content: "\eac4"; } .icon-bubbles3:before { content: "\eac5"; } .icon-bubbles4:before { content: "\eac6"; } .icon-bubble-notification:before { content: "\eac7"; } .icon-bubbles5:before { content: "\eac8"; } .icon-bubbles6:before { content: "\eac9"; } .icon-bubble3:before { content: "\eaca"; } .icon-bubble-dots:before { content: "\eacb"; } .icon-bubble-lines:before { content: "\eacc"; } .icon-bubble4:before { content: "\eacd"; } .icon-bubble-dots2:before { content: "\eace"; } .icon-bubble-lines2:before { content: "\eacf"; } .icon-bubble5:before { content: "\ead0"; } .icon-bubble6:before { content: "\ead1"; } .icon-bubbles7:before { content: "\ead2"; } .icon-bubble7:before { content: "\ead3"; } .icon-bubbles8:before { content: "\ead4"; } .icon-bubble8:before { content: "\ead5"; } .icon-bubble-dots3:before { content: "\ead6"; } .icon-bubble-lines3:before { content: "\ead7"; } .icon-bubble9:before { content: "\ead8"; } .icon-bubble-dots4:before { content: "\ead9"; } .icon-bubble-lines4:before { content: "\eada"; } .icon-bubbles9:before { content: "\eadb"; } .icon-bubbles10:before { content: "\eadc"; } .icon-bubble-blocked:before { content: "\eadd"; } .icon-bubble-quote:before { content: "\eade"; } .icon-bubble-user:before { content: "\eadf"; } .icon-bubble-smiley:before { content: "\eae0"; } .icon-bubble-check:before { content: "\eae1"; } .icon-bubble-video:before { content: "\eae2"; } .icon-bubble-link:before { content: "\eae3"; } .icon-bubble-lock:before { content: "\eae4"; } .icon-bubble-star:before { content: "\eae5"; } .icon-bubble-heart:before { content: "\eae6"; } .icon-bubble-paperclip:before { content: "\eae7"; } .icon-bubble-cancel:before { content: "\eae8"; } .icon-bubble-plus:before { content: "\eae9"; } .icon-bubble-minus:before { content: "\eaea"; } .icon-bubble-notification2:before { content: "\eaeb"; } .icon-bubble-left:before { content: "\eaec"; } .icon-bubble-right:before { content: "\eaed"; } .icon-bubble-first:before { content: "\eaee"; } .icon-bubble-last:before { content: "\eaef"; } .icon-bubble-reply:before { content: "\eaf0"; } .icon-bubble-forward:before { content: "\eaf1"; } .icon-bubble-reply2:before { content: "\eaf2"; } .icon-bubble-forward2:before { content: "\eaf3"; } .icon-user:before { content: "\eaf4"; } .icon-users:before { content: "\eaf5"; } .icon-user-plus:before { content: "\eaf6"; } .icon-user-minus:before { content: "\eaf7"; } .icon-user-cancel:before { content: "\eaf8"; } .icon-user-block:before { content: "\eaf9"; } .icon-user-lock:before { content: "\eafa"; } .icon-user-check:before { content: "\eafb"; } .icon-users2:before { content: "\eafc"; } .icon-user2:before { content: "\eafd"; } .icon-users3:before { content: "\eafe"; } .icon-user-plus2:before { content: "\eaff"; } .icon-user-minus2:before { content: "\eb00"; } .icon-user-cancel2:before { content: "\eb01"; } .icon-user-block2:before { content: "\eb02"; } .icon-user-lock2:before { content: "\eb03"; } .icon-user-check2:before { content: "\eb04"; } .icon-user3:before { content: "\eb05"; } .icon-user4:before { content: "\eb06"; } .icon-user5:before { content: "\eb07"; } .icon-user6:before { content: "\eb08"; } .icon-users4:before { content: "\eb09"; } .icon-user-tie:before { content: "\eb0a"; } .icon-user7:before { content: "\eb0b"; } .icon-users5:before { content: "\eb0c"; } .icon-collaboration:before { content: "\eb0d"; } .icon-vcard:before { content: "\eb0e"; } .icon-hat:before { content: "\eb0f"; } .icon-bowtie:before { content: "\eb10"; } .icon-tie:before { content: "\eb11"; } .icon-hanger:before { content: "\eb12"; } .icon-tshirt:before { content: "\eb13"; } .icon-pants:before { content: "\eb14"; } .icon-shorts:before { content: "\eb15"; } .icon-sock:before { content: "\eb16"; } .icon-laundry:before { content: "\eb17"; } .icon-quotes-left:before { content: "\eb18"; } .icon-quotes-right:before { content: "\eb19"; } .icon-quotes-left2:before { content: "\eb1a"; } .icon-quotes-right2:before { content: "\eb1b"; } .icon-hour-glass:before { content: "\eb1c"; } .icon-hour-glass2:before { content: "\eb1d"; } .icon-hour-glass3:before { content: "\eb1e"; } .icon-spinner:before { content: "\eb1f"; } .icon-spinner2:before { content: "\eb20"; } .icon-spinner3:before { content: "\eb21"; } .icon-spinner4:before { content: "\eb22"; } .icon-spinner5:before { content: "\eb23"; } .icon-spinner6:before { content: "\eb24"; } .icon-spinner7:before { content: "\eb25"; } .icon-spinner8:before { content: "\eb26"; } .icon-spinner9:before { content: "\eb27"; } .icon-spinner10:before { content: "\eb28"; } .icon-spinner11:before { content: "\eb29"; } .icon-microscope:before { content: "\eb2a"; } .icon-binoculars:before { content: "\eb2b"; } .icon-binoculars2:before { content: "\eb2c"; } .icon-search:before { content: "\eb2d"; } .icon-zoom-in:before { content: "\eb2e"; } .icon-zoom-out:before { content: "\eb2f"; } .icon-search2:before { content: "\eb30"; } .icon-zoom-in2:before { content: "\eb31"; } .icon-zoom-out2:before { content: "\eb32"; } .icon-search3:before { content: "\eb33"; } .icon-search4:before { content: "\eb34"; } .icon-zoom-in3:before { content: "\eb35"; } .icon-zoom-out3:before { content: "\eb36"; } .icon-search5:before { content: "\eb37"; } .icon-search6:before { content: "\eb38"; } .icon-enlarge:before { content: "\eb39"; } .icon-shrink:before { content: "\eb3a"; } .icon-enlarge2:before { content: "\eb3b"; } .icon-shrink2:before { content: "\eb3c"; } .icon-enlarge3:before { content: "\eb3d"; } .icon-shrink3:before { content: "\eb3e"; } .icon-enlarge4:before { content: "\eb3f"; } .icon-shrink4:before { content: "\eb40"; } .icon-enlarge5:before { content: "\eb41"; } .icon-shrink5:before { content: "\eb42"; } .icon-enlarge6:before { content: "\eb43"; } .icon-shrink6:before { content: "\eb44"; } .icon-enlarge7:before { content: "\eb45"; } .icon-shrink7:before { content: "\eb46"; } .icon-key:before { content: "\eb47"; } .icon-key2:before { content: "\eb48"; } .icon-key3:before { content: "\eb49"; } .icon-key4:before { content: "\eb4a"; } .icon-key5:before { content: "\eb4b"; } .icon-keyhole:before { content: "\eb4c"; } .icon-lock:before { content: "\eb4d"; } .icon-lock2:before { content: "\eb4e"; } .icon-lock3:before { content: "\eb4f"; } .icon-lock4:before { content: "\eb50"; } .icon-unlocked:before { content: "\eb51"; } .icon-lock5:before { content: "\eb52"; } .icon-unlocked2:before { content: "\eb53"; } .icon-safe:before { content: "\eb54"; } .icon-wrench:before { content: "\eb55"; } .icon-wrench2:before { content: "\eb56"; } .icon-wrench3:before { content: "\eb57"; } .icon-equalizer:before { content: "\eb58"; } .icon-equalizer2:before { content: "\eb59"; } .icon-equalizer3:before { content: "\eb5a"; } .icon-equalizer4:before { content: "\eb5b"; } .icon-cog:before { content: "\eb5c"; } .icon-cogs:before { content: "\eb5d"; } .icon-cog2:before { content: "\eb5e"; } .icon-cog3:before { content: "\eb5f"; } .icon-cog4:before { content: "\eb60"; } .icon-cog5:before { content: "\eb61"; } .icon-cog6:before { content: "\eb62"; } .icon-cog7:before { content: "\eb63"; } .icon-factory:before { content: "\eb64"; } .icon-hammer:before { content: "\eb65"; } .icon-hammer-wrench:before { content: "\eb66"; } .icon-knife:before { content: "\eb67"; } .icon-screwdriver:before { content: "\eb68"; } .icon-screwdriver2:before { content: "\eb69"; } .icon-magic-wand:before { content: "\eb6a"; } .icon-magic-wand2:before { content: "\eb6b"; } .icon-pulse:before { content: "\eb6c"; } .icon-pulse2:before { content: "\eb6d"; } .icon-aid-kit:before { content: "\eb6e"; } .icon-aid-kit2:before { content: "\eb6f"; } .icon-stethoscope:before { content: "\eb70"; } .icon-ambulance:before { content: "\eb71"; } .icon-alarm2:before { content: "\eb72"; } .icon-pandage:before { content: "\eb73"; } .icon-pandage2:before { content: "\eb74"; } .icon-bug:before { content: "\eb75"; } .icon-bug2:before { content: "\eb76"; } .icon-syringe:before { content: "\eb77"; } .icon-syringe2:before { content: "\eb78"; } .icon-pill:before { content: "\eb79"; } .icon-construction:before { content: "\eb7a"; } .icon-traffic-cone:before { content: "\eb7b"; } .icon-traffic-lights:before { content: "\eb7c"; } .icon-pie-chart:before { content: "\eb7d"; } .icon-pie-chart2:before { content: "\eb7e"; } .icon-pie-chart3:before { content: "\eb7f"; } .icon-pie-chart4:before { content: "\eb80"; } .icon-pie-chart5:before { content: "\eb81"; } .icon-pie-chart6:before { content: "\eb82"; } .icon-pie-chart7:before { content: "\eb83"; } .icon-stats-dots:before { content: "\eb84"; } .icon-stats-bars:before { content: "\eb85"; } .icon-pie-chart8:before { content: "\eb86"; } .icon-stats-bars2:before { content: "\eb87"; } .icon-stats-bars3:before { content: "\eb88"; } .icon-stats-bars4:before { content: "\eb89"; } .icon-stats-bars5:before { content: "\eb8a"; } .icon-stats-bars6:before { content: "\eb8b"; } .icon-chart:before { content: "\eb8c"; } .icon-stats-growth:before { content: "\eb8d"; } .icon-stats-decline:before { content: "\eb8e"; } .icon-stats-growth2:before { content: "\eb8f"; } .icon-stats-decline2:before { content: "\eb90"; } .icon-stairs-up:before { content: "\eb91"; } .icon-stairs-down:before { content: "\eb92"; } .icon-stairs:before { content: "\eb93"; } .icon-stairs2:before { content: "\eb94"; } .icon-ladder:before { content: "\eb95"; } .icon-rating:before { content: "\eb96"; } .icon-rating2:before { content: "\eb97"; } .icon-rating3:before { content: "\eb98"; } .icon-cake:before { content: "\eb99"; } .icon-podium:before { content: "\eb9a"; } .icon-stars:before { content: "\eb9b"; } .icon-medal-star:before { content: "\eb9c"; } .icon-medal:before { content: "\eb9d"; } .icon-medal2:before { content: "\eb9e"; } .icon-medal-first:before { content: "\eb9f"; } .icon-medal-second:before { content: "\eba0"; } .icon-medal-third:before { content: "\eba1"; } .icon-crown:before { content: "\eba2"; } .icon-trophy:before { content: "\eba3"; } .icon-trophy2:before { content: "\eba4"; } .icon-trophy3:before { content: "\eba5"; } .icon-diamond:before { content: "\eba6"; } .icon-diamond2:before { content: "\eba7"; } .icon-trophy4:before { content: "\eba8"; } .icon-gift:before { content: "\eba9"; } .icon-gift2:before { content: "\ebaa"; } .icon-balloon:before { content: "\ebab"; } .icon-pipe:before { content: "\ebac"; } .icon-mustache:before { content: "\ebad"; } .icon-mustache2:before { content: "\ebae"; } .icon-glass:before { content: "\ebaf"; } .icon-glass2:before { content: "\ebb0"; } .icon-glass3:before { content: "\ebb1"; } .icon-glass4:before { content: "\ebb2"; } .icon-bottle:before { content: "\ebb3"; } .icon-bottle2:before { content: "\ebb4"; } .icon-bottle3:before { content: "\ebb5"; } .icon-bottle4:before { content: "\ebb6"; } .icon-mug:before { content: "\ebb7"; } .icon-fork-knife:before { content: "\ebb8"; } .icon-spoon-knife:before { content: "\ebb9"; } .icon-cook:before { content: "\ebba"; } .icon-plate:before { content: "\ebbb"; } .icon-steak:before { content: "\ebbc"; } .icon-fish:before { content: "\ebbd"; } .icon-chicken:before { content: "\ebbe"; } .icon-hamburger:before { content: "\ebbf"; } .icon-pizza:before { content: "\ebc0"; } .icon-cheese:before { content: "\ebc1"; } .icon-bread:before { content: "\ebc2"; } .icon-icecream:before { content: "\ebc3"; } .icon-milk:before { content: "\ebc4"; } .icon-cup:before { content: "\ebc5"; } .icon-cup2:before { content: "\ebc6"; } .icon-coffee-baen:before { content: "\ebc7"; } .icon-coffee:before { content: "\ebc8"; } .icon-teapot:before { content: "\ebc9"; } .icon-leaf:before { content: "\ebca"; } .icon-leaf2:before { content: "\ebcb"; } .icon-apple:before { content: "\ebcc"; } .icon-grapes:before { content: "\ebcd"; } .icon-cherry:before { content: "\ebce"; } .icon-tree:before { content: "\ebcf"; } .icon-tree2:before { content: "\ebd0"; } .icon-tree3:before { content: "\ebd1"; } .icon-tree4:before { content: "\ebd2"; } .icon-cactus:before { content: "\ebd3"; } .icon-mountains:before { content: "\ebd4"; } .icon-paw:before { content: "\ebd5"; } .icon-footprint:before { content: "\ebd6"; } .icon-tent:before { content: "\ebd7"; } .icon-flower:before { content: "\ebd8"; } .icon-flower2:before { content: "\ebd9"; } .icon-rocket:before { content: "\ebda"; } .icon-meter:before { content: "\ebdb"; } .icon-meter2:before { content: "\ebdc"; } .icon-meter-slow:before { content: "\ebdd"; } .icon-meter-medium:before { content: "\ebde"; } .icon-meter-fast:before { content: "\ebdf"; } .icon-meter3:before { content: "\ebe0"; } .icon-hammer2:before { content: "\ebe1"; } .icon-balance:before { content: "\ebe2"; } .icon-scale:before { content: "\ebe3"; } .icon-bomb:before { content: "\ebe4"; } .icon-fire:before { content: "\ebe5"; } .icon-fire2:before { content: "\ebe6"; } .icon-lab:before { content: "\ebe7"; } .icon-atom:before { content: "\ebe8"; } .icon-atom2:before { content: "\ebe9"; } .icon-magnet:before { content: "\ebea"; } .icon-magnet2:before { content: "\ebeb"; } .icon-dumbbell:before { content: "\ebec"; } .icon-skull:before { content: "\ebed"; } .icon-skull2:before { content: "\ebee"; } .icon-lamp:before { content: "\ebef"; } .icon-lamp2:before { content: "\ebf0"; } .icon-lamp3:before { content: "\ebf1"; } .icon-spotlight:before { content: "\ebf2"; } .icon-lamp4:before { content: "\ebf3"; } .icon-lamp5:before { content: "\ebf4"; } .icon-lamp6:before { content: "\ebf5"; } .icon-lamp7:before { content: "\ebf6"; } .icon-lamp8:before { content: "\ebf7"; } .icon-broom:before { content: "\ebf8"; } .icon-toiletpaper:before { content: "\ebf9"; } .icon-bin:before { content: "\ebfa"; } .icon-bin2:before { content: "\ebfb"; } .icon-bin3:before { content: "\ebfc"; } .icon-bin4:before { content: "\ebfd"; } .icon-bin5:before { content: "\ebfe"; } .icon-briefcase:before { content: "\ebff"; } .icon-briefcase2:before { content: "\ec00"; } .icon-briefcase3:before { content: "\ec01"; } .icon-airplane:before { content: "\ec02"; } .icon-airplane2:before { content: "\ec03"; } .icon-airplane3:before { content: "\ec04"; } .icon-airplane4:before { content: "\ec05"; } .icon-paperplane:before { content: "\ec06"; } .icon-car:before { content: "\ec07"; } .icon-steering-wheel:before { content: "\ec08"; } .icon-car2:before { content: "\ec09"; } .icon-gas:before { content: "\ec0a"; } .icon-bus:before { content: "\ec0b"; } .icon-truck:before { content: "\ec0c"; } .icon-bike:before { content: "\ec0d"; } .icon-road:before { content: "\ec0e"; } .icon-train:before { content: "\ec0f"; } .icon-train2:before { content: "\ec10"; } .icon-ship:before { content: "\ec11"; } .icon-boat:before { content: "\ec12"; } .icon-chopper:before { content: "\ec13"; } .icon-chopper2:before { content: "\ec14"; } .icon-cube:before { content: "\ec15"; } .icon-cube2:before { content: "\ec16"; } .icon-cube3:before { content: "\ec17"; } .icon-cube4:before { content: "\ec18"; } .icon-pyramid:before { content: "\ec19"; } .icon-pyramid2:before { content: "\ec1a"; } .icon-package:before { content: "\ec1b"; } .icon-puzzle:before { content: "\ec1c"; } .icon-puzzle2:before { content: "\ec1d"; } .icon-puzzle3:before { content: "\ec1e"; } .icon-puzzle4:before { content: "\ec1f"; } .icon-glasses-3d:before { content: "\ec20"; } .icon-glasses-3d2:before { content: "\ec21"; } .icon-glasses:before { content: "\ec22"; } .icon-glasses2:before { content: "\ec23"; } .icon-brain:before { content: "\ec24"; } .icon-accessibility:before { content: "\ec25"; } .icon-accessibility2:before { content: "\ec26"; } .icon-strategy:before { content: "\ec27"; } .icon-target:before { content: "\ec28"; } .icon-target2:before { content: "\ec29"; } .icon-target3:before { content: "\ec2a"; } .icon-ammo:before { content: "\ec2b"; } .icon-gun:before { content: "\ec2c"; } .icon-gun-forbidden:before { content: "\ec2d"; } .icon-shield:before { content: "\ec2e"; } .icon-shield-check:before { content: "\ec2f"; } .icon-shield-notice:before { content: "\ec30"; } .icon-shield2:before { content: "\ec31"; } .icon-shield3:before { content: "\ec32"; } .icon-shield4:before { content: "\ec33"; } .icon-soccer:before { content: "\ec34"; } .icon-football:before { content: "\ec35"; } .icon-archery:before { content: "\ec36"; } .icon-bow:before { content: "\ec37"; } .icon-sword:before { content: "\ec38"; } .icon-tennis:before { content: "\ec39"; } .icon-pingpong:before { content: "\ec3a"; } .icon-baseball:before { content: "\ec3b"; } .icon-basketball:before { content: "\ec3c"; } .icon-golf:before { content: "\ec3d"; } .icon-golf2:before { content: "\ec3e"; } .icon-hockey:before { content: "\ec3f"; } .icon-racing:before { content: "\ec40"; } .icon-finish:before { content: "\ec41"; } .icon-eight-ball:before { content: "\ec42"; } .icon-bowling:before { content: "\ec43"; } .icon-bowling2:before { content: "\ec44"; } .icon-power:before { content: "\ec45"; } .icon-power2:before { content: "\ec46"; } .icon-power3:before { content: "\ec47"; } .icon-switch:before { content: "\ec48"; } .icon-switch2:before { content: "\ec49"; } .icon-power-cord:before { content: "\ec4a"; } .icon-power-cord2:before { content: "\ec4b"; } .icon-outlet:before { content: "\ec4c"; } .icon-clipboard:before { content: "\ec4d"; } .icon-clipboard2:before { content: "\ec4e"; } .icon-clipboard3:before { content: "\ec4f"; } .icon-clipboard4:before { content: "\ec50"; } .icon-clipboard5:before { content: "\ec51"; } .icon-clipboard6:before { content: "\ec52"; } .icon-playlist:before { content: "\ec53"; } .icon-playlist-add:before { content: "\ec54"; } .icon-list-numbered:before { content: "\ec55"; } .icon-list:before { content: "\ec56"; } .icon-list2:before { content: "\ec57"; } .icon-more:before { content: "\ec58"; } .icon-more2:before { content: "\ec59"; } .icon-grid:before { content: "\ec5a"; } .icon-grid2:before { content: "\ec5b"; } .icon-grid3:before { content: "\ec5c"; } .icon-grid4:before { content: "\ec5d"; } .icon-grid5:before { content: "\ec5e"; } .icon-grid6:before { content: "\ec5f"; } .icon-grid7:before { content: "\ec60"; } .icon-tree5:before { content: "\ec61"; } .icon-tree6:before { content: "\ec62"; } .icon-tree7:before { content: "\ec63"; } .icon-lan:before { content: "\ec64"; } .icon-lan2:before { content: "\ec65"; } .icon-lan3:before { content: "\ec66"; } .icon-menu:before { content: "\ec67"; } .icon-circle-small:before { content: "\ec68"; } .icon-menu2:before { content: "\ec69"; } .icon-menu3:before { content: "\ec6a"; } .icon-menu4:before { content: "\ec6b"; } .icon-menu5:before { content: "\ec6c"; } .icon-menu6:before { content: "\ec6d"; } .icon-menu7:before { content: "\ec6e"; } .icon-menu8:before { content: "\ec6f"; } .icon-menu9:before { content: "\ec70"; } .icon-menu10:before { content: "\ec71"; } .icon-cloud:before { content: "\ec72"; } .icon-cloud-download:before { content: "\ec73"; } .icon-cloud-upload:before { content: "\ec74"; } .icon-cloud-check:before { content: "\ec75"; } .icon-cloud2:before { content: "\ec76"; } .icon-cloud-download2:before { content: "\ec77"; } .icon-cloud-upload2:before { content: "\ec78"; } .icon-cloud-check2:before { content: "\ec79"; } .icon-download2:before { content: "\ec7a"; } .icon-download3:before { content: "\ec7b"; } .icon-upload2:before { content: "\ec7c"; } .icon-upload3:before { content: "\ec7d"; } .icon-import:before { content: "\ec7e"; } .icon-import2:before { content: "\ec7f"; } .icon-download4:before { content: "\ec80"; } .icon-upload4:before { content: "\ec81"; } .icon-download5:before { content: "\ec82"; } .icon-upload5:before { content: "\ec83"; } .icon-download6:before { content: "\ec84"; } .icon-upload6:before { content: "\ec85"; } .icon-download7:before { content: "\ec86"; } .icon-upload7:before { content: "\ec87"; } .icon-download8:before { content: "\ec88"; } .icon-upload8:before { content: "\ec89"; } .icon-download9:before { content: "\ec8a"; } .icon-upload9:before { content: "\ec8b"; } .icon-download10:before { content: "\ec8c"; } .icon-upload10:before { content: "\ec8d"; } .icon-sphere:before { content: "\ec8e"; } .icon-sphere2:before { content: "\ec8f"; } .icon-sphere3:before { content: "\ec90"; } .icon-planet:before { content: "\ec91"; } .icon-planet2:before { content: "\ec92"; } .icon-earth:before { content: "\ec93"; } .icon-earth2:before { content: "\ec94"; } .icon-earth3:before { content: "\ec95"; } .icon-link:before { content: "\ec96"; } .icon-unlink:before { content: "\ec97"; } .icon-link2:before { content: "\ec98"; } .icon-unlink2:before { content: "\ec99"; } .icon-link3:before { content: "\ec9a"; } .icon-unlink3:before { content: "\ec9b"; } .icon-link4:before { content: "\ec9c"; } .icon-unlink4:before { content: "\ec9d"; } .icon-link5:before { content: "\ec9e"; } .icon-unlink5:before { content: "\ec9f"; } .icon-anchor:before { content: "\eca0"; } .icon-flag:before { content: "\eca1"; } .icon-flag2:before { content: "\eca2"; } .icon-flag3:before { content: "\eca3"; } .icon-flag4:before { content: "\eca4"; } .icon-flag5:before { content: "\eca5"; } .icon-flag6:before { content: "\eca6"; } .icon-flag7:before { content: "\eca7"; } .icon-flag8:before { content: "\eca8"; } .icon-attachment:before { content: "\eca9"; } .icon-attachment2:before { content: "\ecaa"; } .icon-eye:before { content: "\ecab"; } .icon-eye-plus:before { content: "\ecac"; } .icon-eye-minus:before { content: "\ecad"; } .icon-eye-blocked:before { content: "\ecae"; } .icon-eye2:before { content: "\ecaf"; } .icon-eye-blocked2:before { content: "\ecb0"; } .icon-eye3:before { content: "\ecb1"; } .icon-eye-blocked3:before { content: "\ecb2"; } .icon-eye4:before { content: "\ecb3"; } .icon-bookmark2:before { content: "\ecb4"; } .icon-bookmark3:before { content: "\ecb5"; } .icon-bookmarks:before { content: "\ecb6"; } .icon-bookmark4:before { content: "\ecb7"; } .icon-spotlight2:before { content: "\ecb8"; } .icon-starburst:before { content: "\ecb9"; } .icon-snowflake:before { content: "\ecba"; } .icon-temperature:before { content: "\ecbb"; } .icon-temperature2:before { content: "\ecbc"; } .icon-weather-lightning:before { content: "\ecbd"; } .icon-weather-lightning2:before { content: "\ecbe"; } .icon-weather-rain:before { content: "\ecbf"; } .icon-weather-rain2:before { content: "\ecc0"; } .icon-weather-snow:before { content: "\ecc1"; } .icon-weather-snow2:before { content: "\ecc2"; } .icon-weather-cloud-wind:before { content: "\ecc3"; } .icon-weather-cloud-wind2:before { content: "\ecc4"; } .icon-weather-cloud-sun:before { content: "\ecc5"; } .icon-weather-cloud-sun2:before { content: "\ecc6"; } .icon-weather-cloudy:before { content: "\ecc7"; } .icon-weather-cloudy2:before { content: "\ecc8"; } .icon-weather-sun-wind:before { content: "\ecc9"; } .icon-weather-sun-wind2:before { content: "\ecca"; } .icon-sun:before { content: "\eccb"; } .icon-sun2:before { content: "\eccc"; } .icon-moon:before { content: "\eccd"; } .icon-day-night:before { content: "\ecce"; } .icon-day-night2:before { content: "\eccf"; } .icon-weather-windy:before { content: "\ecd0"; } .icon-fan:before { content: "\ecd1"; } .icon-umbrella:before { content: "\ecd2"; } .icon-sun3:before { content: "\ecd3"; } .icon-contrast:before { content: "\ecd4"; } .icon-brightness-contrast:before { content: "\ecd5"; } .icon-brightness-high:before { content: "\ecd6"; } .icon-brightness-medium:before { content: "\ecd7"; } .icon-brightness-low:before { content: "\ecd8"; } .icon-bed:before { content: "\ecd9"; } .icon-bed2:before { content: "\ecda"; } .icon-furniture:before { content: "\ecdb"; } .icon-chair:before { content: "\ecdc"; } .icon-star-empty:before { content: "\ecdd"; } .icon-star-empty2:before { content: "\ecde"; } .icon-star-full:before { content: "\ecdf"; } .icon-star-empty3:before { content: "\ece0"; } .icon-star-half:before { content: "\ece1"; } .icon-star-full2:before { content: "\ece2"; } .icon-star:before { content: "\ece3"; } .icon-heart:before { content: "\ece4"; } .icon-heart2:before { content: "\ece5"; } .icon-heart3:before { content: "\ece6"; } .icon-heart4:before { content: "\ece7"; } .icon-heart-broken:before { content: "\ece8"; } .icon-heart5:before { content: "\ece9"; } .icon-heart6:before { content: "\ecea"; } .icon-heart-broken2:before { content: "\eceb"; } .icon-heart7:before { content: "\ecec"; } .icon-heart8:before { content: "\eced"; } .icon-heart-broken3:before { content: "\ecee"; } .icon-lips:before { content: "\ecef"; } .icon-lips2:before { content: "\ecf0"; } .icon-thumbs-up:before { content: "\ecf1"; } .icon-thumbs-up2:before { content: "\ecf2"; } .icon-thumbs-down:before { content: "\ecf3"; } .icon-thumbs-down2:before { content: "\ecf4"; } .icon-thumbs-up3:before { content: "\ecf5"; } .icon-thumbs-down3:before { content: "\ecf6"; } .icon-height:before { content: "\ecf7"; } .icon-man:before { content: "\ecf8"; } .icon-woman:before { content: "\ecf9"; } .icon-man-woman:before { content: "\ecfa"; } .icon-male:before { content: "\ecfb"; } .icon-female:before { content: "\ecfc"; } .icon-peace:before { content: "\ecfd"; } .icon-yin-yang:before { content: "\ecfe"; } .icon-happy:before { content: "\ecff"; } .icon-happy2:before { content: "\ed00"; } .icon-smile:before { content: "\ed01"; } .icon-smile2:before { content: "\ed02"; } .icon-tongue:before { content: "\ed03"; } .icon-tongue2:before { content: "\ed04"; } .icon-sad:before { content: "\ed05"; } .icon-sad2:before { content: "\ed06"; } .icon-wink:before { content: "\ed07"; } .icon-wink2:before { content: "\ed08"; } .icon-grin:before { content: "\ed09"; } .icon-grin2:before { content: "\ed0a"; } .icon-cool:before { content: "\ed0b"; } .icon-cool2:before { content: "\ed0c"; } .icon-angry:before { content: "\ed0d"; } .icon-angry2:before { content: "\ed0e"; } .icon-evil:before { content: "\ed0f"; } .icon-evil2:before { content: "\ed10"; } .icon-shocked:before { content: "\ed11"; } .icon-shocked2:before { content: "\ed12"; } .icon-baffled:before { content: "\ed13"; } .icon-baffled2:before { content: "\ed14"; } .icon-confused:before { content: "\ed15"; } .icon-confused2:before { content: "\ed16"; } .icon-neutral:before { content: "\ed17"; } .icon-neutral2:before { content: "\ed18"; } .icon-hipster:before { content: "\ed19"; } .icon-hipster2:before { content: "\ed1a"; } .icon-wondering:before { content: "\ed1b"; } .icon-wondering2:before { content: "\ed1c"; } .icon-sleepy:before { content: "\ed1d"; } .icon-sleepy2:before { content: "\ed1e"; } .icon-frustrated:before { content: "\ed1f"; } .icon-frustrated2:before { content: "\ed20"; } .icon-crying:before { content: "\ed21"; } .icon-crying2:before { content: "\ed22"; } .icon-cursor:before { content: "\ed23"; } .icon-cursor2:before { content: "\ed24"; } .icon-lasso:before { content: "\ed25"; } .icon-lasso2:before { content: "\ed26"; } .icon-select:before { content: "\ed27"; } .icon-select2:before { content: "\ed28"; } .icon-point-up:before { content: "\ed29"; } .icon-point-right:before { content: "\ed2a"; } .icon-point-down:before { content: "\ed2b"; } .icon-point-left:before { content: "\ed2c"; } .icon-pointer:before { content: "\ed2d"; } .icon-reminder:before { content: "\ed2e"; } .icon-drag-left-right:before { content: "\ed2f"; } .icon-drag-left:before { content: "\ed30"; } .icon-drag-right:before { content: "\ed31"; } .icon-touch:before { content: "\ed32"; } .icon-multitouch:before { content: "\ed33"; } .icon-touch-zoom:before { content: "\ed34"; } .icon-touch-pinch:before { content: "\ed35"; } .icon-hand:before { content: "\ed36"; } .icon-grab:before { content: "\ed37"; } .icon-stack-empty:before { content: "\ed38"; } .icon-stack-plus:before { content: "\ed39"; } .icon-stack-minus:before { content: "\ed3a"; } .icon-stack-star:before { content: "\ed3b"; } .icon-stack-picture:before { content: "\ed3c"; } .icon-stack-down:before { content: "\ed3d"; } .icon-stack-up:before { content: "\ed3e"; } .icon-stack-cancel:before { content: "\ed3f"; } .icon-stack-check:before { content: "\ed40"; } .icon-stack-text:before { content: "\ed41"; } .icon-stack-clubs:before { content: "\ed42"; } .icon-stack-spades:before { content: "\ed43"; } .icon-stack-hearts:before { content: "\ed44"; } .icon-stack-diamonds:before { content: "\ed45"; } .icon-stack-user:before { content: "\ed46"; } .icon-stack4:before { content: "\ed47"; } .icon-stack-music:before { content: "\ed48"; } .icon-stack-play:before { content: "\ed49"; } .icon-move:before { content: "\ed4a"; } .icon-dots:before { content: "\ed4b"; } .icon-warning:before { content: "\ed4c"; } .icon-warning2:before { content: "\ed4d"; } .icon-notification:before { content: "\ed4e"; } .icon-notification2:before { content: "\ed4f"; } .icon-question:before { content: "\ed50"; } .icon-question2:before { content: "\ed51"; } .icon-question3:before { content: "\ed52"; } .icon-question4:before { content: "\ed53"; } .icon-question5:before { content: "\ed54"; } .icon-question6:before { content: "\ed55"; } .icon-plus:before { content: "\ed56"; } .icon-minus:before { content: "\ed57"; } .icon-plus2:before { content: "\ed58"; } .icon-minus2:before { content: "\ed59"; } .icon-plus3:before { content: "\ed5a"; } .icon-minus3:before { content: "\ed5b"; } .icon-plus-circle:before { content: "\ed5c"; } .icon-minus-circle:before { content: "\ed5d"; } .icon-plus-circle2:before { content: "\ed5e"; } .icon-minus-circle2:before { content: "\ed5f"; } .icon-info:before { content: "\ed60"; } .icon-info2:before { content: "\ed61"; } .icon-cancel-circle:before { content: "\ed62"; } .icon-cancel-circle2:before { content: "\ed63"; } .icon-blocked:before { content: "\ed64"; } .icon-cancel-square:before { content: "\ed65"; } .icon-cancel-square2:before { content: "\ed66"; } .icon-cancel:before { content: "\ed67"; } .icon-spam:before { content: "\ed68"; } .icon-cross:before { content: "\ed69"; } .icon-cross2:before { content: "\ed6a"; } .icon-cross3:before { content: "\ed6b"; } .icon-checkmark:before { content: "\ed6c"; } .icon-checkmark2:before { content: "\ed6d"; } .icon-checkmark3:before { content: "\ed6e"; } .icon-checkmark4:before { content: "\ed6f"; } .icon-checkmark5:before { content: "\ed70"; } .icon-spell-check:before { content: "\ed71"; } .icon-spell-check2:before { content: "\ed72"; } .icon-enter:before { content: "\ed73"; } .icon-exit:before { content: "\ed74"; } .icon-enter2:before { content: "\ed75"; } .icon-exit2:before { content: "\ed76"; } .icon-enter3:before { content: "\ed77"; } .icon-exit3:before { content: "\ed78"; } .icon-wall:before { content: "\ed79"; } .icon-fence:before { content: "\ed7a"; } .icon-play3:before { content: "\ed7b"; } .icon-pause:before { content: "\ed7c"; } .icon-stop:before { content: "\ed7d"; } .icon-previous:before { content: "\ed7e"; } .icon-next:before { content: "\ed7f"; } .icon-backward:before { content: "\ed80"; } .icon-forward2:before { content: "\ed81"; } .icon-play4:before { content: "\ed82"; } .icon-pause2:before { content: "\ed83"; } .icon-stop2:before { content: "\ed84"; } .icon-backward2:before { content: "\ed85"; } .icon-forward3:before { content: "\ed86"; } .icon-first:before { content: "\ed87"; } .icon-last:before { content: "\ed88"; } .icon-previous2:before { content: "\ed89"; } .icon-next2:before { content: "\ed8a"; } .icon-eject:before { content: "\ed8b"; } .icon-volume-high:before { content: "\ed8c"; } .icon-volume-medium:before { content: "\ed8d"; } .icon-volume-low:before { content: "\ed8e"; } .icon-volume-mute:before { content: "\ed8f"; } .icon-speaker-left:before { content: "\ed90"; } .icon-speaker-right:before { content: "\ed91"; } .icon-volume-mute2:before { content: "\ed92"; } .icon-volume-increase:before { content: "\ed93"; } .icon-volume-decrease:before { content: "\ed94"; } .icon-volume-high2:before { content: "\ed95"; } .icon-volume-medium2:before { content: "\ed96"; } .icon-volume-medium3:before { content: "\ed97"; } .icon-volume-low2:before { content: "\ed98"; } .icon-volume-mute3:before { content: "\ed99"; } .icon-volume-increase2:before { content: "\ed9a"; } .icon-volume-decrease2:before { content: "\ed9b"; } .icon-volume-decrease3:before { content: "\ed9c"; } .icon-volume-5:before { content: "\ed9d"; } .icon-volume-4:before { content: "\ed9e"; } .icon-volume-3:before { content: "\ed9f"; } .icon-volume-2:before { content: "\eda0"; } .icon-volume-1:before { content: "\eda1"; } .icon-volume-0:before { content: "\eda2"; } .icon-volume-mute4:before { content: "\eda3"; } .icon-volume-mute5:before { content: "\eda4"; } .icon-loop:before { content: "\eda5"; } .icon-loop2:before { content: "\eda6"; } .icon-loop3:before { content: "\eda7"; } .icon-infinite-square:before { content: "\eda8"; } .icon-infinite:before { content: "\eda9"; } .icon-infinite2:before { content: "\edaa"; } .icon-loop4:before { content: "\edab"; } .icon-shuffle:before { content: "\edac"; } .icon-shuffle2:before { content: "\edad"; } .icon-wave:before { content: "\edae"; } .icon-wave2:before { content: "\edaf"; } .icon-split:before { content: "\edb0"; } .icon-merge:before { content: "\edb1"; } .icon-first2:before { content: "\edb2"; } .icon-last2:before { content: "\edb3"; } .icon-arrow-up:before { content: "\edb4"; } .icon-arrow-up2:before { content: "\edb5"; } .icon-arrow-up3:before { content: "\edb6"; } .icon-arrow-up4:before { content: "\edb7"; } .icon-arrow-right:before { content: "\edb8"; } .icon-arrow-right2:before { content: "\edb9"; } .icon-arrow-right3:before { content: "\edba"; } .icon-arrow-right4:before { content: "\edbb"; } .icon-arrow-down:before { content: "\edbc"; } .icon-arrow-down2:before { content: "\edbd"; } .icon-arrow-down3:before { content: "\edbe"; } .icon-arrow-down4:before { content: "\edbf"; } .icon-arrow-left:before { content: "\edc0"; } .icon-arrow-left2:before { content: "\edc1"; } .icon-arrow-left3:before { content: "\edc2"; } .icon-arrow-left4:before { content: "\edc3"; } .icon-arrow-up5:before { content: "\edc4"; } .icon-arrow-right5:before { content: "\edc5"; } .icon-arrow-down5:before { content: "\edc6"; } .icon-arrow-left5:before { content: "\edc7"; } .icon-arrow-up-left:before { content: "\edc8"; } .icon-arrow-up6:before { content: "\edc9"; } .icon-arrow-up-right:before { content: "\edca"; } .icon-arrow-right6:before { content: "\edcb"; } .icon-arrow-down-right:before { content: "\edcc"; } .icon-arrow-down6:before { content: "\edcd"; } .icon-arrow-down-left:before { content: "\edce"; } .icon-arrow-left6:before { content: "\edcf"; } .icon-arrow-up-left2:before { content: "\edd0"; } .icon-arrow-up7:before { content: "\edd1"; } .icon-arrow-up-right2:before { content: "\edd2"; } .icon-arrow-right7:before { content: "\edd3"; } .icon-arrow-down-right2:before { content: "\edd4"; } .icon-arrow-down7:before { content: "\edd5"; } .icon-arrow-down-left2:before { content: "\edd6"; } .icon-arrow-left7:before { content: "\edd7"; } .icon-arrow-up-left3:before { content: "\edd8"; } .icon-arrow-up8:before { content: "\edd9"; } .icon-arrow-up-right3:before { content: "\edda"; } .icon-arrow-right8:before { content: "\eddb"; } .icon-arrow-down-right3:before { content: "\eddc"; } .icon-arrow-down8:before { content: "\eddd"; } .icon-arrow-down-left3:before { content: "\edde"; } .icon-arrow-left8:before { content: "\eddf"; } .icon-circle-up:before { content: "\ede0"; } .icon-circle-right:before { content: "\ede1"; } .icon-circle-down:before { content: "\ede2"; } .icon-circle-left:before { content: "\ede3"; } .icon-circle-up2:before { content: "\ede4"; } .icon-circle-right2:before { content: "\ede5"; } .icon-circle-down2:before { content: "\ede6"; } .icon-circle-left2:before { content: "\ede7"; } .icon-circle-up-left:before { content: "\ede8"; } .icon-circle-up3:before { content: "\ede9"; } .icon-circle-up-right:before { content: "\edea"; } .icon-circle-right3:before { content: "\edeb"; } .icon-circle-down-right:before { content: "\edec"; } .icon-circle-down3:before { content: "\eded"; } .icon-circle-down-left:before { content: "\edee"; } .icon-circle-left3:before { content: "\edef"; } .icon-circle-up-left2:before { content: "\edf0"; } .icon-circle-up4:before { content: "\edf1"; } .icon-circle-up-right2:before { content: "\edf2"; } .icon-circle-right4:before { content: "\edf3"; } .icon-circle-down-right2:before { content: "\edf4"; } .icon-circle-down4:before { content: "\edf5"; } .icon-circle-down-left2:before { content: "\edf6"; } .icon-circle-left4:before { content: "\edf7"; } .icon-arrow-resize:before { content: "\edf8"; } .icon-arrow-resize2:before { content: "\edf9"; } .icon-arrow-resize3:before { content: "\edfa"; } .icon-arrow-resize4:before { content: "\edfb"; } .icon-arrow-resize5:before { content: "\edfc"; } .icon-arrow-resize6:before { content: "\edfd"; } .icon-arrow-resize7:before { content: "\edfe"; } .icon-arrow-resize8:before { content: "\edff"; } .icon-square-up-left:before { content: "\ee00"; } .icon-square-up:before { content: "\ee01"; } .icon-square-up-right:before { content: "\ee02"; } .icon-square-right:before { content: "\ee03"; } .icon-square-down-right:before { content: "\ee04"; } .icon-square-down:before { content: "\ee05"; } .icon-square-down-left:before { content: "\ee06"; } .icon-square-left:before { content: "\ee07"; } .icon-arrow-up9:before { content: "\ee08"; } .icon-arrow-right9:before { content: "\ee09"; } .icon-arrow-down9:before { content: "\ee0a"; } .icon-arrow-left9:before { content: "\ee0b"; } .icon-arrow-up10:before { content: "\ee0c"; } .icon-arrow-right10:before { content: "\ee0d"; } .icon-arrow-down10:before { content: "\ee0e"; } .icon-arrow-left10:before { content: "\ee0f"; } .icon-arrow-up-left4:before { content: "\ee10"; } .icon-arrow-up11:before { content: "\ee11"; } .icon-arrow-up-right4:before { content: "\ee12"; } .icon-arrow-right11:before { content: "\ee13"; } .icon-arrow-down-right4:before { content: "\ee14"; } .icon-arrow-down11:before { content: "\ee15"; } .icon-arrow-down-left4:before { content: "\ee16"; } .icon-arrow-left11:before { content: "\ee17"; } .icon-arrow-up-left5:before { content: "\ee18"; } .icon-arrow-up12:before { content: "\ee19"; } .icon-arrow-up-right5:before { content: "\ee1a"; } .icon-arrow-right12:before { content: "\ee1b"; } .icon-arrow-down-right5:before { content: "\ee1c"; } .icon-arrow-down12:before { content: "\ee1d"; } .icon-arrow-down-left5:before { content: "\ee1e"; } .icon-arrow-left12:before { content: "\ee1f"; } .icon-arrow-up13:before { content: "\ee20"; } .icon-arrow-right13:before { content: "\ee21"; } .icon-arrow-down13:before { content: "\ee22"; } .icon-arrow-left13:before { content: "\ee23"; } .icon-arrow-up14:before { content: "\ee24"; } .icon-arrow-right14:before { content: "\ee25"; } .icon-arrow-down14:before { content: "\ee26"; } .icon-arrow-left14:before { content: "\ee27"; } .icon-circle-up5:before { content: "\ee28"; } .icon-circle-right5:before { content: "\ee29"; } .icon-circle-down5:before { content: "\ee2a"; } .icon-circle-left5:before { content: "\ee2b"; } .icon-circle-up6:before { content: "\ee2c"; } .icon-circle-right6:before { content: "\ee2d"; } .icon-circle-down6:before { content: "\ee2e"; } .icon-circle-left6:before { content: "\ee2f"; } .icon-arrow-up15:before { content: "\ee30"; } .icon-arrow-right15:before { content: "\ee31"; } .icon-arrow-down15:before { content: "\ee32"; } .icon-arrow-left15:before { content: "\ee33"; } .icon-arrow-up16:before { content: "\ee34"; } .icon-arrow-right16:before { content: "\ee35"; } .icon-arrow-down16:before { content: "\ee36"; } .icon-arrow-left16:before { content: "\ee37"; } .icon-menu-open:before { content: "\ee38"; } .icon-menu-open2:before { content: "\ee39"; } .icon-menu-close:before { content: "\ee3a"; } .icon-menu-close2:before { content: "\ee3b"; } .icon-enter4:before { content: "\ee3c"; } .icon-enter5:before { content: "\ee3d"; } .icon-esc:before { content: "\ee3e"; } .icon-enter6:before { content: "\ee3f"; } .icon-backspace:before { content: "\ee40"; } .icon-backspace2:before { content: "\ee41"; } .icon-tab:before { content: "\ee42"; } .icon-transmission:before { content: "\ee43"; } .icon-transmission2:before { content: "\ee44"; } .icon-sort:before { content: "\ee45"; } .icon-sort2:before { content: "\ee46"; } .icon-move-up:before { content: "\ee47"; } .icon-move-down:before { content: "\ee48"; } .icon-sort-alpha-asc:before { content: "\ee49"; } .icon-sort-alpha-desc:before { content: "\ee4a"; } .icon-sort-numeric-asc:before { content: "\ee4b"; } .icon-sort-numberic-desc:before { content: "\ee4c"; } .icon-sort-amount-asc:before { content: "\ee4d"; } .icon-sort-amount-desc:before { content: "\ee4e"; } .icon-sort-time-asc:before { content: "\ee4f"; } .icon-sort-time-desc:before { content: "\ee50"; } .icon-battery-6:before { content: "\ee51"; } .icon-battery-5:before { content: "\ee52"; } .icon-battery-4:before { content: "\ee53"; } .icon-battery-3:before { content: "\ee54"; } .icon-battery-2:before { content: "\ee55"; } .icon-battery-1:before { content: "\ee56"; } .icon-battery-0:before { content: "\ee57"; } .icon-battery-charging:before { content: "\ee58"; } .icon-key-keyboard:before { content: "\ee59"; } .icon-key-A:before { content: "\ee5a"; } .icon-key-up:before { content: "\ee5b"; } .icon-key-right:before { content: "\ee5c"; } .icon-key-down:before { content: "\ee5d"; } .icon-key-left:before { content: "\ee5e"; } .icon-command:before { content: "\ee5f"; } .icon-shift:before { content: "\ee60"; } .icon-ctrl:before { content: "\ee61"; } .icon-opt:before { content: "\ee62"; } .icon-checkbox-checked:before { content: "\ee63"; } .icon-checkbox-unchecked:before { content: "\ee64"; } .icon-checkbox-partial:before { content: "\ee65"; } .icon-square:before { content: "\ee66"; } .icon-triangle:before { content: "\ee67"; } .icon-triangle2:before { content: "\ee68"; } .icon-diamond3:before { content: "\ee69"; } .icon-diamond4:before { content: "\ee6a"; } .icon-checkbox-checked2:before { content: "\ee6b"; } .icon-checkbox-unchecked2:before { content: "\ee6c"; } .icon-checkbox-partial2:before { content: "\ee6d"; } .icon-radio-checked:before { content: "\ee6e"; } .icon-radio-checked2:before { content: "\ee6f"; } .icon-radio-unchecked:before { content: "\ee70"; } .icon-toggle-on:before { content: "\ee71"; } .icon-toggle-off:before { content: "\ee72"; } .icon-checkmark-circle:before { content: "\ee73"; } .icon-circle:before { content: "\ee74"; } .icon-circle2:before { content: "\ee75"; } .icon-circles:before { content: "\ee76"; } .icon-circles2:before { content: "\ee77"; } .icon-crop:before { content: "\ee78"; } .icon-crop2:before { content: "\ee79"; } .icon-make-group:before { content: "\ee7a"; } .icon-ungroup:before { content: "\ee7b"; } .icon-vector:before { content: "\ee7c"; } .icon-vector2:before { content: "\ee7d"; } .icon-rulers:before { content: "\ee7e"; } .icon-ruler:before { content: "\ee7f"; } .icon-pencil-ruler:before { content: "\ee80"; } .icon-scissors:before { content: "\ee81"; } .icon-scissors2:before { content: "\ee82"; } .icon-scissors3:before { content: "\ee83"; } .icon-haircut:before { content: "\ee84"; } .icon-comb:before { content: "\ee85"; } .icon-filter:before { content: "\ee86"; } .icon-filter2:before { content: "\ee87"; } .icon-filter3:before { content: "\ee88"; } .icon-filter4:before { content: "\ee89"; } .icon-font:before { content: "\ee8a"; } .icon-ampersand:before { content: "\ee8b"; } .icon-ligature:before { content: "\ee8c"; } .icon-ligature2:before { content: "\ee8d"; } .icon-font-size:before { content: "\ee8e"; } .icon-typography:before { content: "\ee8f"; } .icon-text-height:before { content: "\ee90"; } .icon-text-width:before { content: "\ee91"; } .icon-height2:before { content: "\ee92"; } .icon-width:before { content: "\ee93"; } .icon-bold:before { content: "\ee94"; } .icon-underline:before { content: "\ee95"; } .icon-italic:before { content: "\ee96"; } .icon-strikethrough:before { content: "\ee97"; } .icon-strikethrough2:before { content: "\ee98"; } .icon-font-size2:before { content: "\ee99"; } .icon-bold2:before { content: "\ee9a"; } .icon-underline2:before { content: "\ee9b"; } .icon-italic2:before { content: "\ee9c"; } .icon-strikethrough3:before { content: "\ee9d"; } .icon-omega:before { content: "\ee9e"; } .icon-sigma:before { content: "\ee9f"; } .icon-nbsp:before { content: "\eea0"; } .icon-page-break:before { content: "\eea1"; } .icon-page-break2:before { content: "\eea2"; } .icon-superscript:before { content: "\eea3"; } .icon-subscript:before { content: "\eea4"; } .icon-superscript2:before { content: "\eea5"; } .icon-subscript2:before { content: "\eea6"; } .icon-text-color:before { content: "\eea7"; } .icon-highlight:before { content: "\eea8"; } .icon-pagebreak:before { content: "\eea9"; } .icon-clear-formatting:before { content: "\eeaa"; } .icon-table:before { content: "\eeab"; } .icon-table2:before { content: "\eeac"; } .icon-insert-template:before { content: "\eead"; } .icon-pilcrow:before { content: "\eeae"; } .icon-ltr:before { content: "\eeaf"; } .icon-rtl:before { content: "\eeb0"; } .icon-ltr2:before { content: "\eeb1"; } .icon-rtl2:before { content: "\eeb2"; } .icon-section:before { content: "\eeb3"; } .icon-paragraph-left:before { content: "\eeb4"; } .icon-paragraph-center:before { content: "\eeb5"; } .icon-paragraph-right:before { content: "\eeb6"; } .icon-paragraph-justify:before { content: "\eeb7"; } .icon-paragraph-left2:before { content: "\eeb8"; } .icon-paragraph-center2:before { content: "\eeb9"; } .icon-paragraph-right2:before { content: "\eeba"; } .icon-paragraph-justify2:before { content: "\eebb"; } .icon-indent-increase:before { content: "\eebc"; } .icon-indent-decrease:before { content: "\eebd"; } .icon-paragraph-left3:before { content: "\eebe"; } .icon-paragraph-center3:before { content: "\eebf"; } .icon-paragraph-right3:before { content: "\eec0"; } .icon-paragraph-justify3:before { content: "\eec1"; } .icon-indent-increase2:before { content: "\eec2"; } .icon-indent-decrease2:before { content: "\eec3"; } .icon-share:before { content: "\eec4"; } .icon-share2:before { content: "\eec5"; } .icon-new-tab:before { content: "\eec6"; } .icon-new-tab2:before { content: "\eec7"; } .icon-popout:before { content: "\eec8"; } .icon-embed:before { content: "\eec9"; } .icon-embed2:before { content: "\eeca"; } .icon-markup:before { content: "\eecb"; } .icon-regexp:before { content: "\eecc"; } .icon-regexp2:before { content: "\eecd"; } .icon-code:before { content: "\eece"; } .icon-circle-css:before { content: "\eecf"; } .icon-circle-code:before { content: "\eed0"; } .icon-terminal:before { content: "\eed1"; } .icon-unicode:before { content: "\eed2"; } .icon-seven-segment-0:before { content: "\eed3"; } .icon-seven-segment-1:before { content: "\eed4"; } .icon-seven-segment-2:before { content: "\eed5"; } .icon-seven-segment-3:before { content: "\eed6"; } .icon-seven-segment-4:before { content: "\eed7"; } .icon-seven-segment-5:before { content: "\eed8"; } .icon-seven-segment-6:before { content: "\eed9"; } .icon-seven-segment-7:before { content: "\eeda"; } .icon-seven-segment-8:before { content: "\eedb"; } .icon-seven-segment-9:before { content: "\eedc"; } .icon-share3:before { content: "\eedd"; } .icon-share4:before { content: "\eede"; } .icon-mail:before { content: "\eedf"; } .icon-mail2:before { content: "\eee0"; } .icon-mail3:before { content: "\eee1"; } .icon-mail4:before { content: "\eee2"; } .icon-google:before { content: "\eee3"; } .icon-google-plus:before { content: "\eee4"; } .icon-google-plus2:before { content: "\eee5"; } .icon-google-plus3:before { content: "\eee6"; } .icon-google-drive:before { content: "\eee7"; } .icon-facebook:before { content: "\eee8"; } .icon-facebook2:before { content: "\eee9"; } .icon-facebook3:before { content: "\eeea"; } .icon-ello:before { content: "\eeeb"; } .icon-instagram:before { content: "\eeec"; } .icon-twitter:before { content: "\eeed"; } .icon-twitter2:before { content: "\eeee"; } .icon-twitter3:before { content: "\eeef"; } .icon-feed2:before { content: "\eef0"; } .icon-feed3:before { content: "\eef1"; } .icon-feed4:before { content: "\eef2"; } .icon-youtube:before { content: "\eef3"; } .icon-youtube2:before { content: "\eef4"; } .icon-youtube3:before { content: "\eef5"; } .icon-youtube4:before { content: "\eef6"; } .icon-twitch:before { content: "\eef7"; } .icon-vimeo:before { content: "\eef8"; } .icon-vimeo2:before { content: "\eef9"; } .icon-vimeo3:before { content: "\eefa"; } .icon-lanyrd:before { content: "\eefb"; } .icon-flickr:before { content: "\eefc"; } .icon-flickr2:before { content: "\eefd"; } .icon-flickr3:before { content: "\eefe"; } .icon-flickr4:before { content: "\eeff"; } .icon-picassa:before { content: "\ef00"; } .icon-picassa2:before { content: "\ef01"; } .icon-dribbble:before { content: "\ef02"; } .icon-dribbble2:before { content: "\ef03"; } .icon-dribbble3:before { content: "\ef04"; } .icon-forrst:before { content: "\ef05"; } .icon-forrst2:before { content: "\ef06"; } .icon-deviantart:before { content: "\ef07"; } .icon-deviantart2:before { content: "\ef08"; } .icon-steam:before { content: "\ef09"; } .icon-steam2:before { content: "\ef0a"; } .icon-dropbox:before { content: "\ef0b"; } .icon-onedrive:before { content: "\ef0c"; } .icon-github:before { content: "\ef0d"; } .icon-github2:before { content: "\ef0e"; } .icon-github3:before { content: "\ef0f"; } .icon-github4:before { content: "\ef10"; } .icon-github5:before { content: "\ef11"; } .icon-wordpress:before { content: "\ef12"; } .icon-wordpress2:before { content: "\ef13"; } .icon-joomla:before { content: "\ef14"; } .icon-blogger:before { content: "\ef15"; } .icon-blogger2:before { content: "\ef16"; } .icon-tumblr:before { content: "\ef17"; } .icon-tumblr2:before { content: "\ef18"; } .icon-yahoo:before { content: "\ef19"; } .icon-tux:before { content: "\ef1a"; } .icon-apple2:before { content: "\ef1b"; } .icon-finder:before { content: "\ef1c"; } .icon-android:before { content: "\ef1d"; } .icon-windows:before { content: "\ef1e"; } .icon-windows8:before { content: "\ef1f"; } .icon-soundcloud:before { content: "\ef20"; } .icon-soundcloud2:before { content: "\ef21"; } .icon-skype:before { content: "\ef22"; } .icon-reddit:before { content: "\ef23"; } .icon-linkedin:before { content: "\ef24"; } .icon-linkedin2:before { content: "\ef25"; } .icon-lastfm:before { content: "\ef26"; } .icon-lastfm2:before { content: "\ef27"; } .icon-delicious:before { content: "\ef28"; } .icon-stumbleupon:before { content: "\ef29"; } .icon-stumbleupon2:before { content: "\ef2a"; } .icon-stackoverflow:before { content: "\ef2b"; } .icon-pinterest:before { content: "\ef2c"; } .icon-pinterest2:before { content: "\ef2d"; } .icon-xing:before { content: "\ef2e"; } .icon-xing2:before { content: "\ef2f"; } .icon-flattr:before { content: "\ef30"; } .icon-foursquare:before { content: "\ef31"; } .icon-paypal:before { content: "\ef32"; } .icon-paypal2:before { content: "\ef33"; } .icon-paypal3:before { content: "\ef34"; } .icon-yelp:before { content: "\ef35"; } .icon-file-pdf:before { content: "\ef36"; } .icon-file-openoffice:before { content: "\ef37"; } .icon-file-word:before { content: "\ef38"; } .icon-file-excel:before { content: "\ef39"; } .icon-libreoffice:before { content: "\ef3a"; } .icon-html5:before { content: "\ef3b"; } .icon-html52:before { content: "\ef3c"; } .icon-css3:before { content: "\ef3d"; } .icon-git:before { content: "\ef3e"; } .icon-svg:before { content: "\ef3f"; } .icon-codepen:before { content: "\ef40"; } .icon-chrome:before { content: "\ef41"; } .icon-firefox:before { content: "\ef42"; } .icon-IE:before { content: "\ef43"; } .icon-opera:before { content: "\ef44"; } .icon-safari:before { content: "\ef45"; } .icon-IcoMoon:before { content: "\ef46"; } .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; /* Force tooltip style */ padding: 5px 10px; font-family: "muli"; } .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"; } .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: 0; 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"; 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; font-size: 0.625rem; 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; -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; } .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-size: 1.5625rem; 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"; cursor: pointer; text-decoration: underline; font-size: 25px; font-size: 1.5625rem; } .admin .queryLog .performanceLogHeader span, .admin .performanceLog .performanceLogHeader span { font-size: 18px; font-size: 1.125rem; 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.css.map */