@charset "UTF-8";
@font-face {
  font-family: "Carlito";
  src: url("/fonts/Carlito-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Carlito";
  src: url("/fonts/Carlito-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Carlito";
  src: url("/fonts/Carlito-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Carlito";
  src: url("/fonts/Carlito-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Palanquin";
  src: url("/fonts/palanquin-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Palanquin";
  src: url("/fonts/palanquin-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
/*!
Fork Awesome 1.2.0
License - https://forkaweso.me/Fork-Awesome/license

Copyright 2018 Dave Gandy & Fork Awesome

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "ForkAwesome";
  src: url(/fonts/forkawesome-webfont.eot?a3207669356e1c9230efd5a6cf0056bc);
  src: url(/fonts/forkawesome-webfont.eot?a3207669356e1c9230efd5a6cf0056bc) format("embedded-opentype"), url(/fonts/forkawesome-webfont.woff2?dd9feee8056e46b230118ca9501c76c8) format("woff2"), url(/fonts/forkawesome-webfont.woff?2eaa8c0d355b1e5968d8ccd237c2364e) format("woff"), url(/fonts/forkawesome-webfont.ttf?d976da6aae6ea7e4dd759e85e0b430ba) format("truetype"), url(/fonts/forkawesome-webfont.svg?f038a07b6a2ed4c11ec63cde1776473e) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 ForkAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.2857142857em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

.fa-sync:before,
.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video:before,
.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell-o:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-globe-e:before {
  content: "\f304";
}

.fa-globe-w:before {
  content: "\f305";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-community:before,
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus-g:before,
.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-utensils:before,
.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

.fa-pound:before,
.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-down:before,
.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-up:before,
.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-down:before,
.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-up:before,
.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-down:before,
.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-up:before,
.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-utensil-spoon:before,
.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-heading:before,
.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-closed-captioning:before,
.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-gem:before,
.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-medium-square:before {
  content: "\f2f8";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo-v:before,
.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-phone-volume:before,
.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-o:before {
  content: "\f2b7";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-circle-o:before {
  content: "\f2be";
}

.fa-user-o:before {
  content: "\f2c0";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

.fa-mastodon:before {
  content: "\f2e1";
}

.fa-mastodon-alt:before {
  content: "\f2e2";
}

.fa-fork-circle:before,
.fa-fork-awesome:before {
  content: "\f2e3";
}

.fa-peertube:before {
  content: "\f2e4";
}

.fa-diaspora:before {
  content: "\f2e5";
}

.fa-friendica:before {
  content: "\f2e6";
}

.fa-gnu-social:before {
  content: "\f2e7";
}

.fa-liberapay-square:before {
  content: "\f2e8";
}

.fa-liberapay:before {
  content: "\f2e9";
}

.fa-ssb:before,
.fa-scuttlebutt:before {
  content: "\f2ea";
}

.fa-hubzilla:before {
  content: "\f2eb";
}

.fa-social-home:before {
  content: "\f2ec";
}

.fa-artstation:before {
  content: "\f2ed";
}

.fa-discord:before {
  content: "\f2ee";
}

.fa-discord-alt:before {
  content: "\f2ef";
}

.fa-patreon:before {
  content: "\f2f0";
}

.fa-snowdrift:before {
  content: "\f2f1";
}

.fa-activitypub:before {
  content: "\f2f2";
}

.fa-ethereum:before {
  content: "\f2f3";
}

.fa-keybase:before {
  content: "\f2f4";
}

.fa-shaarli:before {
  content: "\f2f5";
}

.fa-shaarli-o:before {
  content: "\f2f6";
}

.fa-cut-key:before,
.fa-key-modern:before {
  content: "\f2f7";
}

.fa-xmpp:before {
  content: "\f2f9";
}

.fa-archive-org:before {
  content: "\f2fc";
}

.fa-freedombox:before {
  content: "\f2fd";
}

.fa-facebook-messenger:before {
  content: "\f2fe";
}

.fa-debian:before {
  content: "\f2ff";
}

.fa-mastodon-square:before {
  content: "\f300";
}

.fa-tipeee:before {
  content: "\f301";
}

.fa-react:before {
  content: "\f302";
}

.fa-dogmazic:before {
  content: "\f303";
}

.fa-zotero:before {
  content: "\f309";
}

.fa-nodejs:before {
  content: "\f308";
}

.fa-nextcloud:before {
  content: "\f306";
}

.fa-nextcloud-square:before {
  content: "\f307";
}

.fa-hackaday:before {
  content: "\f30a";
}

.fa-laravel:before {
  content: "\f30b";
}

.fa-signalapp:before {
  content: "\f30c";
}

.fa-gnupg:before {
  content: "\f30d";
}

.fa-php:before {
  content: "\f30e";
}

.fa-ffmpeg:before {
  content: "\f30f";
}

.fa-joplin:before {
  content: "\f310";
}

.fa-syncthing:before {
  content: "\f311";
}

.fa-inkscape:before {
  content: "\f312";
}

.fa-matrix-org:before {
  content: "\f313";
}

.fa-pixelfed:before {
  content: "\f314";
}

.fa-bootstrap:before {
  content: "\f315";
}

.fa-dev-to:before {
  content: "\f316";
}

.fa-hashnode:before {
  content: "\f317";
}

.fa-jirafeau:before {
  content: "\f318";
}

.fa-emby:before {
  content: "\f319";
}

.fa-wikidata:before {
  content: "\f31a";
}

.fa-gimp:before {
  content: "\f31b";
}

.fa-c:before {
  content: "\f31c";
}

.fa-digitalocean:before {
  content: "\f31d";
}

.fa-att:before {
  content: "\f31e";
}

.fa-gitea:before {
  content: "\f31f";
}

.fa-file-epub:before {
  content: "\f321";
}

.fa-python:before {
  content: "\f322";
}

.fa-archlinux:before {
  content: "\f323";
}

.fa-pleroma:before {
  content: "\f324";
}

.fa-unsplash:before {
  content: "\f325";
}

.fa-hackster:before {
  content: "\f326";
}

.fa-spell-check:before {
  content: "\f327";
}

.fa-moon:before {
  content: "\f328";
}

.fa-sun:before {
  content: "\f329";
}

.fa-f-droid:before {
  content: "\f32a";
}

.fa-biometric:before {
  content: "\f32b";
}

.fa-wire:before {
  content: "\f32c";
}

.fa-tor-onion:before {
  content: "\f32e";
}

.fa-volume-mute:before {
  content: "\f32f";
}

.fa-bell-ringing:before {
  content: "\f32d";
}

.fa-bell-ringing-o:before {
  content: "\f330";
}

.fa-hal:before {
  content: "\f333";
}

.fa-jupyter:before {
  content: "\f335";
}

.fa-julia:before {
  content: "\f334";
}

.fa-classicpress:before {
  content: "\f331";
}

.fa-classicpress-circle:before {
  content: "\f332";
}

.fa-open-collective:before {
  content: "\f336";
}

.fa-orcid:before {
  content: "\f337";
}

.fa-researchgate:before {
  content: "\f338";
}

.fa-funkwhale:before {
  content: "\f339";
}

.fa-askfm:before {
  content: "\f33a";
}

.fa-blockstack:before {
  content: "\f33b";
}

.fa-boardgamegeek:before {
  content: "\f33c";
}

.fa-bunny:before {
  content: "\f35f";
}

.fa-buymeacoffee:before {
  content: "\f33d";
}

.fa-cc-by:before {
  content: "\f33e";
}

.fa-creative-commons-alt:before,
.fa-cc-cc:before {
  content: "\f33f";
}

.fa-cc-nc-eu:before {
  content: "\f341";
}

.fa-cc-nc-jp:before {
  content: "\f342";
}

.fa-cc-nc:before {
  content: "\f340";
}

.fa-cc-nd:before {
  content: "\f343";
}

.fa-cc-pd:before {
  content: "\f344";
}

.fa-cc-remix:before {
  content: "\f345";
}

.fa-cc-sa:before {
  content: "\f346";
}

.fa-cc-share:before {
  content: "\f347";
}

.fa-cc-zero:before {
  content: "\f348";
}

.fa-conway-hacker:before,
.fa-conway-glider:before {
  content: "\f349";
}

.fa-csharp:before {
  content: "\f34a";
}

.fa-email-bulk:before {
  content: "\f34b";
}

.fa-email-bulk-o:before {
  content: "\f34c";
}

.fa-gnu:before {
  content: "\f34d";
}

.fa-google-play:before {
  content: "\f34e";
}

.fa-heroku:before {
  content: "\f34f";
}

.fa-hassio:before,
.fa-home-assistant:before {
  content: "\f350";
}

.fa-java:before {
  content: "\f351";
}

.fa-mariadb:before {
  content: "\f352";
}

.fa-markdown:before {
  content: "\f353";
}

.fa-mysql:before {
  content: "\f354";
}

.fa-nordcast:before {
  content: "\f355";
}

.fa-plume:before {
  content: "\f356";
}

.fa-postgresql:before {
  content: "\f357";
}

.fa-sass-alt:before {
  content: "\f359";
}

.fa-sass:before {
  content: "\f358";
}

.fa-skate:before {
  content: "\f35a";
}

.fa-sketchfab:before {
  content: "\f35b";
}

.fa-tex:before {
  content: "\f35c";
}

.fa-textpattern:before {
  content: "\f35d";
}

.fa-unity:before {
  content: "\f35e";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*!
Fork Awesome 1.2.0
License - https://forkaweso.me/Fork-Awesome/license

Copyright 2018 Dave Gandy & Fork Awesome

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "ForkAwesome";
  src: url(/fonts/forkawesome-webfont.eot?a3207669356e1c9230efd5a6cf0056bc);
  src: url(/fonts/forkawesome-webfont.eot?a3207669356e1c9230efd5a6cf0056bc) format("embedded-opentype"), url(/fonts/forkawesome-webfont.woff2?dd9feee8056e46b230118ca9501c76c8) format("woff2"), url(/fonts/forkawesome-webfont.woff?2eaa8c0d355b1e5968d8ccd237c2364e) format("woff"), url(/fonts/forkawesome-webfont.ttf?d976da6aae6ea7e4dd759e85e0b430ba) format("truetype"), url(/fonts/forkawesome-webfont.svg?f038a07b6a2ed4c11ec63cde1776473e) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 ForkAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.2857142857em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

.fa-sync:before,
.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video:before,
.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell-o:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-globe-e:before {
  content: "\f304";
}

.fa-globe-w:before {
  content: "\f305";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-community:before,
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus-g:before,
.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-utensils:before,
.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

.fa-pound:before,
.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-down:before,
.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-up:before,
.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-down:before,
.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-up:before,
.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-down:before,
.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-up:before,
.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-utensil-spoon:before,
.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-heading:before,
.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-closed-captioning:before,
.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-gem:before,
.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-medium-square:before {
  content: "\f2f8";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo-v:before,
.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-phone-volume:before,
.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-o:before {
  content: "\f2b7";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-circle-o:before {
  content: "\f2be";
}

.fa-user-o:before {
  content: "\f2c0";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

.fa-mastodon:before {
  content: "\f2e1";
}

.fa-mastodon-alt:before {
  content: "\f2e2";
}

.fa-fork-circle:before,
.fa-fork-awesome:before {
  content: "\f2e3";
}

.fa-peertube:before {
  content: "\f2e4";
}

.fa-diaspora:before {
  content: "\f2e5";
}

.fa-friendica:before {
  content: "\f2e6";
}

.fa-gnu-social:before {
  content: "\f2e7";
}

.fa-liberapay-square:before {
  content: "\f2e8";
}

.fa-liberapay:before {
  content: "\f2e9";
}

.fa-ssb:before,
.fa-scuttlebutt:before {
  content: "\f2ea";
}

.fa-hubzilla:before {
  content: "\f2eb";
}

.fa-social-home:before {
  content: "\f2ec";
}

.fa-artstation:before {
  content: "\f2ed";
}

.fa-discord:before {
  content: "\f2ee";
}

.fa-discord-alt:before {
  content: "\f2ef";
}

.fa-patreon:before {
  content: "\f2f0";
}

.fa-snowdrift:before {
  content: "\f2f1";
}

.fa-activitypub:before {
  content: "\f2f2";
}

.fa-ethereum:before {
  content: "\f2f3";
}

.fa-keybase:before {
  content: "\f2f4";
}

.fa-shaarli:before {
  content: "\f2f5";
}

.fa-shaarli-o:before {
  content: "\f2f6";
}

.fa-cut-key:before,
.fa-key-modern:before {
  content: "\f2f7";
}

.fa-xmpp:before {
  content: "\f2f9";
}

.fa-archive-org:before {
  content: "\f2fc";
}

.fa-freedombox:before {
  content: "\f2fd";
}

.fa-facebook-messenger:before {
  content: "\f2fe";
}

.fa-debian:before {
  content: "\f2ff";
}

.fa-mastodon-square:before {
  content: "\f300";
}

.fa-tipeee:before {
  content: "\f301";
}

.fa-react:before {
  content: "\f302";
}

.fa-dogmazic:before {
  content: "\f303";
}

.fa-zotero:before {
  content: "\f309";
}

.fa-nodejs:before {
  content: "\f308";
}

.fa-nextcloud:before {
  content: "\f306";
}

.fa-nextcloud-square:before {
  content: "\f307";
}

.fa-hackaday:before {
  content: "\f30a";
}

.fa-laravel:before {
  content: "\f30b";
}

.fa-signalapp:before {
  content: "\f30c";
}

.fa-gnupg:before {
  content: "\f30d";
}

.fa-php:before {
  content: "\f30e";
}

.fa-ffmpeg:before {
  content: "\f30f";
}

.fa-joplin:before {
  content: "\f310";
}

.fa-syncthing:before {
  content: "\f311";
}

.fa-inkscape:before {
  content: "\f312";
}

.fa-matrix-org:before {
  content: "\f313";
}

.fa-pixelfed:before {
  content: "\f314";
}

.fa-bootstrap:before {
  content: "\f315";
}

.fa-dev-to:before {
  content: "\f316";
}

.fa-hashnode:before {
  content: "\f317";
}

.fa-jirafeau:before {
  content: "\f318";
}

.fa-emby:before {
  content: "\f319";
}

.fa-wikidata:before {
  content: "\f31a";
}

.fa-gimp:before {
  content: "\f31b";
}

.fa-c:before {
  content: "\f31c";
}

.fa-digitalocean:before {
  content: "\f31d";
}

.fa-att:before {
  content: "\f31e";
}

.fa-gitea:before {
  content: "\f31f";
}

.fa-file-epub:before {
  content: "\f321";
}

.fa-python:before {
  content: "\f322";
}

.fa-archlinux:before {
  content: "\f323";
}

.fa-pleroma:before {
  content: "\f324";
}

.fa-unsplash:before {
  content: "\f325";
}

.fa-hackster:before {
  content: "\f326";
}

.fa-spell-check:before {
  content: "\f327";
}

.fa-moon:before {
  content: "\f328";
}

.fa-sun:before {
  content: "\f329";
}

.fa-f-droid:before {
  content: "\f32a";
}

.fa-biometric:before {
  content: "\f32b";
}

.fa-wire:before {
  content: "\f32c";
}

.fa-tor-onion:before {
  content: "\f32e";
}

.fa-volume-mute:before {
  content: "\f32f";
}

.fa-bell-ringing:before {
  content: "\f32d";
}

.fa-bell-ringing-o:before {
  content: "\f330";
}

.fa-hal:before {
  content: "\f333";
}

.fa-jupyter:before {
  content: "\f335";
}

.fa-julia:before {
  content: "\f334";
}

.fa-classicpress:before {
  content: "\f331";
}

.fa-classicpress-circle:before {
  content: "\f332";
}

.fa-open-collective:before {
  content: "\f336";
}

.fa-orcid:before {
  content: "\f337";
}

.fa-researchgate:before {
  content: "\f338";
}

.fa-funkwhale:before {
  content: "\f339";
}

.fa-askfm:before {
  content: "\f33a";
}

.fa-blockstack:before {
  content: "\f33b";
}

.fa-boardgamegeek:before {
  content: "\f33c";
}

.fa-bunny:before {
  content: "\f35f";
}

.fa-buymeacoffee:before {
  content: "\f33d";
}

.fa-cc-by:before {
  content: "\f33e";
}

.fa-creative-commons-alt:before,
.fa-cc-cc:before {
  content: "\f33f";
}

.fa-cc-nc-eu:before {
  content: "\f341";
}

.fa-cc-nc-jp:before {
  content: "\f342";
}

.fa-cc-nc:before {
  content: "\f340";
}

.fa-cc-nd:before {
  content: "\f343";
}

.fa-cc-pd:before {
  content: "\f344";
}

.fa-cc-remix:before {
  content: "\f345";
}

.fa-cc-sa:before {
  content: "\f346";
}

.fa-cc-share:before {
  content: "\f347";
}

.fa-cc-zero:before {
  content: "\f348";
}

.fa-conway-hacker:before,
.fa-conway-glider:before {
  content: "\f349";
}

.fa-csharp:before {
  content: "\f34a";
}

.fa-email-bulk:before {
  content: "\f34b";
}

.fa-email-bulk-o:before {
  content: "\f34c";
}

.fa-gnu:before {
  content: "\f34d";
}

.fa-google-play:before {
  content: "\f34e";
}

.fa-heroku:before {
  content: "\f34f";
}

.fa-hassio:before,
.fa-home-assistant:before {
  content: "\f350";
}

.fa-java:before {
  content: "\f351";
}

.fa-mariadb:before {
  content: "\f352";
}

.fa-markdown:before {
  content: "\f353";
}

.fa-mysql:before {
  content: "\f354";
}

.fa-nordcast:before {
  content: "\f355";
}

.fa-plume:before {
  content: "\f356";
}

.fa-postgresql:before {
  content: "\f357";
}

.fa-sass-alt:before {
  content: "\f359";
}

.fa-sass:before {
  content: "\f358";
}

.fa-skate:before {
  content: "\f35a";
}

.fa-sketchfab:before {
  content: "\f35b";
}

.fa-tex:before {
  content: "\f35c";
}

.fa-textpattern:before {
  content: "\f35d";
}

.fa-unity:before {
  content: "\f35e";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

@-webkit-keyframes slide {
  0% {
    left: -16%;
  }
  50% {
    left: 98%;
  }
  100% {
    left: -16%;
  }
}

@keyframes slide {
  0% {
    left: -16%;
  }
  50% {
    left: 98%;
  }
  100% {
    left: -16%;
  }
}
@-webkit-keyframes borderanimation {
  0% {
    border-style: inset groove outset ridge;
  }
  25% {
    border-style: groove outset ridge inset;
  }
  50% {
    border-style: outset ridge inset groove;
  }
  75% {
    border-style: ridge inset groove outset;
  }
  100% {
    border-style: inset groove outset ridge;
  }
}
@keyframes borderanimation {
  0% {
    border-style: inset groove outset ridge;
  }
  25% {
    border-style: groove outset ridge inset;
  }
  50% {
    border-style: outset ridge inset groove;
  }
  75% {
    border-style: ridge inset groove outset;
  }
  100% {
    border-style: inset groove outset ridge;
  }
}
@-webkit-keyframes pulsate {
  0% {
    border-style: inset;
  }
  50% {
    border-style: solid;
  }
  100% {
    border-style: outset;
  }
}
@keyframes pulsate {
  0% {
    border-style: inset;
  }
  50% {
    border-style: solid;
  }
  100% {
    border-style: outset;
  }
}
@-webkit-keyframes fadecolor {
  from {
    border-image: linear-gradient(to right, #800031, #e60737);
  }
  10% {
    border-image: linear-gradient(to right, #800031 -10%, #e60737 90%, #800031);
    opacity: 0.9;
  }
  20% {
    border-image: linear-gradient(to right, #800031 -30%, #e60737 70%, #800031);
    opacity: 0.8;
  }
  30% {
    border-image: linear-gradient(to right, #800031 -50%, #e60737 50%, #800031);
    opacity: 0.7;
  }
  40% {
    border-image: linear-gradient(to right, #800031 -70%, #e60737 30%, #800031);
    opacity: 0.6;
  }
  50% {
    border-image: linear-gradient(to right, #e60737, #800031);
    opacity: 0.5;
  }
  60% {
    border-image: linear-gradient(to right, #800031 -90%, #e60737 10%, #800031);
    opacity: 0.6;
  }
  70% {
    border-image: linear-gradient(to right, #800031 -70%, #e60737 30%, #800031);
    opacity: 0.7;
  }
  80% {
    border-image: linear-gradient(to right, #800031 -50%, #e60737 50%, #800031);
    opacity: 0.8;
  }
  90% {
    border-image: linear-gradient(to right, #800031 -30%, #e60737 70%, #800031);
    opacity: 0.9;
  }
  to {
    border-image: linear-gradient(to right, #800031, #e60737);
  }
}
@keyframes fadecolor {
  from {
    -o-border-image: linear-gradient(to right, #800031, #e60737);
       border-image: linear-gradient(to right, #800031, #e60737);
  }
  10% {
    -o-border-image: linear-gradient(to right, #800031 -10%, #e60737 90%, #800031);
       border-image: linear-gradient(to right, #800031 -10%, #e60737 90%, #800031);
    opacity: 0.9;
  }
  20% {
    -o-border-image: linear-gradient(to right, #800031 -30%, #e60737 70%, #800031);
       border-image: linear-gradient(to right, #800031 -30%, #e60737 70%, #800031);
    opacity: 0.8;
  }
  30% {
    -o-border-image: linear-gradient(to right, #800031 -50%, #e60737 50%, #800031);
       border-image: linear-gradient(to right, #800031 -50%, #e60737 50%, #800031);
    opacity: 0.7;
  }
  40% {
    -o-border-image: linear-gradient(to right, #800031 -70%, #e60737 30%, #800031);
       border-image: linear-gradient(to right, #800031 -70%, #e60737 30%, #800031);
    opacity: 0.6;
  }
  50% {
    -o-border-image: linear-gradient(to right, #e60737, #800031);
       border-image: linear-gradient(to right, #e60737, #800031);
    opacity: 0.5;
  }
  60% {
    -o-border-image: linear-gradient(to right, #800031 -90%, #e60737 10%, #800031);
       border-image: linear-gradient(to right, #800031 -90%, #e60737 10%, #800031);
    opacity: 0.6;
  }
  70% {
    -o-border-image: linear-gradient(to right, #800031 -70%, #e60737 30%, #800031);
       border-image: linear-gradient(to right, #800031 -70%, #e60737 30%, #800031);
    opacity: 0.7;
  }
  80% {
    -o-border-image: linear-gradient(to right, #800031 -50%, #e60737 50%, #800031);
       border-image: linear-gradient(to right, #800031 -50%, #e60737 50%, #800031);
    opacity: 0.8;
  }
  90% {
    -o-border-image: linear-gradient(to right, #800031 -30%, #e60737 70%, #800031);
       border-image: linear-gradient(to right, #800031 -30%, #e60737 70%, #800031);
    opacity: 0.9;
  }
  to {
    -o-border-image: linear-gradient(to right, #800031, #e60737);
       border-image: linear-gradient(to right, #800031, #e60737);
  }
}
@-webkit-keyframes focus {
  from {
    transform: scale(1);
  }
  20% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.3);
  }
  80% {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
@keyframes focus {
  from {
    transform: scale(1);
  }
  20% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.3);
  }
  80% {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
@-webkit-keyframes warning {
  from {
    border-color: red;
  }
  12% {
    border-color: #ba4040;
  }
  24% {
    border-color: #834242;
  }
  36% {
    border-color: #503a3a;
  }
  50% {
    border-color: black;
  }
  64% {
    border-color: #503a3a;
  }
  76% {
    border-color: #834242;
  }
  88% {
    border-color: #ba4040;
  }
  to {
    border-color: red;
  }
}
@keyframes warning {
  from {
    border-color: red;
  }
  12% {
    border-color: #ba4040;
  }
  24% {
    border-color: #834242;
  }
  36% {
    border-color: #503a3a;
  }
  50% {
    border-color: black;
  }
  64% {
    border-color: #503a3a;
  }
  76% {
    border-color: #834242;
  }
  88% {
    border-color: #ba4040;
  }
  to {
    border-color: red;
  }
}
* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}

body {
  position: relative;
  width: 61.8%;
  margin: auto;
  background-color: #f9f1dc;
  box-shadow: 0px 0px 42px #ffffd8;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
body > header {
  display: flex;
  padding-top: 8px;
  min-height: 170px;
}
body.appointment-book {
  width: 100%;
}
body div.logo + div {
  flex: 9 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding-right: 8%;
  align-items: center;
  align-self: flex-start;
  justify-content: center;
  height: 9.9rem;
}
body div.logo + div h1 {
  line-height: 108%;
  margin-bottom: 1rem;
}
body div.logo + div:hover .memos.empty {
  visibility: visible;
}
body div.logo + div:hover .memos .button {
  visibility: visible;
}
body div.logo + div .memos {
  justify-self: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 40%;
  margin-bottom: 2.3rem;
  border: 0.5px dashed rgba(128, 0, 49, 0.2);
  border-radius: 3px;
}
body div.logo + div .memos.empty {
  visibility: hidden;
}
body div.logo + div .memos .button {
  display: inline-block;
  visibility: hidden;
  float: right;
}
body div.logo + div .memos ul {
  list-style-type: none;
  text-align: left;
  padding-bottom: 0.7em;
  max-height: 4rem;
  overflow-y: auto;
}
body div.logo + div .memos ul li {
  padding: 4px;
  display: flex;
}
body div.logo + div .memos ul li span {
  flex: 5;
}
body div.logo + div .memos ul li small {
  visibility: hidden;
  align-self: flex-end;
  flex: 1;
}
body div.logo + div .memos ul li:not(.confirmed):hover small {
  visibility: visible;
}
body div.logo + div .memos ul li:nth-child(2n) {
  background-color: rgb(247, 237, 212);
}
body img#logo {
  margin-left: 0px;
}

.context-menu ul {
  display: block !important;
}
.context-menu.show {
  z-index: 1000;
  position: absolute;
  background-color: #C0C0C0;
  border: 1px solid blue;
  padding: 2px;
  display: block;
  margin: 0;
  list-style-type: none;
  list-style: none;
}
.context-menu.show {
  display: block !important;
}
.context-menu.show li {
  list-style: none;
}
.context-menu.show a {
  border: 0 !important;
  text-decoration: none;
}
.context-menu.show a:hover {
  text-decoration: underline !important;
}

#call {
  display: none;
  position: fixed;
  right: 10px;
  top: 10px;
  height: 6rem;
  min-width: 260px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem;
  z-index: 101;
  opacity: 0;
  background-color: #f2ede3;
  border-radius: 4px;
  border: 2px outset #580021;
  box-shadow: none;
  transition: opacity 0.3s ease-in, box-shadow 2s cubic-bezier(0.92, -0.35, 0, 2.86);
}
#call.incoming {
  opacity: 1;
  border: 2px inset #580021;
  box-shadow: 0px 0px 4px #580021;
}

a {
  color: inherit;
  text-decoration: none;
}
a.client-edit-link {
  text-decoration: underline;
  color: #707070;
}

hr {
  font-family: "Carlito";
  border: 1px solid #800031;
  position: relative;
  margin-left: 1em;
  margin-right: 1em;
}

.content {
  background-image: url(/images/physio-knopp-bg.svg?a24af4b7913c9ac303e49972219d9dd9);
  background-size: contain;
  background-repeat: repeat-y;
  background-position: top center;
  padding-left: 2em;
  padding-right: 2em;
}
.content.zoom {
  transform: scaleY(0.64);
  transform-origin: top;
}

body.full-week .content {
  background-image: unset;
}

.appointment-book .content {
  padding-left: 0px;
  padding-right: 0px;
}

.alert {
  color: red;
}

.has-errors input, .has-errors select {
  border: 1px solid red !important;
}
.has-errors .alert {
  font-size: 0.9em;
  display: inline-block;
  background: unset;
  color: red;
}

body > address {
  font-family: "Carlito";
  position: absolute;
  right: 2em;
  top: 1em;
  font-size: 1.5em;
  line-height: 1.2em;
}
body > address div {
  display: block;
}
body > address div span {
  display: inline-block;
}
body > address div:before {
  width: 2em;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-family: Dingbats;
}
body > address div.address:before {
  content: "⚓";
}
body > address div.e-mail:before {
  content: "📧";
}
body > address div.phone:before {
  content: "☎";
}

/*header > div, div.logo, div.logo + div {
   display: inline-block;
   }*/
div.logo {
  flex: 1 0;
  min-width: 164px;
  z-index: 100;
}

img#logo {
  margin-left: -7.4%;
  width: 100%;
  height: 100%;
  /* background-color: #cecebb;
     padding: 6px;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
     box-shadow: 0px 10px 20px black; */
}

/*header > div:first-of-type {
   flex: 2.5 0;
   padding-left: 14px;
   padding-right: 2%;
   }*/
.bullet-left:before {
  content: "•";
  position: absolute;
  color: #800031;
  left: -10px;
  top: -15px;
  font-size: 26px;
}

hr.top {
  margin-top: 12.4%;
  margin-left: -0.2em;
}
hr.top.right:after {
  content: "•";
  position: absolute;
  color: #800031;
  right: -6px;
  top: -15px;
  font-size: 26px;
}

#nav-toggle {
  display: none;
  position: absolute;
  top: 0px;
  right: 25px;
  font-size: 30px;
  color: #800031;
  background-color: rgba(231, 211, 174, 0.85);
  border-radius: 3px;
  padding-left: 4px;
  padding-right: 4px;
  margin-top: 8px;
  z-index: 1001;
}

#nav-toggle::before {
  content: "☰";
  vertical-align: text-top;
  font-size: 50px;
  display: inline-block;
}

nav {
  font-family: "Carlito";
  font-size: 18px;
  text-align: center;
  width: 100%;
  position: relative;
  height: 18px;
  top: -36px;
  padding-top: 4px;
  padding-bottom: 4px;
}
nav ul {
  margin: 0px;
  padding: 0px;
}
nav ul li {
  list-style-type: none;
  display: inline-block;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 4em;
}
nav ul li ul {
  position: absolute;
  background-color: rgba(231, 211, 174, 0.85);
  max-height: 0px;
  transition: max-height 0.2s linear;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
nav ul li ul li {
  display: block;
  max-height: 0px;
  text-align: left;
  transition: max-height 0.2s linear;
  overflow: hidden;
  margin-right: 0px;
}
nav ul li ul li:hover {
  background-color: #f9f1dc;
}
nav ul li ul li hr.bullet-left:before {
  transition: left 0.4s linear;
}
nav ul li ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
nav ul li a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: black;
}
nav ul li a.active + hr.bullet-left:before, nav ul li a.active + ul hr.bullet-left:before {
  left: calc(100% - 5px);
}
nav ul li a.active + ul + hr.bullet-left {
  display: none;
}
nav ul li a.active + ul {
  visibility: visible;
  max-height: 1000px;
  padding: 2px;
}
nav ul li a.active + ul li {
  max-height: 2em;
  padding: 8px;
}
nav ul li a.active + ul li:last-of-type {
  margin-bottom: 6px;
}
nav ul li a.active + ul li hr.bullet-left {
  margin-top: 0px;
}
nav hr {
  width: 105%;
  margin: 6px 0px 0px -4px;
}
nav hr.bullet-left:before {
  font-size: 16px;
  left: -5px;
  top: -9px;
  transition: left 0.2s linear;
}

footer {
  text-align: center;
  font-size: 24px;
  font-family: "Carlito";
  font-weight: bold;
  font-style: italic;
  padding: 12px;
}
footer nav {
  font-size: 0.6em;
  top: 0px;
  text-align: right;
  padding-right: 20px;
}

@media (max-width: 768px) {
  body {
    width: 100%;
  }
  img#logo {
    margin-left: 1em;
  }
  div.logo + div {
    margin-left: 1em;
  }
}
@media (max-width: 460px) {
  address {
    display: none;
  }
  #nav-toggle {
    display: block;
  }
  nav {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #f9f1dc;
    z-index: 1000;
  }
  nav ul li {
    display: block;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #580021;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.4em;
    background-color: #f9f1dc;
  }
  nav ul li:hover {
    background-color: #f9f1dc;
  }
  nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  nav ul li ul {
    display: none;
  }
  nav ul li ul li {
    font-size: 1.1em;
  }
  nav hr {
    display: none;
  }
  .services details img {
    float: unset !important;
  }
}
@-webkit-keyframes pulse {
  0% {
    border-color: #580021;
  }
  50% {
    border-color: rgba(128, 0, 49, 0.2);
  }
  100% {
    border-color: #580021;
  }
}
@keyframes pulse {
  0% {
    border-color: #580021;
  }
  50% {
    border-color: rgba(128, 0, 49, 0.2);
  }
  100% {
    border-color: #580021;
  }
}
body.appointment-book div.content {
  display: flex;
  flex-direction: column;
  position: relative;
}

#date-picker {
  display: none;
  position: absolute;
  z-index: 60;
  width: 100%;
}
#date-picker ul {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
}
#date-picker ul li {
  width: 14.28%;
  height: 3em;
  vertical-align: middle;
  background-color: lightgoldenrodyellow;
  text-align: center;
}
#date-picker ul li a {
  display: inline-block;
  padding-top: 12px;
  width: 100%;
  height: 100%;
}
#date-picker .date-picker-dates {
  overflow-y: scroll;
  height: 303px;
  width: 21em;
  margin: auto;
}
#date-picker .date-picker-dates dl dt {
  height: 3em;
  text-align: center;
  background-color: beige;
}
#date-picker .date-picker-dates dl dt a {
  display: inline-block;
  padding-top: 12px;
  width: 100%;
  height: 100%;
}
#date-picker .date-picker-dates dl dd {
  margin-left: 0px;
}
#date-picker .date-picker-weekdays {
  width: 21em;
  margin: auto;
}
#date-picker .date-picker-weekdays li {
  height: 2em;
  padding-top: 11px;
}

