X7ROOT File Manager
Current Path:
/home/seodomino/public_html/plugins/xowmqyga/onp-access/css
home
/
seodomino
/
public_html
/
plugins
/
xowmqyga
/
onp-access
/
css
/
📁
..
📄
app.css
(93.44 KB)
📁
cssjs
📄
q2-tecton-theme.css
(31.82 KB)
📄
theme-q2-e42bae2639b5eb265373f9d5e839d38e.css
(1.14 MB)
Editing: q2-tecton-theme.css
@import url("https://fonts.googleapis.com/css?family=Dosis:300,400,500&display=swap"); /* Tecton Normalize Inpsired by base q2-app _bootstrap.scss but conflicting resets are removed. Wrapped in data-tecton-module for use in platforms */ [data-tecton-module] article, [data-tecton-module] aside, [data-tecton-module] details, [data-tecton-module] figcaption, [data-tecton-module] figure, [data-tecton-module] footer, [data-tecton-module] header, [data-tecton-module] hgroup, [data-tecton-module] main, [data-tecton-module] nav, [data-tecton-module] section, [data-tecton-module] address, [data-tecton-module] summary { display: block; } [data-tecton-module] audio, [data-tecton-module] canvas, [data-tecton-module] video { display: inline-block; } [data-tecton-module] audio:not([controls]) { display: none; height: 0; } [data-tecton-module] [hidden] { display: none; } [data-tecton-module] html { font-family: sans-serif; /* stylelint-disable */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* stylelint-enable */ } [data-tecton-module] body { margin: 0; } [data-tecton-module] a:focus { outline: thin dotted; } [data-tecton-module] a:active, [data-tecton-module] a:hover { outline: 0; } [data-tecton-module] b, [data-tecton-module] strong { font-weight: 700; } [data-tecton-module] dfn { font-style: italic; } [data-tecton-module] hr { height: 0; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; box-sizing: content-box; } [data-tecton-module] div, [data-tecton-module] input, [data-tecton-module] a { box-sizing: border-box; } [data-tecton-module] code, [data-tecton-module] kbd, [data-tecton-module] pre, [data-tecton-module] samp { font-family: monospace, serif; font-size: 1em; } [data-tecton-module] pre { white-space: pre-wrap; } [data-tecton-module] q { quotes: "“" "”" "‘" "’"; } [data-tecton-module] sub, [data-tecton-module] sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } [data-tecton-module] sup { top: -0.5em; } [data-tecton-module] sub { bottom: -0.25em; } [data-tecton-module] img { border: 0; } [data-tecton-module] svg:not(:root) { overflow: hidden; } [data-tecton-module] figure { margin: 0; } [data-tecton-module] legend { padding: 0; border: 0; } [data-tecton-module] button, [data-tecton-module] input, [data-tecton-module] select, [data-tecton-module] textarea { margin: 0; box-sizing: border-box; font-family: inherit; line-height: inherit; font-size: 100%; } [data-tecton-module] button, [data-tecton-module] input { line-height: normal; } [data-tecton-module] button, [data-tecton-module] select { text-transform: none; } [data-tecton-module] button, [data-tecton-module] html input[type="button"], [data-tecton-module] input[type="reset"], [data-tecton-module] input[type="submit"] { cursor: pointer; /* stylelint-disable */ -webkit-appearance: button; /* stylelint-enable */ } [data-tecton-module] button[disabled], [data-tecton-module] html input[disabled] { cursor: default; } [data-tecton-module] input[type="checkbox"], [data-tecton-module] input[type="radio"] { padding: 0; box-sizing: border-box; } [data-tecton-module] input[type="search"] { box-sizing: content-box; /* stylelint-disable */ -webkit-appearance: textfield; /* stylelint-enable */ } [data-tecton-module] input[type="search"]::-webkit-search-cancel-button, [data-tecton-module] input[type="search"]::-webkit-search-decoration { /* stylelint-disable */ -webkit-appearance: none; /* stylelint-enable */ } [data-tecton-module] button::-moz-focus-inner, [data-tecton-module] input::-moz-focus-inner { padding: 0; border: 0; } [data-tecton-module] textarea { overflow: auto; vertical-align: top; } [data-tecton-module] table { border-collapse: collapse; border-spacing: 0; } [data-tecton-module] button, [data-tecton-module] input, [data-tecton-module] select[multiple], [data-tecton-module] textarea { background-image: none; } [data-tecton-module] .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; } [data-tecton-module] cite { font-style: normal; } [data-tecton-module] p { margin: 0 0 10px; } [data-tecton-module] ul, [data-tecton-module] ol { margin-top: 0; margin-bottom: 10px; } [data-tecton-module] ul ul, [data-tecton-module] ol ul, [data-tecton-module] ul ol, [data-tecton-module] ol ol { margin-bottom: 0; } [data-tecton-module] dl { margin-bottom: 20px; } [data-tecton-module] dt, [data-tecton-module] dd { line-height: 1.428571429; } [data-tecton-module] dt { font-weight: 700; } [data-tecton-module] dd { margin-left: 0; } [data-tecton-module] address { display: block; } [data-tecton-module] h1, [data-tecton-module] h2, [data-tecton-module] h3, [data-tecton-module] .heading-1, [data-tecton-module] .heading-2, [data-tecton-module] .heading-3 { margin-top: 1.4285714286rem; margin-bottom: 0.7142857143rem; } [data-tecton-module] h4, [data-tecton-module] h5, [data-tecton-module] h6, [data-tecton-module] .heading-4, [data-tecton-module] .heading-5, [data-tecton-module] .heading-6 { margin-top: 0.7142857143rem; margin-bottom: 0.7142857143rem; } [data-tecton-module] h1, [data-tecton-module] .heading-1 { font-size: 2.0714285714rem; font-weight: 400; } @media screen and (max-width: 767px) { [data-tecton-module] h1, [data-tecton-module] .heading-1 { font-size: 1.7857142857rem; } } [data-tecton-module] h2, [data-tecton-module] .heading-2 { font-size: 1.4285714286rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; } [data-tecton-module] h3, [data-tecton-module] .heading-3 { font-size: 1.2142857143rem; font-weight: 600; } [data-tecton-module] h4, [data-tecton-module] .heading-4 { font-size: 1rem; font-weight: 600; } [data-tecton-module] h5, [data-tecton-module] h6, [data-tecton-module] .heading-5, [data-tecton-module] .heading-6 { font-size: inherit; font-weight: 400; } [data-tecton-module] p { font-size: 1rem; font-weight: 400; line-height: 1.5; } [data-tecton-module] small, [data-tecton-module] .small-copy { font-size: 0.8571428571rem; font-weight: 400; } [data-tecton-module] .light { font-weight: 300; } [data-tecton-module] .semibold { font-weight: 600; } [data-tecton-module] .bold { font-weight: 700; } [data-tecton-module] .empty-state, [data-tecton-module] .no-history { font-style: italic; } [data-tecton-module] .mrg\(a\) { margin: auto; } [data-tecton-module] .mrg-y\(a\) { margin-top: auto; margin-bottom: auto; } [data-tecton-module] .mrg-x\(a\) { margin-left: auto; margin-right: auto; } [data-tecton-module] .mrg-t\(a\) { margin-top: auto; } [data-tecton-module] .mrg-b\(a\) { margin-bottom: auto; } [data-tecton-module] .mrg-l\(a\) { margin-left: auto; } [data-tecton-module] .mrg-r\(a\) { margin-right: auto; } [data-tecton-module] .pad\(a\) { padding: auto; } [data-tecton-module] .pad-y\(a\) { padding-top: auto; padding-bottom: auto; } [data-tecton-module] .pad-x\(a\) { padding-left: auto; padding-right: auto; } [data-tecton-module] .pad-t\(a\) { padding-top: auto; } [data-tecton-module] .pad-b\(a\) { padding-bottom: auto; } [data-tecton-module] .pad-l\(a\) { padding-left: auto; } [data-tecton-module] .pad-r\(a\) { padding-right: auto; } [data-tecton-module] .w\(a\) { width: auto; } [data-tecton-module] .h\(a\) { height: auto; } [data-tecton-module] .mrg\(0\) { margin: 0px; } [data-tecton-module] .mrg-y\(0\) { margin-top: 0px; margin-bottom: 0px; } [data-tecton-module] .mrg-x\(0\) { margin-left: 0px; margin-right: 0px; } [data-tecton-module] .mrg-t\(0\) { margin-top: 0px; } [data-tecton-module] .mrg-b\(0\) { margin-bottom: 0px; } [data-tecton-module] .mrg-l\(0\) { margin-left: 0px; } [data-tecton-module] .mrg-r\(0\) { margin-right: 0px; } [data-tecton-module] .pad\(0\) { padding: 0px; } [data-tecton-module] .pad-y\(0\) { padding-top: 0px; padding-bottom: 0px; } [data-tecton-module] .pad-x\(0\) { padding-left: 0px; padding-right: 0px; } [data-tecton-module] .pad-t\(0\) { padding-top: 0px; } [data-tecton-module] .pad-b\(0\) { padding-bottom: 0px; } [data-tecton-module] .pad-l\(0\) { padding-left: 0px; } [data-tecton-module] .pad-r\(0\) { padding-right: 0px; } [data-tecton-module] .w\(0\) { width: 0px; } [data-tecton-module] .h\(0\) { height: 0px; } [data-tecton-module] .mrg\(1\) { margin: 5px; } [data-tecton-module] .mrg-y\(1\) { margin-top: 5px; margin-bottom: 5px; } [data-tecton-module] .mrg-x\(1\) { margin-left: 5px; margin-right: 5px; } [data-tecton-module] .mrg-t\(1\) { margin-top: 5px; } [data-tecton-module] .mrg-b\(1\) { margin-bottom: 5px; } [data-tecton-module] .mrg-l\(1\) { margin-left: 5px; } [data-tecton-module] .mrg-r\(1\) { margin-right: 5px; } [data-tecton-module] .pad\(1\) { padding: 5px; } [data-tecton-module] .pad-y\(1\) { padding-top: 5px; padding-bottom: 5px; } [data-tecton-module] .pad-x\(1\) { padding-left: 5px; padding-right: 5px; } [data-tecton-module] .pad-t\(1\) { padding-top: 5px; } [data-tecton-module] .pad-b\(1\) { padding-bottom: 5px; } [data-tecton-module] .pad-l\(1\) { padding-left: 5px; } [data-tecton-module] .pad-r\(1\) { padding-right: 5px; } [data-tecton-module] .w\(1\) { width: 5px; } [data-tecton-module] .h\(1\) { height: 5px; } [data-tecton-module] .mrg\(2\) { margin: 10px; } [data-tecton-module] .mrg-y\(2\) { margin-top: 10px; margin-bottom: 10px; } [data-tecton-module] .mrg-x\(2\) { margin-left: 10px; margin-right: 10px; } [data-tecton-module] .mrg-t\(2\) { margin-top: 10px; } [data-tecton-module] .mrg-b\(2\) { margin-bottom: 10px; } [data-tecton-module] .mrg-l\(2\) { margin-left: 10px; } [data-tecton-module] .mrg-r\(2\) { margin-right: 10px; } [data-tecton-module] .pad\(2\) { padding: 10px; } [data-tecton-module] .pad-y\(2\) { padding-top: 10px; padding-bottom: 10px; } [data-tecton-module] .pad-x\(2\) { padding-left: 10px; padding-right: 10px; } [data-tecton-module] .pad-t\(2\) { padding-top: 10px; } [data-tecton-module] .pad-b\(2\) { padding-bottom: 10px; } [data-tecton-module] .pad-l\(2\) { padding-left: 10px; } [data-tecton-module] .pad-r\(2\) { padding-right: 10px; } [data-tecton-module] .w\(2\) { width: 10px; } [data-tecton-module] .h\(2\) { height: 10px; } [data-tecton-module] .mrg\(3\) { margin: 15px; } [data-tecton-module] .mrg-y\(3\) { margin-top: 15px; margin-bottom: 15px; } [data-tecton-module] .mrg-x\(3\) { margin-left: 15px; margin-right: 15px; } [data-tecton-module] .mrg-t\(3\) { margin-top: 15px; } [data-tecton-module] .mrg-b\(3\) { margin-bottom: 15px; } [data-tecton-module] .mrg-l\(3\) { margin-left: 15px; } [data-tecton-module] .mrg-r\(3\) { margin-right: 15px; } [data-tecton-module] .pad\(3\) { padding: 15px; } [data-tecton-module] .pad-y\(3\) { padding-top: 15px; padding-bottom: 15px; } [data-tecton-module] .pad-x\(3\) { padding-left: 15px; padding-right: 15px; } [data-tecton-module] .pad-t\(3\) { padding-top: 15px; } [data-tecton-module] .pad-b\(3\) { padding-bottom: 15px; } [data-tecton-module] .pad-l\(3\) { padding-left: 15px; } [data-tecton-module] .pad-r\(3\) { padding-right: 15px; } [data-tecton-module] .w\(3\) { width: 15px; } [data-tecton-module] .h\(3\) { height: 15px; } [data-tecton-module] .mrg\(4\) { margin: 30px; } [data-tecton-module] .mrg-y\(4\) { margin-top: 30px; margin-bottom: 30px; } [data-tecton-module] .mrg-x\(4\) { margin-left: 30px; margin-right: 30px; } [data-tecton-module] .mrg-t\(4\) { margin-top: 30px; } [data-tecton-module] .mrg-b\(4\) { margin-bottom: 30px; } [data-tecton-module] .mrg-l\(4\) { margin-left: 30px; } [data-tecton-module] .mrg-r\(4\) { margin-right: 30px; } [data-tecton-module] .pad\(4\) { padding: 30px; } [data-tecton-module] .pad-y\(4\) { padding-top: 30px; padding-bottom: 30px; } [data-tecton-module] .pad-x\(4\) { padding-left: 30px; padding-right: 30px; } [data-tecton-module] .pad-t\(4\) { padding-top: 30px; } [data-tecton-module] .pad-b\(4\) { padding-bottom: 30px; } [data-tecton-module] .pad-l\(4\) { padding-left: 30px; } [data-tecton-module] .pad-r\(4\) { padding-right: 30px; } [data-tecton-module] .w\(4\) { width: 30px; } [data-tecton-module] .h\(4\) { height: 30px; } [data-tecton-module] .mrg\(5\) { margin: 45px; } [data-tecton-module] .mrg-y\(5\) { margin-top: 45px; margin-bottom: 45px; } [data-tecton-module] .mrg-x\(5\) { margin-left: 45px; margin-right: 45px; } [data-tecton-module] .mrg-t\(5\) { margin-top: 45px; } [data-tecton-module] .mrg-b\(5\) { margin-bottom: 45px; } [data-tecton-module] .mrg-l\(5\) { margin-left: 45px; } [data-tecton-module] .mrg-r\(5\) { margin-right: 45px; } [data-tecton-module] .pad\(5\) { padding: 45px; } [data-tecton-module] .pad-y\(5\) { padding-top: 45px; padding-bottom: 45px; } [data-tecton-module] .pad-x\(5\) { padding-left: 45px; padding-right: 45px; } [data-tecton-module] .pad-t\(5\) { padding-top: 45px; } [data-tecton-module] .pad-b\(5\) { padding-bottom: 45px; } [data-tecton-module] .pad-l\(5\) { padding-left: 45px; } [data-tecton-module] .pad-r\(5\) { padding-right: 45px; } [data-tecton-module] .w\(5\) { width: 45px; } [data-tecton-module] .h\(5\) { height: 45px; } [data-tecton-module] .mrg\(6\) { margin: 60px; } [data-tecton-module] .mrg-y\(6\) { margin-top: 60px; margin-bottom: 60px; } [data-tecton-module] .mrg-x\(6\) { margin-left: 60px; margin-right: 60px; } [data-tecton-module] .mrg-t\(6\) { margin-top: 60px; } [data-tecton-module] .mrg-b\(6\) { margin-bottom: 60px; } [data-tecton-module] .mrg-l\(6\) { margin-left: 60px; } [data-tecton-module] .mrg-r\(6\) { margin-right: 60px; } [data-tecton-module] .pad\(6\) { padding: 60px; } [data-tecton-module] .pad-y\(6\) { padding-top: 60px; padding-bottom: 60px; } [data-tecton-module] .pad-x\(6\) { padding-left: 60px; padding-right: 60px; } [data-tecton-module] .pad-t\(6\) { padding-top: 60px; } [data-tecton-module] .pad-b\(6\) { padding-bottom: 60px; } [data-tecton-module] .pad-l\(6\) { padding-left: 60px; } [data-tecton-module] .pad-r\(6\) { padding-right: 60px; } [data-tecton-module] .w\(6\) { width: 60px; } [data-tecton-module] .h\(6\) { height: 60px; } [data-tecton-module] .h\(1x\) { height: var(--tct-scale-1x, var(--app-scale-1x, 5px)); } [data-tecton-module] .w\(1x\) { width: var(--tct-scale-1x, var(--app-scale-1x, 5px)); } [data-tecton-module] .h\(2x\) { height: var(--tct-scale-2x, var(--app-scale-2x, 10px)); } [data-tecton-module] .w\(2x\) { width: var(--tct-scale-2x, var(--app-scale-2x, 10px)); } [data-tecton-module] .h\(3x\) { height: var(--tct-scale-3x, var(--app-scale-3x, 15px)); } [data-tecton-module] .w\(3x\) { width: var(--tct-scale-3x, var(--app-scale-3x, 15px)); } [data-tecton-module] .h\(4x\) { height: var(--tct-scale-4x, var(--app-scale-4x, 20px)); } [data-tecton-module] .w\(4x\) { width: var(--tct-scale-4x, var(--app-scale-4x, 20px)); } [data-tecton-module] .h\(5x\) { height: var(--tct-scale-5x, var(--app-scale-5x, 25px)); } [data-tecton-module] .w\(5x\) { width: var(--tct-scale-5x, var(--app-scale-5x, 25px)); } [data-tecton-module] .h\(6x\) { height: var(--tct-scale-6x, var(--app-scale-6x, 30px)); } [data-tecton-module] .w\(6x\) { width: var(--tct-scale-6x, var(--app-scale-6x, 30px)); } [data-tecton-module] .h\(7x\) { height: var(--tct-scale-7x, var(--app-scale-7x, 35px)); } [data-tecton-module] .w\(7x\) { width: var(--tct-scale-7x, var(--app-scale-7x, 35px)); } [data-tecton-module] .h\(8x\) { height: var(--tct-scale-8x, var(--app-scale-8x, 40px)); } [data-tecton-module] .w\(8x\) { width: var(--tct-scale-8x, var(--app-scale-8x, 40px)); } [data-tecton-module] .h\(9x\) { height: var(--tct-scale-9x, var(--app-scale-9x, 45px)); } [data-tecton-module] .w\(9x\) { width: var(--tct-scale-9x, var(--app-scale-9x, 45px)); } [data-tecton-module] .h\(10x\) { height: var(--tct-scale-10x, var(--app-scale-10x, 50px)); } [data-tecton-module] .w\(10x\) { width: var(--tct-scale-10x, var(--app-scale-10x, 50px)); } [data-tecton-module] .h\(11x\) { height: var(--tct-scale-11x, var(--app-scale-11x, 55px)); } [data-tecton-module] .w\(11x\) { width: var(--tct-scale-11x, var(--app-scale-11x, 55px)); } [data-tecton-module] .h\(12x\) { height: var(--tct-scale-12x, var(--app-scale-12x, 60px)); } [data-tecton-module] .w\(12x\) { width: var(--tct-scale-12x, var(--app-scale-12x, 60px)); } [data-tecton-module] .tooltipped { position: relative; } @keyframes tooltippedFade { from { opacity: 0; } to { opacity: 1; } } [data-tecton-module] .tooltipped:before { position: absolute; z-index: 1000001; width: 0; height: 0; color: var(--app-tooltip-background-color, rgba(0, 0, 0, 0.8)); pointer-events: none; content: ""; border: var(--app-tooltip-size, 5px) solid transparent; } [data-tecton-module] .tooltipped:after { position: absolute; z-index: 1000000; padding: var(--app-tooltip-size, 5px) 8px; font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; font-size: 12px; line-height: 1.5; color: var(--app-tooltip-text-color, #ffffff); text-align: center; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-wrap: break-word; white-space: pre; pointer-events: none; content: attr(aria-label); background: var(--app-tooltip-background-color, rgba(0, 0, 0, 0.8)); border-radius: 3px; } [data-tecton-module] .tooltipped[label][stencil-hydrated]:after { content: attr(label); } [data-tecton-module] .tooltipped:before, [data-tecton-module] .tooltipped:after { display: inline-block; visibility: hidden; opacity: 0; transition: all 250ms ease-in-out 0s; } [data-tecton-module] .tooltipped:hover:before, [data-tecton-module] .tooltipped:hover:after, [data-tecton-module] .tooltipped:active:before, [data-tecton-module] .tooltipped:active:after, [data-tecton-module] .tooltipped:focus:before, [data-tecton-module] .tooltipped:focus:after, [data-tecton-module] .tooltipped:focus-within:before, [data-tecton-module] .tooltipped:focus-within:after { text-decoration: none; visibility: visible; opacity: 1; } [data-tecton-module] .tooltipped:hover:before, [data-tecton-module] .tooltipped:hover:after, [data-tecton-module] .tooltipped:active:before, [data-tecton-module] .tooltipped:active:after { transition: all 250ms ease-in-out; } [data-tecton-module] .tooltipped:hover:before, [data-tecton-module] .tooltipped:hover:after { transition-delay: 1s; } [data-tecton-module] .tooltipped:focus:before, [data-tecton-module] .tooltipped:focus:after, [data-tecton-module] .tooltipped:focus-within:before, [data-tecton-module] .tooltipped:focus-within:after { animation-timing-function: ease-in-out; animation-fill-mode: forwards; animation-name: tooltippedFade, tooltippedFade; animation-direction: normal, reverse; animation-duration: var(--app-tooltip-transition-duration, 250ms); animation-delay: 0ms, calc( var(--app-tooltip-visible-duration, 2s) + var(--app-tooltip-transition-duration, 250ms) ); } [data-tecton-module] .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):hover:before, [data-tecton-module] .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):hover:after, [data-tecton-module] .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):active:before, [data-tecton-module] .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):active:after, [data-tecton-module] .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus:before, [data-tecton-module] .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus:after, [data-tecton-module] .tooltipped:not([stencil-hydrated])[aria-label=""]:hover:before, [data-tecton-module] .tooltipped:not([stencil-hydrated])[aria-label=""]:hover:after, [data-tecton-module] .tooltipped:not([stencil-hydrated])[aria-label=""]:active:before, [data-tecton-module] .tooltipped:not([stencil-hydrated])[aria-label=""]:active:after, [data-tecton-module] .tooltipped:not([stencil-hydrated])[aria-label=""]:focus:before, [data-tecton-module] .tooltipped:not([stencil-hydrated])[aria-label=""]:focus:after, [data-tecton-module] .tooltipped:not([stencil-hydrated]):not([aria-label]):hover:before, [data-tecton-module] .tooltipped:not([stencil-hydrated]):not([aria-label]):hover:after, [data-tecton-module] .tooltipped:not([stencil-hydrated]):not([aria-label]):active:before, [data-tecton-module] .tooltipped:not([stencil-hydrated]):not([aria-label]):active:after, [data-tecton-module] .tooltipped:not([stencil-hydrated]):not([aria-label]):focus:before, [data-tecton-module] .tooltipped:not([stencil-hydrated]):not([aria-label]):focus:after { display: none; } [data-tecton-module] .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus-within:before, [data-tecton-module] .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus-within:after, [data-tecton-module] .tooltipped:not([stencil-hydrated])[aria-label=""]:focus-within:before, [data-tecton-module] .tooltipped:not([stencil-hydrated])[aria-label=""]:focus-within:after, [data-tecton-module] .tooltipped:not([stencil-hydrated]):not([aria-label]):focus-within:before, [data-tecton-module] .tooltipped:not([stencil-hydrated]):not([aria-label]):focus-within:after { display: none; } [data-tecton-module] .tooltipped-multiline:after { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: var(--app-tooltip-multiline-max-width, 200px); word-break: break-word; word-wrap: normal; white-space: pre-line; border-collapse: separate; text-align: left; } [data-tecton-module] .tooltipped-multiline.tooltipped-s:after, [data-tecton-module] .tooltipped-multiline.tooltipped-n:after { right: auto; left: 50%; transform: translateX(-50%); } [data-tecton-module] .tooltipped-multiline.tooltipped-w:after, [data-tecton-module] .tooltipped-multiline.tooltipped-e:after { right: 100%; } [data-tecton-module] .tooltipped-multiline:hover:after, [data-tecton-module] .tooltipped-multiline:active:after, [data-tecton-module] .tooltipped-multiline:focus:after { display: table-cell; } [data-tecton-module] .tooltipped-multiline:focus-within:after { display: table-cell; } [data-tecton-module] .tooltipped-sticky:before, [data-tecton-module] .tooltipped-sticky:after { display: inline-block; } [data-tecton-module] .tooltipped-sticky.tooltipped-multiline:after { display: table-cell; } [data-tecton-module] .tooltipped-s:after, [data-tecton-module] .tooltipped-se:after, [data-tecton-module] .tooltipped-sw:after { top: 100%; right: 50%; margin-top: var(--app-tooltip-size, 5px); } [data-tecton-module] .tooltipped-s:before, [data-tecton-module] .tooltipped-se:before, [data-tecton-module] .tooltipped-sw:before { top: auto; right: 50%; bottom: var(--app-tooltip-position, -5px); margin-right: var(--app-tooltip-position, -5px); border-bottom-color: var( --app-tooltip-background-color, rgba(0, 0, 0, 0.8) ); } [data-tecton-module] .tooltipped-se:after { right: auto; left: 50%; margin-left: var(--app-tooltip-body-offset, -15px); } [data-tecton-module] .tooltipped-sw:after { margin-right: var(--app-tooltip-body-offset, -15px); } [data-tecton-module] .tooltipped-n:after, [data-tecton-module] .tooltipped-ne:after, [data-tecton-module] .tooltipped-nw:after { right: 50%; bottom: 100%; margin-bottom: var(--app-tooltip-size, 5px); } [data-tecton-module] .tooltipped-n:before, [data-tecton-module] .tooltipped-ne:before, [data-tecton-module] .tooltipped-nw:before { top: var(--app-tooltip-position, -5px); right: 50%; bottom: auto; margin-right: var(--app-tooltip-position, -5px); border-top-color: var(--app-tooltip-background-color, rgba(0, 0, 0, 0.8)); } [data-tecton-module] .tooltipped-ne:after { right: auto; left: 50%; margin-left: var(--app-tooltip-body-offset, -15px); } [data-tecton-module] .tooltipped-nw:after { margin-right: var(--app-tooltip-body-offset, -15px); } [data-tecton-module] .tooltipped-s:after, [data-tecton-module] .tooltipped-n:after { transform: translateX(50%); } [data-tecton-module] .tooltipped-w:after { right: 100%; bottom: 50%; margin-right: var(--app-tooltip-size, 5px); transform: translateY(50%); } [data-tecton-module] .tooltipped-w:before { top: 50%; bottom: 50%; left: var(--app-tooltip-position, -5px); margin-top: var(--app-tooltip-position, -5px); border-left-color: var(--app-tooltip-background-color, rgba(0, 0, 0, 0.8)); } [data-tecton-module] .tooltipped-e:after { bottom: 50%; left: 100%; margin-left: var(--app-tooltip-size, 5px); transform: translateY(50%); } [data-tecton-module] .tooltipped-e:before { top: 50%; right: var(--app-tooltip-position, -5px); bottom: 50%; margin-top: var(--app-tooltip-position, -5px); border-right-color: var(--app-tooltip-background-color, rgba(0, 0, 0, 0.8)); } [data-tecton-module].phone .tooltipped:not(.tooltip-popover):hover:before, [data-tecton-module].phone .tooltipped:not(.tooltip-popover):hover:after, [data-tecton-module].phone .tooltipped:not(.tooltip-popover):active:before, [data-tecton-module].phone .tooltipped:not(.tooltip-popover):active:after, [data-tecton-module].phone .tooltipped:not(.tooltip-popover):focus:before, [data-tecton-module].phone .tooltipped:not(.tooltip-popover):focus:after, [data-tecton-module].phone .tooltipped:not(.tooltip-popover):focus-within:before, [data-tecton-module].phone .tooltipped:not(.tooltip-popover):focus-within:after, [data-tecton-module].tablet .tooltipped:not(.tooltip-popover):hover:before, [data-tecton-module].tablet .tooltipped:not(.tooltip-popover):hover:after, [data-tecton-module].tablet .tooltipped:not(.tooltip-popover):active:before, [data-tecton-module].tablet .tooltipped:not(.tooltip-popover):active:after, [data-tecton-module].tablet .tooltipped:not(.tooltip-popover):focus:before, [data-tecton-module].tablet .tooltipped:not(.tooltip-popover):focus:after, [data-tecton-module].tablet .tooltipped:not(.tooltip-popover):focus-within:before, [data-tecton-module].tablet .tooltipped:not(.tooltip-popover):focus-within:after { display: none; } /* TODO: Merge the theme with fallback colors */ :root { /* default theme */ /*button */ --tct-btn-font-size: 14px; --tct-btn-padding: 10px; /* primary btn */ --tct-btn-primary-bg: #510098; --tct-btn-primary-font-color: #ffffff; --tct-btn-primary-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.12); --tct-btn-primary-border-color: transparent; --tct-btn-primary-border-width: 0px; --tct-btn-primary-border-radius: 5px; --tct-btn-primary-font-weight: 400; --tct-btn-primary-text-transform: none; --tct-btn-primary-letter-spacing: normal; /* primary btn hover effects */ --tct-btn-primary-hover-bg: #510098; --tct-btn-primary-hover-font-color: #ffffff; --tct-btn-primary-hover-box-shadow: 8px 8px 8px rgba(98, 0, 255, 0.2); --tct-btn-primary-hover-border-color: transparent; /* secondary btn */ --tct-btn-secondary-bg: #8058bc; --tct-btn-secondary-font-color: #ffffff; --tct-btn-secondary-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.12); --tct-btn-secondary-border-color: transparent; --tct-btn-secondary-border-width: 0px; --tct-btn-secondary-border-radius: 5px; --tct-btn-secondary-font-weight: 400; --tct-btn-secondary-text-transform: none; --tct-btn-secondary-letter-spacing: normal; /* secondary btn hover effects */ --tct-btn-secondary-hover-bg: #8058bc; --tct-btn-secondary-hover-font-color: #ffffff; --tct-btn-secondary-hover-box-shadow: 8px 8px 8px rgba(98, 0, 255, 0.2); /* neutral btn */ --tct-btn-default-bg: #ffffff; --tct-btn-default-font-color: #510098; --tct-btn-default-font-weight: 400; /* neutral btn hover effects */ --tct-btn-default-hover-bg: #ffffff; --tct-btn-default-hover-font-color: #510098; --tct-btn-default-hover-box-shadow: 8px 8px 8px rgba(98, 0, 255, 0.2); /*icon buttons */ --tct-btn-icon-width: 50px; --tct-btn-icon-height: 50px; --tct-btn-icon-color: #510098; /* icon button hover effects */ --tct-btn-icon-hover-bg: #f2f2f2; --tct-btn-icon-active-bg: #f2f2f2; /* badge buttons */ --tct-btn-badge-font-size: 14px; --tct-btn-badge-bg: #510098; --tct-btn-badge-font-color: #ffffff; /* badge hover effects */ --tct-btn-badge-hover-bg: #8058bc; --tct-btn-badge-hover-font-color: #ffffff; /* badge active */ --tct-btn-badge-active-bg: #8058bc; --tct-btn-badge-active-font-color: #ffffff; /* buttons disabled */ --tct-btn-disabled-opacity: 0.6; --tct-btn-primary-disabled-bg: #510098; --tct-btn-primary-disabled-font-color: #ffffff; --tct-btn-primary-disabled-box-shadow: transparent; --tct-btn-secondary-disabled-bg: #8058bc; --tct-btn-secondary-disabled-font-color: #ffffff; --tct-btn-secondary-disabled-box-shadow: transparent; --tct-btn-neutral-disabled-bg: #ffffff; --tct-btn-neutral-disabled-font-color: #510098; --tct-btn-neutral-disabled-box-shadow: transparent; /* checkbox with label */ --tct-checkbox-font-weight: 300; --tct-input-label-optional-font-size: 14px; --tct-input-label-optional-font-weight: 300; /* checkbox favorite */ --t-checkbox-favorite-fill-color: #8058bc; --t-checkbox-favorite-stroke-width: 1; /* checkbox disabled */ --tct-checkbox-disabled-opacity: 0.6; /* calendar */ --tct-calendar-label-font-size: 16px; --tct-calendar-month-font-size: 14px; --tct-calendar-day-heading-font-size: 14px; --t-calendar-day-hover-bg: rgba(245, 238, 255, 0.5); --tct-calendar-day-selected-font-color: #510098; --tct-calendar-activity-indicator-color: #510098; /* collapsible sections */ --tct-section-bg: #ffffff; --tct-section-font-color: #090313; /* dropdowns */ --tct-dropdown-item-bg: #ffffff; --tct-dropdown-item-font-color: #090313; --tct-dropdown-item-selected-bg: #f1f1f1; /* icons */ --t-icon-size: 20px; --t-icon-stroke-width: 1; --t-icon-cap: round; --t-icon-stroke-primary: #090313; /* inputs */ --tct-input-font-size: 14px; --tct-input-placeholder-font-color: #797979; --tct-input-height: 40px; --tct-input-bg: #fefefe; --tct-input-font-color: #4b4b4b; /* input label */ --tct-input-label-font-color: #090313; --tct-input-label-font-size: 16px; --tct-input-label-font-weight: 500; /* input borders */ --tct-input-border-top-width: 0.5px; --tct-input-border-right-width: 0.5px; --tct-input-border-bottom-width: 0.5px; --tct-input-border-left-width: 0.5px; --tct-input-border-color: #510098; /* loaders */ --tct-loading-skeleton-shimmer-color: rgba(254, 254, 254, 0.5); --tct-loading-spinner-size: 40px; /* messages */ --tct-message-bg: #f5f5f5; --tct-input-messages-font-color: #090313; --tct-message-bar-width: 6px; --tct-message-padding: 15px; /* options */ --tct-tab-alt-active-color: #510098; --tct-optgroup-header-font-weight: 400; /* selects */ --tct-select-margin-top: 20px; --tct-select-margin-bottom: 20px; }
Upload File
Create Folder