@font-face { font-family: 'OpenSansLight'; src: url('../fonts/OpenSansLight.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSansRegular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemiBold'; src: url('../fonts/OpenSansSemiBold.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } * { box-sizing: border-box; outline: none; } *:not(.ui-icon) { background-position: center center; background-size: contain; background-repeat: no-repeat; } input[type="submit"] { -webkit-appearance: none; /* fix ios button style */ } html { min-height: 100vh; } body { height: 100vh; font-family: OpenSans, Arial, sans-serif; } b, strong { font-weight: bold; } i, em { font-style: italic; } pre { text-align: left; } h1 { font-size: 2.5em; line-height: 1em; } h2 { font-size: 2em; line-height: 1em; } h3 { font-size: 1.8em; line-height: 1em; } h4 { font-size: 1.6em; line-height: 1em; } h5 { font-size: 1.4em; line-height: 1em; } h6 { font-size: 1.2em; line-height: 1em; } blockquote { hyphens: none; } button, input[type="button"], input[type="submit"], input[type="reset"], .button { background: linear-gradient(to bottom, #667379 0%, #424a4e 100%); border: 1px solid #4c4c4c; border-radius: 2px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); color: white; cursor: pointer; padding: 5px 20px; transition: all 0.15s linear; display: inline-block; text-align: center; text-decoration: none; } button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, .button:active { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 5px #000000 inset; } button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover { text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); text-decoration: none; color: white; } body { position: static; /* needed for tinyMce */ width: 100%; top: 0; left: 0; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } fieldset { border: 1px solid black; margin: 25px 15px; padding: 15px; display: inline-block; } fieldset legend { margin-left: 15px; border: 1px solid black; background: white; padding: 3px 7px; } div.content[type="html"] ol > li:not(:last-of-type) { margin-bottom: 10px; } table.paginator { margin: auto; background-color: rgba(0, 0, 0, 0.75); hyphens: none; } table.paginator td { padding: 5px; } table.paginator .pageBox { display: inline-block; border: 1px solid grey; background: rgba(128, 128, 128, 0.05); padding: 1px 3px; text-decoration: none; color: black; border-radius: 2px; } table.paginator .pageBox.hidden { display: none; } label { cursor: pointer; } table.dbResult { margin: 50px auto; border: 1px solid black; box-shadow: 5px 5px 20px black; border-collapse: collapse; text-align: left; } table.dbResult thead { background-color: #CCC; font-weight: bold; } table.dbResult tbody { background-color: #BBB; } table.dbResult td { border: 1px solid grey; padding: 5px; } table.dbResult td input:not([type="submit"]), table.dbResult td select { width: 300px; } input.datetimepicker, input.datepicker { cursor: pointer; user-select: none; } input[type="date"] { width: 120px; } li { list-style-position: outside; } div.modalLayer { background-color: rgba(0, 0, 0, 0.85); height: 100%; position: fixed; text-align: center; width: 100%; z-index: 999; overflow-x: hidden; overflow-y: auto; top: 0; left: 0; } div.modalLayer.ajaxPageLoading { background: rgba(255, 255, 255, 0.75); transition: opacity 5s ease-in; opacity: 0; } div.modalLayer.ajaxPageLoading.fadeOut { transition: opacity 0.5s ease-out; } div.modalLayer.ajaxPageLoading img { margin-top: calc(50% - 99px); filter: invert(1); } div.modalLayer .confirm img.closeButton.closeModal { height: 20px; position: absolute; right: -8px; top: -8px; cursor: pointer; } .ajaxResult { position: absolute; z-index: 1; } .ajaxResult > li { background-color: white; border: 1px solid grey; padding: 10px 15px; cursor: pointer; } .ajaxResult > li:hover, .ajaxResult > li.active { background-color: #eee; } p { margin: 15px auto; } .hidden { display: none; } table.tdPadding5 tr td { padding: 5px; } table.tdPadding10 tr td { padding: 10px; } table:not(.invisible) > tbody > tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.03); } td { vertical-align: middle; } footer { clear: both; } .tac { text-align: center; } .truncate { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } div.confirm { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #f5f5f5; padding: 25px; animation: zoomIn 0.2s 1 linear; } div.confirm > div { max-height: 100%; overflow-y: auto; } li.shariff-button.info { display: none; } .ui-slider-handle { cursor: pointer !important; } .ui_tpicker_unit_hide { display: none; } input[type="range"]:not(:disabled), input[type="checkbox"]:not(:disabled), input[type="radio"]:not(:disabled) { cursor: pointer; } .flex { display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; } .flex > * { flex-grow: 1; text-align: left; } img:not([data-mce-src]) { vertical-align: middle; max-width: 100%; width: auto; height: auto; } button > a { color: inherit; display: inline-block; height: 100%; padding: 5px 20px; text-decoration: inherit; width: 100%; } .noSelect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE/Edge */ user-select: none; /* non-prefixed version, currently not supported by any browser */ } div.accordion > * { transition: none; } div.accordion .ui-widget-content { background: rgba(255, 255, 255, 1); border: 1px solid rgba(0, 0, 0, 0.5); border-top: none; padding: 25px; } div.accordion > h1, div.accordion > h2, div.accordion > h3, div.accordion > h4 { font-weight: normal; } div.accordion > h1:hover, div.accordion > h2:hover, div.accordion > h3:hover, div.accordion > h4:hover, div.accordion > h1 .ui-state-active, div.accordion > h2 .ui-state-active, div.accordion > h3 .ui-state-active, div.accordion > h4 .ui-state-active { border: 1px solid rgba(0, 0, 0, 0.5); } div.tabSystem > ol { height: 40px; overflow: auto; margin: 0 auto -1px auto; } div.tabSystem > ol > li { color: black; text-align: left; display: list-item; float: left; height: 40px; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.5); background: linear-gradient(to bottom, #fdfdfd 0%, #e7e7e7 100%); border-radius: 0; font-size: 13px; padding: 13px 15px; } div.tabSystem > ol > li:not(:last-of-type) { border-right: none; } div.tabSystem > ol > li:hover, div.tabSystem > ol > li.active { border: 1px solid rgba(0, 0, 0, 0.5); background: white; } div.tabSystem > ol > li.active { border-bottom: none; } div.tabSystem > ol > li.noLink, div.tabSystem > ol > li a { display: block; padding: 13px 15px; color: black; } div.tabSystem > ol > a.li:hover, div.tabSystem > ol > a.li.active { border: 1px solid rgba(0, 0, 0, 0.5); background: white; } div.tabSystem > ol > a.li.active { border-bottom: none; } div.tabSystem > div { background: white; border: 1px solid rgba(0, 0, 0, 0.5); padding: 25px; } div.tabSystem > div:not(:first-of-type) { display: none; } .greyscale { filter: grayscale(1); } input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .modalLayer div.confirm button:not(.tox-tbtn):not(.tox-mbtn):not([role="presentation"]) { margin: 25px 26px 2px 0; } .modalLayer div.confirm .mce-tinymce button { margin: 0; } input.validationError, select.validationError, textarea.validationError { border: 1px solid red; box-shadow: 0 0 5px red; } .g-recaptcha { display: inline-block; } .colorPicker { position: relative; transition: all 0.2s ease; } .colorPicker .curColor { padding: 10px; cursor: pointer; } .colorPicker .flexWrapper { position: absolute; display: none; z-index: 999; /* over modalLayer */ width: 100%; left: 0; top: 0; } .colorPicker .flex.colors { border: 1px solid white; } .colorPicker .flex.colors > .color { width: auto; margin: 0; border: 2px solid rgba(255, 255, 255, 1); cursor: pointer; padding: 15px; transition: all 0.2s ease; } .colorPicker .flex.colors > .color:hover { transform: scale(1.2); z-index: 1; border-radius: 5px; } .colorPicker select { display: none; } select option.placeholder { color: grey; font-style: italic; } @keyframes expandUp { 0% { transform: translateY(100%) scale(0.6) scaleY(0.5); } 60% { transform: translateY(-7%) scaleY(1.12); } 75% { transform: translateY(3%); } 100% { transform: translateY(0%) scale(1) scaleY(1); } } @keyframes collapseDown { 0% { transform: translateY(0%) scale(1) scaleY(1); } 25% { transform: translateY(3%); } 40% { transform: translateY(-7%) scaleY(1.12); } 100% { transform: translateY(100%) scale(0.6) scaleY(0.5); } } div.Phelic_Survey, div.Phelic_Survey_Results { text-align: center; border: 1px solid lightgrey; background-color: white; padding: 25px; position: relative; } div.Phelic_Survey button.showResult { position: absolute; top: 25px; right: 25px; } div.Phelic_Survey table.surveyOptions { text-align: left; min-width: 200px; margin: 0 auto; } div.Phelic_Survey table.surveyOptions td { padding: 0; } div.Phelic_Survey table.surveyOptions td input { display: none; } div.Phelic_Survey table.surveyOptions td input:checked + label { background: #dceff5; border: 1px solid #000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-decoration: underline; } div.Phelic_Survey table.surveyOptions td input + label { background: #e6f9ff; padding: 10px; display: block; margin: 5px; border: 1px solid lightgrey; } div.Phelic_Survey table.surveyOptions td input + label:hover { background: #dceff5; border: 1px solid #000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-decoration: underline; } img[src="Phelic/frontend/graphX/icons/delete.png"] { width: 25px; height: 25px; } .pseudoLink { cursor: pointer; text-decoration: underline; } div.Phelic_Survey + div.Phelic_Survey_Results { display: none; } iframe.ajaxPage { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; margin: 0; transition: left 0.7s ease-in, opacity 0.7s ease-out; background: white; } iframe.ajaxPage.new { transition: left 0.7s ease-out, opacity 1s ease-out; } iframe.ajaxPage + .waitOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; background: transparent; z-index: 999999999; } div.Phelic_Survey_Results { position: relative; } div.Phelic_Survey_Results button.showChoice { position: absolute; top: 25px; right: 25px; } div.Phelic_Survey_Results > div.flex { clear: both; flex-wrap: nowrap; } div.Phelic_Survey_Results > div.flex div.result { text-align: center; font-size: 0.8em; line-height: 1.5em; } div.Phelic_Survey_Results > div.flex div.result.topAnswer { font-weight: bold; } div.Phelic_Survey_Results > div.flex div.result:not(:first-of-type) { border-left: 1px solid grey; } div.Phelic_Survey_Results > div.flex div.result div.barWrapper { height: 200px; width: 50px; margin: 0 auto 15px auto; position: relative; } div.Phelic_Survey_Results > div.flex div.result div.barWrapper div.bar { position: absolute; left: 0; bottom: 0; width: 100%; border: 1px solid grey; background: linear-gradient(to bottom, rgba(122, 188, 255, 1) 0%, rgba(64, 150, 238, 1) 100%); } .phelicSlider > .slideIndicators > .slideIndicator:only-child { display: none; } body#tinymce { text-align: left; padding: 15px; } body#tinymce ul, body#tinymce ol { list-style-position: outside; padding-left: 30px; } body#tinymce ul { list-style-type: disc; } body#tinymce ol { list-style-type: decimal; } input[maxlength] + .charsLeft, textarea[maxlength] + .charsLeft { min-height: 10px; color: gray; font-size: 10px; text-align: left; } input[maxlength] + .charsLeft.orange, textarea[maxlength] + .charsLeft.orange { color: #ff7a00; } input[maxlength] + .charsLeft.red, textarea[maxlength] + .charsLeft.red { color: #ff0000; } input:not([type="submit"]), select, textarea { background: #f9f9f9; border: 1px solid lightgrey; transition: all 0.25s ease; } input:not([type="submit"]):focus, select:focus, textarea:focus { box-shadow: 0 0 5px #b4b4b4; border: 1px solid #afafaf; background: #fcfcfc; } input:not([type="submit"]) { padding: 2px; } textarea { border: 1px solid lightgrey;padding: 5px; resize: vertical; }