.book-header, .book-body {
  display: flex;
  flex-direction: row;
}

.with-overlay .book-header {
  z-index: unset;
}

.book-header {
  position: -webkit-sticky;
  position: sticky;
  top: 2.7rem;
  background-color: rgb(231, 211, 174);
  z-index: 21;
}
.book-header div.time {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: hidden;
  flex: 0.2 0;
  max-width: 2.3em;
  z-index: 10;
  background-color: rgba(231, 211, 174, 0.85);
  margin-top: 66.6px;
}

.book-body div.time {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: hidden;
  flex: 0.2 0;
  max-width: 2.3em;
  z-index: 10;
  background-color: rgba(231, 211, 174, 0.85);
}
.book-body div.time .slot {
  background-color: #eeeeee;
  width: 100%;
  flex: 10px 0 0;
  flex-direction: row;
  display: flex;
  border-right: 1px dotted grey;
  height: 10px;
  position: relative;
}
.book-body div.time .slot span {
  width: 2em;
  font-size: 0.8em;
  display: inline-block;
  text-align: right;
  position: absolute;
  z-index: 20;
  top: -6px;
  right: 2px;
}

div.user-menu {
  display: none;
  z-index: 25000;
  position: -webkit-sticky;
  position: sticky;
  top: 86px;
  margin-top: -24px;
  width: 100%;
  border: 3px outset rgb(251, 231, 194);
  background-color: rgb(231, 211, 174);
  text-align: center;
}
div.user-menu a.close-user-menu {
  right: 0;
  top: 0;
  position: absolute;
}
div.user-menu a.close-user-menu:before {
  content: "◁";
}
div.user-menu ul {
  padding-left: 0px;
  margin-right: 18px;
  margin: auto;
  position: relative;
}
div.user-menu ul li {
  list-style-type: none;
  width: 100%;
  /* text-align: left; */
}
div.user-menu ul li a {
  width: 100%;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
}
div.user-menu ul li a:hover {
  background-color: rgb(251, 231, 194);
}

.day {
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  flex: 1;
}
.day .date, .day .user-name {
  text-align: center;
  background-color: rgba(231, 211, 174, 0.85);
  padding: 4px;
}
.day .date {
  position: relative;
  height: 38px;
}
.day .date:last-of-type {
  height: 50px;
}
.day .date a.prev-next span {
  font-size: 2em;
}
.day .date a.prev-next {
  border: 1px solid rgba(174, 140, 77, 0.85);
  border-radius: 4px;
}
.day .date a.today {
  border: 1px solid rgba(174, 140, 77, 0.85);
  border-radius: 4px;
  padding: 1px;
}
.day .date a.today img {
  vertical-align: text-top;
  display: inline;
}
.day .date a {
  padding: 0px 8px;
}
.day .day-appointments {
  display: flex;
  flex-direction: row;
}
.day .day-appointments a.user-menu-btn, .day .day-appointments a.close-user-menu {
  width: 19px;
  height: 19px;
  background-color: rgb(231, 211, 174);
  text-decoration: none;
}
.day .day-appointments a.user-menu-btn:after {
  content: "▽";
  padding-left: 3px;
}
.day .day-appointments .user-name {
  text-align: center;
}
.day .day-appointments div.user {
  flex: 5 0;
  width: 100%;
  position: relative;
}
.day .day-appointments div.time, .day .day-appointments div.receptionists {
  background-color: rgba(231, 211, 174, 0.85);
}
.day .day-appointments div.time .slot:first-of-type, .day .day-appointments div.receptionists .slot:first-of-type {
  margin-top: 27px;
}
.day .day-appointments .user, .day .day-appointments .receptionists {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: hidden;
}
.day .day-appointments .user button, .day .day-appointments .receptionists button {
  border: 0px none;
  background: none;
}
.day .day-appointments .user .slot, .day .day-appointments .receptionists .slot {
  width: 100%;
  flex: 1 auto;
  flex-direction: row;
  display: flex;
  border-right: 1px dotted grey;
  height: 10px;
  position: relative;
}
.day .day-appointments .user .slot span.time, .day .day-appointments .receptionists .slot span.time {
  font-size: 0.8em;
  position: absolute;
  z-index: 20;
  display: none;
}
.day .day-appointments .user .slot:hover span.time, .day .day-appointments .receptionists .slot:hover span.time {
  display: block;
}
.day .day-appointments .user .slot.bookable:disabled, .day .day-appointments .receptionists .slot.bookable:disabled {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.day .day-appointments .user .slot .private > div, .day .day-appointments .receptionists .slot .private > div {
  background-color: rgba(158, 172, 130, 0.8);
}
.day .day-appointments .user .slot.maybe-bookable:disabled, .day .day-appointments .receptionists .slot.maybe-bookable:disabled {
  background-color: rgba(0, 0, 0, 0.35) !important;
}
.day .day-appointments .user .slot.has-course:disabled, .day .day-appointments .receptionists .slot.has-course:disabled {
  background-color: rgba(162, 160, 160, 0.81);
}
.day .day-appointments .user .slot.slot-border, .day .day-appointments .receptionists .slot.slot-border {
  border-top: 1px dashed grey;
}
.day .day-appointments .user .slot.slot-border span.time, .day .day-appointments .receptionists .slot.slot-border span.time {
  display: block;
}
.day .day-appointments .user .slot > div:last-of-type:not(.course), .day .day-appointments .receptionists .slot > div:last-of-type:not(.course) {
  width: 100%;
  position: relative;
}
.day .day-appointments .user .slot.maybe-bookable, .day .day-appointments .receptionists .slot.maybe-bookable {
  background-color: rgba(216, 209, 193, 0.8);
}
.day .day-appointments .user .slot.maybe-bookable:not(:disabled), .day .day-appointments .receptionists .slot.maybe-bookable:not(:disabled) {
  background-image: url(/images/maybe_bg.png);
}
.day .day-appointments .user .slot.pre-reserved, .day .day-appointments .receptionists .slot.pre-reserved {
  background-color: rgba(158, 172, 130, 0.8);
}
.day .day-appointments .user .slot.blocked, .day .day-appointments .receptionists .slot.blocked {
  background-color: rgba(150, 147, 139, 0.8);
}
.day .day-appointments .user .slot.blocked .time, .day .day-appointments .receptionists .slot.blocked .time {
  display: none;
}
.day .day-appointments .user .slot.blocked.slot-border, .day .day-appointments .receptionists .slot.blocked.slot-border {
  border-top: 0px none;
}
.day .day-appointments .user .slot.blocked.slot-middle, .day .day-appointments .receptionists .slot.blocked.slot-middle {
  border-top: 0px none;
}
.day .day-appointments .user .slot.has-course, .day .day-appointments .receptionists .slot.has-course {
  background-color: rgba(200, 200, 200, 0.8);
}
.day .day-appointments .receptionists {
  flex: 0.5;
}
.day .day-appointments .receptionists .receptionist {
  position: absolute !important;
  transform: rotate(-90deg);
  top: 44px;
}

.user:last-child .slot {
  border-right: 1.3px solid black !important;
}

.appointment-end {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  height: 12px;
  font-size: 9px;
  cursor: s-resize;
}

.day .appointment, .day .course {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.day .appointment.short, .day .course.short {
  display: flex;
  flex-direction: row;
}
.day .appointment.short.excused::after, .day .appointment.short.no-show::after, .day .appointment.short.therapist-sick.notified::before, .day .appointment.short.therapist-sick::after, .day .course.short.excused::after, .day .course.short.no-show::after, .day .course.short.therapist-sick.notified::before, .day .course.short.therapist-sick::after {
  top: -6px;
}
.day .appointment.short .move-handle, .day .course.short .move-handle {
  height: 100%;
  width: 22%;
  font-size: 0.8rem;
}
.day .appointment.short .appointment-note, .day .course.short .appointment-note {
  margin-top: 0px;
  max-height: unset;
  white-space: nowrap;
}
.day .appointment.short.no-show:after, .day .appointment.short.excused:after, .day .course.short.no-show:after, .day .course.short.excused:after {
  top: 0;
}
.day .appointment.large .appointment-note, .day .course.large .appointment-note {
  display: block;
  margin-top: -2px;
}

.course {
  padding-top: 1em;
  color: #333;
}

.fango-start-time {
  margin-left: 7.7em;
}
.fango-start-time.hidden {
  max-height: 0px;
  display: none;
}
.fango-start-time.hidden + br {
  display: none;
}

#minimized-client-files, #unminimized-client-files {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 22;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#minimized-client-files button#append-appointment-date, #unminimized-client-files button#append-appointment-date {
  margin-bottom: 0.7em;
  margin-right: 0.7em;
  padding: 3px;
  float: right;
}

#minimized-client-files {
  float: right;
}

div.appointment, .client {
  background-color: rgba(128, 0, 49, 0.2);
  border: 1px solid #580021;
  border-radius: 3px;
  height: 59px;
  transition: cubic-bezier(0.37, -0.69, 0.66, 1.73) border 0.3s;
  box-sizing: content-box;
  overflow: hidden;
}
div.appointment.minimized, .client.minimized {
  height: 1.5rem;
}
div.appointment.unminimized .move-handle, .client.unminimized .move-handle {
  cursor: move;
}
div.appointment.unminimized, .client.unminimized {
  height: auto;
  max-height: 30vh;
  overflow-y: scroll;
  background-color: #e1c1b9;
}
div.appointment.unminimized .reserved-appointments form, .client.unminimized .reserved-appointments form {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  width: 100%;
  text-align: right;
  padding-top: 1rem;
}
div.appointment.unminimized .reserved-appointments form button, .client.unminimized .reserved-appointments form button {
  min-width: 15em;
  max-width: 15em;
  padding: 4px 0px;
  margin: 4px 0px;
  float: unset !important;
}
div.appointment.minimized, div.appointment.unminimized, .client.minimized, .client.unminimized {
  min-width: 12rem;
  margin: 0px 4px;
}
div.appointment.minimized > div, div.appointment.unminimized > div, .client.minimized > div, .client.unminimized > div {
  padding: 1rem;
}
div.appointment.minimized header, div.appointment.unminimized header, .client.minimized header, .client.unminimized header {
  text-align: left;
  height: 1.5rem;
  background-color: #795060;
  cursor: unset;
}
div.appointment.minimized header .buttons, div.appointment.unminimized header .buttons, .client.minimized header .buttons, .client.unminimized header .buttons {
  padding: 1px;
  float: right;
  height: 22px;
}
div.appointment.minimized .reserved-appointments + .other-appointments, div.appointment.unminimized .reserved-appointments + .other-appointments, .client.minimized .reserved-appointments + .other-appointments, .client.unminimized .reserved-appointments + .other-appointments {
  border-top: 1px dotted grey;
  padding-top: 1em;
}
div.appointment.selected, .client.selected {
  /* 		transform: scale(1.05); */
  border: 3px outset #580021;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}
div.appointment.blocked-off, .client.blocked-off {
  background-color: darkgrey;
}
div.appointment.reserved, .client.reserved {
  opacity: 0.3;
}
div.appointment .resize-handle, .client .resize-handle {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  height: 9px;
  font-size: 8px;
  cursor: s-resize;
  font-weight: bold;
}

.appointment.deleted .resize-handle {
  cursor: unset !important;
}
.appointment.deleted .move-handle {
  cursor: unset !important;
}

div.appointment.selected .resize-handle {
  height: 20px !important;
  background-color: rgba(1, 1, 1, 0.2);
}

.fango-appointment {
  max-width: 44px;
  overflow: hidden;
}

.appointment .move-handle, .client .move-handle, .fango-appointment .move-handle {
  cursor: move;
  background-color: #800031;
  height: 18px;
  text-align: center;
  color: #f9f1dc;
  font-size: 0.8em;
  font-weight: bold;
  padding-top: 1px;
  white-space: normal;
}

.prescription-scan {
  width: 318px;
}

#overlay-container, #confirm-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(220, 220, 220, 0.7);
}
#overlay-container .overlay, #confirm-overlay .overlay {
  height: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 530px;
  max-height: 98vh;
  margin: 0 auto;
  pointer-events: auto;
  overflow-y: auto;
}
#overlay-container .overlay .move-handle, #confirm-overlay .overlay .move-handle {
  height: 26px;
  display: flex;
  justify-content: flex-end;
}
#overlay-container .overlay .move-handle span, #confirm-overlay .overlay .move-handle span {
  flex: 90%;
  text-align: center;
}
#overlay-container .overlay .move-handle .close, #overlay-container .overlay .move-handle .minimize, #overlay-container .overlay .move-handle .unminimize, #overlay-container .overlay .move-handle .maximize, #confirm-overlay .overlay .move-handle .close, #confirm-overlay .overlay .move-handle .minimize, #confirm-overlay .overlay .move-handle .unminimize, #confirm-overlay .overlay .move-handle .maximize {
  height: 25px !important;
  width: 25px;
  justify-self: flex-end;
}
#overlay-container .overlay .move-handle .close img, #overlay-container .overlay .move-handle .minimize img, #overlay-container .overlay .move-handle .unminimize img, #overlay-container .overlay .move-handle .maximize img, #confirm-overlay .overlay .move-handle .close img, #confirm-overlay .overlay .move-handle .minimize img, #confirm-overlay .overlay .move-handle .unminimize img, #confirm-overlay .overlay .move-handle .maximize img {
  width: 100%;
}
#overlay-container .overlay .move-handle .minimize, #overlay-container .overlay .move-handle .unminimize, #confirm-overlay .overlay .move-handle .minimize, #confirm-overlay .overlay .move-handle .unminimize {
  padding-top: 0px;
}
#overlay-container .overlay.appointment, #overlay-container .overlay.client, #confirm-overlay .overlay.appointment, #confirm-overlay .overlay.client {
  background-color: #e1c1b9;
}
#overlay-container .overlay.appointment .create-appointment-container, #overlay-container .overlay.client .create-appointment-container, #confirm-overlay .overlay.appointment .create-appointment-container, #confirm-overlay .overlay.client .create-appointment-container {
  display: flex;
  flex-wrap: wrap;
}
#overlay-container .overlay.appointment .create-appointment-container.takeover, #overlay-container .overlay.client .create-appointment-container.takeover, #confirm-overlay .overlay.appointment .create-appointment-container.takeover, #confirm-overlay .overlay.client .create-appointment-container.takeover {
  width: 100%;
}
#overlay-container .overlay.appointment .create-appointment-container.takeover form, #overlay-container .overlay.client .create-appointment-container.takeover form, #confirm-overlay .overlay.appointment .create-appointment-container.takeover form, #confirm-overlay .overlay.client .create-appointment-container.takeover form {
  width: 100%;
}
#overlay-container .overlay.appointment .create-appointment-container.takeover form div:last-child, #overlay-container .overlay.client .create-appointment-container.takeover form div:last-child, #confirm-overlay .overlay.appointment .create-appointment-container.takeover form div:last-child, #confirm-overlay .overlay.client .create-appointment-container.takeover form div:last-child {
  margin-top: 1rem;
}
#overlay-container .overlay.appointment .create-appointment-container section, #overlay-container .overlay.client .create-appointment-container section, #confirm-overlay .overlay.appointment .create-appointment-container section, #confirm-overlay .overlay.client .create-appointment-container section {
  background-color: rgba(255, 255, 255, 0.3);
  border-bottom: 2px inset rgba(2, 2, 2, 0.6);
  margin-left: 3px;
  margin-right: 3px;
  flex: 1;
}
#overlay-container .overlay.appointment .create-appointment-container input[type=text], #overlay-container .overlay.client .create-appointment-container input[type=text], #confirm-overlay .overlay.appointment .create-appointment-container input[type=text], #confirm-overlay .overlay.client .create-appointment-container input[type=text] {
  width: 100%;
  height: 32px;
}
#overlay-container .overlay.appointment .create-appointment-container, #overlay-container .overlay.client .create-appointment-container, #confirm-overlay .overlay.appointment .create-appointment-container, #confirm-overlay .overlay.client .create-appointment-container {
  padding: 8px;
}
#overlay-container .overlay.appointment .create-appointment-container div, #overlay-container .overlay.client .create-appointment-container div, #confirm-overlay .overlay.appointment .create-appointment-container div, #confirm-overlay .overlay.client .create-appointment-container div {
  clear: both;
}
#overlay-container .overlay.appointment .create-appointment-container label, #overlay-container .overlay.client .create-appointment-container label, #confirm-overlay .overlay.appointment .create-appointment-container label, #confirm-overlay .overlay.client .create-appointment-container label {
  display: block;
  padding-bottom: 5px;
  padding-top: 12px;
}
#overlay-container .overlay.appointment .create-appointment-container .self-pay label, #overlay-container .overlay.client .create-appointment-container .self-pay label, #confirm-overlay .overlay.appointment .create-appointment-container .self-pay label, #confirm-overlay .overlay.client .create-appointment-container .self-pay label {
  display: flex;
  align-items: center;
}
#overlay-container .overlay.appointment .create-appointment-container .prescription label, #overlay-container .overlay.client .create-appointment-container .prescription label, #confirm-overlay .overlay.appointment .create-appointment-container .prescription label, #confirm-overlay .overlay.client .create-appointment-container .prescription label {
  display: inline-block;
  align-items: center;
}
#overlay-container .overlay.appointment .create-appointment-container .date, #overlay-container .overlay.appointment .create-appointment-container .start-time, #overlay-container .overlay.appointment .create-appointment-container .appointable, #overlay-container .overlay.client .create-appointment-container .date, #overlay-container .overlay.client .create-appointment-container .start-time, #overlay-container .overlay.client .create-appointment-container .appointable, #confirm-overlay .overlay.appointment .create-appointment-container .date, #confirm-overlay .overlay.appointment .create-appointment-container .start-time, #confirm-overlay .overlay.appointment .create-appointment-container .appointable, #confirm-overlay .overlay.client .create-appointment-container .date, #confirm-overlay .overlay.client .create-appointment-container .start-time, #confirm-overlay .overlay.client .create-appointment-container .appointable {
  font-weight: bold;
}
#overlay-container .overlay.appointment .create-appointment-container .date, #overlay-container .overlay.appointment .create-appointment-container .start-time, #overlay-container .overlay.client .create-appointment-container .date, #overlay-container .overlay.client .create-appointment-container .start-time, #confirm-overlay .overlay.appointment .create-appointment-container .date, #confirm-overlay .overlay.appointment .create-appointment-container .start-time, #confirm-overlay .overlay.client .create-appointment-container .date, #confirm-overlay .overlay.client .create-appointment-container .start-time {
  font-family: monospace;
}
#overlay-container .overlay.appointment .create-appointment-container .autocomplete-wrapper, #overlay-container .overlay.appointment .create-appointment-container .appointment-date, #overlay-container .overlay.appointment .create-appointment-container input[name=client], #overlay-container .overlay.appointment .create-appointment-container input[name=subject], #overlay-container .overlay.client .create-appointment-container .autocomplete-wrapper, #overlay-container .overlay.client .create-appointment-container .appointment-date, #overlay-container .overlay.client .create-appointment-container input[name=client], #overlay-container .overlay.client .create-appointment-container input[name=subject], #confirm-overlay .overlay.appointment .create-appointment-container .autocomplete-wrapper, #confirm-overlay .overlay.appointment .create-appointment-container .appointment-date, #confirm-overlay .overlay.appointment .create-appointment-container input[name=client], #confirm-overlay .overlay.appointment .create-appointment-container input[name=subject], #confirm-overlay .overlay.client .create-appointment-container .autocomplete-wrapper, #confirm-overlay .overlay.client .create-appointment-container .appointment-date, #confirm-overlay .overlay.client .create-appointment-container input[name=client], #confirm-overlay .overlay.client .create-appointment-container input[name=subject] {
  float: left;
  width: calc(100% - 32px);
}
#overlay-container .overlay.appointment .create-appointment-container .autocomplete-wrapper + a.reset, #overlay-container .overlay.appointment .create-appointment-container .appointment-date + a.reset, #overlay-container .overlay.appointment .create-appointment-container input[name=client] + a.reset, #overlay-container .overlay.appointment .create-appointment-container input[name=subject] + a.reset, #overlay-container .overlay.client .create-appointment-container .autocomplete-wrapper + a.reset, #overlay-container .overlay.client .create-appointment-container .appointment-date + a.reset, #overlay-container .overlay.client .create-appointment-container input[name=client] + a.reset, #overlay-container .overlay.client .create-appointment-container input[name=subject] + a.reset, #confirm-overlay .overlay.appointment .create-appointment-container .autocomplete-wrapper + a.reset, #confirm-overlay .overlay.appointment .create-appointment-container .appointment-date + a.reset, #confirm-overlay .overlay.appointment .create-appointment-container input[name=client] + a.reset, #confirm-overlay .overlay.appointment .create-appointment-container input[name=subject] + a.reset, #confirm-overlay .overlay.client .create-appointment-container .autocomplete-wrapper + a.reset, #confirm-overlay .overlay.client .create-appointment-container .appointment-date + a.reset, #confirm-overlay .overlay.client .create-appointment-container input[name=client] + a.reset, #confirm-overlay .overlay.client .create-appointment-container input[name=subject] + a.reset {
  display: none;
  position: relative;
  right: 33px;
  width: 30px;
  height: 30px;
  vertical-align: top;
  padding-left: 9px;
  padding-top: 7px;
  margin-top: 2px;
}
#overlay-container .overlay.appointment .create-appointment-container .autocomplete-wrapper + a.reset + a, #overlay-container .overlay.appointment .create-appointment-container .appointment-date + a.reset + a, #overlay-container .overlay.appointment .create-appointment-container input[name=client] + a.reset + a, #overlay-container .overlay.appointment .create-appointment-container input[name=subject] + a.reset + a, #overlay-container .overlay.client .create-appointment-container .autocomplete-wrapper + a.reset + a, #overlay-container .overlay.client .create-appointment-container .appointment-date + a.reset + a, #overlay-container .overlay.client .create-appointment-container input[name=client] + a.reset + a, #overlay-container .overlay.client .create-appointment-container input[name=subject] + a.reset + a, #confirm-overlay .overlay.appointment .create-appointment-container .autocomplete-wrapper + a.reset + a, #confirm-overlay .overlay.appointment .create-appointment-container .appointment-date + a.reset + a, #confirm-overlay .overlay.appointment .create-appointment-container input[name=client] + a.reset + a, #confirm-overlay .overlay.appointment .create-appointment-container input[name=subject] + a.reset + a, #confirm-overlay .overlay.client .create-appointment-container .autocomplete-wrapper + a.reset + a, #confirm-overlay .overlay.client .create-appointment-container .appointment-date + a.reset + a, #confirm-overlay .overlay.client .create-appointment-container input[name=client] + a.reset + a, #confirm-overlay .overlay.client .create-appointment-container input[name=subject] + a.reset + a {
  position: relative;
  right: 32px;
}
#overlay-container .overlay.appointment .create-appointment-container .autocomplete-wrapper.disabled + a, #overlay-container .overlay.appointment .create-appointment-container .appointment-date.disabled + a, #overlay-container .overlay.appointment .create-appointment-container input[name=client].disabled + a, #overlay-container .overlay.appointment .create-appointment-container input[name=subject].disabled + a, #overlay-container .overlay.client .create-appointment-container .autocomplete-wrapper.disabled + a, #overlay-container .overlay.client .create-appointment-container .appointment-date.disabled + a, #overlay-container .overlay.client .create-appointment-container input[name=client].disabled + a, #overlay-container .overlay.client .create-appointment-container input[name=subject].disabled + a, #confirm-overlay .overlay.appointment .create-appointment-container .autocomplete-wrapper.disabled + a, #confirm-overlay .overlay.appointment .create-appointment-container .appointment-date.disabled + a, #confirm-overlay .overlay.appointment .create-appointment-container input[name=client].disabled + a, #confirm-overlay .overlay.appointment .create-appointment-container input[name=subject].disabled + a, #confirm-overlay .overlay.client .create-appointment-container .autocomplete-wrapper.disabled + a, #confirm-overlay .overlay.client .create-appointment-container .appointment-date.disabled + a, #confirm-overlay .overlay.client .create-appointment-container input[name=client].disabled + a, #confirm-overlay .overlay.client .create-appointment-container input[name=subject].disabled + a {
  display: inline-block;
}
#overlay-container .overlay.appointment .create-appointment-container .autocomplete-wrapper.disabled + a + a, #overlay-container .overlay.appointment .create-appointment-container .appointment-date.disabled + a + a, #overlay-container .overlay.appointment .create-appointment-container input[name=client].disabled + a + a, #overlay-container .overlay.appointment .create-appointment-container input[name=subject].disabled + a + a, #overlay-container .overlay.client .create-appointment-container .autocomplete-wrapper.disabled + a + a, #overlay-container .overlay.client .create-appointment-container .appointment-date.disabled + a + a, #overlay-container .overlay.client .create-appointment-container input[name=client].disabled + a + a, #overlay-container .overlay.client .create-appointment-container input[name=subject].disabled + a + a, #confirm-overlay .overlay.appointment .create-appointment-container .autocomplete-wrapper.disabled + a + a, #confirm-overlay .overlay.appointment .create-appointment-container .appointment-date.disabled + a + a, #confirm-overlay .overlay.appointment .create-appointment-container input[name=client].disabled + a + a, #confirm-overlay .overlay.appointment .create-appointment-container input[name=subject].disabled + a + a, #confirm-overlay .overlay.client .create-appointment-container .autocomplete-wrapper.disabled + a + a, #confirm-overlay .overlay.client .create-appointment-container .appointment-date.disabled + a + a, #confirm-overlay .overlay.client .create-appointment-container input[name=client].disabled + a + a, #confirm-overlay .overlay.client .create-appointment-container input[name=subject].disabled + a + a {
  display: inline-block;
}
#overlay-container .overlay.appointment .create-appointment-container .autocomplete-wrapper.disabled + a + a + a, #overlay-container .overlay.appointment .create-appointment-container .appointment-date.disabled + a + a + a, #overlay-container .overlay.appointment .create-appointment-container input[name=client].disabled + a + a + a, #overlay-container .overlay.appointment .create-appointment-container input[name=subject].disabled + a + a + a, #overlay-container .overlay.client .create-appointment-container .autocomplete-wrapper.disabled + a + a + a, #overlay-container .overlay.client .create-appointment-container .appointment-date.disabled + a + a + a, #overlay-container .overlay.client .create-appointment-container input[name=client].disabled + a + a + a, #overlay-container .overlay.client .create-appointment-container input[name=subject].disabled + a + a + a, #confirm-overlay .overlay.appointment .create-appointment-container .autocomplete-wrapper.disabled + a + a + a, #confirm-overlay .overlay.appointment .create-appointment-container .appointment-date.disabled + a + a + a, #confirm-overlay .overlay.appointment .create-appointment-container input[name=client].disabled + a + a + a, #confirm-overlay .overlay.appointment .create-appointment-container input[name=subject].disabled + a + a + a, #confirm-overlay .overlay.client .create-appointment-container .autocomplete-wrapper.disabled + a + a + a, #confirm-overlay .overlay.client .create-appointment-container .appointment-date.disabled + a + a + a, #confirm-overlay .overlay.client .create-appointment-container input[name=client].disabled + a + a + a, #confirm-overlay .overlay.client .create-appointment-container input[name=subject].disabled + a + a + a {
  display: none;
}
#overlay-container .overlay.appointment .create-appointment-container .self-pay > input, #overlay-container .overlay.client .create-appointment-container .self-pay > input, #confirm-overlay .overlay.appointment .create-appointment-container .self-pay > input, #confirm-overlay .overlay.client .create-appointment-container .self-pay > input {
  display: none;
}
#overlay-container .overlay.appointment .create-appointment-container .self-pay input + label .switch, #overlay-container .overlay.client .create-appointment-container .self-pay input + label .switch, #confirm-overlay .overlay.appointment .create-appointment-container .self-pay input + label .switch, #confirm-overlay .overlay.client .create-appointment-container .self-pay input + label .switch {
  display: flex;
  width: 27px;
  background-color: #f9f1dc;
  height: 17px;
  border-radius: 8px;
  border: 3px groove #f9f1dc;
  vertical-align: middle;
  margin-right: 4px;
}
#overlay-container .overlay.appointment .create-appointment-container .self-pay input + label .switch:focus, #overlay-container .overlay.client .create-appointment-container .self-pay input + label .switch:focus, #confirm-overlay .overlay.appointment .create-appointment-container .self-pay input + label .switch:focus, #confirm-overlay .overlay.client .create-appointment-container .self-pay input + label .switch:focus {
  outline: none;
}
#overlay-container .overlay.appointment .create-appointment-container .self-pay input + label .switch::-moz-focus-inner, #overlay-container .overlay.client .create-appointment-container .self-pay input + label .switch::-moz-focus-inner, #confirm-overlay .overlay.appointment .create-appointment-container .self-pay input + label .switch::-moz-focus-inner, #confirm-overlay .overlay.client .create-appointment-container .self-pay input + label .switch::-moz-focus-inner {
  border: 0;
}
#overlay-container .overlay.appointment .create-appointment-container .self-pay input + label .switch::after, #overlay-container .overlay.client .create-appointment-container .self-pay input + label .switch::after, #confirm-overlay .overlay.appointment .create-appointment-container .self-pay input + label .switch::after, #confirm-overlay .overlay.client .create-appointment-container .self-pay input + label .switch::after {
  border-radius: 6px;
  border-color: rgba(231, 211, 174, 0.85);
  display: inline-block;
  height: 12px;
  width: 12px;
  background-color: rgba(231, 211, 174, 0.85);
  content: " ";
  box-sizing: border-box;
  border: 2px groove #580021;
  padding-right: 8px;
}
#overlay-container .overlay.appointment .create-appointment-container #new-prescription, #overlay-container .overlay.client .create-appointment-container #new-prescription, #confirm-overlay .overlay.appointment .create-appointment-container #new-prescription, #confirm-overlay .overlay.client .create-appointment-container #new-prescription {
  display: none;
}
#overlay-container .overlay.appointment .create-appointment-container #new-prescription:not(:checked) ~ div, #overlay-container .overlay.client .create-appointment-container #new-prescription:not(:checked) ~ div, #confirm-overlay .overlay.appointment .create-appointment-container #new-prescription:not(:checked) ~ div, #confirm-overlay .overlay.client .create-appointment-container #new-prescription:not(:checked) ~ div {
  display: none;
}
#overlay-container .overlay.appointment .create-appointment-container #new-prescription:checked ~ div, #overlay-container .overlay.client .create-appointment-container #new-prescription:checked ~ div, #confirm-overlay .overlay.appointment .create-appointment-container #new-prescription:checked ~ div, #confirm-overlay .overlay.client .create-appointment-container #new-prescription:checked ~ div {
  display: block;
}
#overlay-container .overlay.appointment .create-appointment-container .self-pay #appointment-self-pay:checked + label .switch, #overlay-container .overlay.client .create-appointment-container .self-pay #appointment-self-pay:checked + label .switch, #confirm-overlay .overlay.appointment .create-appointment-container .self-pay #appointment-self-pay:checked + label .switch, #confirm-overlay .overlay.client .create-appointment-container .self-pay #appointment-self-pay:checked + label .switch {
  background-color: rgba(231, 211, 174, 0.85);
}
#overlay-container .overlay.appointment .create-appointment-container .self-pay #appointment-self-pay:checked + label .switch::before, #overlay-container .overlay.client .create-appointment-container .self-pay #appointment-self-pay:checked + label .switch::before, #confirm-overlay .overlay.appointment .create-appointment-container .self-pay #appointment-self-pay:checked + label .switch::before, #confirm-overlay .overlay.client .create-appointment-container .self-pay #appointment-self-pay:checked + label .switch::before {
  content: "✓";
  font-size: 10px;
  vertical-align: top;
  padding-left: 2px;
  color: #800031;
  margin-top: -5px;
}
#overlay-container .overlay.appointment .create-appointment-container .self-pay #appointment-self-pay:checked + label .switch::after, #overlay-container .overlay.client .create-appointment-container .self-pay #appointment-self-pay:checked + label .switch::after, #confirm-overlay .overlay.appointment .create-appointment-container .self-pay #appointment-self-pay:checked + label .switch::after, #confirm-overlay .overlay.client .create-appointment-container .self-pay #appointment-self-pay:checked + label .switch::after {
  left: 1px;
}
#overlay-container .overlay.appointment .create-appointment-container .self-pay #appointment-self-pay:checked ~ .existing-prescription, #overlay-container .overlay.appointment .create-appointment-container .self-pay #appointment-self-pay:checked ~ .new-prescription, #overlay-container .overlay.client .create-appointment-container .self-pay #appointment-self-pay:checked ~ .existing-prescription, #overlay-container .overlay.client .create-appointment-container .self-pay #appointment-self-pay:checked ~ .new-prescription, #confirm-overlay .overlay.appointment .create-appointment-container .self-pay #appointment-self-pay:checked ~ .existing-prescription, #confirm-overlay .overlay.appointment .create-appointment-container .self-pay #appointment-self-pay:checked ~ .new-prescription, #confirm-overlay .overlay.client .create-appointment-container .self-pay #appointment-self-pay:checked ~ .existing-prescription, #confirm-overlay .overlay.client .create-appointment-container .self-pay #appointment-self-pay:checked ~ .new-prescription {
  display: none;
}
#overlay-container .overlay.appointment .create-appointment-container .self-pay #appointment-self-pay:checked ~ .self-paid-treatment, #overlay-container .overlay.client .create-appointment-container .self-pay #appointment-self-pay:checked ~ .self-paid-treatment, #confirm-overlay .overlay.appointment .create-appointment-container .self-pay #appointment-self-pay:checked ~ .self-paid-treatment, #confirm-overlay .overlay.client .create-appointment-container .self-pay #appointment-self-pay:checked ~ .self-paid-treatment {
  display: block;
}
#overlay-container .overlay.appointment .create-appointment-container .self-pay #appointment-self-pay:not(:checked) ~ .self-paid-treatment, #overlay-container .overlay.client .create-appointment-container .self-pay #appointment-self-pay:not(:checked) ~ .self-paid-treatment, #confirm-overlay .overlay.appointment .create-appointment-container .self-pay #appointment-self-pay:not(:checked) ~ .self-paid-treatment, #confirm-overlay .overlay.client .create-appointment-container .self-pay #appointment-self-pay:not(:checked) ~ .self-paid-treatment {
  display: none;
}
#overlay-container .overlay.appointment a.new-client, #overlay-container .overlay.appointment a.edit-client, #overlay-container .overlay.appointment a.add-appointment, #overlay-container .overlay.client a.new-client, #overlay-container .overlay.client a.edit-client, #overlay-container .overlay.client a.add-appointment, #confirm-overlay .overlay.appointment a.new-client, #confirm-overlay .overlay.appointment a.edit-client, #confirm-overlay .overlay.appointment a.add-appointment, #confirm-overlay .overlay.client a.new-client, #confirm-overlay .overlay.client a.edit-client, #confirm-overlay .overlay.client a.add-appointment {
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px outset grey;
  text-align: center;
  padding-top: 2px;
}
#overlay-container .overlay.appointment a.new-client img, #overlay-container .overlay.appointment a.edit-client img, #overlay-container .overlay.appointment a.add-appointment img, #overlay-container .overlay.client a.new-client img, #overlay-container .overlay.client a.edit-client img, #overlay-container .overlay.client a.add-appointment img, #confirm-overlay .overlay.appointment a.new-client img, #confirm-overlay .overlay.appointment a.edit-client img, #confirm-overlay .overlay.appointment a.add-appointment img, #confirm-overlay .overlay.client a.new-client img, #confirm-overlay .overlay.client a.edit-client img, #confirm-overlay .overlay.client a.add-appointment img {
  width: 26px;
  height: 26px;
}
#overlay-container .overlay.appointment a.add-appointment, #overlay-container .overlay.client a.add-appointment, #confirm-overlay .overlay.appointment a.add-appointment, #confirm-overlay .overlay.client a.add-appointment {
  border-radius: 50%;
}
#overlay-container .overlay.appointment a.add-appointment img, #overlay-container .overlay.client a.add-appointment img, #confirm-overlay .overlay.appointment a.add-appointment img, #confirm-overlay .overlay.client a.add-appointment img {
  width: 21px;
  height: 21px;
}
#overlay-container .overlay.appointment .edit-client-form a.edit-client, #overlay-container .overlay.client .edit-client-form a.edit-client, #confirm-overlay .overlay.appointment .edit-client-form a.edit-client, #confirm-overlay .overlay.client .edit-client-form a.edit-client {
  display: none;
}

