/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont3e6e.eot?v=4.7.0');src:url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont3e6e.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont3e6e.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont3e6e.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont3e6e.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.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.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.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%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -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}.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-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-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: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-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-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: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-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.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-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-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.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-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.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-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-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-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-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-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: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-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-pied-piper:before{content:"\f2ae"}.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"}.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}

/*------------------------------------------------------------------
[Master Stylesheet]

Project		:	Ideabox - Mobile Web UI Template
Version		:	1.0
Last change	:	06/09/17
Assigned to :	Tevrat Gündoğdu
Primary use :	Mobile 
-------------------------------------------------------------------*/


/*-------------------------------------------------------------------
[Table of contents]

0. Reset and Set Defaults
1. Body
2. wrapper / .wrapper
3. Navigation / nav.menu
4. Inline Wrapper / .wrapper-inline
5. Header
6. Main Content / main
7. Container Section / .container
8. Form Elements / input, select, button etc.
9. Accordion / .expandable-item
10. Wizard / .wizard
11. Tab Control / .tab-item
12. Popups / .popup-overlay
13. Lists / .list-box
14. Search / .search-popup:(popup); and .search-result-container:(list)
15. Divider / .form-divider and .form-label-divider
16. Posts / .post-item and .post-detail
17. Profile Page
18. Post Author Page
19. Gallery And Album
20. Contact
21. Product Pages
22. Panel
23. Bouble Menu
24. Page Loader
25. Responsive Media Queries
26. Background Color Helpers
27. Text Helpers
28. Text Animations  / home page
-------------------------------------------------------------------*/




/*-------------------------------------------------------------------
[0. Reset and Set Defaults]
*------------------------------------------------------------------*/
a{
	color: #667F97;
	text-decoration: none;
	font-weight: 700;
	outline: none;
}
body *{
	box-sizing: border-box;
}
input,button, select, textarea, label{
	font-family: Nunito;
	font-size: 14px;
	color: #667F97;
	line-height: 1.4;
	font-weight: 600;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #667F97;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #667F97;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #667F97;
}
:-moz-placeholder { /* Firefox 18- */
  color: #667F97;
}
/*end of part 0----------------------------------------------------*/



/*-------------------------------------------------------------------
[1. Body]
*------------------------------------------------------------------*/
body{
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-family: Nunito;
	font-size: 14px;
	color: #667F97;
	line-height: 1.4;
	font-weight: 400;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}
#loaddata {margin: 5% 0; padding-bottom: 5%;}
#preview img{    margin: 5px; }
/*end of part 1----------------------------------------------------*/


/*-------------------------------------------------------------------
[2. Wrapper]
*------------------------------------------------------------------*/
.wrapper{
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	
}
.wrapper.with-bg-image{
	background-image: url('../img/background-image.jpg');
}
/*end of part 2----------------------------------------------------*/



/*-------------------------------------------------------------------
[3. Navigation]
*------------------------------------------------------------------*/
.toggle-menu {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  top: 0px;
  float: right;
  z-index: 1000;
}

.toggle-menu i {
  position: absolute;
  display: block;
  height: 3px;
  background: #0094FC;
  width: 30px;
  left: 0px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.toggle-menu i:nth-child(1) {
  top: 8px;
}

.toggle-menu i:nth-child(2) {
  top: 16px;
}

.toggle-menu i:nth-child(3) {
  top: 24px;
}

.toggle-menu.active i:nth-child(1) {
  top: 16px;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.toggle-menu.active i:nth-child(2) {
  background: transparent;
}

.toggle-menu.active i:nth-child(3) {
  top: 16px;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}


.menu-drawer {
  width: 300px;
  height: 100vh;
  position: absolute;
  left: -550px;
  top: 0;
  transition: left linear .7s;
  z-index: 999;
 
}

.open {
  left: 0px;
  transition: left linear .7s;
 
}

nav.menu{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	background-color: #069;
	-webkit-transition: left 200ms cubic-bezier(0.000, 0.655, 0.000, 1); /* older webkit */
-webkit-transition: left 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990); 
   -moz-transition: left 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990); 
     -o-transition: left 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990); 
        transition: left 200ms cubic-bezier(0.025, 0.685, 0.000, 0.990); /* custom */
}

nav.menu .nav-header{
	height: 75px;
	background-color: #ffffff;
	text-align: center;
	 
}

nav .nav-container{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 75px;
	overflow: auto;
}

nav.menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
nav.menu ul li{
	display: block;
	width: 100%;
}
nav.menu ul.main-menu > li.active{
	background-color: rgba(0,0,0,0.2);
}

nav.menu ul.main-menu > li.active > ul{
	display: block;
}

nav.menu ul.main-menu > li ul li.active{
	background-color: rgba(0,0,0,0.2);
}

nav.menu ul.main-menu>li>a{
	display: block;
	color: #FFF;
	padding: 8px 20px;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	font-weight: 600;
}
nav.menu ul.main-menu>li>a>i{
	display: inline-block;
	width: 24px;
}
nav.menu ul.main-menu>li>a>span{
	display: inline-block;
	float: right;
	opacity: 0.5;
}
nav.menu ul.main-menu>li ul{
	display: none;
}
nav.menu ul.main-menu>li li a{
	display: block;
	color: #fff;
	padding: 8px 20px 8px 48px;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	font-weight: 400;
}
 
/*end of part 3----------------------------------------------------*/



/*-------------------------------------------------------------------
[4. Inline Wrapper]
*------------------------------------------------------------------*/
.wrapper-inline{
	position: absolute;
	width: 100%;
	bottom: 0;
	top: 0;
	background-color: #F5F6F8;
	overflow: auto;
}
.wrapper.with-bg-image .wrapper-inline{
	background-color: rgba(255,255,255,0.9);
}
/*end of part 4----------------------------------------------------*/



/*-------------------------------------------------------------------
[5. Header]
*------------------------------------------------------------------*/
header{
	position: fixed;
	z-index: 998;
	top: 0;
	left: 0;
	right: 0;
	background-color: #FFF;
	height: 50px;
	border-bottom:solid 1px #EEE;
	padding: 10px;

}

header.no-background{
	background-color: transparent;
	border-bottom: none;
	color: #FFF;
	-webkit-transition: background-color .3s ease-in-out;
	  -moz-transition: background-color .3s ease-in-out;
	    -o-transition: background-color .3s ease-in-out;
	      transition: background-color .3s ease-in-out;
}
header.no-background a{
	color: #FFF;
}
header.no-background .navi-menu-button em{
	background: #FFF;
}

header.set-bg{
	background-color: #FFF;
	border-bottom:solid 1px #EEE;
	color: #667F97;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
}
header.set-bg a{
	color: #667F97;
}
header.set-bg .navi-menu-button em{
	background: #667F97;
}

header .go-back-link{
	width: 30px;
	height: 30px;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	float: left;
	margin-left: -10px;
}
header .page-title{
	font-size: 16px;
	position: absolute;
	left: 50px;
	right: 50px;
	top: 10px;
	margin: 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 2px;
	overflow: hidden;
	text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
	text-transform: uppercase;
}
header.with-search-icon .page-title{
	left: 80px;
	right: 50px;
}
 
/*end of part 5----------------------------------------------------*/



/*-------------------------------------------------------------------
[6. Main]
*------------------------------------------------------------------*/
main{
	margin-top: 50px;
}
main.no-margin{
	margin-top: 0;
}
main.fix-top-menu{
	margin-top: 50px;
}
main.no-margin .container{
	padding: 0;
}
main.no-header .TurboWrapper{
	top: 0;
}
/*end of part 6----------------------------------------------------*/



/*-------------------------------------------------------------------
[7. Container]
*------------------------------------------------------------------*/
section.container{
	padding: 0 10px;
}
/*end of part 7----------------------------------------------------*/



/*-------------------------------------------------------------------
[8. Form Elements]
*------------------------------------------------------------------*/
.form-row{
	display: block;
	width: 100%;
	padding: 5px 0;
	position: relative;
}
.form-row.no-padding{
	padding: 0;
}
.form-row-group{
	border-radius: 3px;
	background-color: #FFF;
	border:solid 1px #f2f2f2;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);
	padding: 2% 0;
}
.form-row-group .form-row{
	padding: 0 10px;
}
.form-row-group.with-icons .form-row i{
	position: absolute;
	line-height: 40px;
	width: 24px;
}
.form-row-group.with-icons .form-row .form-element{
	padding-left: 24px;
}
.form-element{
	display: block;
	width: 100%;
	border:none;
	border-bottom: solid 1px #EEE;
	height: 40px;
	outline: none;
	line-height: 40px;
	background-color: #FFF;
	
}
div.form-element{
	display: block;
	width: 100%;
	border:none;
	border-bottom: solid 1px #EEE;
	height: auto;
	outline: none;
	line-height: 40px;
	background-color: #FFF;
	
}
select.form-element{
	-webkit-appearance: none;
    background-color: white;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQwMS45OTggNDAxLjk5OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAxLjk5OCA0MDEuOTk4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTczLjA5MiwxNjQuNDUyaDI1NS44MTNjNC45NDksMCw5LjIzMy0xLjgwNywxMi44NDgtNS40MjRjMy42MTMtMy42MTYsNS40MjctNy44OTgsNS40MjctMTIuODQ3ICAgIGMwLTQuOTQ5LTEuODEzLTkuMjI5LTUuNDI3LTEyLjg1TDIxMy44NDYsNS40MjRDMjEwLjIzMiwxLjgxMiwyMDUuOTUxLDAsMjAwLjk5OSwwcy05LjIzMywxLjgxMi0xMi44NSw1LjQyNEw2MC4yNDIsMTMzLjMzMSAgICBjLTMuNjE3LDMuNjE3LTUuNDI0LDcuOTAxLTUuNDI0LDEyLjg1YzAsNC45NDgsMS44MDcsOS4yMzEsNS40MjQsMTIuODQ3QzYzLjg2MywxNjIuNjQ1LDY4LjE0NCwxNjQuNDUyLDczLjA5MiwxNjQuNDUyeiIgZmlsbD0iIzkxOTE5MSIvPgoJCTxwYXRoIGQ9Ik0zMjguOTA1LDIzNy41NDlINzMuMDkyYy00Ljk1MiwwLTkuMjMzLDEuODA4LTEyLjg1LDUuNDIxYy0zLjYxNywzLjYxNy01LjQyNCw3Ljg5OC01LjQyNCwxMi44NDcgICAgYzAsNC45NDksMS44MDcsOS4yMzMsNS40MjQsMTIuODQ4TDE4OC4xNDksMzk2LjU3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4czkuMjMzLTEuODExLDEyLjg0Ny01LjQyOGwxMjcuOTA3LTEyNy45MDYgICAgYzMuNjEzLTMuNjE0LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0OGMwLTQuOTQ4LTEuODEzLTkuMjI5LTUuNDI3LTEyLjg0N0MzMzguMTM5LDIzOS4zNTMsMzMzLjg1NCwyMzcuNTQ5LDMyOC45MDUsMjM3LjU0OXoiIGZpbGw9IiM5MTkxOTEiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-position : right center;
    background-repeat: no-repeat;
    padding-right: 1.5em;
    border-color:transparent;
    border-bottom: solid 1px #EEE;
}

.error{
	color: #cc0c35;
}
.error .form-element{
	border-color: #cc0c35 !important;
	color: #cc0c35;
}
textarea.form-element{
	resize: none;
	line-height: 1.4;
	padding: 10px 0;
	min-height: 80px;
}
select.form-element{
	padding: 0;
	margin-left: -4px;
}
.form-element:focus{
	border-color: #2DD67B;
}

