/* generated 2026-02-26T14:25:58+09:00 */ /********** * file: 0-version.css * */ /** * Acsiryo 2026 public pages, Ginger Design * */ /********** * file: 1-fonts.css * */ /* fonts.googleapis.com/css?family=Lato:300,400,700,900 */ @import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap); /********** * file: 2-reset.css * */ body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, small, strike, strong, sub, sup, b, u, i, ol, ul, li, form, label, legend, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; outline: 0; font-family: "Plus Jakarta Sans", sans-serif; font-optical-sizing: auto; vertical-align: baseline; background-color: transparent; background-repeat: no-repeat; } body, div, p, h1, h2, h3, h4, h5 { font-weight: 300; font-size: 1rem; } input, textarea, keygen, select, button { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 300; } a,b,u,i { font-size: inherit; } body { line-height: 1; } u { text-decoration: none; } ol, ul { list-style: none; } img { vertical-align: bottom; background-color: transparent; } a img { border: none; } /* remember to define focus styles! */ :focus { outline: 0; } /********** * file: 3-vars.css * */ :root, .contrast-lo { --white : #fff; --white-70 : rgba(255, 255, 255, 0.698); --white-50 : rgba(255, 255, 255, 0.502); --white-30 : rgba(255, 255, 255, 0.302); --white-off : #f3f5f6; --black : #393b3f; --black-70 : rgba(57, 59, 63, 0.698); --black-50 : rgba(57, 59, 63, 0.502); --black-30 : rgba(57, 59, 63, 0.302); --black-15 : rgba(57, 59, 63, 0.149); --gray : #eaedef; --gray-90 : rgba(234, 237, 239, 0.898); --gray-50 : rgba(234, 237, 239, 0.502); --yellow : #df0; --brown : #d5c0a6; --alert : #ff2600; --alert-lite : #ffebe8; --green : #80ff00; --green-lite : #f5ffeb; --orange : #ffd400; --orange-lite : #fffcec; --carousel-yellow: rgba(221, 255, 0, 0.800); --carousel-black : rgba(57, 59, 63, 0.502); --carousel-brown : rgba(213, 192, 166, 0.800); --border-color : var(--white); --border-width : 1px; --border-color-dark: var(--gray); --button-normal-background: var(--yellow); --button-text-color: var(--black); --button-active-background: var(--yellow); --button-active-border: var(--yellow); --input-background : var(--white-70); --input-border : var(--white); --label-background : var(--white); --label-select-bg : var(--green); --page-background : var(--gray); --standard-shadow : 2px 2px 8px 0 rgba(0, 0, 0, 0.149);; --table-lines : var(--yellow); --text-color : var(--black); --value-alert : var(--alert); --value-alert-lite : var(--alert-lite); --value-normal : var(--green); --value-warn : var(--orange); --value-warn-lite : var(--orange-lite); } .contrast-hi { --white : #fff; --white-70 : rgba(255, 255, 255, 0.698); --white-50 : rgba(255, 255, 255, 0.502); --white-30 : rgba(255, 255, 255, 0.302); --white-off : #f3f5f6; --black : #000; --black-70 : rgba(57, 59, 63, 0.698); --black-50 : rgba(57, 59, 63, 0.502); --black-30 : rgba(57, 59, 63, 0.302); --black-15 : rgba(57, 59, 63, 0.149); --gray : white; --gray-90 : rgba(234, 237, 239, 0.898); --gray-50 : rgba(234, 237, 239, 0.502); --yellow : #ff0; --brown : #d5c0a6; --alert : #ffffff; --alert-lite : #ffebe8; --green : #00ff00; --green-lite : #f5ffeb; --orange : #ffd400; --orange-lite : #fffcec; --carousel-yellow: rgba(221, 255, 0, 0.800); --carousel-black : rgba(57, 59, 63, 0.502); --carousel-brown : rgba(213, 192, 166, 0.800); --background-color: var(--white); --border-color : black; --border-color-dark: black; --button-normal-background: red; --button-text-color: var(--white); --button-active-background: var(--yellow); --button-active-border: var(--yellow); --input-background: var(--white-70); --input-border : var(--black); --label-background: var(--white); --label-select-bg: var(--green); --page-background: var(--gray); --standard-shadow: none; --table-lines : var(--yellow); --text-color : var(--black); --value-alert : var(--alert); --value-normal : var(--green); --value-warn : var(--orange); } /********** * file: _development.css * */ xsection { display: none; } /********** * file: accessibility.css * */ html.fontsize-lg { font-size: 18pt; /* base for 1rem; */ } body.contrast-hi .menu , body.contrast-hi .to-do { background-image: none; background-color: var(--white); border: var(--border-width) solid var(--border-color); } body.contrast-hi .to-do h4 { color: black !important; font-weight: bold; font-style: normal; } body.contrast-hi .grid hr { border-color: var(--white); } body.contrast-hi .chart ellipse { fill: none; } body.contrast-hi .chart-box svg path:nth-of-type(2) { stroke-dasharray: none; } body.contrast-hi input + label { color: var(--black); border-color: var(--black); background-color: var(--background-color); } body.contrast-hi input:checked + label { color: var(--white); border-color: var(--black); background-color: var(--black); } body.contrast-hi.page-profile section { background-image: none; } /********** * file: alignment.css * */ .two-across { align-items : baseline; display : flex; gap : 20px; margin-bottom : 1em; justify-content: space-between; } .two-across.short-inputs { /* almost always dates */ justify-content: flex-end; gap: 10px; } .two-across > p { flex: 0 1 50%; margin-bottom: 0; } .two-across > p:nth-child(1) { flex: 1 1 40%; } .two-across > p:nth-child(2) { flex: 1 1 60%; } .two-across.balanced > p:nth-child(1) { flex: 1 1 auto; } .two-across.balanced > p:nth-child(2) { flex: 1 1 auto; } .balanced .two-across > p:nth-child(1) { flex: 1 1 auto; } .balanced .two-across > p:nth-child(2) { flex: 1 1 auto; } /********** * file: appointment.css * */ /* most of appointment is standard components */ div.appointment-consult { display : flex; flex-wrap: wrap; gap: 10px; margin-bottom: 1em; } div.appointment-consult .person { margin: 0; flex-wrap: wrap; flex: 1 1 40%; gap: 15px; align-items: center; } div.appointment-consult .qr { flex: none; } div.appointment-consult .person p { margin: 0; } div.appointment-consult .person h4 { margin: 0; } /********** * file: boxes.css * */ div.boxed { background-color: white; border-radius : 20px; border : 2px solid var(--border-color); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin : 0 0 25px; padding : 20px 20px 10px; width : 100%; } div.boxed:empty { display: none; } div.expandable > div { display: none; } .boxed > h4 {} .boxed > div {} .modal-content .boxed, .boxed label {-webkit-box-shadow: var(--standard-shadow); -moz-box-shadow: var(--standard-shadow); box-shadow: var(--standard-shadow); } div.boxed > h4:first-child { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height : 2em; line-height : 1.2em; margin-bottom : 1em; position : relative; vertical-align: middle; } div.boxed > h4:first-child i { background-position: center; background-size: 32px; display : block; height : 30px; line-height : 30px; position : absolute; top : 0.5em; transform : translate(0, -50%); width : 30px; } div.boxed > h4:first-child i:first-child { left: 0; } div.boxed > h4:first-child i:last-child { right: 0; } div.boxed > h4:first-child i:first-child:hover { } div.expandable > h4:first-child i:last-child { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCB0cmFuc2Zvcm09InJvdGF0ZSg5MCwxMiwxMikiIGQ9Ik0xMy42IDEyIDkgNy40IDEwLjQgNmw2IDYtNiA2TDkgMTYuNmw0LjYtNC42eiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } div.expandable.expanded > h4:first-child i:last-child { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCB0cmFuc2Zvcm09InJvdGF0ZSgyNzAsMTIsMTIpIiBkPSJNMTMuNiAxMiA5IDcuNCAxMC40IDZsNiA2LTYgNkw5IDE2LjZsNC42LTQuNnoiIGZpbGw9IiMzOTNCM0YiLz4gIDwvc3ZnPg=="); } div.action-boxes { display : flex; flex-wrap : wrap; gap : 15px; justify-content: space-between; margin-bottom : 1rem; } div.action-box, div.value-box { background-color: var(--white-70); border : var(--border-width) solid var(--border-color); border-radius : 15px; -webkit-box-shadow: var(--standard-shadow); -moz-box-shadow: var(--standard-shadow); box-shadow: var(--standard-shadow); flex : 1 1 20%; padding : 15px; position : relative; } div.action-box .icon { background-size : contain; height : 44px; margin : 15px auto 0; width : 44px; } div.action-box .flag { border-radius : 6px; height : 12px; left : 15px; position : absolute; top : 15px; width : 12px; } div.action-box .title { text-align: center; margin: 0.5em auto 0; } div.action-box .action { height : 100%; left : 0; margin : 0; opacity : 0; position : absolute; top : 0; width : 100%; z-index : 10; } div.action-box .action a { display: inline-block; height : 100%; width : 100%; text-decoration: none; } /* order important */ div.action-box.value-good .flag { background-color: var(--value-normal); } div.action-box.value-warn .flag { background-color: var(--value-warn); } div.action-box.value-alert .flag { background-color: var(--value-alert); } div.action-box.attention .icon { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjUwcHgiPiAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzkzQjNGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjEwIj4gIDxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjQ1Ii8+ICA8cGF0aCBkPSJNNTAsMzAgTDUwLDMxIE01MCw1MCBMNTAsNzAiLz4gPC9nPjwvc3ZnPg=="); } div.value-box { /* see above */ flex: 1 1 40%; } div.value-box .flag { display: none; /* put it inside the value */ } div.value-box .value::before { border-radius: 6px; content : ""; display : block; height : 12px; left : 0; margin : 0; position : absolute; top : 50%; transform : translate(0, -50%); width : 12px; } div.value-box .title { margin: 0.5em 0 0.2em; } div.value-box .note { margin: 0 0 0.5em; font-size: 80%; color: var(--black-50); } div.value-box .value { text-align: right; margin: 0; position: relative; } div.value-box .units { text-align: right; color: var(--black-50);margin: 0; } div.value-box .action { display: none; } /* order important */ div.value-box.value-good { } div.value-box.value-warn { border-color: var(--value-warn); background-color: var(--value-warn-lite); } div.value-box.value-warn .value::before { background-color: var(--value-warn); } div.value-box.value-alert { border-color: var(--value-alert); background-color: var(--value-alert-lite); } div.value-box.value-alert .value::before { background-color: var(--value-alert); } div.value-box.attention .icon { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjUwcHgiPiAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzkzQjNGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjEwIj4gIDxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjQ1Ii8+ICA8cGF0aCBkPSJNNTAsMzAgTDUwLDMxIE01MCw1MCBMNTAsNzAiLz4gPC9nPjwvc3ZnPg=="); } /********** * file: buttons.css * */ button, .button { appearance: none; background-color: var(--button-normal-background); border : none; border-radius : 15px; -webkit-box-shadow: var(--standard-shadow); -moz-box-shadow: var(--standard-shadow); box-shadow: var(--standard-shadow); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color : var(--button-text-color); cursor : pointer; display : block; font-weight : bold; font-size : 12pt; min-height : 40px; padding : 0 15px; position : relative; text-decoration : none; text-align : center; width: 70%; margin: 0 auto 1em; } .button { /* button vertical align is apparently coded in the browser since forever and nut surfaced as a css property */ display : flex; align-items : center; justify-content: center; font-size: 12pt; } button.hover, button:hover, .button:hover, button.active, button:active, .button:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } button.disabled, button:disabled, .button.disabled, input.disabled + label, input:disabled + label { opacity: 0.5; cursor: not-allowed; } button.badge::before , .button.badge::before { background-color: var(--alert); border-radius : 5px; content : ""; display : block; height : 10px; left : 0; position : absolute; top : 0; width : 10px; } button.cancel , .button.cancel { background-color: var(--black); color:var(--white); } button.attention , .button.attention { background-color: var(--alert); color:var(--white); } .small-buttons { display: flex; flex-wrap: wrap; gap: 0.5em; } .small-buttons label, .small-buttons button.label, .small-buttons .button.label { padding: 10px 10px; margin-bottom: 0.5em; } .small-buttons label { flex: 1 1 auto; width: auto !important; } .mode-switcher { align-items : center; background-color: var(--white-30); border : var(--border-width) solid var(--border-color); gap : 20px; justify-content : space-between; display : flex; border-radius: 19px; padding: 2px; } .mode-switcher label { margin-bottom: 0 !important; background-color: transparent; } .mode-switcher input:checked + label { -webkit-box-shadow: var(--standard-shadow); -moz-box-shadow: var(--standard-shadow); box-shadow: var(--standard-shadow); } /********** * file: carousel.css * */ /* structure */ .carousel { -ms-overflow-style: none; display : block; overflow-x : hidden; overflow-y: hidden; position : relative; scroll-behavior : smooth; scrollbar-width : none; } .carousel::-webkit-scrollbar { display: none; /* Older Safari and Chromium */ } .carousel > ul, .carousel > .slider { display : flex; list-style-type: none; scroll-behavior: smooth; scrollbar-width: none; gap: 10px; padding-bottom: 10px; overflow-x: auto; overflow-y: hidden; } .carousel li, .carousel .slider > div { flex : none; display : block; list-style-type: none; } .carousel .prev, .carousel .next, .carousel .scroll-left, .carousel .scroll-right { background-position: center; border-radius : 20px; height : 40px; margin : 0; position : absolute; top : 40%; transform : translate( 0, -50% ); transition : background-color 0.3s ease; width : 40px; } .carousel .prev, .carousel .scroll-left { left: -12px; } .carousel .next, .carousel .scroll-right { right: -12px; } .carousel-controls.at-start .prev, .carousel-controls.at-start .scroll-left, .carousel-controls.at-end .scroll-right, .carousel-controls.at-end .next { visibility: hidden; } .carousel .at-start.prev, .carousel .at-start.scroll-left, .carousel .at-end.scroll-right, .carousel .at-end.next { visibility: hidden; } .carousel carousel-signals { bottom : 0; left : 50%; position : absolute; transform: translate( -50%, 0 ); z-index : 10; } /*****************************/ /* theme */ .carousel { border : none; height : fit-content; padding: 0 0 10px; } .carousel ul { } .carousel li { background-color: #fff; border-radius : 15px; border : none; -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.149); -moz-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.149); box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.149); height : auto; padding : 25px 15px 25px 40px; text-align : left; width : 25%; } .carousel li:first-child { margin-left : 0; } .carousel li:last-child { margin-right: 0; } carousel-signals { align-items : center; background-color: transparent; border-radius : 8px; display : flex; gap : 0; height : 16px; justify-content : space-evenly; margin : 0; padding : 0 3px; width : fit-content; } carousel-signals s { display : block; height : 16px; position: relative; width : 16px; } carousel-signals s::before { background-color: var(--white); border-radius : 5px; content : ""; display : block; height : 10px; left : 50%; position : absolute; top : 50%; transform : translate(-50%, -50%); width : 10px; } carousel-signals s.current::before { background-color: var(--black); } .carousel .prev, .carousel .scroll-left, .carousel .next, .carousel .scroll-right { background-color: var(--black); border : var(--border-width) solid var(--border-color); } .carousel .prev:hover, .carousel .scroll-left:hover, .carousel .next:hover, .carousel .scroll-right:hover { background-color: var(--black-50); } .carousel .prev, .carousel .scroll-left { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCB0cmFuc2Zvcm09InNjYWxlKC0xLCAxKSAgdHJhbnNsYXRlKC0yNCwgMCkiIGQ9Ik0xMy42IDEyIDkgNy40IDEwLjQgNmw2IDYtNiA2TDkgMTYuNmw0LjYtNC42eiIgZmlsbD0iI0ZGRiIvPiAgPC9zdmc+"); } .carousel .next, .carousel .scroll-right { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTMuNiAxMiA5IDcuNCAxMC40IDZsNiA2LTYgNkw5IDE2LjZsNC42LTQuNnoiIGZpbGw9IiNGRkYiLz4gIDwvc3ZnPg=="); } /********** * file: empty.css * */ /********** * file: footer.css * */ footer { border-top: 1px solid #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin : 20px auto 0; max-width : 450px; padding : 20px; width : 100%; width : 100%; } footer div { margin-bottom: 1em; display : flex; flex-wrap: wrap; justify-content: space-between; } footer ul { align-items: center; display : flex; flex-wrap : wrap; } footer ul:nth-child(1) { flex: none; } footer ul:nth-child(2) { justify-content: flex-end; flex: 1 1 auto; } footer li {} footer li a { display : block; font-size : 12pt; padding : 10px 10px; text-decoration: none; } .language-ja footer li a { font-size : 9pt; } footer li:first-child a { padding-left : 0; } footer li:last-child a { padding-right: 0; } footer .logo { background-image: url(https://cdn.acsiryo.com/assets/logo.png); background-size: contain; display : block; height : 0; overflow : hidden; padding : 20px 0 0; width : 130px; } /********** * file: form-elements.css * */ select, input[type="text"], input[type="email"], input[type="date"], input[type="tel"], input[type="number"], input[type="password"], textarea { appearance : none; -webkit-appearance: none; border-radius : 10px; color : var(--black); background-color: var(--input-background); border : 2px solid var(--input-border); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display : block; font-size: 12pt; padding: 10px; width : 100%; } .boxed select, .boxed input[type="text"], .boxed input[type="email"], .boxed input[type="date"], .boxed input[type="tel"], .boxed input[type="number"], .boxed input[type="password"], .boxed textarea { border-color: var(--border-color-dark); } select:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="password"]:focus, textarea:focus { border-color: var(--button-active-border); } select.confirmed, input[type="text"].confirmed, input[type="email"].confirmed, input[type="date"].confirmed, input[type="tel"].confirmed, input[type="number"].confirmed, input[type="password"].confirmed, textarea.confirmed { border-color: var(--green); background-color: var(--green-lite); } select.valid, input[type="text"].valid, input[type="email"].valid, input[type="date"].valid, input[type="tel"].valid, input[type="number"].valid, input[type="password"].valid, textarea.valid { border-color: var(--orange); background-color: var(--orange-lite); } select.invalid, input[type="text"].invalid, input[type="email"].invalid, input[type="date"].invalid, input[type="tel"].invalid, input[type="number"].invalid, input[type="password"].invalid, textarea.invalid { border-color: var(--alert); background-color: var(--alert-lite); } select { background-color: var(--white-70); border : var(--border-width) solid var(--border-color); border-radius : 10px; -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.149); -moz-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.149); box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.149); font-weight : bold; padding : 0.8em 20px 0.8em 15px; -webkit-appearance: none; appearance: none; background-repeat: no-repeat; background-position: right center; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCB0cmFuc2Zvcm09InJvdGF0ZSg5MCwxMiwxMikiIGQ9Ik0xMy42IDEyIDkgNy40IDEwLjQgNmw2IDYtNiA2TDkgMTYuNmw0LjYtNC42eiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } input[type="submit"], input[type="checkbox"], input[type="radio"] { display: none } input + label, button.label, .button.label { /* ;abels are used separately from inputs for screen readers &c */ -webkit-appearance: none; appearance : none; background-color : var(--label-background); border : var(--border-width) solid var(--label-background); border-radius : 15px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color : var(--black); cursor : pointer; display : block; font-size : 12pt; font-weight : bold; line-height : 1.2; padding : 13px 21px; text-align : center; text-decoration : none; width : 100%; margin-bottom: 0.5em; white-space: normal; } input[type="checkbox"]:checked + label, button.label:active, .button.label:active, input[type="radio"]:checked + label { background-color: var(--button-active-background); border-color: var(--button-active-border); } input.readonly, input:read-only { opacity: 0.5; } input.readonly + label { pointer-events: none; opacity: 0.5; } input[type="number"] { text-align: center; padding-right: 0; } .short-input input[type="text"] , .short-input input[type="number"], .short-inputs input[type="text"] , .short-inputs input[type="number"] { width: 4em; display: inline-block; } textarea { font-size : 1rem; min-height: 5em; width : 100%; } .hide-disabled input.disabled + label, .hide-disabled input:disabled + label, .hide-disabled button.disabled, .hide-disabled button:disabled { visibility: hidden; } input[type="checkbox"].box + label { border-radius : 4px; background-color: var(--black-30); background-position: center; background-size: contain; border : none; display : inline-block; height : 1.0em; margin-bottom : 0; padding : 0; position : relative; width : 1.0em; overflow: hidden; } input[type="checkbox"].box:checked + label { background-color: var(--button-active-background); background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJtMTIuNSAyMC44NzUtNS01IDEuNzUtMS43NSAzLjI1IDMuMjUgOC4yNS04LjI1IDEuNzUgMS43NS0xMCAxMHoiIGZpbGw9IiMzOTNCM0YiLz48L3N2Zz4="); } /* input[type="checkbox"].box:checked + label::after { background-color: var(--yellow); content : ""; display : block; height : 100%; width : 100%; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJtMTIuNSAyMC44NzUtNS01IDEuNzUtMS43NSAzLjI1IDMuMjUgOC4yNS04LjI1IDEuNzUgMS43NS0xMCAxMHoiIGZpbGw9IiMzOTNCM0YiLz48L3N2Zz4="); } */ .passwords { position: relative; } .passwords input[type="password"] + b, .passwords input[type="text"] + b { content : ""; position : absolute; background-position: center; background-size : contain; height : 30px; right : 0; top : 50%; transform : translate(-50%, -50%); width : 25px; background-color : transparent; } .passwords input[type="password"] + b { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJtMTYuMSAxMy4zLTEuNDUtMS40NWMuMTUtLjc4NC0uMDc1LTEuNTE3LS42NzUtMi4yLS42LS42ODQtMS4zNzUtLjk1LTIuMzI1LS44TDEwLjIgNy40YTQuMjQgNC4yNCAwIDAgMSAuODYzLS4zYy4yOTEtLjA2Ny42MDQtLjEuOTM3LS4xIDEuMjUgMCAyLjMxMy40MzcgMy4xODggMS4zMTIuODc0Ljg3NSAxLjMxMiAxLjkzOCAxLjMxMiAzLjE4OCAwIC4zMzMtLjAzMy42NDYtLjEuOTM3LS4wNjcuMjkyLS4xNjcuNTgtLjMuODYzem0zLjIgMy4xNS0xLjQ1LTEuNGExMC45NTEgMTAuOTUxIDAgMCAwIDEuNjg4LTEuNTg4QTguODk4IDguODk4IDAgMCAwIDIwLjggMTEuNWMtLjgzMy0xLjY4NC0yLjAzLTMuMDIxLTMuNTg4LTQuMDEzQzE1LjY1NCA2LjQ5NiAxMy45MTcgNiAxMiA2Yy0uNDgzIDAtLjk1OC4wMzMtMS40MjUuMWE5LjYyMyA5LjYyMyAwIDAgMC0xLjM3NS4zTDcuNjUgNC44NUExMS4wODEgMTEuMDgxIDAgMCAxIDEyIDRjMi41MTcgMCA0Ljc1OC42OTYgNi43MjUgMi4wODdDMjAuNjkyIDcuNDggMjIuMTE3IDkuMjgzIDIzIDExLjVhMTEuNjk2IDExLjY5NiAwIDAgMS0xLjUxMiAyLjczN0ExMS4wMDcgMTEuMDA3IDAgMCAxIDE5LjMgMTYuNDV6bS41IDYuMTUtNC4yLTQuMTVjLS41ODMuMTgzLTEuMTcuMzItMS43NjIuNDEyLS41OTIuMDkyLTEuMjA1LjEzOC0xLjgzOC4xMzgtMi41MTcgMC00Ljc1OC0uNjk2LTYuNzI1LTIuMDg4QzMuMzA4IDE1LjUyMSAxLjg4MyAxMy43MTcgMSAxMS41Yy4zNS0uODgzLjc5Mi0xLjcwNCAxLjMyNS0yLjQ2M0ExMS41MTQgMTEuNTE0IDAgMCAxIDQuMTUgN0wxLjQgNC4ybDEuNC0xLjQgMTguNCAxOC40LTEuNCAxLjR6TTUuNTUgOC40Yy0uNDgzLjQzMy0uOTI1LjkwOC0xLjMyNSAxLjQyNUE5LjAxNSA5LjAxNSAwIDAgMCAzLjIgMTEuNWMuODMzIDEuNjgzIDIuMDMgMy4wMiAzLjU4NyA0LjAxMkM4LjM0NiAxNi41MDQgMTAuMDgzIDE3IDEyIDE3Yy4zMzMgMCAuNjU4LS4wMjEuOTc1LS4wNjMuMzE3LS4wNDEuNjQyLS4wODcuOTc1LS4xMzdsLS45LS45NWMtLjE4My4wNS0uMzU4LjA4Ny0uNTI1LjExMkEzLjUzOSAzLjUzOSAwIDAgMSAxMiAxNmMtMS4yNSAwLTIuMzEzLS40MzgtMy4xODgtMS4zMTNDNy45MzkgMTMuODEyIDcuNSAxMi43NSA3LjUgMTEuNWMwLS4xODQuMDEzLS4zNTguMDM3LS41MjUuMDI2LS4xNjcuMDYzLS4zNDIuMTEzLS41MjVMNS41NSA4LjR6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .passwords input[type="text"] + b { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTIgMTZjMS4yNSAwIDIuMzEyLS40MzggMy4xODctMS4zMTMuODc1LS44NzQgMS4zMTMtMS45MzcgMS4zMTMtMy4xODcgMC0xLjI1LS40MzgtMi4zMTMtMS4zMTMtMy4xODhDMTQuMzEyIDcuNDM5IDEzLjI0OSA3IDExLjk5OSA3Yy0xLjI1IDAtMi4zMTIuNDM4LTMuMTg3IDEuMzEzQzcuOTM3IDkuMTg3IDcuNSAxMC4yNSA3LjUgMTEuNWMwIDEuMjUuNDM3IDIuMzEzIDEuMzEyIDMuMTg4QzkuNjg3IDE1LjU2MiAxMC43NSAxNiAxMiAxNnptMC0xLjhjLS43NSAwLTEuMzg4LS4yNjItMS45MTMtLjc4N0EyLjYwNCAyLjYwNCAwIDAgMSA5LjMgMTEuNWMwLS43NS4yNjItMS4zODcuNzg3LTEuOTEyYTIuNjA0IDIuNjA0IDAgMCAxIDEuOTEyLS43ODhjLjc1IDAgMS4zODguMjYyIDEuOTEzLjc4Ny41MjUuNTI2Ljc4NyAxLjE2My43ODcgMS45MTNzLS4yNjIgMS4zODctLjc4NyAxLjkxMmEyLjYwNCAyLjYwNCAwIDAgMS0xLjkxMy43ODh6bTAgNC44Yy0yLjQzNCAwLTQuNjUtLjY4LTYuNjUtMi4wMzgtMi0xLjM1OC0zLjQ1LTMuMTc5LTQuMzUtNS40NjIuOS0yLjI4MyAyLjM1LTQuMTA0IDQuMzUtNS40NjNDNy4zNSA0LjY4IDkuNTY2IDQgMTIgNGMyLjQzMyAwIDQuNjUuNjggNi42NSAyLjAzNyAyIDEuMzU5IDMuNDUgMy4xOCA0LjM1IDUuNDYzLS45IDIuMjgzLTIuMzUgNC4xMDQtNC4zNSA1LjQ2MkMxNi42NSAxOC4zMjIgMTQuNDMzIDE5IDEyIDE5em0wLTJhOS41NDQgOS41NDQgMCAwIDAgNS4xODctMS40ODggOS43NzMgOS43NzMgMCAwIDAgMy42MTItNC4wMTIgOS43NzMgOS43NzMgMCAwIDAtMy42MTItNC4wMTNBOS41NDUgOS41NDUgMCAwIDAgMTEuOTk5IDZhOS41NDUgOS41NDUgMCAwIDAtNS4xODcgMS40ODdBOS43NzMgOS43NzMgMCAwIDAgMy4yIDExLjVhOS43NzMgOS43NzMgMCAwIDAgMy42MTIgNC4wMTJBOS41NDQgOS41NDQgMCAwIDAgMTEuOTk5IDE3eiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } /********** * file: header.css * */ header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin : 40px auto 20px; width : 100%; max-width : 450px; padding : 0 20px; position: relative; z-index: 100; /* the menu slides UNDER the header. */ } header ul { align-items : center; display : flex; justify-content: space-between; width : 100%; } header li {} header .icon { margin-right: 20px; } header .icon a { background-repeat: no-repeat; background-size : contain; display : block; height : 60px; text-decoration : none; width : 60px; background-image: url(https://cdn.acsiryo.com/assets/icon.png); } header .title {} header h3 { margin-bottom: 0; } header .user { flex: 1 1 auto; } header .profile-pic { background-color : var(--white); background-image : url(https://cdn.acsiryo.com/assets/person-placeholder.svg); background-position: top center; background-size : cover; border-radius : 30px; border : var(--border-width) solid var(--border-color); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; float : left; height : 60px; margin : 0 20px 0 0; overflow : hidden; width : 60px; } header .profile-pic a { background-size : cover; background-position: top center; display : block; height : 60px; margin : 0; text-decoration : none; width : 60px; } header .greeting { color : var(--black); font-size : 16px; margin-bottom: 0.2em; margin-top : 10px; text-align : left; } header .username { color : var(--black); font-size : 20px; margin-bottom: 0; text-align : left; } .logout .user, .user { display: none; } .login header .icon, .login header .title { display: none; } .login .user { display: block; } /* burger is styled in menu.css */ /********** * file: icons.css * */ .icon { background-size : 24px; margin : 0; } .icon { background-repeat: no-repeat; } .icon-left::before , .icon-center::before , .icon-right::after { background-position: center; background-size : contain; content : ""; display : inline-block; height : 1.5em; vertical-align : middle; width : 1.5em; } .icon-left::before { margin-right: 0.5em; } .icon-center::before { } .icon-right::after { } .icon-left i { } .icon-right i { } .icon-larr::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCB0cmFuc2Zvcm09InNjYWxlKC0xLCAxKSAgdHJhbnNsYXRlKC0yNCwgMCkiIGQ9Im0xNCAxOC0xLjQtMS40NUwxNi4xNSAxM0g0di0yaDEyLjE1TDEyLjYgNy40NSAxNCA2bDYgNi02IDZ6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-rarr::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJtMTQgMTgtMS40LTEuNDVMMTYuMTUgMTNINHYtMmgxMi4xNUwxMi42IDcuNDUgMTQgNmw2IDYtNiA2eiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } .icon-larr-bg { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCB0cmFuc2Zvcm09InNjYWxlKC0xLCAxKSAgdHJhbnNsYXRlKC0yNCwgMCkiIGQ9Im0xNCAxOC0xLjQtMS40NUwxNi4xNSAxM0g0di0yaDEyLjE1TDEyLjYgNy40NSAxNCA2bDYgNi02IDZ6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-rarr-bg { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJtMTQgMTgtMS40LTEuNDVMMTYuMTUgMTNINHYtMmgxMi4xNUwxMi42IDcuNDUgMTQgNmw2IDYtNiA2eiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } .icon-attention i { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjUwcHgiPiAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzkzQjNGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjEwIj4gIDxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjQ1Ii8+ICA8cGF0aCBkPSJNNTAsMzAgTDUwLDMxIE01MCw1MCBMNTAsNzAiLz4gPC9nPjwvc3ZnPg=="); } .icon-bp { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMiA5VjZjMC0uNTUuMTk2LTEuMDIuNTg3LTEuNDEyQTEuOTI2IDEuOTI2IDAgMCAxIDQgNGgxNmMuNTUgMCAxLjAyLjE5NiAxLjQxMy41ODguMzkxLjM5MS41ODcuODYyLjU4NyAxLjQxMnY1LjVoLTJWNkg0djNIMnptNSA4Yy0uMTgzIDAtLjM1OC0uMDQ2LS41MjUtLjEzN2EuODYzLjg2MyAwIDAgMS0uMzc1LS40MTNMNC4zNzUgMTNIMnYtMmgzYy4xODMgMCAuMzU4LjA0Ni41MjUuMTM3LjE2Ny4wOTIuMjkyLjIzLjM3NS40MTNsMS4xIDIuMiAzLjEtNi4yYS44MTcuODE3IDAgMCAxIC4zNzUtLjM3NSAxLjE2IDEuMTYgMCAwIDEgMS4wNSAwIC44MTcuODE3IDAgMCAxIC4zNzUuMzc1bDEuNjc1IDMuMzVjLS4zLjE4My0uNTg3LjM3NS0uODYyLjU3NS0uMjc1LjItLjUzLjQyNS0uNzYzLjY3NWwtLjk1LTEuOS0zLjEgNi4yYS44NjMuODYzIDAgMCAxLS4zNzUuNDEzQTEuMDc0IDEuMDc0IDAgMCAxIDcgMTd6bTMuNjc1IDNINGMtLjU1IDAtMS4wMi0uMTk2LTEuNDEzLS41ODdBMS45MjYgMS45MjYgMCAwIDEgMiAxOHYtM2gydjNoNi4wNzVhNy4wMTMgNy4wMTMgMCAwIDAgLjYgMnpNMTcgMjJjLTEuMzgzIDAtMi41NjMtLjQ4OC0zLjUzNy0xLjQ2MkMxMi40ODggMTkuNTYyIDEyIDE4LjM4MyAxMiAxN3MuNDg4LTIuNTYzIDEuNDYzLTMuNTM3QzE0LjQzOCAxMi40ODggMTUuNjE3IDEyIDE3IDEyczIuNTYzLjQ4OCAzLjUzOCAxLjQ2M0MyMS41MTIgMTQuNDM4IDIyIDE1LjYxNyAyMiAxN3MtLjQ4OCAyLjU2My0xLjQ2MiAzLjUzOEMxOS41NjIgMjEuNTEyIDE4LjM4MyAyMiAxNyAyMnptLjItNC41IDIuMjc1LTIuMjc1LS43LS43TDE2LjUgMTYuOGwuNy43eiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } .icon-bookmark, .icon-register { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTIgMTQuM2MuODUtLjc4MyAxLjUzNy0xLjQzIDIuMDYzLTEuOTM4LjUyNC0uNTA4LjkyOS0uOTQ1IDEuMjEyLTEuMzEyLjI4My0uMzY3LjQ3NS0uNjg4LjU3NS0uOTYzLjEtLjI3NC4xNS0uNTcuMTUtLjg4NyAwLS42LS4yMTctMS4xMTctLjY1LTEuNTVBMi4xMTYgMi4xMTYgMCAwIDAgMTMuOCA3Yy0uMzUgMC0uNjg4LjA3LTEuMDEzLjIxM0EyLjAyIDIuMDIgMCAwIDAgMTIgNy44Yy0uMi0uMjUtLjQ1OC0uNDQ2LS43NzUtLjU4N0EyLjQ4MSAyLjQ4MSAwIDAgMCAxMC4yIDdjLS42IDAtMS4xMTcuMjE3LTEuNTUuNjVDOC4yMTcgOC4wODMgOCA4LjYgOCA5LjJjMCAuMzE3LjA0Ni42MDguMTM3Ljg3NS4wOTIuMjY3LjI4LjU4My41NjMuOTUuMjgzLjM2Ny42ODMuODA0IDEuMiAxLjMxM0E3Mi45NjIgNzIuOTYyIDAgMCAwIDEyIDE0LjN6TTUgMjFWNWMwLS41NS4xOTYtMS4wMi41ODgtMS40MTNBMS45MjYgMS45MjYgMCAwIDEgNyAzaDEwYy41NSAwIDEuMDIuMTk2IDEuNDEzLjU4N0MxOC44MDMgMy45OCAxOSA0LjQ1IDE5IDV2MTZsLTctMy03IDN6bTItMy4wNSA1LTIuMTUgNSAyLjE1VjVIN3YxMi45NXoiIGZpbGw9IiMzOTNCM0YiLz4gIDwvc3ZnPg=="); } .icon-calendar { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNOC4xMjEgMTMuODE4YS45MzguOTM4IDAgMCAxLS42OS0uMjc5LjkzOC45MzggMCAwIDEtLjI4LS42OWMwLS4yNzUuMDk0LS41MDYuMjgtLjY5MmEuOTM4LjkzOCAwIDAgMSAuNjktLjI3OGMuMjc1IDAgLjUwNS4wOTMuNjkxLjI3OGEuOTM4LjkzOCAwIDAgMSAuMjguNjkxLjkzOC45MzggMCAwIDEtLjI4LjY5MS45MzguOTM4IDAgMCAxLS42OS4yNzl6bTMuODggMGEuOTM4LjkzOCAwIDAgMS0uNjkyLS4yNzkuOTM4LjkzOCAwIDAgMS0uMjc4LS42OWMwLS4yNzUuMDkyLS41MDYuMjc4LS42OTJBLjkzOC45MzggMCAwIDEgMTIgMTEuODhjLjI3NSAwIC41MDUuMDkzLjY5MS4yNzhhLjkzOC45MzggMCAwIDEgLjI3OS42OTEuOTM4LjkzOCAwIDAgMS0uMjc5LjY5MS45MzguOTM4IDAgMCAxLS42OS4yNzl6bTMuODc4IDBhLjkzOC45MzggMCAwIDEtLjY5LS4yNzkuOTM4LjkzOCAwIDAgMS0uMjgtLjY5YzAtLjI3NS4wOTMtLjUwNi4yOC0uNjkyYS45MzguOTM4IDAgMCAxIC42OS0uMjc4Yy4yNzUgMCAuNTA1LjA5My42OS4yNzhhLjkzOC45MzggMCAwIDEgLjI4LjY5MS45MzguOTM4IDAgMCAxLS4yOC42OTEuOTM4LjkzOCAwIDAgMS0uNjkuMjc5ek01LjIxMiAyMS41NzZjLS41MzMgMC0uOTktLjE5LTEuMzctLjU3LS4zOC0uMzgtLjU3LS44MzctLjU3LTEuMzdWNi4wNmMuMDAxLS41MzMuMTktLjk5LjU3LTEuMzcuMzgtLjM4LjgzNy0uNTY5IDEuMzctLjU2OWguOTd2LTEuOTRoMS45NHYxLjk0aDcuNzU3di0xLjk0aDEuOTR2MS45NGguOTdjLjUzMiAwIC45ODkuMTkgMS4zNjkuNTcuMzguMzguNTcuODM2LjU3IDEuMzd2MTMuNTc1YzAgLjUzNC0uMTkuOTktLjU3IDEuMzctLjM4LjM4LS44MzcuNTctMS4zNy41N0g1LjIxMnptMC0xLjk0aDEzLjU3NlY5Ljk0SDUuMjEydjkuNjk3ek01LjIxMiA4aDEzLjU3NlY2LjA2SDUuMjEyVjh6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-chat { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNNiAxNGg4di0ySDZ2MnptMC0zaDEyVjlINnYyem0wLTNoMTJWNkg2djJ6TTIgMjJWNGMwLS41NS4xOTYtMS4wMi41ODctMS40MTNBMS45MjYgMS45MjYgMCAwIDEgNCAyaDE2Yy41NSAwIDEuMDIuMTk2IDEuNDEzLjU4N0MyMS44MDMgMi45OCAyMiAzLjQ1IDIyIDR2MTJjMCAuNTUtLjE5NiAxLjAyLS41ODcgMS40MTNBMS45MjYgMS45MjYgMCAwIDEgMjAgMThINmwtNCA0em0zLjE1LTZIMjBWNEg0djEzLjEyNUw1LjE1IDE2eiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } .icon-clinical-tests { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNOC4wOSAxNi42MzZ2LTJoMi4xNzZhNS43MyA1LjczIDAgMCAwLS4xNSAySDguMDl6bTAgNWMtMS4zODMgMC0yLjU2Mi0uNDg3LTMuNTM3LTEuNDYyLS45NzUtLjk3NS0xLjQ2Mi0yLjE1NC0xLjQ2Mi0zLjUzOHYtOWMtLjU1IDAtMS4wMjEtLjE5Ni0xLjQxMy0uNTg3YTEuOTI2IDEuOTI2IDAgMCAxLS41ODctMS40MTN2LTJjMC0uNTUuMTk2LTEuMDIuNTg3LTEuNDEyYTEuOTI2IDEuOTI2IDAgMCAxIDEuNDEzLS41ODhoMTBjLjU1IDAgMS4wMi4xOTYgMS40MTIuNTg4LjM5Mi4zOTEuNTg4Ljg2Mi41ODggMS40MTJ2MmMwIC41NS0uMTk2IDEuMDIxLS41ODggMS40MTNhMS45MjYgMS45MjYgMCAwIDEtMS40MTIuNTg3djMuMDI1YTYuMTk1IDYuMTk1IDAgMCAwLTEuOTc1IDEuOTc1SDguMDl2LTJoM3YtM2gtNnY5YzAgLjgzNC4yOTEgMS41NDIuODc1IDIuMTI1YTIuODkzIDIuODkzIDAgMCAwIDIuMTI1Ljg3NWMuNSAwIC45NTQtLjEwOCAxLjM2Mi0uMzI1YTMuMDYzIDMuMDYzIDAgMCAwIDEuMDM4LS45Yy4xMzMuMzM0LjI4My42NS40NS45NS4xNjYuMy4zNjYuNTkyLjYuODc1LS40NS40MzQtLjk2Ny43NzUtMS41NSAxLjAyNWE0Ljc3MiA0Ljc3MiAwIDAgMS0xLjkuMzc1em0tNS0xNmgxMHYtMmgtMTB2MnptMTMuNSAxM2MuNyAwIDEuMjkzLS4yNDEgMS43NzYtLjcyNS40ODMtLjQ4My43MjUtMS4wNzUuNzI1LTEuNzc1cy0uMjQyLTEuMjkxLS43MjUtMS43NzVjLS40ODMtLjQ4My0xLjA3NS0uNzI1LTEuNzc1LS43MjVzLTEuMjkyLjI0Mi0xLjc3NS43MjVjLS40ODQuNDg0LS43MjUgMS4wNzUtLjcyNSAxLjc3NXMuMjQyIDEuMjkyLjcyNSAxLjc3NWMuNDgzLjQ4NCAxLjA3NS43MjUgMS43NzUuNzI1em01LjEgNC0yLjctMi43Yy0uMzY2LjIzNC0uNzUuNDA5LTEuMTUuNTI1YTQuNDQgNC40NCAwIDAgMS0xLjI1LjE3NWMtMS4yNSAwLTIuMzEyLS40MzctMy4xODctMS4zMTJzLTEuMzEyLTEuOTM4LTEuMzEyLTMuMTg4YzAtMS4yNS40MzctMi4zMTIgMS4zMTItMy4xODdzMS45MzgtMS4zMTMgMy4xODgtMS4zMTNjMS4yNSAwIDIuMzEyLjQzOCAzLjE4NyAxLjMxM3MxLjMxMyAxLjkzNyAxLjMxMyAzLjE4N2MwIC40MzQtLjA1OS44NS0uMTc1IDEuMjUtLjExNy40LS4yOTIuNzg0LS41MjUgMS4xNWwyLjcgMi43LTEuNCAxLjR6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-close { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNOC40IDE3IDcgMTUuNmwzLjYtMy42TDcgOC40MjVsMS40LTEuNCAzLjYgMy42IDMuNTc1LTMuNiAxLjQgMS40LTMuNiAzLjU3NSAzLjYgMy42LTEuNCAxLjRMMTIgMTMuNCA4LjQgMTd6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-communication { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTYuNSAxNS4xODJjLS44NTIgMC0xLjU3Ny0uMjkyLTIuMTc0LS44NzVhMi44NiAyLjg2IDAgMCAxLS44OTQtMi4xMjVjMC0uODM0LjI5OC0xLjU0Mi44OTQtMi4xMjUuNTk3LS41ODQgMS4zMjItLjg3NSAyLjE3NC0uODc1Ljg1MiAwIDEuNTc2LjI5MSAyLjE3My44NzUuNTk3LjU4My44OTUgMS4yOTEuODk1IDIuMTI1YTIuODYgMi44NiAwIDAgMS0uODk1IDIuMTI1Yy0uNTk2LjU4My0xLjMyLjg3NS0yLjE3My44NzV6bTAtMmMuMjkgMCAuNTMyLS4wOTYuNzI5LS4yODhhLjk1Ni45NTYgMCAwIDAgLjI5NC0uNzEyLjk1Ny45NTcgMCAwIDAtLjI5NC0uNzEzIDEuMDAyIDEuMDAyIDAgMCAwLS43My0uMjg3Yy0uMjg5IDAtLjUzMi4wOTUtLjcyOC4yODdhLjk1Ny45NTcgMCAwIDAtLjI5NC43MTNjMCAuMjgzLjA5OC41Mi4yOTQuNzEyLjE5Ni4xOTIuNDM5LjI4OC43MjkuMjg4em0tNi4xMzYgOXYtMi45YTIuMDEgMi4wMSAwIDAgMSAuOTcxLTEuNzI1IDkuNzYyIDkuNzYyIDAgMCAxIDEuNzI2LS43ODggMTAuOTU1IDEwLjk1NSAwIDAgMSAxLjg1NC0uNDYybDEuNTg1IDEuODc1IDEuNTg1LTEuODc1Yy42My4xIDEuMjQ0LjI1NCAxLjg0MS40NjIuNTk3LjIwOSAxLjE2OC40NzEgMS43MTMuNzg4LjMwNy4xODMuNTUuNDI5LjcyOS43MzcuMTc5LjMwOC4yNjguNjM4LjI2OC45ODh2Mi45SDEwLjM2NHptMi4wMi0yaDMuMTQ0bC0xLjM4LTEuNjVhNS43MzggNS43MzggMCAwIDAtLjg5NS4zMjVjLS4yOS4xMzMtLjU4LjI3NS0uODcuNDI1di45em01LjA4NyAwaDMuMTJ2LS45YTYuNzI5IDYuNzI5IDAgMCAwLTEuNzM5LS43NWwtMS4zOCAxLjY1em0tMTMuMjQ0IDBhMS45OTIgMS45OTIgMCAwIDEtMS40NDUtLjU4OGMtLjQtLjM5Mi0uNi0uODYyLS42LTEuNDEydi0xNGMwLS41NS4yLTEuMDIxLjYtMS40MTMuNDAxLS4zOTIuODgzLS41ODcgMS40NDUtLjU4N2gxNC4zMThjLjU2MyAwIDEuMDQ0LjE5NSAxLjQ0NS41ODcuNC4zOTIuNi44NjMuNiAxLjQxM3Y1YTkuNDU1IDkuNDU1IDAgMCAwLS44OTQtLjk1Yy0uMzI0LS4zLS43MDgtLjUtMS4xNS0uNnYtMy40NUg0LjIyNnYxNGg0LjI0NGE0LjIxMyA0LjIxMyAwIDAgMC0uMTUzIDEuMXYuOWgtNC4wOXptMi4wNDYtMTJoNy4xNTlhNC44MiA0LjgyIDAgMCAxIDEuNDU3LS43NSA1LjMyNSA1LjMyNSAwIDAgMSAxLjYxLS4yNXYtMUg2LjI3NHYyem0wIDRoNS4xMTNjMC0uMzUuMDM5LS42OTIuMTE1LTEuMDI1YTUuNjkgNS42OSAwIDAgMSAuMzItLjk3NUg2LjI3M3Yyem0wIDRIOS44Yy4xODctLjE1LjM4OC0uMjg0LjYtLjRhOS40OSA5LjQ5IDAgMCAxIC42NTMtLjMyNXYtMS4yNzVINi4yNzN2MnptLTIuMDQ2IDJ2LTE0IDMuNDI1LS40MjUgMTF6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-email-confirmed { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJtMTUuOTUgMjItNC4yNS00LjI1IDEuNC0xLjQgMi44NSAyLjg1IDUuNjUtNS42NSAxLjQgMS40TDE1Ljk1IDIyek0xMiAxMWw4LTVINGw4IDV6bTAgMkw0IDh2MTBoNS4xNWwyIDJINGMtLjU1IDAtMS4wMi0uMTk2LTEuNDEzLS41ODdBMS45MjYgMS45MjYgMCAwIDEgMiAxOFY2YzAtLjU1LjE5Ni0xLjAyLjU4Ny0xLjQxMkExLjkyNiAxLjkyNiAwIDAgMSA0IDRoMTZjLjU1IDAgMS4wMi4xOTYgMS40MTMuNTg4LjM5MS4zOTEuNTg3Ljg2Mi41ODcgMS40MTJ2NC4zNWwtMiAyVjhsLTggNXoiIGZpbGw9IiMzOTNCM0YiLz4gIDwvc3ZnPg=="); } .icon-email { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNNCAyMGMtLjU1IDAtMS4wMi0uMTk2LTEuNDEzLS41ODdBMS45MjYgMS45MjYgMCAwIDEgMiAxOFY2YzAtLjU1LjE5Ni0xLjAyLjU4Ny0xLjQxMkExLjkyNiAxLjkyNiAwIDAgMSA0IDRoMTZjLjU1IDAgMS4wMi4xOTYgMS40MTMuNTg4LjM5MS4zOTEuNTg3Ljg2Mi41ODcgMS40MTJ2MTJjMCAuNTUtLjE5NiAxLjAyLS41ODcgMS40MTNBMS45MjYgMS45MjYgMCAwIDEgMjAgMjBINHptOC03TDQgOHYxMGgxNlY4bC04IDV6bTAtMiA4LTVINGw4IDV6TTQgOFY2djEyVjh6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-grid { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNNiAyMGMtLjU1IDAtMS4wMi0uMTk2LTEuNDEyLS41ODdBMS45MjYgMS45MjYgMCAwIDEgNCAxOGMwLS41NS4xOTYtMS4wMi41ODgtMS40MTNBMS45MjYgMS45MjYgMCAwIDEgNiAxNmMuNTUgMCAxLjAyLjE5NiAxLjQxMi41ODdDNy44MDQgMTYuOTggOCAxNy40NSA4IDE4cy0uMTk2IDEuMDItLjU4OCAxLjQxM0ExLjkyNiAxLjkyNiAwIDAgMSA2IDIwem02IDBjLS41NSAwLTEuMDItLjE5Ni0xLjQxMi0uNTg3QTEuOTI2IDEuOTI2IDAgMCAxIDEwIDE4YzAtLjU1LjE5Ni0xLjAyLjU4OC0xLjQxM0ExLjkyNiAxLjkyNiAwIDAgMSAxMiAxNmMuNTUgMCAxLjAyLjE5NiAxLjQxMi41ODcuMzkyLjM5Mi41ODguODYzLjU4OCAxLjQxM3MtLjE5NiAxLjAyLS41ODggMS40MTNBMS45MjYgMS45MjYgMCAwIDEgMTIgMjB6bTYgMGMtLjU1IDAtMS4wMi0uMTk2LTEuNDEzLS41ODdBMS45MjYgMS45MjYgMCAwIDEgMTYgMThjMC0uNTUuMTk2LTEuMDIuNTg3LTEuNDEzQTEuOTI2IDEuOTI2IDAgMCAxIDE4IDE2Yy41NSAwIDEuMDIuMTk2IDEuNDEzLjU4Ny4zOTEuMzkyLjU4Ny44NjMuNTg3IDEuNDEzcy0uMTk2IDEuMDItLjU4NyAxLjQxM0ExLjkyNiAxLjkyNiAwIDAgMSAxOCAyMHpNNiAxNGMtLjU1IDAtMS4wMi0uMTk2LTEuNDEyLS41ODhBMS45MjYgMS45MjYgMCAwIDEgNCAxMmMwLS41NS4xOTYtMS4wMi41ODgtMS40MTJBMS45MjYgMS45MjYgMCAwIDEgNiAxMGMuNTUgMCAxLjAyLjE5NiAxLjQxMi41ODguMzkyLjM5MS41ODguODYyLjU4OCAxLjQxMiAwIC41NS0uMTk2IDEuMDItLjU4OCAxLjQxMkExLjkyNiAxLjkyNiAwIDAgMSA2IDE0em02IDBjLS41NSAwLTEuMDItLjE5Ni0xLjQxMi0uNTg4QTEuOTI2IDEuOTI2IDAgMCAxIDEwIDEyYzAtLjU1LjE5Ni0xLjAyLjU4OC0xLjQxMkExLjkyNiAxLjkyNiAwIDAgMSAxMiAxMGMuNTUgMCAxLjAyLjE5NiAxLjQxMi41ODguMzkyLjM5MS41ODguODYyLjU4OCAxLjQxMiAwIC41NS0uMTk2IDEuMDItLjU4OCAxLjQxMkExLjkyNiAxLjkyNiAwIDAgMSAxMiAxNHptNiAwYy0uNTUgMC0xLjAyLS4xOTYtMS40MTMtLjU4OEExLjkyNiAxLjkyNiAwIDAgMSAxNiAxMmMwLS41NS4xOTYtMS4wMi41ODctMS40MTJBMS45MjYgMS45MjYgMCAwIDEgMTggMTBjLjU1IDAgMS4wMi4xOTYgMS40MTMuNTg4LjM5MS4zOTEuNTg3Ljg2Mi41ODcgMS40MTIgMCAuNTUtLjE5NiAxLjAyLS41ODcgMS40MTJBMS45MjYgMS45MjYgMCAwIDEgMTggMTR6TTYgOGMtLjU1IDAtMS4wMi0uMTk2LTEuNDEyLS41ODhBMS45MjYgMS45MjYgMCAwIDEgNCA2YzAtLjU1LjE5Ni0xLjAyLjU4OC0xLjQxMkExLjkyNiAxLjkyNiAwIDAgMSA2IDRjLjU1IDAgMS4wMi4xOTYgMS40MTIuNTg4QzcuODA0IDQuOTc5IDggNS40NSA4IDZjMCAuNTUtLjE5NiAxLjAyLS41ODggMS40MTJBMS45MjYgMS45MjYgMCAwIDEgNiA4em02IDBjLS41NSAwLTEuMDItLjE5Ni0xLjQxMi0uNTg4QTEuOTI2IDEuOTI2IDAgMCAxIDEwIDZjMC0uNTUuMTk2LTEuMDIuNTg4LTEuNDEyQTEuOTI2IDEuOTI2IDAgMCAxIDEyIDRjLjU1IDAgMS4wMi4xOTYgMS40MTIuNTg4LjM5Mi4zOTEuNTg4Ljg2Mi41ODggMS40MTIgMCAuNTUtLjE5NiAxLjAyLS41ODggMS40MTJBMS45MjYgMS45MjYgMCAwIDEgMTIgOHptNiAwYy0uNTUgMC0xLjAyLS4xOTYtMS40MTMtLjU4OEExLjkyNiAxLjkyNiAwIDAgMSAxNiA2YzAtLjU1LjE5Ni0xLjAyLjU4Ny0xLjQxMkExLjkyNiAxLjkyNiAwIDAgMSAxOCA0Yy41NSAwIDEuMDIuMTk2IDEuNDEzLjU4OC4zOTEuMzkxLjU4Ny44NjIuNTg3IDEuNDEyIDAgLjU1LS4xOTYgMS4wMi0uNTg3IDEuNDEyQTEuOTI2IDEuOTI2IDAgMCAxIDE4IDh6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-group { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMSAyMHYtMi44YzAtLjU2Ny4xNDYtMS4wODcuNDM4LTEuNTYzLjI5MS0uNDc1LjY3OS0uODM3IDEuMTYyLTEuMDg3YTE0Ljg0MyAxNC44NDMgMCAwIDEgMy4xNS0xLjE2M0ExMy43NiAxMy43NiAwIDAgMSA5IDEzYzEuMSAwIDIuMTgzLjEzIDMuMjUuMzg3IDEuMDY3LjI1OSAyLjExNy42NDYgMy4xNSAxLjE2My40ODMuMjUuODcuNjEyIDEuMTYyIDEuMDg3LjI5Mi40NzYuNDM4Ljk5Ni40MzggMS41NjNWMjBIMXptMTggMHYtM2MwLS43MzMtLjIwNC0xLjQzOC0uNjEzLTIuMTEzLS40MDgtLjY3NS0uOTg3LTEuMjU0LTEuNzM3LTEuNzM3YTEyLjUxNSAxMi41MTUgMCAwIDEgNC41IDEuNGMuNi4zMzMgMS4wNTguNzA0IDEuMzc1IDEuMTEyLjMxNy40MDkuNDc1Ljg1NS40NzUgMS4zMzh2M2gtNHpNOSAxMmMtMS4xIDAtMi4wNDItLjM5Mi0yLjgyNS0xLjE3NUM1LjM5MiAxMC4wNDIgNSA5LjEgNSA4cy4zOTItMi4wNDIgMS4xNzUtMi44MjVDNi45NTggNC4zOTIgNy45IDQgOSA0czIuMDQyLjM5MiAyLjgyNSAxLjE3NUMxMi42MDggNS45NTggMTMgNi45IDEzIDhzLS4zOTIgMi4wNDItMS4xNzUgMi44MjVDMTEuMDQyIDExLjYwOCAxMC4xIDEyIDkgMTJ6bTEwLTRjMCAxLjEtLjM5MiAyLjA0Mi0xLjE3NSAyLjgyNUMxNy4wNDIgMTEuNjA4IDE2LjEgMTIgMTUgMTJjLS4xODMgMC0uNDE3LS4wMi0uNy0uMDYzYTYuMTI4IDYuMTI4IDAgMCAxLS43LS4xMzcgNS45NDcgNS45NDcgMCAwIDAgMS4wMzctMS43NzVDMTQuODggOS4zNzUgMTUgOC43IDE1IDhzLS4xMi0xLjM3NS0uMzYzLTIuMDI1QTUuOTQ3IDUuOTQ3IDAgMCAwIDEzLjYgNC4yYTMuMDQgMy4wNCAwIDAgMSAuNy0uMTYzYy4yMzMtLjAyNC40NjctLjAzNy43LS4wMzcgMS4xIDAgMi4wNDIuMzkyIDIuODI1IDEuMTc1QzE4LjYwOCA1Ljk1OCAxOSA2LjkgMTkgOHpNMyAxOGgxMnYtLjhhLjk3My45NzMgMCAwIDAtLjUtLjg1Yy0uOS0uNDUtMS44MDgtLjc4Ny0yLjcyNS0xLjAxMmExMS42IDExLjYgMCAwIDAtNS41NSAwYy0uOTE3LjIyNS0xLjgyNS41NjItMi43MjUgMS4wMTJhLjk3My45NzMgMCAwIDAtLjUuODV2Ljh6bTYtOGMuNTUgMCAxLjAyLS4xOTYgMS40MTItLjU4OEMxMC44MDQgOS4wMjEgMTEgOC41NSAxMSA4YzAtLjU1LS4xOTYtMS4wMi0uNTg4LTEuNDEyQTEuOTI2IDEuOTI2IDAgMCAwIDkgNmMtLjU1IDAtMS4wMi4xOTYtMS40MTIuNTg4QTEuOTI2IDEuOTI2IDAgMCAwIDcgOGMwIC41NS4xOTYgMS4wMi41ODggMS40MTJDNy45NzkgOS44MDQgOC40NSAxMCA5IDEweiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } .icon-head-down { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCB0cmFuc2Zvcm09InJvdGF0ZSg5MCwxMiwxMikiIGQ9Ik0xMy42IDEyIDkgNy40IDEwLjQgNmw2IDYtNiA2TDkgMTYuNmw0LjYtNC42eiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } .icon-head-left { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCB0cmFuc2Zvcm09InNjYWxlKC0xLCAxKSAgdHJhbnNsYXRlKC0yNCwgMCkiIGQ9Ik0xMy42IDEyIDkgNy40IDEwLjQgNmw2IDYtNiA2TDkgMTYuNmw0LjYtNC42eiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } .icon-head-right { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTMuNiAxMiA5IDcuNCAxMC40IDZsNiA2LTYgNkw5IDE2LjZsNC42LTQuNnoiIGZpbGw9IiMzOTNCM0YiLz4gIDwvc3ZnPg=="); } .icon-head-up { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCB0cmFuc2Zvcm09InJvdGF0ZSgyNzAsMTIsMTIpIiBkPSJNMTMuNiAxMiA5IDcuNCAxMC40IDZsNiA2LTYgNkw5IDE2LjZsNC42LTQuNnoiIGZpbGw9IiMzOTNCM0YiLz4gIDwvc3ZnPg=="); } .icon-invisible { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJtMTYuMSAxMy4zLTEuNDUtMS40NWMuMTUtLjc4NC0uMDc1LTEuNTE3LS42NzUtMi4yLS42LS42ODQtMS4zNzUtLjk1LTIuMzI1LS44TDEwLjIgNy40YTQuMjQgNC4yNCAwIDAgMSAuODYzLS4zYy4yOTEtLjA2Ny42MDQtLjEuOTM3LS4xIDEuMjUgMCAyLjMxMy40MzcgMy4xODggMS4zMTIuODc0Ljg3NSAxLjMxMiAxLjkzOCAxLjMxMiAzLjE4OCAwIC4zMzMtLjAzMy42NDYtLjEuOTM3LS4wNjcuMjkyLS4xNjcuNTgtLjMuODYzem0zLjIgMy4xNS0xLjQ1LTEuNGExMC45NTEgMTAuOTUxIDAgMCAwIDEuNjg4LTEuNTg4QTguODk4IDguODk4IDAgMCAwIDIwLjggMTEuNWMtLjgzMy0xLjY4NC0yLjAzLTMuMDIxLTMuNTg4LTQuMDEzQzE1LjY1NCA2LjQ5NiAxMy45MTcgNiAxMiA2Yy0uNDgzIDAtLjk1OC4wMzMtMS40MjUuMWE5LjYyMyA5LjYyMyAwIDAgMC0xLjM3NS4zTDcuNjUgNC44NUExMS4wODEgMTEuMDgxIDAgMCAxIDEyIDRjMi41MTcgMCA0Ljc1OC42OTYgNi43MjUgMi4wODdDMjAuNjkyIDcuNDggMjIuMTE3IDkuMjgzIDIzIDExLjVhMTEuNjk2IDExLjY5NiAwIDAgMS0xLjUxMiAyLjczN0ExMS4wMDcgMTEuMDA3IDAgMCAxIDE5LjMgMTYuNDV6bS41IDYuMTUtNC4yLTQuMTVjLS41ODMuMTgzLTEuMTcuMzItMS43NjIuNDEyLS41OTIuMDkyLTEuMjA1LjEzOC0xLjgzOC4xMzgtMi41MTcgMC00Ljc1OC0uNjk2LTYuNzI1LTIuMDg4QzMuMzA4IDE1LjUyMSAxLjg4MyAxMy43MTcgMSAxMS41Yy4zNS0uODgzLjc5Mi0xLjcwNCAxLjMyNS0yLjQ2M0ExMS41MTQgMTEuNTE0IDAgMCAxIDQuMTUgN0wxLjQgNC4ybDEuNC0xLjQgMTguNCAxOC40LTEuNCAxLjR6TTUuNTUgOC40Yy0uNDgzLjQzMy0uOTI1LjkwOC0xLjMyNSAxLjQyNUE5LjAxNSA5LjAxNSAwIDAgMCAzLjIgMTEuNWMuODMzIDEuNjgzIDIuMDMgMy4wMiAzLjU4NyA0LjAxMkM4LjM0NiAxNi41MDQgMTAuMDgzIDE3IDEyIDE3Yy4zMzMgMCAuNjU4LS4wMjEuOTc1LS4wNjMuMzE3LS4wNDEuNjQyLS4wODcuOTc1LS4xMzdsLS45LS45NWMtLjE4My4wNS0uMzU4LjA4Ny0uNTI1LjExMkEzLjUzOSAzLjUzOSAwIDAgMSAxMiAxNmMtMS4yNSAwLTIuMzEzLS40MzgtMy4xODgtMS4zMTNDNy45MzkgMTMuODEyIDcuNSAxMi43NSA3LjUgMTEuNWMwLS4xODQuMDEzLS4zNTguMDM3LS41MjUuMDI2LS4xNjcuMDYzLS4zNDIuMTEzLS41MjVMNS41NSA4LjR6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-location { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTIgMTJjLjU1IDAgMS4wMi0uMTk2IDEuNDEyLS41ODguMzkyLS4zOTEuNTg4LS44NjIuNTg4LTEuNDEyIDAtLjU1LS4xOTYtMS4wMi0uNTg4LTEuNDEyQTEuOTI2IDEuOTI2IDAgMCAwIDEyIDhjLS41NSAwLTEuMDIuMTk2LTEuNDEyLjU4OEExLjkyNiAxLjkyNiAwIDAgMCAxMCAxMGMwIC41NS4xOTYgMS4wMi41ODggMS40MTIuMzkxLjM5Mi44NjIuNTg4IDEuNDEyLjU4OHptMCA3LjM1YzIuMDMzLTEuODY3IDMuNTQyLTMuNTYzIDQuNTI1LTUuMDg4QzE3LjUwOCAxMi43MzggMTggMTEuMzgzIDE4IDEwLjJjMC0xLjgxNy0uNTgtMy4zMDQtMS43MzgtNC40NjJDMTUuMTA0IDQuNTc5IDEzLjY4MyA0IDEyIDRjLTEuNjgzIDAtMy4xMDQuNTgtNC4yNjMgMS43MzdDNi41OCA2Ljg5NiA2IDguMzgzIDYgMTAuMmMwIDEuMTgzLjQ5MiAyLjUzOCAxLjQ3NSA0LjA2My45ODMgMS41MjQgMi40OTIgMy4yMiA0LjUyNSA1LjA4N3pNMTIgMjJjLTIuNjgzLTIuMjgzLTQuNjg4LTQuNDA0LTYuMDEzLTYuMzYzQzQuNjYyIDEzLjY4IDQgMTEuODY3IDQgMTAuMmMwLTIuNS44MDQtNC40OTIgMi40MTItNS45NzVDOC4wMjEgMi43NDIgOS44ODMgMiAxMiAyczMuOTguNzQyIDUuNTg3IDIuMjI1QzE5LjE5NyA1LjcwOCAyMCA3LjcgMjAgMTAuMmMwIDEuNjY3LS42NjMgMy40OC0xLjk4OCA1LjQzOEMxNi42ODggMTcuNTk1IDE0LjY4MyAxOS43MTYgMTIgMjJ6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-login { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTIgMjF2LTJoN1Y1aC03VjNoN2MuNTUgMCAxLjAyLjE5NiAxLjQxMy41ODdDMjAuODAzIDMuOTggMjEgNC40NSAyMSA1djE0YzAgLjU1LS4xOTYgMS4wMi0uNTg3IDEuNDEzQTEuOTI2IDEuOTI2IDAgMCAxIDE5IDIxaC03em0tMi00LTEuMzc1LTEuNDUgMi41NS0yLjU1SDN2LTJoOC4xNzVsLTIuNTUtMi41NUwxMCA3bDUgNS01IDV6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-logout { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNNSAyMWMtLjU1IDAtMS4wMi0uMTk2LTEuNDEzLS41ODdBMS45MjYgMS45MjYgMCAwIDEgMyAxOVY1YzAtLjU1LjE5Ni0xLjAyLjU4Ny0xLjQxM0ExLjkyNiAxLjkyNiAwIDAgMSA1IDNoN3YySDV2MTRoN3YySDV6bTExLTQtMS4zNzUtMS40NSAyLjU1LTIuNTVIOXYtMmg4LjE3NWwtMi41NS0yLjU1TDE2IDdsNSA1LTUgNXoiIGZpbGw9IiMzOTNCM0YiLz4gIDwvc3ZnPg=="); } .icon-new-chat { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMyAyMFY1YzAtLjU1LjE5Ni0xLjAyLjU4Ny0xLjQxM0ExLjkyNiAxLjkyNiAwIDAgMSA1IDNoMTJjLjU1IDAgMS4wMi4xOTYgMS40MTMuNTg3QzE4LjgwMyAzLjk4IDE5IDQuNDUgMTkgNXY1LjA3NWEzLjQxNiAzLjQxNiAwIDAgMC0uNS0uMDYzIDEwLjA1MSAxMC4wNTEgMCAwIDAtMSAwYy0uMTY3LjAwOS0uMzMzLjAzLS41LjA2M1Y1SDV2MTBoNy4wNzVhMy40MTYgMy40MTYgMCAwIDAtLjA2My41IDEwLjA1MSAxMC4wNTEgMCAwIDAgMCAxYy4wMDkuMTY3LjAzLjMzMy4wNjMuNUg2bC0zIDN6TTcgOWg4VjdIN3Yyem0wIDRoNXYtMkg3djJ6bTEwIDd2LTNoLTN2LTJoM3YtM2gydjNoM3YyaC0zdjNoLTJ6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-password { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMiAxOXYtMmgyMHYySDJ6bTEuMTUtNi4wNS0xLjMtLjc1Ljg1LTEuNUgxVjkuMmgxLjdsLS44NS0xLjQ1TDMuMTUgNyA0IDguNDUgNC44NSA3bDEuMy43NUw1LjMgOS4ySDd2MS41SDUuM2wuODUgMS41LTEuMy43NS0uODUtMS41LS44NSAxLjV6bTggMC0xLjMtLjc1Ljg1LTEuNUg5VjkuMmgxLjdsLS44NS0xLjQ1IDEuMy0uNzUuODUgMS40NS44NS0xLjQ1IDEuMy43NS0uODUgMS40NUgxNXYxLjVoLTEuN2wuODUgMS41LTEuMy43NS0uODUtMS41LS44NSAxLjV6bTggMC0xLjMtLjc1Ljg1LTEuNUgxN1Y5LjJoMS43bC0uODUtMS40NSAxLjMtLjc1Ljg1IDEuNDUuODUtMS40NSAxLjMuNzUtLjg1IDEuNDVIMjN2MS41aC0xLjdsLjg1IDEuNS0xLjMuNzUtLjg1LTEuNS0uODUgMS41eiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } .icon-person { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTIgMTJjLTEuMSAwLTIuMDQyLS4zOTItMi44MjUtMS4xNzVDOC4zOTIgMTAuMDQyIDggOS4xIDggOHMuMzkyLTIuMDQyIDEuMTc1LTIuODI1QzkuOTU4IDQuMzkyIDEwLjkgNCAxMiA0czIuMDQyLjM5MiAyLjgyNSAxLjE3NUMxNS42MDggNS45NTggMTYgNi45IDE2IDhzLS4zOTIgMi4wNDItMS4xNzUgMi44MjVDMTQuMDQyIDExLjYwOCAxMy4xIDEyIDEyIDEyem0tOCA4di0yLjhjMC0uNTY3LjE0Ni0xLjA4Ny40MzgtMS41NjMuMjkxLS40NzUuNjc5LS44MzcgMS4xNjItMS4wODdhMTQuODQzIDE0Ljg0MyAwIDAgMSAzLjE1LTEuMTYzQTEzLjc2IDEzLjc2IDAgMCAxIDEyIDEzYzEuMSAwIDIuMTgzLjEzIDMuMjUuMzg3IDEuMDY3LjI1OSAyLjExNy42NDYgMy4xNSAxLjE2My40ODMuMjUuODcuNjEyIDEuMTYzIDEuMDg3LjI5MS40NzYuNDM3Ljk5Ni40MzcgMS41NjNWMjBINHptMi0yaDEydi0uOGEuOTczLjk3MyAwIDAgMC0uNS0uODVjLS45LS40NS0xLjgwOC0uNzg3LTIuNzI1LTEuMDEyYTExLjYgMTEuNiAwIDAgMC01LjU1IDBjLS45MTcuMjI1LTEuODI1LjU2Mi0yLjcyNSAxLjAxMmEuOTczLjk3MyAwIDAgMC0uNS44NXYuOHptNi04Yy41NSAwIDEuMDItLjE5NiAxLjQxMi0uNTg4QzEzLjgwNCA5LjAyMSAxNCA4LjU1IDE0IDhjMC0uNTUtLjE5Ni0xLjAyLS41ODgtMS40MTJBMS45MjYgMS45MjYgMCAwIDAgMTIgNmMtLjU1IDAtMS4wMi4xOTYtMS40MTIuNTg4QTEuOTI2IDEuOTI2IDAgMCAwIDEwIDhjMCAuNTUuMTk2IDEuMDIuNTg4IDEuNDEyLjM5MS4zOTIuODYyLjU4OCAxLjQxMi41ODh6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-phone { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNNC4wNSAyMWMtLjMgMC0uNTUtLjEtLjc1LS4zLS4yLS4yLS4zLS40NS0uMy0uNzVWMTUuOWEuODguODggMCAwIDEgLjIyNS0uNTg4Yy4xNS0uMTc1LjM0Mi0uMjk1LjU3NS0uMzYybDMuNDUtLjdhMS42MSAxLjYxIDAgMCAxIC43MTMuMDYzIDEuNCAxLjQgMCAwIDEgLjU4Ny4zMzdMMTAuOSAxN2MuNjMzLS4zNjcgMS4yMzMtLjc3IDEuOC0xLjIxMy41NjctLjQ0MSAxLjEwOC0uOTIgMS42MjUtMS40MzdhMTcuNTc2IDE3LjU3NiAwIDAgMCAxLjUxMy0xLjY2MmMuNDU4LS41NzUuODU0LTEuMTcxIDEuMTg3LTEuNzg4TDE0LjYgOC40NWExLjA1MiAxLjA1MiAwIDAgMS0uMjc1LS40NzVBMS43NjQgMS43NjQgMCAwIDEgMTQuMyA3LjNsLjY1LTMuNWEuOTE0LjkxNCAwIDAgMSAuMzI1LS41NjNBLjkzLjkzIDAgMCAxIDE1LjkgM2g0LjA1Yy4zIDAgLjU1LjEuNzUuMy4yLjIuMy40NS4zLjc1IDAgMi4wODMtLjQ1NCA0LjE0Mi0xLjM2MyA2LjE3NS0uOTA4IDIuMDMzLTIuMTk1IDMuODgzLTMuODYyIDUuNTUtMS42NjcgMS42NjctMy41MTcgMi45NTQtNS41NSAzLjg2MkM4LjE5MiAyMC41NDYgNi4xMzMgMjEgNC4wNSAyMXptMTMuOS0xMmMuMjgzLS42NS41LTEuMzA4LjY1LTEuOTc1LjE1LS42NjcuMjY3LTEuMzQyLjM1LTIuMDI1aC0yLjJsLS40NSAyLjM1TDE3Ljk1IDl6TTkgMTcuOWwtMS42NS0xLjY1LTIuMzUuNXYyLjJjLjY4My0uMDUgMS4zNTgtLjE2NyAyLjAyNS0uMzVBMTQuNjggMTQuNjggMCAwIDAgOSAxNy45eiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } .icon-reset-password { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTIgMjJhOS43MzggOS43MzggMCAwIDEtMy45LS43ODggMTAuMDk5IDEwLjA5OSAwIDAgMS0zLjE3NS0yLjEzN2MtLjktLjktMS42MTItMS45NTgtMi4xMzctMy4xNzVBOS43MzggOS43MzggMCAwIDEgMiAxMmgyYzAgMS4xLjIwOCAyLjEzNy42MjUgMy4xMTNhOC4wMjkgOC4wMjkgMCAwIDAgNC4yNjIgNC4yNzQgNy43MDQgNy43MDQgMCAwIDAgMy4xMTMuNjM4YzIuMjMzIDAgNC4xMjUtLjc3NSA1LjY3NS0yLjMyNUMxOS4yMjUgMTYuMTUgMjAgMTQuMjU4IDIwIDEyLjAyNWMwLTIuMjMzLS43NzUtNC4xMjUtMi4zMjUtNS42NzVDMTYuMTI1IDQuOCAxNC4yMzMgNC4wMjUgMTIgNC4wMjVjLTEuNDgzIDAtMi44My4zNjItNC4wMzcgMS4wODdBOC4wNTQgOC4wNTQgMCAwIDAgNS4xIDhIOHYySDJWNGgydjJhMTAuMTY4IDEwLjE2OCAwIDAgMSAzLjQ1LTIuOTEzQzguODMzIDIuMzYyIDEwLjM1IDIgMTIgMmMxLjM4MyAwIDIuNjgzLjI2MyAzLjkuNzg4YTEwLjA5OCAxMC4wOTggMCAwIDEgMy4xNzUgMi4xMzdjLjkuOSAxLjYxMyAxLjk1OCAyLjEzNyAzLjE3NUE5LjczOCA5LjczOCAwIDAgMSAyMiAxMmE5LjczOCA5LjczOCAwIDAgMS0uNzg4IDMuOSAxMC4wOTggMTAuMDk4IDAgMCAxLTIuMTM3IDMuMTc1Yy0uOS45LTEuOTU4IDEuNjEzLTMuMTc1IDIuMTM3QTkuNzM4IDkuNzM4IDAgMCAxIDEyIDIyem0tMi02YS45NjcuOTY3IDAgMCAxLS43MTMtLjI4N0EuOTY4Ljk2OCAwIDAgMSA5IDE1di0zYzAtLjI4My4wOTYtLjUyLjI4Ny0uNzEzQS45NjcuOTY3IDAgMCAxIDEwIDExdi0xYzAtLjU1LjE5Ni0xLjAyLjU4OC0xLjQxMkExLjkyNiAxLjkyNiAwIDAgMSAxMiA4Yy41NSAwIDEuMDIuMTk2IDEuNDEyLjU4OC4zOTIuMzkxLjU4OC44NjIuNTg4IDEuNDEydjFjLjI4MyAwIC41Mi4wOTYuNzEzLjI4Ny4xOTEuMTkyLjI4Ny40My4yODcuNzEzdjNjMCAuMjgzLS4wOTYuNTItLjI4Ny43MTNBLjk2OC45NjggMCAwIDEgMTQgMTZoLTR6bTEtNWgydi0xYS45NjcuOTY3IDAgMCAwLS4yODctLjcxM0EuOTY4Ljk2OCAwIDAgMCAxMiA5YS45NjguOTY4IDAgMCAwLS43MTMuMjg3QS45NjcuOTY3IDAgMCAwIDExIDEwdjF6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-resp { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMiA5VjZjMC0uNTUuMTk2LTEuMDIuNTg3LTEuNDEyQTEuOTI2IDEuOTI2IDAgMCAxIDQgNGgxNmMuNTUgMCAxLjAyLjE5NiAxLjQxMy41ODguMzkxLjM5MS41ODcuODYyLjU4NyAxLjQxMnY1LjVoLTJWNkg0djNIMnptMiAxMWMtLjU1IDAtMS4wMi0uMTk2LTEuNDEzLS41ODdBMS45MjYgMS45MjYgMCAwIDEgMiAxOHYtM2gydjNoNS41djJINHptMy0zYy0uMTgzIDAtLjM1OC0uMDQ2LS41MjUtLjEzN2EuODYzLjg2MyAwIDAgMS0uMzc1LS40MTNMNC4zNzUgMTNIMnYtMmgzYy4xODMgMCAuMzU4LjA0Ni41MjUuMTM3LjE2Ny4wOTIuMjkyLjIzLjM3NS40MTNsMS4xIDIuMiAzLjEtNi4yYS44MTcuODE3IDAgMCAxIC4zNzUtLjM3NSAxLjE2IDEuMTYgMCAwIDEgMS4wNSAwIC44MTcuODE3IDAgMCAxIC4zNzUuMzc1bDEuOTc1IDMuOTc1YTMuNzkgMy43OSAwIDAgMC0uOTg4LjIyNSAzLjEwNSAzLjEwNSAwIDAgMC0uODYyLjVsLTEuMDI1LTItMy4xIDYuMmEuODYzLjg2MyAwIDAgMS0uMzc1LjQxM0ExLjA3NCAxLjA3NCAwIDAgMSA3IDE3em01LjUgNmMtLjQxNyAwLS43Ny0uMTQ2LTEuMDYzLS40MzhBMS40NDYgMS40NDYgMCAwIDEgMTEgMjEuNXYtMy42NzVsMS4zMjUtMy41MjVjLjE1LS4zODMuMzk2LS42OTYuNzM4LS45MzguMzQxLS4yNDEuNzItLjM2MiAxLjEzNy0uMzYySDE2di0yaDJ2MmgxLjhjLjQxNyAwIC43OTYuMTIgMS4xMzcuMzYzLjM0Mi4yNDEuNTg4LjU1NC43MzguOTM3TDIzIDE3LjgyNVYyMS41YzAgLjQxNy0uMTQ2Ljc3LS40MzggMS4wNjNBMS40NDYgMS40NDYgMCAwIDEgMjEuNSAyM2gtMmMtLjQxNyAwLS43Ny0uMTQ2LTEuMDYzLS40MzhBMS40NDYgMS40NDYgMCAwIDEgMTggMjEuNVYyMGgydjFoMXYtMi44MjVMMTkuOCAxNUgxOHYuOTI1bDEuNjUgMS42NzUtMS40IDEuNEwxNyAxNy43NSAxNS43NSAxOWwtMS40LTEuNEwxNiAxNS45MjVWMTVoLTEuOEwxMyAxOC4xNzVWMjFoMXYtMWgydjEuNWMwIC40MTctLjE0Ni43Ny0uNDM4IDEuMDYzQTEuNDQ2IDEuNDQ2IDAgMCAxIDE0LjUgMjNoLTJ6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-signup { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNNSAxNy44NWExMC4wOCAxMC4wOCAwIDAgMSAzLjEzNy0yLjA4OEM5LjMzIDE1LjI1NSAxMC42MTcgMTUgMTIgMTVzMi42Ny4yNTQgMy44NjMuNzYyQTEwLjA4IDEwLjA4IDAgMCAxIDE5IDE3Ljg1VjVINXYxMi44NXpNMTIgMTNjLjk2NyAwIDEuNzkyLS4zNDIgMi40NzUtMS4wMjVBMy4zNzIgMy4zNzIgMCAwIDAgMTUuNSA5LjVjMC0uOTY3LS4zNDItMS43OTItMS4wMjUtMi40NzVBMy4zNzIgMy4zNzIgMCAwIDAgMTIgNmMtLjk2NyAwLTEuNzkyLjM0Mi0yLjQ3NSAxLjAyNUEzLjM3MiAzLjM3MiAwIDAgMCA4LjUgOS41YzAgLjk2Ny4zNDIgMS43OTIgMS4wMjUgMi40NzVBMy4zNzIgMy4zNzIgMCAwIDAgMTIgMTN6bS03IDhjLS41NSAwLTEuMDItLjE5Ni0xLjQxMy0uNTg3QTEuOTI2IDEuOTI2IDAgMCAxIDMgMTlWNWMwLS41NS4xOTYtMS4wMi41ODctMS40MTNBMS45MjYgMS45MjYgMCAwIDEgNSAzaDE0Yy41NSAwIDEuMDIuMTk2IDEuNDEzLjU4N0MyMC44MDMgMy45OCAyMSA0LjQ1IDIxIDV2MTRjMCAuNTUtLjE5NiAxLjAyLS41ODcgMS40MTNBMS45MjYgMS45MjYgMCAwIDEgMTkgMjFINXptMS43MjUtMmgxMC41NWE3Ljc4MiA3Ljc4MiAwIDAgMC0yLjQ4Ny0xLjQ4OEE3Ljk5NCA3Ljk5NCAwIDAgMCAxMiAxN2E4LjIgOC4yIDAgMCAwLTIuODEzLjUxMkE3LjE2NyA3LjE2NyAwIDAgMCA2LjcyNiAxOXpNMTIgMTFjLS40MTcgMC0uNzctLjE0Ni0xLjA2My0uNDM4QTEuNDQ2IDEuNDQ2IDAgMCAxIDEwLjUgOS41YzAtLjQxNy4xNDYtLjc3LjQzOC0xLjA2M0ExLjQ0NyAxLjQ0NyAwIDAgMSAxMiA4Yy40MTcgMCAuNzcuMTQ2IDEuMDYzLjQzOC4yOTEuMjkxLjQzNy42NDUuNDM3IDEuMDYyIDAgLjQxNy0uMTQ2Ljc3LS40MzggMS4wNjNBMS40NDYgMS40NDYgMCAwIDEgMTIgMTF6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-SpO2 { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTIgMjBhLjk2OC45NjggMCAwIDEtLjcxMy0uMjg4QS45NjguOTY4IDAgMCAxIDExIDE5di00YzAtLjI4My4wOTYtLjUyLjI4Ny0uNzEzQS45NjguOTY4IDAgMCAxIDEyIDE0aDIuNWMuMjgzIDAgLjUyLjA5Ni43MTMuMjg3LjE5MS4xOTIuMjg3LjQzLjI4Ny43MTN2NGMwIC4yODMtLjA5Ni41Mi0uMjg3LjcxMkEuOTY4Ljk2OCAwIDAgMSAxNC41IDIwSDEyem0uNS0xLjVIMTR2LTNoLTEuNXYzek0xNyAyMnYtMi43NWMwLS4yODMuMDk2LS41Mi4yODgtLjcxMkEuOTY4Ljk2OCAwIDAgMSAxOCAxOC4yNWgydi0uNzVoLTNWMTZoMy41Yy4yODMgMCAuNTIuMDk2LjcxMi4yODguMTkyLjE5MS4yODguNDI5LjI4OC43MTJ2MS43NWMwIC4yODMtLjA5Ni41Mi0uMjg4LjcxMmEuOTY4Ljk2OCAwIDAgMS0uNzEyLjI4OGgtMnYuNzVoM1YyMkgxN3ptLTgtLjA1Yy0yLjA1LS4yMzMtMy43My0xLjExMy01LjAzNy0yLjYzN0MyLjY1NCAxNy43ODggMiAxNS45NSAyIDEzLjhjMC0xLjY2Ny42NjMtMy40OCAxLjk4Ny01LjQzOEM1LjMxMyA2LjQwNSA3LjMxNyA0LjI4NCAxMCAyYzIuMiAxLjg2NyAzLjk0NiAzLjYzMyA1LjIzOCA1LjMgMS4yOTEgMS42NjcgMi4xMjkgMy4yMzMgMi41MTIgNC43aC0yLjA3NWMtLjM2Ny0xLjA1LTEuMDI1LTIuMTkyLTEuOTc1LTMuNDI1LS45NS0xLjIzMy0yLjE4My0yLjU0Mi0zLjctMy45MjUtMS45ODMgMS44MTctMy40OCAzLjQ5Mi00LjQ4NyA1LjAyNUM0LjUwNCAxMS4yMDggNCAxMi41ODMgNCAxMy44YzAgMS42LjQ2MyAyLjk2MiAxLjM4OCA0LjA4Ny45MjUgMS4xMjUgMi4xMjkgMS44MDUgMy42MTIgMi4wMzh2Mi4wMjV6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-temp { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTMgMTFWOWg1djJoLTV6bTAtNFY1aDh2MmgtOHpNOCAyMWMtMS4zODMgMC0yLjU2My0uNDg4LTMuNTM3LTEuNDYyQzMuNDg3IDE4LjU2MiAzIDE3LjM4MyAzIDE2YzAtLjguMTc1LTEuNTQ2LjUyNS0yLjIzOC4zNS0uNjkxLjg0Mi0xLjI3OSAxLjQ3NS0xLjc2MlY2YzAtLjgzMy4yOTItMS41NDIuODc1LTIuMTI1QTIuODkzIDIuODkzIDAgMCAxIDggM2MuODMzIDAgMS41NDIuMjkyIDIuMTI1Ljg3NVMxMSA1LjE2NyAxMSA2djZhNS4wODIgNS4wODIgMCAwIDEgMS40NzUgMS43NjJjLjM1LjY5Mi41MjUgMS40MzguNTI1IDIuMjM4IDAgMS4zODMtLjQ4OCAyLjU2My0xLjQ2MyAzLjUzOEMxMC41NjMgMjAuNTEyIDkuMzgzIDIxIDggMjF6bS0zLTVoNmMwLS40ODMtLjEwNC0uOTMzLS4zMTMtMS4zNUEyLjkwOCAyLjkwOCAwIDAgMCA5LjggMTMuNkw5IDEzVjZhLjk2OC45NjggMCAwIDAtLjI4Ny0uNzEzQS45NjguOTY4IDAgMCAwIDggNWEuOTY4Ljk2OCAwIDAgMC0uNzEzLjI4N0EuOTY4Ljk2OCAwIDAgMCA3IDZ2N2wtLjguNmMtLjM4My4yODMtLjY4LjYzMy0uODg4IDEuMDVBMi45NzcgMi45NzcgMCAwIDAgNSAxNnoiIGZpbGw9IiMzOTNCM0YiLz4gIDwvc3ZnPg=="); } .icon-tune { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTMgOVY3aDNWM2gydjRoM3YyaC04em0zIDEyVjExaDJ2MTBoLTJ6TTYgMjF2LTRIM3YtMmg4djJIOHY0SDZ6bTAtOFYzaDJ2MTBINnoiIGZpbGw9IiMzOTNCM0YiLz4gIDwvc3ZnPg=="); } .icon-upload-image { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNNSAyMWMtLjU1IDAtMS4wMi0uMTk2LTEuNDEzLS41ODdBMS45MjYgMS45MjYgMCAwIDEgMyAxOVY1YzAtLjU1LjE5Ni0xLjAyLjU4Ny0xLjQxM0ExLjkyNiAxLjkyNiAwIDAgMSA1IDNoOHYySDV2MTRoMTR2LTdoMnY3YzAgLjU1LS4xOTYgMS4wMi0uNTg3IDEuNDEzQTEuOTI2IDEuOTI2IDAgMCAxIDE5IDIxSDV6bTEtNGgxMmwtMy43NS01LTMgNEw5IDEzbC0zIDR6bTEyLTdWNS44MjVMMTYuNCA3LjQgMTUgNmw0LTQgNCA0LTEuNCAxLjRMMjAgNS44MjVWMTBoLTJ6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .icon-visible { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTIgMTZjMS4yNSAwIDIuMzEyLS40MzggMy4xODctMS4zMTMuODc1LS44NzQgMS4zMTMtMS45MzcgMS4zMTMtMy4xODcgMC0xLjI1LS40MzgtMi4zMTMtMS4zMTMtMy4xODhDMTQuMzEyIDcuNDM5IDEzLjI0OSA3IDExLjk5OSA3Yy0xLjI1IDAtMi4zMTIuNDM4LTMuMTg3IDEuMzEzQzcuOTM3IDkuMTg3IDcuNSAxMC4yNSA3LjUgMTEuNWMwIDEuMjUuNDM3IDIuMzEzIDEuMzEyIDMuMTg4QzkuNjg3IDE1LjU2MiAxMC43NSAxNiAxMiAxNnptMC0xLjhjLS43NSAwLTEuMzg4LS4yNjItMS45MTMtLjc4N0EyLjYwNCAyLjYwNCAwIDAgMSA5LjMgMTEuNWMwLS43NS4yNjItMS4zODcuNzg3LTEuOTEyYTIuNjA0IDIuNjA0IDAgMCAxIDEuOTEyLS43ODhjLjc1IDAgMS4zODguMjYyIDEuOTEzLjc4Ny41MjUuNTI2Ljc4NyAxLjE2My43ODcgMS45MTNzLS4yNjIgMS4zODctLjc4NyAxLjkxMmEyLjYwNCAyLjYwNCAwIDAgMS0xLjkxMy43ODh6bTAgNC44Yy0yLjQzNCAwLTQuNjUtLjY4LTYuNjUtMi4wMzgtMi0xLjM1OC0zLjQ1LTMuMTc5LTQuMzUtNS40NjIuOS0yLjI4MyAyLjM1LTQuMTA0IDQuMzUtNS40NjNDNy4zNSA0LjY4IDkuNTY2IDQgMTIgNGMyLjQzMyAwIDQuNjUuNjggNi42NSAyLjAzNyAyIDEuMzU5IDMuNDUgMy4xOCA0LjM1IDUuNDYzLS45IDIuMjgzLTIuMzUgNC4xMDQtNC4zNSA1LjQ2MkMxNi42NSAxOC4zMjIgMTQuNDMzIDE5IDEyIDE5em0wLTJhOS41NDQgOS41NDQgMCAwIDAgNS4xODctMS40ODggOS43NzMgOS43NzMgMCAwIDAgMy42MTItNC4wMTIgOS43NzMgOS43NzMgMCAwIDAtMy42MTItNC4wMTNBOS41NDUgOS41NDUgMCAwIDAgMTEuOTk5IDZhOS41NDUgOS41NDUgMCAwIDAtNS4xODcgMS40ODdBOS43NzMgOS43NzMgMCAwIDAgMy4yIDExLjVhOS43NzMgOS43NzMgMCAwIDAgMy42MTIgNC4wMTJBOS41NDQgOS41NDQgMCAwIDAgMTEuOTk5IDE3eiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } .icon-vitals, .icon-pulse { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTIuMTgyIDIxYy0uMyAwLS41ODgtLjA1NC0uODYzLS4xNjNhMi4xNDggMi4xNDggMCAwIDEtLjczNy0uNDg3bC02LjctNi43MjVhNS40NjEgNS40NjEgMCAwIDEtMS4yODgtMiA2Ljc3MiA2Ljc3MiAwIDAgMS0uNDEyLTIuMzVjMC0xLjcxNy41NTgtMy4xOTIgMS42NzUtNC40MjVDNC45NzMgMy42MTcgNi4zNjUgMyA4LjAzMiAzYy44IDAgMS41NTQuMTU4IDIuMjYyLjQ3NUE2LjA1MiA2LjA1MiAwIDAgMSAxMi4xODIgNC44YTUuNzY1IDUuNzY1IDAgMCAxIDEuODYyLTEuMzI1QTUuNDggNS40OCAwIDAgMSAxNi4zMDcgM2MxLjY2NiAwIDMuMDYyLjYxNyA0LjE4NyAxLjg1IDEuMTI1IDEuMjMzIDEuNjg4IDIuNyAxLjY4OCA0LjQgMCAuODE3LS4xNDIgMS42LS40MjUgMi4zNWE1Ljc2OSA1Ljc2OSAwIDAgMS0xLjI3NSAybC02LjcyNSA2Ljc1YTIuMTggMi4xOCAwIDAgMS0xLjU3NS42NXptMS0xM2MuMTY2IDAgLjMyNS4wNDIuNDc1LjEyNS4xNS4wODMuMjY2LjE5Mi4zNS4zMjVsMS43IDIuNTVoNC4xNWE0LjUxIDQuNTEgMCAwIDAgLjM1LTEuNzVjLS4wMzQtMS4xNS0uNDE3LTIuMTM4LTEuMTUtMi45NjMtLjczNC0uODI0LTEuNjUtMS4yMzctMi43NS0xLjIzNy0uNTE3IDAtMS4wMTMuMS0xLjQ4OC4zLS40NzUuMi0uODg3LjQ5Mi0xLjIzNy44NzVsLS42NzUuNzI1YS45OS45OSAwIDAgMS0uNzI1LjMyNS45OTEuOTkxIDAgMCAxLS40LS4wODggMS4xMzEgMS4xMzEgMCAwIDEtLjM1LS4yMzdsLS42NzUtLjcyNWEzLjgyNSAzLjgyNSAwIDAgMC0xLjIyNS0uOUEzLjUxOCAzLjUxOCAwIDAgMCA4LjAzMiA1Yy0xLjEgMC0yLjAxNy40Mi0yLjc1IDEuMjYzLS43MzQuODQxLTEuMSAxLjgzNy0xLjEgMi45ODcgMCAuMy4wMjUuNTk2LjA3NS44ODcuMDUuMjkyLjEzMy41OC4yNS44NjNoNC42NzVjLjE2NiAwIC4zMjUuMDQyLjQ3NS4xMjUuMTUuMDgzLjI2Ni4xOTIuMzUuMzI1bC44NzUgMS4zIDEuMzUtNC4wNWMuMDY2LS4yLjE4Ny0uMzY3LjM2Mi0uNXMuMzcxLS4yLjU4OC0uMnptLjMgMy4yNS0xLjM1IDQuMDVhMSAxIDAgMCAxLS4zNzUuNS45OTkuOTk5IDAgMCAxLS42LjIuOTY0Ljk2NCAwIDAgMS0uNDc1LS4xMjUuOTQzLjk0MyAwIDAgMS0uMzUtLjMyNUw4LjYzMiAxM2gtMi41NWw1LjkyNSA1LjkyNWEuMjQ3LjI0NyAwIDAgMCAuMDg3LjA2My4yNzguMjc4IDAgMCAwIC4wODguMDEyLjI3OC4yNzggMCAwIDAgLjA4Ny0uMDEyLjI0Ni4yNDYgMCAwIDAgLjA4OC0uMDYzbDUuOS01LjkyNWgtMy4wNzVhLjk2NC45NjQgMCAwIDEtLjQ3NS0uMTI1IDEuMTc3IDEuMTc3IDAgMCAxLS4zNzUtLjMyNWwtLjg1LTEuM3oiIGZpbGw9IiMzOTNCM0YiLz4gIDwvc3ZnPg=="); } .icon-weight { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNNiAxOWgxMkwxNi41NzUgOWgtOS4xNUw2IDE5em02LTEyYy4yODMgMCAuNTItLjA5Ni43MTItLjI4N0EuOTY4Ljk2OCAwIDAgMCAxMyA2YS45NjguOTY4IDAgMCAwLS4yODgtLjcxM0EuOTY4Ljk2OCAwIDAgMCAxMiA1YS45NjcuOTY3IDAgMCAwLS43MTMuMjg3QS45NjcuOTY3IDAgMCAwIDExIDZjMCAuMjgzLjA5Ni41Mi4yODcuNzEzLjE5Mi4xOTEuNDMuMjg3LjcxMy4yODd6bTIuODI1IDBoMS43NWMuNSAwIC45MzMuMTY3IDEuMy41LjM2Ni4zMzMuNTkxLjc0Mi42NzUgMS4yMjVsMS40MjUgMTBjLjA4My42LS4wNzEgMS4xMy0uNDYzIDEuNTg3LS4zOTEuNDU5LS44OTYuNjg4LTEuNTEyLjY4OEg2Yy0uNjE3IDAtMS4xMjEtLjIzLTEuNTEzLS42ODhhMS45MzIgMS45MzIgMCAwIDEtLjQ2Mi0xLjU4N2wxLjQyNS0xMGMuMDgzLS40ODMuMzA4LS44OTIuNjc1LTEuMjI1LjM2Ny0uMzMzLjgtLjUgMS4zLS41aDEuNzVhNS45OTkgNS45OTkgMCAwIDEtLjEyNS0uNDg3QTIuNDg3IDIuNDg3IDAgMCAxIDkgNmMwLS44MzMuMjkyLTEuNTQyLjg3NS0yLjEyNUEyLjg5MyAyLjg5MyAwIDAgMSAxMiAzYy44MzMgMCAxLjU0MS4yOTIgMi4xMjUuODc1QzE0LjcwOCA0LjQ1OCAxNSA1LjE2NyAxNSA2YzAgLjE4My0uMDE3LjM1NC0uMDUuNTEzLS4wMzQuMTU4LS4wNzUuMzItLjEyNS40ODd6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } a.icon-pdf { background-position: center; background-image : url(https://cdn.acsiryo.com/assets/icon-pdf.png); background-size : contain; border : 1px solid #ddd; display : inline-block; height : 0; margin : 0 10px 10px 0; overflow : hidden; padding-top : 60px; position : relative; width : 60px; } /********** * file: lists.css * */ ul.markers { margin-bottom : 2em; padding-left : 2em; list-style-type: disc; } ul.markers li { } ul.numbers, ol { margin-bottom : 2em; padding-left : 2em; list-style-type: decimal; } ul.numbers li { } /********** * file: location.css * */ div.location { background-color: white; border-radius : 20px; overflow: hidden; } div.location p { color : _text-gray; margin: 0 0 0.3em 36px; } div.location p.logo, div.location p.map { margin : 0; padding: 0; } div.location p.logo a { background-position: center; background-size : contain; display : block; margin : 0 auto; padding-top : 40%; width : 40%; } div.location p.map a { background-position: center; background-size : cover; display : block; margin : 0; padding-top : 40%; width : 100%; } div.location div { padding: 20px; } div.location h4 { margin: 0 0 0.6em; } /********** * file: lozenges.css * */ .lozenges i { border-radius : 1em; color : var(--black); display : inline-block; font-style : normal; font-size: 10pt; margin : 0 0 0.4em 0.4em; min-width : 2.5em; padding : 3px 0.6em; text-align : center; text-decoration: none; font-family: monospace; } .lozenges i:nth-of-type(11n+1) { background: hsl( 0deg 100% 80%); } .lozenges i:nth-of-type(11n+2) { background: hsl( 40deg 100% 80%); } .lozenges i:nth-of-type(11n+3) { background: hsl( 80deg 100% 80%); } .lozenges i:nth-of-type(11n+4) { background: hsl(160deg 100% 80%); } .lozenges i:nth-of-type(11n+5) { background: hsl(200deg 100% 80%); } .lozenges i:nth-of-type(11n+6) { background: hsl(220deg 100% 80%); } .lozenges i:nth-of-type(11n+7) { background: hsl(240deg 100% 80%); } .lozenges i:nth-of-type(11n+8) { background: hsl(260deg 100% 80%); } .lozenges i:nth-of-type(11n+9) { background: hsl(200deg 100% 80%); } .lozenges i:nth-of-type(11n+10) { background: hsl(280deg 100% 80%); } .lozenges i:nth-of-type(11n+11) { background: hsl(300deg 100% 80%); } /********** * file: menu.css * */ .burger { border : var(--border-width) solid var(--border-color); background-color: var(--white-30); border-radius : 20px; height : 40px; position : relative; width : 40px; } .burger span { background-color: var(--black); display : block; height : 2px; left : 11px; position : absolute; transition : transform 0.3s ease, opacity 0.3s ease, left 0.3s ease; width : 20px; } .burger span:nth-child(1) { transform-origin: top left; } .burger span:nth-child(3) { transform-origin: bottom left; } .burger span:nth-child(1) { top: 12px; } .burger span:nth-child(2) { top: 19px; } .burger span:nth-child(3) { top: 26px; } .menu-open .burger span { width: 20px; left: 14px; } .menu-open .burger span:nth-child(1) { transform: rotate(45deg); } .menu-open .burger span:nth-child(2) { opacity: 0; } .menu-open .burger span:nth-child(3) { transform: rotate(-45deg); } /* slide-down part */ .menu { padding-top : calc( 150px + 0px ); background-color: #e5d6c5; background-image: linear-gradient(153deg, #e5d6c5 2%, #f5ffb6 97%); -webkit-box-shadow: var(--standard-shadow); -moz-box-shadow: var(--standard-shadow); box-shadow: var(--standard-shadow); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius : 0 0 40px 40px; max-width : 450px; padding-bottom : 50px; padding-left : 15px; padding-right : 15px; position : fixed; left : 50%; transform : translate(-50%, -110%); transition : transform 0.6s ease-in-out; width : 100%; z-index : 60; top: 0; } .menu-open .menu { transform : translate(-50%, 0 ); } .menu ul { max-width: 300px; margin: 0 auto; } .menu li { align-items: center; display : flex; margin : 0 0 1em; } .menu li, .menu li a { color : #333; font-size : 12pt; font-weight: normal; text-decoration: none; } .menu li a:hover { text-decoration: underline; } .menu .spacer { flex: 1 1 auto; } .menu input[type="radio"] + label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size : 10pt; font-weight: normal; margin : 0 0 0 14px; padding : 6px 6px; width : 58px; /* so it still lines up with the accessibility button */ } .menu label.font-select-lg { font-size : 16pt !important; line-height: 12pt !important; padding : 5px 0 !important; } .menu .logout { display: none; } body.login .menu .logout { display: block; } #screen-cover { display : none; height : 100vh; height : 100dvh; /* mobile. Don't re-sort */ left : 0; opacity : 0.5; position: fixed; top : 0; width : 100vw; z-index : 50; } .menu-open #screen-cover { display: block; } /********** * file: modal-.css * */ /** * mechanics of the modal process * appearances beyond base positioning are not here. * see modal-base for standard appearance and modal-theme * for details * * put .with-modal on whatever element you want the modal * to cover. * * things like typography are inherited from the parent page. * **/ .modal-cover { z-index : 10000; position : absolute; opacity : 0; right : -200%; transition: opacity 0.3s ease-in-out, right 0s 0.3s, visibility 0s 0.3s; visibility: hidden; } .with-modal .modal-cover { opacity : 1; right : 0; transition: opacity 0.3s ease-in-out, right 0s 0s, visibility 0s 0s; visibility: visible; } .modal-cover { /* segments */ height : 100%; top : 0; width : 100%; } body.with-modal > .modal-cover { /* the whole page */ height : 100vh; position: fixed; top : 0; width : 100vw; } /* this sometimes needs to be added in JS */ .with-modal:not(body) { position: relative; } /* blur things behind the modal */ /* guessing at the most common class/block names */ .with-modal .main-content, .with-modal #content, .with-modal > header, .with-modal > div:not(.modal-cover), .with-modal > section { filter: blur( 4px ); } .modal-wait span { /* icon */ background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyMjAgMTIyMCIgd2lkdGg9IjMwcHgiIGhlaWdodD0iMzBweCI+ICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9IiMyYjJmM2MiIGQ9Ik0gOTgwLjc4LDE1NS45IEMgODcxLjY0LDE1NS45IDczNS45MywxOTIuMDEgNjA3LjgxLDI1NS4xMiBDIDQ4MC4xNywxOTIuMDEgMzQ0LjkzLDE1NS45IDIzNC44NCwxNTUuOSBDIDE0MC40MSwxNTUuOSA3MS42MTQsMTgyLjk5IDM2LjAyNCwyMzMuNzcgQyAtNzAuNzQ2LDM4OC40NiA4OS4xNzQsNjc3LjkxIDE0MC44OSw3NjMuMzMgQyAyNDEuMDEsOTMwLjM2IDQ0OC4zNywxMTc4LjUgNjA3LjM0LDExODAgQyA3NDkuMjIsMTE4MCA5NDMuMjksOTcyLjYgMTA2NC4zLDc3OS40NiBDIDEwNjcuMiw3NzUuMTkgMTA3MCw3NzAuOTIgMTA3Mi40LDc2Ni42NSBMIDEwNzQuMyw3NjMuMzMgQyAxMTI1LjUsNjc3LjkxIDEyODUuOSwzODcuOTkgMTE3Ny43LDIzMy43NyBDIDExNDMuNiwxODIuOTkgMTA3NS4yLDE1NS45IDk4MC43OCwxNTUuOSBaIE0gNjU0Ljc5LDI4MC4yNyBDIDc2OC4yLDIyOC4wNyA4ODUuNCwxOTkuMTMgOTgwLjMxLDE5OS4xMyBDIDEwMzUuOSwxOTkuMTMgMTEwOC45LDIwOS41NyAxMTQzLjEsMjU4LjQ0IEMgMTIwNy42LDM1MC45OCAxMTU1LDUyNC42NSAxMDc0LjgsNjc2LjQ5IEMgMTAzMS4xLDU0OS44IDgzMC4zNiwzNzcuMDcgNjU0Ljc5LDI4MC4yNyBaIE0gMTQxLjM2LDY3OC4zOSBDIDYwLjIyNCw1MjYuMDcgNi42MDQxLDM1MC45OCA3MC42NjQsMjU3Ljk3IEMgMTA0LjgzLDIwOC42MiAxNzguODUsMTk4LjY1IDIzNC4zNywxOTguNjUgQyAzMzAuMjIsMTk4LjY1IDQ0Ni45NSwyMjguMDcgNTU5Ljg4LDI3OS44IEMgMzg1LjI2LDM3Ny41NSAxODMuNiw1NTIuMTcgMTQxLjM2LDY3OC4zOSBaIE0gNjA3LjM0LDg0OC4yNyBDIDUwMi45NCw4NDcuMzIgMjI0Ljg4LDg0NS40MiAxNzkuMzMsNzQwLjU1IEMgMTQzLjI2LDY1Ny45OSAzNzMuODgsNDIzLjU3IDYwNy4zNCwzMDMuMDUgQyA4NDIuMjIsNDIzLjU4IDEwNzMuOCw2NTcuOTkgMTAzNy44LDc0MC41NSBDIDEwMzcuMyw3NDEuOTcgMTAzNi4zLDc0My44NyAxMDM1LjQsNzQ1LjMgTCAxMDI4LjcsNzU1LjczIEMgOTY0LjE3LDg0NS44OSA3MDUuMDksODQ3Ljc5IDYwNy4zNCw4NDguMjYgViA4NDguMjYgWiBNIDYwOC43NiwxMTM3LjIgQyA1MDUuNzksMTEzNi4zIDM1OS42NCwxMDAwLjYgMjQ3LjE4LDg0Ni4zNyBDIDM0MC4xOSw4ODIuNDMgNDc2LjM3LDg5MC4wMiA2MDcuODEsODkwLjk3IEMgNzM3LjM1LDg5MC4wMiA4NzMuMDcsODgyLjkgOTY3LjQ5LDg0Ny4zMiBDIDg1My4xNCwxMDAyLjUgNzA4LjQxLDExMzcuMiA2MDguNzYsMTEzNy4yIFogTSA2MDcuODEsNjU0LjE5IEMgNTgzLjE0LDY1NC4xOSA1NjMuMjEsNjMzLjc4IDU2My4yMSw2MDkuNTggQyA1NjMuMjEsNTg0LjkxIDU4My42MSw1NjQuOTggNjA3LjgxLDU2NC45OCBDIDYzMi40OSw1NjQuOTggNjUyLjg5LDU4NS4zOCA2NTIuODksNjA5LjU4IEMgNjUyLjQyLDYzNC4yNiA2MzIuMDEsNjU0LjE5IDYwNy44MSw2NTQuMTkgWiIgLz4gIDwvc3ZnPg=="); } /********** * file: modal-base.css * */ /** * everything here provides positioning and a generic theme. Elements are expected to inherit * properties from other parts of the site css * * color is deliberately left out, esp. since light and dark themes are now becoming standard :-( * there is copy-pasta style in the other file to fill out for your theme **/ /* base positioning */ .modal-content { left : 50%; max-width : 80%; width : 80%; min-width : 20%; overflow : hidden; position : absolute; top : 50%; transform : translate(-50%, -50%); z-index : 100; } .modal-content > header { border-bottom-style: solid; border-bottom-width: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display : block !important; height : auto; min-height : 1.5em; padding : 1em 1.5em; position : relative; margin: 0; width: 100%; } .modal-content > section { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-height: 75vh; max-width : 100%; min-height: 5em; overflow : auto; padding : 1.5em; position : static; width : 100%; max-width: none; margin: 0; } .modal-content > section > *:last-child { margin-bottom: 0; } .modal-content > footer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height : auto; min-height : 1.0em; position : static; margin: 0; max-width: none; width: 100%; } .modal-content > footer button { } .modal-content > header h1 { margin: 0; } .modal-content > header p { margin: 0; } .close-modal { cursor : pointer; height : 0; margin : 0; overflow : hidden; padding-top: 3em; /* reasonable guess of a one-line title */ position : absolute; right : 0; top : 0em; width : 3em; background-position: 50%; } .modal-content.no-padding > section, .modal-content > section.no-padding { /* use with an iframe that has it's own padding */ padding: 0; } .modal-content > section > iframe { border : none; height : 50vh; min-height: 200px; width : 100%; } .modal-wait { height : calc( 100% - 3em ); /* leave the top bar uncovered. breaks on alerts but using wait on alerts is a bit silly */ left : 0; opacity : 0; pointer-events : none; position : absolute; top : 3em; transition : opacity 0.3s ease-in-out; width : 100%; } .modal-content.waiting .modal-wait { opacity: 1; } .modal-wait p { display : block; height : 50px; left : 50%; margin : 0 !important; padding : 0 !important; position : absolute; top : 50%; transform: translate( -50%, -50% ); width : 50px; } .modal-wait span { animation : modal-rotation 1s infinite linear; background-position: 50%; background-size : contain; display : block; height : 100%; width : 100%; } @keyframes modal-rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /********** * file: modal-theme.css * */ /** * Your design here * **/ .modal-cover { background-color: var(--black-30); } .modal-content { border-radius: 15px; background-color : var(--white); } .modal-content header { border-bottom-color: var(--white); color : var(--black); background-color : var(--white); } .modal-content > header h1 { color : inherit; font-size : 16pt; font-size : inherit; font-weight: 500; text-align: center; } .modal-content > header p { margin: 0; font-weight: bold; font-size : 16pt; text-align: center; } .close-modal { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjIycHgiPiAgICAgIDxjaXJjbGUgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2U9IiM5OTkiIGZpbGw9Im5vbmUiIHI9IjQ1IiBjeT0iNTAiIGN4PSI1MCI+PC9jaXJjbGU+ICAgICAgPGcgc3Ryb2tlLXdpZHRoPSI4IiBzdHJva2U9IiNGRkYiIGZpbGw9IiMzOTNCM0YiPiAgICAgIDxjaXJjbGUgcj0iNDUiIGN5PSI1MCIgY3g9IjUwIj48L2NpcmNsZT4gICAgICA8cGF0aCBkPSJNMzAsMzAgTDcwLDcwIE0zMCw3MCBMIDcwLDMwIj48L3BhdGg+ICAgIDwvZz4gICA8L3N2Zz4="); } .close-modal:hover { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjIycHgiPiAgICA8Y2lyY2xlIHN0cm9rZS13aWR0aD0iOCIgc3Ryb2tlPSIjOTk5IiBmaWxsPSJub25lIiByPSI0NSIgY3k9IjUwIiBjeD0iNTAiPjwvY2lyY2xlPiAgICA8ZyBzdHJva2Utd2lkdGg9IjgiIHN0cm9rZT0id2hpdGUiIGZpbGw9IiM2QTZBNkEiPiAgICA8Y2lyY2xlIHI9IjQ1IiBjeT0iNTAiIGN4PSI1MCI+PC9jaXJjbGU+ICAgIDxwYXRoIGQ9Ik0zMCwzMCBMNzAsNzAgTTMwLDcwIEwgNzAsMzAiPjwvcGF0aD4gIDwvZz4gPC9zdmc+"); } .modal-wait { background-color: var(--white-80); } .with-modal .with-modal .modal-cover { /* avoids double-dimming in *most* cases */ /* background-color: transparent; */ /* completely disappears the section modals when a page modal is up */ opacity: 0; } .modal-content section { background-color: var(--white); color : var(--black); } .modal-content footer { padding : 1em 1.5em; background-color: var(--white); border-top-color: var(--white); border-top-style: none; border-top-width: 1px; display : flex; gap : 1em; justify-content: space-between; text-align : right; } .modal-content footer button { /* inherited, except for: */ margin-bottom: 0; width: fit-content; flex: 1 1 auto; } .modal-wait span { /* your favourite spinner here */ background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyMjAgMTIyMCIgd2lkdGg9IjMwcHgiIGhlaWdodD0iMzBweCI+ICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9IiMyYjJmM2MiIGQ9Ik0gOTgwLjc4LDE1NS45IEMgODcxLjY0LDE1NS45IDczNS45MywxOTIuMDEgNjA3LjgxLDI1NS4xMiBDIDQ4MC4xNywxOTIuMDEgMzQ0LjkzLDE1NS45IDIzNC44NCwxNTUuOSBDIDE0MC40MSwxNTUuOSA3MS42MTQsMTgyLjk5IDM2LjAyNCwyMzMuNzcgQyAtNzAuNzQ2LDM4OC40NiA4OS4xNzQsNjc3LjkxIDE0MC44OSw3NjMuMzMgQyAyNDEuMDEsOTMwLjM2IDQ0OC4zNywxMTc4LjUgNjA3LjM0LDExODAgQyA3NDkuMjIsMTE4MCA5NDMuMjksOTcyLjYgMTA2NC4zLDc3OS40NiBDIDEwNjcuMiw3NzUuMTkgMTA3MCw3NzAuOTIgMTA3Mi40LDc2Ni42NSBMIDEwNzQuMyw3NjMuMzMgQyAxMTI1LjUsNjc3LjkxIDEyODUuOSwzODcuOTkgMTE3Ny43LDIzMy43NyBDIDExNDMuNiwxODIuOTkgMTA3NS4yLDE1NS45IDk4MC43OCwxNTUuOSBaIE0gNjU0Ljc5LDI4MC4yNyBDIDc2OC4yLDIyOC4wNyA4ODUuNCwxOTkuMTMgOTgwLjMxLDE5OS4xMyBDIDEwMzUuOSwxOTkuMTMgMTEwOC45LDIwOS41NyAxMTQzLjEsMjU4LjQ0IEMgMTIwNy42LDM1MC45OCAxMTU1LDUyNC42NSAxMDc0LjgsNjc2LjQ5IEMgMTAzMS4xLDU0OS44IDgzMC4zNiwzNzcuMDcgNjU0Ljc5LDI4MC4yNyBaIE0gMTQxLjM2LDY3OC4zOSBDIDYwLjIyNCw1MjYuMDcgNi42MDQxLDM1MC45OCA3MC42NjQsMjU3Ljk3IEMgMTA0LjgzLDIwOC42MiAxNzguODUsMTk4LjY1IDIzNC4zNywxOTguNjUgQyAzMzAuMjIsMTk4LjY1IDQ0Ni45NSwyMjguMDcgNTU5Ljg4LDI3OS44IEMgMzg1LjI2LDM3Ny41NSAxODMuNiw1NTIuMTcgMTQxLjM2LDY3OC4zOSBaIE0gNjA3LjM0LDg0OC4yNyBDIDUwMi45NCw4NDcuMzIgMjI0Ljg4LDg0NS40MiAxNzkuMzMsNzQwLjU1IEMgMTQzLjI2LDY1Ny45OSAzNzMuODgsNDIzLjU3IDYwNy4zNCwzMDMuMDUgQyA4NDIuMjIsNDIzLjU4IDEwNzMuOCw2NTcuOTkgMTAzNy44LDc0MC41NSBDIDEwMzcuMyw3NDEuOTcgMTAzNi4zLDc0My44NyAxMDM1LjQsNzQ1LjMgTCAxMDI4LjcsNzU1LjczIEMgOTY0LjE3LDg0NS44OSA3MDUuMDksODQ3Ljc5IDYwNy4zNCw4NDguMjYgViA4NDguMjYgWiBNIDYwOC43NiwxMTM3LjIgQyA1MDUuNzksMTEzNi4zIDM1OS42NCwxMDAwLjYgMjQ3LjE4LDg0Ni4zNyBDIDM0MC4xOSw4ODIuNDMgNDc2LjM3LDg5MC4wMiA2MDcuODEsODkwLjk3IEMgNzM3LjM1LDg5MC4wMiA4NzMuMDcsODgyLjkgOTY3LjQ5LDg0Ny4zMiBDIDg1My4xNCwxMDAyLjUgNzA4LjQxLDExMzcuMiA2MDguNzYsMTEzNy4yIFogTSA2MDcuODEsNjU0LjE5IEMgNTgzLjE0LDY1NC4xOSA1NjMuMjEsNjMzLjc4IDU2My4yMSw2MDkuNTggQyA1NjMuMjEsNTg0LjkxIDU4My42MSw1NjQuOTggNjA3LjgxLDU2NC45OCBDIDYzMi40OSw1NjQuOTggNjUyLjg5LDU4NS4zOCA2NTIuODksNjA5LjU4IEMgNjUyLjQyLDYzNC4yNiA2MzIuMDEsNjU0LjE5IDYwNy44MSw2NTQuMTkgWiIgLz4gIDwvc3ZnPg=="); } /********** * file: page.css * */ body { background-color: var(--page-background); } /********** * file: person.css * */ .person { align-items : center; display : flex; margin-bottom: 1em; } .person .profile-pic { margin : 0 20px 0 0; text-align: center; } .person .profile-pic i { background-size: contain; border-radius : 50px; display : block; height : 100px; width : 100px; -webkit-box-shadow: var(--standard-shadow); -moz-box-shadow: var(--standard-shadow); box-shadow: var(--standard-shadow); } .person .profile-pic b { display : block; text-align: center; } .person .profile-pic b.allergy { background-color: var(--orange); border-radius : 12px; display : inline-block; font-size : 10pt; margin : 5px auto 0; padding : 3px 5px; } .person h3 { } .person h4 { } .person div { } .person div p { font-size : 70%; margin-bottom: 0.2em; padding-left : 1em; } .person .name { padding-left: 0; font-size : 120%; } .person .pid { } .person .dob { } .person .address { } .person .insurance { } /********** * file: profile.css * */ .page-profile header, .page-profile footer { display: none; } .close-profile { left : 20px; height : 60px; position: absolute; top : 60px; width : 60px; z-index : 100; margin: 0; } .close-profile a { background-color : var(--white-30); background-position: center; background-size : 30px; border : var(--border-width) solid var(--border-color); border-radius : 50%; display : block; height : 100%; text-decoration : none; transition : background-color 0.3s ease; width : 100%; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNOC40IDE3IDcgMTUuNmwzLjYtMy42TDcgOC40MjVsMS40LTEuNCAzLjYgMy42IDMuNTc1LTMuNiAxLjQgMS40LTMuNiAzLjU3NSAzLjYgMy42LTEuNCAxLjRMMTIgMTMuNCA4LjQgMTd6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } .close-profile a:hover { background-color : var(--white); } .profile-panel > h3:first-child, .profile-panel > p:first-child { margin-left: 80px; } .profile div.slider { overflow: hidden; height: 100%; } .two-across > p:nth-child(1) { flex: 1 1 30%; } .page-profile carousel-signals { margin: 15px 0; } /* overrides parts of .carousel */ .profile { width: 100%; height: calc( 100% - 70px ); } .profile div.slider > div { width: 100%; height: calc( 100% - 40px ); overflow-y: auto; } .page-profile section { height: 100vh; height: 100dvh; /* mobile. Don't re-sort */ } /* decorations */ .page-profile section { background-image: linear-gradient(161deg, #e5d6c5 1%, #f5ffb6 98%); padding : 10px 10px 0; } .profile-panel { background-color: var(--white-30); border : var(--border-width) solid var(--border-color); border-radius : 40px; -webkit-box-shadow: var(--standard-shadow); -moz-box-shadow: var(--standard-shadow); box-shadow: var(--standard-shadow); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding : 64px 18px 30px; } .page-profile carousel-signals { background-color: var(--white-30); border : solid 1px var(--white); -webkit-box-shadow: var(--standard-shadow); -moz-box-shadow: var(--standard-shadow); box-shadow: var(--standard-shadow); padding : 0; } .page-profile carousel-signals s { background-color: var(--yellow); } .page-profile carousel-signals s::before { display: none; } .page-profile carousel-signals s:first-child { border-radius: 8px 0 0 8px; } .page-profile carousel-signals s:last-child { border-radius: 0 8px 8px 0; } .page-profile carousel-signals s.current { background-color: var(--yellow); } .page-profile carousel-signals s.current ~ * { background-color: transparent; } .theme-ginger input + label { align-items : center; background-color: var(--white-30); border : 1px solid white; border-radius : 10px; display : flex; gap : 12px; justify-content : flex-start; padding : 13px 12px; text-align : left; } .theme-ginger input + label::before { background-color : var(--white-70); background-position: center; background-repeat : no-repeat; background-size : 28px; border : 2px solid var(--white); border-radius : 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content : ""; display : block; flex : none; height : 24px; width : 24px; } .theme-ginger input:checked + label { background-color: var(--white-70); } .theme-ginger input:checked + label::before { background-color: var(--yellow); background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJtMTIuNSAyMC44NzUtNS01IDEuNzUtMS43NSAzLjI1IDMuMjUgOC4yNS04LjI1IDEuNzUgMS43NS0xMCAxMHoiIGZpbGw9IiMzOTNCM0YiLz48L3N2Zz4="); border-color : var(--yellow); } /********** * file: qr-code.css * */ .qr { background-color: white; border : 6px solid white; float : right; margin : 0 0 6px 6px; position : relative; } .qr.disabled img, .disabled .qr img { filter: blur(2px); } .qr p.time{ display: none; } .qr.disabled p.time { background-color: var(--white); border-radius : 3px; display : block; font-weight : bold; left : 50%; padding : 3px 5px; position : absolute; top : 50%; transform : translate(-50%, -50%); white-space : nowrap; z-index : 10; } /********** * file: section.css * */ section { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.2; margin : 0 auto; max-width : 450px; min-height : calc( 100vh - 268px ); min-height : calc( 100dvh - 268px ); /* mobile. Don't re-sort */ padding : 0 20px; width : 90%; position: relative; } /********** * file: table-.css * */ table tbody th { } table tbody td { } table { border-collapse: separate; border-spacing : 2px; margin-bottom : 1em; } .boxed table { margin-bottom : 0; } table th { text-align : left; } table td, table th { padding: 6px 1em; text-align: left; } table td i { display : inline-block; font-style : normal; min-width : 3em; } table td.v-center { vertical-align: middle; } /* zebra */ table.zebra tbody tr:nth-child(odd) td { background-color: #f7f7f7; } table.zebra tbody tr:nth-child(even) td { background-color:var(--white); } table.numbers tbody td , table.numbers tbody td i { font-family: monospace !important; } table.numbers td:nth-child(2) { text-align: right; } table.assignments td { text-align: center; vertical-align: middle; } table.test-results { border-collapse: collapse; table-layout : fixed; width : 100%; } table.test-results td { border-top: 1px solid var(--yellow); padding : 6px; } table.test-results td:nth-child(1) { width: 1em; vertical-align: middle; text-align: center;} table.test-results td:nth-child(2) { width: auto;font-size: 11pt; font-weight: bold; } table.test-results td:nth-child(3) { width: 1em; font-size: 10px; } table.test-results td:nth-child(4) { width: 4em; font-size: 11pt; text-align: right; font-weight: bold; } table.test-results td:nth-child(5) { width: 3em; color: var(--black-50); font-size: 80%; font-weight: bold; } table.test-results td:nth-child(1)::before , table.test-results td:nth-child(3)::before { border-radius: 5px; content : ""; display : inline-block; height : 10px; width : 10px; } table.test-results tr.value-alert td:nth-child(1)::before { background-color: var(--value-alert); } table.test-results tr.value-warn td:nth-child(1)::before { background-color: var(--value-warn); } table.test-results tr.value-hi td:nth-child(3)::before { content: "\25b2"; } table.test-results tr.value-lo td:nth-child(3)::before { content: "\25bc"; } /********** * file: table-calendar.css * */ table.calendar { border-spacing: 0; margin: 0 auto 1em; } table.calendar thead { } table.calendar thead th { } table.calendar thead th.month-other, table.calendar thead th.month-current { padding: 0; vertical-align: middle; height: 40px; } table.calendar thead th.month-other { background-color : var(--white-30); border-bottom-style: solid; border-color :var(--border-color); border-top-style : solid; border-width : 1px; position: relative; } table.calendar thead th.month-prev { border-left-style: solid; border-radius : 20px 0 0 20px; border-right : none; text-align : left; } table.calendar thead th.month-other b { aspect-ratio : 1; background-color : var(--yellow); background-position: center; background-size : contain; border-radius : 50%; display : inline-block; height : 100%; width : auto; } table.calendar thead th.month-next b.month-prev { display: none; } table.calendar thead th.month-prev b.month-next { display: none; } table.calendar thead th.month-other b.month-prev { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCB0cmFuc2Zvcm09InNjYWxlKC0xLCAxKSAgdHJhbnNsYXRlKC0yNCwgMCkiIGQ9Ik0xMy42IDEyIDkgNy40IDEwLjQgNmw2IDYtNiA2TDkgMTYuNmw0LjYtNC42eiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } table.calendar thead th.month-other b.month-next { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTMuNiAxMiA5IDcuNCAxMC40IDZsNiA2LTYgNkw5IDE2LjZsNC42LTQuNnoiIGZpbGw9IiMzOTNCM0YiLz4gIDwvc3ZnPg=="); } table.calendar thead th.month-current { font-size : 20px; text-align : center; background-color : var(--white-30); border-bottom-style: solid; border-color : var(--border-color); border-left : none; border-radius : 0; border-right : none; border-top-style : solid; border-width : 1px; } table.calendar thead th.month-next { border-left : none; border-radius : 0 20px 20px 0; border-right-style: solid; text-align: right; } table.calendar thead tr.day-names th { text-align: center; } table.calendar tbody th { } table.calendar tbody td { background-color: var(--white); border-radius : 10px; border : 2px solid var(--gray); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height : 48px; padding : 0; text-align : center; vertical-align : middle; width : 48px; } table.calendar tbody td i { display: none; } table.calendar tbody .month-prev { opacity: 0; pointer-events: none; } table.calendar tbody .month-next { opacity: 0.5; } table.calendar .day-past { opacity: 0.5;} table.calendar .day-early { opacity: 0.5;} table.calendar .full { opacity: 0.5;} table.calendar .closed { opacity: 0.5;} table.calendar .day-special { background-image: repeating-linear-gradient(45deg, var(--gray), var(--gray) 6px, #d5dade 6px, #d5dade 12px); } table.calendar .selection { background-color: var(--yellow);} table.calendar .today { } table.calendar .today b { background-color: var(--black); border-radius : 50%; color : var(--white); display : inline-block; height : 2em; line-height : 2em; vertical-align : middle; width : 2em; } table.calendar .other-booked { background-image: none; background-color: var(--black-50); color:var(--white);} table.calendar .closed { } table.calendar .unavailable { opacity: 0.5; } table.calendar .month-next { } table.calendar .no-date { visibility: hidden; pointer-events: none; } table.calendar.legend tbody td:first-child { width: 48px; } table.calendar.legend tbody td:last-child { background-color: transparent; padding : 0 0.5em; text-align : left; width : auto; } table.calendar thead .month-prev::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCB0cmFuc2Zvcm09InNjYWxlKC0xLCAxKSAgdHJhbnNsYXRlKC0yNCwgMCkiIGQ9Ik0xMy42IDEyIDkgNy40IDEwLjQgNmw2IDYtNiA2TDkgMTYuNmw0LjYtNC42eiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } table.calendar thead .month-next::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTMuNiAxMiA5IDcuNCAxMC40IDZsNiA2LTYgNkw5IDE2LjZsNC42LTQuNnoiIGZpbGw9IiMzOTNCM0YiLz4gIDwvc3ZnPg=="); } /********** * file: test-result.css * */ /* used on interpretation pages */ /* needs JS helper function to position the marker in the box */ /* expected html: gets positioned by JS

10

•

0.65 1.07

*/ .test-result { width: 130px; } .test-value { text-align: center; margin: 0.4em 0 0.2em; } .test-scale { border : 1px solid #999; display : flex; height : 20px; margin-bottom: 0.2em; position : relative; text-align : center; } .test-scale i { background-color: #e6b8af !important; display : block; min-width : auto; width : 24px; } .test-scale s { background-color: #d4e6cf !important; display : block; flex : 1 1 auto; } .test-scale q { display : none; position: absolute; } .test-scale q::before, .test-scale q::after { display: none; } .test-values { font-weight: 300; position : relative; } .test-values i:first-of-type { display : inline-block; margin-left: 20px; } .test-values i:last-of-type { display : inline-block; margin-left : auto; margin-right: 20px; min-width : auto; position : absolute; right : 0; } /********** * file: to-do-panel.css * */ div.to-do { border-radius : 0 0 40px 40px; position : absolute; background-color: #e5d6c5; background-image: linear-gradient(153deg, #e5d6c5 2%, #f5ffb6 97%); -webkit-box-shadow: var(--standard-shadow); -moz-box-shadow: var(--standard-shadow); box-shadow: var(--standard-shadow); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left : 50%; max-width : 450px; padding : 120px 15px 0; position : fixed; top : 0; transform : translate(-50%, -110%); transition : transform 0.6s ease-in-out; width : 100%; z-index : 50; } div.to-do.active { transform : translate(-50%, 0 ); } div.to-do h4 { color : white; font-size : 20pt; line-height : 1.5; margin-bottom: 1.4em; } div.to-do h4 b { color : black; font-weight: 500; } div.to-do h4 i { color : black; font-style : italic; font-weight: 300; } div.to-do p { } div.to-do p.completed { } div.to-do p a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height : 90px; align-items : center; background-color: var(--white-30); border-radius : 20px; border : 1px solid var(--border-color); -webkit-box-shadow: var(--standard-shadow); -moz-box-shadow: var(--standard-shadow); box-shadow: var(--standard-shadow); display : flex; padding : 21px 15px; gap: 20px; justify-content: space-between; text-decoration: none; } div.to-do p a b { flex: 1 1 auto; text-align: left; line-height: 1.5; } div.to-do p a i { /* i is for icon */ border-style : solid; border-width : 2px; background-position: center; background-repeat : no-repeat; background-size : contain; border-radius : 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; flex : none; height : 30px; width : 30px; } div.to-do p a i:last-of-type { border-color : transparent; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJtMTQgMTgtMS40LTEuNDVMMTYuMTUgMTNINHYtMmgxMi4xNUwxMi42IDcuNDUgMTQgNmw2IDYtNiA2eiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } div.to-do p a i:first-of-type { background-color: var(--white-70); border-color : var(--border-color); } div.to-do p.completed a i:first-of-type { background-color: var(--button-active-background); background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJtMTIuNSAyMC44NzUtNS01IDEuNzUtMS43NSAzLjI1IDMuMjUgOC4yNS04LjI1IDEuNzUgMS43NS0xMCAxMHoiIGZpbGw9IiMzOTNCM0YiLz48L3N2Zz4="); border-color : var(--button-active-border); } div.to-do .close-panel { margin-bottom: 0; } div.to-do .close-panel button { background-repeat : no-repeat; background-color : transparent; background-position: center; background-size : 50px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin : 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCB0cmFuc2Zvcm09InJvdGF0ZSgyNzAsMTIsMTIpIiBkPSJNMTMuNiAxMiA5IDcuNCAxMC40IDZsNiA2LTYgNkw5IDE2LjZsNC42LTQuNnoiIGZpbGw9IiMzOTNCM0YiLz4gIDwvc3ZnPg=="); width: 100%; } /********** * file: typography.css * */ body { color: var(--black); } h1,h2,h3,h4 { margin-bottom: 1em; font-weight: bold; } h1, h2, h3 { text-align: center; } h1 { font-size: 3.5rem; margin-bottom: 0.6em; } h2 { font-size: 2.2rem; } h3 { font-size: 1.4rem; text-align: center; } h4 { font-size: 1.2rem; margin-bottom: 0.6em; } h2 span { /* used by quill for coloured headers */ padding: 4px 8px; border-radius: 6px; display: inline-block; } h2 span:empty { display: none; } p { margin-bottom: 1em; font-weight: normal; text-align: left; } a { color : var(--black); text-decoration: underline; font-weight : bold; } p.notice { color: #47c4fc; font-weight: bold; } p.notice a { color: #47c4fc; } p.fail, p.bad-info { color: var(--alert); } p.fail a, p.bad-info a { color: var(--alert); } p.error { background-color: var(--alert); border-radius : 4px; color :var(--white); padding : 2px 4px; } p.error a { color: var(--white); } input { color: var(--black); } .monospace, .code, code { font-family: monospace; } /********** * file: upload-box.css * */ div.upload { /* where we drop files */ aspect-ratio : 1.2; background-color : var(--white-30); background-position: center 20px; background-repeat : no-repeat; background-size : 40px; border : var(--border-width) solid var(--border-color); border-radius : 20px; -webkit-box-shadow: var(--standard-shadow); -moz-box-shadow: var(--standard-shadow); box-shadow: var(--standard-shadow); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size : 10pt; height : 140px; margin : 0 auto 20px; max-width : 240px; padding : 80px 10px 20px; position : relative; text-align : center; visibility : hidden; overflow: hidden; } /* cover slip to prevent dragouts on the contained elements */ div.upload::after { content : " "; height : 100%; left : 0; overflow : hidden; position : absolute; top : 0; width : 100%; z-index : 10; } div.upload.square-aspect { aspect-ratio: 1; width : 140px; } div.upload.card-aspect { aspect-ratio: 1.58; width : auto; } /* upload-image stroke often needs adjustment for the background */ div.upload { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMxIiB2aWV3Qm94PSIwIDAgMzEgMzEiIGZpbGw9Im5vbmUiPiAgICA8ZyBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gICAgICA8cGF0aCBkPSJNNC42ODA5OSAxLjU4OTg0SDI2LjMxOUMyOC4wMjYyIDEuNTg5ODQgMjkuNDEwMSAyLjk3MzggMjkuNDEwMSA0LjY4MDk5VjI2LjMxOUMyOS40MTAxIDI4LjAyNjIgMjguMDI2MiAyOS40MTAxIDI2LjMxOSAyOS40MTAxSDQuNjgwOTlDMi45NzM4IDI5LjQxMDEgMS41ODk4NCAyOC4wMjYyIDEuNTg5ODQgMjYuMzE5VjQuNjgwOTlDMS41ODk4NCAyLjk3MzggMi45NzM4IDEuNTg5ODQgNC42ODA5OSAxLjU4OTg0WiIgLz4gICAgICA8cGF0aCBkPSJNMTIuNDA5MiAxMC4wOTA4QzEyLjQwOTIgMTEuMzcxMiAxMS4zNzEyIDEyLjQwOTIgMTAuMDkwOCAxMi40MDkyQzguODEwNDMgMTIuNDA5MiA3Ljc3MjQ2IDExLjM3MTIgNy43NzI0NiAxMC4wOTA4QzcuNzcyNDYgOC44MTA0MyA4LjgxMDQzIDcuNzcyNDYgMTAuMDkwOCA3Ljc3MjQ2QzExLjM3MTIgNy43NzI0NiAxMi40MDkyIDguODEwNDMgMTIuNDA5MiAxMC4wOTA4WiIgLz4gICAgICA8cGF0aCBkPSJNMjkuNDA5OCAyMC4xMzdMMjEuNjgyIDEyLjQwOTJMNC42ODA2NiAyOS40MTA1IiAvPiAgICA8L2c+ICA8L3N2Zz4="); background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNNSAyMWMtLjU1IDAtMS4wMi0uMTk2LTEuNDEzLS41ODdBMS45MjYgMS45MjYgMCAwIDEgMyAxOVY1YzAtLjU1LjE5Ni0xLjAyLjU4Ny0xLjQxM0ExLjkyNiAxLjkyNiAwIDAgMSA1IDNoOHYySDV2MTRoMTR2LTdoMnY3YzAgLjU1LS4xOTYgMS4wMi0uNTg3IDEuNDEzQTEuOTI2IDEuOTI2IDAgMCAxIDE5IDIxSDV6bTEtNGgxMmwtMy43NS01LTMgNEw5IDEzbC0zIDR6bTEyLTdWNS44MjVMMTYuNCA3LjQgMTUgNmw0LTQgNCA0LTEuNCAxLjRMMjAgNS44MjVWMTBoLTJ6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } div.upload.drop-target { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMxIiB2aWV3Qm94PSIwIDAgMzEgMzEiIGZpbGw9Im5vbmUiPiAgICA8ZyBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHlsZT0ib3BhY2l0eTogMC4yIj4gICAgICA8cGF0aCBkPSJNNC42ODA5OSAxLjU4OTg0SDI2LjMxOUMyOC4wMjYyIDEuNTg5ODQgMjkuNDEwMSAyLjk3MzggMjkuNDEwMSA0LjY4MDk5VjI2LjMxOUMyOS40MTAxIDI4LjAyNjIgMjguMDI2MiAyOS40MTAxIDI2LjMxOSAyOS40MTAxSDQuNjgwOTlDMi45NzM4IDI5LjQxMDEgMS41ODk4NCAyOC4wMjYyIDEuNTg5ODQgMjYuMzE5VjQuNjgwOTlDMS41ODk4NCAyLjk3MzggMi45NzM4IDEuNTg5ODQgNC42ODA5OSAxLjU4OTg0WiIgLz4gICAgICA8cGF0aCBkPSJNMTIuNDA5MiAxMC4wOTA4QzEyLjQwOTIgMTEuMzcxMiAxMS4zNzEyIDEyLjQwOTIgMTAuMDkwOCAxMi40MDkyQzguODEwNDMgMTIuNDA5MiA3Ljc3MjQ2IDExLjM3MTIgNy43NzI0NiAxMC4wOTA4QzcuNzcyNDYgOC44MTA0MyA4LjgxMDQzIDcuNzcyNDYgMTAuMDkwOCA3Ljc3MjQ2QzExLjM3MTIgNy43NzI0NiAxMi40MDkyIDguODEwNDMgMTIuNDA5MiAxMC4wOTA4WiIgLz4gICAgICA8cGF0aCBkPSJNMjkuNDA5OCAyMC4xMzdMMjEuNjgyIDEyLjQwOTJMNC42ODA2NiAyOS40MTA1IiAvPiAgICA8L2c+ICA8L3N2Zz4="); background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNNSAyMWMtLjU1IDAtMS4wMi0uMTk2LTEuNDEzLS41ODdBMS45MjYgMS45MjYgMCAwIDEgMyAxOVY1YzAtLjU1LjE5Ni0xLjAyLjU4Ny0xLjQxM0ExLjkyNiAxLjkyNiAwIDAgMSA1IDNoOHYySDV2MTRoMTR2LTdoMnY3YzAgLjU1LS4xOTYgMS4wMi0uNTg3IDEuNDEzQTEuOTI2IDEuOTI2IDAgMCAxIDE5IDIxSDV6bTEtNGgxMmwtMy43NS01LTMgNEw5IDEzbC0zIDR6bTEyLTdWNS44MjVMMTYuNCA3LjQgMTUgNmw0LTQgNCA0LTEuNCAxLjRMMjAgNS44MjVWMTBoLTJ6IiBmaWxsPSIjMzkzQjNGIi8+ICA8L3N2Zz4="); } div.upload.upload-not-allowed { background-image : url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld2JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCI+ICAgIDxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2EwYTBhMCIgc3Ryb2tlLXdpZHRoPSIxNiI+ICAgICAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDIiPjwvY2lyY2xlPiAgICAgIDxwYXRoIGQ9Ik0yMCwyMCBMODAsODAiPjwvcGF0aD4gICAgPC9nPiAgPC9zdmc+"); } div.upload p { color: #a0a0a0; text-align: center; } /* in-box image display */ /* assign background-image in js */ div.upload .upload-display { background-position: center; background-size : contain; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height : calc( 100% - 0px ); left : 0px; margin : 0; position : absolute; top : 0px; width : calc( 100% - 0px ); z-index : 10; } div.upload progress { width: 90%; } div.upload form { display: none; } /* status modes */ div.upload.uploading progress { visibility: visible; } div.upload.uploading p { display: none; } div.upload.upload-error p, div.upload.upload-error progress { visibility: hidden; } /* ready ( assigned by js ) */ div.upload.upload-ready { visibility: visible; } div.upload progress { visibility: hidden; } /* drop-file */ div.upload.drop-target { outline-style : dashed; } /* uploading */ /* blocks parallel uploads. Maybe we want, maybe we don't */ div.upload.uploading { pointer-events : none; } /* theming */ /* low-contrast / default */ div.upload.drop-target { background-color: rgba( 0,0,255,0.5); border-color: blue; } div.upload.drop-target p { color: var(--black); } div.upload.uploading { } div.upload.uploading p { color: var(--black); } div.upload.upload-error { } div.upload.upload-error p { color: #ffadad; font-weight: bold; } div.upload.upload-failed { } div.upload.upload-error { -webkit-box-shadow: inset 0px 1px 2px 4px rgb(255 0 0 / 29%); -moz-box-shadow: inset 0px 1px 2px 4px rgb(255 0 0 / 29%); box-shadow: inset 0px 1px 2px 4px rgb(255 0 0 / 29%); background-image : url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld2JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCI+ICAgIDxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmYWRhZCIgc3Ryb2tlLXdpZHRoPSIxNiI+ICAgICAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDIiPjwvY2lyY2xlPiAgICAgIDxwYXRoIGQ9Ik0yMCwyMCBMODAsODAiPjwvcGF0aD4gICAgPC9nPiAgPC9zdmc+"); } /* high-contrast */ .contrast-hi div.upload {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .contrast-hi div.upload::before { border-color: black; } .contrast-hi div.upload.drop-target { background-color: rgba( 0,0,255,0.8); } .contrast-hi div.upload.uploading { background-color: rgba( 0,128,0,0.8); } .contrast-hi div.upload.upload-error { background-color: rgba( 200, 0,0,0.8); } .contrast-hi div.upload.upload-failed { background-color: rgba( 255, 0,0,0.8); } .contrast-hi div.upload { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMxIiB2aWV3Qm94PSIwIDAgMzEgMzEiIGZpbGw9Im5vbmUiPiAgICA8ZyBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gICAgICA8cGF0aCBkPSJNNC42ODA5OSAxLjU4OTg0SDI2LjMxOUMyOC4wMjYyIDEuNTg5ODQgMjkuNDEwMSAyLjk3MzggMjkuNDEwMSA0LjY4MDk5VjI2LjMxOUMyOS40MTAxIDI4LjAyNjIgMjguMDI2MiAyOS40MTAxIDI2LjMxOSAyOS40MTAxSDQuNjgwOTlDMi45NzM4IDI5LjQxMDEgMS41ODk4NCAyOC4wMjYyIDEuNTg5ODQgMjYuMzE5VjQuNjgwOTlDMS41ODk4NCAyLjk3MzggMi45NzM4IDEuNTg5ODQgNC42ODA5OSAxLjU4OTg0WiIgLz4gICAgICA8cGF0aCBkPSJNMTIuNDA5MiAxMC4wOTA4QzEyLjQwOTIgMTEuMzcxMiAxMS4zNzEyIDEyLjQwOTIgMTAuMDkwOCAxMi40MDkyQzguODEwNDMgMTIuNDA5MiA3Ljc3MjQ2IDExLjM3MTIgNy43NzI0NiAxMC4wOTA4QzcuNzcyNDYgOC44MTA0MyA4LjgxMDQzIDcuNzcyNDYgMTAuMDkwOCA3Ljc3MjQ2QzExLjM3MTIgNy43NzI0NiAxMi40MDkyIDguODEwNDMgMTIuNDA5MiAxMC4wOTA4WiIgLz4gICAgICA8cGF0aCBkPSJNMjkuNDA5OCAyMC4xMzdMMjEuNjgyIDEyLjQwOTJMNC42ODA2NiAyOS40MTA1IiAvPiAgICA8L2c+ICA8L3N2Zz4="); } .contrast-hi div.upload.drop-target, .contrast-hi div.upload.uploading { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMxIiB2aWV3Qm94PSIwIDAgMzEgMzEiIGZpbGw9Im5vbmUiPiAgICA8ZyBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gICAgICA8cGF0aCBkPSJNNC42ODA5OSAxLjU4OTg0SDI2LjMxOUMyOC4wMjYyIDEuNTg5ODQgMjkuNDEwMSAyLjk3MzggMjkuNDEwMSA0LjY4MDk5VjI2LjMxOUMyOS40MTAxIDI4LjAyNjIgMjguMDI2MiAyOS40MTAxIDI2LjMxOSAyOS40MTAxSDQuNjgwOTlDMi45NzM4IDI5LjQxMDEgMS41ODk4NCAyOC4wMjYyIDEuNTg5ODQgMjYuMzE5VjQuNjgwOTlDMS41ODk4NCAyLjk3MzggMi45NzM4IDEuNTg5ODQgNC42ODA5OSAxLjU4OTg0WiIgLz4gICAgICA8cGF0aCBkPSJNMTIuNDA5MiAxMC4wOTA4QzEyLjQwOTIgMTEuMzcxMiAxMS4zNzEyIDEyLjQwOTIgMTAuMDkwOCAxMi40MDkyQzguODEwNDMgMTIuNDA5MiA3Ljc3MjQ2IDExLjM3MTIgNy43NzI0NiAxMC4wOTA4QzcuNzcyNDYgOC44MTA0MyA4LjgxMDQzIDcuNzcyNDYgMTAuMDkwOCA3Ljc3MjQ2QzExLjM3MTIgNy43NzI0NiAxMi40MDkyIDguODEwNDMgMTIuNDA5MiAxMC4wOTA4WiIgLz4gICAgICA8cGF0aCBkPSJNMjkuNDA5OCAyMC4xMzdMMjEuNjgyIDEyLjQwOTJMNC42ODA2NiAyOS40MTA1IiAvPiAgICA8L2c+ICA8L3N2Zz4="); } .contrast-hi div.upload.upload-error { background-image : url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld2JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCI+ICAgIDxnIGZpbGw9Im5vbmUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMTAiPiAgICAgIDxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjQ1Ij48L2NpcmNsZT4gICAgICA8cGF0aCBkPSJNMjAsMjAgTDgwLDgwIj48L3BhdGg+ICAgIDwvZz4gIDwvc3ZnPg=="); } .contrast-hi div.upload.upload-not-allowed { background-image : url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld2JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCI+ICAgIDxnIGZpbGw9Im5vbmUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMTAiPiAgICAgIDxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjUwIiBzdHJva2U9Im5vbmUiIGZpbGw9InJlZCI+PC9jaXJjbGU+ICAgICAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iMzUiPjwvY2lyY2xlPiAgICAgIDxwYXRoIGQ9Ik0yNSwyNSBMNzUsNzUiPjwvcGF0aD4gICAgPC9nPiAgPC9zdmc+"); } /********** * file: widgets.css * */ .clear { clear: both; } /* also use
*/ h6 { clear: both; height: 0; visibility: hidden; overflow: hidden; padding: 0; margin: 0; } .hidden { display: none !important; } .disabled { opacity: 0.6; pointer-events: none; } .upload-display.health_insurance_card { background-image: url(https://cdn.acsiryo.com/assets/healthcare-sample.jpg); } .highlight { background-color: #ffd !important; } .align-right { text-align: right; } .align-center, .centered { text-align: center; } .float-right { float: right; position: relative; z-index: 10; } .spacer { flex: 1 1 auto; } hr { width : 100%; border-color: var(--border-color); border-style: solid; } .task-todo , .task-done, .task-failed { padding : 18px 20px; border-radius: 15px; border-style : solid; border-width : 2px; font-weight: bold; text-align : center; } .task-todo { border-color: var(--orange); background-color: var(--orange-lite); } .task-done { border-color: var(--green); background-color: var(--green-lite); } .task-failed { border-color: var(--alert); background-color: var(--alert-lite); } /* copy from table.calendar thead */ date-bar { align-items : center; background-color: var(--white-30); border-color : var(--border-color); border-radius : 20px; border-style : solid; border-width : 1px; display : flex; font-size : 20px; font-weight : bold; height : 40px; justify-content : space-between; text-align : center; flex: 1 1 auto; } date-bar b { aspect-ratio : 1; background-color : var(--yellow); background-position: center; background-size : contain; border-radius : 50%; display : block; flex : none; height : 100%; width : auto; } date-bar b.prev { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCB0cmFuc2Zvcm09InNjYWxlKC0xLCAxKSAgdHJhbnNsYXRlKC0yNCwgMCkiIGQ9Ik0xMy42IDEyIDkgNy40IDEwLjQgNmw2IDYtNiA2TDkgMTYuNmw0LjYtNC42eiIgZmlsbD0iIzM5M0IzRiIvPiAgPC9zdmc+"); } date-bar b.next { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiPiAgICA8cGF0aCBkPSJNMTMuNiAxMiA5IDcuNCAxMC40IDZsNiA2LTYgNkw5IDE2LjZsNC42LTQuNnoiIGZpbGw9IiMzOTNCM0YiLz4gIDwvc3ZnPg=="); } date-bar u { flex: 1 1 auto; } .cover-slip, .cover-slip a { background-color: transparent; bottom : 0; left : 0; margin : 0; padding : 0; position : absolute; right : 0; text-decoration : none; top : 0; z-index : 1000; } /* === begin @media === */ @media (prefers contrast:high) { /********** * file: media 20 (prefers contrast=high)/empty.css * */ } /* === begin @theme === */ /********** * file: dev -> huemanatee.css * */ @keyframes the-huemanatee { 0% { background-color: white } 10% { background-color: yellow } 20% { background-color: red } 30% { background-color: magenta } 40% { background-color: blue } 50% { background-color: cyan } 60% { background-color: green } 70% { background-color: gray } 80% { background-color: black } 90% { background-color: silver } } @keyframes slide-in { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } .the-huemanatee { animation: the-huemanatee 15s infinite linear; opacity: 1 !important; background-color: white; } .the-huemanatee .card .video-frame::after { background-color: white; animation: the-huemanatee 15s infinite linear, slide-in 0.3s linear 0s 1 forwards; opacity: 1 !important; content : " "; display : block; height : 100%; left : 0%; position : absolute; top : 0; width : 100%; }