.draggable > header:first-of-type, .unminimized > header:first-of-type, .minimized > header:first-of-type {
  flex: 2 2 100%;
}
.draggable > header:first-of-type .close, .draggable > header:first-of-type .minimize, .draggable > header:first-of-type .maximize, .draggable > header:first-of-type .unminimize, .unminimized > header:first-of-type .close, .unminimized > header:first-of-type .minimize, .unminimized > header:first-of-type .maximize, .unminimized > header:first-of-type .unminimize, .minimized > header:first-of-type .close, .minimized > header:first-of-type .minimize, .minimized > header:first-of-type .maximize, .minimized > header:first-of-type .unminimize {
  height: 19px;
  padding: 1px;
  margin-top: -1px;
}

.autocomplete-list {
  position: fixed;
  width: 500px;
  max-height: 550px;
  z-index: 1000;
  background-color: #f9f1dc;
  overflow-y: scroll;
}
.autocomplete-list ul {
  list-style-type: none;
  padding: 0px;
  margin-top: 0px;
  height: 100%;
}
.autocomplete-list ul li {
  padding: 10px;
}
.autocomplete-list ul li:nth-child(2n) {
  background-color: rgba(231, 211, 174, 0.85);
}

.edit-appointment-container label, .create-appointment-container label {
  font-weight: bolder;
}
.edit-appointment-container div.show-client-form, .edit-appointment-container div.edit-client-form, .create-appointment-container div.show-client-form, .create-appointment-container div.edit-client-form {
  min-height: 4em;
}
.edit-appointment-container div.customer, .create-appointment-container div.customer {
  float: left;
}
.edit-appointment-container div.customer-buttons, .create-appointment-container div.customer-buttons {
  float: right;
}
.edit-appointment-container div.additional-info, .create-appointment-container div.additional-info {
  clear: both;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.edit-appointment-container p.special-event-p, .create-appointment-container p.special-event-p {
  padding-top: 2px;
  border-top: 1px dotted gray;
  margin-bottom: 0px;
}
.edit-appointment-container div#has-special-event, .create-appointment-container div#has-special-event {
  padding-left: 17px;
}
.edit-appointment-container #block-only-p, .create-appointment-container #block-only-p {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px dotted gray;
}

@media (max-width: 768px) {
  body.with-overlay {
    overflow: hidden;
  }
  .slot {
    height: 20px !important;
  }
  div.time .slot {
    flex: 20px 0 0;
  }
  .appointment, .client, .fango-appointment {
    height: 23px;
  }
  #date-picker {
    left: 0;
    width: auto;
  }
  .day .date {
    position: unset;
  }
  .day .date a {
    font-size: 1em !important;
  }
  .day .date a.activate-date-picker, .day .date a.activate-date-picker a {
    font-size: inherit;
  }
  .appointment, .fango-appointment {
    height: 119px;
  }
  .appointment .move-handle, .fango-appointment .move-handle {
    height: 36px;
  }
  .appointment .resize-handle, .fango-appointment .resize-handle {
    height: 18px;
  }
  body.appointment-book #menu .clients {
    position: relative !important;
    margin-left: 0;
    margin-right: 0;
    right: 0;
    width: 100%;
  }
  #overlay-container .overlay {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    position: fixed;
    margin: 0;
    top: 0;
    left: 0;
    pointer-events: auto;
    height: 100%;
  }
  #overlay-container .overlay.appointment, #overlay-container .overlay.client {
    white-space: normal;
    box-sizing: border-box;
  }
  #overlay-container .overlay.appointment .move-handle, #overlay-container .overlay.client .move-handle {
    cursor: normal;
    font-size: 1.6em;
  }
  #overlay-container .overlay.client .overlay-content {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  #overlay-container .overlay.appointment {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  #overlay-container .overlay.appointment .move-handle {
    order: 1;
    max-height: 2rem;
  }
  #overlay-container .overlay.appointment #appointed-client-data, #overlay-container .overlay.appointment .create-appointment-container {
    order: 2;
  }
  #overlay-container .overlay.appointment #appointment-dates {
    order: 3;
    max-width: 100%;
    flex: 1 1 100%;
  }
  #overlay-container .overlay.appointment #appointment-dates ul.other {
    max-height: unset;
    height: fix-content;
    overflow-y: unset;
  }
  #overlay-container .overlay.appointment #appointment-subject {
    order: 4;
    flex: 1;
  }
  #overlay-container .overlay .autocomplete-list {
    background-color: #f9f1dc;
    z-index: 200;
  }
}
button.close {
  display: inline-block;
  float: right;
  height: 100%;
  border: 1.5px outset burlywood;
  cursor: pointer;
}

.destroy-batch-form {
  display: inline;
}

.staff-members {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.staff-members h1 {
  flex: 0 0 100%;
}
.staff-members .staff-member {
  border: 1px solid #580021;
  border-radius: 2px;
  margin: 8px;
  flex: 0 1 350px;
}
.staff-members .staff-member img {
  width: 140px;
  min-height: 142px;
  padding-right: 13px;
  float: left;
}
.staff-members .staff-member h2 {
  font-size: 1.2em;
  white-space: no-wrap;
  padding-left: 8px;
  padding-bottom: 2em;
  padding-top: 8px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.staff-members .staff-member h3 {
  font-size: 1.1em;
  clear: right;
  margin-top: 8px;
}
.staff-members .staff-member .main-info {
  background-color: rgba(231, 211, 174, 0.85);
}
.staff-members .staff-member .main-info:after {
  content: " ";
  display: block;
  clear: both;
}
.staff-members .staff-member .details {
  border-top: 1px solid #580021;
  padding-left: 8px;
}

main h1 {
  font-size: 1.3em;
  color: #800031;
}
main h2 {
  font-size: 1.03em;
  font-weight: bold;
}
main h3 {
  font-size: 1em;
  font-weight: bold;
  clear: both;
}
main a {
  color: #580021;
}
main img {
  max-width: 400px;
}

.details .services {
  padding-bottom: 24px;
}
.details .services summary {
  font-size: 1.1em;
  font-weight: bold;
}
.details .services summary.active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 0px none;
}
.details .services summary:hover {
  cursor: pointer;
}
.details .services summary {
  background-color: rgba(231, 211, 174, 0.85);
}
.details .services details {
  border: 1px solid #580021;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-bottom: 22px;
}
.details .services details img {
  float: right;
}
.details .services details > * {
  padding: 8px;
}
.details .services details.active {
  display: block;
}
.details .services details:after {
  display: block;
  content: " ";
  clear: both;
}

.details .services {
  padding-bottom: 24px;
}
.details .services h2 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0px;
  padding: 8px;
}
.details .services h2.active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 0px none;
}
.details .services h2:before {
  display: inline-block;
  content: "▸";
  clear: both;
  margin-right: 0.5em;
  vertical-align: middle;
  padding-bottom: 5px;
}
.details .services h2.active:before {
  content: "▾";
}
.details .services h2:hover {
  cursor: pointer;
}
.details .services h2 {
  background-color: rgba(231, 211, 174, 0.85);
}
.details .services .service {
  border: 1px solid #580021;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-bottom: 22px;
  margin-top: 22px;
}
.details .services .service h3 {
  clear: none;
}
.details .services .service td {
  vertical-align: top;
}
.details .services .service .service-description {
  display: none;
}
.details .services .service .service-description img {
  float: right;
}
.details .services .service .service-description > * {
  padding: 8px;
}
.details .services .service .service-description.active {
  display: block;
}
.details .services .service .service-description:after {
  display: block;
  content: " ";
  clear: both;
}

.with-overlay {
  max-height: 60vh;
}
.with-overlay #overlay-container, .with-overlay #confirm-overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body > .reserved-appointments {
  position: fixed;
  bottom: 0;
  z-index: 2000;
  display: flex;
  align-items: flex-end;
}

footer:visible {
  color: red;
}

footer:visible + .reserved-appointments {
  bottom: unset;
  top: 0;
}

span.error {
  display: block;
  color: red;
}
span.error + input {
  border: 1px solid red;
}

.locators .locator > div {
  position: relative;
  transition: opacity 1s ease-out;
}
.locators .locator > div .edit-locator {
  display: none;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 16px;
  padding: 0;
  margin: 0;
  border: 0pt none;
  background-color: unset;
  position: absolute;
  right: 0px;
  top: 5px;
}
.locators .locator > div .edit-locator button {
  cursor: pointer;
}
.locators .locator > div:hover .edit-locator {
  display: flex;
  flex-direction: row;
}
.locators .locator > div.deleting {
  opacity: 0.2;
}
.locators .locator p {
  padding-left: 6px;
  white-space: pre-line;
}
.locators .locator .locator-path:after {
  content: "\a";
}
.locators .locator select.locator-context, .locators .locator select.locator-type {
  padding: 0px;
  margin: 0px;
}
.locators .locator .locator-context, .locators .locator .locator-type, .locators .locator .locator-note {
  font-size: 0.8em;
  color: rgb(100, 100, 100);
  padding-left: 4px;
  font-family: "Carlito";
  position: relative;
  top: -4px;
}
.locators .locator .locator-context + .locator-context, .locators .locator .locator-context + .locator-type, .locators .locator .locator-context + .locator-note, .locators .locator .locator-type + .locator-context, .locators .locator .locator-type + .locator-type, .locators .locator .locator-type + .locator-note, .locators .locator .locator-note + .locator-context, .locators .locator .locator-note + .locator-type, .locators .locator .locator-note + .locator-note {
  padding-left: 0px;
}
.locators .locator .locator-context + .locator-context:before, .locators .locator .locator-context + .locator-type:before, .locators .locator .locator-context + .locator-note:before, .locators .locator .locator-type + .locator-context:before, .locators .locator .locator-type + .locator-type:before, .locators .locator .locator-type + .locator-note:before, .locators .locator .locator-note + .locator-context:before, .locators .locator .locator-note + .locator-type:before, .locators .locator .locator-note + .locator-note:before {
  content: " · ";
}
.locators .locator button, .locators .locator .button {
  padding: 2px !important;
  margin: 0px;
  border: 1px solid grey;
  height: 24px;
}

.edit-client-data, #client-edit-container section.health-insurance .edit-insurance-data {
  display: none;
  position: absolute;
  right: 22px;
  top: 2px;
}

#client-data {
  position: relative;
}
#client-data:hover .edit-client-data, #client-data:hover #client-edit-container section.health-insurance .edit-insurance-data, #client-edit-container section.health-insurance #client-data:hover .edit-insurance-data {
  display: inline-block;
}
#client-data .add-locator input[type=checkbox] {
  display: none;
}
#client-data .add-locator input[type=checkbox] ~ ul {
  display: none;
  position: absolute;
  top: 0px;
  right: 22px;
  padding: 4px;
  background-color: white;
  border: 2px inset red;
}
#client-data .add-locator input[type=checkbox] ~ ul li {
  display: inline-block;
}
#client-data .add-locator input[type=checkbox] ~ ul li a {
  display: block;
  height: 24px;
  width: 24px;
}
#client-data .add-locator input[type=checkbox] ~ ul li a:before {
  width: 2em;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-family: Dingbats;
}
#client-data .add-locator input[type=checkbox] ~ ul li a.tel:before {
  content: "☎";
}
#client-data .add-locator input[type=checkbox] ~ ul li a.mailto:before {
  content: "📧";
}
#client-data .add-locator input[type=checkbox] ~ ul li a.address:before {
  content: "⚓";
}
#client-data .add-locator input[type=checkbox]:checked ~ ul {
  display: block;
}
#client-data .add-locator label {
  cursor: pointer;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  border: 0pt none;
  background-color: unset;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 5px;
}
#client-data > p:first-of-type {
  white-space: pre-line;
}
#client-data #salutation {
  white-space: pre-line;
}
#client-data #salutation:after {
  content: "\a";
}
#client-data #first-name, #client-data #surname {
  font-size: 1.8em;
}
#client-data #birthday {
  width: 100%;
}

#health-insurance-search-results {
  position: absolute;
  z-index: 200;
}
#health-insurance-search-results .clients {
  right: unset;
}
#health-insurance-search-results .clients ul {
  overflow-y: auto;
  max-height: calc(50vh - 6rem);
}
#health-insurance-search-results .clients ul li button {
  margin-bottom: 0px;
}

#ask-for-current-user, #confirm-dialog {
  position: relative;
}

#confirm-dialog p {
  padding: 1.2em;
}

.overlay section.buttons {
  display: flex;
  margin-top: 24px;
  justify-content: space-between;
}
.overlay section.buttons a {
  margin-left: 1rem;
  display: inline-block;
  padding: 2px 4px;
  margin-bottom: 1rem;
  background-color: rgba(128, 0, 49, 0.2);
}