.button{
	padding: 10px;
	background-color: #FFF;
	border:none;
	border-radius: 3px;
	text-align: center;
	font-weight: 600;
	outline: none;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	cursor: pointer;
}
.button.circle{
	border-radius: 40px;
}
.button.block{
	display: block;
	width: 100%;
}
.button.center{
    display: block;
    width: 50%;
    margin-left: 25% !important;
}
.button:hover, .button:active, .button:focus{
	background-color: #f9f9f9;
}
.button.darkblue{
	background-color: #2C6EBC;
	color: #FFF;
	border-color:transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.button.blue{
	background-color: #60B2FE;
	color: #FFF;
	border-color:transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	    margin: 2% 0;
}
.button.yellow{
	background-color: #FFA837;
	color: #FFF;
	border-color:transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.button.red{
	background-color: #FF6378;
	color: #FFF;
	border-color:transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.button.green{
	background-color: #2DD67B;
	color: #FFF;
	border-color:transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.sweet-check{
	height: 30px;
	width: 60px;
	cursor: pointer;
	border-radius: 30px;
	border:solid 1px #eee;
	display: inline-block;
	position: relative;
	background-color: #FFF;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	-webkit-transition: background-color 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   -moz-transition: background-color 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     -o-transition: background-color 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        transition: background-color 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
.sweet-check input{
	opacity: 0;
	position: absolute;
}

.sweet-check .outline{
	width: 27px;
	height: 27px;
	border-radius: 50%;
	display: block;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	background-color: #FFF;
	position: absolute;
	left: 0;
	-webkit-transition: left 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   -moz-transition: left 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     -o-transition: left 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        transition: left 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
.sweet-check.checked{
	background-color: #60B2FE;
	border-color: #60B2FE;
}
.sweet-check.checked .outline{
	left: 30px;
}
/*end of part 8----------------------------------------------------*/




/*-------------------------------------------------------------------
[9. Accordion]
*------------------------------------------------------------------*/
.expandable-item{
	background-color: #fff;
	border-radius: 3px;
	margin-bottom: 1px;
}
.expandable-header{
	background-color: #FFF;
	padding: 15px;
	position: relative;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	border-radius: 3px;
	cursor: pointer;
}
.expandable-header .list-icon{
	font-size: 18px;
	display: inline-block;
	width: 24px;
}
.expandable-header .list-title{
	font-size: 100%;
	line-height: 18px;
	margin: 0;
	padding: 0;
	display: inline-block;
	text-transform: uppercase;
}
.expandable-header .list-item-extra{
	position: absolute;
	right: 40px;
	top: 17px;
	font-size: 12px;
}
.expandable-header .list-arrow{
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 20px;
}
.expandable-content{
	border:solid 1px transparent;
	border-top: none;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height .2s linear;
	  -moz-transition: max-height .2s linear;
	    -o-transition: max-height .2s linear;
	      transition: max-height .2s linear;
}
.expandable-content .padding-content{
	padding: 15px;
}
.expandable-item.active .expandable-content{
	border-color:#EEE;
	max-height: 200px;
}
.expandable-item.active .list-arrow:before{
	content: "\f106";
}
/*end of part 9----------------------------------------------------*/



/*-------------------------------------------------------------------
[10. Wizard]
*------------------------------------------------------------------*/
.wizard{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.wizard .wizard-item{
	position: relative;
}
.wizard .wizard-content{
	position: absolute;
	left: 20px;
	top: 20px;
	right: 20px;
	bottom: 60px;
	overflow: hidden;
	text-align: center;
}

.wizard-page .TurboWrapper{
	position: absolute;
	top: 50px;
	right: 0;
	bottom: 0;
	left: 0;
}

.wizard-page .slider-navigation{
	position: absolute;
	z-index: 99;
	bottom: 10px;
	left: 20px;
	right: 20px;
}
.wizard-skip-link{
	position: absolute;
	z-index: 99;
	bottom: 10px;
	right: 20px;
	height: 33px;
	line-height: 33px;
	font-weight: 400;
	cursor: pointer;
	font-size: 14px;
}
.wizard-skip-link:hover{
	color: #069;
}
.dotClass{
	background-color: #DDD;
	margin: 5px 3px;
	width: 6px;
	height: 6px;
}
/*end of part 10----------------------------------------------------*/



/*-------------------------------------------------------------------
[11. Tab Control]
*------------------------------------------------------------------*/
.tab-item .fix-width .menu-item{
	display: block;
	float: left;
	text-align: center;
}

.tab-item .tab-content .content-item{
	display: none;
}
.tab-item .tab-content .active{
	display: block;
}
.tab-item .tab-menu{
	background-color: #FFF;
	overflow: hidden;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	z-index: 99;
}
.tab-item .menu-item{
	line-height: 40px;
}
.tab-item .menu-item.active{
	border-bottom: solid 2px #069;
	color: #069;
}
.tab-item .tab-content{
	padding: 10px;
}
.tab-item.fixed-bottom .tab-menu{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.2);
}
.tab-item.fixed-bottom .menu-item.active{
	border-bottom:none;
	border-top: solid 2px #069;
	background-color: rgba(0,0,0,0.05);
}
.tab-item.fixed-bottom .tab-menu.only-icons .menu-item{
	font-size: 18px;
}
.tab-item.fixed-bottom .tab-content{
	padding-bottom: 50px;
}
/*end of part 11----------------------------------------------------*/
/*-------------------------------------------------------------------
[a. footer]
*------------------------------------------------------------------*/
.tab-item .fix-width .footer-menu-item{
	display: block;
	float: left;
	text-align: center;
}
.tab-item .footer-menu-item{
	line-height: 40px;
}
.tab-item.fixed-bottom .footer-menu-item.active{
	border-bottom:none;
	border-top: solid 2px #069;
	background-color: rgba(0,0,0,0.05);
}
.tab-item.fixed-bottom .tab-menu.only-icons .footer-menu-item{
	font-size: 18px;
}
/*-------------------------------------------------------------------
[12. Popup]
*------------------------------------------------------------------*/
.popup-overlay{
	position: fixed;
	z-index: 900;
	left: 0;
	right: 0;
	top: 50px;
	bottom: 0;
	background-color: rgba(0,0,0,0.4);
	overflow: auto;
	padding: 20px;
	display: none;
	cursor: pointer;
}
.popup-overlay.no-overlay{
	background-color: transparent;
}
.popup-overlay .popup-container{
	overflow: hidden;
	background-color: #FFF;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.popup-overlay .popup-header{
	border-bottom: solid 1px #EEE;
	background-color: #f4f4f4;
	padding: 10px;
	position: relative;
}
.popup-overlay .popup-title{
	margin: 0;
	padding: 0;
	padding-right: 40px;
}
.popup-overlay .popup-close{
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: center;
	line-height: 24px;
	cursor: pointer;
}
.popup-overlay .popup-content{
	padding: 10px;
	min-height: 50px;
}
.popup-overlay .popup-footer{
	border-top:solid 1px #EEE;
	padding: 10px;
	text-align: right;
}
/*end of part 12----------------------------------------------------*/



/*-------------------------------------------------------------------
[13. Lists]
*------------------------------------------------------------------*/
.list-box{
	width: 100%;
}
.list-box .list-item{
	padding: 5px 15px;
	background-color: #FFF;
	display: block;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	overflow: hidden;
}
.list-box .list-item .sweet-check{
	float: right;
}
.list-box a.list-item:hover, .list-box a.list-item:focus{
	background-color: #DEE7F0 !important;
}
.list-box a.list-item:hover i, .list-box a.list-item:focus i{
	color: #667F97 !important;
}
.list-box .list-item i{
	font-size: 20px;
	display: inline-block;
	line-height: 28px;
	color: #C5CFD9;
	float:left;
	width: 36px;
}

.list-box .list-item .list-item-title{
	font-weight: 700;
	display: inline-block;
	line-height: 28px;
	float: left;
	font-size: 16px;
}
.list-box .list-item .seperate{
	display: inline-block;
	float: left;
	width: 1px;
	height: 30px;
	background-color: #EEE;
	margin-right: 10px;
}
.list-box.half-box{
	width: 50%;
	float: left;
}
.list-box.half-box .list-item{
	padding: 20px;
	text-align: center;
	margin-bottom: 10px;
}

.list-box.half-box:nth-child(odd) .list-item{
	margin-right: 5px;
}
.list-box.half-box:nth-child(even) .list-item{
	margin-left: 5px;
}
.list-box.half-box .list-item i{
	font-size: 36px;
	color: #C5CFD9;
	float: none;
}

.list-box.half-box .list-item .list-item-title{
	display: block;
	width: 100%;
	font-weight: 700;
	font-size: 14px;
}
/*end of part 13----------------------------------------------------*/



/*-------------------------------------------------------------------
[14. Search]
*------------------------------------------------------------------*/
.search-button{
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	font-size: 16px;
	display: inline-block;
	float: left;
}
.search-form{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 800;
	background-color: rgba(255,255,255,0.9);
	overflow: auto;
	display: none;
}
.search-form .search-input{
	margin: 70px 20px 40px 20px;
	position: relative;
}
.search-form .form-element{
	border:solid 1px #EEE;
	padding: 0 10px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	border-bottom-width: 2px;
}
.search-form .form-element:focus{
	border-bottom-color: #2DD67B;
	
}
.search-form .search-input-btn{
	position: absolute;
	width: 37px;
	height: 37px;
	right: 1px;
	top: 1px;
	background-color: #FFF;
	border:none;
	line-height: 37px;
	text-align: center;
}
.search-form .search-input-btn:hover, .search-form .search-input-btn:focus{
	color: #2DD67B;
}
.search-form .recent-search, .search-form .popular-search {
	padding: 0 20px;
	margin-bottom: 20px;
}
.search-form .search-tag{
	display: inline-block;
	padding: 4px 12px;
	background-color: #FFF;
	border:solid 1px #DDD;
	font-weight: 400;
	border-radius: 15px;
	margin:0 5px 5px 0;
}
.search-form .search-tag:hover, .search-form .search-tag:focus{
	border-color: #2DD67B;
	color: #2DD67B;
}
.search-form .search-group-title{
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
}
.search-form .close-search-form{
	position: absolute;
	right: 20px;
	top: 20px;
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border:solid 1px #667F97;
	border-radius: 3px;
	cursor: pointer;
}
.search-form .close-search-form:focus, .search-form .close-search-form:hover{
	background-color: #667F97;
	color: #FFF;
}
.search-result-header{
	background-color: #FFF;
	margin: -10px -10px 10px -10px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	position: relative;
}
.search-result-header.fix-searchbar{
	position: fixed;
	top: 60px;
	left: 0;
	right: 0;
	padding: 0 10px;
	z-index: 100;
}
.search-result-header.fix-searchbar + .search-result-container{
	padding-top: 30px;
}
.search-result-header .form-element{
	padding: 0 10px;
}
.search-result-header.fix-searchbar .search-result-btn{
	right: 10px;
}
.search-result-header .search-result-btn{
	position: absolute;
	right: 0;
	top: 0;
	height: 38px;
	width: 38px;
	border:none;
	background-color: #FFF;
	overflow: hidden;
	outline: none;
	cursor: pointer;
}
.search-result-header .search-result-btn:focus, .search-result-header .search-result-btn:hover{
	color: #2DD67B;
}
/*end of part 14----------------------------------------------------*/



/*-------------------------------------------------------------------
[15. Divider]
*------------------------------------------------------------------*/
.form-divider{
	display: block;
	width: 100%;
	clear: both;
	height: 10px;
	margin: 10px 0;
}
.form-mini-divider{
	display: block;
	width: 100%;
	clear: both;
	height: 1px;
	margin: 5px 0;
}
.form-label-divider{
	display: block;
	width: 100%;
	clear: both;
	height: 1px;
	background-color: #DDD;
	text-align: center;
	opacity: 0.5;
}
.form-label-divider span{
	position: relative;
	top: -8px;
	font-weight: 700;
	display: inline-block;
	background-color: #F5F6F8;
	padding: 0 10px;
}
/*end of part 15----------------------------------------------------*/



/*-------------------------------------------------------------------
[16. Posts]
*------------------------------------------------------------------*/
.post-two-column .post-item{
	display: block;
	width: 45%;
	margin: 1% 2.5%;
	float: left;
}
.post-item{
	width: 100%;
	border-radius: 3px;
	background-color: #FFF;
	min-height: 100px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
 
}
.post-item .post-asset{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	overflow: hidden;
}
.post-item .post-asset.image img{
	display: block;
	width: 100%;
}
.post-item .post-asset.video{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.post-item .post-asset.video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.post-item .post-header{
	padding: 15px;
	border-bottom: solid 1px #EEE;
}
.post-item .post-title{
	font-size: 18px;
	padding: 0;
	margin: 0;
	margin-bottom: 4px;
	font-weight: 900;
	color: #333;
}
.post-item .post-title a{
	font-size: 12px;
    color: #069;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
}
.post-item .post-header span{
	font-size: 12px;
	margin-right: 10px;
     font-weight: 600;
}
span.add-favorite {
    float: right;
    font-size: 24px !important;
    color: #000;
}
.post-item .post-footer{
	padding: 10px 15px;
}
.post-item .post-author{
	display: inline-block;
}
.post-item .author-img{
	width: 44px;
	height: 44px;
	display: block;
	float: left;
	overflow: hidden;
	border-radius: 50%;
	padding: 3px;
	background: #FFF;
	border:solid 1px #069;
	margin-right: 10px;
}
.post-item .author-img img{
	width: 36px;
	height: 36px;
	border-radius: 50%;
}
.post-item .author-name{
	font-size: 12px;
	font-weight: 400;
	white-space: nowrap;
}
.post-item .author-name b,.post-item .author-name i{
	white-space: nowrap;
	display: block;
	font-size: 14px;
}
.post-item .post-extra{
	display: inline-block;
	float: right;
}
.post-item .post-extra div{
	display: inline-block;
	height: 40px;
	width: 40px;
	text-align: center;
	font-size: 24px;
	cursor: pointer;
}
.post-item .post-share{
	position: relative;
	line-height: 40px;
}
.post-item .post-share > i{
	cursor: pointer;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.post-item .post-share .social-links{
	position: absolute;
	z-index: 10;
	top: 0;
	width: auto;
	display: inline-block;
	white-space: nowrap;
	left: -130px;
	width: 130px;
	border:solid 1px #EEE;
	border-radius: 5px;
	background: #FFF;
	display: none;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
}
.post-item .post-share .social-links a{
	font-size: 18px;
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	position: relative;
	float: left;
}
.post-item .post-share .social-links a.share-facebook{
	color: #2C6EBC;
}
.post-item .post-share .social-links a.share-twitter{
	color: #1DA1F2;
}
.post-item .post-share .social-links a.share-google-plus{
	color: #D24C41;
}
.post-detail{
	background: #FFF;
	padding: 10px;
	border-top:solid 1px #EEE;
}
.post-detail p{
	margin: 0;
	margin-bottom: 10px;
}
.post-detail h1, .post-detail h2, .post-detail h3, .post-detail h4, .post-detail h5 .post-detail h6{
	font-weight: 900;
}
.post-comments{
	margin-top: 10px;
}
.post-comments ul{
	padding: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
.post-comments ul li{	
	display: block;
	width: 100%;
}
.post-comments > ul > li li{
	padding-left: 20px;
}
.post-comments ul li .comment-container{
	background-color: #FFF;
	padding: 10px;
	margin: 10px;
}
.post-comments.no-padding{
	margin-top:0;
}
.post-comments.no-padding ul li .comment-container{
	margin: 0;
	margin-bottom: 10px;
}
.post-comments .comment-header{
	position: relative;
	border-bottom: solid 1px #EEE;
	overflow: hidden;
	padding-bottom: 10px;
}
.post-comments .user-image{
	display: block;
	width: 38px;
	height: 38px;
	border:solid 1px #069;
	border-radius: 50%;
	float: left;
	padding: 2px;
	margin-right: 10px;
}
.post-comments .user-image img{
	width: 32px;
	height: 32px;
	border-radius: 50%;
}
.post-comments .user-name{
	display: inline-block;
	float: left;
	line-height: 38px;
	font-weight: 700;
}
.post-comments .comment-date{
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 12px;
	opacity: 0.6;
}
.post-comments .comment-content{
	padding-top: 10px;
	opacity: 0.7;
}
.post-comments .comment-post-link{
	border-bottom:solid 1px #EEE;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.post-comments .comment-post-link a{
	color: #069;
	font-weight: 700;
}

.news-list-item{
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	background-color: #FFF;
	min-height: 30px;
	border-radius: 3px;
	position: relative;
}
.news-list-item.no-image .list-content{
	padding-left: 10px;
	height: auto;
}
.news-list-item.no-image .list-title{
	height: auto;
}
.news-list-item .list-image{
 
	height: auto;
 	padding:2%;
 	float: left;
}
.news-list-item .list-content{
	height: 70px;
	position: relative;
	padding: 10px;
    margin-left: 70px;
}
.news-list-item .list-content1{
	height: auto;
	position: relative;
	padding: 10px;
     
}
.news-list-item .list-category{
	font-size: 12px;
	display: inline-block;
	padding: 3px 10px;
	color: #FFF;
	border-radius: 10px;
	margin-bottom: 6px;
}
.news-list-item .list-title{
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
	height: auto;
	
}
.news-list-item .list-author, .news-list-item .list-time{
	font-size: 12px;
	opacity: 0.6;
}
.news-list-item .list-author{
	font-weight: 700;
}
/*end of part 16----------------------------------------------------*/



/*-------------------------------------------------------------------
[17. Profile Page]
*------------------------------------------------------------------*/
.profile-image{
	width: 110px;
	height: 110px;
	padding: 5px;
	border-radius: 50%;
	background-color: #FFF;
	display: inline-block;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	position: relative;
}
.profile-image .avatar-img{
	border-radius: 50%;
}
.profile-image .update-btn{
	position: absolute;
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
	background-color: #fff;
	right: 0;
	bottom: 0;
	text-align: center;
	line-height: 32px;
}
/*end of part 17----------------------------------------------------*/



/*-------------------------------------------------------------------
[18. Post Author Page]
*------------------------------------------------------------------*/
.author-item .author-bg{
	width: 100%;
	height: auto;
	position: relative;
	background-size: cover;
}
.author-item .author-bg-inline{
	width: 100%;
	background-color: rgba(0,102,153,0.8);
	padding: 60px 0 20px 0;
}
.author-item .author-avatar{
	border-radius: 50%;
	width: 120px;
	height: 120px;
	background-color: rgba(255,255,255,0.2);
	padding: 10px;
	display: block;
	margin: 0 auto;

}
.author-item .author-avatar img{
	border-radius: 50%;
	width: 100%;
	height: 100%;
}
.author-item .author-name{
	display: block;
	text-align: center;
	color: #000;
	font-size: 18px;
	font-weight: 900;
	margin: 0;
	padding: 0;
 
}
.author-item .author-desc{
	display: block;
	text-align: center;
	color: #bbb;
	font-size: 14px;
}
.author-item .author-number{
	overflow: hidden;
	color: #069;
	text-align: center;
	margin-top: 40px;
}
.author-item .author-number > div{
	width: 33%;
	float: left;
}
.author-item .author-number > div > span{
	display: block;
	font-size: 18px;
	font-weight: 400;
	color: #069;
}
/*end of part 18----------------------------------------------------*/



/*-------------------------------------------------------------------
[19. Gallery and Album]
*------------------------------------------------------------------*/
.album-item{
	background-color: #FFF;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	border-radius: 3px;
	margin-bottom: 10px;
	display: block;
}
.album-item:focus, .album-item:hover{
	color: #069;
}
.album-item:focus .album-image:before, .album-item:hover .album-image:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 9;
}
.album-item .album-image{
	height: 140px;
	width: 100%;
	overflow: hidden;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	position: relative;
}
.album-item .album-image img{
	position: absolute;
	top: -9999px;
	right: -9999px;
	bottom: -9999px;
	left: -9999px;
	margin: auto;
	min-width: 100%;
	min-height: 100%;
}

.album-item .album-info{
	padding: 10px;
	position: relative;
}
.album-item .album-title{
	margin: 0;
	padding: 0;
}
.album-item .image-count{
	font-size: 12px;
	opacity: 0.6;
	float: right;
	position: absolute;
	right: 10px;
	top: 10px;
}
.album-item.half-box .album-image{
	height: 100px;
}
.album-item.half-box{
	width: 49%;
}
.album-item.half-box:nth-child(odd){
	float: left;
}

.album-item.half-box:nth-child(even){
	float: right;
}
.album-item.half-box .image-count{
	position: relative;
	display: block;
	float: none;
	top: inherit;
	right: inherit;
}
.gallery-item{
	display: block;
	position: relative;
	overflow: hidden;
	/*height: 140px;*/
	border-radius: 3px;
	cursor: pointer;
}
.gallery-item.half-box{
	width: 50%;
	float: left;
	margin-bottom: 0;
}
.gallery-item.third-box{
	width: 33%;
	float: left;
	margin-bottom: 0;
}
.gallery-item img{
	/*position: absolute;
	top: -9999px;
	right: -9999px;
	bottom: -9999px;
	left: -9999px;
	margin: auto;
	min-width: 100%;
	min-height: 100%;*/
	
	margin: 2%;
	min-width: 100%;
}
.gallery-item .image-name{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	z-index: 9;
	color: #FFF;
	background: rgba(135,135,135,0);
	background: -moz-linear-gradient(top, rgba(135,135,135,0) 0%, rgba(51,51,51,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(135,135,135,0)), color-stop(100%, rgba(51,51,51,1)));
	background: -webkit-linear-gradient(top, rgba(135,135,135,0) 0%, rgba(51,51,51,1) 100%);
	background: -o-linear-gradient(top, rgba(135,135,135,0) 0%, rgba(51,51,51,1) 100%);
	background: -ms-linear-gradient(top, rgba(135,135,135,0) 0%, rgba(51,51,51,1) 100%);
	background: linear-gradient(to bottom, rgba(135,135,135,0) 0%, rgba(51,51,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#333333', GradientType=0 );
}
.gallery-item .image-name b{
	position: absolute;
	display: block;
	bottom: 10px;
	left: 10px;
}
.gallery-item .image-name i{
	position: absolute;
	font-size: 18px;
	right: 10px;
	bottom: 10px;
}
.gallery-item:hover .image-name, .gallery-item:focus .image-name{
	top: 0;
	background: rgba(0,0,0,0.4);
}
/*end of part 19----------------------------------------------------*/



/*-------------------------------------------------------------------
[20. Contact]
*------------------------------------------------------------------*/
.map_container{
 
	width: 100%;
	height: 300px;
}
.contact-info{
	background-color: #FFF;
	margin: 0 10px 10px;
	padding: 10px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
}
.contact-info .address-name{
	margin: 6px 0;
	padding: 0;
}
.contact-info .contact-stars{
	opacity: 0.6;
}
.contact-info .address{
	padding: 0;
	margin: 0;
}
.contact-short-info{
	background-color: #FFF;
	padding: 10px;
	margin: 10px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
}
.contact-short-info .title{
	margin: 0;
}
.contact-address{
	background-color: #FFF;
	margin: 10px;
	padding: 10px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
}
.contact-address .contact-item{
	margin-bottom: 6px;
}
.contact-address .contact-item i{
	display: inline-block;
	width: 20px;
}
/*end of part 20----------------------------------------------------*/



/*-------------------------------------------------------------------
[21. Product Pages]
*------------------------------------------------------------------*/
.product-two-column .product-item{
	display: block;
	width: 50%;
	float: left;
}
.product-item{
	display: block;
	width: 100%;
	position: relative;
}
.product-item > a{
	display: block;
	background-color: #FFF;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	margin-bottom: 10px;
	border-radius: 3px;
}
.product-two-column .product-item:nth-child(odd){
	padding-right: 5px;
}
.product-two-column .product-item:nth-child(even){
	padding-left: 5px;
}
.product-item .product-title{
	display: block;
	margin:0;
	padding: 0;
	font-size: 16px;
	padding: 5px;
	border-bottom:solid 1px #f2f2f2;
	overflow: hidden;
	height: 33px;
	text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    color: #069;
}
.product-item .product-image{
	display: block;
	width: 100%;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.product-item .product-info{
	display: block;
	padding: 5px;
}
.product-item .product-price{
	font-size: 12px;
}
.product-item .add-to-chart{
	border:none;
	border-radius: 3px;
	color: #FFF;
	font-size: 12px;
	line-height: 18px;
	float: right;
}
.product-item .old-price{
	opacity: 0.7;
	margin-left: 10px;
	text-decoration: line-through;
}
.product-item .add-to-favorite{
	position: absolute;
	right: 15px;
	top: 10px;
	color: #FFF;
	font-size: 20px;
	cursor: pointer;
}
.product-viewer .view-item{
	padding: 10px;
}

.product-viewer .view-item img{
	border-radius: 3px;
	display: block;
	margin:0 auto;
	max-height: 300px;
	max-width: 100%;
	padding: 10px;
	background-color: #FFF;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
}
.product-view-title{
	text-align: center;
	margin: 0;
}
.product-view-price{
	margin: 0;
	text-align: center;
}
.product-view-price .old-price{
	opacity: 0.5;
	font-weight: 400;
	text-decoration: line-through;
}
/*end of part 21----------------------------------------------------*/



/*-------------------------------------------------------------------
[22. Panel]
*------------------------------------------------------------------*/
.panel{
	padding: 10px;
	background-color: #FFF;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
}
.panel .title{
	margin: 0;
	padding: 0;
}
/*end of part 22----------------------------------------------------*/



/*-------------------------------------------------------------------
[23. Bouble Menu]
*------------------------------------------------------------------*/
.bouble-link{
	position: fixed;
	z-index: 777;
	display: block;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	bottom: 30px;
	right: 30px;
	line-height: 46px;
	text-align: center;
	-webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.2);
	font-size: 18px;
}
/*end of part 23----------------------------------------------------*/



/*-------------------------------------------------------------------
[24. Page Loader]
*------------------------------------------------------------------*/
.sweet-loader{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1000000;
	background-color: rgba(255,255,255,0.9);
	display: none;
	opacity: 0;
	-webkit-transition: opacity .3s ease-in-out;
	  -moz-transition: opacity .3s ease-in-out;
	    -o-transition: opacity .3s ease-in-out;
	      transition: opacity .3s ease-in-out;

}
.sweet-loader.show{
	display: block;
	opacity: 1;
}

.sweet-loader.show .box {
  width: 70px;
  height: 24px;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top:-12px;
  left: 50%;
  margin-left: -35px;
}

.sweet-loader.show .box > div {
  width: 18px;
  height: 18px;
  background-color: #60B2FE;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.sweet-loader.show .box .circle1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.sweet-loader.show .box .circle2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
/*end of part 24----------------------------------------------------*/



/*-------------------------------------------------------------------
[25. Responsive Media Queries]
*------------------------------------------------------------------*/
@media screen and (min-width: 480px) {
    body {
       	font-size: 16px;
    }
    header{
    	padding: 10px 20px;
    }
    section.container{
		padding: 0 20px;
	}
	nav.menu{
		width: 300px;
	}
	.form-label-divider span{
		top: -10px;
	}
	.post-detail{
		padding: 20px;
	}
	.search-result-header{
		margin: -10px -20px 20px -20px;
	}
	.search-result-header .form-element{
		padding: 0 20px;
	}
	.search-result-header .search-result-btn{
		right: 10px;
	}
	h1 .button{
		font-size: 16px;
	}
}
/*end of part 25----------------------------------------------------*/



/*------------------------------------------------------------------
[26. Background Color Helpers]

Orange 	/	.orange			#C4510A
Red 	/ 	.red			#F34954
Purple	/	.purple			#7A5AAD
Turquoise/	.turquoise	 	#30BFBB
Green 	/	.green			#27AE61
Blue 	/	.blue			#2A80BB
Yellow 	/	.yellow			#CCA000
White 	/	.white			#FFFFFF
-------------------------------------------------------------------*/
.orange{
	background-color: #C4510A;
}
.red{
	background-color: #F34954;
}
.purple{
	background-color: #7A5AAD;
}
.turquoise{
	background-color: #30BFBB;
}
.green{
	background-color: #27AE61;
}
.blue{
	background-color: #2A80BB;
}
.yellow{
	background-color: #CCA000;
}
.white{
	background-color: #FFFFFF;
	color: #667F97;
}
/*end of part 26----------------------------------------------------*/



/*-------------------------------------------------------------------
[27. Text Helpers]
*------------------------------------------------------------------*/
.txt-center{
	text-align: center;
}
.txt-left{
	text-align: left;
}
.txt-right{
	text-align: right;
}
.txt-orange{
	color: #C4510A;
}
.txt-red{
	color: #F34954;
}
.txt-purple{
	color: #7A5AAD;
}
.txt-turquoise{
	color: #30BFBB;
}
.txt-green{
	color: #27AE61;
}
.txt-blue{
	color: #2A80BB;
}
.txt-yellow{
	color: #CCA000;
}
.txt-default{
	color: #667F97;
}
.txt-white{
	color: #FFFFFF;
}
.txt-bold{
	font-weight: bold;
	font-weight: 700;
}
.txt-extra-bold{
	font-weight: bold;
	font-weight: 900;
}
.txt-normal{
	font-weight: normal;
	font-weight: 400;
}
.txt-light{
	font-weight: lighter;
	font-weight: 300;
}
/*end of part 27----------------------------------------------------*/



/*-------------------------------------------------------------------
[28. Text Animations]
*------------------------------------------------------------------*/
.animated-text{
	text-align: center;
	position: relative;
	margin-bottom: 2%;
}
.animated-text h1{
	margin: 0;
	padding: 0;
	position: relative;
}
.animated-text a{
	text-transform: uppercase;
}
.animated-text .text1{
	font-size: 24px;
	display: block;
}
.animated-text .text2{
	font-size: 14px;
}
.animated-text .text3{
	display: block;
	font-size: 14px;
}
.animated-text .text4{
	display: block;
	font-size: 36px;
}
.animated-text .text5{
	display: block;
	font-size: 36px;
}
.animated-text .text6{
	display: block;
	font-size: 36px;
}
.animated-text .text7{
	font-size: 14px;
	display: block;
	margin-top: 20px;
}
/*end of part 28----------------------------------------------------*/




/*Other Styles and helpers------------------------------------------*/
.block{
	display: block;
}
.hide{
	display: none !important;
}
.animated{
	display: block !important;
	opacity: 1;
}
.zero-opacity{
	opacity: 0;
}

h1 .button{
	font-size: 14px;
}







.text-center {
    margin: 3%;
}



 #verticalcenter{
    margin-top: 100px;
 
}


label.error {
    display: none !important;
}

.form-element.error {
    border-bottom: 1px solid #ff0000;
}

#sucessMessage {
	display:none;
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: 50%;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1000;
	background-color:#1775ff82;
}
#sucessMessage div {
	width:80%;
	margin: 15% auto;
	background-color: #e9e9e9e6;
	border:5px solid #404a6e;
	border-radius:15px;
	padding:15px;
	text-align:center;
	color:#FFFFFF;
}
.redtext{color:red !important; font-weight:bold;}
.greentex{color:green !important; font-weight:bold;}
.pat-img{
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	overflow: hidden;
	border-radius: 50%;
	padding: 3px;
	background: #FFF;
	border:solid 1px #069;
	margin-right: 10px;
}
.pat-img img{
	width: 24px;
	height: 24px;
	border-radius: 50%;
}
.list-item i.list-arrow {
    position: absolute;
    right: 5px;
    font-size: 20px;
}

#loader {
	position: fixed;
	left: 0px;
	top: 8%;
	bottom:8%;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color:white;
 
}
 
.lds-dual-ring {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #1775ff;
  border-bottom: 5px solid #1775ff;
  width: 64px;
  height: 64px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin-left:42%;
  margin-top:50%;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
 
 
#thankyou {display:none;} 

.prescription-top {
 	width:100%;
	float:left;	
}
.prescription {
    background-image: url(../img/pres-bg.jpg);
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
    min-height: 400px;
    background-position: center;
    background-color: #fff;

}

.prescription-bottom{
	width:100%;
	float:left;

}
#bloodinvest, #radiotest, #urinetest, #comorbidities {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
 }
#bloodinvest label, #radiotest label, #urinetest label, #comorbidities label {
 	width:50%;
 }
 
 div#loaddata table {
    color: #000000;
}
.radio-toolbar {padding-left:2%}
.radio-toolbar input[type="radio"] {
  display: none;
}
span.select2-selection.select2-selection--single {
    border: 0;
    border-bottom: solid 1px #eee !important;
    border-radius: 0 !important;
    padding-left: 1%;
}
.radio-toolbar label {
  display: inline-block;
  background-color: #2DD67B;
  color: #ffffff;
  padding: 4px 8px;
  font-family: Arial;
  font-size: 14px;
  cursor: pointer;
}

.radio-toolbar input[type="radio"]:checked+label {
  background-color: #444444;
}
.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}
input[type='text']::placeholder
    {   
text-align: right;      /* for Chrome, Firefox, Opera */
    }
:-ms-input-placeholder
    { 
        text-align: right;      /* for IE 10-11 */
    }
    ::-webkit-input-placeholder
    { 
        text-align: right;      /* for IE Edge */
    }
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Nunito,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{-webkit-tap-highlight-color:transparent}body{margin:0;--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,sans-serif}button,input,select,textarea{font:inherit}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.boot-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.boot-screen img{width:16rem;max-width:72vw}.app-shell{min-height:100vh;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(240,249,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f0f9ff var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#f8fafc var(--tw-gradient-to-position);padding-bottom:7rem}.app-header{position:sticky;top:0;z-index:30;margin-left:auto;margin-right:auto;display:flex;height:82px;max-width:64rem;align-items:center;gap:.75rem;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(224 242 254/var(--tw-border-opacity,1));background-color:hsla(0,0%,100%,.95);padding-left:1rem;padding-right:1rem;--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.header-account,.icon-button{display:grid;height:2.75rem;width:2.75rem;flex-shrink:0;place-items:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1));font-size:1.5rem;line-height:2rem;--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.header-account:active,.icon-button:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.brand{display:block;width:12rem;max-width:48vw;flex-shrink:0}.brand img{display:block;height:auto;width:100%}.header-copy{min-width:0;flex:1 1 0%;text-align:right}.header-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:900;--tw-text-opacity:1;color:rgb(23 37 84/var(--tw-text-opacity,1))}@media (min-width:640px){.header-copy span{font-size:1.25rem;line-height:1.75rem}}.route-view{margin-left:auto;margin-right:auto;width:100%;max-width:64rem}.route-view>main{margin:0;min-height:calc(100vh - 174px);padding:1.25rem 1rem}.route-view section.container{margin-left:auto;margin-right:auto;width:100%;max-width:48rem;padding:0}.bottom-nav{position:fixed;bottom:.5rem;left:50%;z-index:40;height:78px;width:calc(100% - 20px);max-width:960px;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:stretch;justify-content:space-around;border-radius:28px;border-width:1px;--tw-border-opacity:1;border-color:rgb(224 242 254/var(--tw-border-opacity,1));background-color:hsla(0,0%,100%,.95);padding-left:.25rem;padding-right:.25rem;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);padding-bottom:env(safe-area-inset-bottom)}.bottom-link,.bottom-nav{display:flex}.bottom-link{min-width:0;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;font-size:10px;font-weight:800;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.bottom-link i{font-size:1.25rem;line-height:1.75rem}.bottom-link.is-active{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.bottom-link.is-active:after{content:"";position:absolute;bottom:.25rem;height:.25rem;width:2.5rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.drawer-overlay{pointer-events:none;position:fixed;inset:0;z-index:40;background-color:rgba(2,6,23,.35);opacity:0;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.drawer-overlay.open{pointer-events:auto;opacity:1}.app-drawer{position:fixed;bottom:0;left:0;top:0;z-index:50;width:86%;max-width:24rem;--tw-translate-x:-100%;overflow-y:auto;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.25rem;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.app-drawer,.app-drawer.open{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-drawer.open{--tw-translate-x:0px}.drawer-brand{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(224 242 254/var(--tw-border-opacity,1));padding-bottom:1.25rem}.drawer-brand img{width:14rem;max-width:75%}.drawer-brand button{display:grid;height:2.5rem;width:2.5rem;place-items:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.drawer-user{margin-top:1.25rem;margin-bottom:1.25rem;display:flex;flex-direction:column;border-radius:1rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(29,78,216,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#0ea5e9 var(--tw-gradient-to-position);padding:1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.drawer-user strong{font-size:1.25rem;line-height:1.75rem;font-weight:900}.drawer-user small{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(224 242 254/var(--tw-text-opacity,1))}.app-drawer nav>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.app-drawer nav a{display:flex;align-items:center;justify-content:space-between;border-radius:1rem;padding:1rem;font-size:.875rem;line-height:1.25rem;font-weight:800;--tw-text-opacity:1;color:rgb(23 37 84/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-drawer nav a:hover{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.drawer-login,.drawer-signout{margin-top:1.5rem;display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1));padding:.75rem 1.25rem;font-weight:900;--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.drawer-login{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.app-toast{pointer-events:none;position:fixed;left:50%;top:6rem;z-index:80;--tw-translate-x:-50%;--tw-translate-y:-1rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(23 37 84/var(--tw-bg-opacity,1));padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));opacity:0;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-toast,.app-toast.show{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-toast.show{--tw-translate-y:0px;opacity:1}.route-view .form-row-group{overflow:hidden;border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.route-view .form-row{position:relative;margin:0;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1));padding:0}.route-view .form-row:last-child{border-bottom-width:0}.route-view .form-row>i{position:absolute;left:1rem;top:50%;z-index:10;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.route-view .form-element,.route-view input.form-element,.route-view select.form-element,.route-view textarea.form-element{display:block;min-height:3.5rem;width:100%;border-width:0;background-color:transparent;padding:1rem 1rem 1rem 3rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(23 37 84/var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px}.route-view .form-element::-moz-placeholder,.route-view input.form-element::-moz-placeholder,.route-view select.form-element::-moz-placeholder,.route-view textarea.form-element::-moz-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.route-view .form-element::placeholder,.route-view input.form-element::placeholder,.route-view select.form-element::placeholder,.route-view textarea.form-element::placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.route-view .form-element:focus,.route-view input.form-element:focus,.route-view select.form-element:focus,.route-view textarea.form-element:focus{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.route-view textarea.form-element{min-height:7rem}.route-view .button,.route-view input.button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;border-radius:9999px;border-width:0;padding:.75rem 1.5rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:900;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.route-view .button:active,.route-view input.button:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.route-view .button[class~=block],.route-view input.button[class~=block]{width:100%}.route-view .button.green,.route-view input.button.green{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#22c55e var(--tw-gradient-to-position)}.route-view .button.blue,.route-view input.button.blue{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(29,78,216,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#0ea5e9 var(--tw-gradient-to-position)}.route-view .button.red,.route-view input.button.red{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#e11d48 var(--tw-gradient-from-position);--tw-gradient-to:rgba(225,29,72,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ef4444 var(--tw-gradient-to-position)}.route-view .form-divider{height:1.25rem}.route-view .form-mini-divider{height:.5rem}.route-view .txt-center{text-align:center}.route-view #sucessMessage:not(:empty){margin-bottom:1rem;border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1));padding:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.route-view label.error{display:block;padding-left:1rem;padding-right:1rem;padding-bottom:.5rem;font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.auth-route .app-header{border-width:0;background-color:transparent}.auth-route .header-copy{display:none}.auth-route .brand{margin-left:auto;margin-right:auto;width:16rem}.auth-route .route-view{background-image:radial-gradient(circle at 10% 10%,rgba(14,165,233,.16),transparent 28%),radial-gradient(circle at 90% 80%,rgba(34,197,94,.12),transparent 30%)}.auth-route .route-view>main{display:flex;min-height:calc(100vh - 170px);align-items:center;justify-content:center;padding-top:2rem;padding-bottom:2rem}.auth-route .route-view section.container{max-width:36rem;border-radius:34px;border-width:1px;border-color:hsla(0,0%,100%,.7);background-color:hsla(0,0%,100%,.95);padding:1.5rem;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.auth-route .route-view section.container{padding:2.5rem}}.auth-route .route-view section.container:before{content:attr(data-auth-title)}.auth-route .bottom-nav{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.route-view .author-item{margin-bottom:1.5rem;overflow:hidden;border-radius:30px;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#e0f2fe var(--tw-gradient-from-position);--tw-gradient-to:rgba(224,242,254,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#ecfdf5 var(--tw-gradient-to-position);padding:1.5rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.route-view .author-bg{background-color:transparent;text-align:center}.route-view .author-bg .author-bg{display:flex;flex-direction:column;align-items:center}.route-view .author-avatar{margin-bottom:.75rem;height:7rem;width:7rem;overflow:hidden;border-radius:9999px;border-width:6px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.route-view .author-avatar img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.route-view .author-name{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:900;--tw-text-opacity:1;color:rgb(23 37 84/var(--tw-text-opacity,1))}.route-view h2.author-name{margin-top:.25rem;font-size:1rem;line-height:1.5rem;font-weight:700}.route-view .author-desc,.route-view h2.author-name{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.route-view .author-desc{margin-top:.5rem;font-size:.875rem;line-height:1.25rem}.route-view .author-number{margin-top:1.5rem;display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.route-view .author-number>div{border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.route-view .author-number a{font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(23 37 84/var(--tw-text-opacity,1))}.route-view .author-number i{margin-bottom:.25rem;font-size:1.5rem;line-height:2rem;--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.route-view .list-box{margin-bottom:.75rem;overflow:hidden;border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.route-view .list-item{position:relative;display:flex;min-height:76px;align-items:center;gap:1rem;padding:1rem 1.25rem;text-align:left;--tw-text-opacity:1;color:rgb(23 37 84/var(--tw-text-opacity,1))}.route-view .list-item>i:first-child{display:grid;height:3rem;width:3rem;flex-shrink:0;place-items:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1));font-size:1.25rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.route-view .list-item-title{padding-right:2rem;font-size:1rem;line-height:1.5rem;font-weight:900}.route-view .list-item .seperate{display:none}.route-view .spa-list-arrow{position:absolute;right:1.25rem;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.route-view table{width:100%;overflow:hidden;border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:.875rem;line-height:1.25rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.route-view td,.route-view th{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1));padding:.75rem;vertical-align:top}.route-view .expandable-item{margin-bottom:.75rem;overflow:hidden;border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.route-view .expandable-header{display:flex;min-height:4rem;align-items:center;justify-content:space-between;padding:1rem;--tw-text-opacity:1;color:rgb(23 37 84/var(--tw-text-opacity,1))}.route-view .expandable-content{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.route-view .padding-content{padding:1rem}.block{display:block}.list-item{display:list-item}.hidden{display:none}@media (max-width:520px){.app-header{height:72px;padding-left:.75rem;padding-right:.75rem}.brand{width:10rem}.header-copy span{font-size:.875rem;line-height:1.25rem}.header-account,.icon-button{height:2.5rem;width:2.5rem}.route-view>main{padding-left:.75rem;padding-right:.75rem}.bottom-nav{height:72px;border-radius:24px}.bottom-link span{font-size:9px}}:root{--navy:#09286e;--blue:#0797ec;--green:#66ad2b;--purple:#3c1178;--muted:#5d6885;--page:#f6faff}.route-home{background:var(--page);color:var(--navy)}.route-home .wrapper-inline{background:linear-gradient(180deg,#fff,#f4faff 42%,#f8fbff);padding-bottom:calc(104px + env(safe-area-inset-bottom));scroll-behavior:smooth}.route-home .home-header{position:relative;height:88px;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;background:hsla(0,0%,100%,.96);border:0;box-shadow:none}.route-home .home-menu-button,.route-home .notification-link{float:none;flex:0 0 42px;width:42px;height:42px}.route-home .home-menu-button{top:2px}.route-home .home-menu-button i{left:4px;width:30px;height:4px;border-radius:4px;background:var(--navy)}.route-home .home-menu-button i:first-child{top:7px}.route-home .home-menu-button i:nth-child(2){top:17px}.route-home .home-menu-button i:nth-child(3){top:27px}.route-home .home-logo{display:block;width:min(58vw,290px);line-height:0}.route-home .home-logo img{width:100%;height:auto;display:block}.route-home .notification-link{position:relative;display:grid;place-items:center;font-size:28px;color:var(--navy)}.route-home .notification-link span{position:absolute;top:4px;right:3px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#ff2f43}.route-home .home-main{max-width:980px;margin:0 auto;padding:0 22px 24px}.home-hero{min-height:410px;margin:0 -22px;padding:72px 7% 50px;display:flex;align-items:center;background-image:linear-gradient(90deg,hsla(0,0%,100%,.99),hsla(0,0%,100%,.93) 37%,hsla(0,0%,100%,.08) 70%),url(../img/urocare-hero.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;border-radius:0 0 42px 42px;overflow:hidden}.hero-copy{width:min(58%,520px)}.hero-kicker{margin:0 0 4px;color:var(--navy);font-size:clamp(20px,3.2vw,34px);line-height:1.15}.hero-copy h1{margin:0;font-size:clamp(46px,8vw,78px);line-height:.98;letter-spacing:-2.5px;color:var(--green);font-weight:900}.hero-copy h1 span{display:block;color:var(--purple)}.hero-rule{display:flex;gap:5px;align-items:center;margin:21px 0 12px}.hero-rule b{width:76px;height:6px;border-radius:9px;background:var(--navy)}.hero-rule i{width:9px;height:9px;border-radius:50%;background:var(--green)}.hero-values{margin:0;font-size:clamp(13px,2vw,20px);font-weight:700;color:var(--navy);white-space:nowrap}.care-banner p span,.hero-values span{display:inline-block;width:2px;height:18px;margin:0 10px -4px;background:var(--green)}.action-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:-32px}.action-card{position:relative;min-height:180px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:hsla(0,0%,100%,.97);border:1px solid rgba(32,85,145,.07);border-radius:26px;box-shadow:0 12px 34px rgba(32,72,116,.09);color:var(--navy);transition:transform .2s ease,box-shadow .2s ease}.action-card:active{transform:scale(.98)}.action-card:hover{box-shadow:0 15px 38px rgba(32,72,116,.15)}.action-card.action-primary{color:#fff;border:0;background:linear-gradient(145deg,#13aaf2,#0074cb)}.card-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:hsla(0,0%,100%,.18);font-size:34px;color:inherit}.action-card:not(.action-primary) .card-icon{background:#e7f3ff;color:#1998ee}.action-card .icon-green{background:#e4f6ec!important;color:#2db867!important}.action-card .icon-purple{background:#eee9ff!important;color:#4d1b9f!important}.action-card .icon-coral{background:#fff0ea!important;color:#ff694f!important}.action-card .icon-violet{background:#eeebff!important;color:#735ce2!important}.card-copy{display:block;padding-top:12px}.card-copy strong{display:block;max-width:90%;font-size:clamp(18px,2.6vw,26px);line-height:1.08;font-weight:900}.card-copy small{display:block;margin-top:5px;color:var(--muted);font-size:14px;font-weight:600}.action-primary .card-copy small{color:hsla(0,0%,100%,.82)}.card-arrow{position:absolute;right:20px;bottom:27px;font-size:29px;color:inherit}.care-banner{min-height:278px;margin-top:24px;padding:36px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(244,255,249,.98) 4%,rgba(238,250,255,.88) 53%,hsla(0,0%,100%,.05) 80%),url(../img/urocare-hero.jpg);background-position:50%,71% 43%;background-size:cover;border-radius:28px;box-shadow:0 12px 34px rgba(32,72,116,.08);overflow:hidden}.care-banner>div{width:62%}.care-banner h2{margin:0;font-size:clamp(27px,4.2vw,42px);line-height:1.05;color:var(--navy);font-weight:900}.care-banner p{margin:14px 0 20px;color:#46516e;font-size:clamp(14px,2vw,18px);font-weight:700}.care-banner a{display:inline-flex;align-items:center;gap:16px;padding:13px 24px;border-radius:28px;color:#fff;background:linear-gradient(90deg,var(--purple),#24136f);text-transform:uppercase;font-size:15px;font-weight:900;letter-spacing:.3px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.quick-actions a{min-height:66px;padding:8px 13px;display:flex;align-items:center;gap:10px;border-radius:35px;background:#fff;box-shadow:0 9px 27px rgba(36,68,111,.1);color:var(--navy);font-size:15px;white-space:nowrap}.quick-actions i{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#26b952;font-size:21px}.quick-actions a:nth-child(2) i{background:#1599ef}.quick-actions a:nth-child(3) i{background:#6a50d8}.quick-actions .emergency i{background:#ff5b60}.route-home #footer .tab-item.fixed-bottom .tab-menu{left:max(10px,calc(50vw - 490px));right:max(10px,calc(50vw - 490px));bottom:max(10px,env(safe-area-inset-bottom));height:82px;padding:10px 4px 7px;border:1px solid rgba(32,85,145,.08);border-radius:30px;box-shadow:0 16px 45px rgba(32,72,116,.16);overflow:hidden}.route-home #footer .footer-menu-item{height:64px;line-height:1;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#566791;font-size:21px;border:0}.route-home #footer .footer-menu-item:after{display:block;font-size:11px;line-height:1;font-family:Nunito,sans-serif;font-weight:800}.route-home #footer .footer-menu-item:first-child{color:var(--blue)}.route-home #footer .footer-menu-item:first-child:after{content:"Home"}.route-home #footer .footer-menu-item:nth-child(2):after{content:"Account"}.route-home #footer .footer-menu-item:nth-child(3):after{content:"Appointment"}.route-home #footer .footer-menu-item:nth-child(4):after{content:"Connect"}.route-home #footer .footer-menu-item:nth-child(5):after{content:"More"}@media (max-width:720px){.route-home .home-main{padding-left:14px;padding-right:14px}.home-hero{margin:0 -14px;min-height:360px;padding:55px 22px 48px;background-position:60%}.hero-copy{width:63%}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.action-card{min-height:166px;padding:18px;border-radius:22px}.card-icon{width:58px;height:58px;font-size:27px}.card-arrow{right:16px;bottom:22px}.care-banner{min-height:248px;padding:26px;background-position:65%}.care-banner>div{width:72%}.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width:430px){.route-home .home-header{height:74px;padding:10px 14px}.route-home .home-logo{width:58vw}.route-home .notification-link{font-size:24px}.home-hero{min-height:330px;padding:42px 22px 48px;background-image:linear-gradient(90deg,hsla(0,0%,100%,.98),hsla(0,0%,100%,.84) 49%,hsla(0,0%,100%,.04) 78%),url(../img/urocare-hero.jpg);background-position:58%}.hero-copy{width:72%}.hero-copy h1{font-size:43px;letter-spacing:-1.5px}.hero-kicker{font-size:18px}.hero-values{font-size:11px;letter-spacing:-.2px}.hero-values span{margin-left:5px;margin-right:5px}.action-grid{margin-top:-24px}.action-card{min-height:154px;padding:16px}.card-copy strong{font-size:17px}.card-copy small{font-size:12px}.card-arrow{font-size:24px}.care-banner{min-height:230px;padding:23px;background-image:linear-gradient(90deg,rgba(244,255,249,.98) 5%,rgba(238,250,255,.86) 63%,hsla(0,0%,100%,.06) 90%),url(../img/urocare-hero.jpg)}.care-banner>div{width:84%}.care-banner h2{font-size:26px}.care-banner p{font-size:13px}.quick-actions a{min-height:58px;padding:7px 10px;font-size:13px}.quick-actions i{width:42px;height:42px;flex-basis:42px}.route-home #footer .tab-item.fixed-bottom .tab-menu{height:76px;border-radius:24px}.route-home #footer .footer-menu-item{height:58px;font-size:19px}.route-home #footer .footer-menu-item:after{font-size:9px}}@media (prefers-reduced-motion:reduce){.route-home .wrapper-inline{scroll-behavior:auto}.action-card{transition:none}}/* Shared inner-page layout fixes */
.spa .app-header{height:88px;min-height:88px;position:sticky;display:flex;align-items:center;padding:8px 16px;gap:12px;left:auto;right:auto;width:100%}
.spa .app-header .brand,.spa.auth-route .app-header .brand{width:140px;max-width:40vw;flex:0 1 140px;margin:0}
.spa .app-header .brand img{width:100%;height:68px;object-fit:contain;display:block}
.spa .header-copy{min-width:0;flex:1}.spa .header-copy span{font-size:14px;white-space:normal;line-height:1.25}
.spa.auth-route .app-header .brand{margin:0 auto}.spa .drawer-brand img{width:190px;height:92px;object-fit:contain}
.spa .boot-screen img{width:220px;height:auto}.spa .app-shell{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
.spa .route-view>main{min-height:0;padding:24px 18px 32px;margin:0 auto;overflow-wrap:anywhere}
.spa .page-intro{max-width:768px;margin:0 auto 24px}.spa .page-intro h1{font-size:26px;line-height:1.2;font-weight:900;color:#10285c;margin:0;text-transform:none}
.spa .page-intro p{font-size:15px;line-height:1.5;color:#65758e;margin:10px 0 0}
.spa.auth-route .route-view>main{display:block;padding-top:28px}.spa.auth-route .route-view section.container{padding:28px 22px;border-radius:28px;box-shadow:0 12px 40px #1b559412}
.spa.auth-route .page-intro{text-align:center;margin-bottom:24px}.spa .route-view .form-row{float:none;width:100%;height:auto;min-height:0;position:relative}
.spa .route-view .form-element{float:none;text-align:left!important;min-width:0;width:100%;height:auto;min-height:54px;padding:15px 16px;color:#17325b;font-size:16px;line-height:1.5}
.spa .route-view .with-icons .form-element,.spa .route-view .form-row:has(>i) .form-element{padding-left:46px}
.spa .route-view .form-row>i{position:absolute;left:16px;top:27px;transform:translateY(-50%);width:18px;text-align:center}
.spa .route-view input[type=password],.spa .route-view input:has(+.password-toggle){padding-right:68px}
.spa .password-toggle{position:absolute;right:10px;top:8px;height:40px;padding:0 8px;background:transparent;color:#1562b7;font-size:12px;font-weight:800;z-index:2}
.spa .route-view .txt-center{padding:14px 4px;border:0;line-height:1.5}.spa .route-view .txt-center a{color:#156ce2}
.spa .route-view .button{height:auto;min-height:48px;white-space:normal}.spa .route-view .form-divider+.form-divider{display:none}
.spa .route-view select[multiple]{min-height:150px;padding:12px}.spa .route-view input[type=file]{padding:12px 12px 12px 46px;font-size:13px}
.spa .route-view .author-avatar{float:none;position:static;margin:0 auto 14px;transform:none}.spa .route-view .author-bg{height:auto;padding:0;background-image:none}
.spa .route-view .author-number{display:grid;float:none;position:static;margin-top:20px;gap:10px}.spa .route-view .author-number>div{float:none;width:auto}
.spa .route-view .list-item{width:100%;height:auto;min-height:76px}.spa .route-view .list-item-title{white-space:normal;line-height:1.35;font-size:15px}
.spa .route-view table{max-width:100%;table-layout:auto}.spa .route-view td{overflow-wrap:anywhere}.spa .route-view img{max-width:100%;height:auto}
.spa .route-view .author-avatar img{height:100%;object-fit:cover}.spa .route-view #loaddata{margin:0;padding:0;overflow-x:auto}
.spa .route-view #loaddata h1{font-size:25px;font-weight:800;margin:0 0 16px;color:#17325b}.spa .route-view #loaddata p{font-size:15px;line-height:1.7;margin:12px 0}
.spa .expandable-header{cursor:pointer}.spa .booking-terms{max-width:768px;margin:20px auto;background:white;padding:16px;border-radius:16px}.spa summary{cursor:pointer;font-weight:800}
.spa .bottom-nav{height:76px;bottom:max(8px,env(safe-area-inset-bottom));padding-bottom:0}.spa .drawer-open{overflow:hidden}
.spa.route-home .home-main{padding-top:0}
@media(max-width:360px){.spa .app-header{gap:8px;padding:8px 10px}.spa .app-header .brand{flex-basis:116px}.spa .header-copy span{font-size:12px}.spa .route-view>main{padding:20px 12px}.spa .bottom-link span{font-size:9px}}
.spa #verticalcenter{margin-top:0}.spa .route-view .form-row-group{padding:0}.spa .route-view form{margin:0}.spa .route-view .form-row-group.with-icons .form-row .form-element{padding-left:46px}.spa .route-view .form-row-group.with-icons .form-row i{line-height:1}
.spa .auth-route #spinner{display:none}.spa .route-view .expandable-content{overflow-x:auto}.spa .route-view input:focus-visible,.spa .route-view select:focus-visible,.spa .route-view textarea:focus-visible{outline:2px solid #38a3ef;outline-offset:-2px}
.spa .route-view input::placeholder,.spa .route-view textarea::placeholder{text-align:left!important;color:#8291a7}.spa.auth-route section.container>.form-divider{display:none}.spa #sucessMessage:empty{display:none}.spa.auth-route .page-intro{margin-bottom:20px}
/* Appointment terms: native modal focus handling and a scrollable mobile layout. */
#appointment-terms-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:540px;max-height:85vh;max-height:85dvh;padding:0;border:0;border-radius:24px;color:#14275c;background:#fff;box-shadow:0 24px 80px #10225240}
#appointment-terms-dialog::backdrop{background:rgba(12,28,61,.58);backdrop-filter:blur(3px)}
#appointment-terms-dialog[open]{display:flex;flex-direction:column}
.terms-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid #e5edf5}
.terms-dialog-header h2{margin:0;font-size:22px;line-height:1.3}
.terms-dialog-header button{flex-shrink:0;border:0;background:#eef6ff;border-radius:50%;width:44px;height:44px;font-size:28px;color:#14275c;cursor:pointer}
.terms-dialog-content{overflow:auto;overscroll-behavior:contain;min-height:80px;padding:20px 22px;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.terms-dialog-content img{max-width:100%;height:auto}
.terms-dialog-actions{padding:16px 22px;border-top:1px solid #e5edf5;flex-shrink:0}
.terms-dialog-actions p{font-size:13px;line-height:1.5;margin:0 0 12px;color:#61718c}
.terms-dialog-actions button:disabled{opacity:.5;cursor:wait}
.terms-review{padding:12px;border:0;background:transparent;color:#087df1;text-decoration:underline;font:inherit;cursor:pointer}
#terms-acceptance-status{display:block;color:#258254;font-size:13px;padding:0 12px}
/* Patient dashboard inspired by the supplied UNCE profile design. */
.spa.route-profile{background:#f3f8ff;color:#102957}
.spa.route-profile .app-header{height:86px;display:flex;gap:16px;padding:10px 24px;background:#fff;box-shadow:none}
.spa.route-profile .app-header .brand{width:104px;max-width:none;margin-right:auto}
.spa.route-profile .app-header .brand img{height:61px;width:104px;object-fit:contain}
.spa.route-profile .header-copy{display:block;flex:0 1 auto}
.spa.route-profile .header-copy span{font-size:21px;font-weight:800;color:#102957;text-transform:none;white-space:nowrap}
.spa.route-profile .profile-menu-button{font-size:27px;color:#087cff;background:transparent;flex-shrink:0}
.spa.route-profile .route-view>main.patient-profile{padding:0 0 26px;margin:0;background:#f3f8ff}
.profile-summary{position:relative;padding:30px 22px 22px;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#e4f6eb 0%,#eaf4ff 60%,#cde6f8 100%)}
.profile-summary:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#e3f5eb 5%,rgba(233,245,253,.92) 45%,rgba(224,239,250,.25)),url('../img/background-image.jpg') right center/auto 135% no-repeat;opacity:.65}
.profile-summary:after{content:'';position:absolute;z-index:-1;width:120%;height:160px;left:-20%;top:15px;border-radius:0 0 60% 45%;border-bottom:24px solid #ffffff55;transform:rotate(15deg);pointer-events:none}
.profile-identity{display:grid;grid-template-columns:100px 1fr;gap:10px 20px;align-items:center;position:relative;min-height:135px;padding:0 10px 24px}
.profile-portrait{position:relative;width:100px;height:100px;border:5px solid white;border-radius:50%;background:linear-gradient(#e1edff,#d7eaff);display:grid;place-items:center;overflow:hidden;color:#248def;font-size:68px;grid-row:1/3}
.profile-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.profile-portrait img[hidden]{display:none}
.profile-person{min-width:0}
.spa .profile-person h1{font-size:23px;line-height:1.25;font-weight:900;margin:0 0 4px;color:#10234e;overflow-wrap:anywhere}
.profile-demographics{font-size:18px;line-height:1.4;color:#607292;margin:0}
.profile-phone{font-size:16px;color:#607292;margin:7px 0 0;display:flex;align-items:center;gap:8px}
.profile-edit-pill{justify-self:start;display:inline-flex;align-items:center;gap:5px;background:#ffffffed;color:#087fff;border:1px solid #b3d3ff;border-radius:30px;padding:7px 13px;font-size:13px;font-weight:700;white-space:nowrap}
.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative}
.profile-stat{display:flex;align-items:center;gap:12px;background:#fff;border-radius:20px;padding:14px;box-shadow:0 7px 20px #518fc00e;min-width:0;color:#102957}
.profile-stat>span:nth-child(2){display:flex;flex-direction:column;min-width:0;gap:2px}
.profile-stat strong{font-size:27px;line-height:1.1;font-weight:900}
.profile-stat>span:nth-child(2)>span{font-size:14px;line-height:1.3;color:#617594}
.profile-stat>.fa{margin-left:auto;font-size:24px;color:#8195b5}
.profile-action-icon{flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;font-size:28px}
.tone-blue{background:#e7f0ff;color:#1685ff}.tone-green{background:#e9f8ee;color:#24a849}.tone-purple{background:#f1eaff;color:#9352ef}.tone-orange{background:#fff2e5;color:#ff8916}.tone-pink{background:#ffe9ee;color:#f34062}.tone-cyan{background:#e2f5fb;color:#00accb}
.profile-actions{display:grid;gap:8px;padding:0 22px;margin-top:0;position:relative}
.spa .profile-action{display:flex;align-items:center;gap:20px;min-height:82px;padding:12px 20px;background:#fff;border:0;border-radius:21px;box-shadow:0 5px 18px #689ac00d;color:#102957;text-align:left;width:100%;font:inherit;text-transform:none;cursor:pointer;text-decoration:none}
.profile-action-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.profile-action-copy strong{font-size:20px;line-height:1.25;font-weight:800}
.profile-action-copy>span{font-size:15px;line-height:1.4;color:#607594}
.profile-chevron{margin-left:auto;font-size:26px;color:#12487f;flex-shrink:0}
.profile-action:hover,.profile-stat:hover{box-shadow:0 5px 18px #6f9dc529;background:#fcfeff}
.profile-action:focus-visible,.profile-stat:focus-visible,.profile-edit-pill:focus-visible{outline:3px solid #178aff;outline-offset:3px}
.spa.route-profile .bottom-nav{border-radius:28px 28px 0 0;background:#fff;box-shadow:0 -5px 25px #527a9e0c}
@media(min-width:600px){.profile-identity{grid-template-columns:112px 1fr auto;gap:24px}.profile-portrait{width:112px;height:112px;grid-row:auto}.profile-edit-pill{align-self:end;margin-bottom:16px}.profile-person h1{font-size:26px}}
@media(max-width:420px){.spa.route-profile .app-header{height:76px;padding:8px 18px;gap:10px}.spa.route-profile .app-header .brand,.spa.route-profile .app-header .brand img{width:88px}.spa.route-profile .header-copy span{font-size:18px}.profile-summary{padding:24px 16px 18px}.profile-identity{grid-template-columns:82px 1fr;gap:6px 14px;padding:0 0 22px}.profile-portrait{width:82px;height:82px;font-size:56px}.spa .profile-person h1{font-size:20px}.profile-demographics{font-size:16px}.profile-phone{font-size:14px}.profile-stats{gap:10px}.profile-stat{padding:12px 10px;gap:8px;border-radius:17px}.profile-stat .profile-action-icon{width:42px;height:42px;flex-basis:42px;font-size:23px}.profile-stat strong{font-size:24px}.profile-stat>span:nth-child(2)>span{font-size:12px}.profile-actions{padding:0 16px;gap:7px}.spa .profile-action{padding:12px 14px;gap:13px;min-height:78px;border-radius:18px}.profile-action-icon{width:50px;height:50px;flex-basis:50px;font-size:25px}.profile-action-copy strong{font-size:17px}.profile-action-copy>span{font-size:13px}.profile-chevron{font-size:23px}}
/* UNCE sign-in, scoped to preserve all other forms. */
.spa.route-login{background:#f3fbff;color:#11296a}
.spa.route-login .app-shell{background:linear-gradient(145deg,#faffff,#e0f4ff 48%,#f6fcff 80%);position:relative;isolation:isolate}
.spa.route-login .app-shell:before{content:'';position:absolute;z-index:-1;inset:150px 0 auto;height:270px;background:linear-gradient(140deg,#c7ebff88,#8dd5f666);border-radius:50% 10% 60% 20%;transform:skewY(-10deg);pointer-events:none}
.spa.route-login .app-header .brand{margin:0}
.spa.route-login .route-view>main.login-design{padding:0 22px 36px;background:transparent;position:relative}
.login-branding{text-align:center;margin-top:-38px;pointer-events:none}
.login-branding>img{display:block;width:220px;height:106px;object-fit:contain;margin:0 auto 10px}
.login-tagline{font-size:9px;line-height:1.6;letter-spacing:3px;text-transform:uppercase;color:#49368b;margin:8px 0 13px}
.login-brand-accent{display:block;width:64px;height:6px;border-radius:8px;background:linear-gradient(90deg,#273bba,#25acd0);margin:0 auto;position:relative}
.login-brand-accent:after{content:'';position:absolute;right:-14px;top:0;width:6px;height:6px;border-radius:50%;background:#83cd1a}
.login-welcome{display:flex;justify-content:space-between;align-items:center;text-align:left;margin:15px 0 18px;gap:12px}
.login-welcome>p{font-family:'Brush Script MT','Segoe Print',cursive;font-size:32px;font-style:italic;font-weight:700;line-height:.95;color:#0676fa;transform:rotate(-10deg);margin:0 0 0 2px}
.login-welcome>p span{display:inline-block;margin-left:22px;border-bottom:3px solid #0676fa;padding-bottom:5px}
.login-welcome>div{text-align:center;font-size:13px;line-height:1.4;color:#12377a}
.login-welcome>div>span{display:block;height:3px;width:42px;background:#82c72b;margin:8px auto;border-radius:6px}
.spa.route-login .login-card{border-radius:28px;background:#ffffffed;padding:23px 22px 25px;box-shadow:0 10px 32px #619dc910;text-align:center;margin:0;border:1px solid #fff}
.spa.route-login .login-card h1{font-size:30px;line-height:1.2;font-weight:900;color:#102b70;margin:0 0 7px}
.login-caption{font-size:15px;color:#718299;line-height:1.4;margin:0 0 26px}
.spa.route-login .login-field{position:relative;margin:0 0 11px;padding:0}
.spa.route-login .login-field>.fa{position:absolute;left:17px;top:18px;font-size:19px;color:#697c90;z-index:1;pointer-events:none}
.spa.route-login .login-field .form-element{box-sizing:border-box;width:100%;height:53px;min-height:53px;padding:12px 58px 12px 46px;border:1px solid #d6dfea;border-radius:10px;background:#fff;color:#152952;font-size:16px;box-shadow:none;margin:0}
.spa.route-login .login-field input::placeholder{color:#93a0b2!important}
.spa.route-login .password-toggle{top:7px;right:6px;transform:none;height:39px;min-width:45px;background:transparent;border:0;font-size:12px;color:#63798d;padding:5px}
.login-recovery{text-align:right;margin:7px 0 18px;font-size:13px}
.login-recovery a,.login-signup a{color:#0677ff}
.login-submit{position:relative}
.spa.route-login .login-submit input{width:100%;height:55px;border:0;border-radius:40px;background:linear-gradient(105deg,#2ca590,#1eba61 67%,#66db77);box-shadow:none;color:#fff;font:800 20px 'Nunito',sans-serif;padding:10px 45px;cursor:pointer;text-transform:none}
.login-submit>.fa{position:absolute;right:24px;top:19px;font-size:19px;color:#fff;pointer-events:none}
.login-signup{font-size:14px;line-height:1.6;color:#6f829c;margin:24px 0 0;padding-top:19px;border-top:1px solid #e8edf3}
.login-signup a{font-weight:700;white-space:nowrap}
.login-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center;margin:20px -10px 0}
.benefit-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 8px;border-radius:50%;font-size:25px}
.benefit-secure{color:#16b882;background:#d6f4e9}.benefit-care{color:#1397de;background:#d9efff}.benefit-health{color:#f53268;background:#fce0eb}
.login-benefits p{font-size:12px;color:#34569b;line-height:1.4;margin:0}
.spa.route-login .bottom-nav{background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -6px 22px #659ad20a}
.spa.route-login #sucessMessage:not(:empty){font-size:14px;line-height:1.5;padding:10px;border-radius:10px;background:#f2f7ff;margin-bottom:14px}
.spa.route-login label.error{display:block;text-align:left;color:#c7314d;font-size:12px;margin:4px 0}
@media(min-width:600px){.spa.route-login .route-view>main.login-design{padding:0 38px 40px}.login-branding>img{width:250px;height:120px}.login-welcome{margin:22px 0}.login-welcome>p{font-size:40px}.login-welcome>div{font-size:16px}.spa.route-login .login-card{padding:28px 32px}.login-caption{font-size:17px}.login-benefits{margin-top:25px}.login-benefits p{font-size:14px}}
@media(max-width:350px){.spa.route-login .route-view>main.login-design{padding:0 14px 28px}.login-branding>img{width:180px;height:88px}.login-tagline{font-size:8px;letter-spacing:2px}.spa.route-login .login-card{padding:20px 16px}.login-welcome>p{font-size:27px}.login-benefits p{font-size:11px}}
.spa.route-login .login-branding{margin-top:0}
/* Login banner refresh: keep the established UNCE look while giving the form
   more room on small screens. */
.spa.route-login .route-view>main.login-design{
  width:min(100%,760px);
  box-sizing:border-box;
}
.spa.route-login .login-branding{
  position:relative;
  overflow:hidden;
  margin:0 -22px 16px;
  padding:10px 22px 20px;
  text-align:left;
  border-radius:0 0 28px 28px;
  background:
    radial-gradient(circle at 92% 18%,rgba(31,162,232,.22) 0 56px,transparent 57px),
    radial-gradient(circle at 84% 34%,rgba(97,196,241,.15) 0 96px,transparent 97px),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(214,242,255,.94) 58%,rgba(236,251,255,.96));
  box-shadow:0 14px 34px rgba(53,129,181,.08);
}
.spa.route-login .login-branding:after{
  content:'';
  position:absolute;
  right:-28px;
  bottom:-65px;
  width:210px;
  height:128px;
  border-radius:55% 0 0 0;
  background:linear-gradient(145deg,rgba(66,184,238,.14),rgba(94,205,172,.08));
  transform:rotate(-7deg);
  pointer-events:none;
}
.spa.route-login .login-branding>img{
  width:168px;
  height:82px;
  margin:0;
  object-position:left center;
  position:relative;
  z-index:1;
}
.spa.route-login .login-tagline{
  position:relative;
  z-index:1;
  max-width:230px;
  margin:0 0 8px;
  font-size:8px;
  letter-spacing:2.25px;
  text-align:left;
}
.spa.route-login .login-brand-accent{
  width:58px;
  height:5px;
  margin:0;
}
.spa.route-login .login-brand-accent:after{width:5px;height:5px;right:-12px}
.spa.route-login .login-welcome{
  position:relative;
  z-index:1;
  min-height:66px;
  margin:13px 0 0;
  padding-top:10px;
  border-top:1px solid rgba(34,103,163,.1);
}
.spa.route-login .login-welcome>p{font-size:28px;margin-left:3px}
.spa.route-login .login-welcome>div{padding-right:4px;font-size:12px;font-weight:700}
.spa.route-login .login-card{
  padding:24px 22px 26px;
  border-radius:24px;
  box-shadow:0 16px 40px rgba(47,104,151,.11);
}
.spa.route-login .login-card h1{font-size:27px}
.spa.route-login .login-caption{margin-bottom:20px}
.spa.route-login .login-field{margin-bottom:12px}
.spa.route-login .login-field .form-element{
  height:56px;
  min-height:56px;
  border-color:#cbd9e8;
  border-radius:14px;
  background:#fbfdff;
}
.spa.route-login .login-field>.fa{top:19px}
.spa.route-login .login-submit input{
  height:56px;
  background:linear-gradient(100deg,#159e94,#13bd68 62%,#4ed875);
  box-shadow:0 10px 24px rgba(20,181,105,.2);
}
.spa.route-login .login-submit input:focus-visible,
.spa.route-login .login-submit input:hover{filter:saturate(1.08) brightness(.98)}
.spa.route-login .login-benefits{margin-top:18px}
@media(min-width:600px){
  .spa.route-login .route-view>main.login-design{padding-top:8px}
  .spa.route-login .login-branding{margin-left:-38px;margin-right:-38px;padding:18px 38px 24px}
  .spa.route-login .login-branding>img{width:210px;height:98px}
  .spa.route-login .login-tagline{max-width:300px;font-size:9px}
  .spa.route-login .login-welcome{min-height:76px}
  .spa.route-login .login-welcome>p{font-size:38px}
  .spa.route-login .login-welcome>div{font-size:15px;padding-right:22px}
  .spa.route-login .login-card{max-width:620px;margin:0 auto;padding:30px 38px}
  .spa.route-login .login-benefits{max-width:620px;margin-left:auto;margin-right:auto}
}
@media(max-width:350px){
  .spa.route-login .login-branding{margin-left:-14px;margin-right:-14px;padding:7px 14px 16px}
  .spa.route-login .login-branding>img{width:145px;height:70px}
  .spa.route-login .login-welcome{min-height:58px;margin-top:10px}
  .spa.route-login .login-welcome>p{font-size:24px}
  .spa.route-login .login-card{padding:21px 16px 23px}
}
/* Keep drawer access in the same left-hand position on every route. */
.spa .app-header>.menu-button{order:-1;flex:0 0 44px;width:44px;height:44px;margin:0;color:#087cff;background:transparent;font-size:25px}
.spa .app-drawer{left:0;right:auto}
.spa.route-profile .app-header{gap:10px;padding-left:16px;padding-right:16px}
.spa.route-profile .app-header .brand{flex:0 1 88px;min-width:60px;margin-right:auto}
.spa.route-profile .app-header .brand img{max-width:100%}
@media(max-width:420px){.spa.route-profile .header-copy span{font-size:16px}.spa.route-profile .app-header{gap:7px;padding:8px 12px}.spa.route-profile .app-header #route-back{flex:0 0 32px;width:32px}}
/* Treatment catalog */
.spa.route-treatments{background:#f3faff;color:#102c68}.spa.route-treatments .header-copy{display:none}.spa.route-treatments .app-header .brand{margin:auto}.spa.route-treatments .route-view>main.services-page{padding:0 0 28px;background:#f3faff}
.services-hero{padding:32px 24px 42px;position:relative;background:linear-gradient(95deg,#effaff 15%,#edf9fff2 45%,#e5f7ff44),url('../img/urocare-hero.jpg') right center/cover no-repeat;overflow:hidden}
.spa .services-hero h1{font-size:30px;font-weight:900;line-height:1.2;margin:0 0 12px;color:#072764;max-width:85%}.services-hero p{font-size:15px;color:#587297;line-height:1.5;max-width:80%;margin:0}.services-accent{display:block;width:48px;height:5px;border-radius:8px;background:#087cff;margin-top:14px;position:relative}.services-accent:after{content:'';position:absolute;left:52px;width:13px;height:5px;background:#74d24c;border-radius:8px}
.services-content{padding:0 18px}.services-search{position:relative;display:flex;gap:12px;align-items:center;margin:-18px 0 20px;padding:0 18px;background:#fff;border-radius:40px;box-shadow:0 7px 22px #4c94c91c;height:52px;color:#123778}.services-search i{font-size:21px}.spa .services-search input{min-width:0;width:100%;padding:0;border:0;box-shadow:none;background:transparent;font:15px 'Nunito',sans-serif;color:#143463;height:100%;outline-offset:5px}.service-filters{display:flex;gap:8px;overflow-x:auto;padding:3px 0 10px}.service-filters button{flex-shrink:0;border:0;border-radius:28px;padding:10px 17px;background:#fff;color:#163978;font:700 13px 'Nunito',sans-serif;box-shadow:0 4px 14px #5d91bd0c;cursor:pointer}.service-filters button[aria-pressed=true]{background:linear-gradient(110deg,#007dff,#0050d4);color:#fff}
#services-status{font-size:12px;color:#647e9e;margin:0 0 12px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-card{position:relative;background:#fff;border:0;border-radius:21px;padding:16px 15px 19px;text-align:left;font:inherit;color:#0c2d68;cursor:pointer;box-shadow:0 5px 20px #609ac30b;min-width:0}.service-card-icon{width:61px;height:61px;display:grid;place-items:center;border-radius:50%;font-size:30px;margin:0 auto 15px}.service-card strong{display:block;font-size:16px;line-height:1.25;padding-right:10px;margin:0 0 7px;font-weight:900}.service-card-description{display:block;font-size:13px;line-height:1.4;color:#637b9c}.service-card-arrow{position:absolute;right:12px;top:96px;font-size:22px}.service-tone-0{background:#e0efff;color:#0872d8}.service-tone-1{background:#ffe9ef;color:#ec4268}.service-tone-2{background:#fff0e4;color:#fc8048}.service-tone-3{background:#efe7ff;color:#8551d4}.service-tone-4{background:#e4faed;color:#25a45a}.service-tone-5{background:#dff6fb;color:#079ebc}.service-card:hover{box-shadow:0 8px 22px #438bca22}.service-card:focus-visible,.service-filters button:focus-visible{outline:3px solid #178aff;outline-offset:2px}
.services-consult{margin-top:20px;padding:20px;border-radius:22px;background:linear-gradient(100deg,#daeffffa 45%,#d9edff80),url('../img/background-image.jpg') right center/cover;display:flex;flex-wrap:wrap;gap:15px;align-items:center}.services-consult h2{font-size:20px;line-height:1.2;font-weight:900;color:#124781;margin:0 0 7px}.services-consult p{font-size:14px;line-height:1.4;color:#5a7496;max-width:260px;margin:0}.services-consult a,#service-detail footer a{display:inline-flex;align-items:center;gap:14px;background:linear-gradient(100deg,#008cff,#005cd8);color:#fff;border-radius:30px;padding:13px 18px;font-size:14px;font-weight:800}
#service-detail{border:0;border-radius:24px;padding:0;width:calc(100% - 28px);max-width:640px;max-height:85dvh;color:#173465;background:white;box-shadow:0 25px 80px #11265340}#service-detail[open]{display:flex;flex-direction:column}#service-detail::backdrop{background:#102b6088;backdrop-filter:blur(3px)}#service-detail header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #e4edf5}#service-detail header h2{font-size:21px;line-height:1.25;margin:0;font-weight:800}#service-close{margin-left:auto;background:#eaf4ff;border:0;border-radius:50%;width:40px;height:40px;flex-shrink:0;font-size:27px;color:#17477d;cursor:pointer}#service-detail-body{overflow:auto;padding:18px 20px;line-height:1.65;font-size:15px;overflow-wrap:anywhere}#service-detail-body .padding-content{padding:0}#service-detail-body img{max-width:100%;height:auto;border-radius:12px}#service-detail-body h2,#service-detail-body h3{font-size:19px;margin:16px 0 8px}#service-detail-body p{margin:10px 0}#service-detail footer{padding:14px 20px;border-top:1px solid #e4edf5}
@media(min-width:600px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.services-hero{padding:40px 30px 50px}.spa .services-hero h1{font-size:36px}.services-content{padding:0 24px}.services-consult{flex-wrap:nowrap;justify-content:space-between}.service-card strong{font-size:18px}}
@media(max-width:420px){.service-filters{gap:6px;flex-wrap:wrap;overflow:visible}.service-filters button{font-size:12px;padding:10px 12px}.services-hero p{max-width:90%;font-size:14px}}
.service-grid>a.service-card{display:block;text-decoration:none}
.spa.route-treatment-detail .route-view>main.treatment-detail-page{padding:22px 20px 30px;background:#f3faff}
.treatment-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#116ce1;font-weight:700;margin-bottom:22px}
.treatment-detail-heading{padding:24px;border-radius:22px;background:linear-gradient(120deg,#e0f6ee,#e0f1ff);margin-bottom:20px}
.treatment-detail-heading>p{font-size:11px;letter-spacing:2px;color:#58799a;margin:0 0 9px}
.spa .treatment-detail-heading h1{font-size:28px;font-weight:900;line-height:1.2;color:#102d67;margin:0}
.treatment-article{background:#fff;border-radius:22px;padding:22px;line-height:1.75;font-size:16px;color:#3a5373;overflow-wrap:anywhere}
.treatment-article[hidden]{display:none}.treatment-article .padding-content{padding:0}.treatment-article img{max-width:100%;height:auto;border-radius:14px;margin:0 0 16px}.treatment-article p{margin:0 0 16px}.treatment-article h2,.treatment-article h3{font-size:21px;line-height:1.3;color:#143874;margin:22px 0 12px}.treatment-article ul,.treatment-article ol{padding-left:22px;margin:12px 0;list-style:revert}.treatment-article table{max-width:100%;display:block;overflow:auto}
#treatment-status{font-size:14px;color:#607c99}#treatment-status:empty{display:none}
/* Patient test reports */
.spa.route-my-test-reports .header-copy{display:none}.spa.route-my-test-reports .app-header .brand{margin:auto}.spa.route-my-test-reports .route-view>main.reports-page{padding:0 0 30px;background:#f2faff}
.reports-hero{padding:30px 24px;background:linear-gradient(95deg,#f2fbff,#edf9fff2 60%,#e0f5ff55),url('../img/urocare-hero.jpg') right center/cover;position:relative}.spa .reports-hero h1{font-size:30px;line-height:1.2;font-weight:900;color:#0b2d65;margin:0 0 10px}.reports-hero p{font-size:15px;color:#5b7498;max-width:80%;line-height:1.5;margin:0}.reports-hero>span{display:block;margin-top:17px;font:italic 22px 'Segoe Print',cursive;color:#1975d8;line-height:1.2}
.reports-content{padding:20px}.reports-toolbar{display:flex;flex-direction:column;gap:15px;margin-bottom:16px}.report-filters{display:flex;flex-wrap:wrap;gap:8px}.report-filters button{border:0;border-radius:28px;background:#fff;padding:10px 15px;color:#17356b;font:700 13px 'Nunito',sans-serif;cursor:pointer}.report-filters button[aria-pressed=true]{background:linear-gradient(100deg,#057cff,#0051da);color:#fff}.reports-search-row{display:flex;gap:8px}.reports-search{display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:0 14px;flex:1;min-width:0;color:#5d789d}.spa .reports-search input{height:46px;padding:0;min-width:0;width:100%;border:0;box-shadow:none;background:transparent;font-size:14px}.spa #report-status-filter{width:116px;padding:9px;border:1px solid #e1ecf5;border-radius:14px;background:#fff;color:#34517b;font-size:12px;min-height:46px}#reports-status{color:#66809b;font-size:12px;margin:0 0 12px}
#reports-list{display:grid;gap:14px}.report-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;padding:20px;background:#fff;border-radius:21px;box-shadow:0 5px 22px #689ab514}.report-file-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:29px}.report-color-0{background:#e8f7ed;color:#129b50}.report-color-1{background:#ece8ff;color:#5443d2}.report-color-2{background:#e5f3ff;color:#1688dd}.spa .report-info h2{font-size:18px;font-weight:900;line-height:1.3;margin:0 0 9px;color:#133369;overflow-wrap:anywhere}.report-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:#60799b;margin:6px 0}.report-meta i{width:15px;text-align:center}.report-state{grid-column:1/-1;border-top:1px solid #ecf1f7;padding-top:13px}.report-badge{display:inline-flex;border-radius:25px;padding:6px 15px;font-size:13px;font-weight:800}.report-badge.pending{color:#e58a04;background:#fff0dc}.report-badge.available{color:#15864c;background:#e6f8ed}.report-state p{font-size:13px;line-height:1.5;color:#627b9d;margin:8px 0 0}.report-actions{grid-column:1/-1;display:flex;align-items:center;gap:20px}.report-view{display:inline-flex;border:1px solid #8fbaff;border-radius:26px;padding:10px 19px;font-size:13px;font-weight:800;color:#0875f2}.report-download{font-size:13px;font-weight:700;color:#1676d1;text-decoration:underline}
.report-support{margin-top:22px;border-radius:20px;padding:20px;background:linear-gradient(120deg,#dff4f0,#e7f7ee);display:flex;align-items:center;flex-wrap:wrap;gap:15px}.report-support-icon{width:50px;height:50px;display:grid;place-items:center;font-size:31px;color:#14a66a;background:#fff9;border-radius:12px}.report-support>div{flex:1;min-width:180px}.report-support h2{font-size:19px;font-weight:900;color:#133668;margin:0 0 7px}.report-support p{font-size:14px;line-height:1.5;color:#607c94;margin:0}.report-support>a{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border:1px solid #23a76b;background:#ffffffb0;color:#159455;border-radius:30px;font-size:13px;font-weight:800}
@media(min-width:650px){.report-card{grid-template-columns:65px minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:20px}.report-state{grid-column:auto;border-top:0;border-left:1px solid #e4ecf5;padding:0 0 0 20px}.report-actions{grid-column:2/-1}.reports-hero{padding:36px 28px}.reports-hero>span{position:absolute;right:30px;bottom:25px}.reports-hero p{max-width:65%}.reports-content{padding:24px}.report-info h2{font-size:20px}}
@media(max-width:350px){.reports-content{padding:14px}.report-card{padding:16px;grid-template-columns:46px minmax(0,1fr);gap:10px}.report-file-icon{width:46px;height:46px;font-size:25px}.report-filters button{font-size:12px;padding:9px 12px}}
/* Appointment booking steps */
.spa.route-appointment .header-copy{display:none}.spa.route-appointment .app-header .brand{margin:auto}.spa.route-appointment .route-view>main.booking-page{padding:0 16px 28px;background:#f3faff}.booking-hero{padding:28px 10px 32px;position:relative;overflow:hidden}.booking-eyebrow{font-size:10px;letter-spacing:4px;color:#627ca0;margin:0 0 8px}.spa .booking-hero h1{font-size:29px;font-weight:900;line-height:1.2;color:#092861;margin:0 0 10px;position:relative;z-index:1}.booking-hero>p:not(.booking-eyebrow){font-size:14px;line-height:1.5;color:#61799c;max-width:84%;margin:0}.booking-hero-icon{position:absolute;right:6px;top:28px;font-size:115px;color:#9bd2f5;opacity:.2;transform:rotate(10deg)}.booking-form-card{background:#fff;border-radius:24px;padding:22px 17px;box-shadow:0 6px 24px #5889bc0b}.booking-step{display:grid;grid-template-columns:28px 42px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:24px}.booking-step-number{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:16px}.booking-step-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:21px}.booking-color-0{color:#087bf5;background:#e0efff}.booking-color-1{color:#0ca271;background:#def7ec}.booking-color-2{color:#7735d6;background:#efe8ff}.booking-color-3{color:#f17825;background:#fff0df}.booking-step-body{min-width:0}.spa .booking-step h2{font-size:16px;font-weight:800;color:#102e69;margin:0 0 3px;line-height:1.3}.booking-step-body>p{font-size:12px;color:#6a7d9e;margin:0 0 9px;line-height:1.4}.spa .booking-step select,.spa .booking-step input[type=date],.spa .booking-step textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #d5dfec;border-radius:10px;background:#fff;color:#143265;padding:11px 12px;font:14px 'Nunito',sans-serif;min-height:44px;margin:0;box-shadow:none}.spa .booking-step textarea{resize:vertical;min-height:105px}.booking-character-count{display:block;text-align:right;font-size:11px;color:#657d9e;margin-top:5px}.spa .booking-step #slot-status{font-size:12px;color:#1a985a;margin:8px 0}.spa .booking-step .radio-toolbar{display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0}.spa .booking-step .radio-toolbar label{margin:0;border:1px solid #37b77c;border-radius:8px;padding:8px 9px;background:white;color:#159351;font-size:12px;line-height:1.2;font-weight:800;cursor:pointer}.spa .booking-step .radio-toolbar input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;display:block}.spa .booking-step .radio-toolbar input[type=radio]:checked+label{background:linear-gradient(100deg,#139f78,#13bf52);color:white;border-color:#13a765}.spa .booking-step .radio-toolbar input[type=radio]:focus-visible+label{outline:2px solid #187be2;outline-offset:2px}.booking-submit{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(105deg,#169eac,#05b887,#43d364);border-radius:35px;color:#fff}.spa .booking-submit input{background:transparent;border:0;box-shadow:none;color:#fff;font:800 18px 'Nunito',sans-serif;min-height:54px;width:100%;padding:12px 40px;cursor:pointer;text-transform:none;margin:0}.booking-submit>.fa{position:absolute;font-size:18px;pointer-events:none}.booking-submit>.fa:first-child{left:20px}.booking-submit>.fa:last-child{right:20px}.spa.route-appointment .booking-terms-card{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#fff;border-radius:18px;padding:15px;margin:12px 0 0}.booking-terms-card>.fa{background:#eaf5ff;color:#0780fd;border-radius:50%;padding:12px}.booking-terms-card>div{flex:1;min-width:180px}.booking-terms-card .terms-review{padding:0;text-decoration:none;font-size:13px;font-weight:700}.booking-terms-card p{font-size:11px;line-height:1.5;color:#657da0;margin:4px 0}.booking-terms-card #terms-acceptance-status{font-size:11px;padding:0;margin-left:auto}.booking-step label.error{font-size:12px;color:#c93352;display:block;margin-top:5px}.booking-form-card #sucessMessage:not(:empty){font-size:14px;margin-bottom:12px}
@media(min-width:600px){.spa.route-appointment .route-view>main.booking-page{padding:0 24px 30px}.booking-form-card{padding:26px}.booking-step{grid-template-columns:32px 58px minmax(0,1fr);gap:20px}.booking-step-icon{width:58px;height:58px;font-size:28px}.booking-step-number{width:32px;height:32px;font-size:20px}.spa .booking-step h2{font-size:19px}.booking-step-body>p{font-size:14px}.spa .booking-hero h1{font-size:36px}.booking-hero>p:not(.booking-eyebrow){max-width:65%;font-size:16px}.booking-submit input{font-size:21px}}
@media(max-width:360px){.booking-step{grid-template-columns:24px minmax(0,1fr);gap:10px}.booking-step-icon{display:none}.booking-form-card{padding:18px 14px}.spa .booking-hero h1{font-size:26px}}
/* My appointments: responsive consultation cards */
.spa.route-my-appointments .route-view>main.appointments-page{padding:0 16px 28px;max-width:1120px;margin:auto;color:#102958}.appointments-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#e8f7ff,#f7fcff 55%,#d5eeff);padding:30px 24px;border-radius:0 0 28px 28px;margin:0 -16px 20px;overflow:hidden}.appointments-hero>div:first-child{max-width:650px}.appointments-eyebrow{font-size:10px;letter-spacing:3px;font-weight:800;color:#667fa2;margin:0 0 8px}.spa .appointments-hero h1{font-size:30px;line-height:1.15;letter-spacing:-.8px;margin:0 0 10px;color:#092363;font-weight:900}.appointments-hero p:not(.appointments-eyebrow){font-size:14px;line-height:1.5;color:#667c9f;margin:0;max-width:470px}.appointments-accent{display:block;width:90px;height:6px;border-radius:6px;background:linear-gradient(90deg,#087bff 55%,#25c37a 55%);margin-top:16px}.appointments-hero-art{display:flex;align-items:center;gap:18px;color:#167df5}.appointments-hero-art>.fa{font-size:76px;transform:rotate(-8deg);filter:drop-shadow(0 9px 8px #6da2d733)}.appointments-hero-art>span{font-style:italic;font-weight:800;font-size:20px;line-height:1.4}.appointments-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:24px}.appointments-filters{display:flex;gap:8px}.appointments-filters button,.appointments-book{border:0;border-radius:30px;padding:13px 18px;font:800 13px 'Nunito',sans-serif;min-height:46px;box-shadow:0 5px 18px #28588809}.appointments-filters button{background:#fff;color:#25446d;cursor:pointer}.appointments-filters button[aria-pressed=true]{background:linear-gradient(110deg,#087fff,#0060e9);color:#fff}.appointments-filters button span{margin-left:3px}.appointments-book{background:linear-gradient(110deg,#009d97,#04b77b);color:#fff!important;display:inline-flex;gap:9px;align-items:center;justify-content:center;text-decoration:none}.spa .appointments-group h2{font-size:19px;margin:24px 0 14px;display:flex;align-items:center;gap:10px;font-weight:800;color:#0c2862}.appointments-group h2>.fa{color:#087bff;font-size:23px}.appointments-group h2>span{font-size:12px;color:#637d9c;background:#eaf3fe;border-radius:20px;padding:3px 9px}.appointment-card{background:#fff;border:1px solid #ecf4fb;border-radius:22px;box-shadow:0 7px 24px #244e8107;margin-bottom:12px;padding:18px;display:grid;grid-template-columns:88px minmax(180px,1fr) minmax(220px,1fr);gap:16px;align-items:center}.appointment-date{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;min-height:95px;background:#e6f4ff;color:#0878ed;border-radius:14px;text-transform:uppercase;line-height:1.4}.appointment-date strong{font-size:32px;font-weight:900;line-height:1.1}.appointment-date span{font-size:12px;font-weight:800;margin-top:5px}.appointment-date small{font-size:11px}.appointments-group[data-group=past] .appointment-date{background:#eef0f9;color:#576a92}.appointment-doctor{display:flex;align-items:center;gap:13px;min-width:0}.appointment-doctor-icon{width:52px;height:52px;background:#edf6ff;border-radius:50%;display:grid;place-items:center;color:#1477cd;font-size:25px;flex-shrink:0}.spa .appointment-doctor h3{font-size:16px;line-height:1.35;margin:0 0 5px;font-weight:800;color:#102958;overflow-wrap:anywhere}.appointment-doctor p{font-size:13px;margin:0 0 4px;color:#547092}.appointment-doctor small{font-size:11px;color:#8495ae}.appointment-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-left:1px solid #edf2f8;padding-left:20px;font-size:13px;font-weight:700}.appointment-meta>span:first-child .fa{color:#8194b0;margin-right:5px}.appointment-status{padding:5px 10px;border-radius:10px;font-size:11px;white-space:nowrap}.is-paid{background:#e3f8ee;color:#008755}.is-pending{background:#fff3dd;color:#ad6800}.appointment-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.appointment-actions a{border:1px solid #a5cdff;border-radius:10px;padding:10px 12px;color:#0877f9;font-size:12px;text-decoration:none;display:flex;align-items:center;gap:7px;min-height:42px}.appointment-details{grid-column:1/-1;border-top:1px solid #f0f4fa;padding-top:10px}.appointment-details summary{cursor:pointer;list-style:none;font-size:12px;color:#0a75ed;font-weight:800;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:30px}.appointment-details summary::-webkit-details-marker{display:none}.appointment-details[open] summary .fa{transform:rotate(180deg)}.appointment-details-body{padding:0 6px 8px;overflow-wrap:anywhere;font-size:13px;color:#60799b}.appointment-details-body h4{font-size:13px;color:#173462;margin:16px 0 6px}.appointment-details-body p{margin:0;white-space:normal}.appointment-details-body a{display:inline-block;padding:5px 0;color:#0073df}.appointments-empty,.appointments-loading{padding:28px;text-align:center;border-radius:20px;background:#fff;color:#6b809b;font-size:14px}.appointments-empty>.fa{font-size:30px;color:#87b6e7}.spa .appointments-empty h3{font-size:17px;color:#29446d;margin:12px 0 6px}.appointments-empty p{margin:0;font-size:13px}.appointments-empty button{margin-top:16px;padding:10px 18px;background:#087bff;color:#fff;border:0;border-radius:20px;cursor:pointer}.appointments-help{display:flex;align-items:center;gap:16px;padding:20px;border-radius:20px;background:#e5f6f0;margin-top:26px}.appointments-help>.fa{font-size:30px;color:#0aa878}.spa .appointments-help h2{font-size:15px;margin:0 0 4px;color:#173d60}.appointments-help p{font-size:12px;color:#5e7b8e;margin:0}.appointments-help>a{margin-left:auto;white-space:nowrap;color:#008e6c;font-size:13px;font-weight:800}.appointments-page [hidden]{display:none!important}.appointments-page button:focus-visible,.appointments-page a:focus-visible,.appointments-page summary:focus-visible{outline:3px solid #63a9ff;outline-offset:3px}
@media(min-width:800px){.spa .appointments-hero h1{font-size:40px}.appointments-hero{padding:40px 30px}.appointments-hero p:not(.appointments-eyebrow){font-size:17px}}
@media(max-width:700px){.appointments-hero-art{display:none}.appointment-card{grid-template-columns:72px minmax(0,1fr);padding:15px;gap:12px}.appointment-date{min-height:88px}.appointment-doctor-icon{width:40px;height:40px;font-size:22px}.appointment-doctor{gap:10px}.appointment-meta{grid-column:1/-1;border-left:0;border-top:1px solid #eef3f8;padding:12px 0 0}.appointment-actions a{flex:1;justify-content:center}.appointments-toolbar{gap:12px}.appointments-book{width:100%}.appointments-filters{width:100%}.appointments-filters button{flex:1;padding:12px 9px;font-size:12px}.appointments-help{flex-wrap:wrap;gap:12px}.appointments-help>div{flex:1}.appointments-help>a{margin-left:42px}.spa .appointment-doctor h3{font-size:15px}.appointment-details summary{justify-content:center}.appointments-hero{padding:26px 20px}.spa .appointments-group h2{font-size:18px}}
/* Test booking */
.spa.route-book-a-test .route-view>main.lab-booking-page{max-width:1080px;margin:auto;padding:0 18px 28px;color:#10285c}.lab-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:32px 26px;margin:0 -18px 20px;border-radius:0 0 26px 26px;background:radial-gradient(ellipse at right bottom,#bfe6ff,transparent 65%),linear-gradient(110deg,#edf9ff,#f6fcff);overflow:hidden}.lab-eyebrow{font-size:11px;letter-spacing:4px;font-weight:800;color:#627da0;margin:0 0 10px}.spa .lab-hero h1{font-size:36px;font-weight:900;color:#092563;line-height:1.15;margin:0 0 8px;letter-spacing:-1px}.spa .lab-hero h2{font-size:18px;margin:0 0 9px;font-weight:700;color:#234c79}.lab-hero p:not(.lab-eyebrow){font-size:14px;line-height:1.5;color:#677f9f;margin:0;max-width:480px}.lab-accent{display:block;margin-top:17px;width:85px;height:6px;border-radius:8px;background:linear-gradient(90deg,#067dff 48%,transparent 48%,transparent 54%,#0bbb78 54%)}.lab-hero-art{display:flex;align-items:center;gap:22px;padding:20px;color:#1676d2}.lab-hero-art>.fa{font-size:85px;transform:rotate(-12deg);color:#528ce1;text-shadow:0 8px 20px #6898ce33}.lab-hero-art>span{font-size:19px;font-style:italic;font-weight:800;line-height:1.5}.lab-form-card{padding:26px;background:#fff;border-radius:24px;box-shadow:0 9px 26px #244e8006}.lab-form-card .booking-step:last-child{margin-bottom:0}.lab-form-card label{font:inherit;color:inherit}.lab-form-card h2 small{font-size:12px;font-weight:600;color:#70849f}.lab-form-card #lab-date-error{font-size:12px;color:#b63d55;display:block;margin-top:6px}.lab-form-card #sucessMessage:not(:empty),#lab-load-error:not([hidden]){font-size:14px;padding:12px;background:#fff5e8;border-radius:12px;margin-bottom:16px;color:#9d5921}.lab-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 14px}.spa .lab-section-heading h2{font-size:19px;font-weight:800;margin:0}.lab-section-heading h2 .fa{margin-right:8px;color:#1369d1}.lab-section-heading button{background:none;border:0;color:#0875ef;font:800 12px 'Nunito',sans-serif;padding:10px 0;cursor:pointer}.lab-test-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.lab-test-grid button{background:#fff;border:1px solid #e9f1fa;border-radius:17px;padding:14px 8px;color:#173668;font:700 12px 'Nunito',sans-serif;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;line-height:1.4;box-shadow:0 4px 12px #31568605;overflow-wrap:anywhere;min-height:115px}.lab-test-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#f0e9ff;color:#8353d9;font-size:22px;flex-shrink:0}.lab-test-grid button:nth-child(3n+2) .lab-test-icon{background:#e2f6f1;color:#08a484}.lab-test-grid button:nth-child(3n+3) .lab-test-icon{background:#e4f2ff;color:#1581e2}.lab-test-grid button[aria-pressed=true]{border-color:#0784ed;background:#edf8ff;box-shadow:0 0 0 1px #0784ed}.lab-reassurance{display:flex;align-items:center;gap:14px;background:linear-gradient(110deg,#e3f6ee,#eefaf7);border-radius:20px;padding:22px;margin:22px 0}.lab-reassurance>span{display:grid;place-items:center;width:48px;height:48px;background:#c9efdf;color:#03a474;border-radius:50%;font-size:22px;flex-shrink:0}.spa .lab-reassurance h2{font-size:16px;color:#126347;margin:0 0 5px;font-weight:800}.lab-reassurance p{font-size:13px;color:#557d83;margin:0;line-height:1.5}.lab-reassurance a{margin-left:auto;color:#009970;white-space:nowrap;font-size:12px;font-weight:800}.lab-payment-note{text-align:center;font-size:11px;line-height:1.5;margin:12px 5px 0;color:#7186a0}.lab-booking-page input:disabled{opacity:.6;cursor:wait}.lab-booking-page button:focus-visible,.lab-booking-page a:focus-visible{outline:3px solid #65b1ff;outline-offset:3px}
@media(max-width:700px){.lab-hero-art{display:none}.lab-hero{padding:28px 22px}.spa .lab-hero h1{font-size:32px}.lab-form-card{padding:20px 16px}.lab-test-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-test-grid button{font-size:11px}.lab-reassurance{flex-wrap:wrap;padding:18px}.lab-reassurance>div{flex:1}.lab-reassurance>a{margin-left:62px}.spa .lab-section-heading h2{font-size:17px}.lab-section-heading button{font-size:11px}.lab-form-card .booking-step-icon{width:38px;height:38px;font-size:20px}}
/* FAQ support page */
.spa.route-faqs .route-view>main.faq-page{max-width:1080px;margin:auto;padding:0 18px 24px;color:#10275e}.faq-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(ellipse at 95% 0,#c5eaff,transparent 60%),linear-gradient(115deg,#eff9ff,#f6fcff);padding:32px 28px 38px;margin:0 -18px 18px;border-radius:0 0 28px 28px;overflow:hidden}.faq-hero>div:first-child{max-width:610px}.faq-eyebrow{font-size:11px;font-weight:800;letter-spacing:5px;margin:0 0 12px;color:#487cbe}.spa .faq-hero h1{font-size:35px;line-height:1.15;font-weight:900;letter-spacing:-.8px;color:#0b2364;margin:0 0 12px}.faq-hero p:not(.faq-eyebrow){font-size:16px;line-height:1.5;color:#627a9d;margin:0;max-width:530px}.faq-accent{display:block;width:95px;height:7px;border-radius:8px;background:linear-gradient(90deg,#0779ff 48%,transparent 48%,transparent 53%,#32cc8b 53%);margin-top:18px}.faq-hero-art{position:relative;flex:0 0 235px;height:160px}.faq-chat,.faq-question{display:grid;place-items:center;border-radius:45%;position:absolute;font-weight:900;box-shadow:0 10px 24px #5c9cd325}.faq-chat{width:108px;height:86px;background:#fff;color:#359efd;font-size:32px;left:0;top:50px;transform:rotate(-13deg)}.faq-question{width:104px;height:104px;background:linear-gradient(130deg,#39beff,#0965ed);border:4px solid #8bd7ff;color:#fff;font-size:79px;left:76px;top:0;line-height:1}.faq-hero-art em{position:absolute;bottom:0;right:0;transform:rotate(-8deg);font-size:18px;color:#154681;font-weight:800;line-height:1.3}.faq-card{background:#fff;border:1px solid #f0f6fd;border-radius:20px;margin-bottom:12px;box-shadow:0 6px 22px #416b9e06;overflow:hidden}.faq-card summary{display:flex;align-items:center;gap:20px;cursor:pointer;padding:16px 24px;list-style:none;min-height:82px}.faq-card summary::-webkit-details-marker{display:none}.faq-icon{width:52px;height:52px;background:#e4f3ff;color:#0579ff;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:24px}.faq-question-title{font-size:17px;font-weight:800;line-height:1.4;color:#102660}.faq-chevron{margin-left:auto;color:#086def;font-size:25px;flex-shrink:0;transition:transform .2s}.faq-card[open] .faq-chevron{transform:rotate(180deg)}.faq-card:nth-child(4n+2) .faq-icon{background:#e3f7ef;color:#08a76b}.faq-card:nth-child(4n+3) .faq-icon{background:#f0eaff;color:#8042dc}.faq-card:nth-child(4n+4) .faq-icon{background:#fff0e7;color:#ff813d}.faq-answer{background:linear-gradient(110deg,#edf7ff,#f5faff);margin:0 14px 14px;padding:20px 26px;border-radius:14px;font-size:15px;line-height:1.8;color:#516b96;overflow-wrap:anywhere}.faq-answer p{margin:0 0 10px}.faq-answer p:last-child{margin-bottom:0}.faq-answer ol{counter-reset:faq-step;list-style:none;margin:0;padding:0}.faq-answer ol>li{counter-increment:faq-step;position:relative;padding:6px 0 10px 42px;min-height:40px}.faq-answer ol>li:before{content:counter(faq-step);position:absolute;left:0;top:5px;width:30px;height:30px;border-radius:50%;background:linear-gradient(140deg,#66bfff,#0c82fc);color:white;text-align:center;line-height:30px;font-weight:800}.faq-answer ul{padding-left:22px}.faq-answer a{color:#0876db;text-decoration:underline}.faq-answer img,.faq-answer video{max-width:100%;height:auto}.faq-answer iframe{max-width:100%}.faq-support{display:flex;align-items:center;gap:18px;background:linear-gradient(110deg,#e5f7f0,#eefaf6);padding:22px;border-radius:20px;margin-top:16px}.faq-support-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#cff1e6;color:#06985d;font-size:28px}.spa .faq-support h2{font-size:18px;font-weight:800;color:#16376a;margin:0 0 4px}.faq-support p{font-size:13px;color:#607c97;margin:0}.faq-support>a{margin-left:auto;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border:1px solid #16b779;border-radius:28px;background:#fff;color:#009d65;font-size:13px;font-weight:800;min-height:46px;text-decoration:none}.faq-social .socialmediaicons{display:flex;justify-content:center;gap:20px;padding:22px 0 0}.faq-social a{font-size:18px;color:#8399b4;padding:8px}.faq-message{background:#fff;border-radius:18px;padding:26px;text-align:center;font-size:14px;color:#607b9c}.faq-message button{border:0;border-radius:22px;background:#0879ed;color:#fff;padding:12px 20px;font:700 14px 'Nunito',sans-serif;cursor:pointer}.faq-page summary:focus-visible,.faq-page a:focus-visible,.faq-page button:focus-visible{outline:3px solid #66acff;outline-offset:3px}
@media(max-width:700px){.faq-hero{padding:28px 22px}.faq-hero-art{display:none}.spa .faq-hero h1{font-size:29px}.faq-hero p:not(.faq-eyebrow){font-size:14px}.faq-card summary{padding:14px;gap:12px;min-height:76px}.faq-icon{width:42px;height:42px;font-size:21px}.faq-question-title{font-size:13px}.faq-chevron{font-size:20px}.faq-answer{font-size:13px;margin:0 10px 10px;padding:16px}.faq-support{flex-wrap:wrap;padding:18px;gap:12px}.faq-support>div{flex:1}.faq-support>a{width:100%;margin-left:0}.spa .faq-support h2{font-size:16px}.faq-social .socialmediaicons{gap:12px}}
/* About the centre and doctor directory */
.spa.route-about .route-view>main.about-page{max-width:1100px;margin:auto;padding:0 18px 28px;color:#142e63}.about-hero{padding:34px 28px;margin:0 -18px 20px;border-radius:0 0 26px 26px;background:linear-gradient(90deg,#edf9ff 35%,#eff9ffe8 55%,#e6f6ff55),url('../img/urocare-hero.jpg') right center/cover no-repeat}.about-kicker{font-size:11px;letter-spacing:4px;font-weight:800;color:#8196b4;margin:0 0 10px}.spa .about-hero h1{font-size:37px;line-height:1.15;letter-spacing:-.8px;font-weight:900;color:#0b2260;margin:0 0 12px;max-width:670px}.about-hero>p:not(.about-kicker){color:#45658d;font-size:16px;margin:0}.about-accent{display:block;width:96px;height:7px;background:linear-gradient(90deg,#087cff 55%,#52bf30 55%);border-radius:8px;margin-top:19px}.about-panel{border-radius:24px;background:#fff;padding:28px;box-shadow:0 7px 24px #46739f07;border:1px solid #edf5fc}.spa .about-hospital h2{font-size:26px;font-weight:900;line-height:1.2;color:#112965;margin:0 0 14px}.about-hospital>p:not(.about-kicker){font-size:15px;color:#60799a;line-height:1.8;max-width:800px;margin:0}.about-care-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.about-care-links>a{display:flex;align-items:center;gap:12px;padding:18px;background:#f0f8ff;border-radius:14px;color:#1572d6;font-weight:800;font-size:14px;text-decoration:none}.about-care-links .fa:first-child{font-size:23px}.about-care-links .fa:last-child{margin-left:auto}.about-section-heading{padding:28px 6px 18px}.spa .about-section-heading h2{font-size:28px;line-height:1.2;font-weight:900;margin:0 0 6px;color:#102862}.about-section-heading>p:last-child{font-size:14px;color:#7386a1;margin:0}.doctor-profile{margin-bottom:18px}.doctor-profile-grid{display:grid;grid-template-columns:minmax(200px,31%) minmax(0,1fr);gap:28px;align-items:start}.doctor-portrait img{width:100%;height:auto;max-height:510px;object-fit:cover;object-position:top;border-radius:18px;background:#edf6fb;display:block}.doctor-placeholder{display:grid;place-items:center;min-height:220px;background:#eaf5ff;border-radius:18px;color:#3b92e2;font-size:80px}.doctor-book{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(110deg,#007cdd,#02a78b);color:#fff!important;font-size:13px;font-weight:800;border-radius:24px;padding:14px;margin-top:16px;text-decoration:none;min-height:46px}.spa .doctor-biography h3{font-size:29px;line-height:1.2;letter-spacing:-.6px;font-weight:900;color:#122763;margin:0 0 8px}.doctor-specialty{font-size:19px;color:#0085ee;font-weight:800;margin:0 0 20px;padding-bottom:20px;border-bottom:1px solid #e3edf7}.doctor-bio-content{font-size:14px;line-height:1.75;color:#3e537c;overflow-wrap:anywhere}.doctor-bio-content p{margin:0 0 14px}.about-page .socialmediaicons{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0 0;margin-top:20px;border-top:1px solid #e6eff7}.about-page .socialmediaicons a{width:40px;height:40px;display:grid;place-items:center;font-size:20px;background:#edf5ff;color:#167be0;border-radius:10px;text-decoration:none}.about-support{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#e9f7f4;border-radius:20px;padding:24px;margin-top:22px}.spa .about-support h2{font-size:18px;color:#174b59;margin:0 0 5px}.about-support p{font-size:13px;color:#668891;margin:0}.about-support a{font-size:14px;font-weight:800;color:#069477;white-space:nowrap;padding:12px}.about-loading{text-align:center;background:#fff;padding:28px;border-radius:20px;color:#6c81a0}.about-loading button{border:0;border-radius:25px;padding:12px 20px;background:#087def;color:#fff;cursor:pointer}.about-page a:focus-visible,.about-page button:focus-visible{outline:3px solid #59a6ff;outline-offset:3px}
@media(max-width:700px){.about-hero{padding:30px 22px;background-position:65% center}.spa .about-hero h1{font-size:29px}.about-hero>p:not(.about-kicker){font-size:14px}.about-panel{padding:20px}.spa .about-hospital h2{font-size:23px}.about-hospital>p:not(.about-kicker){font-size:14px}.about-care-links{grid-template-columns:1fr;gap:10px}.doctor-profile-grid{grid-template-columns:1fr;gap:23px}.doctor-portrait{max-width:360px;width:100%;margin:auto}.doctor-portrait img{max-height:380px}.spa .doctor-biography h3{font-size:26px}.doctor-specialty{font-size:17px}.doctor-bio-content{font-size:14px}.about-support{flex-wrap:wrap;padding:20px}.about-support a{padding:8px 0}.spa .about-section-heading h2{font-size:26px}}
.doctor-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.doctor-directory-card{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid #e5f0fb;border-radius:22px;padding:22px;text-decoration:none;box-shadow:0 7px 20px #30639308}.doctor-directory-card>img,.directory-avatar{width:96px;height:112px;object-fit:cover;object-position:top;border-radius:16px;flex-shrink:0}.directory-avatar{display:grid;place-items:center;background:#e5f3ff;color:#1884dd;font-size:45px}.spa .doctor-directory-card h3{font-size:19px;font-weight:800;line-height:1.3;margin:0 0 7px;color:#143367}.doctor-directory-card p{font-size:14px;color:#1681d7;margin:0 0 8px}.doctor-directory-card small{display:block;color:#997328;font-size:11px;margin-bottom:8px}.directory-view{display:block;color:#087bea;font-size:12px;font-weight:800}.directory-view .fa{margin-left:8px}.doctor-directory-card:hover{border-color:#88bcf5}.spa.route-doctor-profile .route-view>main.about-page{max-width:1100px;margin:auto;padding:20px 18px 30px}.doctor-back{display:inline-flex;align-items:center;gap:10px;color:#1875c5;padding:8px 0 22px;font-size:14px;font-weight:700}.spa .doctor-biography h1{font-size:30px;font-weight:900;line-height:1.2;color:#122763;margin:0 0 10px}.doctor-demo-notice{font-size:13px;line-height:1.6;background:#fff6df;color:#846525;padding:14px;border-radius:12px;margin:0 0 20px}@media(max-width:700px){.doctor-directory{grid-template-columns:1fr}.doctor-directory-card{padding:18px;gap:15px}.doctor-directory-card>img,.directory-avatar{width:80px;height:96px}.spa .doctor-directory-card h3{font-size:17px}.spa .doctor-biography h1{font-size:26px}}
/* Health record uploads */
.spa.route-upload-documents .route-view>main.records-upload-page{max-width:1080px;margin:auto;padding:0 18px 28px;color:#142c62}.records-upload-hero{padding:34px 28px;margin:0 -18px 20px;border-radius:0 0 26px 26px;background:radial-gradient(ellipse at right,#bde3ff,transparent 65%),#f0faff;display:flex;align-items:center;gap:30px;justify-content:space-between}.spa .records-upload-hero h1{font-size:35px;line-height:1.15;letter-spacing:-.6px;font-weight:900;color:#0a2460;margin:0 0 12px}.records-upload-hero p:not(.about-kicker){font-size:16px;color:#627b9e;line-height:1.5;max-width:560px;margin:0}.records-upload-hero>.fa{font-size:110px;color:#138cf6;padding:15px;text-shadow:0 10px 15px #4796d330}.records-upload-card{padding:28px;background:#fff;border:1px solid #edf5fc;border-radius:24px;box-shadow:0 8px 24px #46709807}.upload-field{display:grid;grid-template-columns:50px minmax(0,1fr);gap:20px;margin-bottom:25px}.upload-field-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#e6f4ff;color:#087aff;font-size:24px}.upload-field label{display:block;font-size:17px;font-weight:800;color:#0d2a60;margin:0 0 5px}.upload-field label small{font-size:13px;font-weight:600}.upload-field p{font-size:13px;color:#7588a4;margin:0 0 12px}.spa .upload-field select,.spa .upload-field textarea{width:100%;box-sizing:border-box;border:1px solid #cfdbed;border-radius:11px;background:#fcfeff;color:#153366;font:400 15px 'Nunito',sans-serif;padding:13px 14px;min-height:46px;margin:0}.upload-field textarea{resize:vertical}.record-dropzone{border:1.5px dashed #9dc9f8;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:9px;align-items:center;text-align:center;background:#fbfdff}.record-dropzone>.fa{font-size:44px;color:#087cff}.record-dropzone strong{font-size:16px}.record-dropzone>span{font-size:12px;color:#7b8ca8}.spa .record-dropzone input{max-width:100%;font:13px 'Nunito',sans-serif;color:#657c9d;margin:4px 0 0;padding:0;background:none;border:0;height:auto;min-height:44px}.record-dropzone input::file-selector-button{padding:11px 14px;border:1px solid #3991ff;border-radius:10px;background:#fff;color:#0877ec;font:800 13px 'Nunito',sans-serif;margin-right:10px;cursor:pointer}.record-dropzone.dragging{background:#e4f4ff;border-color:#007cf5}.record-selection{background:#e6f8f1;color:#168261;font-size:13px;padding:14px;border-radius:12px;margin-top:12px;overflow-wrap:anywhere}.record-selection.invalid{background:#fff0ee;color:#b94342}.record-selection[hidden]{display:none}.record-counter{display:block;text-align:right;font-size:11px;color:#7c8eaa;margin-top:6px}.record-upload-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;background:linear-gradient(100deg,#10a9b2,#08ba80,#2ecf64);border:0;border-radius:30px;color:#fff;font:800 16px 'Nunito',sans-serif;cursor:pointer}.record-upload-button>.fa{font-size:23px}.record-upload-button:disabled{opacity:.65;cursor:wait}#record-upload-status:not(:empty){background:#eef8ff;padding:14px;border-radius:12px;font-size:13px;margin-bottom:16px;color:#315c87}.record-guidelines{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.record-guidelines section{display:flex;align-items:flex-start;gap:16px;background:#fff;border-radius:20px;padding:20px}.record-guidelines section>.fa{font-size:25px;color:#0e82f3;background:#eaf6ff;border-radius:50%;padding:12px}.record-guidelines section:first-child>.fa{background:#ffedf3;color:#f44d7c}.spa .record-guidelines h2{font-size:15px;font-weight:800;margin:0 0 8px}.record-guidelines p{font-size:12px;line-height:1.6;color:#6a81a1;margin:0 0 6px}.record-recent{background:#fff;border-radius:20px;padding:20px;margin-top:16px}.record-recent-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.spa .record-recent-heading h2{font-size:18px;font-weight:800;margin:0}.record-recent-heading h2 .fa{color:#0882f5;margin-right:8px}.record-recent-heading>a{font-size:12px;color:#087afa;font-weight:800}#record-recent-list{font-size:13px;color:#7486a3}.record-recent-row{display:flex;align-items:center;gap:14px;border:1px solid #e1ebf8;border-radius:12px;padding:14px;margin-top:9px;text-decoration:none}.record-recent-row>.fa{font-size:26px;color:#1884ed}.record-recent-row>div{flex:1;min-width:0}.record-recent-row strong{display:block;overflow-wrap:anywhere;font-size:12px;font-weight:700;color:#2f4c74}.record-recent-row small{display:block;font-size:11px;color:#8899b1;margin-top:4px}.record-recent-row>span{color:#0a9a75;background:#e5f9f2;padding:5px 9px;border-radius:15px;font-size:10px}.records-upload-page input:focus-visible,.records-upload-page button:focus-visible,.records-upload-page a:focus-visible{outline:3px solid #66b5ff;outline-offset:3px}@media(max-width:700px){.records-upload-hero{padding:28px 22px}.spa .records-upload-hero h1{font-size:29px}.records-upload-hero p:not(.about-kicker){font-size:14px}.records-upload-hero>.fa{display:none}.records-upload-card{padding:20px 16px}.upload-field{grid-template-columns:34px minmax(0,1fr);gap:10px}.upload-field-icon{width:34px;height:34px;font-size:18px}.upload-field label{font-size:15px}.upload-field p{font-size:12px;line-height:1.5}.record-dropzone{padding:18px 10px}.record-dropzone strong{font-size:14px}.record-guidelines{grid-template-columns:1fr}.record-recent{padding:16px}.record-recent-row{gap:10px;padding:12px}.record-recent-row>span{display:none}}
/* Health records library */
.spa.route-my-health-records .route-view>main.health-records-page{max-width:1100px;margin:auto;padding:0 18px 28px;color:#143265}.health-records-tools{display:flex;align-items:center;gap:12px;margin:22px 0}.health-records-search{display:flex;align-items:center;gap:12px;flex:1;background:#fff;border:1px solid #d7e4f5;border-radius:13px;padding:0 16px;min-width:0}.health-records-search>.fa{color:#087df4;font-size:20px}.spa .health-records-search input{width:100%;border:0;background:none;min-height:50px;margin:0;padding:12px 0;font:400 14px 'Nunito',sans-serif;color:#274775;outline-offset:0}.health-records-tools select{font:600 12px 'Nunito',sans-serif;padding:12px;border:1px solid #d6e3f4;border-radius:12px;background:#fff;color:#375981;min-height:50px}.health-records-upload{display:flex;align-items:center;justify-content:center;gap:10px;background:#0781fb;border-radius:13px;padding:14px 20px;color:#fff!important;font-size:14px;font-weight:800;white-space:nowrap;text-decoration:none;min-height:50px}.health-records-filters{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 10px}.health-records-filters button{border:1px solid #e3edf8;border-radius:28px;padding:13px 22px;font:700 13px 'Nunito',sans-serif;background:#fff;color:#234372;min-height:46px;cursor:pointer;box-shadow:0 5px 12px #517b9e06}.health-records-filters button[aria-pressed=true]{background:linear-gradient(110deg,#078bff,#0065f2);color:#fff;border-color:transparent}.health-records-count{font-size:12px;color:#7b8da6;margin:10px 4px 14px}.health-record-card{display:flex;align-items:center;gap:20px;background:#fff;padding:18px;border:1px solid #eef5fc;border-radius:20px;margin-bottom:12px;box-shadow:0 6px 22px #3a648a05}.health-record-icon{width:70px;height:78px;flex-shrink:0;border-radius:14px;background:#e8f3ff;color:#1884ed;display:grid;place-items:center;font-size:34px}.health-record-icon.pdf{background:#ffeaf0;color:#fa4773}.health-record-icon.image{background:#e3f6ef;color:#0daf89}.health-record-body{flex:1;min-width:0}.spa .health-record-body h2{font-size:17px;line-height:1.4;color:#10285f;font-weight:800;margin:0 0 6px;overflow-wrap:anywhere;white-space:pre-wrap}.health-record-body p{font-size:12px;color:#7388a7;margin:4px 0;overflow-wrap:anywhere}.health-record-body .health-record-filename{font-size:11px;color:#96a4b8}.health-record-date>.fa{margin-right:5px}.health-record-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.health-record-size{font-size:12px;color:#758ba7;margin-right:6px}.health-record-view,.health-record-download{display:flex;align-items:center;justify-content:center;border:1px solid #afd0fc;border-radius:11px;min-height:44px;padding:10px 14px;text-decoration:none;color:#0677e8;font-size:13px;font-weight:700}.health-record-download{font-size:19px}.health-records-reminder{display:flex;align-items:center;gap:20px;border-radius:20px;background:#e6f5ff;padding:24px;margin-top:30px}.health-records-reminder>.fa{background:#c7e8ff;color:#0485f5;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;font-size:30px;flex-shrink:0}.spa .health-records-reminder h2{font-size:17px;font-weight:800;margin:0 0 7px;color:#14376e}.health-records-reminder p{font-size:13px;line-height:1.5;margin:0;color:#6c89aa}.health-records-reminder>a{margin-left:auto;white-space:nowrap;border:1px solid #258dff;border-radius:20px;padding:13px 18px;color:#0878f4;background:#fff;font-size:12px;font-weight:800;text-decoration:none}.health-records-empty{padding:30px;border-radius:20px;background:#fff;text-align:center;color:#738aa5;font-size:14px}.health-records-empty>.fa{font-size:38px;color:#74b3eb}.spa .health-records-empty h2{font-size:19px;color:#284d77;margin:14px 0 8px}.health-records-empty button{border:0;border-radius:25px;background:#0782f7;color:#fff;padding:12px 20px;cursor:pointer}.health-records-page a:focus-visible,.health-records-page button:focus-visible,.health-records-page input:focus-visible,.health-records-page select:focus-visible{outline:3px solid #5eb0ff;outline-offset:3px}@media(max-width:700px){.health-records-tools{flex-wrap:wrap;gap:10px}.health-records-search{flex-basis:100%}.health-records-tools select{flex:1;min-width:0}.health-records-upload{padding:12px 14px;font-size:12px;flex:1}.health-records-filters{gap:8px}.health-records-filters button{padding:10px 13px;font-size:11px;flex:1 0 40%}.health-record-card{flex-wrap:wrap;padding:15px;gap:12px}.health-record-icon{width:48px;height:60px;font-size:28px}.spa .health-record-body h2{font-size:15px}.health-record-actions{width:100%;justify-content:flex-end;border-top:1px solid #edf3fb;padding-top:12px}.health-record-size{margin-right:auto;font-size:11px}.health-records-reminder{flex-wrap:wrap;padding:18px;gap:12px}.health-records-reminder>div{flex:1}.health-records-reminder>a{margin-left:0;width:100%;text-align:center}.spa .health-records-reminder h2{font-size:15px}.health-records-reminder>.fa{width:48px;height:48px;font-size:25px}}
/* Edit profile */
.spa.route-edit-profile .route-view>main.edit-profile-page{max-width:1080px;padding:0 18px 28px;margin:auto;color:#142d64}.edit-profile-hero{padding:30px 28px;margin:0 -18px;background:linear-gradient(90deg,#eff9ff 40%,#eff9ffce 70%,#eff9ff55),url('../img/background-image.jpg') right center/cover no-repeat;border-radius:0 0 26px 26px}.spa .edit-profile-hero h1{font-size:36px;line-height:1.15;color:#0a225f;margin:0 0 12px;font-weight:900}.edit-profile-hero>p:not(.about-kicker){font-size:15px;line-height:1.5;color:#647c9f;max-width:480px;margin:0}.edit-profile-card{background:#fff;border-radius:24px;padding:28px;margin-top:18px;box-shadow:0 8px 24px #41669408}.edit-profile-identity{text-align:center;padding:0 0 20px}.edit-profile-avatar{position:relative;width:112px;height:112px;border-radius:50%;margin:0 auto 14px;background:#e8f5ff}.edit-profile-avatar>img{width:112px;height:112px;object-fit:cover;border:4px solid white;border-radius:50%;box-shadow:0 4px 18px #4978a822}.edit-profile-avatar.no-photo:before{content:'\f007';font-family:FontAwesome;font-size:58px;line-height:112px;color:#2187de}.edit-profile-avatar button{position:absolute;bottom:0;right:-4px;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #e5f0fd;box-shadow:0 3px 12px #6181a21a;color:#047efa;font-size:20px;cursor:pointer}.spa .edit-profile-identity h2{font-size:20px;font-weight:800;margin:0 0 5px;color:#0e2a62}.edit-profile-identity>p{font-size:13px;color:#8a9ab3;margin:0}.edit-profile-identity #photo-status:not(:empty){margin-top:10px;color:#2878ab;font-size:12px}.edit-profile-card fieldset{border:0;border-top:1px solid #edf3fa;margin:0 0 22px;padding:18px 0 0;min-width:0}.edit-profile-card legend{font-size:20px;font-weight:800;color:#102c63;padding:0 12px 0 0;margin-bottom:6px}.edit-profile-card legend .fa{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e7f4ff;color:#057cff;margin-right:7px}.edit-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.edit-profile-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.edit-profile-field{margin-bottom:18px;min-width:0}.edit-profile-field>label{font-size:14px;font-weight:700;color:#667e9f;display:block;margin:0 0 7px}.edit-profile-field>label>span{color:#e65070}.edit-profile-control{position:relative}.edit-profile-control>.fa{position:absolute;left:14px;top:16px;color:#91a3bd;font-size:17px;pointer-events:none}.spa .edit-profile-control input,.spa .edit-profile-control select{font:400 15px 'Nunito',sans-serif;color:#193969;min-height:48px;border:1px solid #cfdbed;border-radius:10px;padding:12px 12px 12px 42px;background:#fff;width:100%;box-sizing:border-box;margin:0}.edit-profile-control label.error{display:block;font-size:12px;color:#bd3e53;margin-top:6px}.edit-profile-note{display:flex;align-items:center;gap:14px;background:#eaf8f4;padding:18px;border-radius:18px;margin-bottom:20px}.edit-profile-note>.fa{font-size:28px;color:#06a281}.edit-profile-note strong{font-size:15px;color:#237560}.edit-profile-note p{font-size:12px;line-height:1.5;color:#668b8b;margin:5px 0 0}.edit-profile-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:16px}.edit-profile-actions>a{display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #9ab4dc;border-radius:19px;color:#7087a7;font-size:16px;font-weight:800;min-height:52px}.spa .edit-profile-actions input{background:linear-gradient(100deg,#07b0a0,#16c861);color:#fff;border:0;border-radius:19px;font:800 16px 'Nunito',sans-serif;padding:14px;min-height:52px;width:100%;margin:0;cursor:pointer}.edit-profile-actions input:disabled{opacity:.6}.edit-profile-card #sucessMessage:not(:empty){padding:14px;margin-bottom:16px;background:#edf8ff;border-radius:12px;color:#2876a0;font-size:14px}.edit-profile-page :is(input,select,button,a):focus-visible{outline:3px solid #69b1ff;outline-offset:3px}@media(max-width:700px){.edit-profile-hero{padding:27px 22px}.spa .edit-profile-hero h1{font-size:30px}.edit-profile-card{padding:22px 18px}.edit-profile-grid,.edit-profile-grid.three{grid-template-columns:1fr;gap:0}.edit-profile-grid.three:has(#height){grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.edit-profile-grid.three:has(#height) .edit-profile-control>.fa{display:none}.spa .edit-profile-grid.three:has(#height) input{padding:12px 8px}.edit-profile-field>label{font-size:12px}.edit-profile-card legend{font-size:17px}.edit-profile-actions{grid-template-columns:1fr 1.5fr;gap:10px}.edit-profile-actions>a,.spa .edit-profile-actions input{font-size:14px}}
.spa.route-edit-profile .edit-profile-control>input,.spa.route-edit-profile .edit-profile-control>select{padding-left:42px!important}.spa.route-edit-profile .edit-profile-control>.fa{left:14px;top:16px}@media(max-width:700px){.spa.route-edit-profile .edit-profile-grid.three:has(#height) .edit-profile-control>input{padding-left:8px!important}}
.appointment-fee-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(110deg,#e8f7ff,#e8faf2);border:1px solid #cdebe2;border-radius:14px;padding:14px 16px;margin:0 0 14px;color:#173967}.appointment-fee-summary:empty{display:none}.appointment-fee-summary strong{font-size:14px}.appointment-fee-summary span{font-size:18px;font-weight:900;color:#05875f;white-space:nowrap}
/* Keep document headers inside their cards; the legacy header rule is fixed. */
.spa .clinical-detail-card > header { position:static; inset:auto; z-index:auto; height:auto; min-height:0; width:auto; padding:0 0 18px; box-shadow:none; background:transparent; }
.spa .clinical-detail-card > header > div { min-width:0; }
.spa .clinical-detail-card h2,.spa .clinical-detail-card p,.spa .clinical-file { overflow-wrap:anywhere; }
.spa .clinical-detail-card[hidden],.spa .clinical-detail-status[hidden] { display:none!important; }
@media(max-width:480px){ .spa .clinical-detail-card > header { flex-wrap:wrap; } .spa .clinical-detail-hero { padding:22px 18px; } }
/* Multi-test booking, payment receipt */
.select2-container{max-width:100%;font-family:inherit}.select2-container--default .select2-selection--multiple{min-height:52px;border:1px solid #c8d9ed;border-radius:14px;padding:6px 10px}.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#087df1}.select2-container--default .select2-selection--multiple .select2-selection__choice{background:#e8f4ff;border:0;border-radius:9px;padding:5px 8px 5px 24px;color:#12366f}.select2-dropdown{border-color:#b8d7f5;border-radius:12px;overflow:hidden}.select2-results__option{padding:10px}.lab-test-grid button small{display:block;margin-top:4px;color:#079653;font-weight:800}.test-price-summary{display:flex;justify-content:space-between;gap:16px;margin:18px 22px;padding:18px 20px;border-radius:18px;background:linear-gradient(110deg,#e9f8ff,#e7fbef);box-shadow:0 10px 28px rgba(21,73,133,.08)}.test-price-summary div{display:flex;flex-direction:column}.test-price-summary span{font-size:.78rem;color:#617493}.test-price-summary strong{font-size:1.35rem;color:#073479}.test-price-summary div:last-child{text-align:right}.booking-submit button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:900;flex:1;cursor:pointer}.booking-submit button:disabled{opacity:.55;cursor:not-allowed}.test-receipt-page{padding:18px 16px 120px;background:#f5faff;min-height:100vh}.receipt-card{max-width:680px;margin:0 auto;background:#fff;border-radius:24px;padding:24px;box-shadow:0 14px 40px rgba(20,68,125,.12);border:1px solid #e1edf9}.receipt-brand{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #e7f2fc;padding-bottom:18px}.receipt-brand img{width:148px;height:auto}.receipt-brand div{text-align:right}.receipt-brand p{margin:0;color:#1282ed;font-weight:900;letter-spacing:.16em;font-size:.72rem}.receipt-brand h1{margin:5px 0 0;color:#082b69;font-size:1.2rem}.receipt-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.receipt-meta div{background:#f6faff;border-radius:13px;padding:12px}.receipt-meta dt{font-size:.72rem;color:#6d7f99}.receipt-meta dd{margin:4px 0 0;color:#092e6c;font-weight:800;overflow-wrap:anywhere}.receipt-items{border-top:1px solid #dce9f6}.receipt-items div{display:flex;justify-content:space-between;gap:16px;padding:13px 4px;border-bottom:1px solid #e6eff8;color:#23416f}.receipt-total{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:17px;background:linear-gradient(100deg,#daf5ee,#eaf8ff);border-radius:15px;color:#063675}.receipt-total strong{font-size:1.45rem}.receipt-note{text-align:center;color:#60718c;font-size:.82rem}.receipt-download,.receipt-back{display:block;max-width:680px;width:100%;margin:14px auto 0;border-radius:15px;padding:15px;text-align:center;font:inherit;font-weight:900}.receipt-download{border:0;background:linear-gradient(100deg,#09a696,#22cc5e);color:#fff}.receipt-back{box-sizing:border-box;border:1px solid #8ac1f9;color:#0874df;background:#fff}@media(max-width:520px){.receipt-meta{grid-template-columns:1fr}.receipt-brand{align-items:flex-start}.receipt-brand img{width:120px}.receipt-brand h1{font-size:1rem}}
.lab-booking-page form{padding-bottom:28px}.lab-form-card{border:1px solid rgba(166,204,236,.7);box-shadow:0 20px 55px rgba(17,74,134,.1)}.lab-form-card .booking-step{padding-block:20px}.lab-test-grid button{min-height:112px;border:1px solid #dbeaf8;transition:transform .2s,box-shadow .2s,border-color .2s}.lab-test-grid button:hover,.lab-test-grid button[aria-pressed=true]{transform:translateY(-2px);border-color:#24af7a;box-shadow:0 10px 24px rgba(20,122,102,.14)}.booking-submit{display:flex!important;align-items:center;gap:12px;margin:18px 22px 8px;min-height:58px;padding:0 22px!important;border-radius:18px!important;background:linear-gradient(100deg,#0aa89f 0%,#12bd77 48%,#31d45d 100%)!important;color:#fff!important;box-shadow:0 14px 30px rgba(9,174,123,.28)!important;border:0!important}.booking-submit:has(button:disabled){filter:saturate(.45);box-shadow:none!important}.booking-submit button{min-height:58px;font-size:1.06rem;letter-spacing:.01em}.receipt-paid-badge{width:max-content;margin:18px 0 -6px;padding:7px 12px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.08em}.receipt-paid-badge.is-paid{background:#ddf8ec;color:#087548}.receipt-paid-badge.is-pending{background:#fff0d8;color:#9b5f00}
.clinical-detail-page{padding:18px 16px 120px;background:#f4faff;min-height:100vh}.clinical-detail-hero,.clinical-detail-card{max-width:760px;margin:auto}.clinical-detail-hero{padding:28px 24px;border-radius:24px;background:linear-gradient(115deg,#e8f7ff,#f8fcff);position:relative;overflow:hidden}.clinical-detail-hero:after{content:'+';position:absolute;right:18px;top:-34px;font-size:130px;font-weight:900;color:#1591ed12}.clinical-detail-hero p{margin:0;color:#117de2;font-size:.72rem;font-weight:900;letter-spacing:.18em}.clinical-detail-hero h1{margin:8px 0 4px;color:#082d6c;font-size:2rem}.clinical-detail-hero span{color:#657997}.clinical-detail-status{max-width:760px;margin:18px auto;padding:18px;border-radius:16px;background:#fff;color:#526a8c}.clinical-detail-card{margin-top:16px;background:#fff;border:1px solid #dfecf8;border-radius:24px;padding:24px;box-shadow:0 16px 42px #174d8118}.clinical-detail-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid #e4eef8}.clinical-detail-card header small{color:#1683e6;font-weight:800}.clinical-detail-card header h2{margin:5px 0;color:#092e6b}.clinical-detail-card header p{margin:0;color:#687b99}.clinical-status{padding:7px 11px;border-radius:999px;font-size:.74rem;font-weight:900;white-space:nowrap}.clinical-status.paid{background:#ddf8ec;color:#087548}.clinical-status.pending{background:#fff0d8;color:#9b5f00}.clinical-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.clinical-detail-grid>div{display:flex;flex-direction:column;gap:4px;padding:15px;border-radius:15px;background:#f3f9ff;color:#143b75}.clinical-detail-grid i{color:#1486ed;font-size:20px}.clinical-detail-grid span{font-size:.72rem;color:#71839d}.clinical-detail-grid strong{font-size:.9rem}.clinical-detail-grid.text{grid-template-columns:1fr 1fr}.clinical-section{padding:17px 0;border-top:1px solid #e6eff8}.clinical-section h3{margin:0 0 8px;color:#0b3472}.clinical-section p,.clinical-section li{color:#536987;line-height:1.6}.prescription-copy{white-space:pre-wrap}.clinical-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.clinical-actions a{padding:12px 16px;border-radius:13px;background:#087df1;color:#fff;text-decoration:none;font-weight:800}@media(max-width:650px){.clinical-detail-grid{grid-template-columns:1fr 1fr}.clinical-detail-card{padding:18px}.clinical-detail-hero h1{font-size:1.65rem}}
.appointment-view-details{background:#087df1!important;color:#fff!important;border-color:#087df1!important}.clinical-file-list{display:grid;gap:9px}.clinical-file{display:flex;align-items:center;gap:12px;padding:13px;border-radius:13px;background:#f2f8ff;color:#0b62be;text-decoration:none}.clinical-file>i{font-size:20px}.clinical-file span{font-weight:800}.clinical-file small{display:block;margin-top:3px;color:#7185a0;font-weight:600}
.appointment-actions button,.clinical-actions button{appearance:none;border:0;border-radius:13px;background:linear-gradient(100deg,#08a895,#1ac864);color:#fff;padding:12px 16px;font:800 13px 'Nunito',sans-serif;cursor:pointer}.appointment-actions button:disabled,.clinical-actions button:disabled{opacity:.6;cursor:wait}.receipt-download[hidden],.receipt-card [hidden]{display:none!important}.payment-notice{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:2200;transform:translateX(-50%);width:min(88vw,440px);box-sizing:border-box;padding:13px 16px;border-radius:14px;background:#153766;color:#fff;box-shadow:0 12px 35px #071b3855;text-align:center;font:800 13px 'Nunito',sans-serif}.payment-notice.error{background:#aa2941}.payment-notice.success{background:#087b56}.payment-notice[hidden]{display:none!important}
/* Doctor clinical portal */
.doctor-portal-page{max-width:1120px;margin:0 auto;padding:0 16px 120px;color:#092965;background:#f6fbff;min-height:100vh}.portal-page-hero{min-height:190px;margin:0 -16px 20px;padding:34px 40px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#eaf8ff,#f9fdff 58%,#dcefff);overflow:hidden}.portal-page-hero>div{position:relative;z-index:1}.portal-page-hero span,.portal-eyebrow{display:block;color:#5475a6;font-size:12px;font-weight:800;letter-spacing:.28em}.spa .portal-page-hero h1{margin:9px 0 7px;font-size:39px;line-height:1.1;font-weight:900;color:#09266d}.portal-page-hero p{margin:0;color:#627da6;font-size:16px}.portal-page-hero>.fa{font-size:125px;color:#1484ef24;transform:rotate(-5deg)}.portal-accent{display:block;width:108px;height:6px;margin-top:17px;border-radius:10px;background:linear-gradient(90deg,#087cff 55%,#18bc75 55%)}.portal-search{height:54px;display:flex;align-items:center;gap:13px;margin:15px 0 20px;padding:0 18px;background:#fff;border:1px solid #d4e5f5;border-radius:15px}.portal-search .fa{font-size:24px;color:#087af0}.spa .portal-search input{height:auto;min-height:0;width:100%;padding:0;border:0;background:transparent;box-shadow:none;color:#244571;font:600 15px 'Nunito',sans-serif}.portal-state,.portal-empty{display:grid;place-items:center;gap:10px;min-height:220px;padding:28px;text-align:center;background:#fff;border-radius:22px;color:#6880a0}.portal-state>.fa,.portal-empty>.fa{font-size:38px;color:#0d83ef}.portal-state button{border:0;border-radius:12px;padding:11px 18px;background:#087cf2;color:#fff;font-weight:800}.portal-state.error>.fa{color:#d24a5e}
.doctor-profile-hero{display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:30px;margin:0 -16px 18px;padding:38px 34px;border-radius:0 0 25px 25px;background:linear-gradient(112deg,#e4f5ff,#f8fdff 57%,#cdeaff);position:relative;overflow:hidden}.doctor-profile-hero:after{content:'+';position:absolute;right:28px;top:-58px;color:#1684ed15;font-size:250px;font-weight:900}.doctor-hero-photo{width:178px;height:178px;border-radius:50%;object-fit:cover;border:7px solid #fff;box-shadow:0 12px 35px #2f76a628;position:relative;z-index:1}.portal-avatar-fallback{display:grid;place-items:center;background:#e3f2ff;color:#127ee6;font-size:64px}.doctor-hero-copy{position:relative;z-index:1}.spa .doctor-hero-copy h1{font-size:30px;margin:7px 0 3px;color:#09296b}.doctor-hero-copy h1 .fa{font-size:22px;color:#1681ed}.doctor-hero-copy>strong{display:block;color:#126ed0;font-size:17px;margin-bottom:14px}.doctor-hero-copy p{margin:7px 0;color:#274c80}.doctor-hero-copy p .fa{width:22px;color:#0b7dee}.portal-outline-button{position:relative;z-index:1;align-self:end;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid #087cff;border-radius:13px;background:#fff;color:#0874e4;text-decoration:none;font-weight:900}.doctor-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.doctor-metrics>a{min-height:115px;padding:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;background:#e7f5ff;text-decoration:none;color:#092968}.doctor-metrics>a:nth-child(2){background:#e7f9ef}.doctor-metrics>a:nth-child(3){background:#fff1e5}.doctor-metrics>a:nth-child(4){background:#f1eaff}.doctor-metrics i{font-size:27px;color:#087df2}.doctor-metrics strong{font-size:29px;margin:7px 0 2px}.doctor-metrics span{text-align:center;font-size:13px;font-weight:700}.doctor-shortcuts{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:20px 0}.doctor-shortcuts a{min-height:110px;padding:15px 9px;border:1px solid #deebf7;border-radius:17px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;color:#173b77;text-decoration:none;font-size:13px;font-weight:800}.doctor-shortcuts i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#e5f3ff;color:#087cf1;font-size:22px}.doctor-profile-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:15px}.doctor-profile-grid article{padding:23px;background:#fff;border:1px solid #e4eef8;border-radius:18px;box-shadow:0 8px 25px #1d56810b}.spa .doctor-profile-grid h2{display:flex;align-items:center;gap:9px;margin:0 0 14px;font-size:18px;color:#0a2d6a}.doctor-profile-grid h2 i{width:34px;height:34px;display:grid;place-items:center;background:#e6f4ff;color:#087cf3;border-radius:50%}.doctor-profile-grid article>p{color:#617897;line-height:1.65;margin:0}.doctor-profile-grid dl{margin:0}.doctor-profile-grid dl>div{display:grid;grid-template-columns:135px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #edf2f8}.doctor-profile-grid dt{color:#71839f}.doctor-profile-grid dd{margin:0;color:#16366d;font-weight:700;overflow-wrap:anywhere}
.portal-appointment-card{margin:0 0 16px;background:#fff;border:1px solid #e1edf8;border-radius:19px;overflow:hidden;box-shadow:0 8px 28px #1c5b880d}.portal-appointment-card>header{position:static!important;width:auto!important;height:auto!important;min-height:0!important;padding:17px 19px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;background:linear-gradient(90deg,#f3f9ff,#fff)!important;box-shadow:none!important}.spa .portal-appointment-card h2{font-size:19px;margin:0;color:#09266d}.portal-appointment-card>header>a{padding:10px 16px;border:1px solid #8bbcf7;border-radius:12px;color:#0875e8;text-decoration:none;font-size:13px;font-weight:900}.portal-status{padding:7px 12px;border-radius:999px;font-size:12px;font-weight:900}.portal-status.confirmed,.portal-status.complete{background:#dcf8ec;color:#058355}.portal-status.pending{background:#fff0d9;color:#a36500}.portal-appointment-meta{display:flex;gap:20px;flex-wrap:wrap;padding:0 19px 13px;color:#6880a1;font-size:13px}.portal-appointment-meta i{margin-right:7px;color:#0879ee}.portal-appointment-body{display:grid;grid-template-columns:auto minmax(170px,.8fr) minmax(180px,1fr) auto;align-items:center;gap:16px;padding:15px 20px;border-top:1px solid #eaf1f8}.portal-person-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}.spa .portal-appointment-body h3{margin:0 0 4px;font-size:17px;color:#0a2d69}.portal-appointment-body p{margin:0;color:#667d9b}.portal-appointment-body a{color:#0875e5;text-decoration:none;font-weight:800}.portal-issue{display:flex;gap:9px;line-height:1.4}.portal-card-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.portal-card-actions a{padding:10px;border:1px solid #b5d3f3;border-radius:11px;font-size:12px;background:#fff}.portal-patient-card{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(220px,.9fr) auto;align-items:center;gap:23px;margin-bottom:12px;padding:18px 22px;border-radius:18px;background:#fff;border:1px solid #e3eef8;color:#163b75;text-decoration:none;box-shadow:0 7px 25px #235b840b}.spa .portal-patient-card h2{margin:0 0 6px;font-size:20px;color:#09296b}.portal-patient-card p{margin:0;color:#637ca0}.portal-patient-card p span{display:inline-block;width:1px;height:15px;background:#9aacc2;margin:0 10px;vertical-align:middle}.portal-patient-card small,.portal-patient-card em{display:inline-block;margin:9px 8px 0 0;padding:5px 10px;border-radius:15px;background:#e0f4ff;color:#0874df;font-style:normal}.portal-patient-card em{background:#f0f2f5;color:#60728c}.portal-patient-card dl{margin:0}.portal-patient-card dl>div{display:grid;grid-template-columns:25px 1fr;gap:10px;margin:7px 0}.portal-patient-card dt{color:#087df0}.portal-patient-card dd{margin:0}.portal-patient-card>.fa{color:#0b82f3;font-size:24px}
.patient-profile-hero{display:flex;align-items:center;gap:22px;margin:0 -16px 18px;padding:32px 28px;background:linear-gradient(110deg,#e5f6ff,#f9fdff);border-radius:0 0 24px 24px}.patient-profile-hero .portal-person-photo{width:130px;height:130px}.spa .patient-profile-hero h1{margin:7px 0;font-size:32px;color:#092a69}.patient-profile-hero p{color:#61799b}.patient-profile-hero a{display:inline-block;margin:5px 14px 0 0;color:#0874dc;text-decoration:none}.patient-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.patient-facts>div{padding:17px;border-radius:15px;background:#fff;border:1px solid #e2edf8}.patient-facts span{display:block;color:#7587a0;font-size:12px}.patient-facts strong{display:block;margin-top:6px;color:#153b73}.patient-history-grid,.clinical-visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.patient-history-grid article,.clinical-visit-grid article{padding:20px;border-radius:18px;background:#fff;border:1px solid #e1edf8}.patient-history-grid article.wide{grid-column:1/-1}.spa .patient-history-grid h2,.spa .clinical-visit-grid h2{font-size:18px;margin:0 0 14px;color:#0a2c69}.patient-history-grid h2 i,.clinical-visit-grid h2 i{color:#087df0;margin-right:8px}.portal-record-list{display:grid;gap:8px}.portal-record-list>a{display:flex;align-items:center;gap:11px;padding:11px;border-radius:11px;background:#f2f8fe;color:#124378;text-decoration:none}.portal-record-list>a>i:first-child{color:#087cf1;font-size:18px}.portal-record-list>a>span{flex:1}.portal-record-list strong,.portal-record-list small{display:block}.portal-record-list small{margin-top:3px;color:#73849d}.clinical-visit-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 -16px 18px;padding:32px 28px;background:linear-gradient(110deg,#e6f6ff,#f9fdff);border-radius:0 0 24px 24px}.spa .clinical-visit-hero h1{font-size:31px;margin:8px 0;color:#092a69}.clinical-visit-hero p{color:#617a9c}.clinical-patient-card{display:flex;align-items:center;gap:18px;padding:20px;margin-bottom:15px;background:#fff;border:1px solid #e1edf8;border-radius:18px}.clinical-patient-card>div:nth-child(2){flex:1}.spa .clinical-patient-card h2{margin:0 0 4px;color:#092d6a}.clinical-patient-card p{color:#697f9c}.clinical-patient-card a{color:#0877e7;text-decoration:none;font-weight:800}.clinical-contact{display:flex!important;gap:8px}.clinical-contact a{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e7f4ff}.portal-primary-button,.portal-save-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;padding:13px 18px;border:0;border-radius:14px;background:linear-gradient(100deg,#08a99a,#18c864);color:#fff!important;text-decoration:none;font:900 15px 'Nunito',sans-serif;cursor:pointer}.portal-save-button{width:100%;min-height:54px}.portal-save-button:disabled{opacity:.6}
.prescription-patient-banner,.portal-form-heading{padding:28px;margin:0 -16px 18px;background:linear-gradient(110deg,#e7f7ff,#f8fdff);border-radius:0 0 22px 22px}.prescription-patient-banner{display:flex;align-items:center;justify-content:space-between;gap:20px}.spa .prescription-patient-banner h1,.spa .portal-form-heading h1{margin:8px 0 5px;font-size:30px;color:#092b6b}.prescription-patient-banner p,.portal-form-heading p{margin:0;color:#657d9d}.prescription-patient-banner>strong{padding:9px 13px;border-radius:12px;background:#fff;color:#0876e4}.prescription-modern-form,.doctor-edit-form{padding:22px;background:#fff;border:1px solid #e0edf8;border-radius:20px}.prescription-modern-form>section{padding:0 0 24px;margin-bottom:22px;border-bottom:1px solid #e6eff8}.spa .prescription-modern-form h2{font-size:19px;color:#0a2d69;margin:0 0 16px}.prescription-modern-form h2 i{color:#087cf0;margin-right:8px}.prescription-fields,.prescription-tests,.doctor-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.prescription-modern-form label,.doctor-edit-form label{display:block;color:#5f789b;font-size:13px;font-weight:800}.prescription-modern-form label>span,.doctor-edit-form label>span{display:block;margin-bottom:6px}.spa .prescription-modern-form :is(input,textarea,select),.spa .doctor-edit-form :is(input,textarea,select){box-sizing:border-box;width:100%;min-height:47px;padding:11px 13px;border:1px solid #ccdbeb;border-radius:11px;background:#fff;color:#18396d;font:600 14px 'Nunito',sans-serif;box-shadow:none;margin:0}.spa .prescription-modern-form select[multiple]{min-height:130px}.doctor-edit-identity{text-align:center;margin-bottom:25px}.doctor-edit-identity .doctor-hero-photo{width:120px;height:120px}.spa .doctor-edit-identity h2{margin:10px 0 3px;color:#092d69}.doctor-edit-identity p{margin:0;color:#71839d}.doctor-edit-grid .wide{grid-column:1/-1}.upload-drop{padding:22px;border:2px dashed #9bc9f4;border-radius:15px;text-align:center;background:#f7fbff}
@media(max-width:760px){.portal-page-hero{min-height:160px;padding:28px 22px}.spa .portal-page-hero h1{font-size:30px}.portal-page-hero>.fa{font-size:80px}.doctor-profile-hero{grid-template-columns:100px minmax(0,1fr);gap:18px;padding:26px 20px}.doctor-hero-photo{width:94px;height:94px;border-width:4px}.doctor-profile-hero>.portal-outline-button{grid-column:1/-1;justify-self:stretch;justify-content:center}.spa .doctor-hero-copy h1{font-size:22px}.doctor-hero-copy p{font-size:13px}.doctor-metrics{grid-template-columns:1fr 1fr}.doctor-shortcuts{grid-template-columns:repeat(3,1fr)}.doctor-profile-grid,.patient-history-grid,.clinical-visit-grid{grid-template-columns:1fr}.patient-history-grid article.wide{grid-column:auto}.portal-appointment-card>header{grid-template-columns:1fr auto!important}.portal-appointment-card>header>a{grid-column:1/-1;text-align:center}.portal-appointment-body{grid-template-columns:auto 1fr}.portal-issue,.portal-card-actions{grid-column:1/-1}.portal-card-actions{justify-content:stretch}.portal-card-actions a{flex:1;text-align:center}.portal-patient-card{grid-template-columns:auto 1fr;gap:14px;padding:16px}.portal-patient-card dl{grid-column:1/-1}.portal-patient-card>.fa{position:absolute;right:30px}.patient-facts{grid-template-columns:1fr 1fr}.patient-profile-hero .portal-person-photo{width:90px;height:90px}.prescription-fields,.prescription-tests,.doctor-edit-grid{grid-template-columns:1fr}.doctor-edit-grid .wide{grid-column:auto}.clinical-patient-card{flex-wrap:wrap}.clinical-contact{width:100%;justify-content:flex-end}}@media(max-width:380px){.doctor-shortcuts{grid-template-columns:1fr 1fr}.doctor-metrics{grid-template-columns:1fr 1fr}.patient-facts{grid-template-columns:1fr}.patient-profile-hero{align-items:flex-start}.portal-page-hero>.fa{display:none}}
.portal-status{white-space:nowrap;flex-shrink:0}.portal-prescription-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px;border-radius:12px;background:#f2f8fe}.portal-prescription-row>a:first-child{display:flex;align-items:center;gap:10px;color:#124378;text-decoration:none}.portal-prescription-row>a:first-child span{flex:1}.portal-prescription-row>a:last-child{padding:9px 11px;border:1px solid #9dc8f3;border-radius:10px;color:#0873df;text-decoration:none;font-weight:800}.doctor-test-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:17px;padding:20px;margin-bottom:13px;border:1px solid #e0ecf8;border-radius:18px;background:#fff;box-shadow:0 8px 25px #205b880b}.doctor-test-card>.fa{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#efe9ff;color:#7540d7;font-size:27px}.spa .doctor-test-card h2{margin:0 0 5px;font-size:17px;color:#0b2d69}.doctor-test-card p{margin:0 0 8px;color:#6b809d}.doctor-test-card>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.doctor-test-card>div:last-child>a{padding:9px 12px;border:1px solid #8fc0f3;border-radius:10px;color:#0874e1;text-decoration:none;font-weight:800}@media(max-width:560px){.doctor-test-card{grid-template-columns:48px 1fr}.doctor-test-card>.fa{width:48px;height:48px}.doctor-test-card>div:last-child{grid-column:1/-1;align-items:stretch}.doctor-test-card>div:last-child>a{text-align:center}}
.prescription-payment-lock{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border-radius:11px;background:#fff0db;color:#9b6100;font-size:12px;font-weight:900}.prescription-payment-notice{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px;border-radius:13px;background:#fff3df;color:#8e5b08}.prescription-payment-notice>.fa{font-size:22px}.prescription-payment-notice span,.prescription-payment-notice strong{display:block}.prescription-payment-notice span{font-size:12px;line-height:1.45}.prescription-payment-notice strong{font-size:14px;margin-bottom:2px}

/* Appointment detail: shared patient and doctor experience */
.appointment-view-page{min-height:100vh;padding:0 16px 120px;background:#f7fbff;color:#102d61}.appointment-view-page>#detail-content,.doctor-portal-page>#doctor-appointment-detail{max-width:980px;margin:auto}.appointment-identity{text-align:center;margin:0 -16px;padding:34px 20px 24px;background:#fff;border-bottom:1px solid #e8eef4;box-shadow:0 5px 15px #173b6010}.appointment-person-photo{display:inline-grid;place-items:center;width:92px;height:92px;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 4px 13px #15395d35;background:#e8f4ff;color:#1682e8;font-size:35px}.spa .appointment-identity h1{margin:12px 0 5px;color:#111b2d;font-size:25px;line-height:1.2}.appointment-identity>p{margin:0;color:#6b7380;font-size:13px}.appointment-identity>p>span{display:inline-block;width:4px;height:4px;border-radius:50%;margin:0 7px 2px;background:#9ba5b0}.appointment-quick-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:23px}.appointment-action{box-sizing:border-box;min-width:96px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;border:0;border-radius:23px;color:#fff!important;text-decoration:none;font:800 14px 'Nunito',sans-serif;cursor:pointer}.appointment-action.meet{background:#e62f42}.appointment-action.call{background:#0874f9}.appointment-action.whatsapp{background:#15915a}.appointment-action.rx{background:#ffb300}.appointment-action.receipt{background:#6c7680}.appointment-action.payment{background:#006fe7}.appointment-action.disabled{background:#c5cbd2;color:#f7f8f9!important;cursor:not-allowed}.appointment-action i{font-size:15px}.appointment-facts{max-width:980px;margin:16px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.appointment-facts>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:15px;border:1px solid #e2edf7;border-radius:15px;background:#fff}.appointment-facts i{grid-row:1/3;color:#087df0;font-size:20px}.appointment-facts span{color:#8290a2;font-size:11px}.appointment-facts strong{color:#173966;font-size:14px;overflow-wrap:anywhere}.appointment-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:15px 0}.appointment-info-grid>article{min-height:124px;padding:20px;border:1px solid #e6edf4;border-radius:8px;background:#fff;box-shadow:0 4px 14px #163f6810}.spa .appointment-info-grid h2{margin:0 -20px 14px;padding:0 20px 13px;border-bottom:1px solid #edf1f5;color:#47515e;font-size:14px;text-transform:uppercase}.appointment-info-grid h2 i{margin-right:7px;color:#087df0}.appointment-info-grid>article>p{margin:0;color:#172436;line-height:1.6}.appointment-documents{display:grid;gap:8px}.appointment-document{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:#f0f7ff;color:#174273;text-decoration:none}.appointment-document>span{flex:1}.appointment-document strong,.appointment-document small{display:block}.appointment-document small{color:#71849d;margin-top:2px}.appointment-empty-copy{color:#74859c!important}.appointment-specialist-card{display:flex;align-items:center;gap:14px;padding:17px;margin:15px 0;border:1px solid #e3edf7;border-radius:16px;background:#fff}.appointment-specialist-card .appointment-person-photo{width:58px;height:58px;font-size:23px}.appointment-specialist-card>div{flex:1}.appointment-specialist-card>div>span{color:#71849d;font-size:11px;text-transform:uppercase;letter-spacing:1px}.spa .appointment-specialist-card h2{margin:3px 0;color:#11346d;font-size:17px}.appointment-specialist-card p{margin:0;color:#71839b}.doctor-portal-page .appointment-identity{margin:0 -16px 16px;border-radius:0 0 22px 22px}.doctor-edit-form label small{display:block;margin-top:6px;color:#8191a6;font-weight:600;line-height:1.4}
@media(max-width:680px){.appointment-facts{grid-template-columns:1fr 1fr}.appointment-info-grid{grid-template-columns:1fr}.appointment-action{min-width:84px;padding:10px 14px}.appointment-identity{padding-top:26px}.appointment-person-photo{width:80px;height:80px}.spa .appointment-identity h1{font-size:22px}}
@media(max-width:390px){.appointment-facts{grid-template-columns:1fr}.appointment-action{min-width:78px;font-size:13px}.appointment-quick-actions{gap:6px}.appointment-specialist-card{align-items:flex-start;flex-wrap:wrap}.appointment-specialist-card>.clinical-status{margin-left:72px}}

.portal-paged-items{display:grid;gap:0}.portal-load-more{display:flex;align-items:center;justify-content:center;gap:9px;width:min(100%,360px);min-height:48px;margin:20px auto 6px;padding:12px 22px;border:1px solid #9ccaff;border-radius:24px;background:#fff;color:#0875e7;font:900 14px 'Nunito',sans-serif;box-shadow:0 7px 20px #174b8012;cursor:pointer}.portal-load-more:hover{background:#edf7ff}.portal-load-more:disabled{opacity:.65;cursor:wait}.portal-load-more[hidden]{display:none!important}

/* Patient profile history and branded prescription */
.appointment-doctor-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.appointment-doctor h3 a,.appointment-specialist-card h2 a{color:inherit;text-decoration:none}.appointment-actions button{border:1px solid #a5cdff;border-radius:10px;padding:10px 12px;background:#fff;color:#0877f9;font:800 12px 'Nunito',sans-serif;display:flex;align-items:center;gap:7px;min-height:42px;cursor:pointer}.patient-account-page{min-height:100vh;padding:0 16px 120px;background:#f5faff}.patient-account-page>#patient-profile-content{max-width:1040px;margin:auto}.patient-account-hero{display:flex;align-items:center;gap:22px;margin:0 -16px 16px;padding:32px 28px;border-radius:0 0 26px 26px;background:linear-gradient(115deg,#ddf4ff,#f9fdff)}.patient-account-photo{width:112px;height:112px;object-fit:cover;border-radius:50%;border:5px solid #fff;box-shadow:0 7px 20px #194e8128;display:grid;place-items:center}.patient-account-hero>div{flex:1}.patient-account-hero>div>span{font-size:11px;letter-spacing:2px;color:#1977d3;font-weight:900}.spa .patient-account-hero h1{margin:6px 0;color:#092b69;font-size:30px}.patient-account-hero p{margin:0 0 11px;color:#627b9d}.patient-account-hero a{display:inline-flex;gap:7px;align-items:center;color:#0878e9;font-weight:900;text-decoration:none}.patient-account-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.patient-account-facts>div{padding:15px;border:1px solid #e1edf8;border-radius:14px;background:#fff}.patient-account-facts span,.patient-account-facts strong{display:block}.patient-account-facts span{font-size:11px;color:#8091a8}.patient-account-facts strong{margin-top:5px;color:#173969;overflow-wrap:anywhere}.patient-profile-section{margin:14px 0;padding:18px;border:1px solid #e0ecf7;border-radius:18px;background:#fff}.spa .patient-profile-section>h2{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:#0b2e69;font-size:19px}.patient-profile-section>h2 i{color:#087cf0}.patient-profile-section>h2 span{margin-left:auto;padding:3px 9px;border-radius:20px;background:#e9f4ff;color:#0875df;font-size:12px}.patient-appointment-list{display:grid;gap:9px}.patient-appointment-row{display:grid;grid-template-columns:minmax(190px,1fr) minmax(160px,1fr) auto auto;align-items:center;gap:12px;padding:13px;border:1px solid #e9f1f8;border-radius:14px;background:#fbfdff}.patient-doctor-link{display:flex;align-items:center;gap:10px;min-width:0;color:#173968;text-decoration:none}.patient-doctor-photo{width:48px;height:48px;object-fit:cover;border-radius:50%;background:#e8f4ff;display:grid;place-items:center}.patient-doctor-link span,.patient-appointment-row>div{min-width:0}.patient-doctor-link strong,.patient-doctor-link small,.patient-appointment-row>div strong,.patient-appointment-row>div small{display:block;overflow-wrap:anywhere}.patient-doctor-link small,.patient-appointment-row>div small{margin-top:3px;color:#7588a2}.patient-view-appointment,.patient-pay-button{padding:9px 12px;border:1px solid #a6ceff;border-radius:10px;background:#fff;color:#0876e9;text-decoration:none;font:900 12px 'Nunito',sans-serif;white-space:nowrap}.patient-pay-button{cursor:pointer}.patient-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.patient-report-grid>article{padding:14px;border-radius:14px;background:#f5faff}.spa .patient-report-grid h3{margin:0 0 10px;color:#17396c;font-size:15px}.patient-record-row{display:flex;align-items:center;gap:9px;padding:10px;margin:6px 0;border-radius:10px;background:#fff;color:#174273;text-decoration:none}.patient-record-row>span{flex:1;min-width:0}.patient-record-row strong,.patient-record-row small{display:block;overflow-wrap:anywhere}.patient-record-row small{color:#788aa2;margin-top:2px}.patient-empty{color:#7a8ca3}.prescription-document-page{min-height:100vh;padding:20px 16px 120px;background:#edf5fb}.prescription-document-page>#prescription-document{max-width:860px;margin:auto;background:#fff;border:1px solid #dbe8f3;box-shadow:0 14px 40px #16426e18}.prescription-brand{position:static!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;height:auto!important;padding:24px 28px!important;background:#fff!important;border-bottom:4px solid #0d79e8!important;box-shadow:none!important}.prescription-brand img{width:180px;max-height:86px;object-fit:contain}.prescription-brand>div{text-align:right}.prescription-brand span{color:#75869c;font-size:10px;text-transform:uppercase;letter-spacing:1px}.spa .prescription-brand h1{margin:4px 0;color:#0b2d69;font-size:22px}.prescription-brand p,.prescription-brand small{display:block;margin:0;color:#526b8e}.prescription-patient{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:16px 28px;background:#eaf5ff;border-bottom:1px solid #d9e8f5}.prescription-patient>div{padding:6px 12px;border-right:1px solid #cbdff1}.prescription-patient>div:last-child{border-right:0}.prescription-patient span,.prescription-patient strong{display:block}.prescription-patient span{font-size:10px;text-transform:uppercase;color:#6f8199}.prescription-patient strong{margin-top:4px;color:#173b70}.prescription-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:25px 28px}.prescription-body section{padding:0 0 17px;margin-bottom:17px;border-bottom:1px solid #e7eef5}.spa .prescription-body h2{margin:0 0 7px;color:#0b3471;font-size:14px;text-transform:uppercase}.prescription-body p,.prescription-body li{color:#3f5471;line-height:1.6;white-space:pre-wrap}.prescription-document-page footer{padding:20px 28px;text-align:right;border-top:1px solid #dce8f3}.prescription-document-page footer strong,.prescription-document-page footer span{display:block;color:#153b72}.prescription-document-page footer p{color:#8290a3}.prescription-download{display:flex;align-items:center;justify-content:center;gap:9px;width:min(100%,860px);min-height:52px;margin:16px auto;border:0;border-radius:14px;background:linear-gradient(100deg,#087cf0,#06ad87);color:#fff;font:900 15px 'Nunito',sans-serif;cursor:pointer}.prescription-download:disabled{opacity:.65}.prescription-download[hidden]{display:none!important}
@media(max-width:760px){.patient-account-facts{grid-template-columns:1fr 1fr}.patient-appointment-row{grid-template-columns:1fr auto}.patient-appointment-row>div{grid-column:1/-1}.patient-report-grid{grid-template-columns:1fr}.prescription-brand{align-items:flex-start!important}.prescription-brand img{width:130px}.prescription-patient{grid-template-columns:1fr 1fr}.prescription-patient>div:nth-child(2){border-right:0}.prescription-body{grid-template-columns:1fr}.patient-account-hero{padding:26px 20px}.patient-account-photo{width:86px;height:86px}.spa .patient-account-hero h1{font-size:24px}}
@media(max-width:420px){.patient-account-facts{grid-template-columns:1fr}.patient-account-hero{align-items:flex-start}.prescription-brand{display:block!important;text-align:center!important}.prescription-brand>div{text-align:center;margin-top:12px}.prescription-patient{grid-template-columns:1fr}.prescription-patient>div{border-right:0;border-bottom:1px solid #d6e5f2}.prescription-body{padding:20px}.patient-appointment-row{grid-template-columns:1fr}.patient-appointment-row>.clinical-status{justify-self:start}}
.prescription-brand h1 a{color:inherit;text-decoration:none}

/* Prescription investigation picker and grouped results */
.prescription-investigation-help{margin:8px 0 0;color:#71839d;font-size:12px;line-height:1.45}
.prescription-investigation-field{display:block;width:100%}
.prescription-modern-form .prescription-investigation-field>.select2{width:100%!important}
.prescription-modern-form .select2-container--default .select2-selection--multiple{min-height:58px;padding:7px 10px;border:1px solid #ccdbeb;border-radius:11px;background:#fff}
.prescription-modern-form .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#087cf0;box-shadow:0 0 0 3px rgba(8,124,240,.1)}
.prescription-modern-form .select2-search__field{min-height:34px!important;margin:2px 0!important;padding:5px!important;border:0!important;box-shadow:none!important}
.prescription-investigation-groups{display:grid;gap:12px}
.prescription-investigation-group{padding:14px;border:1px solid #dceaf6;border-radius:13px;background:#f7fbff}
.spa .prescription-investigation-group h3{margin:0 0 8px;color:#0874df;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.prescription-investigation-group ul{margin:0;padding-left:20px}
.prescription-investigation-group li{margin:4px 0}
.spa select.select2-hidden-accessible{position:absolute!important;width:1px!important;min-width:0!important;max-width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important}
.prescription-medicine-row>label{min-width:0}
.medicine-catalogue-item[hidden]{display:none!important}
.spa .medicine-catalogue-search{box-sizing:border-box;width:100%;min-height:46px;padding:10px 14px;margin:0 0 12px;border:1px solid #ccdbeb;border-radius:12px;font:inherit}
@media(max-width:620px){.prescription-medicine-row>label:has(.medicine-tenure){grid-column:1/-1}}
.medicine-catalogue-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;padding:22px;margin:18px 0;border:1px solid #dceaf6;border-radius:20px;background:#fff}.medicine-catalogue-form label span{display:block;margin-bottom:7px;color:#5f789b;font-size:13px;font-weight:800}.spa .medicine-catalogue-form input{box-sizing:border-box;width:100%;min-height:48px;margin:0;padding:11px 13px;border:1px solid #ccdbeb;border-radius:11px;font:600 14px 'Nunito',sans-serif}.medicine-catalogue-form .portal-save-button{margin:0;white-space:nowrap}.medicine-cancel-edit{min-height:45px;border:1px solid #9fc6ef;border-radius:12px;background:#fff;color:#176bb9;font-weight:800}.medicine-catalogue-form #medicine-catalogue-status{grid-column:1/-1;color:#39739b}.medicine-catalogue-list{padding:20px;border:1px solid #e0edf8;border-radius:20px;background:#fff}.spa .medicine-catalogue-list h2{margin:0 0 14px;color:#0b2d69}.medicine-catalogue-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:14px;border-top:1px solid #e6eff7}.medicine-catalogue-item:first-child{border-top:0}.medicine-catalogue-item strong,.medicine-catalogue-item span{display:block}.medicine-catalogue-item strong{color:#123568}.medicine-catalogue-item div span{margin-top:4px;color:#7285a0;font-size:12px}.medicine-catalogue-item button{min-height:38px;padding:8px 12px;border:1px solid #b5d2ef;border-radius:10px;background:#fff;color:#0875df;font-weight:800}.medicine-catalogue-item [data-delete]{color:#c63f55;border-color:#f0bdc5}.medicine-catalogue-item.inactive{opacity:.55}
.prescription-medicine-editor{margin:0 0 20px;padding:17px;border:1px solid #dbe8f5;border-radius:16px;background:#f8fbff}.prescription-medicine-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.spa .prescription-medicine-heading h3{margin:0;color:#0b2e69;font-size:17px}.prescription-medicine-heading p{margin:4px 0 0;color:#7285a0;font-size:12px}.prescription-medicine-heading button{min-height:42px;padding:10px 14px;border:0;border-radius:12px;background:#087cf0;color:#fff;font-weight:900;white-space:nowrap}.prescription-medicine-row{display:grid;grid-template-columns:1.5fr 1fr 1fr .9fr 1.2fr auto;gap:10px;align-items:end;padding:14px 0;border-top:1px solid #e0eaf4}.prescription-medicine-row>label>span{display:block;margin-bottom:6px}.prescription-medicine-row .select2-container{width:100%!important}.prescription-medicine-row .select2-selection--single{height:47px!important;border:1px solid #ccdbeb!important;border-radius:11px!important}.prescription-medicine-row .select2-selection__rendered{line-height:45px!important;padding-left:12px!important}.prescription-medicine-row .select2-selection__arrow{height:45px!important}.medicine-tenure{display:grid!important;grid-template-columns:1fr 1.25fr;gap:5px}.medicine-remove{width:43px;height:43px;margin-bottom:2px;border:1px solid #f0bdc5;border-radius:11px;background:#fff;color:#cf3e55}.medicine-notes{display:block;margin-top:12px}.prescription-medicine-list{display:grid;gap:10px}.prescription-medicine-item{padding:13px;border:1px solid #dceaf6;border-radius:12px;background:#f7fbff}.prescription-medicine-item>strong{display:flex;align-items:center;gap:8px;color:#12376d}.prescription-medicine-item>strong>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#087cf0;color:#fff;font-size:11px}.prescription-medicine-item dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 0}.prescription-medicine-item dl>div{padding:8px;border-radius:8px;background:#fff}.prescription-medicine-item dt{color:#7b8da4;font-size:10px;text-transform:uppercase}.prescription-medicine-item dd{margin:3px 0 0;color:#263f64;font-size:12px;font-weight:700}.prescription-medicine-item>p{margin:8px 0 0;font-size:12px}
@media(max-width:900px){.prescription-medicine-row{grid-template-columns:1fr 1fr 1fr}.medicine-instructions{grid-column:1/3}.medicine-remove{justify-self:end}}
@media(max-width:620px){.medicine-catalogue-form{grid-template-columns:1fr}.medicine-catalogue-form #medicine-catalogue-status{grid-column:auto}.medicine-catalogue-item{grid-template-columns:1fr auto}.medicine-catalogue-item [data-delete]{grid-column:2}.prescription-medicine-heading{align-items:flex-start;flex-direction:column}.prescription-medicine-heading button{width:100%}.prescription-medicine-row{grid-template-columns:1fr 1fr}.prescription-medicine-row>label:first-child,.medicine-instructions{grid-column:1/-1}.medicine-remove{grid-column:2;justify-self:end}.prescription-medicine-item dl{grid-template-columns:1fr}}

/* Mobile layout hardening --------------------------------------------------
   Keep every route usable at common 320-480px phone widths. These rules live
   last so they also correct older page-specific desktop assumptions. */
@media (max-width: 520px) {
  html,
  body,
  #app,
  .app-shell {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .spa .app-header {
    height: 68px;
    gap: 8px;
    padding: 0 10px;
  }

  .spa .app-header .brand {
    width: 118px;
    max-width: 36vw;
  }

  .spa .app-header .icon-button,
  .spa .app-header .header-account {
    width: 38px;
    height: 38px;
    font-size: 18px;
  }

  .spa .app-header .header-copy span {
    max-width: 92px;
    margin-left: auto;
    font-size: 11px;
    line-height: 1.12;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .spa .bottom-nav {
    bottom: 6px;
    width: calc(100% - 12px);
    height: 66px;
    border-radius: 20px;
    padding: 0 2px env(safe-area-inset-bottom);
    background: rgba(255,255,255,.98);
  }

  .spa .bottom-link {
    position: relative;
    gap: 1px;
    padding: 5px 1px 7px;
    font-size: 9px;
    line-height: 1.05;
  }

  .spa .bottom-link i {
    font-size: 18px;
    line-height: 22px;
  }

  .spa .bottom-link.is-active:after {
    bottom: 2px;
    width: 28px;
    height: 3px;
  }

  .spa .route-view > main,
  .spa.route-my-appointments .route-view > main.appointments-page,
  .spa .doctor-portal-page,
  .spa .patient-account-page,
  .spa .appointment-view-page,
  .spa .prescription-document-page,
  .spa .test-receipt-page {
    padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
  }

  .spa input,
  .spa select,
  .spa textarea,
  .spa button {
    max-width: 100%;
  }

  .spa input,
  .spa select,
  .spa textarea {
    font-size: 16px;
  }

  .spa input::placeholder,
  .spa textarea::placeholder {
    text-align: left;
  }

  .spa .appointments-hero,
  .spa .portal-page-hero {
    min-height: 0;
    padding: 22px 16px;
    margin-bottom: 14px;
    border-radius: 0 0 22px 22px;
  }

  .spa .appointments-hero h1,
  .spa .portal-page-hero h1 {
    font-size: 26px;
    line-height: 1.08;
    letter-spacing: -.45px;
  }

  .spa .appointments-hero p:not(.appointments-eyebrow),
  .spa .portal-page-hero p {
    font-size: 13px;
    line-height: 1.42;
  }

  .spa .portal-page-hero > .fa {
    display: none;
  }

  .spa .appointments-toolbar,
  .spa .appointments-filters {
    width: 100%;
  }

  .spa .appointments-filters {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .spa .appointments-filters button {
    min-width: 0;
    padding: 10px 4px;
    font-size: 11px;
  }

  .spa .appointment-card {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
    border-radius: 17px;
  }

  .spa .appointment-date {
    min-height: 80px;
  }

  .spa .appointment-date strong {
    font-size: 26px;
  }

  .spa .appointment-meta {
    gap: 9px;
  }

  .spa .appointment-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .spa .appointment-actions a,
  .spa .appointment-actions button {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    justify-content: center;
    padding: 8px 6px;
    text-align: center;
    line-height: 1.15;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .spa .appointment-actions > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .spa .patient-account-hero {
    gap: 14px;
    padding: 21px 16px;
  }

  .spa .patient-account-photo {
    width: 76px;
    height: 76px;
    border-width: 4px;
    flex: 0 0 76px;
  }

  .spa .patient-account-hero h1 {
    font-size: 21px;
    line-height: 1.12;
  }

  .spa .patient-account-facts,
  .spa .appointment-facts,
  .spa .patient-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .spa .patient-account-facts > div,
  .spa .appointment-facts > div {
    min-width: 0;
    padding: 12px;
  }

  .spa .patient-profile-section {
    padding: 14px;
    border-radius: 15px;
  }

  .spa .patient-appointment-row {
    grid-template-columns: 1fr auto;
    gap: 9px;
  }

  .spa .patient-appointment-row > div {
    grid-column: 1 / -1;
  }

  .spa .doctor-profile-hero {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 13px;
    padding: 20px 15px;
  }

  .spa .doctor-hero-photo {
    width: 76px;
    height: 76px;
  }

  .spa .doctor-hero-copy h1 {
    font-size: 20px;
    line-height: 1.12;
  }

  .spa .doctor-hero-copy > strong {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .spa .doctor-hero-copy p {
    margin: 4px 0;
    font-size: 12px;
    overflow-wrap: anywhere;
  }

  .spa .doctor-metrics {
    gap: 8px;
  }

  .spa .doctor-metrics > a {
    min-height: 94px;
    padding: 12px 8px;
  }

  .spa .doctor-metrics strong {
    font-size: 24px;
  }

  .spa .doctor-shortcuts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .spa .doctor-shortcuts a {
    min-height: 96px;
    padding: 10px 4px;
    font-size: 11px;
  }

  .spa .doctor-profile-grid article {
    padding: 16px;
  }

  .spa .doctor-profile-grid dl > div {
    grid-template-columns: minmax(88px, .72fr) minmax(0, 1fr);
  }

  .spa .portal-appointment-card > header {
    gap: 9px;
    padding: 13px !important;
  }

  .spa .portal-appointment-card > header > a {
    width: 100%;
    box-sizing: border-box;
  }

  .spa .portal-appointment-meta {
    gap: 9px 13px;
    padding: 0 13px 11px;
  }

  .spa .portal-appointment-body {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 11px;
    padding: 13px;
  }

  .spa .portal-person-photo {
    width: 54px;
    height: 54px;
  }

  .spa .portal-card-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .spa .portal-card-actions a,
  .spa .portal-card-actions button {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    overflow-wrap: anywhere;
  }

  .spa .portal-patient-card {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 11px;
    padding: 13px;
  }

  .spa .portal-patient-card dl {
    grid-column: 1 / -1;
  }

  .spa .portal-patient-card > .fa {
    right: 18px;
  }

  .spa .appointment-quick-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }

  .spa .appointment-action {
    min-width: 0;
    width: 100%;
    padding: 9px 5px;
    font-size: 12px;
  }

  .spa .appointment-info-grid > article {
    padding: 16px;
  }

  .spa .appointment-info-grid h2 {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .spa .receipt-card {
    padding: 17px;
    border-radius: 18px;
  }

  .spa .receipt-brand {
    align-items: center;
    gap: 10px;
  }

  .spa .receipt-brand img {
    width: 108px;
  }

  .spa .receipt-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 17px 0;
  }

  .spa .receipt-meta div {
    min-width: 0;
    padding: 10px;
  }

  .spa .prescription-brand {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 17px !important;
    text-align: left !important;
  }

  .spa .prescription-brand img {
    width: 105px;
  }

  .spa .prescription-brand > div {
    min-width: 0;
    margin: 0;
    text-align: right;
  }

  .spa .prescription-brand h1 {
    font-size: 17px;
    overflow-wrap: anywhere;
  }

  .spa .prescription-patient {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 12px;
  }

  .spa .prescription-patient > div {
    min-width: 0;
    border-bottom: 1px solid #d6e5f2;
  }

  .spa .prescription-patient > div:nth-last-child(-n+2) {
    border-bottom: 0;
  }

  .spa .prescription-body {
    padding: 17px;
  }

  .spa .select2-container,
  .spa .select2-dropdown {
    max-width: calc(100vw - 32px) !important;
  }

  .spa dialog,
  .spa .modal,
  .spa .booking-dialog {
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }
}

@media (max-width: 340px) {
  .spa .app-header .brand {
    width: 102px;
  }

  .spa .app-header .header-copy span {
    max-width: 72px;
    font-size: 10px;
  }

  .spa .appointments-hero h1,
  .spa .portal-page-hero h1 {
    font-size: 23px;
  }

  .spa .appointment-actions,
  .spa .portal-card-actions,
  .spa .appointment-quick-actions {
    grid-template-columns: 1fr 1fr;
  }

  .spa .patient-account-facts,
  .spa .appointment-facts,
  .spa .patient-facts,
  .spa .receipt-meta,
  .spa .prescription-patient {
    grid-template-columns: 1fr;
  }

  .spa .doctor-shortcuts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Authenticated appointment entry points and doctor credentials */
.spa.is-guest a[href^="appointment.html"] {
  display: none !important;
}

.doctor-professional-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0;
}

.doctor-professional-details > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid #dceaf7;
  border-radius: 13px;
  background: #f7fbff;
}

.doctor-professional-details dt {
  color: #6780a2;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.doctor-professional-details dt i {
  width: 18px;
  color: #087cf0;
}

.doctor-professional-details dd {
  margin: 5px 0 0;
  color: #12366f;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.doctor-professional-details a,
.doctor-hero-copy a,
.doctor-profile-grid dd a {
  color: #0875df;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.prescription-doctor-details {
  display: grid !important;
  gap: 2px;
  margin-top: 5px;
}

.prescription-doctor-details span,
.prescription-doctor-details a {
  display: block;
  color: #526b8e;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.prescription-document-page .prescription-footer {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 20px;
  align-items: end;
  padding: 20px 28px;
  text-align: left;
  border-top: 2px solid #dce8f3;
  background: #f8fbfe;
}

.prescription-signature,
.prescription-clinic {
  min-width: 0;
}

.prescription-signature strong,
.prescription-signature span,
.prescription-signature small,
.prescription-clinic strong,
.prescription-clinic span {
  display: block;
  overflow-wrap: anywhere;
}

.prescription-signature span,
.prescription-signature small,
.prescription-clinic span {
  margin-top: 3px;
  color: #607590;
  font-size: 11px;
}

.prescription-clinic {
  text-align: right;
}

.prescription-clinic strong {
  color: #0b2d69;
  font-size: 13px;
}

.prescription-clinic i {
  width: 14px;
  color: #087cf0;
}

@media (max-width: 520px) {
  .doctor-professional-details {
    grid-template-columns: 1fr;
  }

  .prescription-document-page .prescription-footer {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 16px 17px;
  }

  .prescription-clinic {
    padding-top: 12px;
    border-top: 1px solid #dce8f3;
    text-align: left;
  }
}

/* Keep the full-width hero aligned with the home content gutters. */
.spa.route-home .home-main{padding-left:22px;padding-right:22px}
@media(max-width:720px){.spa.route-home .home-main{padding-left:14px;padding-right:14px}}

/* Readable, touch-friendly form controls on phones and small tablets. */
@media (max-width: 768px) {
  .spa input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  .spa textarea,
  .spa select:not(.select2-hidden-accessible) {
    font-size: 16px;
    min-height: 44px;
    max-width: 100%;
  }
  .spa .select2-container .select2-selection {
    min-height: 44px;
    font-size: 16px;
  }
  .spa .select2-results__option,
  .spa .select2-search__field {
    font-size: 16px;
  }
  .spa .select2-container--default .select2-selection--multiple .select2-selection__choice {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

/* Appointment review before saving and payment. */
#booking-confirm-dialog{box-sizing:border-box;width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:0;border-radius:24px;color:#10265b;background:#fff;overflow-y:auto;box-shadow:0 24px 80px #10265b33}
#booking-confirm-dialog::backdrop{background:#10265b80}
.booking-confirm-heading>span{font-size:11px;letter-spacing:2px;color:#557394;font-weight:800}
.booking-confirm-heading h2{font-size:25px;line-height:1.25;margin:8px 0}
.booking-confirm-heading p,.booking-confirm-note{font-size:14px;line-height:1.5;color:#607491}
#booking-confirm-details{margin:20px 0;padding:0}
#booking-confirm-details>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid #e5edf6}
#booking-confirm-details dt{font-size:14px;color:#607491}
#booking-confirm-details dd{margin:0;font-size:15px;font-weight:700;overflow-wrap:anywhere;white-space:pre-wrap}
.booking-confirm-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.booking-confirm-actions button{min-height:48px;padding:12px 18px;border-radius:14px;font-size:15px;font-weight:800;cursor:pointer}
#booking-confirm-edit{border:1px solid #c7d8eb;background:#f5faff;color:#1859a9;flex:1}
#booking-confirm-pay{background:linear-gradient(110deg,#06aaa4,#20cb66);color:white;flex:2}
@media(max-width:430px){#booking-confirm-dialog{padding:20px}#booking-confirm-details>div{grid-template-columns:1fr;gap:4px}.booking-confirm-actions{flex-direction:column}}

.booking-review-card{max-width:760px;margin:20px auto}.booking-confirm-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:14px;font-size:15px;font-weight:800;text-align:center;text-decoration:none}.booking-review-card #booking-review-status{color:#607491;line-height:1.6}

.services-book-appointment{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;max-width:100%;margin-top:20px;padding:13px 20px;border-radius:16px;background:linear-gradient(110deg,#087cff,#0059d9);color:#fff;font-size:16px;font-weight:800;text-decoration:none;box-shadow:0 6px 16px #087cff20}.services-book-appointment:hover{color:#fff;background:#0059d9}.services-book-appointment:focus-visible{outline:3px solid #10265b;outline-offset:4px}@media(max-width:430px){.services-book-appointment{width:100%;font-size:15px;padding:13px 12px}}

.pwa-home-alert{position:relative;display:flex;gap:16px;align-items:flex-start;margin:16px 0;padding:20px 42px 20px 18px;border:1px solid #cde5f5;border-radius:20px;background:#eef9ff;color:#10265b}.pwa-home-alert[hidden]{display:none}.pwa-home-alert>img{width:72px;height:auto}.pwa-home-alert>div{min-width:0;flex:1}.pwa-home-alert h2{font-size:18px;font-weight:800;margin:0 0 6px}.pwa-home-alert p{font-size:14px;line-height:1.5;margin:6px 0}.pwa-home-alert summary{cursor:pointer;color:#086fe8;font-weight:700;padding:8px 0}.pwa-home-alert #pwa-install{padding:12px 18px;background:#087cff;color:#fff;border-radius:12px;font-weight:800;margin-top:8px}.pwa-home-alert #pwa-dismiss{position:absolute;top:4px;right:4px;width:36px;height:36px;font-size:26px;color:#526789}.pwa-home-alert details p{margin:10px 0}@media(max-width:430px){.pwa-home-alert{gap:10px;padding-left:12px}.pwa-home-alert>img{width:46px}.pwa-home-alert h2{font-size:16px}}
/* Signed-in identity in the shared left menu. */
.drawer-user.has-avatar{flex-direction:row;align-items:center;gap:12px;padding:16px}
.drawer-avatar{position:relative;display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:2px solid rgba(255,255,255,.7);border-radius:50%;background:#e4f2ff;color:#1265d9;overflow:hidden;font-size:23px}
.drawer-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.drawer-avatar img[hidden]{display:none}
.drawer-user-details{min-width:0;display:flex;flex-direction:column}
.drawer-user-details strong,.drawer-user-details small{overflow-wrap:anywhere}
/* Public booking uses the existing appointment layout after contact verification. */
#direct-contact[hidden],#direct-booking[hidden],#direct-verify[hidden],#direct-identity[hidden]{display:none!important}
#direct-contact .booking-form-card>p{line-height:1.6;color:#586c89;margin:12px 0 20px}
.direct-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.direct-fields label,#direct-verify label{display:flex;flex-direction:column;gap:8px;font-weight:700;color:#173960}
.direct-fields input,.direct-fields select,#direct-verify input{width:100%;min-height:48px;border:1px solid #cedcea;border-radius:12px;background:white;color:#142e52;padding:12px;font:inherit}
.direct-button{min-height:50px;border:0;border-radius:14px;background:linear-gradient(100deg,#0ea5a0,#18c875);color:#fff;font:inherit;font-weight:800;padding:13px 20px;cursor:pointer;align-self:end}
.direct-button:disabled{opacity:.6;cursor:wait}
#direct-verify{display:grid;gap:16px;margin-top:24px;border-top:1px solid #e0e9f3;padding-top:24px}
.direct-help{font-size:13px}.direct-identity{margin:20px auto 0;max-width:1000px;padding:14px 22px;border-radius:14px;background:#e3f6ee;color:#126146;overflow-wrap:anywhere}
@media(max-width:600px){.direct-fields{grid-template-columns:1fr}.direct-identity{margin:15px}.direct-button{width:100%}}