#client-edit-container .overlay-content, #client-create-container .overlay-content, #login-overlay, #ask-for-current-user, #confirm-dialog {
  padding: 24px;
  max-width: 860px;
  max-height: calc(97vh - 26px);
  overflow-y: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* position: relative; */
}
#client-edit-container .overlay-content > a.close, #client-create-container .overlay-content > a.close, #login-overlay > a.close, #ask-for-current-user > a.close, #confirm-dialog > a.close {
  position: absolute;
  right: 4px;
  top: 4px;
}
#client-edit-container .overlay-content ul, #client-create-container .overlay-content ul, #login-overlay ul, #ask-for-current-user ul, #confirm-dialog ul {
  list-style-type: none;
}
#client-edit-container .overlay-content h1, #client-edit-container .overlay-content h2, #client-edit-container .overlay-content h3, #client-create-container .overlay-content h1, #client-create-container .overlay-content h2, #client-create-container .overlay-content h3, #login-overlay h1, #login-overlay h2, #login-overlay h3, #ask-for-current-user h1, #ask-for-current-user h2, #ask-for-current-user h3, #confirm-dialog h1, #confirm-dialog h2, #confirm-dialog h3 {
  flex: 2 2 100%;
  padding: 8px;
}
#client-edit-container .overlay-content > section, #client-create-container .overlay-content > section, #login-overlay > section, #ask-for-current-user > section, #confirm-dialog > section {
  flex: 1 1 45%;
  margin-right: 4px;
  margin-left: 4px;
  max-width: 100%;
}
#client-edit-container .overlay-content > section#new-prescription, #client-create-container .overlay-content > section#new-prescription, #login-overlay > section#new-prescription, #ask-for-current-user > section#new-prescription, #confirm-dialog > section#new-prescription {
  margin-top: 24px;
}
#client-edit-container .overlay-content form, #client-create-container .overlay-content form, #login-overlay form, #ask-for-current-user form, #confirm-dialog form {
  width: 100%;
}
#client-edit-container .overlay-content .client-data, #client-edit-container .overlay-content .locators > div, #client-create-container .overlay-content .client-data, #client-create-container .overlay-content .locators > div, #login-overlay .client-data, #login-overlay .locators > div, #ask-for-current-user .client-data, #ask-for-current-user .locators > div, #confirm-dialog .client-data, #confirm-dialog .locators > div {
  background-color: rgba(255, 255, 255, 0.3);
  border-bottom: 2px inset rgba(2, 2, 2, 0.6);
}
#client-edit-container .overlay-content .client-data.first-phone, #client-edit-container .overlay-content .locators > div.first-phone, #client-create-container .overlay-content .client-data.first-phone, #client-create-container .overlay-content .locators > div.first-phone, #login-overlay .client-data.first-phone, #login-overlay .locators > div.first-phone, #ask-for-current-user .client-data.first-phone, #ask-for-current-user .locators > div.first-phone, #confirm-dialog .client-data.first-phone, #confirm-dialog .locators > div.first-phone {
  border-bottom: 0px none;
}
#client-edit-container .overlay-content .client-data label span, #client-edit-container .overlay-content .locators > div label span, #client-create-container .overlay-content .client-data label span, #client-create-container .overlay-content .locators > div label span, #login-overlay .client-data label span, #login-overlay .locators > div label span, #ask-for-current-user .client-data label span, #ask-for-current-user .locators > div label span, #confirm-dialog .client-data label span, #confirm-dialog .locators > div label span {
  padding-left: 8px;
  padding-right: 8px;
}
#client-edit-container .overlay-content .client-data label, #client-edit-container .overlay-content .locators > div label, #client-create-container .overlay-content .client-data label, #client-create-container .overlay-content .locators > div label, #login-overlay .client-data label, #login-overlay .locators > div label, #ask-for-current-user .client-data label, #ask-for-current-user .locators > div label, #confirm-dialog .client-data label, #confirm-dialog .locators > div label {
  font-size: 0.75em;
}
#client-edit-container .overlay-content .client-data, #client-create-container .overlay-content .client-data, #login-overlay .client-data, #ask-for-current-user .client-data, #confirm-dialog .client-data {
  position: relative;
}
#client-edit-container .overlay-content .client-data .edit-client-data, #client-edit-container .overlay-content .client-data section.health-insurance .edit-insurance-data, #client-edit-container section.health-insurance .overlay-content .client-data .edit-insurance-data, #client-create-container .overlay-content .client-data .edit-client-data, #client-create-container .overlay-content .client-data #client-edit-container section.health-insurance .edit-insurance-data, #login-overlay .client-data .edit-client-data, #login-overlay .client-data #client-edit-container section.health-insurance .edit-insurance-data, #client-edit-container section.health-insurance #login-overlay .client-data .edit-insurance-data, #ask-for-current-user .client-data .edit-client-data, #ask-for-current-user .client-data #client-edit-container section.health-insurance .edit-insurance-data, #client-edit-container section.health-insurance #ask-for-current-user .client-data .edit-insurance-data, #confirm-dialog .client-data .edit-client-data, #confirm-dialog .client-data #client-edit-container section.health-insurance .edit-insurance-data, #client-edit-container section.health-insurance #confirm-dialog .client-data .edit-insurance-data {
  display: none;
  position: absolute;
  right: 22px;
  top: 2px;
}
#client-edit-container .overlay-content .client-data:hover .edit-client-data, #client-edit-container .overlay-content .client-data:hover section.health-insurance .edit-insurance-data, #client-edit-container section.health-insurance .overlay-content .client-data:hover .edit-insurance-data, #client-create-container .overlay-content .client-data:hover .edit-client-data, #client-create-container .overlay-content .client-data:hover #client-edit-container section.health-insurance .edit-insurance-data, #login-overlay .client-data:hover .edit-client-data, #login-overlay .client-data:hover #client-edit-container section.health-insurance .edit-insurance-data, #client-edit-container section.health-insurance #login-overlay .client-data:hover .edit-insurance-data, #ask-for-current-user .client-data:hover .edit-client-data, #ask-for-current-user .client-data:hover #client-edit-container section.health-insurance .edit-insurance-data, #client-edit-container section.health-insurance #ask-for-current-user .client-data:hover .edit-insurance-data, #confirm-dialog .client-data:hover .edit-client-data, #confirm-dialog .client-data:hover #client-edit-container section.health-insurance .edit-insurance-data, #client-edit-container section.health-insurance #confirm-dialog .client-data:hover .edit-insurance-data {
  display: inline-block;
}
#client-edit-container .overlay-content h1, #client-create-container .overlay-content h1, #login-overlay h1, #ask-for-current-user h1, #confirm-dialog h1 {
  font-size: 1.5em;
  font-weight: bold;
  padding: 6px;
  margin: 10px 0px 10px 0px;
  margin-right: 4px;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.9);
  border-bottom: 2px outset #580021;
  border-radius: 3px;
}
#client-edit-container .overlay-content h2, #client-create-container .overlay-content h2, #login-overlay h2, #ask-for-current-user h2, #confirm-dialog h2 {
  font-size: 1.35em;
  font-weight: bold;
  margin: 5px 0px 5px 0px;
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
}
#client-edit-container .overlay-content h3, #client-create-container .overlay-content h3, #login-overlay h3, #ask-for-current-user h3, #confirm-dialog h3 {
  font-size: 1.15em;
  font-weight: bold;
  padding: 3px;
  margin: 0px;
}
#client-edit-container .overlay-content input, #client-edit-container .overlay-content select, #client-create-container .overlay-content input, #client-create-container .overlay-content select, #login-overlay input, #login-overlay select, #ask-for-current-user input, #ask-for-current-user select, #confirm-dialog input, #confirm-dialog select {
  background-color: #ffffff;
  border: 1px solid rgb(232, 232, 231);
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1), 0 0 16px rgba(0, 0, 0, 0.1);
  padding: 3px;
  margin-bottom: 4px;
  margin-top: 4px;
}
#client-edit-container .overlay-content *::-moz-placeholder, #client-create-container .overlay-content *::-moz-placeholder, #login-overlay *::-moz-placeholder, #ask-for-current-user *::-moz-placeholder, #confirm-dialog *::-moz-placeholder {
  color: #aaaaaa;
}
#client-edit-container .overlay-content *:-ms-input-placeholder, #client-create-container .overlay-content *:-ms-input-placeholder, #login-overlay *:-ms-input-placeholder, #ask-for-current-user *:-ms-input-placeholder, #confirm-dialog *:-ms-input-placeholder {
  color: #aaaaaa;
}
#client-edit-container .overlay-content *::placeholder, #client-create-container .overlay-content *::placeholder, #login-overlay *::placeholder, #ask-for-current-user *::placeholder, #confirm-dialog *::placeholder {
  color: #aaaaaa;
}
#client-edit-container .overlay-content input.has-errors, #client-create-container .overlay-content input.has-errors, #login-overlay input.has-errors, #ask-for-current-user input.has-errors, #confirm-dialog input.has-errors {
  border: 1px solid red;
}
#client-edit-container .overlay-content label.has-errors, #client-create-container .overlay-content label.has-errors, #login-overlay label.has-errors, #ask-for-current-user label.has-errors, #confirm-dialog label.has-errors {
  color: red;
}
#client-edit-container .overlay-content p, #client-create-container .overlay-content p, #login-overlay p, #ask-for-current-user p, #confirm-dialog p {
  margin: 2px 0px 0px 2px;
}
#client-edit-container .overlay-content p.has-errors, #client-create-container .overlay-content p.has-errors, #login-overlay p.has-errors, #ask-for-current-user p.has-errors, #confirm-dialog p.has-errors {
  border: 1px solid red;
}
#client-edit-container .overlay-content p.warning b, #client-create-container .overlay-content p.warning b, #login-overlay p.warning b, #ask-for-current-user p.warning b, #confirm-dialog p.warning b {
  color: red;
}
#client-edit-container .overlay-content .client-data, #client-create-container .overlay-content .client-data, #login-overlay .client-data, #ask-for-current-user .client-data, #confirm-dialog .client-data {
  position: relative;
}
#client-edit-container .overlay-content .client-data .add-locator input[type=checkbox], #client-create-container .overlay-content .client-data .add-locator input[type=checkbox], #login-overlay .client-data .add-locator input[type=checkbox], #ask-for-current-user .client-data .add-locator input[type=checkbox], #confirm-dialog .client-data .add-locator input[type=checkbox] {
  display: none;
}
#client-edit-container .overlay-content .client-data .add-locator input[type=checkbox] ~ ul, #client-create-container .overlay-content .client-data .add-locator input[type=checkbox] ~ ul, #login-overlay .client-data .add-locator input[type=checkbox] ~ ul, #ask-for-current-user .client-data .add-locator input[type=checkbox] ~ ul, #confirm-dialog .client-data .add-locator input[type=checkbox] ~ ul {
  display: none;
  position: absolute;
  top: 0px;
  right: 22px;
  padding: 4px;
  background-color: white;
  border: 2px inset red;
}
#client-edit-container .overlay-content .client-data .add-locator input[type=checkbox] ~ ul li, #client-create-container .overlay-content .client-data .add-locator input[type=checkbox] ~ ul li, #login-overlay .client-data .add-locator input[type=checkbox] ~ ul li, #ask-for-current-user .client-data .add-locator input[type=checkbox] ~ ul li, #confirm-dialog .client-data .add-locator input[type=checkbox] ~ ul li {
  display: inline-block;
}
#client-edit-container .overlay-content .client-data .add-locator input[type=checkbox] ~ ul li a, #client-create-container .overlay-content .client-data .add-locator input[type=checkbox] ~ ul li a, #login-overlay .client-data .add-locator input[type=checkbox] ~ ul li a, #ask-for-current-user .client-data .add-locator input[type=checkbox] ~ ul li a, #confirm-dialog .client-data .add-locator input[type=checkbox] ~ ul li a {
  display: block;
  height: 24px;
  width: 24px;
}
#client-edit-container .overlay-content .client-data .add-locator input[type=checkbox] ~ ul li a:before, #client-create-container .overlay-content .client-data .add-locator input[type=checkbox] ~ ul li a:before, #login-overlay .client-data .add-locator input[type=checkbox] ~ ul li a:before, #ask-for-current-user .client-data .add-locator input[type=checkbox] ~ ul li a:before, #confirm-dialog .client-data .add-locator input[type=checkbox] ~ ul li a:before {
  width: 2em;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-family: Dingbats;
}
#client-edit-container .overlay-content .client-data .add-locator input[type=checkbox] ~ ul li a.tel:before, #client-create-container .overlay-content .client-data .add-locator input[type=checkbox] ~ ul li a.tel:before, #login-overlay .client-data .add-locator input[type=checkbox] ~ ul li a.tel:before, #ask-for-current-user .client-data .add-locator input[type=checkbox] ~ ul li a.tel:before, #confirm-dialog .client-data .add-locator input[type=checkbox] ~ ul li a.tel:before {
  content: "☎";
}
#client-edit-container .overlay-content .client-data .add-locator input[type=checkbox] ~ ul li a.mailto:before, #client-create-container .overlay-content .client-data .add-locator input[type=checkbox] ~ ul li a.mailto:before, #login-overlay .client-data .add-locator input[type=checkbox] ~ ul li a.mailto:before, #ask-for-current-user .client-data .add-locator input[type=checkbox] ~ ul li a.mailto:before, #confirm-dialog .client-data .add-locator input[type=checkbox] ~ ul li a.mailto:before {
  content: "📧";
}
#client-edit-container .overlay-content .client-data .add-locator input[type=checkbox] ~ ul li a.address:before, #client-create-container .overlay-content .client-data .add-locator input[type=checkbox] ~ ul li a.address:before, #login-overlay .client-data .add-locator input[type=checkbox] ~ ul li a.address:before, #ask-for-current-user .client-data .add-locator input[type=checkbox] ~ ul li a.address:before, #confirm-dialog .client-data .add-locator input[type=checkbox] ~ ul li a.address:before {
  content: "⚓";
}
#client-edit-container .overlay-content .client-data .add-locator input[type=checkbox]:checked ~ ul, #client-create-container .overlay-content .client-data .add-locator input[type=checkbox]:checked ~ ul, #login-overlay .client-data .add-locator input[type=checkbox]:checked ~ ul, #ask-for-current-user .client-data .add-locator input[type=checkbox]:checked ~ ul, #confirm-dialog .client-data .add-locator input[type=checkbox]:checked ~ ul {
  display: block;
}
#client-edit-container .overlay-content .client-data .add-locator input[type=checkbox]:checked ~ label, #client-create-container .overlay-content .client-data .add-locator input[type=checkbox]:checked ~ label, #login-overlay .client-data .add-locator input[type=checkbox]:checked ~ label, #ask-for-current-user .client-data .add-locator input[type=checkbox]:checked ~ label, #confirm-dialog .client-data .add-locator input[type=checkbox]:checked ~ label {
  background-image: url(/images/reset.png);
}
#client-edit-container .overlay-content .client-data .add-locator input[type=checkbox]:checked ~ label img, #client-create-container .overlay-content .client-data .add-locator input[type=checkbox]:checked ~ label img, #login-overlay .client-data .add-locator input[type=checkbox]:checked ~ label img, #ask-for-current-user .client-data .add-locator input[type=checkbox]:checked ~ label img, #confirm-dialog .client-data .add-locator input[type=checkbox]:checked ~ label img {
  display: none;
}
#client-edit-container .overlay-content .client-data .add-locator label, #client-create-container .overlay-content .client-data .add-locator label, #login-overlay .client-data .add-locator label, #ask-for-current-user .client-data .add-locator label, #confirm-dialog .client-data .add-locator label {
  cursor: pointer;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  border: 0pt none;
  background-color: unset;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 5px;
}
#client-edit-container .overlay-content .client-data > p:first-of-type, #client-create-container .overlay-content .client-data > p:first-of-type, #login-overlay .client-data > p:first-of-type, #ask-for-current-user .client-data > p:first-of-type, #confirm-dialog .client-data > p:first-of-type {
  white-space: pre-line;
}
#client-edit-container .overlay-content .client-data #salutation:after, #client-create-container .overlay-content .client-data #salutation:after, #login-overlay .client-data #salutation:after, #ask-for-current-user .client-data #salutation:after, #confirm-dialog .client-data #salutation:after {
  content: "\a";
}
#client-edit-container .overlay-content .client-data #first-name, #client-edit-container .overlay-content .client-data #surname, #client-create-container .overlay-content .client-data #first-name, #client-create-container .overlay-content .client-data #surname, #login-overlay .client-data #first-name, #login-overlay .client-data #surname, #ask-for-current-user .client-data #first-name, #ask-for-current-user .client-data #surname, #confirm-dialog .client-data #first-name, #confirm-dialog .client-data #surname {
  font-size: 1.8em;
}
#client-edit-container .overlay-content .client-data #birthday, #client-create-container .overlay-content .client-data #birthday, #login-overlay .client-data #birthday, #ask-for-current-user .client-data #birthday, #confirm-dialog .client-data #birthday {
  width: 100%;
}
#client-edit-container .overlay-content.edit-locator .add-locator, #client-edit-container .overlay-content.edit-locator .add-medical-record, #client-edit-container .overlay-content.edit-locator:hover .edit-locator, #client-create-container .overlay-content.edit-locator .add-locator, #client-create-container .overlay-content.edit-locator .add-medical-record, #client-create-container .overlay-content.edit-locator:hover .edit-locator, #login-overlay.edit-locator .add-locator, #login-overlay.edit-locator .add-medical-record, #login-overlay.edit-locator:hover .edit-locator, #ask-for-current-user.edit-locator .add-locator, #ask-for-current-user.edit-locator .add-medical-record, #ask-for-current-user.edit-locator:hover .edit-locator, #confirm-dialog.edit-locator .add-locator, #confirm-dialog.edit-locator .add-medical-record, #confirm-dialog.edit-locator:hover .edit-locator {
  display: none !important;
}
#client-edit-container .overlay-content.edit-locator .add-locator a, #client-edit-container .overlay-content.edit-locator .add-medical-record a, #client-edit-container .overlay-content.edit-locator:hover .edit-locator a, #client-create-container .overlay-content.edit-locator .add-locator a, #client-create-container .overlay-content.edit-locator .add-medical-record a, #client-create-container .overlay-content.edit-locator:hover .edit-locator a, #login-overlay.edit-locator .add-locator a, #login-overlay.edit-locator .add-medical-record a, #login-overlay.edit-locator:hover .edit-locator a, #ask-for-current-user.edit-locator .add-locator a, #ask-for-current-user.edit-locator .add-medical-record a, #ask-for-current-user.edit-locator:hover .edit-locator a, #confirm-dialog.edit-locator .add-locator a, #confirm-dialog.edit-locator .add-medical-record a, #confirm-dialog.edit-locator:hover .edit-locator a {
  width: 64px;
  height: 64px;
  border-radius: 3px;
  background-color: white;
}
#client-edit-container .overlay-content .add-medical-record, #client-create-container .overlay-content .add-medical-record, #login-overlay .add-medical-record, #ask-for-current-user .add-medical-record, #confirm-dialog .add-medical-record {
  text-align: right;
}
#client-edit-container .overlay-content #client-edit-form > div, #client-create-container .overlay-content #client-edit-form > div, #login-overlay #client-edit-form > div, #ask-for-current-user #client-edit-form > div, #confirm-dialog #client-edit-form > div {
  padding-top: 12px;
}
#client-edit-container .overlay-content .client-details-group, #client-create-container .overlay-content .client-details-group, #login-overlay .client-details-group, #ask-for-current-user .client-details-group, #confirm-dialog .client-details-group {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
}
#client-edit-container .overlay-content .client-master-data, #client-create-container .overlay-content .client-master-data, #login-overlay .client-master-data, #ask-for-current-user .client-master-data, #confirm-dialog .client-master-data {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
}
#client-edit-container .overlay-content .client-master-data > div, #client-edit-container .overlay-content .client-master-data > span, #client-create-container .overlay-content .client-master-data > div, #client-create-container .overlay-content .client-master-data > span, #login-overlay .client-master-data > div, #login-overlay .client-master-data > span, #ask-for-current-user .client-master-data > div, #ask-for-current-user .client-master-data > span, #confirm-dialog .client-master-data > div, #confirm-dialog .client-master-data > span {
  flex: 2;
  min-width: 0px;
  margin: 3px;
}
#client-edit-container .overlay-content .client-master-data input[type=text], #client-create-container .overlay-content .client-master-data input[type=text], #login-overlay .client-master-data input[type=text], #ask-for-current-user .client-master-data input[type=text], #confirm-dialog .client-master-data input[type=text] {
  max-width: 98%;
  font-size: 1.8em;
  height: 1.4em;
}
#client-edit-container .overlay-content .client-master-data input[type=text] > span, #client-create-container .overlay-content .client-master-data input[type=text] > span, #login-overlay .client-master-data input[type=text] > span, #ask-for-current-user .client-master-data input[type=text] > span, #confirm-dialog .client-master-data input[type=text] > span {
  width: 100%;
  text-align: right;
  display: inline-block;
  margin-right: 0.5rem;
}
#client-edit-container .overlay-content .client-master-data .alert, #client-create-container .overlay-content .client-master-data .alert, #login-overlay .client-master-data .alert, #ask-for-current-user .client-master-data .alert, #confirm-dialog .client-master-data .alert {
  flex: 4.8 100%;
  color: red;
}
#client-edit-container .overlay-content .client-master-data #salutation, #client-create-container .overlay-content .client-master-data #salutation, #login-overlay .client-master-data #salutation, #ask-for-current-user .client-master-data #salutation, #confirm-dialog .client-master-data #salutation {
  flex: 1;
  max-width: 6em;
  font-size: 1.2rem;
}
#client-edit-container .overlay-content .client-master-data #salutation input, #client-create-container .overlay-content .client-master-data #salutation input, #login-overlay .client-master-data #salutation input, #ask-for-current-user .client-master-data #salutation input, #confirm-dialog .client-master-data #salutation input {
  font-size: 0.8em;
  height: 2em;
}
#client-edit-container .overlay-content .client-master-data #title, #client-create-container .overlay-content .client-master-data #title, #login-overlay .client-master-data #title, #ask-for-current-user .client-master-data #title, #confirm-dialog .client-master-data #title {
  width: 7em;
}
#client-edit-container .overlay-content .client-master-data label, #client-create-container .overlay-content .client-master-data label, #login-overlay .client-master-data label, #ask-for-current-user .client-master-data label, #confirm-dialog .client-master-data label {
  display: none;
}
#client-edit-container .overlay-content .client-master-data select, #client-create-container .overlay-content .client-master-data select, #login-overlay .client-master-data select, #ask-for-current-user .client-master-data select, #confirm-dialog .client-master-data select {
  background-color: #ffffff;
  width: 7em;
}
#client-edit-container .overlay-content .birthday, #client-edit-container .overlay-content .public-health-insurance, #client-create-container .overlay-content .birthday, #client-create-container .overlay-content .public-health-insurance, #login-overlay .birthday, #login-overlay .public-health-insurance, #ask-for-current-user .birthday, #ask-for-current-user .public-health-insurance, #confirm-dialog .birthday, #confirm-dialog .public-health-insurance {
  display: flex;
}
#client-edit-container .overlay-content .birthday label, #client-edit-container .overlay-content .public-health-insurance label, #client-create-container .overlay-content .birthday label, #client-create-container .overlay-content .public-health-insurance label, #login-overlay .birthday label, #login-overlay .public-health-insurance label, #ask-for-current-user .birthday label, #ask-for-current-user .public-health-insurance label, #confirm-dialog .birthday label, #confirm-dialog .public-health-insurance label {
  margin: 3px;
  padding: 2px;
}
#client-edit-container .overlay-content .birthday span, #client-edit-container .overlay-content .public-health-insurance span, #client-create-container .overlay-content .birthday span, #client-create-container .overlay-content .public-health-insurance span, #login-overlay .birthday span, #login-overlay .public-health-insurance span, #ask-for-current-user .birthday span, #ask-for-current-user .public-health-insurance span, #confirm-dialog .birthday span, #confirm-dialog .public-health-insurance span {
  margin-top: 6px;
  margin-right: 8px;
  padding: 6px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
}
#client-edit-container .overlay-content .health-insurance, #client-create-container .overlay-content .health-insurance, #login-overlay .health-insurance, #ask-for-current-user .health-insurance, #confirm-dialog .health-insurance {
  flex: 2;
  position: relative;
}
#client-edit-container .overlay-content .health-insurance:hover .edit-client-data, #client-edit-container .overlay-content .health-insurance:hover section.health-insurance .edit-insurance-data, #client-edit-container section.health-insurance .overlay-content .health-insurance:hover .edit-insurance-data, #client-create-container .overlay-content .health-insurance:hover .edit-client-data, #client-create-container .overlay-content .health-insurance:hover #client-edit-container section.health-insurance .edit-insurance-data, #login-overlay .health-insurance:hover .edit-client-data, #login-overlay .health-insurance:hover #client-edit-container section.health-insurance .edit-insurance-data, #client-edit-container section.health-insurance #login-overlay .health-insurance:hover .edit-insurance-data, #ask-for-current-user .health-insurance:hover .edit-client-data, #ask-for-current-user .health-insurance:hover #client-edit-container section.health-insurance .edit-insurance-data, #client-edit-container section.health-insurance #ask-for-current-user .health-insurance:hover .edit-insurance-data, #confirm-dialog .health-insurance:hover .edit-client-data, #confirm-dialog .health-insurance:hover #client-edit-container section.health-insurance .edit-insurance-data, #client-edit-container section.health-insurance #confirm-dialog .health-insurance:hover .edit-insurance-data {
  display: inline-block;
  top: unset;
  right: 12px;
}
#client-edit-container .overlay-content .health-insurance #public-insurance ~ .public-health-insurance, #client-create-container .overlay-content .health-insurance #public-insurance ~ .public-health-insurance, #login-overlay .health-insurance #public-insurance ~ .public-health-insurance, #ask-for-current-user .health-insurance #public-insurance ~ .public-health-insurance, #confirm-dialog .health-insurance #public-insurance ~ .public-health-insurance {
  display: none;
}
#client-edit-container .overlay-content .health-insurance #public-insurance:checked ~ .public-health-insurance, #client-create-container .overlay-content .health-insurance #public-insurance:checked ~ .public-health-insurance, #login-overlay .health-insurance #public-insurance:checked ~ .public-health-insurance, #ask-for-current-user .health-insurance #public-insurance:checked ~ .public-health-insurance, #confirm-dialog .health-insurance #public-insurance:checked ~ .public-health-insurance {
  display: flex;
  flex-wrap: wrap;
}
#client-edit-container .overlay-content .health-insurance #public-insurance:checked ~ .public-health-insurance input, #client-create-container .overlay-content .health-insurance #public-insurance:checked ~ .public-health-insurance input, #login-overlay .health-insurance #public-insurance:checked ~ .public-health-insurance input, #ask-for-current-user .health-insurance #public-insurance:checked ~ .public-health-insurance input, #confirm-dialog .health-insurance #public-insurance:checked ~ .public-health-insurance input {
  flex: 10;
}
#client-edit-container .overlay-content .birthday, #client-create-container .overlay-content .birthday, #login-overlay .birthday, #ask-for-current-user .birthday, #confirm-dialog .birthday {
  flex: 3;
}
#client-edit-container .overlay-content .birthday label, #client-create-container .overlay-content .birthday label, #login-overlay .birthday label, #ask-for-current-user .birthday label, #confirm-dialog .birthday label {
  margin: 5px;
  flex: 1;
  max-width: 6em;
  text-align: right;
}
#client-edit-container .overlay-content .birthday span, #client-edit-container .overlay-content .birthday div, #client-create-container .overlay-content .birthday span, #client-create-container .overlay-content .birthday div, #login-overlay .birthday span, #login-overlay .birthday div, #ask-for-current-user .birthday span, #ask-for-current-user .birthday div, #confirm-dialog .birthday span, #confirm-dialog .birthday div {
  flex: 2;
}
#client-edit-container .overlay-content .birthday input.client-date-of-birth-input, #client-create-container .overlay-content .birthday input.client-date-of-birth-input, #login-overlay .birthday input.client-date-of-birth-input, #ask-for-current-user .birthday input.client-date-of-birth-input, #confirm-dialog .birthday input.client-date-of-birth-input {
  margin: 3px;
  flex: 2;
}
#client-edit-container .overlay-content .public-health-insurance, #client-create-container .overlay-content .public-health-insurance, #login-overlay .public-health-insurance, #ask-for-current-user .public-health-insurance, #confirm-dialog .public-health-insurance {
  position: relative;
  flex: 2;
  align-items: center;
  padding-top: 0.4rem;
}
#client-edit-container .overlay-content .public-health-insurance span, #client-create-container .overlay-content .public-health-insurance span, #login-overlay .public-health-insurance span, #ask-for-current-user .public-health-insurance span, #confirm-dialog .public-health-insurance span {
  flex: 2;
}
#client-edit-container .overlay-content .public-health-insurance form, #client-edit-container .overlay-content .public-health-insurance label, #client-create-container .overlay-content .public-health-insurance form, #client-create-container .overlay-content .public-health-insurance label, #login-overlay .public-health-insurance form, #login-overlay .public-health-insurance label, #ask-for-current-user .public-health-insurance form, #ask-for-current-user .public-health-insurance label, #confirm-dialog .public-health-insurance form, #confirm-dialog .public-health-insurance label {
  flex: 1;
  margin-top: 0px !important;
}
#client-edit-container .overlay-content .public-health-insurance > label.copay-exempt, #client-create-container .overlay-content .public-health-insurance > label.copay-exempt, #login-overlay .public-health-insurance > label.copay-exempt, #ask-for-current-user .public-health-insurance > label.copay-exempt, #confirm-dialog .public-health-insurance > label.copay-exempt {
  font-size: 0.9rem;
  border: 1px dashed rgba(128, 0, 49, 0.2);
  border-radius: 3px;
}
#client-edit-container .overlay-content .public-health-insurance form label, #client-create-container .overlay-content .public-health-insurance form label, #login-overlay .public-health-insurance form label, #ask-for-current-user .public-health-insurance form label, #confirm-dialog .public-health-insurance form label {
  margin: 5px;
}
#client-edit-container .overlay-content .public-health-insurance form label[for=copay-exempt], #client-create-container .overlay-content .public-health-insurance form label[for=copay-exempt], #login-overlay .public-health-insurance form label[for=copay-exempt], #ask-for-current-user .public-health-insurance form label[for=copay-exempt], #confirm-dialog .public-health-insurance form label[for=copay-exempt] {
  margin-top: 0px;
}
#client-edit-container .overlay-content .public-health-insurance select, #client-create-container .overlay-content .public-health-insurance select, #login-overlay .public-health-insurance select, #ask-for-current-user .public-health-insurance select, #confirm-dialog .public-health-insurance select {
  width: 70%;
}
#client-edit-container .overlay-content .public-health-insurance select[disabled], #client-edit-container .overlay-content .public-health-insurance select:disabled, #client-create-container .overlay-content .public-health-insurance select[disabled], #client-create-container .overlay-content .public-health-insurance select:disabled, #login-overlay .public-health-insurance select[disabled], #login-overlay .public-health-insurance select:disabled, #ask-for-current-user .public-health-insurance select[disabled], #ask-for-current-user .public-health-insurance select:disabled, #confirm-dialog .public-health-insurance select[disabled], #confirm-dialog .public-health-insurance select:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
#client-edit-container .overlay-content .public-health-insurance select:invalid, #client-create-container .overlay-content .public-health-insurance select:invalid, #login-overlay .public-health-insurance select:invalid, #ask-for-current-user .public-health-insurance select:invalid, #confirm-dialog .public-health-insurance select:invalid {
  color: #aaaaaa;
}
#client-edit-container .overlay-content .public-health-insurance input[disabled], #client-create-container .overlay-content .public-health-insurance input[disabled], #login-overlay .public-health-insurance input[disabled], #ask-for-current-user .public-health-insurance input[disabled], #confirm-dialog .public-health-insurance input[disabled] {
  background-color: #eeeeee;
}
#client-edit-container .overlay-content .public-health-insurance div.unknown-insurance, #client-create-container .overlay-content .public-health-insurance div.unknown-insurance, #login-overlay .public-health-insurance div.unknown-insurance, #ask-for-current-user .public-health-insurance div.unknown-insurance, #confirm-dialog .public-health-insurance div.unknown-insurance {
  padding-left: 2.3rem;
}
#client-edit-container .overlay-content .locators label, #client-create-container .overlay-content .locators label, #login-overlay .locators label, #ask-for-current-user .locators label, #confirm-dialog .locators label {
  flex: 1;
}
#client-edit-container .overlay-content .email-inputs, #client-edit-container .overlay-content .address-inputs, #client-edit-container .overlay-content .phone-inputs, #client-edit-container .overlay-content .locator-inputs, #client-create-container .overlay-content .email-inputs, #client-create-container .overlay-content .address-inputs, #client-create-container .overlay-content .phone-inputs, #client-create-container .overlay-content .locator-inputs, #login-overlay .email-inputs, #login-overlay .address-inputs, #login-overlay .phone-inputs, #login-overlay .locator-inputs, #ask-for-current-user .email-inputs, #ask-for-current-user .address-inputs, #ask-for-current-user .phone-inputs, #ask-for-current-user .locator-inputs, #confirm-dialog .email-inputs, #confirm-dialog .address-inputs, #confirm-dialog .phone-inputs, #confirm-dialog .locator-inputs {
  flex: 4 4;
  align-items: center;
  padding-right: 8px;
}
#client-edit-container .overlay-content .email-inputs input:not(.note), #client-edit-container .overlay-content .address-inputs input:not(.note), #client-edit-container .overlay-content .phone-inputs input:not(.note), #client-edit-container .overlay-content .locator-inputs input:not(.note), #client-create-container .overlay-content .email-inputs input:not(.note), #client-create-container .overlay-content .address-inputs input:not(.note), #client-create-container .overlay-content .phone-inputs input:not(.note), #client-create-container .overlay-content .locator-inputs input:not(.note), #login-overlay .email-inputs input:not(.note), #login-overlay .address-inputs input:not(.note), #login-overlay .phone-inputs input:not(.note), #login-overlay .locator-inputs input:not(.note), #ask-for-current-user .email-inputs input:not(.note), #ask-for-current-user .address-inputs input:not(.note), #ask-for-current-user .phone-inputs input:not(.note), #ask-for-current-user .locator-inputs input:not(.note), #confirm-dialog .email-inputs input:not(.note), #confirm-dialog .address-inputs input:not(.note), #confirm-dialog .phone-inputs input:not(.note), #confirm-dialog .locator-inputs input:not(.note) {
  flex: 5;
  width: 100%;
}
#client-edit-container .overlay-content .email-inputs input.note, #client-edit-container .overlay-content .address-inputs input.note, #client-edit-container .overlay-content .phone-inputs input.note, #client-edit-container .overlay-content .locator-inputs input.note, #client-create-container .overlay-content .email-inputs input.note, #client-create-container .overlay-content .address-inputs input.note, #client-create-container .overlay-content .phone-inputs input.note, #client-create-container .overlay-content .locator-inputs input.note, #login-overlay .email-inputs input.note, #login-overlay .address-inputs input.note, #login-overlay .phone-inputs input.note, #login-overlay .locator-inputs input.note, #ask-for-current-user .email-inputs input.note, #ask-for-current-user .address-inputs input.note, #ask-for-current-user .phone-inputs input.note, #ask-for-current-user .locator-inputs input.note, #confirm-dialog .email-inputs input.note, #confirm-dialog .address-inputs input.note, #confirm-dialog .phone-inputs input.note, #confirm-dialog .locator-inputs input.note {
  vertical-align: text-bottom;
  font-size: 0.7em;
}
#client-edit-container .overlay-content .email-inputs #toggle-address-addendum, #client-edit-container .overlay-content .address-inputs #toggle-address-addendum, #client-edit-container .overlay-content .phone-inputs #toggle-address-addendum, #client-edit-container .overlay-content .locator-inputs #toggle-address-addendum, #client-create-container .overlay-content .email-inputs #toggle-address-addendum, #client-create-container .overlay-content .address-inputs #toggle-address-addendum, #client-create-container .overlay-content .phone-inputs #toggle-address-addendum, #client-create-container .overlay-content .locator-inputs #toggle-address-addendum, #login-overlay .email-inputs #toggle-address-addendum, #login-overlay .address-inputs #toggle-address-addendum, #login-overlay .phone-inputs #toggle-address-addendum, #login-overlay .locator-inputs #toggle-address-addendum, #ask-for-current-user .email-inputs #toggle-address-addendum, #ask-for-current-user .address-inputs #toggle-address-addendum, #ask-for-current-user .phone-inputs #toggle-address-addendum, #ask-for-current-user .locator-inputs #toggle-address-addendum, #confirm-dialog .email-inputs #toggle-address-addendum, #confirm-dialog .address-inputs #toggle-address-addendum, #confirm-dialog .phone-inputs #toggle-address-addendum, #confirm-dialog .locator-inputs #toggle-address-addendum {
  display: none;
}
#client-edit-container .overlay-content .email-inputs #toggle-address-addendum + label, #client-edit-container .overlay-content .address-inputs #toggle-address-addendum + label, #client-edit-container .overlay-content .phone-inputs #toggle-address-addendum + label, #client-edit-container .overlay-content .locator-inputs #toggle-address-addendum + label, #client-create-container .overlay-content .email-inputs #toggle-address-addendum + label, #client-create-container .overlay-content .address-inputs #toggle-address-addendum + label, #client-create-container .overlay-content .phone-inputs #toggle-address-addendum + label, #client-create-container .overlay-content .locator-inputs #toggle-address-addendum + label, #login-overlay .email-inputs #toggle-address-addendum + label, #login-overlay .address-inputs #toggle-address-addendum + label, #login-overlay .phone-inputs #toggle-address-addendum + label, #login-overlay .locator-inputs #toggle-address-addendum + label, #ask-for-current-user .email-inputs #toggle-address-addendum + label, #ask-for-current-user .address-inputs #toggle-address-addendum + label, #ask-for-current-user .phone-inputs #toggle-address-addendum + label, #ask-for-current-user .locator-inputs #toggle-address-addendum + label, #confirm-dialog .email-inputs #toggle-address-addendum + label, #confirm-dialog .address-inputs #toggle-address-addendum + label, #confirm-dialog .phone-inputs #toggle-address-addendum + label, #confirm-dialog .locator-inputs #toggle-address-addendum + label {
  flex: 0.2 0.2 15px;
  width: 15px;
  background-position: center;
  background-image: url("/images/add.png");
  background-repeat: no-repeat;
  display: inline-block;
}
#client-edit-container .overlay-content .email-inputs #toggle-address-addendum ~ #address-addendum, #client-edit-container .overlay-content .address-inputs #toggle-address-addendum ~ #address-addendum, #client-edit-container .overlay-content .phone-inputs #toggle-address-addendum ~ #address-addendum, #client-edit-container .overlay-content .locator-inputs #toggle-address-addendum ~ #address-addendum, #client-create-container .overlay-content .email-inputs #toggle-address-addendum ~ #address-addendum, #client-create-container .overlay-content .address-inputs #toggle-address-addendum ~ #address-addendum, #client-create-container .overlay-content .phone-inputs #toggle-address-addendum ~ #address-addendum, #client-create-container .overlay-content .locator-inputs #toggle-address-addendum ~ #address-addendum, #login-overlay .email-inputs #toggle-address-addendum ~ #address-addendum, #login-overlay .address-inputs #toggle-address-addendum ~ #address-addendum, #login-overlay .phone-inputs #toggle-address-addendum ~ #address-addendum, #login-overlay .locator-inputs #toggle-address-addendum ~ #address-addendum, #ask-for-current-user .email-inputs #toggle-address-addendum ~ #address-addendum, #ask-for-current-user .address-inputs #toggle-address-addendum ~ #address-addendum, #ask-for-current-user .phone-inputs #toggle-address-addendum ~ #address-addendum, #ask-for-current-user .locator-inputs #toggle-address-addendum ~ #address-addendum, #confirm-dialog .email-inputs #toggle-address-addendum ~ #address-addendum, #confirm-dialog .address-inputs #toggle-address-addendum ~ #address-addendum, #confirm-dialog .phone-inputs #toggle-address-addendum ~ #address-addendum, #confirm-dialog .locator-inputs #toggle-address-addendum ~ #address-addendum {
  display: none;
}
#client-edit-container .overlay-content .email-inputs #toggle-address-addendum ~ #address-addendum + br, #client-edit-container .overlay-content .address-inputs #toggle-address-addendum ~ #address-addendum + br, #client-edit-container .overlay-content .phone-inputs #toggle-address-addendum ~ #address-addendum + br, #client-edit-container .overlay-content .locator-inputs #toggle-address-addendum ~ #address-addendum + br, #client-create-container .overlay-content .email-inputs #toggle-address-addendum ~ #address-addendum + br, #client-create-container .overlay-content .address-inputs #toggle-address-addendum ~ #address-addendum + br, #client-create-container .overlay-content .phone-inputs #toggle-address-addendum ~ #address-addendum + br, #client-create-container .overlay-content .locator-inputs #toggle-address-addendum ~ #address-addendum + br, #login-overlay .email-inputs #toggle-address-addendum ~ #address-addendum + br, #login-overlay .address-inputs #toggle-address-addendum ~ #address-addendum + br, #login-overlay .phone-inputs #toggle-address-addendum ~ #address-addendum + br, #login-overlay .locator-inputs #toggle-address-addendum ~ #address-addendum + br, #ask-for-current-user .email-inputs #toggle-address-addendum ~ #address-addendum + br, #ask-for-current-user .address-inputs #toggle-address-addendum ~ #address-addendum + br, #ask-for-current-user .phone-inputs #toggle-address-addendum ~ #address-addendum + br, #ask-for-current-user .locator-inputs #toggle-address-addendum ~ #address-addendum + br, #confirm-dialog .email-inputs #toggle-address-addendum ~ #address-addendum + br, #confirm-dialog .address-inputs #toggle-address-addendum ~ #address-addendum + br, #confirm-dialog .phone-inputs #toggle-address-addendum ~ #address-addendum + br, #confirm-dialog .locator-inputs #toggle-address-addendum ~ #address-addendum + br {
  display: none;
}
#client-edit-container .overlay-content .email-inputs #toggle-address-addendum:checked + label, #client-edit-container .overlay-content .address-inputs #toggle-address-addendum:checked + label, #client-edit-container .overlay-content .phone-inputs #toggle-address-addendum:checked + label, #client-edit-container .overlay-content .locator-inputs #toggle-address-addendum:checked + label, #client-create-container .overlay-content .email-inputs #toggle-address-addendum:checked + label, #client-create-container .overlay-content .address-inputs #toggle-address-addendum:checked + label, #client-create-container .overlay-content .phone-inputs #toggle-address-addendum:checked + label, #client-create-container .overlay-content .locator-inputs #toggle-address-addendum:checked + label, #login-overlay .email-inputs #toggle-address-addendum:checked + label, #login-overlay .address-inputs #toggle-address-addendum:checked + label, #login-overlay .phone-inputs #toggle-address-addendum:checked + label, #login-overlay .locator-inputs #toggle-address-addendum:checked + label, #ask-for-current-user .email-inputs #toggle-address-addendum:checked + label, #ask-for-current-user .address-inputs #toggle-address-addendum:checked + label, #ask-for-current-user .phone-inputs #toggle-address-addendum:checked + label, #ask-for-current-user .locator-inputs #toggle-address-addendum:checked + label, #confirm-dialog .email-inputs #toggle-address-addendum:checked + label, #confirm-dialog .address-inputs #toggle-address-addendum:checked + label, #confirm-dialog .phone-inputs #toggle-address-addendum:checked + label, #confirm-dialog .locator-inputs #toggle-address-addendum:checked + label {
  background-image: url("/images/reset.png");
}
#client-edit-container .overlay-content .email-inputs #toggle-address-addendum:checked ~ #address-addendum, #client-edit-container .overlay-content .address-inputs #toggle-address-addendum:checked ~ #address-addendum, #client-edit-container .overlay-content .phone-inputs #toggle-address-addendum:checked ~ #address-addendum, #client-edit-container .overlay-content .locator-inputs #toggle-address-addendum:checked ~ #address-addendum, #client-create-container .overlay-content .email-inputs #toggle-address-addendum:checked ~ #address-addendum, #client-create-container .overlay-content .address-inputs #toggle-address-addendum:checked ~ #address-addendum, #client-create-container .overlay-content .phone-inputs #toggle-address-addendum:checked ~ #address-addendum, #client-create-container .overlay-content .locator-inputs #toggle-address-addendum:checked ~ #address-addendum, #login-overlay .email-inputs #toggle-address-addendum:checked ~ #address-addendum, #login-overlay .address-inputs #toggle-address-addendum:checked ~ #address-addendum, #login-overlay .phone-inputs #toggle-address-addendum:checked ~ #address-addendum, #login-overlay .locator-inputs #toggle-address-addendum:checked ~ #address-addendum, #ask-for-current-user .email-inputs #toggle-address-addendum:checked ~ #address-addendum, #ask-for-current-user .address-inputs #toggle-address-addendum:checked ~ #address-addendum, #ask-for-current-user .phone-inputs #toggle-address-addendum:checked ~ #address-addendum, #ask-for-current-user .locator-inputs #toggle-address-addendum:checked ~ #address-addendum, #confirm-dialog .email-inputs #toggle-address-addendum:checked ~ #address-addendum, #confirm-dialog .address-inputs #toggle-address-addendum:checked ~ #address-addendum, #confirm-dialog .phone-inputs #toggle-address-addendum:checked ~ #address-addendum, #confirm-dialog .locator-inputs #toggle-address-addendum:checked ~ #address-addendum {
  display: inline-block;
}
#client-edit-container .overlay-content .email-inputs select, #client-edit-container .overlay-content .address-inputs select, #client-edit-container .overlay-content .phone-inputs select, #client-edit-container .overlay-content .locator-inputs select, #client-create-container .overlay-content .email-inputs select, #client-create-container .overlay-content .address-inputs select, #client-create-container .overlay-content .phone-inputs select, #client-create-container .overlay-content .locator-inputs select, #login-overlay .email-inputs select, #login-overlay .address-inputs select, #login-overlay .phone-inputs select, #login-overlay .locator-inputs select, #ask-for-current-user .email-inputs select, #ask-for-current-user .address-inputs select, #ask-for-current-user .phone-inputs select, #ask-for-current-user .locator-inputs select, #confirm-dialog .email-inputs select, #confirm-dialog .address-inputs select, #confirm-dialog .phone-inputs select, #confirm-dialog .locator-inputs select {
  flex: 1;
  margin-right: 5px;
}
#client-edit-container .overlay-content .email-inputs .postal-code-input, #client-edit-container .overlay-content .address-inputs .postal-code-input, #client-edit-container .overlay-content .phone-inputs .postal-code-input, #client-edit-container .overlay-content .locator-inputs .postal-code-input, #client-create-container .overlay-content .email-inputs .postal-code-input, #client-create-container .overlay-content .address-inputs .postal-code-input, #client-create-container .overlay-content .phone-inputs .postal-code-input, #client-create-container .overlay-content .locator-inputs .postal-code-input, #login-overlay .email-inputs .postal-code-input, #login-overlay .address-inputs .postal-code-input, #login-overlay .phone-inputs .postal-code-input, #login-overlay .locator-inputs .postal-code-input, #ask-for-current-user .email-inputs .postal-code-input, #ask-for-current-user .address-inputs .postal-code-input, #ask-for-current-user .phone-inputs .postal-code-input, #ask-for-current-user .locator-inputs .postal-code-input, #confirm-dialog .email-inputs .postal-code-input, #confirm-dialog .address-inputs .postal-code-input, #confirm-dialog .phone-inputs .postal-code-input, #confirm-dialog .locator-inputs .postal-code-input {
  width: 20%;
}
#client-edit-container .overlay-content .email-inputs .city-input, #client-edit-container .overlay-content .address-inputs .city-input, #client-edit-container .overlay-content .phone-inputs .city-input, #client-edit-container .overlay-content .locator-inputs .city-input, #client-create-container .overlay-content .email-inputs .city-input, #client-create-container .overlay-content .address-inputs .city-input, #client-create-container .overlay-content .phone-inputs .city-input, #client-create-container .overlay-content .locator-inputs .city-input, #login-overlay .email-inputs .city-input, #login-overlay .address-inputs .city-input, #login-overlay .phone-inputs .city-input, #login-overlay .locator-inputs .city-input, #ask-for-current-user .email-inputs .city-input, #ask-for-current-user .address-inputs .city-input, #ask-for-current-user .phone-inputs .city-input, #ask-for-current-user .locator-inputs .city-input, #confirm-dialog .email-inputs .city-input, #confirm-dialog .address-inputs .city-input, #confirm-dialog .phone-inputs .city-input, #confirm-dialog .locator-inputs .city-input {
  width: calc(80% - 5px);
}
#client-edit-container .overlay-content .email-inputs, #client-edit-container .overlay-content .address-inputs, #client-edit-container .overlay-content .phone-inputs, #client-edit-container .overlay-content .locator-inputs, #client-create-container .overlay-content .email-inputs, #client-create-container .overlay-content .address-inputs, #client-create-container .overlay-content .phone-inputs, #client-create-container .overlay-content .locator-inputs, #login-overlay .email-inputs, #login-overlay .address-inputs, #login-overlay .phone-inputs, #login-overlay .locator-inputs, #ask-for-current-user .email-inputs, #ask-for-current-user .address-inputs, #ask-for-current-user .phone-inputs, #ask-for-current-user .locator-inputs, #confirm-dialog .email-inputs, #confirm-dialog .address-inputs, #confirm-dialog .phone-inputs, #confirm-dialog .locator-inputs {
  /* input.postal-code {
     width: calc(30% - 13px);
        margin-right: 8px;

        & + input {
        width: 70%;
        }
     }*/
}
#client-edit-container .overlay-content .email-inputs #street-address, #client-edit-container .overlay-content .address-inputs #street-address, #client-edit-container .overlay-content .phone-inputs #street-address, #client-edit-container .overlay-content .locator-inputs #street-address, #client-create-container .overlay-content .email-inputs #street-address, #client-create-container .overlay-content .address-inputs #street-address, #client-create-container .overlay-content .phone-inputs #street-address, #client-create-container .overlay-content .locator-inputs #street-address, #login-overlay .email-inputs #street-address, #login-overlay .address-inputs #street-address, #login-overlay .phone-inputs #street-address, #login-overlay .locator-inputs #street-address, #ask-for-current-user .email-inputs #street-address, #ask-for-current-user .address-inputs #street-address, #ask-for-current-user .phone-inputs #street-address, #ask-for-current-user .locator-inputs #street-address, #confirm-dialog .email-inputs #street-address, #confirm-dialog .address-inputs #street-address, #confirm-dialog .phone-inputs #street-address, #confirm-dialog .locator-inputs #street-address {
  max-width: calc(98% - 15px);
  flex: 1.8;
}
#client-edit-container .overlay-content .phone-inputs, #client-create-container .overlay-content .phone-inputs, #login-overlay .phone-inputs, #ask-for-current-user .phone-inputs, #confirm-dialog .phone-inputs {
  display: flex;
  flex-flow: row wrap;
}
#client-edit-container .overlay-content section.medical-records, #client-edit-container .overlay-content section.prescriptions, #client-create-container .overlay-content section.medical-records, #client-create-container .overlay-content section.prescriptions, #login-overlay section.medical-records, #login-overlay section.prescriptions, #ask-for-current-user section.medical-records, #ask-for-current-user section.prescriptions, #confirm-dialog section.medical-records, #confirm-dialog section.prescriptions {
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 2 2 100%;
  flex-wrap: wrap;
  align-items: flex-start;
}
#client-edit-container .overlay-content section.medical-records .not-emitted, #client-edit-container .overlay-content section.prescriptions .not-emitted, #client-create-container .overlay-content section.medical-records .not-emitted, #client-create-container .overlay-content section.prescriptions .not-emitted, #login-overlay section.medical-records .not-emitted, #login-overlay section.prescriptions .not-emitted, #ask-for-current-user section.medical-records .not-emitted, #ask-for-current-user section.prescriptions .not-emitted, #confirm-dialog section.medical-records .not-emitted, #confirm-dialog section.prescriptions .not-emitted {
  color: #d72020;
}
#client-edit-container .overlay-content section.medical-records h2, #client-edit-container .overlay-content section.prescriptions h2, #client-create-container .overlay-content section.medical-records h2, #client-create-container .overlay-content section.prescriptions h2, #login-overlay section.medical-records h2, #login-overlay section.prescriptions h2, #ask-for-current-user section.medical-records h2, #ask-for-current-user section.prescriptions h2, #confirm-dialog section.medical-records h2, #confirm-dialog section.prescriptions h2 {
  flex: 2 2 100%;
}
#client-edit-container .overlay-content section.medical-records > span, #client-edit-container .overlay-content section.prescriptions > span, #client-create-container .overlay-content section.medical-records > span, #client-create-container .overlay-content section.prescriptions > span, #login-overlay section.medical-records > span, #login-overlay section.prescriptions > span, #ask-for-current-user section.medical-records > span, #ask-for-current-user section.prescriptions > span, #confirm-dialog section.medical-records > span, #confirm-dialog section.prescriptions > span {
  flex: 0.2;
  text-align: right;
  padding: 8px;
}
#client-edit-container .overlay-content section.medical-records form, #client-edit-container .overlay-content section.prescriptions form, #client-create-container .overlay-content section.medical-records form, #client-create-container .overlay-content section.prescriptions form, #login-overlay section.medical-records form, #login-overlay section.prescriptions form, #ask-for-current-user section.medical-records form, #ask-for-current-user section.prescriptions form, #confirm-dialog section.medical-records form, #confirm-dialog section.prescriptions form {
  flex: 2 2 100%;
}
#client-edit-container .overlay-content section.medical-records form textarea, #client-edit-container .overlay-content section.prescriptions form textarea, #client-create-container .overlay-content section.medical-records form textarea, #client-create-container .overlay-content section.prescriptions form textarea, #login-overlay section.medical-records form textarea, #login-overlay section.prescriptions form textarea, #ask-for-current-user section.medical-records form textarea, #ask-for-current-user section.prescriptions form textarea, #confirm-dialog section.medical-records form textarea, #confirm-dialog section.prescriptions form textarea {
  width: 100%;
  height: 8em;
}
#client-edit-container .overlay-content section.medical-records .add-medical-record, #client-edit-container .overlay-content section.prescriptions .add-medical-record, #client-create-container .overlay-content section.medical-records .add-medical-record, #client-create-container .overlay-content section.prescriptions .add-medical-record, #login-overlay section.medical-records .add-medical-record, #login-overlay section.prescriptions .add-medical-record, #ask-for-current-user section.medical-records .add-medical-record, #ask-for-current-user section.prescriptions .add-medical-record, #confirm-dialog section.medical-records .add-medical-record, #confirm-dialog section.prescriptions .add-medical-record {
  display: flex;
  position: absolute;
  right: 3px;
  top: 3.5rem;
}
#client-edit-container .overlay-content section.medical-records .add-medical-record > *, #client-edit-container .overlay-content section.prescriptions .add-medical-record > *, #client-create-container .overlay-content section.medical-records .add-medical-record > *, #client-create-container .overlay-content section.prescriptions .add-medical-record > *, #login-overlay section.medical-records .add-medical-record > *, #login-overlay section.prescriptions .add-medical-record > *, #ask-for-current-user section.medical-records .add-medical-record > *, #ask-for-current-user section.prescriptions .add-medical-record > *, #confirm-dialog section.medical-records .add-medical-record > *, #confirm-dialog section.prescriptions .add-medical-record > * {
  padding: 2px 8px;
}
#client-edit-container .overlay-content section.medical-records .add-medical-record input#add-medical-record, #client-edit-container .overlay-content section.prescriptions .add-medical-record input#add-medical-record, #client-create-container .overlay-content section.medical-records .add-medical-record input#add-medical-record, #client-create-container .overlay-content section.prescriptions .add-medical-record input#add-medical-record, #login-overlay section.medical-records .add-medical-record input#add-medical-record, #login-overlay section.prescriptions .add-medical-record input#add-medical-record, #ask-for-current-user section.medical-records .add-medical-record input#add-medical-record, #ask-for-current-user section.prescriptions .add-medical-record input#add-medical-record, #confirm-dialog section.medical-records .add-medical-record input#add-medical-record, #confirm-dialog section.prescriptions .add-medical-record input#add-medical-record {
  display: none;
}
#client-edit-container .overlay-content section.medical-records .add-medical-record input#add-medical-record ~ ul, #client-edit-container .overlay-content section.prescriptions .add-medical-record input#add-medical-record ~ ul, #client-create-container .overlay-content section.medical-records .add-medical-record input#add-medical-record ~ ul, #client-create-container .overlay-content section.prescriptions .add-medical-record input#add-medical-record ~ ul, #login-overlay section.medical-records .add-medical-record input#add-medical-record ~ ul, #login-overlay section.prescriptions .add-medical-record input#add-medical-record ~ ul, #ask-for-current-user section.medical-records .add-medical-record input#add-medical-record ~ ul, #ask-for-current-user section.prescriptions .add-medical-record input#add-medical-record ~ ul, #confirm-dialog section.medical-records .add-medical-record input#add-medical-record ~ ul, #confirm-dialog section.prescriptions .add-medical-record input#add-medical-record ~ ul {
  display: none;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  flex-direction: column;
}
#client-edit-container .overlay-content section.medical-records .add-medical-record input#add-medical-record ~ ul li, #client-edit-container .overlay-content section.prescriptions .add-medical-record input#add-medical-record ~ ul li, #client-create-container .overlay-content section.medical-records .add-medical-record input#add-medical-record ~ ul li, #client-create-container .overlay-content section.prescriptions .add-medical-record input#add-medical-record ~ ul li, #login-overlay section.medical-records .add-medical-record input#add-medical-record ~ ul li, #login-overlay section.prescriptions .add-medical-record input#add-medical-record ~ ul li, #ask-for-current-user section.medical-records .add-medical-record input#add-medical-record ~ ul li, #ask-for-current-user section.prescriptions .add-medical-record input#add-medical-record ~ ul li, #confirm-dialog section.medical-records .add-medical-record input#add-medical-record ~ ul li, #confirm-dialog section.prescriptions .add-medical-record input#add-medical-record ~ ul li {
  display: inline-block;
}
#client-edit-container .overlay-content section.medical-records .add-medical-record input#add-medical-record ~ ul li:not(:last-of-type), #client-edit-container .overlay-content section.prescriptions .add-medical-record input#add-medical-record ~ ul li:not(:last-of-type), #client-create-container .overlay-content section.medical-records .add-medical-record input#add-medical-record ~ ul li:not(:last-of-type), #client-create-container .overlay-content section.prescriptions .add-medical-record input#add-medical-record ~ ul li:not(:last-of-type), #login-overlay section.medical-records .add-medical-record input#add-medical-record ~ ul li:not(:last-of-type), #login-overlay section.prescriptions .add-medical-record input#add-medical-record ~ ul li:not(:last-of-type), #ask-for-current-user section.medical-records .add-medical-record input#add-medical-record ~ ul li:not(:last-of-type), #ask-for-current-user section.prescriptions .add-medical-record input#add-medical-record ~ ul li:not(:last-of-type), #confirm-dialog section.medical-records .add-medical-record input#add-medical-record ~ ul li:not(:last-of-type), #confirm-dialog section.prescriptions .add-medical-record input#add-medical-record ~ ul li:not(:last-of-type) {
  border-bottom: 1px dotted white;
  padding-bottom: 4px;
}
#client-edit-container .overlay-content section.medical-records .add-medical-record input#add-medical-record ~ ul li:hover, #client-edit-container .overlay-content section.prescriptions .add-medical-record input#add-medical-record ~ ul li:hover, #client-create-container .overlay-content section.medical-records .add-medical-record input#add-medical-record ~ ul li:hover, #client-create-container .overlay-content section.prescriptions .add-medical-record input#add-medical-record ~ ul li:hover, #login-overlay section.medical-records .add-medical-record input#add-medical-record ~ ul li:hover, #login-overlay section.prescriptions .add-medical-record input#add-medical-record ~ ul li:hover, #ask-for-current-user section.medical-records .add-medical-record input#add-medical-record ~ ul li:hover, #ask-for-current-user section.prescriptions .add-medical-record input#add-medical-record ~ ul li:hover, #confirm-dialog section.medical-records .add-medical-record input#add-medical-record ~ ul li:hover, #confirm-dialog section.prescriptions .add-medical-record input#add-medical-record ~ ul li:hover {
  background-color: rgba(231, 211, 174, 0.85);
}
#client-edit-container .overlay-content section.medical-records .add-medical-record input#add-medical-record ~ ul li a, #client-edit-container .overlay-content section.prescriptions .add-medical-record input#add-medical-record ~ ul li a, #client-create-container .overlay-content section.medical-records .add-medical-record input#add-medical-record ~ ul li a, #client-create-container .overlay-content section.prescriptions .add-medical-record input#add-medical-record ~ ul li a, #login-overlay section.medical-records .add-medical-record input#add-medical-record ~ ul li a, #login-overlay section.prescriptions .add-medical-record input#add-medical-record ~ ul li a, #ask-for-current-user section.medical-records .add-medical-record input#add-medical-record ~ ul li a, #ask-for-current-user section.prescriptions .add-medical-record input#add-medical-record ~ ul li a, #confirm-dialog section.medical-records .add-medical-record input#add-medical-record ~ ul li a, #confirm-dialog section.prescriptions .add-medical-record input#add-medical-record ~ ul li a {
  display: inline-block;
}
#client-edit-container .overlay-content section.medical-records .add-medical-record input#add-medical-record:checked ~ ul, #client-edit-container .overlay-content section.prescriptions .add-medical-record input#add-medical-record:checked ~ ul, #client-create-container .overlay-content section.medical-records .add-medical-record input#add-medical-record:checked ~ ul, #client-create-container .overlay-content section.prescriptions .add-medical-record input#add-medical-record:checked ~ ul, #login-overlay section.medical-records .add-medical-record input#add-medical-record:checked ~ ul, #login-overlay section.prescriptions .add-medical-record input#add-medical-record:checked ~ ul, #ask-for-current-user section.medical-records .add-medical-record input#add-medical-record:checked ~ ul, #ask-for-current-user section.prescriptions .add-medical-record input#add-medical-record:checked ~ ul, #confirm-dialog section.medical-records .add-medical-record input#add-medical-record:checked ~ ul, #confirm-dialog section.prescriptions .add-medical-record input#add-medical-record:checked ~ ul {
  display: flex;
}
#client-edit-container .overlay-content section.medical-records > ul, #client-edit-container .overlay-content section.prescriptions > ul, #client-create-container .overlay-content section.medical-records > ul, #client-create-container .overlay-content section.prescriptions > ul, #login-overlay section.medical-records > ul, #login-overlay section.prescriptions > ul, #ask-for-current-user section.medical-records > ul, #ask-for-current-user section.prescriptions > ul, #confirm-dialog section.medical-records > ul, #confirm-dialog section.prescriptions > ul {
  margin-right: 32px;
}
#client-edit-container .overlay-content section.medical-records > ul, #client-edit-container .overlay-content section.medical-records p, #client-edit-container .overlay-content section.prescriptions > ul, #client-edit-container .overlay-content section.prescriptions p, #client-create-container .overlay-content section.medical-records > ul, #client-create-container .overlay-content section.medical-records p, #client-create-container .overlay-content section.prescriptions > ul, #client-create-container .overlay-content section.prescriptions p, #login-overlay section.medical-records > ul, #login-overlay section.medical-records p, #login-overlay section.prescriptions > ul, #login-overlay section.prescriptions p, #ask-for-current-user section.medical-records > ul, #ask-for-current-user section.medical-records p, #ask-for-current-user section.prescriptions > ul, #ask-for-current-user section.prescriptions p, #confirm-dialog section.medical-records > ul, #confirm-dialog section.medical-records p, #confirm-dialog section.prescriptions > ul, #confirm-dialog section.prescriptions p {
  display: block;
  flex: 1.8;
  padding-top: 8px;
}
#client-edit-container .overlay-content section.medical-records > ul label, #client-edit-container .overlay-content section.medical-records p label, #client-edit-container .overlay-content section.prescriptions > ul label, #client-edit-container .overlay-content section.prescriptions p label, #client-create-container .overlay-content section.medical-records > ul label, #client-create-container .overlay-content section.medical-records p label, #client-create-container .overlay-content section.prescriptions > ul label, #client-create-container .overlay-content section.prescriptions p label, #login-overlay section.medical-records > ul label, #login-overlay section.medical-records p label, #login-overlay section.prescriptions > ul label, #login-overlay section.prescriptions p label, #ask-for-current-user section.medical-records > ul label, #ask-for-current-user section.medical-records p label, #ask-for-current-user section.prescriptions > ul label, #ask-for-current-user section.prescriptions p label, #confirm-dialog section.medical-records > ul label, #confirm-dialog section.medical-records p label, #confirm-dialog section.prescriptions > ul label, #confirm-dialog section.prescriptions p label {
  flex: 1;
}
#client-edit-container .overlay-content section.medical-records > ul form label, #client-edit-container .overlay-content section.medical-records p form label, #client-edit-container .overlay-content section.prescriptions > ul form label, #client-edit-container .overlay-content section.prescriptions p form label, #client-create-container .overlay-content section.medical-records > ul form label, #client-create-container .overlay-content section.medical-records p form label, #client-create-container .overlay-content section.prescriptions > ul form label, #client-create-container .overlay-content section.prescriptions p form label, #login-overlay section.medical-records > ul form label, #login-overlay section.medical-records p form label, #login-overlay section.prescriptions > ul form label, #login-overlay section.prescriptions p form label, #ask-for-current-user section.medical-records > ul form label, #ask-for-current-user section.medical-records p form label, #ask-for-current-user section.prescriptions > ul form label, #ask-for-current-user section.prescriptions p form label, #confirm-dialog section.medical-records > ul form label, #confirm-dialog section.medical-records p form label, #confirm-dialog section.prescriptions > ul form label, #confirm-dialog section.prescriptions p form label {
  flex: inherit;
}
#client-edit-container .overlay-content section.medical-records > ul textarea, #client-edit-container .overlay-content section.medical-records > ul ul, #client-edit-container .overlay-content section.medical-records p textarea, #client-edit-container .overlay-content section.medical-records p ul, #client-edit-container .overlay-content section.prescriptions > ul textarea, #client-edit-container .overlay-content section.prescriptions > ul ul, #client-edit-container .overlay-content section.prescriptions p textarea, #client-edit-container .overlay-content section.prescriptions p ul, #client-create-container .overlay-content section.medical-records > ul textarea, #client-create-container .overlay-content section.medical-records > ul ul, #client-create-container .overlay-content section.medical-records p textarea, #client-create-container .overlay-content section.medical-records p ul, #client-create-container .overlay-content section.prescriptions > ul textarea, #client-create-container .overlay-content section.prescriptions > ul ul, #client-create-container .overlay-content section.prescriptions p textarea, #client-create-container .overlay-content section.prescriptions p ul, #login-overlay section.medical-records > ul textarea, #login-overlay section.medical-records > ul ul, #login-overlay section.medical-records p textarea, #login-overlay section.medical-records p ul, #login-overlay section.prescriptions > ul textarea, #login-overlay section.prescriptions > ul ul, #login-overlay section.prescriptions p textarea, #login-overlay section.prescriptions p ul, #ask-for-current-user section.medical-records > ul textarea, #ask-for-current-user section.medical-records > ul ul, #ask-for-current-user section.medical-records p textarea, #ask-for-current-user section.medical-records p ul, #ask-for-current-user section.prescriptions > ul textarea, #ask-for-current-user section.prescriptions > ul ul, #ask-for-current-user section.prescriptions p textarea, #ask-for-current-user section.prescriptions p ul, #confirm-dialog section.medical-records > ul textarea, #confirm-dialog section.medical-records > ul ul, #confirm-dialog section.medical-records p textarea, #confirm-dialog section.medical-records p ul, #confirm-dialog section.prescriptions > ul textarea, #confirm-dialog section.prescriptions > ul ul, #confirm-dialog section.prescriptions p textarea, #confirm-dialog section.prescriptions p ul {
  flex: 3;
  width: 98%;
  margin: 3px;
}
#client-edit-container .overlay-content section.medical-records > ul textarea, #client-edit-container .overlay-content section.medical-records p textarea, #client-edit-container .overlay-content section.prescriptions > ul textarea, #client-edit-container .overlay-content section.prescriptions p textarea, #client-create-container .overlay-content section.medical-records > ul textarea, #client-create-container .overlay-content section.medical-records p textarea, #client-create-container .overlay-content section.prescriptions > ul textarea, #client-create-container .overlay-content section.prescriptions p textarea, #login-overlay section.medical-records > ul textarea, #login-overlay section.medical-records p textarea, #login-overlay section.prescriptions > ul textarea, #login-overlay section.prescriptions p textarea, #ask-for-current-user section.medical-records > ul textarea, #ask-for-current-user section.medical-records p textarea, #ask-for-current-user section.prescriptions > ul textarea, #ask-for-current-user section.prescriptions p textarea, #confirm-dialog section.medical-records > ul textarea, #confirm-dialog section.medical-records p textarea, #confirm-dialog section.prescriptions > ul textarea, #confirm-dialog section.prescriptions p textarea {
  height: 7em;
}
#client-edit-container .overlay-content section.medical-records > ul address, #client-edit-container .overlay-content section.medical-records > ul time, #client-edit-container .overlay-content section.medical-records p address, #client-edit-container .overlay-content section.medical-records p time, #client-edit-container .overlay-content section.prescriptions > ul address, #client-edit-container .overlay-content section.prescriptions > ul time, #client-edit-container .overlay-content section.prescriptions p address, #client-edit-container .overlay-content section.prescriptions p time, #client-create-container .overlay-content section.medical-records > ul address, #client-create-container .overlay-content section.medical-records > ul time, #client-create-container .overlay-content section.medical-records p address, #client-create-container .overlay-content section.medical-records p time, #client-create-container .overlay-content section.prescriptions > ul address, #client-create-container .overlay-content section.prescriptions > ul time, #client-create-container .overlay-content section.prescriptions p address, #client-create-container .overlay-content section.prescriptions p time, #login-overlay section.medical-records > ul address, #login-overlay section.medical-records > ul time, #login-overlay section.medical-records p address, #login-overlay section.medical-records p time, #login-overlay section.prescriptions > ul address, #login-overlay section.prescriptions > ul time, #login-overlay section.prescriptions p address, #login-overlay section.prescriptions p time, #ask-for-current-user section.medical-records > ul address, #ask-for-current-user section.medical-records > ul time, #ask-for-current-user section.medical-records p address, #ask-for-current-user section.medical-records p time, #ask-for-current-user section.prescriptions > ul address, #ask-for-current-user section.prescriptions > ul time, #ask-for-current-user section.prescriptions p address, #ask-for-current-user section.prescriptions p time, #confirm-dialog section.medical-records > ul address, #confirm-dialog section.medical-records > ul time, #confirm-dialog section.medical-records p address, #confirm-dialog section.medical-records p time, #confirm-dialog section.prescriptions > ul address, #confirm-dialog section.prescriptions > ul time, #confirm-dialog section.prescriptions p address, #confirm-dialog section.prescriptions p time {
  display: inline;
  font-style: normal;
  font-size: 0.7em;
}
#client-edit-container .overlay-content section.medical-records > ul address, #client-edit-container .overlay-content section.medical-records p address, #client-edit-container .overlay-content section.prescriptions > ul address, #client-edit-container .overlay-content section.prescriptions p address, #client-create-container .overlay-content section.medical-records > ul address, #client-create-container .overlay-content section.medical-records p address, #client-create-container .overlay-content section.prescriptions > ul address, #client-create-container .overlay-content section.prescriptions p address, #login-overlay section.medical-records > ul address, #login-overlay section.medical-records p address, #login-overlay section.prescriptions > ul address, #login-overlay section.prescriptions p address, #ask-for-current-user section.medical-records > ul address, #ask-for-current-user section.medical-records p address, #ask-for-current-user section.prescriptions > ul address, #ask-for-current-user section.prescriptions p address, #confirm-dialog section.medical-records > ul address, #confirm-dialog section.medical-records p address, #confirm-dialog section.prescriptions > ul address, #confirm-dialog section.prescriptions p address {
  font-weight: lighter;
}
#client-edit-container .overlay-content section.medical-records > ul > *, #client-edit-container .overlay-content section.medical-records p > *, #client-edit-container .overlay-content section.prescriptions > ul > *, #client-edit-container .overlay-content section.prescriptions p > *, #client-create-container .overlay-content section.medical-records > ul > *, #client-create-container .overlay-content section.medical-records p > *, #client-create-container .overlay-content section.prescriptions > ul > *, #client-create-container .overlay-content section.prescriptions p > *, #login-overlay section.medical-records > ul > *, #login-overlay section.medical-records p > *, #login-overlay section.prescriptions > ul > *, #login-overlay section.prescriptions p > *, #ask-for-current-user section.medical-records > ul > *, #ask-for-current-user section.medical-records p > *, #ask-for-current-user section.prescriptions > ul > *, #ask-for-current-user section.prescriptions p > *, #confirm-dialog section.medical-records > ul > *, #confirm-dialog section.medical-records p > *, #confirm-dialog section.prescriptions > ul > *, #confirm-dialog section.prescriptions p > * {
  /* vertical-align: text-top; */
}
#client-edit-container .overlay-content section.medical-records > ul li.note, #client-edit-container .overlay-content section.medical-records > ul li.prescription, #client-edit-container .overlay-content section.medical-records > ul li.invoice, #client-edit-container .overlay-content section.medical-records > ul li.receipt, #client-edit-container .overlay-content section.medical-records > ul li.appointment, #client-edit-container .overlay-content section.medical-records p li.note, #client-edit-container .overlay-content section.medical-records p li.prescription, #client-edit-container .overlay-content section.medical-records p li.invoice, #client-edit-container .overlay-content section.medical-records p li.receipt, #client-edit-container .overlay-content section.medical-records p li.appointment, #client-edit-container .overlay-content section.prescriptions > ul li.note, #client-edit-container .overlay-content section.prescriptions > ul li.prescription, #client-edit-container .overlay-content section.prescriptions > ul li.invoice, #client-edit-container .overlay-content section.prescriptions > ul li.receipt, #client-edit-container .overlay-content section.prescriptions > ul li.appointment, #client-edit-container .overlay-content section.prescriptions p li.note, #client-edit-container .overlay-content section.prescriptions p li.prescription, #client-edit-container .overlay-content section.prescriptions p li.invoice, #client-edit-container .overlay-content section.prescriptions p li.receipt, #client-edit-container .overlay-content section.prescriptions p li.appointment, #client-create-container .overlay-content section.medical-records > ul li.note, #client-create-container .overlay-content section.medical-records > ul li.prescription, #client-create-container .overlay-content section.medical-records > ul li.invoice, #client-create-container .overlay-content section.medical-records > ul li.receipt, #client-create-container .overlay-content section.medical-records > ul li.appointment, #client-create-container .overlay-content section.medical-records p li.note, #client-create-container .overlay-content section.medical-records p li.prescription, #client-create-container .overlay-content section.medical-records p li.invoice, #client-create-container .overlay-content section.medical-records p li.receipt, #client-create-container .overlay-content section.medical-records p li.appointment, #client-create-container .overlay-content section.prescriptions > ul li.note, #client-create-container .overlay-content section.prescriptions > ul li.prescription, #client-create-container .overlay-content section.prescriptions > ul li.invoice, #client-create-container .overlay-content section.prescriptions > ul li.receipt, #client-create-container .overlay-content section.prescriptions > ul li.appointment, #client-create-container .overlay-content section.prescriptions p li.note, #client-create-container .overlay-content section.prescriptions p li.prescription, #client-create-container .overlay-content section.prescriptions p li.invoice, #client-create-container .overlay-content section.prescriptions p li.receipt, #client-create-container .overlay-content section.prescriptions p li.appointment, #login-overlay section.medical-records > ul li.note, #login-overlay section.medical-records > ul li.prescription, #login-overlay section.medical-records > ul li.invoice, #login-overlay section.medical-records > ul li.receipt, #login-overlay section.medical-records > ul li.appointment, #login-overlay section.medical-records p li.note, #login-overlay section.medical-records p li.prescription, #login-overlay section.medical-records p li.invoice, #login-overlay section.medical-records p li.receipt, #login-overlay section.medical-records p li.appointment, #login-overlay section.prescriptions > ul li.note, #login-overlay section.prescriptions > ul li.prescription, #login-overlay section.prescriptions > ul li.invoice, #login-overlay section.prescriptions > ul li.receipt, #login-overlay section.prescriptions > ul li.appointment, #login-overlay section.prescriptions p li.note, #login-overlay section.prescriptions p li.prescription, #login-overlay section.prescriptions p li.invoice, #login-overlay section.prescriptions p li.receipt, #login-overlay section.prescriptions p li.appointment, #ask-for-current-user section.medical-records > ul li.note, #ask-for-current-user section.medical-records > ul li.prescription, #ask-for-current-user section.medical-records > ul li.invoice, #ask-for-current-user section.medical-records > ul li.receipt, #ask-for-current-user section.medical-records > ul li.appointment, #ask-for-current-user section.medical-records p li.note, #ask-for-current-user section.medical-records p li.prescription, #ask-for-current-user section.medical-records p li.invoice, #ask-for-current-user section.medical-records p li.receipt, #ask-for-current-user section.medical-records p li.appointment, #ask-for-current-user section.prescriptions > ul li.note, #ask-for-current-user section.prescriptions > ul li.prescription, #ask-for-current-user section.prescriptions > ul li.invoice, #ask-for-current-user section.prescriptions > ul li.receipt, #ask-for-current-user section.prescriptions > ul li.appointment, #ask-for-current-user section.prescriptions p li.note, #ask-for-current-user section.prescriptions p li.prescription, #ask-for-current-user section.prescriptions p li.invoice, #ask-for-current-user section.prescriptions p li.receipt, #ask-for-current-user section.prescriptions p li.appointment, #confirm-dialog section.medical-records > ul li.note, #confirm-dialog section.medical-records > ul li.prescription, #confirm-dialog section.medical-records > ul li.invoice, #confirm-dialog section.medical-records > ul li.receipt, #confirm-dialog section.medical-records > ul li.appointment, #confirm-dialog section.medical-records p li.note, #confirm-dialog section.medical-records p li.prescription, #confirm-dialog section.medical-records p li.invoice, #confirm-dialog section.medical-records p li.receipt, #confirm-dialog section.medical-records p li.appointment, #confirm-dialog section.prescriptions > ul li.note, #confirm-dialog section.prescriptions > ul li.prescription, #confirm-dialog section.prescriptions > ul li.invoice, #confirm-dialog section.prescriptions > ul li.receipt, #confirm-dialog section.prescriptions > ul li.appointment, #confirm-dialog section.prescriptions p li.note, #confirm-dialog section.prescriptions p li.prescription, #confirm-dialog section.prescriptions p li.invoice, #confirm-dialog section.prescriptions p li.receipt, #confirm-dialog section.prescriptions p li.appointment {
  border: 0.5px dashed rgba(128, 0, 49, 0.2);
  padding: 4px;
  margin-bottom: 2px;
}
#client-edit-container .overlay-content section.medical-records > ul li.note .date, #client-edit-container .overlay-content section.medical-records > ul li.note .start-time, #client-edit-container .overlay-content section.medical-records > ul li.note .party, #client-edit-container .overlay-content section.medical-records > ul li.prescription .date, #client-edit-container .overlay-content section.medical-records > ul li.prescription .start-time, #client-edit-container .overlay-content section.medical-records > ul li.prescription .party, #client-edit-container .overlay-content section.medical-records > ul li.invoice .date, #client-edit-container .overlay-content section.medical-records > ul li.invoice .start-time, #client-edit-container .overlay-content section.medical-records > ul li.invoice .party, #client-edit-container .overlay-content section.medical-records > ul li.receipt .date, #client-edit-container .overlay-content section.medical-records > ul li.receipt .start-time, #client-edit-container .overlay-content section.medical-records > ul li.receipt .party, #client-edit-container .overlay-content section.medical-records > ul li.appointment .date, #client-edit-container .overlay-content section.medical-records > ul li.appointment .start-time, #client-edit-container .overlay-content section.medical-records > ul li.appointment .party, #client-edit-container .overlay-content section.medical-records p li.note .date, #client-edit-container .overlay-content section.medical-records p li.note .start-time, #client-edit-container .overlay-content section.medical-records p li.note .party, #client-edit-container .overlay-content section.medical-records p li.prescription .date, #client-edit-container .overlay-content section.medical-records p li.prescription .start-time, #client-edit-container .overlay-content section.medical-records p li.prescription .party, #client-edit-container .overlay-content section.medical-records p li.invoice .date, #client-edit-container .overlay-content section.medical-records p li.invoice .start-time, #client-edit-container .overlay-content section.medical-records p li.invoice .party, #client-edit-container .overlay-content section.medical-records p li.receipt .date, #client-edit-container .overlay-content section.medical-records p li.receipt .start-time, #client-edit-container .overlay-content section.medical-records p li.receipt .party, #client-edit-container .overlay-content section.medical-records p li.appointment .date, #client-edit-container .overlay-content section.medical-records p li.appointment .start-time, #client-edit-container .overlay-content section.medical-records p li.appointment .party, #client-edit-container .overlay-content section.prescriptions > ul li.note .date, #client-edit-container .overlay-content section.prescriptions > ul li.note .start-time, #client-edit-container .overlay-content section.prescriptions > ul li.note .party, #client-edit-container .overlay-content section.prescriptions > ul li.prescription .date, #client-edit-container .overlay-content section.prescriptions > ul li.prescription .start-time, #client-edit-container .overlay-content section.prescriptions > ul li.prescription .party, #client-edit-container .overlay-content section.prescriptions > ul li.invoice .date, #client-edit-container .overlay-content section.prescriptions > ul li.invoice .start-time, #client-edit-container .overlay-content section.prescriptions > ul li.invoice .party, #client-edit-container .overlay-content section.prescriptions > ul li.receipt .date, #client-edit-container .overlay-content section.prescriptions > ul li.receipt .start-time, #client-edit-container .overlay-content section.prescriptions > ul li.receipt .party, #client-edit-container .overlay-content section.prescriptions > ul li.appointment .date, #client-edit-container .overlay-content section.prescriptions > ul li.appointment .start-time, #client-edit-container .overlay-content section.prescriptions > ul li.appointment .party, #client-edit-container .overlay-content section.prescriptions p li.note .date, #client-edit-container .overlay-content section.prescriptions p li.note .start-time, #client-edit-container .overlay-content section.prescriptions p li.note .party, #client-edit-container .overlay-content section.prescriptions p li.prescription .date, #client-edit-container .overlay-content section.prescriptions p li.prescription .start-time, #client-edit-container .overlay-content section.prescriptions p li.prescription .party, #client-edit-container .overlay-content section.prescriptions p li.invoice .date, #client-edit-container .overlay-content section.prescriptions p li.invoice .start-time, #client-edit-container .overlay-content section.prescriptions p li.invoice .party, #client-edit-container .overlay-content section.prescriptions p li.receipt .date, #client-edit-container .overlay-content section.prescriptions p li.receipt .start-time, #client-edit-container .overlay-content section.prescriptions p li.receipt .party, #client-edit-container .overlay-content section.prescriptions p li.appointment .date, #client-edit-container .overlay-content section.prescriptions p li.appointment .start-time, #client-edit-container .overlay-content section.prescriptions p li.appointment .party, #client-create-container .overlay-content section.medical-records > ul li.note .date, #client-create-container .overlay-content section.medical-records > ul li.note .start-time, #client-create-container .overlay-content section.medical-records > ul li.note .party, #client-create-container .overlay-content section.medical-records > ul li.prescription .date, #client-create-container .overlay-content section.medical-records > ul li.prescription .start-time, #client-create-container .overlay-content section.medical-records > ul li.prescription .party, #client-create-container .overlay-content section.medical-records > ul li.invoice .date, #client-create-container .overlay-content section.medical-records > ul li.invoice .start-time, #client-create-container .overlay-content section.medical-records > ul li.invoice .party, #client-create-container .overlay-content section.medical-records > ul li.receipt .date, #client-create-container .overlay-content section.medical-records > ul li.receipt .start-time, #client-create-container .overlay-content section.medical-records > ul li.receipt .party, #client-create-container .overlay-content section.medical-records > ul li.appointment .date, #client-create-container .overlay-content section.medical-records > ul li.appointment .start-time, #client-create-container .overlay-content section.medical-records > ul li.appointment .party, #client-create-container .overlay-content section.medical-records p li.note .date, #client-create-container .overlay-content section.medical-records p li.note .start-time, #client-create-container .overlay-content section.medical-records p li.note .party, #client-create-container .overlay-content section.medical-records p li.prescription .date, #client-create-container .overlay-content section.medical-records p li.prescription .start-time, #client-create-container .overlay-content section.medical-records p li.prescription .party, #client-create-container .overlay-content section.medical-records p li.invoice .date, #client-create-container .overlay-content section.medical-records p li.invoice .start-time, #client-create-container .overlay-content section.medical-records p li.invoice .party, #client-create-container .overlay-content section.medical-records p li.receipt .date, #client-create-container .overlay-content section.medical-records p li.receipt .start-time, #client-create-container .overlay-content section.medical-records p li.receipt .party, #client-create-container .overlay-content section.medical-records p li.appointment .date, #client-create-container .overlay-content section.medical-records p li.appointment .start-time, #client-create-container .overlay-content section.medical-records p li.appointment .party, #client-create-container .overlay-content section.prescriptions > ul li.note .date, #client-create-container .overlay-content section.prescriptions > ul li.note .start-time, #client-create-container .overlay-content section.prescriptions > ul li.note .party, #client-create-container .overlay-content section.prescriptions > ul li.prescription .date, #client-create-container .overlay-content section.prescriptions > ul li.prescription .start-time, #client-create-container .overlay-content section.prescriptions > ul li.prescription .party, #client-create-container .overlay-content section.prescriptions > ul li.invoice .date, #client-create-container .overlay-content section.prescriptions > ul li.invoice .start-time, #client-create-container .overlay-content section.prescriptions > ul li.invoice .party, #client-create-container .overlay-content section.prescriptions > ul li.receipt .date, #client-create-container .overlay-content section.prescriptions > ul li.receipt .start-time, #client-create-container .overlay-content section.prescriptions > ul li.receipt .party, #client-create-container .overlay-content section.prescriptions > ul li.appointment .date, #client-create-container .overlay-content section.prescriptions > ul li.appointment .start-time, #client-create-container .overlay-content section.prescriptions > ul li.appointment .party, #client-create-container .overlay-content section.prescriptions p li.note .date, #client-create-container .overlay-content section.prescriptions p li.note .start-time, #client-create-container .overlay-content section.prescriptions p li.note .party, #client-create-container .overlay-content section.prescriptions p li.prescription .date, #client-create-container .overlay-content section.prescriptions p li.prescription .start-time, #client-create-container .overlay-content section.prescriptions p li.prescription .party, #client-create-container .overlay-content section.prescriptions p li.invoice .date, #client-create-container .overlay-content section.prescriptions p li.invoice .start-time, #client-create-container .overlay-content section.prescriptions p li.invoice .party, #client-create-container .overlay-content section.prescriptions p li.receipt .date, #client-create-container .overlay-content section.prescriptions p li.receipt .start-time, #client-create-container .overlay-content section.prescriptions p li.receipt .party, #client-create-container .overlay-content section.prescriptions p li.appointment .date, #client-create-container .overlay-content section.prescriptions p li.appointment .start-time, #client-create-container .overlay-content section.prescriptions p li.appointment .party, #login-overlay section.medical-records > ul li.note .date, #login-overlay section.medical-records > ul li.note .start-time, #login-overlay section.medical-records > ul li.note .party, #login-overlay section.medical-records > ul li.prescription .date, #login-overlay section.medical-records > ul li.prescription .start-time, #login-overlay section.medical-records > ul li.prescription .party, #login-overlay section.medical-records > ul li.invoice .date, #login-overlay section.medical-records > ul li.invoice .start-time, #login-overlay section.medical-records > ul li.invoice .party, #login-overlay section.medical-records > ul li.receipt .date, #login-overlay section.medical-records > ul li.receipt .start-time, #login-overlay section.medical-records > ul li.receipt .party, #login-overlay section.medical-records > ul li.appointment .date, #login-overlay section.medical-records > ul li.appointment .start-time, #login-overlay section.medical-records > ul li.appointment .party, #login-overlay section.medical-records p li.note .date, #login-overlay section.medical-records p li.note .start-time, #login-overlay section.medical-records p li.note .party, #login-overlay section.medical-records p li.prescription .date, #login-overlay section.medical-records p li.prescription .start-time, #login-overlay section.medical-records p li.prescription .party, #login-overlay section.medical-records p li.invoice .date, #login-overlay section.medical-records p li.invoice .start-time, #login-overlay section.medical-records p li.invoice .party, #login-overlay section.medical-records p li.receipt .date, #login-overlay section.medical-records p li.receipt .start-time, #login-overlay section.medical-records p li.receipt .party, #login-overlay section.medical-records p li.appointment .date, #login-overlay section.medical-records p li.appointment .start-time, #login-overlay section.medical-records p li.appointment .party, #login-overlay section.prescriptions > ul li.note .date, #login-overlay section.prescriptions > ul li.note .start-time, #login-overlay section.prescriptions > ul li.note .party, #login-overlay section.prescriptions > ul li.prescription .date, #login-overlay section.prescriptions > ul li.prescription .start-time, #login-overlay section.prescriptions > ul li.prescription .party, #login-overlay section.prescriptions > ul li.invoice .date, #login-overlay section.prescriptions > ul li.invoice .start-time, #login-overlay section.prescriptions > ul li.invoice .party, #login-overlay section.prescriptions > ul li.receipt .date, #login-overlay section.prescriptions > ul li.receipt .start-time, #login-overlay section.prescriptions > ul li.receipt .party, #login-overlay section.prescriptions > ul li.appointment .date, #login-overlay section.prescriptions > ul li.appointment .start-time, #login-overlay section.prescriptions > ul li.appointment .party, #login-overlay section.prescriptions p li.note .date, #login-overlay section.prescriptions p li.note .start-time, #login-overlay section.prescriptions p li.note .party, #login-overlay section.prescriptions p li.prescription .date, #login-overlay section.prescriptions p li.prescription .start-time, #login-overlay section.prescriptions p li.prescription .party, #login-overlay section.prescriptions p li.invoice .date, #login-overlay section.prescriptions p li.invoice .start-time, #login-overlay section.prescriptions p li.invoice .party, #login-overlay section.prescriptions p li.receipt .date, #login-overlay section.prescriptions p li.receipt .start-time, #login-overlay section.prescriptions p li.receipt .party, #login-overlay section.prescriptions p li.appointment .date, #login-overlay section.prescriptions p li.appointment .start-time, #login-overlay section.prescriptions p li.appointment .party, #ask-for-current-user section.medical-records > ul li.note .date, #ask-for-current-user section.medical-records > ul li.note .start-time, #ask-for-current-user section.medical-records > ul li.note .party, #ask-for-current-user section.medical-records > ul li.prescription .date, #ask-for-current-user section.medical-records > ul li.prescription .start-time, #ask-for-current-user section.medical-records > ul li.prescription .party, #ask-for-current-user section.medical-records > ul li.invoice .date, #ask-for-current-user section.medical-records > ul li.invoice .start-time, #ask-for-current-user section.medical-records > ul li.invoice .party, #ask-for-current-user section.medical-records > ul li.receipt .date, #ask-for-current-user section.medical-records > ul li.receipt .start-time, #ask-for-current-user section.medical-records > ul li.receipt .party, #ask-for-current-user section.medical-records > ul li.appointment .date, #ask-for-current-user section.medical-records > ul li.appointment .start-time, #ask-for-current-user section.medical-records > ul li.appointment .party, #ask-for-current-user section.medical-records p li.note .date, #ask-for-current-user section.medical-records p li.note .start-time, #ask-for-current-user section.medical-records p li.note .party, #ask-for-current-user section.medical-records p li.prescription .date, #ask-for-current-user section.medical-records p li.prescription .start-time, #ask-for-current-user section.medical-records p li.prescription .party, #ask-for-current-user section.medical-records p li.invoice .date, #ask-for-current-user section.medical-records p li.invoice .start-time, #ask-for-current-user section.medical-records p li.invoice .party, #ask-for-current-user section.medical-records p li.receipt .date, #ask-for-current-user section.medical-records p li.receipt .start-time, #ask-for-current-user section.medical-records p li.receipt .party, #ask-for-current-user section.medical-records p li.appointment .date, #ask-for-current-user section.medical-records p li.appointment .start-time, #ask-for-current-user section.medical-records p li.appointment .party, #ask-for-current-user section.prescriptions > ul li.note .date, #ask-for-current-user section.prescriptions > ul li.note .start-time, #ask-for-current-user section.prescriptions > ul li.note .party, #ask-for-current-user section.prescriptions > ul li.prescription .date, #ask-for-current-user section.prescriptions > ul li.prescription .start-time, #ask-for-current-user section.prescriptions > ul li.prescription .party, #ask-for-current-user section.prescriptions > ul li.invoice .date, #ask-for-current-user section.prescriptions > ul li.invoice .start-time, #ask-for-current-user section.prescriptions > ul li.invoice .party, #ask-for-current-user section.prescriptions > ul li.receipt .date, #ask-for-current-user section.prescriptions > ul li.receipt .start-time, #ask-for-current-user section.prescriptions > ul li.receipt .party, #ask-for-current-user section.prescriptions > ul li.appointment .date, #ask-for-current-user section.prescriptions > ul li.appointment .start-time, #ask-for-current-user section.prescriptions > ul li.appointment .party, #ask-for-current-user section.prescriptions p li.note .date, #ask-for-current-user section.prescriptions p li.note .start-time, #ask-for-current-user section.prescriptions p li.note .party, #ask-for-current-user section.prescriptions p li.prescription .date, #ask-for-current-user section.prescriptions p li.prescription .start-time, #ask-for-current-user section.prescriptions p li.prescription .party, #ask-for-current-user section.prescriptions p li.invoice .date, #ask-for-current-user section.prescriptions p li.invoice .start-time, #ask-for-current-user section.prescriptions p li.invoice .party, #ask-for-current-user section.prescriptions p li.receipt .date, #ask-for-current-user section.prescriptions p li.receipt .start-time, #ask-for-current-user section.prescriptions p li.receipt .party, #ask-for-current-user section.prescriptions p li.appointment .date, #ask-for-current-user section.prescriptions p li.appointment .start-time, #ask-for-current-user section.prescriptions p li.appointment .party, #confirm-dialog section.medical-records > ul li.note .date, #confirm-dialog section.medical-records > ul li.note .start-time, #confirm-dialog section.medical-records > ul li.note .party, #confirm-dialog section.medical-records > ul li.prescription .date, #confirm-dialog section.medical-records > ul li.prescription .start-time, #confirm-dialog section.medical-records > ul li.prescription .party, #confirm-dialog section.medical-records > ul li.invoice .date, #confirm-dialog section.medical-records > ul li.invoice .start-time, #confirm-dialog section.medical-records > ul li.invoice .party, #confirm-dialog section.medical-records > ul li.receipt .date, #confirm-dialog section.medical-records > ul li.receipt .start-time, #confirm-dialog section.medical-records > ul li.receipt .party, #confirm-dialog section.medical-records > ul li.appointment .date, #confirm-dialog section.medical-records > ul li.appointment .start-time, #confirm-dialog section.medical-records > ul li.appointment .party, #confirm-dialog section.medical-records p li.note .date, #confirm-dialog section.medical-records p li.note .start-time, #confirm-dialog section.medical-records p li.note .party, #confirm-dialog section.medical-records p li.prescription .date, #confirm-dialog section.medical-records p li.prescription .start-time, #confirm-dialog section.medical-records p li.prescription .party, #confirm-dialog section.medical-records p li.invoice .date, #confirm-dialog section.medical-records p li.invoice .start-time, #confirm-dialog section.medical-records p li.invoice .party, #confirm-dialog section.medical-records p li.receipt .date, #confirm-dialog section.medical-records p li.receipt .start-time, #confirm-dialog section.medical-records p li.receipt .party, #confirm-dialog section.medical-records p li.appointment .date, #confirm-dialog section.medical-records p li.appointment .start-time, #confirm-dialog section.medical-records p li.appointment .party, #confirm-dialog section.prescriptions > ul li.note .date, #confirm-dialog section.prescriptions > ul li.note .start-time, #confirm-dialog section.prescriptions > ul li.note .party, #confirm-dialog section.prescriptions > ul li.prescription .date, #confirm-dialog section.prescriptions > ul li.prescription .start-time, #confirm-dialog section.prescriptions > ul li.prescription .party, #confirm-dialog section.prescriptions > ul li.invoice .date, #confirm-dialog section.prescriptions > ul li.invoice .start-time, #confirm-dialog section.prescriptions > ul li.invoice .party, #confirm-dialog section.prescriptions > ul li.receipt .date, #confirm-dialog section.prescriptions > ul li.receipt .start-time, #confirm-dialog section.prescriptions > ul li.receipt .party, #confirm-dialog section.prescriptions > ul li.appointment .date, #confirm-dialog section.prescriptions > ul li.appointment .start-time, #confirm-dialog section.prescriptions > ul li.appointment .party, #confirm-dialog section.prescriptions p li.note .date, #confirm-dialog section.prescriptions p li.note .start-time, #confirm-dialog section.prescriptions p li.note .party, #confirm-dialog section.prescriptions p li.prescription .date, #confirm-dialog section.prescriptions p li.prescription .start-time, #confirm-dialog section.prescriptions p li.prescription .party, #confirm-dialog section.prescriptions p li.invoice .date, #confirm-dialog section.prescriptions p li.invoice .start-time, #confirm-dialog section.prescriptions p li.invoice .party, #confirm-dialog section.prescriptions p li.receipt .date, #confirm-dialog section.prescriptions p li.receipt .start-time, #confirm-dialog section.prescriptions p li.receipt .party, #confirm-dialog section.prescriptions p li.appointment .date, #confirm-dialog section.prescriptions p li.appointment .start-time, #confirm-dialog section.prescriptions p li.appointment .party {
  font-weight: bold;
  font-family: monospace;
}
#client-edit-container .overlay-content section.medical-records > ul li.note > div, #client-edit-container .overlay-content section.medical-records > ul li.appointment > div, #client-edit-container .overlay-content section.medical-records p li.note > div, #client-edit-container .overlay-content section.medical-records p li.appointment > div, #client-edit-container .overlay-content section.prescriptions > ul li.note > div, #client-edit-container .overlay-content section.prescriptions > ul li.appointment > div, #client-edit-container .overlay-content section.prescriptions p li.note > div, #client-edit-container .overlay-content section.prescriptions p li.appointment > div, #client-create-container .overlay-content section.medical-records > ul li.note > div, #client-create-container .overlay-content section.medical-records > ul li.appointment > div, #client-create-container .overlay-content section.medical-records p li.note > div, #client-create-container .overlay-content section.medical-records p li.appointment > div, #client-create-container .overlay-content section.prescriptions > ul li.note > div, #client-create-container .overlay-content section.prescriptions > ul li.appointment > div, #client-create-container .overlay-content section.prescriptions p li.note > div, #client-create-container .overlay-content section.prescriptions p li.appointment > div, #login-overlay section.medical-records > ul li.note > div, #login-overlay section.medical-records > ul li.appointment > div, #login-overlay section.medical-records p li.note > div, #login-overlay section.medical-records p li.appointment > div, #login-overlay section.prescriptions > ul li.note > div, #login-overlay section.prescriptions > ul li.appointment > div, #login-overlay section.prescriptions p li.note > div, #login-overlay section.prescriptions p li.appointment > div, #ask-for-current-user section.medical-records > ul li.note > div, #ask-for-current-user section.medical-records > ul li.appointment > div, #ask-for-current-user section.medical-records p li.note > div, #ask-for-current-user section.medical-records p li.appointment > div, #ask-for-current-user section.prescriptions > ul li.note > div, #ask-for-current-user section.prescriptions > ul li.appointment > div, #ask-for-current-user section.prescriptions p li.note > div, #ask-for-current-user section.prescriptions p li.appointment > div, #confirm-dialog section.medical-records > ul li.note > div, #confirm-dialog section.medical-records > ul li.appointment > div, #confirm-dialog section.medical-records p li.note > div, #confirm-dialog section.medical-records p li.appointment > div, #confirm-dialog section.prescriptions > ul li.note > div, #confirm-dialog section.prescriptions > ul li.appointment > div, #confirm-dialog section.prescriptions p li.note > div, #confirm-dialog section.prescriptions p li.appointment > div {
  white-space: pre-line;
}
#client-edit-container .overlay-content section.medical-records > ul li.appointment > p, #client-edit-container .overlay-content section.medical-records p li.appointment > p, #client-edit-container .overlay-content section.prescriptions > ul li.appointment > p, #client-edit-container .overlay-content section.prescriptions p li.appointment > p, #client-create-container .overlay-content section.medical-records > ul li.appointment > p, #client-create-container .overlay-content section.medical-records p li.appointment > p, #client-create-container .overlay-content section.prescriptions > ul li.appointment > p, #client-create-container .overlay-content section.prescriptions p li.appointment > p, #login-overlay section.medical-records > ul li.appointment > p, #login-overlay section.medical-records p li.appointment > p, #login-overlay section.prescriptions > ul li.appointment > p, #login-overlay section.prescriptions p li.appointment > p, #ask-for-current-user section.medical-records > ul li.appointment > p, #ask-for-current-user section.medical-records p li.appointment > p, #ask-for-current-user section.prescriptions > ul li.appointment > p, #ask-for-current-user section.prescriptions p li.appointment > p, #confirm-dialog section.medical-records > ul li.appointment > p, #confirm-dialog section.medical-records p li.appointment > p, #confirm-dialog section.prescriptions > ul li.appointment > p, #confirm-dialog section.prescriptions p li.appointment > p {
  padding-top: 0px;
}
#client-edit-container .overlay-content section.medical-records > ul li, #client-edit-container .overlay-content section.medical-records p li, #client-edit-container .overlay-content section.prescriptions > ul li, #client-edit-container .overlay-content section.prescriptions p li, #client-create-container .overlay-content section.medical-records > ul li, #client-create-container .overlay-content section.medical-records p li, #client-create-container .overlay-content section.prescriptions > ul li, #client-create-container .overlay-content section.prescriptions p li, #login-overlay section.medical-records > ul li, #login-overlay section.medical-records p li, #login-overlay section.prescriptions > ul li, #login-overlay section.prescriptions p li, #ask-for-current-user section.medical-records > ul li, #ask-for-current-user section.medical-records p li, #ask-for-current-user section.prescriptions > ul li, #ask-for-current-user section.prescriptions p li, #confirm-dialog section.medical-records > ul li, #confirm-dialog section.medical-records p li, #confirm-dialog section.prescriptions > ul li, #confirm-dialog section.prescriptions p li {
  position: relative;
}
#client-edit-container .overlay-content section.medical-records > ul li > div > a.button, #client-edit-container .overlay-content section.medical-records > ul li > div > span, #client-edit-container .overlay-content section.medical-records p li > div > a.button, #client-edit-container .overlay-content section.medical-records p li > div > span, #client-edit-container .overlay-content section.prescriptions > ul li > div > a.button, #client-edit-container .overlay-content section.prescriptions > ul li > div > span, #client-edit-container .overlay-content section.prescriptions p li > div > a.button, #client-edit-container .overlay-content section.prescriptions p li > div > span, #client-create-container .overlay-content section.medical-records > ul li > div > a.button, #client-create-container .overlay-content section.medical-records > ul li > div > span, #client-create-container .overlay-content section.medical-records p li > div > a.button, #client-create-container .overlay-content section.medical-records p li > div > span, #client-create-container .overlay-content section.prescriptions > ul li > div > a.button, #client-create-container .overlay-content section.prescriptions > ul li > div > span, #client-create-container .overlay-content section.prescriptions p li > div > a.button, #client-create-container .overlay-content section.prescriptions p li > div > span, #login-overlay section.medical-records > ul li > div > a.button, #login-overlay section.medical-records > ul li > div > span, #login-overlay section.medical-records p li > div > a.button, #login-overlay section.medical-records p li > div > span, #login-overlay section.prescriptions > ul li > div > a.button, #login-overlay section.prescriptions > ul li > div > span, #login-overlay section.prescriptions p li > div > a.button, #login-overlay section.prescriptions p li > div > span, #ask-for-current-user section.medical-records > ul li > div > a.button, #ask-for-current-user section.medical-records > ul li > div > span, #ask-for-current-user section.medical-records p li > div > a.button, #ask-for-current-user section.medical-records p li > div > span, #ask-for-current-user section.prescriptions > ul li > div > a.button, #ask-for-current-user section.prescriptions > ul li > div > span, #ask-for-current-user section.prescriptions p li > div > a.button, #ask-for-current-user section.prescriptions p li > div > span, #confirm-dialog section.medical-records > ul li > div > a.button, #confirm-dialog section.medical-records > ul li > div > span, #confirm-dialog section.medical-records p li > div > a.button, #confirm-dialog section.medical-records p li > div > span, #confirm-dialog section.prescriptions > ul li > div > a.button, #confirm-dialog section.prescriptions > ul li > div > span, #confirm-dialog section.prescriptions p li > div > a.button, #confirm-dialog section.prescriptions p li > div > span {
  position: absolute;
  top: 0px;
  right: 2px;
  padding: 0px 3px;
}
#client-edit-container .overlay-content section.prescriptions ul.notes, #client-create-container .overlay-content section.prescriptions ul.notes, #login-overlay section.prescriptions ul.notes, #ask-for-current-user section.prescriptions ul.notes, #confirm-dialog section.prescriptions ul.notes {
  list-style-type: disclosure-closed;
  list-style-position: inside;
}
#client-edit-container .overlay-content section.prescriptions ul.notes li label, #client-create-container .overlay-content section.prescriptions ul.notes li label, #login-overlay section.prescriptions ul.notes li label, #ask-for-current-user section.prescriptions ul.notes li label, #confirm-dialog section.prescriptions ul.notes li label {
  font-style: italic;
}
#client-edit-container .overlay-content section.prescriptions ul.notes li a, #client-create-container .overlay-content section.prescriptions ul.notes li a, #login-overlay section.prescriptions ul.notes li a, #ask-for-current-user section.prescriptions ul.notes li a, #confirm-dialog section.prescriptions ul.notes li a {
  display: inline-block;
  vertical-align: text-top;
}
#client-edit-container .overlay-content button, #client-edit-container .overlay-content .button, #client-create-container .overlay-content button, #client-create-container .overlay-content .button, #login-overlay button, #login-overlay .button, #ask-for-current-user button, #ask-for-current-user .button, #confirm-dialog button, #confirm-dialog .button {
  padding: 6px;
  margin-bottom: 1rem;
}
#client-edit-container .overlay-content .close-prescription .button, #client-create-container .overlay-content .close-prescription .button, #login-overlay .close-prescription .button, #ask-for-current-user .close-prescription .button, #confirm-dialog .close-prescription .button {
  padding: 0px;
}

#client-data .indicator-light, .client-data .indicator-light {
  width: 1rem !important;
  line-height: 0.3rem;
  margin-right: 3px;
  float: left;
}
#client-data .indicator-light ul, .client-data .indicator-light ul {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  margin-left: 4px;
}
#client-data .indicator-light ul li, .client-data .indicator-light ul li {
  flex: 1;
  display: block;
  min-height: 12px;
  opacity: 0.2;
}
#client-data .indicator-light ul li.active, .client-data .indicator-light ul li.active {
  opacity: 1;
}
#client-data .indicator-light button, .client-data .indicator-light button {
  border: 0px none;
  padding: 0px !important;
  margin-bottom: 0px !important;
  position: relative;
  cursor: pointer;
}

.indicator-light button span, span.indicator-light {
  border-radius: 50%;
  height: 8px;
  width: 8px;
  display: inline-block;
}
.indicator-light button span.red, span.indicator-light.red {
  background-color: red;
}
.indicator-light button span.yellow, span.indicator-light.yellow {
  background-color: yellow;
}
.indicator-light button span.green, span.indicator-light.green {
  background-color: green;
}

span.indicator-light {
  margin: 0 5px;
}
span.indicator-light.green {
  display: none;
}

#copay-fee ul li {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  font-size: 1.1em;
}

#client-edit-container.show-prescription .mailto-locators, #client-edit-container.show-prescription .tel-locators, #client-edit-container.show-prescription .notes, #client-edit-container.show-prescription #risk-factors, #client-edit-container.show-prescription label[for=risk-factors], #client-edit-container.show-prescription .upcoming-appointments, #client-edit-container.show-prescription .latest-appointments, #client-create-container.show-prescription .mailto-locators, #client-create-container.show-prescription .tel-locators, #client-create-container.show-prescription .notes, #client-create-container.show-prescription #risk-factors, #client-create-container.show-prescription label[for=risk-factors], #client-create-container.show-prescription .upcoming-appointments, #client-create-container.show-prescription .latest-appointments, #login-overlay.show-prescription .mailto-locators, #login-overlay.show-prescription .tel-locators, #login-overlay.show-prescription .notes, #login-overlay.show-prescription #risk-factors, #login-overlay.show-prescription label[for=risk-factors], #login-overlay.show-prescription .upcoming-appointments, #login-overlay.show-prescription .latest-appointments, #ask-for-current-user.show-prescription .mailto-locators, #ask-for-current-user.show-prescription .tel-locators, #ask-for-current-user.show-prescription .notes, #ask-for-current-user.show-prescription #risk-factors, #ask-for-current-user.show-prescription label[for=risk-factors], #ask-for-current-user.show-prescription .upcoming-appointments, #ask-for-current-user.show-prescription .latest-appointments, #confirm-dialog.show-prescription .mailto-locators, #confirm-dialog.show-prescription .tel-locators, #confirm-dialog.show-prescription .notes, #confirm-dialog.show-prescription #risk-factors, #confirm-dialog.show-prescription label[for=risk-factors], #confirm-dialog.show-prescription .upcoming-appointments, #confirm-dialog.show-prescription .latest-appointments {
  display: none;
}
#client-edit-container.show-prescription div.prescription, #client-create-container.show-prescription div.prescription, #login-overlay.show-prescription div.prescription, #ask-for-current-user.show-prescription div.prescription, #confirm-dialog.show-prescription div.prescription {
  position: relative;
}
#client-edit-container.show-prescription div.prescription.aborted h4, #client-create-container.show-prescription div.prescription.aborted h4, #login-overlay.show-prescription div.prescription.aborted h4, #ask-for-current-user.show-prescription div.prescription.aborted h4, #confirm-dialog.show-prescription div.prescription.aborted h4 {
  margin-top: 1rem;
}
#client-edit-container.show-prescription div.prescription.aborted > :not(h4):not(h3):not(.close-prescription), #client-create-container.show-prescription div.prescription.aborted > :not(h4):not(h3):not(.close-prescription), #login-overlay.show-prescription div.prescription.aborted > :not(h4):not(h3):not(.close-prescription), #ask-for-current-user.show-prescription div.prescription.aborted > :not(h4):not(h3):not(.close-prescription), #confirm-dialog.show-prescription div.prescription.aborted > :not(h4):not(h3):not(.close-prescription) {
  opacity: 0.5;
}
#client-edit-container.show-prescription div.prescription .appointments .edit-prescription-dates, #client-create-container.show-prescription div.prescription .appointments .edit-prescription-dates, #login-overlay.show-prescription div.prescription .appointments .edit-prescription-dates, #ask-for-current-user.show-prescription div.prescription .appointments .edit-prescription-dates, #confirm-dialog.show-prescription div.prescription .appointments .edit-prescription-dates {
  display: none;
  float: right;
}
#client-edit-container.show-prescription div.prescription .appointments:hover .edit-prescription-dates, #client-create-container.show-prescription div.prescription .appointments:hover .edit-prescription-dates, #login-overlay.show-prescription div.prescription .appointments:hover .edit-prescription-dates, #ask-for-current-user.show-prescription div.prescription .appointments:hover .edit-prescription-dates, #confirm-dialog.show-prescription div.prescription .appointments:hover .edit-prescription-dates {
  display: block;
}
#client-edit-container.show-prescription div.prescription .appointments #edit-treatment-period-form span, #client-create-container.show-prescription div.prescription .appointments #edit-treatment-period-form span, #login-overlay.show-prescription div.prescription .appointments #edit-treatment-period-form span, #ask-for-current-user.show-prescription div.prescription .appointments #edit-treatment-period-form span, #confirm-dialog.show-prescription div.prescription .appointments #edit-treatment-period-form span {
  display: inline-block;
  min-width: 4em;
}
#client-edit-container.show-prescription div.prescription .close-prescription, #client-create-container.show-prescription div.prescription .close-prescription, #login-overlay.show-prescription div.prescription .close-prescription, #ask-for-current-user.show-prescription div.prescription .close-prescription, #confirm-dialog.show-prescription div.prescription .close-prescription {
  position: absolute;
  top: 0px;
  right: 1px;
}
#client-edit-container.show-prescription div.prescription h3, #client-create-container.show-prescription div.prescription h3, #login-overlay.show-prescription div.prescription h3, #ask-for-current-user.show-prescription div.prescription h3, #confirm-dialog.show-prescription div.prescription h3 {
  flex: 8;
}
#client-edit-container.show-prescription div.prescription h3 + span a, #client-create-container.show-prescription div.prescription h3 + span a, #login-overlay.show-prescription div.prescription h3 + span a, #ask-for-current-user.show-prescription div.prescription h3 + span a, #confirm-dialog.show-prescription div.prescription h3 + span a {
  height: 1.5rem;
  width: 1.5rem;
  text-align: center;
}
#client-edit-container.show-prescription div.prescription label, #client-create-container.show-prescription div.prescription label, #login-overlay.show-prescription div.prescription label, #ask-for-current-user.show-prescription div.prescription label, #confirm-dialog.show-prescription div.prescription label {
  grid-column: 1/2;
  font-weight: bold;
  flex: 1 1 6rem;
}
#client-edit-container.show-prescription div.prescription div, #client-create-container.show-prescription div.prescription div, #login-overlay.show-prescription div.prescription div, #ask-for-current-user.show-prescription div.prescription div, #confirm-dialog.show-prescription div.prescription div {
  width: 100%;
  margin-top: 1rem;
}
#client-edit-container.show-prescription div.prescription dl, #client-create-container.show-prescription div.prescription dl, #login-overlay.show-prescription div.prescription dl, #ask-for-current-user.show-prescription div.prescription dl, #confirm-dialog.show-prescription div.prescription dl {
  display: grid;
  grid-template-columns: 1fr 6fr;
}
#client-edit-container.show-prescription div.prescription dl dt, #client-create-container.show-prescription div.prescription dl dt, #login-overlay.show-prescription div.prescription dl dt, #ask-for-current-user.show-prescription div.prescription dl dt, #confirm-dialog.show-prescription div.prescription dl dt {
  grid-column: 1;
  text-align: right;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding-right: 0.2rem;
  font-weight: bold;
}
#client-edit-container.show-prescription div.prescription dl dt.icd, #client-edit-container.show-prescription div.prescription dl dt.icd + dd, #client-create-container.show-prescription div.prescription dl dt.icd, #client-create-container.show-prescription div.prescription dl dt.icd + dd, #login-overlay.show-prescription div.prescription dl dt.icd, #login-overlay.show-prescription div.prescription dl dt.icd + dd, #ask-for-current-user.show-prescription div.prescription dl dt.icd, #ask-for-current-user.show-prescription div.prescription dl dt.icd + dd, #confirm-dialog.show-prescription div.prescription dl dt.icd, #confirm-dialog.show-prescription div.prescription dl dt.icd + dd {
  margin-top: 0.8rem;
}
#client-edit-container.show-prescription div.prescription dl dd, #client-create-container.show-prescription div.prescription dl dd, #login-overlay.show-prescription div.prescription dl dd, #ask-for-current-user.show-prescription div.prescription dl dd, #confirm-dialog.show-prescription div.prescription dl dd {
  grid-column: 2;
  min-width: 85%;
  align-self: end;
}
#client-edit-container.show-prescription div.prescription dl dd span, #client-create-container.show-prescription div.prescription dl dd span, #login-overlay.show-prescription div.prescription dl dd span, #ask-for-current-user.show-prescription div.prescription dl dd span, #confirm-dialog.show-prescription div.prescription dl dd span {
  font-size: 0.8rem;
}
#client-edit-container.show-prescription div.prescription #further-info, #client-create-container.show-prescription div.prescription #further-info, #login-overlay.show-prescription div.prescription #further-info, #ask-for-current-user.show-prescription div.prescription #further-info, #confirm-dialog.show-prescription div.prescription #further-info {
  display: flex;
  flex-flow: row wrap;
}
#client-edit-container.show-prescription div.prescription #further-info .date, #client-edit-container.show-prescription div.prescription #further-info .start-time, #client-edit-container.show-prescription div.prescription #further-info .party, #client-edit-container.show-prescription div.prescription #further-info .appointable, #client-create-container.show-prescription div.prescription #further-info .date, #client-create-container.show-prescription div.prescription #further-info .start-time, #client-create-container.show-prescription div.prescription #further-info .party, #client-create-container.show-prescription div.prescription #further-info .appointable, #login-overlay.show-prescription div.prescription #further-info .date, #login-overlay.show-prescription div.prescription #further-info .start-time, #login-overlay.show-prescription div.prescription #further-info .party, #login-overlay.show-prescription div.prescription #further-info .appointable, #ask-for-current-user.show-prescription div.prescription #further-info .date, #ask-for-current-user.show-prescription div.prescription #further-info .start-time, #ask-for-current-user.show-prescription div.prescription #further-info .party, #ask-for-current-user.show-prescription div.prescription #further-info .appointable, #confirm-dialog.show-prescription div.prescription #further-info .date, #confirm-dialog.show-prescription div.prescription #further-info .start-time, #confirm-dialog.show-prescription div.prescription #further-info .party, #confirm-dialog.show-prescription div.prescription #further-info .appointable {
  font-weight: bold;
}
#client-edit-container.show-prescription div.prescription #further-info .date, #client-edit-container.show-prescription div.prescription #further-info .start-time, #client-edit-container.show-prescription div.prescription #further-info .party, #client-create-container.show-prescription div.prescription #further-info .date, #client-create-container.show-prescription div.prescription #further-info .start-time, #client-create-container.show-prescription div.prescription #further-info .party, #login-overlay.show-prescription div.prescription #further-info .date, #login-overlay.show-prescription div.prescription #further-info .start-time, #login-overlay.show-prescription div.prescription #further-info .party, #ask-for-current-user.show-prescription div.prescription #further-info .date, #ask-for-current-user.show-prescription div.prescription #further-info .start-time, #ask-for-current-user.show-prescription div.prescription #further-info .party, #confirm-dialog.show-prescription div.prescription #further-info .date, #confirm-dialog.show-prescription div.prescription #further-info .start-time, #confirm-dialog.show-prescription div.prescription #further-info .party {
  font-family: monospace;
}
#client-edit-container.show-prescription div.prescription #further-info #copay-fee > ul, #client-edit-container.show-prescription div.prescription #further-info #copay-fee > form, #client-edit-container.show-prescription div.prescription #further-info #costs > ul, #client-edit-container.show-prescription div.prescription #further-info #costs > form, #client-create-container.show-prescription div.prescription #further-info #copay-fee > ul, #client-create-container.show-prescription div.prescription #further-info #copay-fee > form, #client-create-container.show-prescription div.prescription #further-info #costs > ul, #client-create-container.show-prescription div.prescription #further-info #costs > form, #login-overlay.show-prescription div.prescription #further-info #copay-fee > ul, #login-overlay.show-prescription div.prescription #further-info #copay-fee > form, #login-overlay.show-prescription div.prescription #further-info #costs > ul, #login-overlay.show-prescription div.prescription #further-info #costs > form, #ask-for-current-user.show-prescription div.prescription #further-info #copay-fee > ul, #ask-for-current-user.show-prescription div.prescription #further-info #copay-fee > form, #ask-for-current-user.show-prescription div.prescription #further-info #costs > ul, #ask-for-current-user.show-prescription div.prescription #further-info #costs > form, #confirm-dialog.show-prescription div.prescription #further-info #copay-fee > ul, #confirm-dialog.show-prescription div.prescription #further-info #copay-fee > form, #confirm-dialog.show-prescription div.prescription #further-info #costs > ul, #confirm-dialog.show-prescription div.prescription #further-info #costs > form {
  margin-top: 1.7em;
  display: flex;
  flex-direction: column;
  width: 85%;
}
#client-edit-container.show-prescription div.prescription #further-info #copay-fee > ul > *, #client-edit-container.show-prescription div.prescription #further-info #copay-fee > form > *, #client-edit-container.show-prescription div.prescription #further-info #costs > ul > *, #client-edit-container.show-prescription div.prescription #further-info #costs > form > *, #client-create-container.show-prescription div.prescription #further-info #copay-fee > ul > *, #client-create-container.show-prescription div.prescription #further-info #copay-fee > form > *, #client-create-container.show-prescription div.prescription #further-info #costs > ul > *, #client-create-container.show-prescription div.prescription #further-info #costs > form > *, #login-overlay.show-prescription div.prescription #further-info #copay-fee > ul > *, #login-overlay.show-prescription div.prescription #further-info #copay-fee > form > *, #login-overlay.show-prescription div.prescription #further-info #costs > ul > *, #login-overlay.show-prescription div.prescription #further-info #costs > form > *, #ask-for-current-user.show-prescription div.prescription #further-info #copay-fee > ul > *, #ask-for-current-user.show-prescription div.prescription #further-info #copay-fee > form > *, #ask-for-current-user.show-prescription div.prescription #further-info #costs > ul > *, #ask-for-current-user.show-prescription div.prescription #further-info #costs > form > *, #confirm-dialog.show-prescription div.prescription #further-info #copay-fee > ul > *, #confirm-dialog.show-prescription div.prescription #further-info #copay-fee > form > *, #confirm-dialog.show-prescription div.prescription #further-info #costs > ul > *, #confirm-dialog.show-prescription div.prescription #further-info #costs > form > * {
  flex: 1;
}
#client-edit-container.show-prescription div.prescription #further-info #copay-fee > ul > * *, #client-edit-container.show-prescription div.prescription #further-info #copay-fee > form > * *, #client-edit-container.show-prescription div.prescription #further-info #costs > ul > * *, #client-edit-container.show-prescription div.prescription #further-info #costs > form > * *, #client-create-container.show-prescription div.prescription #further-info #copay-fee > ul > * *, #client-create-container.show-prescription div.prescription #further-info #copay-fee > form > * *, #client-create-container.show-prescription div.prescription #further-info #costs > ul > * *, #client-create-container.show-prescription div.prescription #further-info #costs > form > * *, #login-overlay.show-prescription div.prescription #further-info #copay-fee > ul > * *, #login-overlay.show-prescription div.prescription #further-info #copay-fee > form > * *, #login-overlay.show-prescription div.prescription #further-info #costs > ul > * *, #login-overlay.show-prescription div.prescription #further-info #costs > form > * *, #ask-for-current-user.show-prescription div.prescription #further-info #copay-fee > ul > * *, #ask-for-current-user.show-prescription div.prescription #further-info #copay-fee > form > * *, #ask-for-current-user.show-prescription div.prescription #further-info #costs > ul > * *, #ask-for-current-user.show-prescription div.prescription #further-info #costs > form > * *, #confirm-dialog.show-prescription div.prescription #further-info #copay-fee > ul > * *, #confirm-dialog.show-prescription div.prescription #further-info #copay-fee > form > * *, #confirm-dialog.show-prescription div.prescription #further-info #costs > ul > * *, #confirm-dialog.show-prescription div.prescription #further-info #costs > form > * * {
  width: 100%;
}
#client-edit-container.show-prescription div.prescription #further-info #copay-fee > ul input, #client-edit-container.show-prescription div.prescription #further-info #copay-fee > form input, #client-edit-container.show-prescription div.prescription #further-info #costs > ul input, #client-edit-container.show-prescription div.prescription #further-info #costs > form input, #client-create-container.show-prescription div.prescription #further-info #copay-fee > ul input, #client-create-container.show-prescription div.prescription #further-info #copay-fee > form input, #client-create-container.show-prescription div.prescription #further-info #costs > ul input, #client-create-container.show-prescription div.prescription #further-info #costs > form input, #login-overlay.show-prescription div.prescription #further-info #copay-fee > ul input, #login-overlay.show-prescription div.prescription #further-info #copay-fee > form input, #login-overlay.show-prescription div.prescription #further-info #costs > ul input, #login-overlay.show-prescription div.prescription #further-info #costs > form input, #ask-for-current-user.show-prescription div.prescription #further-info #copay-fee > ul input, #ask-for-current-user.show-prescription div.prescription #further-info #copay-fee > form input, #ask-for-current-user.show-prescription div.prescription #further-info #costs > ul input, #ask-for-current-user.show-prescription div.prescription #further-info #costs > form input, #confirm-dialog.show-prescription div.prescription #further-info #copay-fee > ul input, #confirm-dialog.show-prescription div.prescription #further-info #copay-fee > form input, #confirm-dialog.show-prescription div.prescription #further-info #costs > ul input, #confirm-dialog.show-prescription div.prescription #further-info #costs > form input {
  padding: 8px;
}
#client-edit-container.show-prescription div.prescription #further-info > div, #client-create-container.show-prescription div.prescription #further-info > div, #login-overlay.show-prescription div.prescription #further-info > div, #ask-for-current-user.show-prescription div.prescription #further-info > div, #confirm-dialog.show-prescription div.prescription #further-info > div {
  flex: 1 1 50%;
}
#client-edit-container.show-prescription div.prescription #further-info button, #client-edit-container.show-prescription div.prescription #further-info .button, #client-create-container.show-prescription div.prescription #further-info button, #client-create-container.show-prescription div.prescription #further-info .button, #login-overlay.show-prescription div.prescription #further-info button, #login-overlay.show-prescription div.prescription #further-info .button, #ask-for-current-user.show-prescription div.prescription #further-info button, #ask-for-current-user.show-prescription div.prescription #further-info .button, #confirm-dialog.show-prescription div.prescription #further-info button, #confirm-dialog.show-prescription div.prescription #further-info .button {
  margin-bottom: 3px;
}
#client-edit-container.show-prescription div.prescription #further-info button, #client-create-container.show-prescription div.prescription #further-info button, #login-overlay.show-prescription div.prescription #further-info button, #ask-for-current-user.show-prescription div.prescription #further-info button, #confirm-dialog.show-prescription div.prescription #further-info button {
  font-family: inherit;
  font-size: 1em;
  text-align: left;
}

.dangerous button {
  border: 2px solid #992626 !important;
  padding: 0 0 0 6px !important;
  font-size: 0.8em !important;
}

#birthday {
  text-align: right;
}
#birthday:before {
  content: "* ";
}
#birthday {
  font-size: 0.8em;
}

@media (max-height: 600px) {
  #overlay-container .overlay {
    height: 600px;
    top: 0px;
    overflow: auto;
    max-height: 100vh;
  }
}
#create-prescription {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
}
#create-prescription input::-moz-placeholder {
  color: #000;
}
#create-prescription input:-ms-input-placeholder {
  color: #000;
}
#create-prescription input::placeholder {
  color: #000;
}
#create-prescription > * {
  max-width: 98%;
}
#create-prescription .house-call-input div {
  display: inline-block;
}
#create-prescription .house-call-input p.social-facility-input {
  display: none;
  padding-top: 0px !important;
  white-space: nowrap;
}
#create-prescription .house-call-input #house-call:checked ~ p.social-facility-input {
  display: block;
}
#create-prescription button.scan-prescription {
  position: absolute;
  top: 4px;
  right: 20px;
}
#create-prescription button.scan-prescription img {
  max-height: 19px;
  vertical-align: bottom;
}
#create-prescription > p.or {
  margin-top: 2rem;
  font-weight: bold;
}
#create-prescription section {
  flex: 2 2 100%;
}
#create-prescription section#prescription-options {
  flex: 1 1 50%;
  max-width: 48%;
}
#create-prescription section#prescription-options > div {
  display: flex;
}
#create-prescription section#prescription-options > div label {
  display: inline-block;
  max-width: 70%;
  vertical-align: top;
}
#create-prescription section.disease-indication-codes {
  max-width: 24rem;
}
#create-prescription section.disease-indication-codes > div:not(.output) {
  max-width: 14rem;
  display: flex;
  align-items: center;
}
#create-prescription section.disease-indication-codes > div:not(.output) input {
  flex: 1;
}
#create-prescription section.disease-indication-codes > div:not(.output) label {
  flex: 0.2;
}
#create-prescription section.disease-indication-search, #create-prescription section.disease-indication-codes {
  flex: 1 1 40%;
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 12em auto;
}
#create-prescription section.disease-indication-search label, #create-prescription section.disease-indication-codes label {
  text-align: right;
  padding-top: 0.3em;
  padding-right: 0.7em;
}
#create-prescription section.dates {
  flex: 1 1 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: first baseline;
  max-width: 48%;
}
#create-prescription section.dates label {
  flex: 1 1 auto;
  max-width: 50%;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
#create-prescription section.dates input {
  flex: 1 1 auto;
  max-width: 9em;
}
#create-prescription .disease-indication {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
}
#create-prescription .disease-indication input {
  width: 100%;
}
#create-prescription .disease-indication > div:not(.output) {
  display: flex;
  flex-direction: row;
  align-items: top;
  padding-top: 12px;
}
#create-prescription .disease-indication > div:not(.output) label {
  flex: 1;
  padding: 3px 0px;
}
#create-prescription .disease-indication > div:not(.output) select, #create-prescription .disease-indication > div:not(.output) span, #create-prescription .disease-indication > div:not(.output) input, #create-prescription .disease-indication > div:not(.output) dl {
  flex: 8;
}
#create-prescription .disease-indication > div#confirm-secondary {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#create-prescription .disease-indication > div#confirm-secondary * {
  padding-right: 12px;
}
#create-prescription .disease-indication dl {
  margin-top: 0px;
}
#create-prescription .non-unique-select + input[type=text] {
  display: none;
}
#create-prescription .health-benefits {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#create-prescription .health-benefits h3 {
  display: block;
  width: 100%;
  padding-left: 0px;
}
#create-prescription .health-benefits > .health-benefit {
  display: flex;
  align-items: center;
}
#create-prescription .health-benefits > .health-benefit input, #create-prescription .health-benefits > .health-benefit select.frequency {
  flex: 1;
  padding: 3px;
  margin: 3px;
  max-width: 3rem;
}
#create-prescription .health-benefits > .health-benefit input[type=text], #create-prescription .health-benefits > .health-benefit select, #create-prescription .health-benefits > .health-benefit span {
  flex: 6;
}
#create-prescription .health-benefits > .health-benefit select.number-of-sessions {
  flex: 0.3;
}
#create-prescription .health-benefits > .health-benefit .quantity {
  max-width: 3em;
}
#create-prescription .health-benefits > .health-benefit span {
  font-weith: bold;
  padding: 2px 8px;
}
#create-prescription .health-benefits > .health-benefit span span.code {
  font-weight: normal;
  font-size: 0.7rem;
}

.v203 > *, .v20210101 > * {
  max-width: unset !important;
}
.v203 .input, .v203 .textarea, .v20210101 .input, .v20210101 .textarea {
  display: inline-block;
  padding: 3px 10px;
  border: 0.5px solid rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.2);
}
.v203 .sublabel, .v20210101 .sublabel {
  font-weight: normal;
}
.v203 .disease-indication-codes, .v203 #indication, .v203 #diseases, .v20210101 .disease-indication-codes, .v20210101 #indication, .v20210101 #diseases {
  margin-top: 0px !important;
  display: grid !important;
  flex: 2 2 100% !important;
  max-width: unset !important;
  grid-template-columns: 12em 1fr 1fr !important;
  grid-gap: 20px 12px;
}
.v203 .disease-indication-codes label, .v203 #indication label, .v203 #diseases label, .v20210101 .disease-indication-codes label, .v20210101 #indication label, .v20210101 #diseases label {
  text-align: left !important;
  font-weight: bold;
}
.v203 .disease-indication-codes textarea, .v203 #indication textarea, .v203 #diseases textarea, .v20210101 .disease-indication-codes textarea, .v20210101 #indication textarea, .v20210101 #diseases textarea {
  height: 4rem !important;
}
.v203 .disease-indication-codes > div, .v203 #indication > div, .v203 #diseases > div, .v20210101 .disease-indication-codes > div, .v20210101 #indication > div, .v20210101 #diseases > div {
  padding-top: 0px !important;
  margin-top: 0px !important;
}
.v203 .disease-indication-codes > div label, .v203 #indication > div label, .v203 #diseases > div label, .v20210101 .disease-indication-codes > div label, .v20210101 #indication > div label, .v20210101 #diseases > div label {
  white-space: nowrap;
  flex: 1;
}
.v203 > div, .v20210101 > div {
  flex: 1 1 33%;
  margin: 6px 0;
}
.v203 > section, .v20210101 > section {
  flex: 3 3 100%;
  margin: 6px 0;
}
.v203 input:not([type=checkbox]):not([type=radio]), .v20210101 input:not([type=checkbox]):not([type=radio]) {
  height: 34px;
}
.v203 input[type=checkbox] + label .fa, .v203 input[type=radio] + label .fa, .v20210101 input[type=checkbox] + label .fa, .v20210101 input[type=radio] + label .fa {
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: top;
  font-size: 1.5rem;
}
.v203 input[type=checkbox] + label span, .v203 input[type=radio] + label span, .v20210101 input[type=checkbox] + label span, .v20210101 input[type=radio] + label span {
  display: inline-block;
}
.v203 input[type=checkbox] + label span em, .v203 input[type=radio] + label span em, .v20210101 input[type=checkbox] + label span em, .v20210101 input[type=radio] + label span em {
  font-size: 0.9rem;
  font-style: normal;
}
.v203 input[type=checkbox]:disabled + label, .v203 input[type=radio]:disabled + label, .v20210101 input[type=checkbox]:disabled + label, .v20210101 input[type=radio]:disabled + label {
  opacity: 0.4;
}
.v203 input[type=checkbox], .v20210101 input[type=checkbox] {
  display: none;
}
.v203 input[type=checkbox]:not(:checked) + label .fa:before, .v20210101 input[type=checkbox]:not(:checked) + label .fa:before {
  content: "\f096";
}
.v203 input[type=radio], .v20210101 input[type=radio] {
  display: none;
}
.v203 input[type=radio]:not(:checked) + label .fa:before, .v20210101 input[type=radio]:not(:checked) + label .fa:before {
  content: "";
}
.v203 label.radio .fa, .v203 label.checkbox .fa, .v20210101 label.radio .fa, .v20210101 label.checkbox .fa {
  vertical-align: top;
  font-size: 1.5rem;
}
.v203 label.radio, .v203 label.checkbox, .v20210101 label.radio, .v20210101 label.checkbox {
  margin-right: 18px;
}
.v203 label.radio .fa, .v20210101 label.radio .fa {
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid black;
  border-radius: 50%;
  font-size: 0.6rem !important;
  padding: 3.6px 5px;
}
.v203 :not(input) + label.radio:not(.checked) .fa:before, .v20210101 :not(input) + label.radio:not(.checked) .fa:before {
  content: "";
}
.v203 :not(input) + label.checkbox:not(.checked) .fa:before, .v20210101 :not(input) + label.checkbox:not(.checked) .fa:before {
  content: "\f096";
}
.v203 #additional-info, .v20210101 #additional-info {
  display: flex;
  align-items: center;
}
.v203 #additional-info input, .v20210101 #additional-info input {
  flex: 1;
  margin-left: 8px;
}
.v203 .health-benefits, .v20210101 .health-benefits {
  padding-top: 14px;
}
.v203 .health-benefits select:not(.complementary), .v20210101 .health-benefits select:not(.complementary) {
  max-width: 25%;
}

#client-create-container .overlay-content label {
  font-size: 1em !important;
}
#client-create-container .overlay-content .notes {
  display: flex;
}
#client-create-container .overlay-content .notes label {
  flex: 1;
}
#client-create-container .overlay-content .notes textarea {
  flex: 4;
  height: 10em;
}
#client-create-container .overlay-content header {
  border-bottom: 2px outset #580021;
  border-radius: 3px;
  display: flex;
}
#client-create-container .overlay-content header h1 {
  border-bottom: 0px none;
  flex: 2 2 80%;
}
#client-create-container .overlay-content header button {
  flex: 1 1 20%;
  margin-bottom: 6px;
  cursor: pointer;
}

#client-edit-container .locators label {
  padding-left: 4px;
}
#client-edit-container section.health-insurance {
  display: flex;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 8px;
  position: relative;
}
#client-edit-container section.health-insurance span.date, #client-edit-container section.health-insurance span.start-time, #client-edit-container section.health-insurance span.party {
  font-weight: bold;
  font-family: monospace;
}
#client-edit-container section.health-insurance {
  /* .public-health-insurance {
     max-height: 2.6rem;
     } */
}
#client-edit-container section.health-insurance form:not(#client-edit-form) {
  display: flex;
  align-items: center;
}
#client-edit-container section.health-insurance form:not(#client-edit-form) > * {
  margin: 2px;
  height: 1.8rem;
}
#client-edit-container section.health-insurance form:not(#client-edit-form) select {
  flex: 3;
  margin-right: 0.7rem;
}
#client-edit-container section.health-insurance label {
  margin-top: 1rem;
}
#client-edit-container section.health-insurance #risk-factors {
  list-style-type: !important;
  position: relative;
}
#client-edit-container section.health-insurance #risk-factors li div {
  white-space: pre-line;
}
#client-edit-container section.health-insurance #risk-factors form {
  display: flex;
  align-items: flex-end;
}
#client-edit-container section.health-insurance #risk-factors form button {
  flex: 1;
  margin-left: 1rem;
  margin-bottom: 0px;
}
#client-edit-container section.health-insurance #risk-factors form textarea {
  flex: 3;
  min-height: 7rem;
}
#client-edit-container section.health-insurance #risk-factors #edit-risk-factor {
  display: none;
  position: absolute;
  right: 3px;
  top: 0px;
}
#client-edit-container section.health-insurance #risk-factors:hover #edit-risk-factor {
  display: block;
}
#client-edit-container section.health-insurance .add-risk-factor {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
#client-edit-container section.health-insurance #add-risk-factor {
  right: 3px;
  line-height: 1.3rem;
}
#client-edit-container section.health-insurance #add-risk-factor span {
  display: inline-block;
  width: 0px;
  height: 1.3rem;
  padding: 0px;
  overflow: hidden;
  transition: width ease-in 0.2s;
}
#client-edit-container section.health-insurance #add-risk-factor:hover span {
  width: 11.4rem;
}
input.amount {
  text-align: right;
  width: 6em;
}

input.title {
  width: 10em;
}

body.appointment-book .edit-appointment-subject button, body.appointment-book .edit-appointment-subject .button {
  width: 23px;
  height: 23px;
  padding: 3px 8px;
}
body.appointment-book button, body.appointment-book .button, body.appointment-book input {
  display: inline-block;
  border: 1px solid #800031;
  border-radius: 3px;
  background-color: rgba(231, 211, 174, 0.85);
  outline: 0;
}
body.appointment-book button:focus:not(.zoom), body.appointment-book .button:focus:not(.zoom), body.appointment-book input:focus:not(.zoom) {
  border: 0;
}
body.appointment-book button::-moz-focus-inner:not(.zoom), body.appointment-book .button::-moz-focus-inner:not(.zoom), body.appointment-book input::-moz-focus-inner:not(.zoom) {
  border: 0;
}
body.appointment-book button.hovered, body.appointment-book .button.hovered, body.appointment-book input.hovered {
  border-left: 3px outset rgba(174, 140, 77, 0.85) !important;
  border-right: 3px outset rgba(174, 140, 77, 0.85) !important;
  background-color: rgba(255, 255, 255, 0.3) !important;
}
body.appointment-book button.hovered.slot-border, body.appointment-book .button.hovered.slot-border, body.appointment-book input.hovered.slot-border {
  border-top: 3px outset rgba(174, 140, 77, 0.85) !important;
}
body.appointment-book button.hovered.slot-end, body.appointment-book .button.hovered.slot-end, body.appointment-book input.hovered.slot-end {
  border-bottom: 3px outset rgba(174, 140, 77, 0.85) !important;
}
body.appointment-book > .button {
  min-width: 1.4em;
  text-align: center;
  color: black;
  font-weight: bold;
  text-decoration: none;
  padding: 3px 0px;
}
body.appointment-book input {
  background-color: #f2ede3;
}
body.appointment-book #main-menu, body.appointment-book .context-menu {
  display: none;
}
body.appointment-book #main-menu ~ ul, body.appointment-book #main-menu ~ ul ul, body.appointment-book #main-menu > ul, body.appointment-book .context-menu ~ ul, body.appointment-book .context-menu ~ ul ul, body.appointment-book .context-menu > ul {
  display: none;
  position: absolute;
  border: 1px solid #800031;
  border-radius: 5px;
  padding: 3px 15px;
  background-color: #f2ede3;
  right: 2.1rem;
  list-style-type: none;
  z-index: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
body.appointment-book #main-menu ~ ul li, body.appointment-book #main-menu ~ ul ul li, body.appointment-book #main-menu > ul li, body.appointment-book .context-menu ~ ul li, body.appointment-book .context-menu ~ ul ul li, body.appointment-book .context-menu > ul li {
  padding: 4px;
}
body.appointment-book #main-menu ~ ul li .logout, body.appointment-book #main-menu ~ ul ul li .logout, body.appointment-book #main-menu > ul li .logout, body.appointment-book .context-menu ~ ul li .logout, body.appointment-book .context-menu ~ ul ul li .logout, body.appointment-book .context-menu > ul li .logout {
  border: 0px none;
  background: unset;
}
body.appointment-book #main-menu ~ ul li .logout img, body.appointment-book #main-menu ~ ul ul li .logout img, body.appointment-book #main-menu > ul li .logout img, body.appointment-book .context-menu ~ ul li .logout img, body.appointment-book .context-menu ~ ul ul li .logout img, body.appointment-book .context-menu > ul li .logout img {
  width: 20px;
  vertical-align: middle;
}
body.appointment-book #main-menu ~ ul li ul, body.appointment-book #main-menu ~ ul ul li ul, body.appointment-book #main-menu > ul li ul, body.appointment-book .context-menu ~ ul li ul, body.appointment-book .context-menu ~ ul ul li ul, body.appointment-book .context-menu > ul li ul {
  list-style-type: none;
  position: absolute;
  right: calc(100% - 4px);
  top: 0;
}
body.appointment-book #main-menu ~ ul li:hover ul, body.appointment-book #main-menu ~ ul ul li:hover ul, body.appointment-book #main-menu > ul li:hover ul, body.appointment-book .context-menu ~ ul li:hover ul, body.appointment-book .context-menu ~ ul ul li:hover ul, body.appointment-book .context-menu > ul li:hover ul {
  display: block;
}
body.appointment-book #main-menu:checked ~ ul, body.appointment-book .context-menu:checked ~ ul {
  display: block;
}
body.appointment-book > .menu {
  margin-left: 2.5%;
  margin-right: 8px;
  position: -webkit-sticky;
  position: sticky;
  top: 2px;
  backgound-color: inherit;
  z-index: 22;
}
body.appointment-book > .menu form {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: right;
  margin-bottom: 0.5rem;
}
body.appointment-book > .menu form input {
  min-width: 600px;
  border: 1px solid #800031;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #f2ede3;
  padding-left: 6px;
}
body.appointment-book > .menu form input + button {
  border-left: 0px none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: rgba(231, 211, 174, 0.85);
  padding-left: 8px;
  padding-right: 8px;
}
body.appointment-book > .menu form label.button, body.appointment-book > .menu form button.add, body.appointment-book > .menu form a.zoom, body.appointment-book > .menu form button.search-free-slots {
  cursor: pointer;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
}
body.appointment-book > .menu form label.button img, body.appointment-book > .menu form button.add img, body.appointment-book > .menu form a.zoom img, body.appointment-book > .menu form button.search-free-slots img {
  height: 1.5rem;
}
body.appointment-book .clients {
  display: flex;
  margin-left: 2.5%;
  margin-right: 8px;
  border-top: 2px outset rgba(128, 0, 49, 0.2);
  padding-bottom: 1rem;
  border-bottom: 2px outset rgba(128, 0, 49, 0.2);
  background-color: #f9f1dc;
  margin-bottom: 1rem;
  padding-top: 4px;
  position: absolute;
  z-index: 200;
  min-width: 600px;
  right: 120px;
}
body.appointment-book .clients form {
  width: 100%;
}
body.appointment-book .clients a.button {
  position: absolute;
  right: 0px;
}
body.appointment-book .clients ul {
  list-style-type: none;
  width: 100%;
}
body.appointment-book .clients ul button {
  cursor: pointer;
  background: unset;
  border: 0px none;
}
body.appointment-book .clients ul li {
  padding: 4px;
  background-color: #f9f1dc;
}
body.appointment-book .clients ul li:before {
  display: inline-block;
  content: "»";
  width: 0.6rem;
}
body.appointment-book .clients ul li:last-of-type:before {
  content: " ";
}
body.appointment-book .clients ul li:nth-child(2n) {
  background-color: rgba(231, 211, 174, 0.35);
}
body.appointment-book .appointment .clients {
  width: auto !important;
  right: unset;
  left: unset;
  margin-top: -85px;
  margin-left: 0px;
}
body.appointment-book .slot .appointment {
  line-height: 12.8px;
}

.success:before {
  content: "✅";
}

#ask-for-current-user, #confirm-dialog {
  display: none;
}
#ask-for-current-user h1, #confirm-dialog h1 {
  font-size: 2.2rem;
  padding-bottom: 12px;
  margin-bottom: 2rem;
}
#ask-for-current-user .ask, #confirm-dialog .ask {
  padding-left: 0.8rem;
  padding-right: 0.3rem;
}
#ask-for-current-user form label, #confirm-dialog form label {
  cursor: pointer;
  font-color: #e0e0e0;
  padding: 3px;
}
#ask-for-current-user form button, #confirm-dialog form button {
  cursor: pointer;
  margin-bottom: 3px;
  width: 100%;
}
#ask-for-current-user form ul, #confirm-dialog form ul {
  display: none;
  position: fixed;
  margin-left: 5.9rem;
  margin-top: 3px;
  background-color: rgba(128, 0, 49, 0.2);
  border: 1px solid #580021;
  border-radius: 3px;
  padding: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
#ask-for-current-user form #current-user-menu, #confirm-dialog form #current-user-menu {
  display: none;
}
#ask-for-current-user form #current-user-menu:checked ~ ul, #confirm-dialog form #current-user-menu:checked ~ ul {
  display: block;
  z-index: 20;
}

.upcoming-appointments a.more, #appointed-client-data a.more {
  font-variant: small-caps;
  -webkit-text-decoration: underline dotted #aaaaaa;
          text-decoration: underline dotted #aaaaaa;
  float: right;
}

#appointed-client-data {
  position: relative;
}
#appointed-client-data header {
  display: flex;
}
#appointed-client-data .new-client-form {
  position: absolute;
  right: 0;
}
#appointed-client-data .new-client-form button img {
  padding: 5px 2px 0px 2px;
}
#appointed-client-data #show-client-form {
  position: relative;
}
#appointed-client-data #show-client-form a.more {
  position: absolute;
  bottom: 6px;
  right: 6px;
}
#appointed-client-data #show-client-form .edit-locator {
  display: none;
}

.address-locator {
  display: flex;
}

.invoice-details, .receipt-details {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.invoice-details table tr:not(.totals) td:nth-child(3n+2), .receipt-details table tr:not(.totals) td:nth-child(3n+2) {
  padding-right: 8px;
}
.invoice-details table tr:not(.totals) td:nth-child(3n+3), .receipt-details table tr:not(.totals) td:nth-child(3n+3) {
  text-align: right;
  padding-right: 2em;
}
.invoice-details table .output, .receipt-details table .output {
  text-align: right;
  padding-right: 2em;
}
.invoice-details .invoice-table, .invoice-details .receipt-table, .receipt-details .invoice-table, .receipt-details .receipt-table {
  display: flex;
}
.invoice-details .invoice-table:first-of-type, .invoice-details .receipt-table:first-of-type, .receipt-details .invoice-table:first-of-type, .receipt-details .receipt-table:first-of-type {
  margin-top: 3px;
}
.invoice-details .invoice-table:last-of-type, .invoice-details .receipt-table:last-of-type, .receipt-details .invoice-table:last-of-type, .receipt-details .receipt-table:last-of-type {
  margin-bottom: 3px;
}
.invoice-details .invoice-table span, .invoice-details .receipt-table span, .receipt-details .invoice-table span, .receipt-details .receipt-table span {
  flex: 6;
}
.invoice-details .invoice-table span.amount, .invoice-details .receipt-table span.amount, .receipt-details .invoice-table span.amount, .receipt-details .receipt-table span.amount {
  flex: 1;
  min-width: 4.5rem;
  text-align: right;
}
.invoice-details .invoice-table.total, .invoice-details .receipt-table.total, .receipt-details .invoice-table.total, .receipt-details .receipt-table.total {
  border-top: 1px solid black;
  margin-top: 3px;
  padding-top: 1px;
}
.invoice-details .invoice-table.total > span, .invoice-details .receipt-table.total > span, .receipt-details .invoice-table.total > span, .receipt-details .receipt-table.total > span {
  font-weight: bold;
}

col.check {
  width: 1.2em;
}

col.description {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

col.amount {
  width: 8.3em;
}

.receipt .invoice-details table {
  margin-top: 1rem;
}
.receipt .invoice-details table tr td:first-of-type, .receipt .invoice-details table tr th:first-of-type {
  text-align: right;
  margin-right: 0.4em;
}
.receipt .invoice-details table tr hr {
  width: 100%;
  margin: 0;
}

.loading {
  display: none;
  border-bottom: 1.5px solid #800031;
  margin-bottom: 1.5rem;
  position: relative;
  padding-left: 3px;
  padding-right: 3px;
}
.loading::before {
  position: absolute;
  -webkit-animation: slide 2s 0s ease-in-out infinite;
          animation: slide 2s 0s ease-in-out infinite;
  font-size: 2rem;
  content: "•";
  top: 0.58rem;
}

#overlay-container > .loading {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #800031;
}

.input-remove {
  position: absolute;
  right: 6px;
  top: 11px;
  color: #CCCCCC;
  font-size: 1.3em;
  font-weight: bold;
}

#search-free-slots .appointables {
  position: relative;
}
#search-free-slots .appointables input[type=button] {
  position: absolute;
  display: inline-block;
  border: 1px solid #800031;
  border-radius: 3px;
  background-color: rgba(231, 211, 174, 0.85);
  outline: 0;
  padding: 4px;
  bottom: 8px;
  left: 4px;
}

#login-overlay {
  min-width: unset !important;
}
#login-overlay form {
  display: grid;
}
#login-overlay form .success {
  max-width: 18rem;
  border: 1px solid darkkhaki;
  padding: 2px;
}
#login-overlay form .has-error {
  border: 1px solid red;
}
#login-overlay form div {
  display: grid;
  grid-template-columns: [labels] 25% [inputs] 75%;
  padding-top: 4px;
  padding-bottom: 4px;
  grid-row: auto;
}
#login-overlay form div span {
  max-width: 18rem;
  grid-column: inputs;
}
#login-overlay form div label {
  padding: 3px;
  grid-column: labels;
}
#login-overlay form div input, #login-overlay form div button {
  grid-column: inputs;
}
#login-overlay form div input {
  max-height: 1.56rem;
}
#login-overlay form div.remember:before, #login-overlay form div.buttons:before {
  display: block;
  content: " ";
  grid-column: labels;
}
#login-overlay form div.remember label, #login-overlay form div.buttons label {
  grid-column: inputs;
}
#login-overlay form div.buttons a {
  font-size: 0.8rem;
  display: inline-block;
}

.appointment.has-warning {
  -webkit-animation-name: warning;
          animation-name: warning;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  border-width: 2px;
  border-color: black;
  width: calc(100% - 3px);
}

.appointment.focus {
  -webkit-animation-name: focus;
          animation-name: focus;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
}

.appointment.overlay.user-interaction a.button {
  float: right;
  max-height: 17px;
}
.appointment.overlay.user-interaction a.button img {
  pointer-events: none;
}
.appointment.overlay.user-interaction div {
  padding: 0.7em;
}
.appointment.overlay.user-interaction div br {
  padding-top: 0.2rem;
  margin-bottom: 0.3rem;
}
.appointment.overlay.user-interaction div img {
  padding: 0.7em;
  float: right;
}
.appointment.overlay.user-interaction div span.document-table {
  display: none;
}
.appointment.overlay.user-interaction div #document-source-table:checked + label > span:first-child {
  display: none;
}
.appointment.overlay.user-interaction div #document-source-table:checked + label span.document-table {
  display: inline;
}
.appointment.overlay.user-interaction div ul {
  width: auto !important;
}
.appointment.overlay.user-interaction div ul li {
  align-items: flex-end;
  border: 0px none;
}
.appointment.overlay.user-interaction div ul li input {
  margin-right: 0.3em;
}
.appointment.overlay.user-interaction section {
  padding: 0.7em;
  clear: both;
}
.appointment.overlay.user-interaction section .working {
  -webkit-animation-name: fadecolor;
          animation-name: fadecolor;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  border-width: 2px;
  -o-border-image: linear-gradient(to right, #800031, #e60737);
     border-image: linear-gradient(to right, #800031, #e60737);
  border-image-slice: 1 !important;
  border-radius: 3px;
}

table.receipt-details {
  margin-top: 1em;
}
table.receipt-details input {
  width: 25em;
}
table.receipt-details .amount, table.receipt-details .total {
  padding-left: 1.3em;
  text-align: right;
}
table.receipt-details .amount input, table.receipt-details .total input {
  width: 5em;
  text-align: right;
}
table.receipt-details hr {
  margin: 0;
  width: 100%;
}

.memos section {
  min-width: 100%;
  width: 100%;
}
.memos section div {
  padding: 1em 0;
}
.memos section button.delete {
  float: right;
}
.memos section .date {
  font-weight: bolder;
  margin-right: 0.5em;
}
.memos section .note {
  flex: 1;
}
.memos section #create-memo-form {
  flex-direction: column;
}
.memos section #create-memo-form p {
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.memos section #create-memo-form p * {
  flex: 1;
  margin: 4px;
  padding: 8px;
}
.memos section #create-memo-form p label {
  padding-left: 0px;
  margin-left: 0px;
}
.memos section #create-memo-form p input[type=checkbox] {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.memos section #create-memo-form p input[type=date] {
  max-width: 8rem;
}
.memos ul li:before {
  content: " ";
  width: 16px;
  height: 16px;
  background-image: url(/images/confirmed.png);
  background-size: 0px 0px;
  background-position: center;
  transition: background-size 1s cubic-bezier(0.92, -0.35, 0, 2.86);
}
.memos ul li.confirmed:before {
  background-size: 16px 16px;
}

.appointment.overlay .memos ul:not(.other):not(.service-list) li {
  border-width: 3px;
  border-color: red;
  border-style: inset groove outset ridge;
  -webkit-animation: borderanimation 2s infinite;
          animation: borderanimation 2s infinite;
}

.destroy-form {
  display: inline;
  vertical-align: top;
}
.destroy-form button {
  height: 1.5rem;
  width: 1.5rem;
  padding: 4px 1px 1px 1px !important;
}

.button.cancel, button.cancel {
  background-color: hsla(0, 0%, 100%, 0.5) !important;
}

#confirm-abort-form.overlaid {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #e1c1b9;
  border: 1px solid #800031;
  z-index: 2;
  padding: 1.2em;
  line-height: 3rem;
}
#confirm-abort-form.overlaid label {
  font-weight: bold;
  font-size: 1.3rem;
}
#confirm-abort-form.overlaid input, #confirm-abort-form.overlaid button {
  padding: 8px !important;
}
#confirm-abort-form.overlaid input {
  width: 100%;
}
#confirm-abort-form.overlaid .close {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  right: 0;
  top: -9px;
  font-size: 1.8em;
}
#confirm-abort-form.overlaid + div {
  visibility: hidden;
}

body.holidays #app {
  display: flex;
  flex-direction: column-reverse;
}
body.holidays #app form {
  position: relative;
  padding-bottom: 2em;
}
body.holidays #app form a.button {
  position: absolute;
  top: 1.2em;
  right: 2em;
  padding: 6px;
}
body.holidays #app .prev-year, body.holidays #app .next-year {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-right: 1em;
  margin-left: 1em;
  padding: 6px;
}
body.holidays #app .prev-year {
  align-self: flex-start;
}
body.holidays #app .next-year {
  align-self: flex-end;
}
body.holidays #app div.holidays {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  white-space: nowrap;
  align-items: flex-start;
  padding-bottom: 2em;
}
body.holidays #app div.holidays .month {
  flex: 1;
  display: grid;
  padding: 2px;
  text-overflow: ellipsis;
}
body.holidays #app div.holidays .month span {
  text-align: center;
}
body.holidays #app div.holidays .month .day {
  grid-column: 1;
}
body.holidays #app div.holidays .month *:not(.month-name) {
  font-family: monospace;
  height: 22px;
}
body.holidays #app div.holidays .month .month-name {
  grid-column: 1/-1;
  text-align: center;
}
body.holidays #app div.holidays .month .public-holiday.description {
  font-family: unset;
  font-size: 0.8em;
  text-align: center;
  grid-column: 2/-1;
  text-overflow: ellipsis;
  overflow: hidden;
}
body.holidays #app div.holidays .weekend {
  background-color: rgba(255, 228, 196, 0.7019607843);
}
body.holidays #app div.holidays .public-holiday {
  background-color: rgba(225, 193, 185, 0.4901960784);
}
body.holidays #app .submitted {
  opacity: 0.3;
}
body.holidays #app .weekday.Thekla {
  background-color: #a69a6c;
}
body.holidays #app .weekday.Julia {
  background-color: #6c96a6;
}
body.holidays #app .weekday.Juliane {
  background-color: #a66c74;
}
body.holidays #app .weekday.Berit {
  background-color: #dfde92;
}
body.holidays #app .weekday.Mareen {
  background-color: #93b0e8;
}
body.holidays #app form {
  padding: 1.2em 2em;
  font-size: 1.4em;
  line-height: 1.6em;
}
body.holidays #app form button {
  font-size: 0.7em;
  padding: 4px;
}
body.holidays #app form .success {
  border: 2px groove #31c631;
  border-radius: 3px;
}

.time-sheet {
  border-collapse: collapse;
}
.time-sheet .Januar {
  background-color: rgba(255, 228, 196, 0.7019607843);
}
.time-sheet .Januar.Februar {
  background: linear-gradient(160deg, rgba(255, 228, 196, 0.7019607843), rgba(255, 228, 196, 0.7019607843), rgba(215, 125, 19, 0.7), rgba(215, 125, 19, 0.7));
}
.time-sheet .Februar {
  background-color: rgba(215, 125, 19, 0.7);
}
.time-sheet .Februar.März {
  background: linear-gradient(160deg, rgba(215, 125, 19, 0.7), rgba(215, 125, 19, 0.7), rgba(255, 228, 196, 0.7019607843), rgba(255, 228, 196, 0.7019607843));
}
.time-sheet .März {
  background-color: rgba(255, 228, 196, 0.7019607843);
}
.time-sheet .März.April {
  background: linear-gradient(160deg, rgba(255, 228, 196, 0.7019607843), rgba(255, 228, 196, 0.7019607843), rgba(215, 125, 19, 0.7), rgba(215, 125, 19, 0.7));
}
.time-sheet .April {
  background-color: rgba(215, 125, 19, 0.7);
}
.time-sheet .April.Mai {
  background: linear-gradient(160deg, rgba(215, 125, 19, 0.7), rgba(215, 125, 19, 0.7), rgba(255, 228, 196, 0.7019607843), rgba(255, 228, 196, 0.7019607843));
}
.time-sheet .Mai {
  background-color: rgba(255, 228, 196, 0.7019607843);
}
.time-sheet .Mai.Juni {
  background: linear-gradient(160deg, rgba(255, 228, 196, 0.7019607843), rgba(255, 228, 196, 0.7019607843), rgba(215, 125, 19, 0.7), rgba(215, 125, 19, 0.7));
}
.time-sheet .Juni {
  background-color: rgba(215, 125, 19, 0.7);
}
.time-sheet .Juni.Juli {
  background: linear-gradient(160deg, rgba(215, 125, 19, 0.7), rgba(215, 125, 19, 0.7), rgba(255, 228, 196, 0.7019607843), rgba(255, 228, 196, 0.7019607843));
}
.time-sheet .Juli {
  background-color: rgba(255, 228, 196, 0.7019607843);
}
.time-sheet .Juli.August {
  background: linear-gradient(160deg, rgba(255, 228, 196, 0.7019607843), rgba(255, 228, 196, 0.7019607843), rgba(215, 125, 19, 0.7), rgba(215, 125, 19, 0.7));
}
.time-sheet .August {
  background-color: rgba(215, 125, 19, 0.7);
}
.time-sheet .August.September {
  background: linear-gradient(160deg, rgba(215, 125, 19, 0.7), rgba(215, 125, 19, 0.7), rgba(255, 228, 196, 0.7019607843), rgba(255, 228, 196, 0.7019607843));
}
.time-sheet .September {
  background-color: rgba(255, 228, 196, 0.7019607843);
}
.time-sheet .September.Oktober {
  background: linear-gradient(160deg, rgba(255, 228, 196, 0.7019607843), rgba(255, 228, 196, 0.7019607843), rgba(215, 125, 19, 0.7), rgba(215, 125, 19, 0.7));
}
.time-sheet .Oktober {
  background-color: rgba(215, 125, 19, 0.7);
}
.time-sheet .Oktober.November {
  background: linear-gradient(160deg, rgba(215, 125, 19, 0.7), rgba(215, 125, 19, 0.7), rgba(255, 228, 196, 0.7019607843), rgba(255, 228, 196, 0.7019607843));
}
.time-sheet .November {
  background-color: rgba(255, 228, 196, 0.7019607843);
}
.time-sheet .November.Dezember {
  background: linear-gradient(160deg, rgba(255, 228, 196, 0.7019607843), rgba(255, 228, 196, 0.7019607843), rgba(215, 125, 19, 0.7), rgba(215, 125, 19, 0.7));
}
.time-sheet .Dezember {
  background-color: rgba(215, 125, 19, 0.7);
}
.time-sheet .Dezember.Januar {
  background: linear-gradient(160deg, rgba(215, 125, 19, 0.7), rgba(215, 125, 19, 0.7), rgba(255, 228, 196, 0.7019607843), rgba(255, 228, 196, 0.7019607843));
}
.time-sheet td {
  padding: 3px;
  border: 1px solid black;
  min-width: 5em;
  text-align: right;
}

@media (max-width: 520px) {
  #overlay-container .overlay, #confirm-overlay .overlay {
    min-width: unset;
  }
}
@media (max-width: 830px) {
  body > address {
    display: none;
  }
  body.appointment-book .menu form input {
    max-width: calc(95% - 108px);
    min-width: unset;
    width: 100%;
  }
  .day .date a {
    font-size: 1em;
  }
  #menu {
    position: fixed;
    top: 10px;
    right: 10px;
  }
}
.appointment.overlay {
  max-width: 680px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.appointment.overlay button {
  padding: 0.2rem;
}
.appointment.overlay button.close {
  padding-top: 0;
}
.appointment.overlay > header:first-of-type {
  flex: 2 2 100%;
}
.appointment.overlay #client-data .edit-client-data, .appointment.overlay #client-data #client-edit-container section.health-insurance .edit-insurance-data, #client-edit-container section.health-insurance .appointment.overlay #client-data .edit-insurance-data {
  right: 2px;
  display: block;
}
.appointment.overlay header:not(.move-handle) {
  margin-bottom: 0.8rem;
  margin-top: 0.8rem;
  padding-left: 0.4rem;
}
.appointment.overlay .appointment-date {
  flex: 1;
}
.appointment.overlay *[name=appointment-action] {
  max-height: 22px;
}
.appointment.overlay .edit-appointment-subject {
  display: inline-block;
  position: absolute;
  right: 2px;
  top: 14px;
}
.appointment.overlay #phone-appointment-subject {
  text-transform: uppercase;
}
.appointment.overlay .subject {
  position: relative;
}
.appointment.overlay section {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
}
.appointment.overlay section > header + * {
  background-color: rgba(255, 255, 255, 0.3);
  margin-left: 3px;
  margin-right: 3px;
  border-radius: 3px;
}
.appointment.overlay section > header + *#menu {
  line-height: 2;
}
.appointment.overlay section form {
  padding-bottom: 1rem;
}
.appointment.overlay section form section {
  flex-direction: row;
  flex: 2 2 100%;
}
.appointment.overlay section form section input[type=radio] {
  flex: 0.1 0.1 22px !important;
  max-width: 15px;
}
.appointment.overlay section#search-available-slots {
  max-height: 95vh;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 6px;
}
.appointment.overlay section#search-available-slots > * {
  flex: 1 50%;
}
.appointment.overlay section#search-available-slots header, .appointment.overlay section#search-available-slots form:first-child {
  flex: 2 100%;
}
.appointment.overlay section#search-available-slots #reserve-appointment-form {
  display: flex;
  flex-direction: column;
  padding-bottom: 0px;
}
.appointment.overlay section#search-available-slots #reserve-appointment-form + h3 {
  padding: 0 8px 1em 8px;
}
.appointment.overlay section#search-available-slots form {
  display: block;
  background-color: unset;
}
.appointment.overlay section#search-available-slots form h3 {
  float: left;
  padding-bottom: 1rem;
}
.appointment.overlay section#search-available-slots form:first-of-type {
  padding-bottom: 2px;
}
.appointment.overlay section#search-available-slots form:last-of-type {
  overflow-y: auto;
  overflow-x: hidden;
}
.appointment.overlay section#search-available-slots form #paginator {
  padding-right: 10px;
  align-self: flex-end;
}
.appointment.overlay section#search-available-slots form #paginator button {
  padding: 0.3rem;
}
.appointment.overlay section#search-available-slots form input[type=checkbox] {
  vertical-align: middle;
}
.appointment.overlay section#search-available-slots form section {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  margin-bottom: 0.5em;
}
.appointment.overlay section#search-available-slots form section:not(:first-of-type) {
  flex-direction: column;
}
.appointment.overlay section#search-available-slots form section div {
  padding: 0px;
}
.appointment.overlay section#search-available-slots form section .min-minutes {
  display: flex;
}
.appointment.overlay section#search-available-slots form section .min-minutes > div {
  padding: 0px 8px;
}
.appointment.overlay section#search-available-slots form section .options, .appointment.overlay section#search-available-slots form section .appointables {
  line-height: 2.2em;
}
.appointment.overlay section#search-available-slots form section .weekdays {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr 1.4fr 1fr;
}
.appointment.overlay section#search-available-slots form section .weekdays div span {
  padding-right: 0.3em;
}
.appointment.overlay section#search-available-slots form section .weekdays .weekday {
  white-space: nowrap;
}
.appointment.overlay section#search-available-slots form section .weekdays select {
  border: 1px;
}
.appointment.overlay section#search-available-slots form section:first-of-type > div {
  padding: 4px 0px;
}
.appointment.overlay section#search-available-slots form section div:last-of-type {
  flex: 4;
}
.appointment.overlay section#search-available-slots form section .min-minutes-range-slider {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.appointment.overlay section#search-available-slots form section .min-minutes-range-slider input.slider {
  z-index: 3;
  margin-left: 5.8%;
}
.appointment.overlay section#search-available-slots form section .min-minutes-range-slider div {
  display: flex;
  flex-direction: row;
  font-size: 0.65rem;
  width: 100%;
  justify-content: space-evenly;
  padding: 0px;
  margin-top: -8px;
}
.appointment.overlay section#search-available-slots form section .min-minutes-range-slider div span {
  flex: 1;
  text-align: right;
}
.appointment.overlay section#search-available-slots form .available-slot-list {
  max-height: unset;
  overflow-y: auto;
}
.appointment.overlay section#search-available-slots form .available-slot-list:not(.reserved) {
  min-height: 17.5em;
}
.appointment.overlay section#search-available-slots form .available-slot-list li {
  max-width: calc(100% - 10px);
}
.appointment.overlay section#search-available-slots form .available-slot-list.reserved button {
  cursor: context-menu;
}
.appointment.overlay section#search-available-slots form .available-slot-list button {
  flex: 1;
  max-width: 1.3rem;
  width: 1.3rem;
  height: 1.3rem;
  border: 2px groove aliceblue;
  margin-right: 0.3rem;
  cursor: cell;
  padding: 0px;
}
.appointment.overlay section#search-available-slots form .available-slot-list button:before {
  color: green;
}
.appointment.overlay section#search-available-slots form .available-slot-list a {
  flex: 15;
}
.appointment.overlay section#search-available-slots #reserved-appointments {
  display: flex;
  flex-direction: column;
}
.appointment.overlay section#search-available-slots #reserved-appointments #reserved-appointments-form {
  flex: 1;
}
.appointment.overlay section#search-available-slots #reserved-appointments h3 {
  padding-bottom: 1rem;
}
.appointment.overlay section#appointment-subject {
  flex: 2 2 100%;
}
.appointment.overlay section#appointment-subject .blocked-off {
  position: relative;
}
.appointment.overlay section#appointment-subject .blocked-off #edit-blocked-off {
  position: absolute;
  top: 0px;
  right: 12px;
}
.appointment.overlay section#appointment-subject .with-client {
  position: relative;
}
.appointment.overlay section#appointment-subject > header + * {
  height: auto;
  padding-bottom: 2rem;
}
.appointment.overlay section#appointment-subject form {
  display: flex;
  background-color: unset;
  flex-wrap: wrap;
}
.appointment.overlay section#appointment-subject form input:not([type=radio]) {
  flex: 8;
  max-width: 580px;
}
.appointment.overlay section#appointment-subject form input:not([type=radio]) + button, .appointment.overlay section#appointment-subject form input:not([type=radio]) + span {
  flex: 1;
  text-align: right;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.appointment.overlay section#appointment-subject form span button {
  padding: 0px 8px;
}
.appointment.overlay section#appointment-subject form input:not([type=radio]), .appointment.overlay section#appointment-subject form button {
  min-height: 32px;
}
.appointment.overlay section#appointment-subject form section {
  height: auto;
  display: flex;
  align-items: flex-start;
}
.appointment.overlay section#appointment-subject form section > div > label:first-child {
  display: block;
}
.appointment.overlay section#appointment-subject form section input {
  margin-top: 10px;
}
.appointment.overlay section#appointment-subject form section.buttons {
  flex: 0 0 100%;
}
.appointment.overlay section#appointment-subject form input[type=radio]:disabled {
  opacity: 0.3;
}
.appointment.overlay section#appointment-subject form input[type=radio]:not(:disabled):not(:checked) + div > div, .appointment.overlay section#appointment-subject form input[type=radio]:not(:disabled):not(:checked) + div > select, .appointment.overlay section#appointment-subject form input[type=radio]:not(:disabled):not(:checked) + div > button, .appointment.overlay section#appointment-subject form input[type=radio]:not(:disabled):not(:checked) + div > .new-hm-version, .appointment.overlay section#appointment-subject form input[type=radio]:not(:disabled):not(:checked) + div > .new-hm-version + label {
  display: none;
}
.appointment.overlay section#appointment-subject {
  margin-left: 0px;
}
.appointment.overlay section#appointment-subject input:not[type=radio] {
  flex: 1 auto;
  height: 33.6px !important;
}
.appointment.overlay section#appointment-subject section.buttons {
  margin-top: 1rem;
}
.appointment.overlay section #client-data > div:not(:last-of-type) {
  border-bottom: 1px dotted rgba(2, 2, 2, 0.6);
}
.appointment.overlay section#appointment-dates label, .appointment.overlay section span.appointment-date label {
  display: block;
  padding-bottom: 5px;
  padding-top: 12px;
}
.appointment.overlay section#appointment-dates .self-pay label, .appointment.overlay section span.appointment-date .self-pay label {
  display: flex;
  align-items: center;
}
.appointment.overlay section#appointment-dates .prescription label, .appointment.overlay section span.appointment-date .prescription label {
  display: inline-block;
  align-items: center;
}
.appointment.overlay section#appointment-dates .date, .appointment.overlay section#appointment-dates .start-time, .appointment.overlay section#appointment-dates .party, .appointment.overlay section#appointment-dates .appointable, .appointment.overlay section span.appointment-date .date, .appointment.overlay section span.appointment-date .start-time, .appointment.overlay section span.appointment-date .party, .appointment.overlay section span.appointment-date .appointable {
  font-weight: bold;
}
.appointment.overlay section#appointment-dates .date, .appointment.overlay section#appointment-dates .start-time, .appointment.overlay section#appointment-dates .party, .appointment.overlay section span.appointment-date .date, .appointment.overlay section span.appointment-date .start-time, .appointment.overlay section span.appointment-date .party {
  font-family: monospace;
}
.appointment.overlay section#appointment-dates #append-appointment-date, .appointment.overlay section#appointment-dates .append-appointment-date, .appointment.overlay section span.appointment-date #append-appointment-date, .appointment.overlay section span.appointment-date .append-appointment-date {
  margin-left: auto;
}
.appointment.overlay section > form, .appointment.overlay section div:not(.locators) {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}
.appointment.overlay section form {
  display: flex;
}
.appointment.overlay :not(.indicator-light) > ul.service-list {
  list-style-type: none;
  margin-left: 0.5rem;
}
.appointment.overlay :not(.indicator-light) > ul.service-list li:before {
  font-weight: bold;
  content: "·";
  padding-right: 0.3em;
}
.appointment.overlay :not(.indicator-light) > ul:not(.other):not(.service-list) {
  /* width: calc(100% + 10px); */
  max-height: 400px;
  overflow-y: auto;
  line-height: 1.2;
}
.appointment.overlay :not(.indicator-light) > ul:not(.other):not(.service-list) li {
  display: flex;
  padding: 4px;
  border: 1px dashed aliceblue;
  border-radius: 6px;
  margin-bottom: 2px;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
}
.appointment.overlay :not(.indicator-light) > ul:not(.other):not(.service-list) li .appointment-note {
  flex: 2 2 100%;
  font-size: 0.8em;
  max-height: 1.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0px;
}
.appointment.overlay :not(.indicator-light) > ul:not(.other):not(.service-list) li .appointment-note:before {
  content: "Notiz: ";
}
.appointment.overlay :not(.indicator-light) > ul:not(.other):not(.service-list) li input[type=checkbox] {
  margin: 0.4em;
  align-self: flex-start;
}
.appointment.overlay :not(.indicator-light) > ul:not(.other):not(.service-list) li form {
  display: inline;
  padding-bottom: unset;
}
.appointment.overlay :not(.indicator-light) > ul:not(.other):not(.service-list) li span.fango {
  float: right;
  font-size: 0.9rem;
  display: flex;
}
.appointment.overlay :not(.indicator-light) > ul:not(.other):not(.service-list) li span.fango input {
  margin-left: 8px;
  margin-right: 2px;
}
.appointment.overlay :not(.indicator-light) > ul.other {
  list-style-type: none;
  max-height: 20em;
  overflow-y: auto;
}
.appointment.overlay :not(.indicator-light) > ul.other li {
  padding-left: 2em;
}
.appointment.overlay .show-client-form {
  display: flex;
}
.appointment.overlay .show-client-form #surname, .appointment.overlay .show-client-form #first-name {
  font-size: 1.3rem;
}
.appointment.overlay .locators {
  display: flex;
}
.appointment.overlay .locators .locator {
  padding: 0px !important;
}
.appointment.overlay .locators .locator label {
  font-size: 0.75rem;
}
.appointment.overlay .locators a {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 1.3rem;
  padding: 3px;
}
.appointment.overlay #prescription-form {
  display: block;
}
.appointment.overlay .existing-prescription {
  max-width: 500px;
}
.appointment.overlay .existing-prescription select {
  max-width: 100%;
}
.appointment.overlay #block-reasons, .appointment.overlay #misc-subjects {
  visibility: hidden;
  display: flex;
  margin-right: 8px;
  border-top: 2px outset rgba(128, 0, 49, 0.2);
  padding-bottom: 1rem;
  border-bottom: 2px outset rgba(128, 0, 49, 0.2);
  background-color: #f9f1dc;
  margin-bottom: 1rem;
  padding-top: 4px;
  position: absolute;
  z-index: 200;
  min-width: 600px;
}
.appointment.overlay #block-reasons form, .appointment.overlay #misc-subjects form {
  width: 100%;
}
.appointment.overlay #block-reasons a.button, .appointment.overlay #misc-subjects a.button {
  position: absolute;
  right: 0px;
}
.appointment.overlay #block-reasons ul, .appointment.overlay #misc-subjects ul {
  list-style-type: none;
  width: 100%;
}
.appointment.overlay #block-reasons ul button, .appointment.overlay #misc-subjects ul button {
  cursor: pointer;
  background: unset;
  border: 0px none;
  width: 100%;
  text-align: left;
  flex: 20;
}
.appointment.overlay #block-reasons ul li, .appointment.overlay #misc-subjects ul li {
  padding: 4px;
  background-color: #f9f1dc;
}
.appointment.overlay #block-reasons ul li:before, .appointment.overlay #misc-subjects ul li:before {
  display: inline-block;
  content: "»";
  width: 0.6rem;
  max-width: 0.6rem;
  flex: 1;
}
.appointment.overlay #block-reasons ul li:nth-child(2n+1), .appointment.overlay #misc-subjects ul li:nth-child(2n+1) {
  background-color: rgba(231, 211, 174, 0.35);
}
.appointment.overlay.show #appointment-dates:not(.blocked-off) {
  flex: 1.2 1.2 60%;
  max-width: 60%;
}
.appointment.overlay.show #appointment-subject header {
  display: none;
}
.appointment.overlay.show #appointed-client-data {
  flex: 0.8 0.8 40%;
}
.appointment.overlay.show #appointed-client-data .new-appointment {
  padding-top: 1em;
}
.appointment.overlay span.appointments-menu {
  display: flex;
  justify-content: flex-end;
}
.appointment.overlay span.appointments-menu button {
  margin-top: 0.2em;
  padding-bottom: 0px;
}
.appointment.overlay .already-printed {
  -moz-appearance: none;
  width: 15px;
  height: 15px;
  background-color: #cccac4 !important;
}
.appointment.overlay .already-printed:checked:before {
  font-size: 1.4em;
  content: "✔";
  margin-top: -4px;
  display: block;
}

.new-hm-version {
  min-height: unset !important;
}
.new-hm-version:not(:checked) ~ .service-select, .new-hm-version:not(:checked) ~ button {
  display: block;
}
.new-hm-version:not(:checked) ~ .new-hm-service-select {
  display: none;
}
.new-hm-version:checked ~ .service-select, .new-hm-version:checked ~ button {
  display: none;
}
.new-hm-version:checked ~ .new-hm-service-select {
  display: block;
}
.new-hm-version ~ .new-hm-service-select > select {
  width: 28%;
}

a > div.appointment:not(.blocked-off):hover {
  z-index: 13;
  background-color: #e1c1b9;
}
a > div.appointment .buttons {
  display: none;
  position: absolute;
  top: 1.2em;
  right: 2px;
  z-index: 2;
}
a > div.appointment .buttons button {
  border: 1px solid #800031 !important;
  border-radius: 3px;
  background-color: rgba(231, 211, 174, 0.85) !important;
  margin-top: 2px;
  padding-top: 2px;
  padding-left: 1px;
  height: 20px;
  width: 20px;
  outline: 0;
}
a > div.appointment:hover .buttons {
  display: block;
}
a > div.appointment .appointment-note {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis ellipsis;
  font-size: 0.8em;
  white-space: pre-line;
  max-height: calc(100% - 2.5em);
  max-width: calc(100% - 1.5em);
  padding: 2px;
  margin-top: -8px;
}
a > div.appointment .appointment-note:before {
  display: inline-block;
  font-family: "ForkAwesome";
  content: "\f12a";
  width: 1.5em;
  height: 1.5em;
  color: white;
  border-radius: 50%;
  background-color: gray;
  text-align: center;
}
a > div.appointment .appointment-note.has-warnings:before {
  background-color: #e62626;
}

a > div.appointment.short .buttons {
  top: -4px;
  z-index: 12;
}

.fango-appointment {
  position: absolute;
  right: 0px;
  bottom: -10px;
  border-top: 1px solid #580021;
  border-left: 1px solid #580021;
  height: 70px;
  background-color: #e1c1b9;
  z-index: 11;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.reserved-appointments-group {
  padding: 1rem;
  background-color: #e1c1b9;
  border-top: 2px outset rgba(174, 140, 77, 0.85);
  border-right: 2px outset rgba(174, 140, 77, 0.85);
  border-top-right-radius: 8px;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.reserved-appointments-group:not(:first-of-type) {
  border-top-left-radius: 8px;
}

body.with-overlay .reserved-appointments-group {
  display: none;
}

span.collision-warning {
  font-size: 0.9em;
  font-style: oblique;
  display: inline-block;
}
span.collision-warning b {
  color: red;
}
span.collision-warning .party {
  font-variant: unset;
}

div.user span.collision-warning {
  display: unset;
}

.deleted {
  opacity: 0.4;
  filter: grayscale(100%);
}

.no-show::after, .excused::after, .therapist-sick::after, .therapist-sick.notified::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover;
  margin: 5px;
  position: absolute;
  right: 2px;
  top: 1.1em;
}

.deleted.no-show::after, .deleted.excused::after {
  right: unset;
  left: 2px;
}

.no-show::after {
  background-image: url("/images/no-show.png");
}

.excused::after {
  background-image: url("/images/excused.png");
}

.therapist-sick::after {
  background-image: url("/images/sick.png");
}

.therapist-sick.notified::before {
  right: 24px;
  background-image: url("/images/confirmed2.png");
}

.what-to-do h3 {
  padding-bottom: 1rem;
}
.what-to-do .appointments-group {
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
  display: flex;
  flex-direction: column;
}
.what-to-do .appointments-group p {
  font-weight: bolder;
  padding-bottom: 0.4rem;
}
.what-to-do .appointments-group button {
  align-self: flex-end;
}

form#print-appointments {
  display: block;
}
form#print-appointments #menu {
  background-color: unset;
}

@media (max-width: 768px) {
  .fango-appointment {
    height: 138px;
    bottom: -18px;
  }
}
#search-free-slots {
  max-width: 860px !important;
}

abbr.alternative {
  opacity: 0.3;
}

html {
  background-color: #e8d3af;
  background-image: url(/images/physio-knopp-bg2.jpg?51c00490cfda52a227db3173ccc1479c);
  background-size: cover;
  font-family: Palanquin, Verdana, OpenSans, sans;
  line-height: 1.3em;
}

div.logo + div {
  flex: 6 0;
  background-image: url(/images/logo-line-bg.svg?d660981cd48d9f36e5af508a8b68229f);
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position-y: 0.79rem;
}

div.bullet {
  flex: 0.1 0;
  min-width: 2em;
  background-image: url(/images/logo-bullet-bg.svg?c04494a08a1dbaeb7e2208b38b24649d);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position-y: 1px;
}