.ui-helper-hidden{ display:none } .ui-helper-hidden-accessible{ border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px } .ui-helper-reset{ margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none } .ui-helper-clearfix:before,.ui-helper-clearfix:after{ content:""; display:table; border-collapse:collapse } .ui-helper-clearfix:after{ clear:both } .ui-helper-zfix{ width:100%; height:100%; top:0; left:0; position:absolute; opacity:0; filter:Alpha(Opacity=0) } .ui-front{ z-index:100 } .ui-state-disabled{ cursor:default !important; pointer-events:none } .ui-icon{ display:inline-block; vertical-align:middle; margin-top:-0.25em; position:relative; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat } .ui-widget-icon-block{ left:50%; margin-left:-8px; display:block } .ui-widget-overlay{ position:fixed; top:0; left:0; width:100%; height:100% } .ui-accordion .ui-accordion-header{ display:block; cursor:pointer; position:relative; margin:2px 0 0 0; padding:.5em .5em .5em .7em; font-size:100% } .ui-accordion .ui-accordion-content{ padding:1em 2.2em; border-top:0; overflow:auto } .ui-autocomplete{ position:absolute; top:0; left:0; cursor:default } .ui-menu{ list-style:none; padding:0; margin:0; display:block; outline:0 } .ui-menu .ui-menu{ position:absolute } .ui-menu .ui-menu-item{ margin:0; cursor:pointer; list-style-image:url("data:image/gif; base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper{ position:relative; padding:3px 1em 3px .4em } .ui-menu .ui-menu-divider{ margin:5px 0; height:0; font-size:0; line-height:0; border-width:1px 0 0 0 } .ui-menu .ui-state-focus,.ui-menu .ui-state-active{ margin:-1px } .ui-menu-icons{ position:relative } .ui-menu-icons .ui-menu-item-wrapper{ padding-left:2em } .ui-menu .ui-icon{ position:absolute; top:0; bottom:0; left:.2em; margin:auto 0 } .ui-menu .ui-menu-icon{ left:auto; right:0 } .ui-button{ padding:.4em 1em; display:inline-block; position:relative; line-height:normal; margin-right:.1em; cursor:pointer; vertical-align:middle; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; overflow:visible } .ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{ text-decoration:none } .ui-button-icon-only{ width:2em; box-sizing:border-box; text-indent:-9999px; white-space:nowrap } input.ui-button.ui-button-icon-only{ text-indent:0 } .ui-button-icon-only .ui-icon{ position:absolute; top:50%; left:50%; margin-top:-8px; margin-left:-8px } .ui-button.ui-icon-notext .ui-icon{ padding:0; width:2.1em; height:2.1em; text-indent:-9999px; white-space:nowrap } input.ui-button.ui-icon-notext .ui-icon{ width:auto; height:auto; text-indent:0; white-space:normal; padding:.4em 1em } input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{ border:0; padding:0 } .ui-controlgroup{ vertical-align:middle; display:inline-block } .ui-controlgroup>.ui-controlgroup-item{ float:left; margin-left:0; margin-right:0 } .ui-controlgroup>.ui-controlgroup-item:focus,.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus{ z-index:9999 } .ui-controlgroup-vertical>.ui-controlgroup-item{ display:block; float:none; width:100%; margin-top:0; margin-bottom:0; text-align:left } .ui-controlgroup-vertical .ui-controlgroup-item{ box-sizing:border-box } .ui-controlgroup .ui-controlgroup-label{ padding:.4em 1em } .ui-controlgroup .ui-controlgroup-label span{ font-size:80% } .ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item{ border-left:none } .ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item{ border-top:none } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{ border-right:none } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{ border-bottom:none } .ui-controlgroup-vertical .ui-spinner-input{ width:75%; width:calc( 100% - 2.4em ) } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up{ border-top-style:solid } .ui-checkboxradio-label .ui-icon-background{ box-shadow:inset 1px 1px 1px #ccc; border-radius:.12em; border:none } .ui-checkboxradio-radio-label .ui-icon-background{ width:16px; height:16px; border-radius:1em; overflow:visible; border:none } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{ background-image:none; width:8px; height:8px; border-width:4px; border-style:solid } .ui-checkboxradio-disabled{ pointer-events:none } .ui-datepicker{ width:17em; padding:.2em .2em 0; display:none } .ui-datepicker .ui-datepicker-header{ position:relative; padding:.2em 0 } .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{ position:absolute; top:2px; width:1.8em; height:1.8em } .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{ top:1px } .ui-datepicker .ui-datepicker-prev{ left:2px } .ui-datepicker .ui-datepicker-next{ right:2px } .ui-datepicker .ui-datepicker-prev-hover{ left:1px } .ui-datepicker .ui-datepicker-next-hover{ right:1px } .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{ display:block; position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-8px } .ui-datepicker .ui-datepicker-title{ margin:0 2.3em; line-height:1.8em; text-align:center } .ui-datepicker .ui-datepicker-title select{ font-size:1em; margin:1px 0 } .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{ width:45% } .ui-datepicker table{ width:100%; font-size:.9em; border-collapse:collapse; margin:0 0 .4em } .ui-datepicker th{ padding:.7em .3em; text-align:center; font-weight:bold; border:0 } .ui-datepicker td{ border:0; padding:1px } .ui-datepicker td span,.ui-datepicker td a{ display:block; padding:.2em; text-align:right; text-decoration:none } .ui-datepicker .ui-datepicker-buttonpane{ background-image:none; margin:.7em 0 0 0; padding:0 .2em; border-left:0; border-right:0; border-bottom:0 } .ui-datepicker .ui-datepicker-buttonpane button{ float:right; margin:.5em .2em .4em; cursor:pointer; padding:.2em .6em .3em .6em; width:auto; overflow:visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{ float:left } .ui-datepicker.ui-datepicker-multi{ width:auto } .ui-datepicker-multi .ui-datepicker-group{ float:left } .ui-datepicker-multi .ui-datepicker-group table{ width:95%; margin:0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group{ width:50% } .ui-datepicker-multi-3 .ui-datepicker-group{ width:33.3% } .ui-datepicker-multi-4 .ui-datepicker-group{ width:25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{ border-left-width:0 } .ui-datepicker-multi .ui-datepicker-buttonpane{ clear:left } .ui-datepicker-row-break{ clear:both; width:100%; font-size:0 } .ui-datepicker-rtl{ direction:rtl } .ui-datepicker-rtl .ui-datepicker-prev{ right:2px; left:auto } .ui-datepicker-rtl .ui-datepicker-next{ left:2px; right:auto } .ui-datepicker-rtl .ui-datepicker-prev:hover{ right:1px; left:auto } .ui-datepicker-rtl .ui-datepicker-next:hover{ left:1px; right:auto } .ui-datepicker-rtl .ui-datepicker-buttonpane{ clear:right } .ui-datepicker-rtl .ui-datepicker-buttonpane button{ float:left } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{ float:right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{ border-right-width:0; border-left-width:1px } .ui-datepicker .ui-icon{ display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat; left:.5em; top:.3em } .ui-dialog{ position:absolute; top:0; left:0; padding:.2em; outline:0 } .ui-dialog .ui-dialog-titlebar{ padding:.4em 1em; position:relative } .ui-dialog .ui-dialog-title{ float:left; margin:.1em 0; white-space:nowrap; width:90%; overflow:hidden; text-overflow:ellipsis } .ui-dialog .ui-dialog-titlebar-close{ position:absolute; right:.3em; top:50%; width:20px; margin:-10px 0 0 0; padding:1px; height:20px } .ui-dialog .ui-dialog-content{ position:relative; border:0; padding:.5em 1em; background:none; overflow:auto } .ui-dialog .ui-dialog-buttonpane{ text-align:left; border-width:1px 0 0 0; background-image:none; margin-top:.5em; padding:.3em 1em .5em .4em } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{ float:right } .ui-dialog .ui-dialog-buttonpane button{ margin:.5em .4em .5em 0; cursor:pointer } .ui-dialog .ui-resizable-n{ height:2px; top:0 } .ui-dialog .ui-resizable-e{ width:2px; right:0 } .ui-dialog .ui-resizable-s{ height:2px; bottom:0 } .ui-dialog .ui-resizable-w{ width:2px; left:0 } .ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{ width:7px; height:7px } .ui-dialog .ui-resizable-se{ right:0; bottom:0 } .ui-dialog .ui-resizable-sw{ left:0; bottom:0 } .ui-dialog .ui-resizable-ne{ right:0; top:0 } .ui-dialog .ui-resizable-nw{ left:0; top:0 } .ui-draggable .ui-dialog-titlebar{ cursor:move } .ui-draggable-handle{ -ms-touch-action:none; touch-action:none } .ui-resizable{ position:relative } .ui-resizable-handle{ position:absolute; font-size:.1px; display:block; -ms-touch-action:none; touch-action:none } .ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{ display:none } .ui-resizable-n{ cursor:n-resize; height:7px; width:100%; top:-5px; left:0 } .ui-resizable-s{ cursor:s-resize; height:7px; width:100%; bottom:-5px; left:0 } .ui-resizable-e{ cursor:e-resize; width:7px; right:-5px; top:0; height:100% } .ui-resizable-w{ cursor:w-resize; width:7px; left:-5px; top:0; height:100% } .ui-resizable-se{ cursor:se-resize; width:12px; height:12px; right:1px; bottom:1px } .ui-resizable-sw{ cursor:sw-resize; width:9px; height:9px; left:-5px; bottom:-5px } .ui-resizable-nw{ cursor:nw-resize; width:9px; height:9px; left:-5px; top:-5px } .ui-resizable-ne{ cursor:ne-resize; width:9px; height:9px; right:-5px; top:-5px } .ui-progressbar{ height:2em; text-align:left; overflow:hidden } .ui-progressbar .ui-progressbar-value{ margin:-1px; height:100% } .ui-progressbar .ui-progressbar-overlay{ background:url("data:image/gif; base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height:100%; opacity:.25 } .ui-progressbar-indeterminate .ui-progressbar-value{ background-image:none } .ui-selectable{ -ms-touch-action:none; touch-action:none } .ui-selectable-helper{ position:absolute; z-index:100; border:1px dotted #000 } .ui-selectmenu-menu{ padding:0; margin:0; position:absolute; top:0; left:0; display:none } .ui-selectmenu-menu .ui-menu{ overflow:auto; overflow-x:hidden; padding-bottom:1px } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{ font-size:1em; font-weight:bold; line-height:1.5; padding:2px .4em; margin:.5em 0 0 0; height:auto; border:0 } .ui-selectmenu-open{ display:block } .ui-selectmenu-text{ display:block; margin-right:20px; overflow:hidden; text-overflow:ellipsis } .ui-selectmenu-button.ui-button{ text-align:left; white-space:nowrap; width:14em } .ui-selectmenu-icon.ui-icon{ float:right; margin-top:0 } .ui-slider{ position:relative; text-align:left } .ui-slider .ui-slider-handle{ position:absolute; z-index:2; width:1.2em; height:1.2em; cursor:default; -ms-touch-action:none; touch-action:none } .ui-slider .ui-slider-range{ position:absolute; z-index:1; font-size:.7em; display:block; border:0; background-position:0 0 } .ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{ filter:inherit } .ui-slider-horizontal{ height:.8em } .ui-slider-horizontal .ui-slider-handle{ top:-0.3em; margin-left:-0.6em } .ui-slider-horizontal .ui-slider-range{ top:0; height:100% } .ui-slider-horizontal .ui-slider-range-min{ left:0 } .ui-slider-horizontal .ui-slider-range-max{ right:0 } .ui-slider-vertical{ width:.8em; height:100px } .ui-slider-vertical .ui-slider-handle{ left:-0.3em; margin-left:0; margin-bottom:-0.6em } .ui-slider-vertical .ui-slider-range{ left:0; width:100% } .ui-slider-vertical .ui-slider-range-min{ bottom:0 } .ui-slider-vertical .ui-slider-range-max{ top:0 } .ui-sortable-handle{ -ms-touch-action:none; touch-action:none } .ui-spinner{ position:relative; display:inline-block; overflow:hidden; padding:0; vertical-align:middle } .ui-spinner-input{ border:none; background:none; color:inherit; padding:.222em 0; margin:.2em 0; vertical-align:middle; margin-left:.4em; margin-right:2em } .ui-spinner-button{ width:1.6em; height:50%; font-size:.5em; padding:0; margin:0; text-align:center; position:absolute; cursor:default; display:block; overflow:hidden; right:0 } .ui-spinner a.ui-spinner-button{ border-top-style:none; border-bottom-style:none; border-right-style:none } .ui-spinner-up{ top:0 } .ui-spinner-down{ bottom:0 } .ui-tabs{ position:relative; padding:.2em } .ui-tabs .ui-tabs-nav{ margin:0; padding:.2em .2em 0 } .ui-tabs .ui-tabs-nav li{ list-style:none; float:left; position:relative; top:0; margin:1px .2em 0 0; border-bottom-width:0; padding:0; white-space:nowrap } .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ float:left; padding:.5em 1em; text-decoration:none } .ui-tabs .ui-tabs-nav li.ui-tabs-active{ margin-bottom:-1px; padding-bottom:1px } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{ cursor:text } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{ cursor:pointer } .ui-tabs .ui-tabs-panel{ display:block; border-width:0; padding:1em 1.4em; background:none } .ui-tooltip{ padding:8px; position:absolute; z-index:9999; max-width:300px } body .ui-tooltip{ border-width:2px } .ui-widget{ font-family:Arial,Helvetica,sans-serif; font-size:1em } .ui-widget .ui-widget{ font-size:1em } .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{ font-family:Arial,Helvetica,sans-serif; font-size:1em } .ui-widget.ui-widget-content{ border:1px solid #dadada } .ui-widget-content{ border:1px solid #ddd; background:#fff; color:#333 } .ui-widget-content a{ color:#333 } .ui-widget-header{ border:1px solid #ddd; background:#e9e9e9; color:#333; font-weight:bold } .ui-widget-header a{ color:#333 } .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{ border:1px solid #dadada; background:#f6f6f6; font-weight:normal; color:#454545 } .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{ color:#454545; text-decoration:none } .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{ border:1px solid #ccc; background:#ededed; font-weight:normal; color:#2b2b2b } .ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{ color:#2b2b2b; text-decoration:none } .ui-visual-focus{ box-shadow:0 0 3px 1px #5e9ed6 } .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{ border:1px solid #4ab5a8; background:#4ab5a8; font-weight:normal; color:#fff } .ui-icon-background,.ui-state-active .ui-icon-background{ border:#4ab5a8; background-color:#fff } .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{ color:#fff; text-decoration:none } .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{ border:1px solid #dad55e; background:#fffa90; color:#777620 } .ui-state-checked{ border:1px solid #dad55e; background:#fffa90 } .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{ color:#777620 } .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{ border:1px solid #f1a899; background:#fddfdf; color:#5f3f3f } .ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{ color:#5f3f3f } .ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{ color:#5f3f3f } .ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{ font-weight:bold } .ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{ opacity:.7; filter:Alpha(Opacity=70); font-weight:normal } .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{ opacity:.35; filter:Alpha(Opacity=35); background-image:none } .ui-state-disabled .ui-icon{ filter:Alpha(Opacity=35) } .ui-icon{ width:16px; height:16px } .ui-icon,.ui-widget-content .ui-icon{ background-image:url("../img/ui-icons_444444_256x240.png") } .ui-widget-header .ui-icon{ background-image:url("../img/ui-icons_444444_256x240.png") } .ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{ background-image:url("../img/ui-icons_555555_256x240.png") } .ui-state-active .ui-icon,.ui-button:active .ui-icon{ background-image:url("../img/ui-icons_ffffff_256x240.png") } .ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{ background-image:url("../img/ui-icons_777620_256x240.png") } .ui-state-error .ui-icon,.ui-state-error-text .ui-icon{ background-image:url("../img/ui-icons_cc0000_256x240.png") } .ui-button .ui-icon{ background-image:url("../img/ui-icons_777777_256x240.png") } .ui-icon-blank{ background-position:16px 16px } .ui-icon-caret-1-n{ background-position:0 0 } .ui-icon-caret-1-ne{ background-position:-16px 0 } .ui-icon-caret-1-e{ background-position:-32px 0 } .ui-icon-caret-1-se{ background-position:-48px 0 } .ui-icon-caret-1-s{ background-position:-65px 0 } .ui-icon-caret-1-sw{ background-position:-80px 0 } .ui-icon-caret-1-w{ background-position:-96px 0 } .ui-icon-caret-1-nw{ background-position:-112px 0 } .ui-icon-caret-2-n-s{ background-position:-128px 0 } .ui-icon-caret-2-e-w{ background-position:-144px 0 } .ui-icon-triangle-1-n{ background-position:0 -16px } .ui-icon-triangle-1-ne{ background-position:-16px -16px } .ui-icon-triangle-1-e{ background-position:-32px -16px } .ui-icon-triangle-1-se{ background-position:-48px -16px } .ui-icon-triangle-1-s{ background-position:-65px -16px } .ui-icon-triangle-1-sw{ background-position:-80px -16px } .ui-icon-triangle-1-w{ background-position:-96px -16px } .ui-icon-triangle-1-nw{ background-position:-112px -16px } .ui-icon-triangle-2-n-s{ background-position:-128px -16px } .ui-icon-triangle-2-e-w{ background-position:-144px -16px } .ui-icon-arrow-1-n{ background-position:0 -32px } .ui-icon-arrow-1-ne{ background-position:-16px -32px } .ui-icon-arrow-1-e{ background-position:-32px -32px } .ui-icon-arrow-1-se{ background-position:-48px -32px } .ui-icon-arrow-1-s{ background-position:-65px -32px } .ui-icon-arrow-1-sw{ background-position:-80px -32px } .ui-icon-arrow-1-w{ background-position:-96px -32px } .ui-icon-arrow-1-nw{ background-position:-112px -32px } .ui-icon-arrow-2-n-s{ background-position:-128px -32px } .ui-icon-arrow-2-ne-sw{ background-position:-144px -32px } .ui-icon-arrow-2-e-w{ background-position:-160px -32px } .ui-icon-arrow-2-se-nw{ background-position:-176px -32px } .ui-icon-arrowstop-1-n{ background-position:-192px -32px } .ui-icon-arrowstop-1-e{ background-position:-208px -32px } .ui-icon-arrowstop-1-s{ background-position:-224px -32px } .ui-icon-arrowstop-1-w{ background-position:-240px -32px } .ui-icon-arrowthick-1-n{ background-position:1px -48px } .ui-icon-arrowthick-1-ne{ background-position:-16px -48px } .ui-icon-arrowthick-1-e{ background-position:-32px -48px } .ui-icon-arrowthick-1-se{ background-position:-48px -48px } .ui-icon-arrowthick-1-s{ background-position:-64px -48px } .ui-icon-arrowthick-1-sw{ background-position:-80px -48px } .ui-icon-arrowthick-1-w{ background-position:-96px -48px } .ui-icon-arrowthick-1-nw{ background-position:-112px -48px } .ui-icon-arrowthick-2-n-s{ background-position:-128px -48px } .ui-icon-arrowthick-2-ne-sw{ background-position:-144px -48px } .ui-icon-arrowthick-2-e-w{ background-position:-160px -48px } .ui-icon-arrowthick-2-se-nw{ background-position:-176px -48px } .ui-icon-arrowthickstop-1-n{ background-position:-192px -48px } .ui-icon-arrowthickstop-1-e{ background-position:-208px -48px } .ui-icon-arrowthickstop-1-s{ background-position:-224px -48px } .ui-icon-arrowthickstop-1-w{ background-position:-240px -48px } .ui-icon-arrowreturnthick-1-w{ background-position:0 -64px } .ui-icon-arrowreturnthick-1-n{ background-position:-16px -64px } .ui-icon-arrowreturnthick-1-e{ background-position:-32px -64px } .ui-icon-arrowreturnthick-1-s{ background-position:-48px -64px } .ui-icon-arrowreturn-1-w{ background-position:-64px -64px } .ui-icon-arrowreturn-1-n{ background-position:-80px -64px } .ui-icon-arrowreturn-1-e{ background-position:-96px -64px } .ui-icon-arrowreturn-1-s{ background-position:-112px -64px } .ui-icon-arrowrefresh-1-w{ background-position:-128px -64px } .ui-icon-arrowrefresh-1-n{ background-position:-144px -64px } .ui-icon-arrowrefresh-1-e{ background-position:-160px -64px } .ui-icon-arrowrefresh-1-s{ background-position:-176px -64px } .ui-icon-arrow-4{ background-position:0 -80px } .ui-icon-arrow-4-diag{ background-position:-16px -80px } .ui-icon-extlink{ background-position:-32px -80px } .ui-icon-newwin{ background-position:-48px -80px } .ui-icon-refresh{ background-position:-64px -80px } .ui-icon-shuffle{ background-position:-80px -80px } .ui-icon-transfer-e-w{ background-position:-96px -80px } .ui-icon-transferthick-e-w{ background-position:-112px -80px } .ui-icon-folder-collapsed{ background-position:0 -96px } .ui-icon-folder-open{ background-position:-16px -96px } .ui-icon-document{ background-position:-32px -96px } .ui-icon-document-b{ background-position:-48px -96px } .ui-icon-note{ background-position:-64px -96px } .ui-icon-mail-closed{ background-position:-80px -96px } .ui-icon-mail-open{ background-position:-96px -96px } .ui-icon-suitcase{ background-position:-112px -96px } .ui-icon-comment{ background-position:-128px -96px } .ui-icon-person{ background-position:-144px -96px } .ui-icon-print{ background-position:-160px -96px } .ui-icon-trash{ background-position:-176px -96px } .ui-icon-locked{ background-position:-192px -96px } .ui-icon-unlocked{ background-position:-208px -96px } .ui-icon-bookmark{ background-position:-224px -96px } .ui-icon-tag{ background-position:-240px -96px } .ui-icon-home{ background-position:0 -112px } .ui-icon-flag{ background-position:-16px -112px } .ui-icon-calendar{ background-position:-32px -112px } .ui-icon-cart{ background-position:-48px -112px } .ui-icon-pencil{ background-position:-64px -112px } .ui-icon-clock{ background-position:-80px -112px } .ui-icon-disk{ background-position:-96px -112px } .ui-icon-calculator{ background-position:-112px -112px } .ui-icon-zoomin{ background-position:-128px -112px } .ui-icon-zoomout{ background-position:-144px -112px } .ui-icon-search{ background-position:-160px -112px } .ui-icon-wrench{ background-position:-176px -112px } .ui-icon-gear{ background-position:-192px -112px } .ui-icon-heart{ background-position:-208px -112px } .ui-icon-star{ background-position:-224px -112px } .ui-icon-link{ background-position:-240px -112px } .ui-icon-cancel{ background-position:0 -128px } .ui-icon-plus{ background-position:-16px -128px } .ui-icon-plusthick{ background-position:-32px -128px } .ui-icon-minus{ background-position:-48px -128px } .ui-icon-minusthick{ background-position:-64px -128px } .ui-icon-close{ background-position:-80px -128px } .ui-icon-closethick{ background-position:-96px -128px } .ui-icon-key{ background-position:-112px -128px } .ui-icon-lightbulb{ background-position:-128px -128px } .ui-icon-scissors{ background-position:-144px -128px } .ui-icon-clipboard{ background-position:-160px -128px } .ui-icon-copy{ background-position:-176px -128px } .ui-icon-contact{ background-position:-192px -128px } .ui-icon-image{ background-position:-208px -128px } .ui-icon-video{ background-position:-224px -128px } .ui-icon-script{ background-position:-240px -128px } .ui-icon-alert{ background-position:0 -144px } .ui-icon-info{ background-position:-16px -144px } .ui-icon-notice{ background-position:-32px -144px } .ui-icon-help{ background-position:-48px -144px } .ui-icon-check{ background-position:-64px -144px } .ui-icon-bullet{ background-position:-80px -144px } .ui-icon-radio-on{ background-position:-96px -144px } .ui-icon-radio-off{ background-position:-112px -144px } .ui-icon-pin-w{ background-position:-128px -144px } .ui-icon-pin-s{ background-position:-144px -144px } .ui-icon-play{ background-position:0 -160px } .ui-icon-pause{ background-position:-16px -160px } .ui-icon-seek-next{ background-position:-32px -160px } .ui-icon-seek-prev{ background-position:-48px -160px } .ui-icon-seek-end{ background-position:-64px -160px } .ui-icon-seek-start{ background-position:-80px -160px } .ui-icon-seek-first{ background-position:-80px -160px } .ui-icon-stop{ background-position:-96px -160px } .ui-icon-eject{ background-position:-112px -160px } .ui-icon-volume-off{ background-position:-128px -160px } .ui-icon-volume-on{ background-position:-144px -160px } .ui-icon-power{ background-position:0 -176px } .ui-icon-signal-diag{ background-position:-16px -176px } .ui-icon-signal{ background-position:-32px -176px } .ui-icon-battery-0{ background-position:-48px -176px } .ui-icon-battery-1{ background-position:-64px -176px } .ui-icon-battery-2{ background-position:-80px -176px } .ui-icon-battery-3{ background-position:-96px -176px } .ui-icon-circle-plus{ background-position:0 -192px } .ui-icon-circle-minus{ background-position:-16px -192px } .ui-icon-circle-close{ background-position:-32px -192px } .ui-icon-circle-triangle-e{ background-position:-48px -192px } .ui-icon-circle-triangle-s{ background-position:-64px -192px } .ui-icon-circle-triangle-w{ background-position:-80px -192px } .ui-icon-circle-triangle-n{ background-position:-96px -192px } .ui-icon-circle-arrow-e{ background-position:-112px -192px } .ui-icon-circle-arrow-s{ background-position:-128px -192px } .ui-icon-circle-arrow-w{ background-position:-144px -192px } .ui-icon-circle-arrow-n{ background-position:-160px -192px } .ui-icon-circle-zoomin{ background-position:-176px -192px } .ui-icon-circle-zoomout{ background-position:-192px -192px } .ui-icon-circle-check{ background-position:-208px -192px } .ui-icon-circlesmall-plus{ background-position:0 -208px } .ui-icon-circlesmall-minus{ background-position:-16px -208px } .ui-icon-circlesmall-close{ background-position:-32px -208px } .ui-icon-squaresmall-plus{ background-position:-48px -208px } .ui-icon-squaresmall-minus{ background-position:-64px -208px } .ui-icon-squaresmall-close{ background-position:-80px -208px } .ui-icon-grip-dotted-vertical{ background-position:0 -224px } .ui-icon-grip-dotted-horizontal{ background-position:-16px -224px } .ui-icon-grip-solid-vertical{ background-position:-32px -224px } .ui-icon-grip-solid-horizontal{ background-position:-48px -224px } .ui-icon-gripsmall-diagonal-se{ background-position:-64px -224px } .ui-icon-grip-diagonal-se{ background-position:-80px -224px } .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{ border-top-left-radius:3px } .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{ border-top-right-radius:3px } .ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{ border-bottom-left-radius:3px } .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{ border-bottom-right-radius:3px } .ui-widget-overlay{ background:#aaa; opacity:.3; filter:Alpha(Opacity=30) } .ui-widget-shadow{ -webkit-box-shadow:0px 0px 5px #666; box-shadow:0px 0px 5px #666 } @-webkit-keyframes medium-editor-image-loading{ 0%{ -webkit-transform:scale(0); transform:scale(0) } 100%{ -webkit-transform:scale(1); transform:scale(1) } } @keyframes medium-editor-image-loading{ 0%{ -webkit-transform:scale(0); transform:scale(0) } 100%{ -webkit-transform:scale(1); transform:scale(1) } } @-webkit-keyframes medium-editor-pop-upwards{ 0%{ opacity:0; -webkit-transform:matrix(0.97, 0, 0, 1, 0, 12); transform:matrix(0.97, 0, 0, 1, 0, 12) } 20%{ opacity:.7; -webkit-transform:matrix(0.99, 0, 0, 1, 0, 2); transform:matrix(0.99, 0, 0, 1, 0, 2) } 40%{ opacity:1; -webkit-transform:matrix(1, 0, 0, 1, 0, -1); transform:matrix(1, 0, 0, 1, 0, -1) } 100%{ -webkit-transform:matrix(1, 0, 0, 1, 0, 0); transform:matrix(1, 0, 0, 1, 0, 0) } } @keyframes medium-editor-pop-upwards{ 0%{ opacity:0; -webkit-transform:matrix(0.97, 0, 0, 1, 0, 12); transform:matrix(0.97, 0, 0, 1, 0, 12) } 20%{ opacity:.7; -webkit-transform:matrix(0.99, 0, 0, 1, 0, 2); transform:matrix(0.99, 0, 0, 1, 0, 2) } 40%{ opacity:1; -webkit-transform:matrix(1, 0, 0, 1, 0, -1); transform:matrix(1, 0, 0, 1, 0, -1) } 100%{ -webkit-transform:matrix(1, 0, 0, 1, 0, 0); transform:matrix(1, 0, 0, 1, 0, 0) } } .medium-editor-anchor-preview{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:16px; left:0; line-height:1.4; max-width:280px; position:absolute; text-align:center; top:0; word-break:break-all; word-wrap:break-word; visibility:hidden; z-index:2000 } .medium-editor-anchor-preview a{ color:#fff; display:inline-block; margin:5px 5px 10px } .medium-editor-anchor-preview-active{ visibility:visible } .medium-editor-dragover{ background:#ddd } .medium-editor-image-loading{ -webkit-animation:medium-editor-image-loading 1s infinite ease-in-out; animation:medium-editor-image-loading 1s infinite ease-in-out; background-color:#333; border-radius:100%; display:inline-block; height:40px; width:40px } .medium-editor-placeholder{ position:relative } .medium-editor-placeholder:after{ content:attr(data-placeholder) !important; font-style:italic; position:absolute; left:0; top:0; white-space:pre; padding:inherit; margin:inherit } .medium-editor-placeholder-relative{ position:relative } .medium-editor-placeholder-relative:after{ content:attr(data-placeholder) !important; font-style:italic; position:relative; white-space:pre; padding:inherit; margin:inherit } .medium-toolbar-arrow-under:after,.medium-toolbar-arrow-over:before{ border-style:solid; content:""; display:block; height:0; left:50%; margin-left:-8px; position:absolute; width:0 } .medium-toolbar-arrow-under:after{ border-width:8px 8px 0 8px } .medium-toolbar-arrow-over:before{ border-width:0 8px 8px 8px; top:-8px } .medium-editor-toolbar{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:16px; left:0; position:absolute; top:0; visibility:hidden; z-index:2000 } .medium-editor-toolbar ul{ margin:0; padding:0 } .medium-editor-toolbar li{ float:left; list-style:none; margin:0; padding:0 } .medium-editor-toolbar li button{ box-sizing:border-box; cursor:pointer; display:block; font-size:14px; line-height:1.33; margin:0; padding:15px; text-decoration:none } .medium-editor-toolbar li button:focus{ outline:none } .medium-editor-toolbar li .medium-editor-action-underline{ text-decoration:underline } .medium-editor-toolbar li .medium-editor-action-pre{ font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace; font-size:12px; font-weight:100; padding:15px 0 } .medium-editor-toolbar-active{ visibility:visible } .medium-editor-sticky-toolbar{ position:fixed; top:1px } .medium-editor-relative-toolbar{ position:relative } .medium-editor-toolbar-active.medium-editor-stalker-toolbar{ -webkit-animation:medium-editor-pop-upwards 160ms forwards linear; animation:medium-editor-pop-upwards 160ms forwards linear } .medium-editor-action-bold{ font-weight:bolder } .medium-editor-action-italic{ font-style:italic } .medium-editor-toolbar-form{ display:none } .medium-editor-toolbar-form input,.medium-editor-toolbar-form a{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif } .medium-editor-toolbar-form .medium-editor-toolbar-form-row{ line-height:14px; margin-left:5px; padding-bottom:5px } .medium-editor-toolbar-form .medium-editor-toolbar-input,.medium-editor-toolbar-form label{ border:none; box-sizing:border-box; font-size:14px; margin:0; padding:6px; width:316px; display:inline-block } .medium-editor-toolbar-form .medium-editor-toolbar-input:focus,.medium-editor-toolbar-form label:focus{ -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; box-shadow:none; outline:0 } .medium-editor-toolbar-form a{ display:inline-block; font-size:24px; font-weight:bolder; margin:0 10px; text-decoration:none } .medium-editor-toolbar-form-active{ display:block } .medium-editor-toolbar-actions:after{ clear:both; content:""; display:table } .medium-editor-element{ word-wrap:break-word; min-height:30px } .medium-editor-element img{ max-width:100% } .medium-editor-element sub{ vertical-align:sub } .medium-editor-element sup{ vertical-align:super } .medium-editor-hidden{ display:none } .medium-toolbar-arrow-under:after{ border-color:#000 transparent transparent transparent; top:40px } .medium-toolbar-arrow-over:before{ border-color:transparent transparent #000 transparent } .medium-editor-toolbar{ background-color:#000; border:none; border-radius:50px } .medium-editor-toolbar li button{ background-color:transparent; border:none; box-sizing:border-box; color:#ccc; height:40px; min-width:40px; padding:5px 12px; -webkit-transition:background-color .2s ease-in,color .2s ease-in; transition:background-color .2s ease-in,color .2s ease-in } .medium-editor-toolbar li button:hover{ background-color:#000; color:#a2d7c7 } .medium-editor-toolbar li .medium-editor-button-first{ border-bottom-left-radius:50px; border-top-left-radius:50px; padding-left:24px } .medium-editor-toolbar li .medium-editor-button-last{ border-bottom-right-radius:50px; border-right:none; border-top-right-radius:50px; padding-right:24px } .medium-editor-toolbar li .medium-editor-button-active{ background-color:#000; color:#a2d7c7 } .medium-editor-toolbar-form{ background:#000; border-radius:50px; color:#ccc; overflow:hidden } .medium-editor-toolbar-form .medium-editor-toolbar-input{ background:#000; box-sizing:border-box; color:#ccc; height:40px; padding-left:16px; width:220px } .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder{ color:#f8f5f3; color:rgba(248,245,243,.8) } .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder{ color:#f8f5f3; color:rgba(248,245,243,.8) } .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder{ color:#f8f5f3; color:rgba(248,245,243,.8) } .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder{ color:#f8f5f3; color:rgba(248,245,243,.8) } .medium-editor-toolbar-form a{ color:#ccc; -webkit-transform:translateY(2px); transform:translateY(2px) } .medium-editor-toolbar-form .medium-editor-toolbar-close{ margin-right:16px } .medium-editor-toolbar-anchor-preview{ background:#000; border-radius:50px; padding:5px 12px } .medium-editor-anchor-preview a{ color:#ccc; text-decoration:none } .medium-editor-toolbar-actions li,.medium-editor-toolbar-actions button{ border-radius:50px } code[class*=language-],pre[class*=language-]{ color:#f8f8f2; background:none; text-shadow:0 1px rgba(0,0,0,.3); font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace; font-size:.8125rem; text-align:left; white-space:pre; word-spacing:normal; word-break:normal; word-wrap:normal; line-height:1.5; -moz-tab-size:4; -o-tab-size:4; tab-size:4; -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none } pre[class*=language-]{ padding:1em; margin:.5em 0; overflow:auto; border-radius:.3em } :not(pre)>code[class*=language-],pre[class*=language-]{ background:#272822 } :not(pre)>code[class*=language-]{ padding:.1em; border-radius:.3em; white-space:normal } .token.comment,.token.prolog,.token.doctype,.token.cdata{ color:#708090 } .token.punctuation{ color:#f8f8f2 } .namespace{ opacity:.7 } .token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{ color:#f92672 } .token.boolean,.token.number{ color:#ae81ff } .token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{ color:#a6e22e } .token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{ color:#f8f8f2 } .token.atrule,.token.attr-value,.token.function,.token.class-name{ color:#e6db74 } .token.keyword{ color:#66d9ef } .token.regex,.token.important{ color:#fd971f } .token.important,.token.bold{ font-weight:bold } .token.italic{ font-style:italic } .token.entity{ cursor:help } pre[data-line]{ position:relative; padding:1em 0 1em 3em } .line-highlight{ position:absolute; left:0; right:0; padding:inherit 0; margin-top:1em; background:rgba(153,122,102,.08); background:linear-gradient(to right, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0)); pointer-events:none; line-height:inherit; white-space:pre } .line-highlight:before,.line-highlight[data-end]:after{ content:attr(data-start); position:absolute; top:.4em; left:.6em; min-width:1em; padding:0 .5em; background-color:rgba(153,122,102,.4); color:#f5f2f0; font:bold 65%/1.5 sans-serif; text-align:center; vertical-align:.3em; border-radius:999px; text-shadow:none; box-shadow:0 1px #fff } .line-highlight[data-end]:after{ content:attr(data-end); top:auto; bottom:.4em } .line-numbers .line-highlight:before,.line-numbers .line-highlight:after{ content:none } pre[class*=language-].line-numbers{ position:relative; padding-left:3.8em; counter-reset:linenumber } pre[class*=language-].line-numbers>code{ position:relative; white-space:inherit } .line-numbers .line-numbers-rows{ position:absolute; pointer-events:none; top:0; font-size:100%; left:-3.8em; width:3em; letter-spacing:-1px; border-right:1px solid #999; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .line-numbers-rows>span{ pointer-events:none; display:block; counter-increment:linenumber } .line-numbers-rows>span:before{ content:counter(linenumber); color:#999; display:block; padding-right:.8em; text-align:right } div.code-toolbar{ position:relative } div.code-toolbar>.toolbar{ position:absolute; top:.3em; right:.2em; transition:opacity .3s ease-in-out; opacity:0 } div.code-toolbar:hover>.toolbar{ opacity:1 } div.code-toolbar:focus-within>.toolbar{ opacity:1 } div.code-toolbar>.toolbar .toolbar-item{ display:inline-block } div.code-toolbar>.toolbar a{ cursor:pointer } div.code-toolbar>.toolbar button{ background:none; border:0; color:inherit; font:inherit; line-height:normal; overflow:visible; padding:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none } div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar span{ color:#bbb; font-size:.8em; padding:0 .5em; background:#f5f2f0; background:rgba(224,224,224,.2); box-shadow:0 2px 0 0 rgba(0,0,0,.2); border-radius:.5em; } div.code-toolbar>.toolbar a:hover,div.code-toolbar>.toolbar a:focus,div.code-toolbar>.toolbar button:hover,div.code-toolbar>.toolbar button:focus,div.code-toolbar>.toolbar span:hover,div.code-toolbar>.toolbar span:focus{ color:inherit; text-decoration:none } @keyframes fadeIn{ from{ opacity:0 } to{ opacity:1 } } @keyframes fadeOut{ from{ opacity:1 } to{ opacity:0 } } .redactor-animate-hide{ display:none !important } .redactor-fadeIn{ opacity:0; animation:fadeIn .2s ease-in-out } .redactor-fadeOut{ opacity:1; animation:fadeOut .2s ease-in-out } @font-face{ font-family:"Redactor"; src:url("data:application/x-font-ttf; charset=utf-8; base64,AAEAAAALAIAAAwAwT1MvMg8SBkcAAAC8AAAAYGNtYXAXVtKwAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zuxdz/8AAAF4AAAkQGhlYWQPMte3AAAluAAAADZoaGVhB7gD6wAAJfAAAAAkaG10eK4BD60AACYUAAAAuGxvY2GyjqiGAAAmzAAAAF5tYXhwADkBcwAAJywAAAAgbmFtZVDOJQoAACdMAAABknBvc3QAAwAAAAAo4AAAACAAAwP0AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpKQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Sn//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAADAAAAgAQAAwAAEgAoADwAABMhMhYVMRUUBiMhIiY1MTU0NjMDITIWFTEVFAYjITgBMSImPQE0NjMxEyEyFhUxFRQGIzEhIiY1MTU0NjO7AooZIiIZ/XYZIiIZgAOKGSIiGfx2GCMiGYACihkiIhn9dhkiIhkDACIZChkiIhkKGSL/ACIZCRkiIhgKGSL/ACIZChkiIhkKGSIAAAADAAAAgAQAAwAAEwApAD4AABMhMhYVMRUUBiMhIiY1MTU0NjMxESEyFhUxFRQGIyE4ATEiJj0BNDYzMREhMhYVMRUUBiMxISImNTE1NDYzMTsCyhkiIhn9NhkiIhkDihkiIhn8dhgjIhkCyhkiIhn9NhkiIhkDACIZChkiIhkKGSL/ACIZCRkiIhgKGSL/ACIZChkiIhkKGSIAAAADAAAAgAQAAwAAEgAoADwAABMhMhYVMRUUBiMhIiY1MTU0NjMDITIWFTEVFAYjITgBMSImPQE0NjMxEyEyFhUxFRQGIzEhIiY1MTU0NjP7AsoZIiIZ/TYZIiIZwAOKGSIiGfx2GCMiGcACyhkiIhn9NhkiIhkDACIZChkiIhkKGSL/ACIZCRkiIhgKGSL/ACIZChkiIhkKGSIAAAADARkARwLnAwAAKwA0AFUAACU+ATU0JjUxNjQ1NCYvAT4BNzE8ATU0JicxLgEjKgEjMSIHETMyFjMyNjcHAzIVFCMiIzUzAzoBMzIWFyceARUcARU1HAEVFAYHFQ4BIyImIzMiJzUzAp8hJwEBSDcCJjABIRshUS0CBQI4iM8DBgMwWCQByWp3HxxGBwUJBRw0FgEQEhUSFjQcBAkEARcmQIAZSiwBBAEDBwM9XRABEEUrAQMBJj8WGBsG/U4BHxsBAhdPWqb+/w4OAQ4oFwIFAgECBQIZLA4BDQ8BA+MAAAIAwAAAA0ADgAAsADgAACUiJicxJwcOASM4ATkBKgEjIiYnNRE+ATM6ATMxIToBMzIWFzERDgEjKgEjMQERNz4BMzIWFzEXEQMACxMI2toIEwsBAgEYIgICIhgBAgECAAECARgiAgIiGAECAf5AmgcUCgsTCJsABwWOjgYGIBcBAxAYICEX/PAXIQMQ/ZhlBgYGBmUCaAAABQBAAAADwAOAABMAFwAnADcARwAAASEiBhUxERQWMzEhMjY1MRE0JiMRIREhBSEyFhUUBiMxISImNTQ2MxUhMhYVFAYjMSEiJjU0NjMVITIWFRQGIzEhIiY1NDYzA0D9gDVLSzUCgDVLSzX9gAKA/gABgBslJRv+gBslJRsBgBslJRv+gBslJRsBgBslJRv+gBslJRsDgEs1/YA1S0s1AoA1S/0AAoBAJRsbJSUbGyXAJRsbJSUbGyXAJRsbJSUbGyUAAAMAQAAAA8ADgAATABcAWQAAASEiBhUxERQWMzEhMjY1MRE0JiMRIREhAzEHDgEjOAE5ASoBIyImJzE0NjcxNyMwIjEiJicxNDY3MTc+ATM4ATkBOgEzMhYXMRQGBzEHMzAyMTIWFzEUBgcxA0D9gDVLSzUCgDVLSzX9gAKAiMAFEAkBAQEOFAIEBJTpAg4VAQQEwAUQCQEBAQ4UAgQElOkCDhUBBAQDgEs1/YA1S0s1AoA1S/0AAoD+reAGBxIOBQoErRIOBQoE4AYHEg4FCgStEg4FCgQAAAEAgAA8A4ADAQCDAAABIy4BJyMnLgEnFy4BJzUuATUwNDUxPAE1NDY3MT4BMzoBMzEeARcjHgEXIzcuASMqAQczKgEjIgYHMQ4BFRwBFTEcARUUFhc1HgEfAiEVIRceARUxHAEVFAYHMQ4BIyoBIzEuAScXLgEnFwceATM6ATMjMhYzMjY3MT4BNzEuAScXMwOA9BIoFwI5FSMRAQgOBQUFDw0NIxMCBAITJBECEB0NARscQiQHDgYBAgQCJkQaGR0PDRIxHQIv/p0BxAQJChIPESoYAQQBEyQRAhIhDgEiH0wpAgQDAQMHAyxOIB0iAQEIBwHTAYASHQsbChUNAQcSCgEKFw0BAQEBARQiDQsOAQYGBA4IURETARsYFz8lAQMBAQICHDUXARkmCwEWQAQOIREBAQEWJg4OEAEHBgEGEAsBVhUWAR0aF0QoFCYSAgAAAAACAEAAAAPAA4AAHQA9AAABBzMyFhUUBisBIiY1MTU0NjMyFhUxFTceARcVFDY/ASMiJjU0NjMxMzIWFTEVFAYjIiY1MTUHLgEnNTQGNwHA50cTGhoTsxMaGhMSG+YYIgYGeudHExoaE7MTGhoTEhvmGCIGBgYBQOYbEhMaGhOzExoaE0fnBSMXAQkP+uYbEhMaGhOzExoaE0fnBSMXAQkPBgAAAAMAQABAA8ADgAAbAB4AIgAAASMVMxEhETM1IyIGFTERFBYzMSEyNjUxETQmIwEHISczESMDQICA/YCAgDVLSzUCgDVLSzX+wIABAKpUVAKAgP7AAUCASzX+wDVLSzUBQDVLAQDaIP66AAAAAAMAQAAAA8ADgAADABcAHwAAATMnBwEhIgYVMREUFjMxITI2NTERNCYjAycjByMTMxMBuI1GRwGI/YA1S0s1AoA1S0s1sivIKHPoLuoBgdHRAf9LNf2ANUtLNQKANUv9QHNzAkD9wAAABAA/AMADvwL/AAcACgB5ALAAACUDIwMzNzMXJyM3AREwNDU0JicXLgEnMS4BJyMuASMqATkBOAExIgYHMwYHBgcGBxU+ATczPgEzMToBMzIWFzEeARUwFBUxFSMmIiMiBgczDgEVHAEVNRQwFRQWFyceARcxHgEXMx4BMzoBMzE4ATEyNjcjPgE3MRczJw4BDwEOAQcjMCIjIiYnMS4BJzEuASc1LgE1OAE5ATQwNTQ2NzE+ATcxPgE3Mz4BMzoBMzEzFQJA6i7pcynIK0mMRgKABgUBBQ8JChcNAQ0eDwECChMKAhMREBAPDA0fEQMOIBACBAIQHgwKC04DBwQfOBgBFBcEBAEECwcIEwoBCxoOAQIBEiIQAhMfDQE7Qg0eEQELGg4BAQEHDgYGCQQEBQICAQMCAwgGBg4IAQgUCwEBAVPAAj/9wXNzwNH+egEEAgEOGgwBDBMIBwwDBAQBAQIEAwQEBTsGCgQEBAsJChoPAgEhARIPDiwaAQICAQEBCxUKAQoRBwcLBAQFCAYIFg4zaAwWCAEGBwEDAgIGBAQIBQEECwUBAQcOBgYLBAUHAgMCQwAAAAAHAD8AQAPRA0AABwAKAA4AEgAWABoAHgAAJQMjAzM3MxcnIzclMxEjExcHJzcHFzcDNycHFyc3FwJA6i7pcynIK0mMRgHBQEAkLbUtrS21La0ttS2tLbUtwAI//cFzc8DR7/0AAvEttS21LbUt/dMttS21LbUtAAABAMAAQANAA0AAMgAAASEqASMiBgczDgEHMw4BBxUOARUcARUxFBYXNR4BFzEeARczHgEzOgEzMREzETMRMxEzA0D+YAIFAhgsFQIUJA8BDxYIBgcJBwgXDg4hEwEULRgCBAFcgFxoA0AHBgYUDAwdEQEPIhICBQITJBABER4MDRUHCAf+cwKr/VUCqwAAAAAC//EAswQEAtwABQALAAABLQEnCQEBDQEXCQEBn/8AAQBR/qMBXQEJAQD/AFABXf6jAQDIxk7+7P7rAdzIxk0BFAEUAAYAQABAA8ADQAADAB8AIgAlADgATAAAAREhEQU6ATMyFhcxDgEjKgEjMSoBIyImJzE+ATM6ATMHNxcxNxcBITIWFTEVFAYjISImNTE1NDYzESEyFhUxFRQGIzEhIiY1MTU0NjMBAAIA/qsBAgIVHgMDHhUCAgEBAwEVHwICHxUBAwFcTUh0bf22AwoZIiIZ/PYZIiIZAwoZIiIZ/PYZIiIZAoD+gAGAShwUFRsbFRQc9lBQgIACACIZChkiIhkKGSL9gCIZChkiIhkKGSIAAAAHAEAAgAPAAwAAEgApAD0AQQBeAGEAZAAAATMyFhUxFRQGKwEiJjUxNTQ2MxEzMhYVMRUUBiMxIzgBMSImPQE0NjMxASEyFhUxFRQGIzEhIiY1MTU0NjMDESERBTAyMzIWFzEOASMqATkBKgExIiYnMT4BMzAyMzEHNxcjNxcCu8oZIiIZyhkiIhnJGSIiGckYIyIZ/cADChkiIhn89hkiIhk7AcD+1gEBFB0BAR0UAQEBARQdAQEdFAEBUUNAA2hgAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiAgD+gAGAShwUFBwcFBQc9lBQgIAAAAAHAEAAgAPAAwAAEwAtAEEARQBaAF0AYAAAEzMyFhUxFRQGIzEjIiY1MTU0NjMRMzIWFTEVFDAxFAYjOAExIyImNTE1NDYzMREhMhYVMRUUBiMxISImNTE1NDYzAREhEQUwMjMyFhcxDgEjIiYnMT4BMzoBMwc3Fyc3F3vKGSIiGcoZIiIZyhkiIhnKGSIiGQMKGSIiGfz2GSIiGQGFAcD+1gEBFB0BAx0VFB0DAR0UAQEBUURABGVjAwAiGQoZIiIZChki/wAiGQkBGSIiGQoZIv8AIhkKGSIiGQoZIgIA/oABgEocFBQbGxQUHPZPUAGAgAAABAAAAAAEAAOAAAMAIAAjACYAABMRIREFOgEzMhYXMQ4BIyoBIzEqASMiJicxPgEzOgEzMQM3FzUbAQAEAP1UAQEBL0MBAUMvAQEBAQEBL0MBAUMvAQEBt5uR6NoDgPyAA4CsQS8vQUEvL0H9xbe7BAEn/tQAAAAABQAAAIAEAAMAABMAKgA+AEEARQAAEyEyFhUxFRQGIyEiJjUxNTQ2MzEBITIWFTEVFAYjMSE4ATEiJj0BNDYzMREhMhYVMRUUBiMxISImNTE1NDYzJwcRBzMVIzsDihkiIhn8dhkiIhkBwAHJGSIiGf43GCMiGQHKGSIiGf42GSIiGbvAgICAAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIaEBQIBAAAAAAgDAAAADgAOAACQASQAAJTEqASMiJy4BJyYnNDc+ATc2MzIXHgEXFhUxBgcOAQcGIyoBIzU6ATMyNz4BNzY3MTQnLgEnJiMiBw4BBwYVFhceARcWMzoBMzECIAEDAUc/P14bHAExMHw5OREROTl8MDEBHBtePz9HAQMBAQIBNS8vRxQVASYlXisqCgoqK14lJgEVFEcvLzUBAgEAGxpdPj5HR2BfrTw8PDytX2BHRz4+XRobVRQURi4vNTVKSYUvLy8vhUlKNTUvLkYUFAAAAAEBswBIAowC9gADAAAlEyMDAhN5X3pIAq79UgABAAABgQQAAgAAFQAAEyEyFhUxFRQGIyE4ATEiJj0BNDYzMTsDihkiIhn8dhgjIhkCACIZCRkiIhgKGSIAAAAAAwAAAL8EAALBADgAPAB5AAAlIiYnFzUzHgE7ATIWMzI2PwEuASMqASMzDgEHNyM1PgE7ATI2MzIXHgEXFhcVBgcOAQcGIyImIzMBIRUhJw4BBzcjFQ4BFRQWFzEVMx4BMzI2NwczFQ4BKwEiBiMiJy4BJyYnNTY3PgE3NjMyFjMjMhYXJxUjLgEnIwLcKUshAj0TKxcBAwkEQF4IAQhfQAQJBAEYLBQCPSBKKAEDCQU2MTBKFxcEBBcXSjAxNgUJBAH+kQEl/ttJFywUAjwSExMSPBMrFxgsFAI9IEooAQMJBTYxMEoXFwQEFxdKMDE2BQkEASlLIQI9EysXAcAUEgFbCAoBVD4BP1QBCgkBWxEUARQURS8vNQE2Ly9FFBQBAUCA0wEKCQEpES0ZGi0RKAgKCgkBWxEUARQURS8vNQE2Ly9FFBQBFBIBWwkJAQAABQAaAIAEAAMAABIAKAA8AEYAdAAAASEyFhUxFRQGIyEiJjUxNTQ2MxEhMhYVMRUUBiMhOAExIiY9ATQ2MzERITIWFTEVFAYjMSEiJjUxNTQ2MwM1Iw4BByMVNxUTNSM3PgE3MTY0NTQmJzEuASMiBiMzMCIxIgYHMQ4BBzEXPgE7ATIVDgEHMQcVATsCihkiIhn9dhkiIhkCihkiIhn9dhgjIhkCihkiIhn9dhkiIhm2EA4kFAEvVVYvCg0CAQsJCxkOAgICAQEKFAgIDQQbBRUMAR8CCwlJAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiAQjlEBsKJxyl/oAkRw4gEgEBAQwWBwgJAQUGBA4JFgsOGhAbC2kMAAUAAACABAADAAATACoAPgBBAEUAABMhMhYVMRUUBiMhIiY1MTU0NjMxASEyFhUxFRQGIzEhOAExIiY9ATQ2MzERITIWFTEVFAYjMSEiJjUxNTQ2MyUXERUzFSM7A4oZIiIZ/HYZIiIZAcAByRkiIhn+NxgjIhkByhkiIhn+NhkiIhn+BcCAgAMAIhkKGSIiGQoZIv8AIhkJGSIiGAoZIv8AIhkKGSIiGQoZIiGhAUCAQAAAAAYAAP/ABAADwAAdADsAPwBDAEcASwAAASIHDgEHBhUUFx4BFxYzMjc+ATc2NTE0Jy4BJyYjESInLgEnJjU0Nz4BNzYzMhceARcWFTEUBw4BBwYjAyEVIREhFSEbARcDNxMXAwIAal1eiygoKCiLXl1qal1eiygoKCiLXl1qUEVGaR4eHh5pRkVQUEVGaR4eHh5pRkVQwAGA/oABgP6AQEo2SkpKN0sDwCgoi15dampdXosoKCgoi15dampdXosoKPyAHh5pRkVQUEVGaR4eHh5pRkVQUEVGaR4eAUBAAQBA/tsB5Rv+GxsB5Rr+GgAAAAUAAACABAADAAATADMASABoAH8AABMhMhYVMRUUBiMhIiY1MTU0NjMxATMyMDEyFhU4ATkBFRQwMRQGIzgBMSMiJjUxNTQ2MzEBITIWFTEVFAYjMSEiJjUxNTQ2MzEBMzIwMTIWFTgBOQEVFDAxFAYjOAExIyImNTE1NDYzMTsBMhYVMRUUBiMxIzgBMSImPQE0NjMxOwOKGSIiGfx2GSIiGQEACQEZIiIZChkiIhn/AAOKGSIiGfx2GSIiGQHACQEZIiIZChkiIhnACRkiIhkJGCMiGQMAIhkKGSIiGQoZIv8AIhkJARkiIhkKGSL/ACIZChkiIhkKGSIBACIZCQEZIiIZChkiIhkJGSIiGAoZIgAAAAEAwACAA0ADAABHAAA3MDIxMjY1OAE5ATU0NjMxIQcOARUUFjMyNjcxNz4BNTQmLwEuASMiBhUUFh8BITgBMSIHDgEHBhU4ATkBFTgBMRQWMzgBOQHoARAYXUMBB4QGBhgQCA8FyAYGBgbIBQ8IEBgGBoT++DIrLEETExcRgBcRoEJehAUOCRAYBwXIBQ8ICA8FyAYGFxEIDgaEExJCKywyoBEXAAAAAAIAQAAAA4ADgAAeADwAAAEHMzIWFRQGKwEiJjUxNTQ2MzIWFTEVNx4BFxUUNgcBNyMiJjU0NjsBMhYVMRUUBiMiJj0BBy4BJzU0BjcDgOdHExoaE7MTGhoTEhvmGCIGBgb8wOdHExoaE7MTGhoTEhvmGCIGBgYDQOYbEhMaGhOzExoaE0fnBSMXAQkPBv0A5hsSExoaE7MTGhoTR+cFIxcBCQ8GAAAAAAEAgAA+A38DQADGAAAlIiMHPgE3Iz4BNzU+AT8BPgE1PAE1MTwBNTQmJxcuAScjLgEnIy4BIyoBIzEqASMiBgc3DgEHMQ4BDwEOARUcARU1FDAxFBYXNR4BFyceAR8BHgEfASciKwEVMBQxFBYXMR4BMzoBOQEhNS4BJxUuAS8BLgEnNS4BNTwBOQE8ATU0NjcVPgE3MT4BNzM+ATMyFhcjHgEXIx4BHwEeARUcARUxMBQVFAYHNw4BBzUOAQ8BDgEHIxUhOgExMjY3MT4BNTA0OQE1AvYXFy0ZLBQBFCIPDhcIAQcJEA8BDikYARk6IAIgSSYBAgEBAgEmSSICIjwZGSgOAQ4PCQgIFw8BDyITARMsFwItFxaKBgYFDwgBAQEZFSYQER4MAQwVBwcICwoJHBERJxYBFjEZGjEYAxgoEQESGwkBCQsIBwEIFA0MHhEBECUVAQEZAQEJDgYFBqgFCRgPDyQUARQuGAMXNhwBAQEBAQEmRyACITcXFiMMDQ0ODQENJBcXNx8CH0YmAQIBAQEdNxoCGi8UARUkDwEOGAkBBkABCA4FBQaRBA8MAQ0eEQESKBcCFjEaAQEBAwEcNBgBFicPDxcICAgICAcYDw8mFgEXNBwBAwEBARoyGAMYKhIBEh4MAQsPBI8GBQUOCAFAAAAAAAIBFQAWA+kCnQALAD0AACUnNyMHJyMXBzM3FwU1Izc+ATc1PAE1NCYnIy4BIyoBIzMqASMiBgc3DgEPARc+ATcxPgEzMTIVDgEHMQcVAsy7q111al2dq2FygAGBj1IQFQMQDQEPJxUCBAIBAQEBEB0NAQwRBAEgBQ0ICBMLOQMSD3PI8OWhoeXwq6uwLYAWNB0BAQMBEyEMCw0IBwEHFAwBGgkNBQUGMxowE7AKAAAAAgEVAMgD6QONAAsAPQAAJSc3IwcnIxcHMzcXATUjNz4BNzU8ATU0JicjLgEjKgEjMTAiIyIGBzMOAQcVFz4BNzE+ATcxMhUOAQc1BxUCzLurXXVqXZ2rYXKAAYGPUhAVAxANARAoFgEDAQIBEB0NAQwRBCAEDQgIFAo5AhMPcsjw5aGh5fCrqwFQLYAWNB0BAQMBEyEMDQ4IBwYUDAEaCA4FBQUBMxsvFAGxCgAAAAAGAEAAQAPAAwAAAwAHAAsADwATABcAABMhFSElIRUhBSEVISUhFSEFIRUhJSEVIUABov5eAd4Bov5e/iIBov5eAd4Bov5e/iIBov5eAd4Bov5eAwDAwMBAwMDAQMDAwAACAIAAQQOAA0AALgBfAAABMhYVMBQVFAYHNQchMhYVFAYjIRceARUcATkBFAYjIiYnNScuATU0NjcxNz4BMwExFx4BFRQGBzEHDgEjMSImNTA0MTQ2NzE3IQYmNTQ2MyEnLgE1PAE5ATQ2MzIWFxUBEBQcCAYOAiwUHBwU/dQOBwccFAsRBmAGCAgGYAYRCwIAYAcHBwdgBhELFBwIBg791hQcHBQCLA4HBxwUCxEGA0AmGgEBDBYKARMmGhomEwkWDAEBGiYKCAGACRcNDBcKgAgL/m2ACRcNDBcKgAgKJRsBDRYJEwEmGhomEwkWDAEBGiYKCAEAAAQBAACAAwEDAAADAAcACwAPAAABJzcXFzcnBwMHFzc3FwcnASkp6ynDKuwpwynrKcMq7CkCACfZJtom2ib+pibaJ9kn2ScAAAIA0P/AAxADDgA5AD0AAAEcARUUFhcxHgEzMjYzIzoBMzI2NxU+ATU8ATUVESMRHAEVFAYHMQ4BIyoBIzEqASMiJjU0NjUxESMDNSEVARIfGx5LKgUKBQEDBwMsTR8cIVgUERIxGwIEAgEEAzVLAVhCAkABTAMHAylJGhgcAR0aARtIKgMGAwEBwP5GAQQCGy8SERRLNQIDAgG2/Lc4OAABAMAAgANAAwAANgAAJSImNTE1NCYjMSEXHgEVFAYjIiYnMScuATU0Nj8BPgEzMhYVFAYHMQchMhceARcWFTEVFAYjMQMYEBdeQv73hAYGGBAIDwXIBgYGBsgFDwgQGAYGhAEIMissQRMTFxGAFxGgQl6EBQ4JEBgHBcgFDwgIDwXIBgYXEQgOBoQTE0EsLDGgERcABgAAAIAEAAMAABIAKAA8AFAAcACEAAATITIWFTEVFAYjISImNTE1NDYzESEyFhUxFRQGIyE4ATEiJj0BNDYzMREhMhYVMRUUBiMxISImNTE1NDYzIzMyFhUxFRQGIzEjIiY1MTU0NjMRMzIwMTIWFTgBOQEVFDAxFAYjOAExIyImNTE1NDYzMREzMhYVMRUUBiMxIyImNTE1NDYz+wLKGSIiGf02GSIiGQLKGSIiGf02GCMiGQLKGSIiGf02GSIiGcAKGSIiGQoZIiIZCQEZIiIZChkiIhkKGSIiGQoZIiIZAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIhkKGSIiGQoZIgEAIhkJARkiIhkKGSIBACIZChkiIhkKGSIAAAAAAwBeAE4DrwMdAKcBUgFwAAAlMzUjKgEjIiYnMS4BNTwBNTE0NzY1NjQ1NCYnFS4BJzE1PgE3MT4BNTwBJxU0JyY1PAE1NDY3MT4BMzIWMzEzNSMwIiMiBgczDgEHMQ4BDwEOARUcARU1FBcWFxYXFhUwFDEUBgcxDgEHMQ4BByMOASMqASMxFToBMzIWFyMeARcxHgEXFR4BFzEUBwYHBgcGFRwBFRQWFyceARcxHgEXMx4BMzoBMyMFMzoBMTI2NyM+ATcxPgE3MT4BNTQmNTE0JyYnJicmNTgBMTQ2NxU+ATcxPgE3NT4BMzAyMzE1KgExIiYnFy4BJzEuASc1LgE1OAE5ATQ3Njc2NzY3PAE1NCYnFS4BJzEuAS8BLgEjKgEjMSMVMzoBMzIWFzEeARUUBhUxFAcGFRwBFRQWFyMeARczFQ4BBzEOARUcARU1FBcWFRwBFRQGBzcOASMqASMxIxUlMzc2NzY3MxYXFh8BMyc3IwcGBwYHIyYnJi8BIxcBBC0TAQMCChIGBQYCAgEIBgcWDQ0WBwcHAQICBgUGEgoCAwETLQIBCxYKAQoQBgYKAgEDAwECAQEBAQECAgYEBAsGAQcQCAEBAQEBAQgRBwEHCwUDBgICAQECAQECAQEDBAEDCgYGEAkBCRYLAQIBAQHXLQEBDBYLAgoQBgcJAwMEAQEBAQIBAQIBAgYEBAsHBxAJAgEBAgkQCAEGCwUEBgIBAgECAQEBAQEEAwMJBwYQCQEJFgsBAQEtEwIDAQsRBwUGAQICBwcBCBUNAQ4VCAYHAgIFBgEHEQsBAwIT/mVcOgkJCAoDCwkKCjtgioJcNAgICAkDCwgJCTZgglE0CAcKFgwCBAIkISIoAgQDDx0NAQsPAwMDDwsMHRACBQIBKCIiJAEFAgwWCgYJATUDAwIKBwcSCQEMGg0BAgIBFxITEhESEhQBBgsFBgkEBQcDAwM6AwMDBwUECgUBBQsHFBESEhETExYBAgEOGwwBChIHBwkDAgMDAwIDCQcHEgoMGg4BAgEWExISERISFAYMBgEGCgQFBwIBAgM7AwMBAwcFBAoFAQQMBhUREhIRExMWAQIBDhoNAgsSBwYKAgECAzQIBwkXCwMEAiQhIigCBAMPHQ0KDwMDAw8LDB0QAgQDASgiISQCBAMMFgoBBwg0c2kSERIUFBIREmnj3WMQEBEUFBARD2TaAAAEAAAAQAQAA0AAIwA3AFwAXwAAASEiBw4BBwYVMREUFx4BFxYzMSEyNz4BNzY1MRE0Jy4BJyYjExQGIzEhIiY1MRE0NjMxITIWFTEFMQcOASMwIjkBKgEjIiYnMTU+ATM6ATMxMhYXIxceARUUBgcVJzcnAwD+ADUvLkYUFBQURi4vNQIANS8uRhQUFBRGLi81gEs1/gA1S0s1AgA1S/7pmgYNCAEBAgESGwICGxIBAgEIDgcBmgoNDQqACAsDQBQURi4vNf8ANS8uRhQUFBRGLi81AQA1Ly5GFBT+ADVLSzUBADVLSzWjVgMEGRKqEhkEBFUEEwwLEwQBHgUGAAAACgBAAAADwAOAAA8AJQAzAEEAUgBnAHgAjgCfALUAAAEjIiY1NDYzMTMyFhUUBiMnDgEjIiY1NDY3MTc+ATMyFhUUBgcxASImNTQ2MzIWFTEUBiM1IgYVFBYzMjY1MTQmIzUiJjUxNTQ2MzIWFTEVFAYjBycuATU0NjMyFh8BHgEVFAYjIiYnFxQGIzEjIiY1NDYzMTMyFhUHPgEzMhYVFAYHMQcOASMiJjU0NjcxJTIWFTEVFAYjIiY1MTU0NjM3Fx4BFRQGIyImJzEnLgE1NDYzMhYXA4hwFyEhF3AXISEXmggUCxchCAdQBxULFyEJB/7DRmJiRkZiYkYXISEXFyEhFxchIRcXISEX7k8HCSEXCxUHUAcIIRcLFAgOIRdwFyEhF3AXIQ4IFAsXIQgHUAcVCxchCQcBPRchIRcXISEX7k8HCCEXCxQHUAcIIRcLFAgBiCEXFyEhFxch1gcIIRcLFAhPBwkhFwsVB/5qYkZGYmJGRmLgIRcXISEXFyGoIRdwFyEhF3AXIUJQBxULFyEJB08IFAsXIQgHnhchIRcXISEXngcIIRcLFAhPBwkhFwsVBw4hF3AXISEXcBchQlAHFAsXIQgHTwgUCxchCAcAAAAAAQAAAAEAAIeeNh1fDzz1AAsEAAAAAADWD0mdAAAAANYPSZ3/8f/ABAQDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAP/x//wEBAABAAAAAAAAAAAAAAAAAAAALgQAAAAAAAAAAAAAAAIAAAAEAAAABAAAAAQAAAAEAAEZBAAAwAQAAEAEAABABAAAgAQAAEAEAABABAAAQAQAAD8EAAA/BAAAwAQA//EEAABABAAAQAQAAEAEAAAABAAAAAQAAMAEAAGzBAAAAAQAAAAEAAAaBAAAAAQAAAAEAAAABAAAwAQAAEAEAACABAABFQQAARUEAABABAAAgAQAAQAEAADQBAAAwAQAAAAEAABeBAAAAAQAAEAAAAAAAAoAFAAeAGwAugEIAXgBxAImApIDPAOOA8QD+ATUBRAFWAV6BeIGYAbaBxYHcAfYB+YIBgiuCUAJmgoSCpwK8AtEDEAMmAzwDSANnA3ADhAOWg7wELYRNhIgAAAAAQAAAC4BcQAKAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAgAAAABAAAAAAACAAcAaQABAAAAAAADAAgAOQABAAAAAAAEAAgAfgABAAAAAAAFAAsAGAABAAAAAAAGAAgAUQABAAAAAAAKABoAlgADAAEECQABABAACAADAAEECQACAA4AcAADAAEECQADABAAQQADAAEECQAEABAAhgADAAEECQAFABYAIwADAAEECQAGABAAWQADAAEECQAKADQAsFJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMFJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclJlZ3VsYXIAUgBlAGcAdQBsAGEAclJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AckZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype"); font-weight:normal; font-style:normal } [class^=re-icon-],[class*=" re-icon-"]{ font-family:"Redactor" !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .re-icon-aligncenter:before{ content:"" } .re-icon-alignment:before,.re-icon-alignleft:before{ content:"" } .re-icon-alignright:before{ content:"" } .re-icon-bold:before{ content:"" } .re-icon-bookmark:before{ content:"" } .re-icon-clips:before{ content:"" } .re-icon-codesnippets:before{ content:"" } .re-icon-deleted:before{ content:"" } .re-icon-expand:before{ content:"" } .re-icon-file:before{ content:"" } .re-icon-fontcolor:before{ content:"" } .re-icon-fontfamily:before{ content:"" } .re-icon-fontsize:before{ content:"" } .re-icon-format:before{ content:"" } .re-icon-html:before{ content:"" } .re-icon-imagecenter:before{ content:"" } .re-icon-imageleft:before{ content:"" } .re-icon-imageright:before{ content:"" } .re-icon-image:before{ content:"" } .re-icon-indent:before{ content:"" } .re-icon-inline:before{ content:"" } .re-icon-italic:before{ content:"" } .re-icon-line:before,.re-icon-horizontalrule:before{ content:"" } .re-icon-link:before{ content:"" } .re-icon-ol:before,.re-icon-ordered:before{ content:"" } .re-icon-outdent:before{ content:"" } .re-icon-properties:before{ content:"" } .re-icon-readmore:before{ content:"" } .re-icon-redo:before{ content:"" } .re-icon-retract:before{ content:"" } .re-icon-specialcharacters:before{ content:"" } .re-icon-sub:before{ content:"" } .re-icon-sup:before{ content:"" } .re-icon-table:before{ content:"" } .re-icon-textdirection:before{ content:"" } .re-icon-toggle:before{ content:"" } .re-icon-underline:before{ content:"" } .re-icon-undo:before{ content:"" } .re-icon-ul:before,.re-icon-lists:before,.re-icon-unordered:before{ content:"" } .re-icon-variable:before{ content:"" } .re-icon-video:before{ content:"" } .re-icon-widget:before{ content:"" } .redactor-box,.redactor-box textarea{ z-index:auto } .redactor-box{ position:relative; box-sizing:border-box } .redactor-box.redactor-styles-on{ margin:0; padding:0; border:1px solid rgba(0,0,0,.075); border-radius:3px; box-shadow:none } .redactor-box.redactor-inline{ position:static } .redactor-focus.redactor-styles-on,.redactor-focus:focus.redactor-styles-on{ border-color:#82b7ec !important } .redactor-over:hover.redactor-styles-on{ border-color:#ee698a !important } .redactor-source-view,.redactor-source-view.redactor-styles-on{ border-color:#000 !important } .redactor-in{ position:relative; overflow:auto; white-space:normal; box-sizing:border-box } .redactor-in:focus{ outline:none } .redactor-inline .redactor-in{ overflow:hidden } .redactor-in *,.redactor-read-only *{ outline:none !important } .redactor-in h1:empty,.redactor-in h2:empty,.redactor-in h3:empty,.redactor-in h4:empty,.redactor-in h5:empty,.redactor-in h6:empty,.redactor-in p:empty,.redactor-in blockquote:empty,.redactor-in div[data-redactor-tag=br]:empty,.redactor-in div[data-redactor-tag=tbr]:empty{ min-height:1.5em } .redactor-in div[data-redactor-tag=br],.redactor-in div[data-redactor-tag=tbr]{ margin-top:0; margin-bottom:0 } .redactor-in strong:empty,.redactor-in b:empty,.redactor-in em:empty,.redactor-in i:empty,.redactor-in span:empty,.redactor-in sup:empty,.redactor-in sub:empty,.redactor-in u:empty,.redactor-in ins:empty{ display:inline-block; min-width:1px; min-height:1rem } .redactor-in table{ empty-cells:show } .redactor-in li figure{ width:auto; display:inline-block; margin:0; vertical-align:top } .redactor-in figcaption:focus,.redactor-in figure code:focus,.redactor-in figure pre:focus,.redactor-in table td:focus,.redactor-in table th:focus{ outline:none } .redactor-in figure[data-redactor-type=line]{ margin-top:1em; padding:6px 0; vertical-align:baseline } .redactor-in figure[data-redactor-type=line] hr{ margin:0; height:3px; border:none; background:rgba(0,0,0,.1) } .redactor-script-tag{ display:none !important } .redactor-component{ position:relative } .redactor-component[data-redactor-type=widget]:before,.redactor-component[data-redactor-type=video]:before{ width:100%; height:100%; content:""; display:block; position:absolute; z-index:1 } .redactor-component[data-redactor-type=image],.redactor-component[data-redactor-type=widget]{ clear:both } .redactor-component[data-redactor-type=variable]{ white-space:nowrap; background:rgba(0,125,255,.75); color:#fff; display:inline-block; padding:3px 6px; line-height:1; border-radius:4px; cursor:pointer } .redactor-component-active{ outline:5px solid rgba(0,125,255,.5) !important } .redactor-component-active[data-redactor-type=image]{ outline:none !important } .redactor-component-active[data-redactor-type=image] img{ outline:5px solid rgba(0,125,255,.5) !important } .redactor-component-active[data-redactor-type=variable]{ outline:none !important; background:#ee698a } .redactor-component-active[data-redactor-type=video]{ outline:none !important } .redactor-component-active[data-redactor-type=video] iframe{ outline:5px solid rgba(0,125,255,.5) !important } .redactor-blur.redactor-styles-on .redactor-component-active{ outline:5px solid #ddd !important } .redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=image]{ outline:none !important } .redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=image] img{ outline:5px solid #ddd !important } .redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=video]{ outline:none !important } .redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=video] iframe{ outline:5px solid #ddd !important } .redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=variable]{ outline:none !important; background:#ddd } .redactor-component-caret{ position:absolute; left:-9999px } .redactor-textnodes-wrapper{ display:inline-block } #redactor-image-resizer{ position:absolute; z-index:1050; background-color:rgba(0,125,255,.9); width:13px; height:13px; border:1px solid #fff; cursor:move; cursor:nwse-resize } .redactor-file-item{ display:inline-block; line-height:1; padding:4px 12px; border-radius:16px; border:1px solid rgba(0,0,0,.2) } .redactor-file-remover{ margin-left:2px; position:relative; right:-3px; display:inline-block; padding:0 3px; cursor:pointer; opacity:.5 } .redactor-file-remover:hover{ opacity:1 } #redactor-overlay{ position:fixed; z-index:1051; top:0; left:0; right:0; bottom:0; background-color:rgba(16,16,18,.3) } #redactor-overlay>.redactor-close{ position:fixed; top:1rem; right:1rem } .redactor-source,.redactor-source:hover,.redactor-source:focus{ text-align:left; box-sizing:border-box; font-family:Consolas,Menlo,Monaco,"Courier New",monospace; width:100%; display:block; margin:0; border:none; box-shadow:none; border-radius:0; background:#252525; color:#ccc; font-size:15px; outline:none; padding:10px 18px 20px 18px; line-height:1.5; resize:vertical } .redactor-box[dir=rtl] .redactor-source{ direction:ltr } .redactor-placeholder:before{ position:absolute; content:attr(placeholder); color:rgba(0,0,0,.4); font-weight:normal } .redactor-in figcaption[placeholder]:empty:before{ content:attr(placeholder); color:rgba(0,0,0,.4); font-weight:normal } .redactor-in figcaption[placeholder]:empty:focus:before{ content:"" } .redactor-statusbar{ font-family:Consolas,Menlo,Monaco,"Courier New",monospace; margin:0; padding:8px 10px; position:relative; overflow:hidden; list-style:none; background:#f8f8f8; box-sizing:border-box; border:none } .redactor-statusbar li{ float:left; font-size:12px; color:rgba(0,0,0,.5); padding:0 10px; line-height:16px; border-right:1px solid rgba(0,0,0,.1) } .redactor-statusbar li:last-child{ border-right-color:transparent } .redactor-statusbar a{ color:rgba(0,0,0,.5); text-decoration:underline } .redactor-statusbar a:hover{ color:#f03c69; text-decoration:underline } .redactor-statusbar:empty{ display:none } .redactor-toolbar-wrapper{ position:relative; z-index:10 } .redactor-toolbar,.redactor-air{ z-index:100; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; position:relative; margin:0 !important; padding:0; list-style:none !important; line-height:1 !important; background:none; border:none; box-sizing:border-box } .redactor-box.redactor-styles-on .redactor-toolbar{ padding:15px 15px 10px 0 } .redactor-toolbar a,.redactor-air a{ display:inline-block; box-sizing:border-box; font-size:14px; text-align:center; padding:10px 15px 9px 15px; cursor:pointer; outline:none; border:none; vertical-align:middle; text-decoration:none; zoom:1; position:relative; color:rgba(0,0,0,.85); border-radius:2px; background:rgba(255,255,255,.97); box-shadow:0 1px 2px rgba(0,0,0,.22); margin-right:5px; margin-bottom:4px } .redactor-toolbar a.re-button-icon,.redactor-air a.re-button-icon{ font-size:16px; padding:9px 15px 6px 15px } .redactor-toolbar a:hover,.redactor-air a:hover{ outline:none; color:#fff; background:#449aef } .redactor-toolbar a.redactor-button-active{ background:rgba(245,245,245,.95); color:rgba(0,0,0,.4) } .redactor-toolbar a.redactor-button-disabled,.redactor-air a.redactor-button-disabled{ opacity:.3 } .redactor-toolbar a.redactor-button-disabled:hover,.redactor-air a.redactor-button-disabled:hover{ color:#333; outline:none; background-color:transparent !important; cursor:default } .redactor-source-view .redactor-toolbar{ background:#252525 } .redactor-source-view .redactor-toolbar a{ background:#000; color:#fff } .redactor-source-view .redactor-toolbar a:hover{ background:#449aef } .redactor-source-view .redactor-toolbar a.redactor-button-disabled:hover{ color:#fff !important; background-color:#000 !important } .re-button-tooltip{ display:none; position:absolute; white-space:nowrap; top:0; z-index:1052; background:rgba(0,0,0,.9); border-radius:3px; padding:5px 9px; color:rgba(255,255,255,.8); font-size:12px; line-height:1; font-family:Consolas,Menlo,Monaco,"Courier New",monospace } .re-button-tooltip:after{ bottom:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:none; border-bottom-color:rgba(0,0,0,.9); border-width:4px; margin-left:-4px } .redactor-toolbar-wrapper-air{ position:absolute; z-index:100 } .redactor-air{ padding:6px 3px 2px 8px; max-width:576px; min-width:200px; border-radius:4px; background:rgba(0,0,0,.97) } .redactor-air a{ background:rgba(37,37,37,.95); box-shadow:none; color:rgba(255,255,255,.9) } .redactor-air a:hover{ background:#3d79f2 } .redactor-air a.redactor-button-active{ background-color:rgba(255,255,255,.15); color:#fff } .redactor-air a.redactor-button-disabled:hover{ color:#fff } .redactor-air-helper{ position:absolute; right:0; top:0; line-height:1; font-size:15px; color:#000; background:rgba(255,255,255,.85); border-bottom-left-radius:4px; padding:7px 10px 6px 10px; cursor:pointer } .redactor-air-helper:hover{ background:#fff } .redactor-voice-label{ display:none } .redactor-context-toolbar{ position:absolute; top:0; left:0; z-index:1051; background-color:rgba(0,0,0,.95); color:#555; border-radius:4px; padding:6px 18px 7px 18px; line-height:1.5; font-family:Consolas,Menlo,Monaco,"Courier New",monospace } .redactor-context-toolbar a{ font-size:12px; color:#ccc; text-decoration:none; display:inline-block; padding:2px 0 1px 12px } .redactor-context-toolbar a:first-child{ padding-left:0 } .redactor-context-toolbar a i{ position:relative; top:3px; font-size:16px } .redactor-context-toolbar a:before{ content:""; padding-left:10px; border-left:1px solid rgba(255,255,255,.3) } .redactor-context-toolbar a:hover{ color:#fff } .redactor-context-toolbar a:first-child:before{ padding-left:0; border-left:none } .redactor-context-toolbar[dir=rtl] a{ padding:2px 12px 1px 0 } .redactor-context-toolbar[dir=rtl] a:first-child{ padding-right:0 } .redactor-context-toolbar[dir=rtl] a:before{ padding-left:0px; padding-right:10px; border-right:1px solid rgba(255,255,255,.3); border-left:none } .redactor-context-toolbar[dir=rtl] a:first-child:before{ padding-right:0; border-right:none } .redactor-dropdown{ font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; display:none; position:absolute; z-index:1051; background-color:#fff; box-shadow:0 4px 14px rgba(0,0,0,.2); border-radius:2px; width:264px; min-height:40px; max-height:250px; margin:0; margin-top:-1px; overflow:auto; font-size:15px; padding:0 } .redactor-dropdown a span{ display:inline-block; line-height:1; padding:2px 4px; border-radius:3px } .redactor-dropdown a{ display:block; text-decoration:none; padding:10px 8px; white-space:nowrap; border-bottom:1px solid rgba(0,0,0,.05) } .redactor-dropdown a:last-child{ border-bottom-color:transparent } .redactor-dropdown a{ color:#000 } .redactor-dropdown a:hover{ color:#fff !important; background-color:#449aef !important } .redactor-dropdown a.redactor-dropdown-item-disabled{ color:rgba(0,0,0,.4); background:#fff } .redactor-dropdown-cells{ margin:10px auto } .redactor-dropdown-cells a,.redactor-dropdown-cells span{ float:left; cursor:pointer; box-sizing:border-box; text-align:center; padding:0; margin:0; font-size:14px } .redactor-dropdown-selector{ display:flex; text-align:center } .redactor-dropdown-selector span{ flex-grow:1; font-size:12px; padding:8px; cursor:pointer } .redactor-dropdown-selector span:hover{ background:#eee } .redactor-dropdown-selector span.active{ cursor:text; color:rgba(0,0,0,.3); background:#eee } .redactor-dropdown-format .redactor-dropdown-item-blockquote{ color:rgba(0,0,0,.4); font-style:italic } .redactor-dropdown-format .redactor-dropdown-item-pre{ font-family:monospace,sans-serif } .redactor-dropdown-format .redactor-dropdown-item-h1{ font-size:40px; font-weight:bold; line-height:32px } .redactor-dropdown-format .redactor-dropdown-item-h2{ font-size:32px; font-weight:bold; line-height:32px } .redactor-dropdown-format .redactor-dropdown-item-h3{ font-size:24px; font-weight:bold; line-height:24px } .redactor-dropdown-format .redactor-dropdown-item-h4{ font-size:21px; font-weight:bold; line-height:24px } .redactor-dropdown-format .redactor-dropdown-item-h5{ font-size:18px; font-weight:bold; line-height:24px } .redactor-dropdown-format .redactor-dropdown-item-h6{ font-size:14px; text-transform:uppercase; font-weight:bold; line-height:24px } #redactor-modal{ position:fixed; top:0; left:0; bottom:0; right:0; overflow-x:hidden; overflow-y:auto; z-index:1051; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; line-height:24px } .redactor-modal{ position:relative; margin:16px auto; padding:0; background:#fff; box-shadow:0 0 0 1px rgba(0,0,0,.07),0 2px 15px rgba(80,80,80,.25); border-radius:3px; color:#000 } .redactor-modal form{ margin:0; padding:0; box-sizing:border-box } .redactor-modal input,.redactor-modal select,.redactor-modal textarea{ box-sizing:border-box; display:block; width:100%; font-family:inherit; font-size:16px; height:40px; outline:none; vertical-align:middle; background-color:#fff; border:1px solid #cacfd4; border-radius:.1875em; box-shadow:none; padding:0 .5em } .redactor-modal textarea{ padding:.5em; height:auto; line-height:1.5; vertical-align:top } .redactor-modal select{ -webkit-appearance:none; background-image:url('data:image/svg+xml; utf8,'); background-repeat:no-repeat; background-position:right .65em center; padding-right:28px } .redactor-modal select[multiple]{ background-image:none; height:auto; padding:.5em .75em } .redactor-modal input[type=file]{ width:auto; border:none; padding:0; height:auto; background:none; box-shadow:none; display:inline-block } .redactor-modal input[type=radio],.redactor-modal input[type=checkbox]{ display:inline-block; width:auto; height:auto; padding:0; vertical-align:middle; position:relative; bottom:.15rem; font-size:115%; margin-right:3px } .redactor-modal .form-item{ margin-bottom:20px } .redactor-modal .form-item:last-child{ margin-bottom:0 } .redactor-modal fieldset{ border:1px solid rgba(0,0,0,.1); border-radius:3px; padding:16px; padding-bottom:20px; margin-bottom:20px } .redactor-modal fieldset .form-item{ margin-bottom:12px } .redactor-modal label{ display:block; color:#555; margin-bottom:.25em; font-size:14px } .redactor-modal label .desc,.redactor-modal label .success,.redactor-modal label .error{ text-transform:none; font-weight:normal } .redactor-modal label.checkbox{ font-size:16px; line-height:1.5; cursor:pointer; color:inherit } .redactor-modal .form-checkboxes label.checkbox{ display:inline-block; margin-right:1em } .redactor-modal input:hover,.redactor-modal textarea:hover,.redactor-modal select:hover{ outline:none; background-color:#fff; border-color:#969fa9; box-shadow:none } .redactor-modal input:focus,.redactor-modal textarea:focus,.redactor-modal select:focus{ transition:all linear .2s; outline:none; background-color:#fff; border-color:rgba(0,125,255,.5); box-shadow:0 0 3px rgba(0,125,255,.5) } .redactor-modal input.error,.redactor-modal textarea.error,.redactor-modal select.error{ background-color:rgba(255,50,101,.1); border:1px solid #ff7f9e } .redactor-modal input.error:focus,.redactor-modal textarea.error:focus,.redactor-modal select.error:focus{ border-color:#ff3265; box-shadow:0 0 1px #ff3265 } .redactor-modal input.success,.redactor-modal textarea.success,.redactor-modal select.success{ background-color:rgba(47,196,182,.1); border:1px solid #65dacf } .redactor-modal input.success:focus,.redactor-modal textarea.success:focus,.redactor-modal select.success:focus{ border-color:#2fc4b6; box-shadow:0 0 1px #2fc4b6 } .redactor-modal input:disabled,.redactor-modal input:disabled:hover,.redactor-modal input.disabled,.redactor-modal input.disabled:hover,.redactor-modal textarea:disabled,.redactor-modal textarea:disabled:hover,.redactor-modal textarea.disabled,.redactor-modal textarea.disabled:hover,.redactor-modal select:disabled,.redactor-modal select:disabled:hover,.redactor-modal select.disabled,.redactor-modal select.disabled:hover{ resize:none; opacity:.6; cursor:default; font-style:italic; color:rgba(0,0,0,.5); border:1px solid #cacfd4; box-shadow:none; background-color:#fff } .redactor-modal .req{ position:relative; top:1px; font-weight:bold; color:#ff3265; font-size:110% } .redactor-modal .desc{ color:rgba(51,51,51,.5); font-size:12px } .redactor-modal span.desc{ margin-left:.25em } .redactor-modal div.desc{ margin-top:.25em } .redactor-modal span.success,.redactor-modal span.error{ font-size:12px; margin-left:.25em } .redactor-modal div.desc{ margin-bottom:-0.5em } .redactor-modal .redactor-close{ position:absolute; top:16px; right:12px; font-size:30px; line-height:30px; padding:0px 4px; color:#000; opacity:.3; cursor:pointer } .redactor-modal .redactor-close:hover{ opacity:1 } .redactor-modal .redactor-close:before{ content:"×" } .redactor-modal button{ display:inline-flex; align-items:center; text-decoration:none; text-align:center; font-family:inherit; font-size:15px; font-weight:500; color:#007dff; background-color:#fff; border-radius:3px; border:2px solid #007dff; min-height:40px; outline:none; padding:.5em 1.25em; cursor:pointer; line-height:1.2; vertical-align:middle; -webkit-appearance:none } .redactor-modal button:hover{ outline:none; text-decoration:none; background:none; color:rgba(0,125,255,.6); border-color:rgba(0,125,255,.5) } .redactor-modal button.redactor-button-secondary{ border-color:#2a2e34; color:#2a2e34 } .redactor-modal button.redactor-button-secondary:hover{ color:rgba(42,46,52,.6); border-color:rgba(42,46,52,.5) } .redactor-modal button.redactor-button-danger,.redactor-modal button.redactor-button-unstyled{ background:none; border-color:transparent; color:rgba(42,46,52,.6) } .redactor-modal button.redactor-button-danger:hover,.redactor-modal button.redactor-button-unstyled:hover{ background:none; border-color:transparent; color:#ff3265; text-decoration:underline } .redactor-modal .redactor-modal-group:after{ content:""; display:table; clear:both } .redactor-modal .redactor-modal-side{ float:left; width:30%; margin-right:4% } .redactor-modal .redactor-modal-side img{ max-width:100%; height:auto; display:block } .redactor-modal .redactor-modal-area{ float:left; width:66% } .redactor-modal[dir=rtl] .redactor-close{ left:12px; right:auto } .redactor-modal[dir=rtl] textarea{ direction:ltr; text-align:left } .redactor-modal[dir=rtl] .redactor-modal-footer button.redactor-button-unstyled{ float:left; margin-left:0 } .redactor-modal-header{ padding:20px; font-size:18px; line-height:24px; font-weight:bold; color:#000; border-bottom:1px solid rgba(0,0,0,.05) } .redactor-modal-header:empty{ display:none } .redactor-modal-body{ padding:32px 48px; padding-bottom:40px } .redactor-modal-footer{ padding:24px; border-top:1px solid rgba(0,0,0,.05); overflow:hidden } .redactor-modal-footer button{ margin-right:4px } .redactor-modal-footer button.redactor-button-unstyled{ margin-right:0; float:right } .redactor-modal-footer:empty{ display:none } .redactor-modal-tabs{ display:flex; border-bottom:2px solid rgba(0,0,0,.05); margin-bottom:1em } .redactor-modal-tabs a{ font-size:15px; padding:2px 0; text-decoration:none; color:rgba(0,0,0,.5); border-bottom:2px solid transparent; margin-bottom:-2px; margin-right:14px } .redactor-modal-tabs a:hover{ transition:all linear .2s } .redactor-modal-tabs a:hover,.redactor-modal-tabs a.active{ font-weight:500; color:#007dff; border-bottom-color:#007dff } .redactor-styles{ margin:0; padding:16px 18px; color:#333; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:1em; line-height:1.5; box-sizing:border-box } .redactor-styles *,.redactor-styles *:before,.redactor-styles *:after{ box-sizing:inherit } .redactor-styles[dir=rtl]{ direction:rtl; unicode-bidi:embed } .redactor-styles[dir=rtl] ul li,.redactor-styles[dir=rtl] ol li{ text-align:right } .redactor-styles[dir=rtl] ul,.redactor-styles[dir=rtl] ol,.redactor-styles[dir=rtl] ul ul,.redactor-styles[dir=rtl] ol ol,.redactor-styles[dir=rtl] ul ol,.redactor-styles[dir=rtl] ol ul{ margin:0 1.5em 0 0 } .redactor-styles[dir=rtl] figcaption{ text-align:right } .redactor-styles ul[dir=rtl],.redactor-styles ul[dir=rtl] ul,.redactor-styles ul[dir=rtl] ol,.redactor-styles ol[dir=rtl],.redactor-styles ol[dir=rtl] ul,.redactor-styles ol[dir=rtl] ol{ margin:0 1.5em 0 0 } .redactor-styles ul[dir=rtl] li,.redactor-styles ol[dir=rtl] li{ text-align:right } .redactor-styles a,.redactor-styles a:hover{ color:#3397ff } .redactor-styles p,.redactor-styles dl,.redactor-styles blockquote,.redactor-styles hr,.redactor-styles pre,.redactor-styles table,.redactor-styles figure,.redactor-styles address{ padding:0; margin:0; margin-bottom:1em } .redactor-styles ul,.redactor-styles ol{ padding:0 } .redactor-styles ul,.redactor-styles ul ul,.redactor-styles ul ol,.redactor-styles ol,.redactor-styles ol ul,.redactor-styles ol ol{ margin:0 0 0 1.5em } .redactor-styles ul li,.redactor-styles ol li{ text-align:left } .redactor-styles ol ol li{ list-style-type:lower-alpha } .redactor-styles ol ol ol li{ list-style-type:lower-roman } .redactor-styles ul,.redactor-styles ol{ margin-bottom:1em } .redactor-styles h1,.redactor-styles h2,.redactor-styles h3,.redactor-styles h4,.redactor-styles h5,.redactor-styles h6{ font-weight:bold; color:#111; text-rendering:optimizeLegibility; margin:0; padding:0; margin-bottom:.5em; line-height:1.2 } .redactor-styles h1{ font-size:2.0736em } .redactor-styles h2{ font-size:1.728em } .redactor-styles h3{ font-size:1.44em } .redactor-styles h4{ font-size:1.2em } .redactor-styles h5{ font-size:1em } .redactor-styles h6{ font-size:.8333333333em; text-transform:uppercase; letter-spacing:.035em } .redactor-styles blockquote{ font-style:italic; color:rgba(0,0,0,.5); border:none } .redactor-styles table{ width:100% } .redactor-styles time,.redactor-styles small,.redactor-styles var,.redactor-styles code,.redactor-styles kbd,.redactor-styles mark{ display:inline-block; font-family:Consolas,Menlo,Monaco,"Courier New",monospace; font-size:87.5%; line-height:1; color:rgba(51,51,51,.9) } .redactor-styles var,.redactor-styles cite{ opacity:.6 } .redactor-styles var{ font-style:normal } .redactor-styles dfn,.redactor-styles abbr{ text-transform:uppercase } .redactor-styles dfn[title],.redactor-styles abbr[title]{ text-decoration:none; border-bottom:1px dotted rgba(0,0,0,.5); cursor:help } .redactor-styles code,.redactor-styles kbd{ position:relative; top:-1px; padding:.25em; padding-bottom:.2em; border-radius:2px } .redactor-styles code{ background-color:#eff1f2 } .redactor-styles mark{ border-radius:2px; padding:.125em .25em; background-color:#fdb833 } .redactor-styles kbd{ border:1px solid #e5e7e9 } .redactor-styles sub,.redactor-styles sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline } .redactor-styles sub{ bottom:-0.25em } .redactor-styles sup{ top:-0.5em } .redactor-styles pre{ font-family:Consolas,Menlo,Monaco,"Courier New",monospace; font-size:.9em } .redactor-styles pre,.redactor-styles pre code{ background-color:#f6f7f8; padding:0; top:0; display:block; line-height:1.5; color:rgba(51,51,51,.85); overflow:none; white-space:pre-wrap } .redactor-styles pre{ padding:1rem } .redactor-styles table{ border-collapse:collapse; max-width:100%; width:100% } .redactor-styles table caption{ text-transform:uppercase; padding:0; color:rgba(0,0,0,.5); font-size:11px } .redactor-styles table th,.redactor-styles table td{ border:1px solid #eee; padding:16px; padding-bottom:15px } .redactor-styles table tfoot th,.redactor-styles table tfoot td{ color:rgba(0,0,0,.5) } .redactor-styles img,.redactor-styles video,.redactor-styles audio,.redactor-styles embed,.redactor-styles object{ max-width:100% } .redactor-styles img,.redactor-styles video,.redactor-styles embed,.redactor-styles object{ height:auto !important } .redactor-styles img{ vertical-align:middle; -ms-interpolation-mode:bicubic } .redactor-styles figcaption{ display:block; opacity:.6; font-size:12px; font-style:italic; text-align:left } .upload-redactor-box{ display:flex; flex-direction:column; justify-content:center; align-items:center; box-sizing:border-box; border:5px dashed rgba(0,125,255,.15); position:relative; width:100%; min-height:220px; background:#fff; cursor:pointer; overflow:hidden; text-align:center } .upload-redactor-placeholder{ font-size:15px; line-height:1.5; color:rgba(0,0,0,.3); font-style:italic } .upload-redactor-hover{ background-color:rgba(0,125,255,.075) } .upload-redactor-error{ background-color:rgba(255,50,101,.075) } .upload-redactor-box-hover{ outline:5px dashed rgba(0,125,255,.3) } .upload-redactor-box-error{ outline:5px dashed rgba(255,50,101,.3) } .redactor-structure h1,.redactor-structure h2,.redactor-structure h3,.redactor-structure h4,.redactor-structure h5,.redactor-structure h6,.redactor-structure div{ position:relative } .redactor-structure h1:before,.redactor-structure h2:before,.redactor-structure h3:before,.redactor-structure h4:before,.redactor-structure h5:before,.redactor-structure h6:before,.redactor-structure div:before{ width:24px; position:absolute; font-size:10px; font-weight:normal; opacity:.5; left:-26px; top:50%; margin-top:-7px; text-align:right } .redactor-structure h1:before{ content:"h1" } .redactor-structure h2:before{ content:"h2" } .redactor-structure h3:before{ content:"h3" } .redactor-structure h4:before{ content:"h4" } .redactor-structure h5:before{ content:"h5" } .redactor-structure h6:before{ content:"h6" } .redactor-structure div:before{ content:"div" } #redactor-progress{ position:fixed; top:0; left:0; width:100%; z-index:1000000; height:10px } #redactor-progress span{ background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); -webkit-animation:progress-bar-stripes 2s linear infinite; -o-animation:progress-bar-stripes 2s linear infinite; animation:progress-bar-stripes 2s linear infinite; display:block; width:100%; height:100%; background-color:#007dff; background-size:40px 40px } @-webkit-keyframes progress-bar-stripes{ from{ background-position:40px 0 } to{ background-position:0 0 } } @-o-keyframes progress-bar-stripes{ from{ background-position:40px 0 } to{ background-position:0 0 } } @keyframes progress-bar-stripes{ from{ background-position:40px 0 } to{ background-position:0 0 } } .redactor-box-fullscreen{ z-index:1051; position:fixed; top:0; left:0; width:100% } .redactor-box-fullscreen-target{ position:absolute !important } .redactor-body-fullscreen .redactor-dropdown,.redactor-body-fullscreen .redactor-context-toolbar{ z-index:1052 } .redactor-body-fullscreen #redactor-overlay{ z-index:1098 } .redactor-body-fullscreen #redactor-modal{ z-index:1099 } .slick-slider{ position:relative; display:block; box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent } .slick-list{ position:relative; overflow:hidden; display:block; margin:0; padding:0 } .slick-list:focus{ outline:none } .slick-list.dragging{ cursor:pointer; cursor:hand } .slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } .slick-track{ position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto } .slick-track:before,.slick-track:after{ content:""; display:table } .slick-track:after{ clear:both } .slick-loading .slick-track{ visibility:hidden } .slick-slide{ float:left; height:100%; min-height:1px; display:none } [dir=rtl] .slick-slide{ float:right } .slick-slide img{ display:block } .slick-slide.slick-loading img{ display:none } .slick-slide.dragging img{ pointer-events:none } .slick-initialized .slick-slide{ display:block } .slick-loading .slick-slide{ visibility:hidden } .slick-vertical .slick-slide{ display:block; height:auto; border:1px solid transparent } .slick-arrow.slick-hidden{ display:none } .slick-loading .slick-list{ background:#fff url("../img/ajax-loader.gif") center center no-repeat } @font-face{ font-family:"slick"; src:url("../fonts/slick.eot"); src:url("../fonts/slick.eot?#iefix") format("embedded-opentype"),url("../fonts/slick.woff") format("woff"),url("../fonts/slick.ttf") format("truetype"),url("../fonts/slick.svg#slick") format("svg"); font-weight:500; font-style:normal } .slick-prev,.slick-next{ position:absolute; display:block; height:20px; width:20px; line-height:0px; font-size:0px; cursor:pointer; background:transparent; color:transparent; top:50%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); padding:0; border:none; outline:none } .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{ outline:none; background:transparent; color:transparent } .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{ opacity:1 } .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{ opacity:.25 } .slick-prev:before,.slick-next:before{ font-family:"slick"; font-size:20px; line-height:1; color:#fff; opacity:.75; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .slick-prev{ left:25px } [dir=rtl] .slick-prev{ left:auto; right:25px } .slick-prev:before{ content:"←" } [dir=rtl] .slick-prev:before{ content:"→" } .slick-next{ right:25px } [dir=rtl] .slick-next{ left:25px; right:auto } .slick-next:before{ content:"→" } [dir=rtl] .slick-next:before{ content:"←" } .slick-dotted.slick-slider{ margin-bottom:30px } .slick-dots{ position:absolute; bottom:-25px; list-style:none; display:block; text-align:center; padding:0; margin:0; width:100% } .slick-dots li{ position:relative; display:inline-block; height:20px; width:20px; margin:0 5px; padding:0; cursor:pointer } .slick-dots li button{ border:0; background:transparent; display:block; height:20px; width:20px; outline:none; line-height:0px; font-size:0px; color:transparent; padding:5px; cursor:pointer } .slick-dots li button:hover,.slick-dots li button:focus{ outline:none } .slick-dots li button:hover:before,.slick-dots li button:focus:before{ opacity:1 } .slick-dots li button:before{ position:absolute; top:0; left:0; content:"•"; width:20px; height:20px; font-family:"slick"; font-size:30px; line-height:20px; text-align:center; color:#fff; opacity:.25; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .slick-dots li.slick-active button:before{ color:#fff; opacity:.75 } .sumo-small .SumoSelect.open .search-txt{ height:28px; padding:0 10px } .sumo-small .SumoSelect.open>.optWrapper{ top:30px } .sumo-small .SumoSelect{ min-width:200px; width:auto } .sumo-small .SumoSelect select{ margin-bottom:0 } .sumo-small .SumoSelect>.CaptionCont{ font-size:.75rem; height:30px; line-height:26px; margin-bottom:0; min-height:30px; padding-left:10px } .sumo-small .SumoSelect>.CaptionCont>label i:after{ line-height:30px } .sumo-small .SumoSelect>.CaptionCont>span{ color:#434341; font-size:.75rem; line-height:26px } .sumo-small .SumoSelect>.CaptionCont>span.placeholder{ color:#9f9d9d } .sumo-small .SumoSelect .optWrapper{ top:31px } .SumoSelect{ width:100% } .SumoSelect p{ margin:0 } .SelectBox{ padding:0 15px } .sumoStopScroll{ overflow:hidden } .SumoSelect .hidden{ display:none } .SumoSelect .search-txt{ display:none; outline:none } .SumoSelect .no-match{ display:none; padding:6px } .SumoSelect.open .search-txt{ display:inline-block; position:absolute; top:0; left:0; width:100%; height:40px; margin:0; padding:0 15px; border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:5px } .SumoSelect.open>.search>span,.SumoSelect.open>.search>label{ visibility:hidden } .SelectClass,.SumoUnder{ position:absolute; top:0; left:0; right:0; height:100%; width:100%; border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:hsla(var(style=0-h), var(style=0-s), var(style=0-l), opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 } .SelectClass{ z-index:1 } .SumoSelect{ display:inline-block; position:relative; outline:none } .SumoSelect>.optWrapper>.options li.opt label,.SumoSelect>.CaptionCont{ user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none } .SumoSelect .select-all>label{ user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none } .SumoSelect:focus>.CaptionCont,.SumoSelect:hover>.CaptionCont{ box-shadow:0 0 2px #7799d0; border-color:#7799d0 } .SumoSelect.open>.CaptionCont{ box-shadow:0 0 2px #7799d0; border-color:#7799d0 } .SumoSelect.open>.optWrapper{ top:41px; display:block } .SumoSelect.open>.optWrapper.up{ top:auto; bottom:100%; margin-bottom:5px } .SumoSelect>.CaptionCont{ position:relative; border:1px solid #bdbaba; line-height:40px; min-height:40px; background-color:#fff; margin:0 } .SumoSelect>.CaptionCont>span{ display:block; font-size:.9375rem; padding-right:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor:default } .SumoSelect>.CaptionCont>span.placeholder{ color:#bdbaba } .SumoSelect>.CaptionCont>label{ position:absolute; top:0; right:0; bottom:0; width:30px } .SumoSelect>.CaptionCont>label>i:after{ color:#7e7d7b; content:""; font-family:"icomoon"; font-size:1rem; font-style:normal; width:24px; height:40px; display:block; position:absolute; text-align:center; line-height:40px; top:0; left:0; right:0; bottom:0; opacity:.8 } .SumoSelect>.optWrapper{ display:none; z-index:1000; top:30px; width:100%; position:absolute; left:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#fff; border:1px solid #ddd; box-shadow:2px 3px 3px rgba(0,0,0,.11); border-radius:3px; overflow:hidden } .SumoSelect>.optWrapper ul{ list-style:none; display:block; padding:0; margin:0; overflow:auto } .SumoSelect>.optWrapper>.options{ border-radius:2px; position:relative; max-height:250px } .SumoSelect>.optWrapper>.options li.group.disabled>label{ opacity:.5 } .SumoSelect>.optWrapper>.options li ul li.opt{ padding-left:22px } .SumoSelect>.optWrapper.multiple>.options li ul li.opt{ padding-left:50px } .SumoSelect>.optWrapper.isFloating{ position:fixed; top:0; left:0; right:0; width:90%; bottom:0; margin:auto; max-height:90% } .SumoSelect>.optWrapper.isFloating>.options{ max-height:100%; box-shadow:0 0 100px #595959 } .SumoSelect>.optWrapper>.options li.opt{ position:relative; border-bottom:1px solid #f5f5f5 } .SumoSelect>.optWrapper>.options li.opt:empty{ padding:0 } .SumoSelect>.optWrapper>.options li.opt:hover{ background-color:#e4e4e4 } .SumoSelect>.optWrapper>.options li.opt.sel{ background-color:#a1c0e4; border-bottom:1px solid #a1c0e4 } .SumoSelect>.optWrapper>.options li label{ color:#434341; font-size:.875rem; letter-spacing:0; margin-bottom:0; padding:6px 6px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block; cursor:pointer } .SumoSelect>.optWrapper>.options li label:empty{ padding:0 } .SumoSelect>.optWrapper>.options li span{ display:none } .SumoSelect>.optWrapper>.options li.group>label{ cursor:default; padding:8px 6px; font-weight:bold } .SumoSelect>.optWrapper>.options>li.opt:empty{ padding:0 } .SumoSelect>.optWrapper>.options>li.opt:first-child{ border-radius:2px 2px 0 0 } .SumoSelect>.optWrapper>.options>li.opt:last-child{ border-radius:0 0 2px 2px; border-bottom:none } .SumoSelect>.optWrapper>.options li.opt.disabled{ background-color:inherit; pointer-events:none } .SumoSelect>.optWrapper>.options li.opt.disabled *{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:hsla(var(style=0-h), var(style=0-s), var(style=0-l), opacity=50); -moz-opacity:.5; -khtml-opacity:.5; opacity:.5 } .SumoSelect>.optWrapper.multiple>.options li.opt{ padding-left:35px; cursor:pointer } .SumoSelect>.optWrapper.multiple>.options li.opt span{ position:absolute; display:block; width:30px; top:0; bottom:0; margin-left:-35px } .SumoSelect .select-all>span{ position:absolute; display:block; width:30px; top:0; bottom:0; margin-left:-35px } .SumoSelect .select-all>span i{ position:absolute; margin:auto; left:0; right:0; top:0; bottom:0; width:14px; height:14px; border:1px solid #aeaeae; border-radius:2px; box-shadow:inset 0 1px 3px rgba(0,0,0,.15); background-color:#fff } .SumoSelect .select-all.selected>span i,.SumoSelect .select-all.partial>span i{ background-color:#11a911; box-shadow:none; border-color:transparent; background-image:url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC"); background-repeat:no-repeat; background-position:center center } .SumoSelect>.optWrapper.multiple>.options li.opt span i{ position:absolute; margin:auto; left:0; right:0; top:0; bottom:0; width:14px; height:14px; border:1px solid #aeaeae; border-radius:2px; box-shadow:inset 0 1px 3px rgba(0,0,0,.15); background-color:#fff } .SumoSelect>.optWrapper>.MultiControls{ display:none; border-top:1px solid #ddd; background-color:#fff; box-shadow:0 0 2px rgba(0,0,0,.13); border-radius:0 0 3px 3px } .SumoSelect>.optWrapper.multiple.isFloating>.MultiControls{ display:block; margin-top:5px; position:absolute; bottom:0; width:100% } .SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls{ display:block } .SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p{ padding:6px } .SumoSelect>.optWrapper.multiple>.MultiControls>p{ display:inline-block; cursor:pointer; padding:12px; width:50%; box-sizing:border-box; text-align:center } .SumoSelect>.optWrapper.multiple>.MultiControls>p:hover{ background-color:#f1f1f1 } .SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk{ border-right:1px solid #dbdbdb; border-radius:0 0 0 3px } .SumoSelect>.optWrapper.multiple>.MultiControls>p.btnCancel{ border-radius:0 0 3px 0 } .SumoSelect>.optWrapper.isFloating>.options li.opt{ padding:12px 6px } .SumoSelect>.optWrapper.multiple.isFloating{ padding-bottom:43px } .SumoSelect>.optWrapper.multiple.isFloating>.options li.opt{ padding-left:35px } .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i{ background-color:#11a911; box-shadow:none; border-color:transparent; background-image:url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC"); background-repeat:no-repeat; background-position:center center } .SumoSelect.disabled{ opacity:.7; cursor:not-allowed } .SumoSelect.disabled>.CaptionCont{ border-color:#ccc; box-shadow:none } .SumoSelect .select-all{ border-radius:3px 3px 0 0; position:relative; border-bottom:1px solid #ddd; background-color:#fff; padding:8px 0 3px 35px; height:20px; cursor:pointer } .SumoSelect .select-all>label,.SumoSelect .select-all>span i{ cursor:pointer } .SumoSelect .select-all.partial>span i{ background-color:#ccc } .SumoSelect>.optWrapper>.options li.optGroup{ padding-left:5px; text-decoration:underline } .tooltipster-base{ display:flex; pointer-events:none; position:absolute } .tooltipster-box{ flex:1 1 auto } .tooltipster-content{ box-sizing:border-box; max-height:100%; max-width:100%; overflow:auto } .tooltipster-ruler{ bottom:0; left:0; overflow:hidden; position:fixed; right:0; top:0; visibility:hidden } .tooltipster-fade{ opacity:0; -webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; -ms-transition-property:opacity; transition-property:opacity } .tooltipster-fade.tooltipster-show{ opacity:1 } .tooltipster-grow{ -webkit-transform:scale(0, 0); -moz-transform:scale(0, 0); -o-transform:scale(0, 0); -ms-transform:scale(0, 0); transform:scale(0, 0); -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-backface-visibility:hidden } .tooltipster-grow.tooltipster-show{ -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -o-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1); -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15) } .tooltipster-swing{ opacity:0; -webkit-transform:rotateZ(4deg); -moz-transform:rotateZ(4deg); -o-transform:rotateZ(4deg); -ms-transform:rotateZ(4deg); transform:rotateZ(4deg); -webkit-transition-property:-webkit-transform,opacity; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform } .tooltipster-swing.tooltipster-show{ opacity:1; -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); transform:rotateZ(0deg); -webkit-transition-timing-function:cubic-bezier(0.23, 0.635, 0.495, 1); -webkit-transition-timing-function:cubic-bezier(0.23, 0.635, 0.495, 2.4); -moz-transition-timing-function:cubic-bezier(0.23, 0.635, 0.495, 2.4); -ms-transition-timing-function:cubic-bezier(0.23, 0.635, 0.495, 2.4); -o-transition-timing-function:cubic-bezier(0.23, 0.635, 0.495, 2.4); transition-timing-function:cubic-bezier(0.23, 0.635, 0.495, 2.4) } .tooltipster-fall{ -webkit-transition-property:top; -moz-transition-property:top; -o-transition-property:top; -ms-transition-property:top; transition-property:top; -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15) } .tooltipster-fall.tooltipster-initial{ top:0 !important } .tooltipster-fall.tooltipster-dying{ -webkit-transition-property:all; -moz-transition-property:all; -o-transition-property:all; -ms-transition-property:all; transition-property:all; top:0 !important; opacity:0 } .tooltipster-slide{ -webkit-transition-property:left; -moz-transition-property:left; -o-transition-property:left; -ms-transition-property:left; transition-property:left; -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15) } .tooltipster-slide.tooltipster-initial{ left:-40px !important } .tooltipster-slide.tooltipster-dying{ -webkit-transition-property:all; -moz-transition-property:all; -o-transition-property:all; -ms-transition-property:all; transition-property:all; left:0 !important; opacity:0 } @keyframes tooltipster-fading{ 0%{ opacity:0 } 100%{ opacity:1 } } .tooltipster-update-fade{ animation:tooltipster-fading 400ms } @keyframes tooltipster-rotating{ 25%{ transform:rotate(-2deg) } 75%{ transform:rotate(2deg) } 100%{ transform:rotate(0) } } .tooltipster-update-rotate{ animation:tooltipster-rotating 600ms } @keyframes tooltipster-scaling{ 50%{ transform:scale(1.1) } 100%{ transform:scale(1) } } .tooltipster-update-scale{ animation:tooltipster-scaling 600ms } .tooltipster-sidetip .tooltipster-box{ background:#000; border:1px solid #000; border-radius:2px } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box{ margin-top:8px } .tooltipster-sidetip.tooltipster-left .tooltipster-box{ margin-right:8px } .tooltipster-sidetip.tooltipster-right .tooltipster-box{ margin-left:8px } .tooltipster-sidetip.tooltipster-top .tooltipster-box{ margin-bottom:8px } .tooltipster-sidetip .tooltipster-content{ color:#fff; line-height:18px; padding:6px 14px } .tooltipster-sidetip .tooltipster-arrow{ overflow:hidden; position:absolute } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{ height:10px; margin-left:-10px; top:0; width:20px } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow{ height:20px; margin-top:-10px; right:0; top:0; width:10px } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow{ height:20px; margin-top:-10px; left:0; top:0; width:10px } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow{ bottom:0; height:10px; margin-left:-10px; width:20px } .tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{ height:0; position:absolute; width:0 } .tooltipster-sidetip .tooltipster-arrow-background{ border:10px solid transparent } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{ border-bottom-color:#565656; left:0; top:3px } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{ border-left-color:#565656; left:-3px; top:0 } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{ border-right-color:#565656; left:3px; top:0 } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{ border-top-color:#565656; left:0; top:-3px } .tooltipster-sidetip .tooltipster-arrow-border{ border:10px solid transparent; left:0; top:0 } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{ border-bottom-color:#000 } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{ border-left-color:#000 } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{ border-right-color:#000 } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{ border-top-color:#000 } .tooltipster-sidetip .tooltipster-arrow-uncropped{ position:relative } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{ top:-10px } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{ left:-10px } .tooltipster-sidetip.tooltipster-borderless .tooltipster-box{ border:none; background:#1b1b1b; background:rgba(10,10,10,.9) } .tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box{ margin-top:8px } .tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box{ margin-right:8px } .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box{ margin-left:8px } .tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box{ margin-bottom:8px } .tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow{ height:8px; margin-left:-8px; width:16px } .tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow{ height:16px; margin-left:0; margin-top:-8px; width:8px } .tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background{ display:none } .tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border{ border:8px solid transparent } .tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border{ border-bottom-color:#1b1b1b; border-bottom-color:rgba(10,10,10,.9) } .tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border{ border-left-color:#1b1b1b; border-left-color:rgba(10,10,10,.9) } .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border{ border-right-color:#1b1b1b; border-right-color:rgba(10,10,10,.9) } .tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border{ border-top-color:#1b1b1b; border-top-color:rgba(10,10,10,.9) } .tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped{ top:-8px } .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped{ left:-8px } .tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized .tooltipster-box{ border-radius:2px; font-size:.75rem } .tooltipster-sidetip.tooltipster-borderless.tooltipster-borderless-customized .tooltipster-content{ color:#fff; padding:8px } .avatar{ display:inline-flex; height:60px; position:relative; width:60px } .avatar.stacked{ margin-bottom:15px } .avatar.x-large{ height:125px; width:125px } .avatar.x-large .profile-hover{ height:125px; line-height:125px; width:125px; top:0; right:0 } .avatar.x-large .avatar__image{ height:125px; width:125px; top:0; left:0 } .avatar.large{ height:100px; width:100px } .avatar.large .avatar__image{ height:85px; width:85px; top:7px; left:7px } .avatar.small{ height:32px; width:32px } .avatar.small .avatar__image{ height:32px; width:32px; top:0; left:0 } .avatar.micro{ height:20px; width:20px } .avatar.micro .avatar__image{ height:20px; width:20px; top:0; left:0 } .avatar .profile-hover{ background-color:rgba(48,56,81,.7); border-radius:50%; color:#fff; cursor:pointer; font-size:.75rem; height:85px; line-height:85px; opacity:0; position:absolute; right:7px; text-align:center; top:7px; transition:all .2s ease-in-out; width:85px; z-index:5 } .avatar .profile-hover:hover{ opacity:1 } .avatar .avatar__image{ background-color:#bdbaba; background-position:center center; background-size:cover; border-radius:50%; height:45px; width:45px; position:absolute; top:7px; left:7px; z-index:1 } .avatar .avatar__score{ position:absolute; top:0; left:0; transform:rotate(90deg) } .avatar .avatar__score .avatar__score-value{ fill:none; stroke:#49b5a8; stroke-linecap:round; stroke-width:3px } .blank-holder{ display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; width:100% } .blank-holder .blank-state{ display:flex; flex-direction:row; justify-content:center } .blank-holder .blank-state.blank-state__in-frame{ background-color:#f7f7f7; margin:0; padding:25px 0 30px 0 } .blank-holder .blank-state.blank-state__in-frame .blank-state__illustration{ height:125px; width:125px } .blank-holder .blank-state.blank-state__in-frame .blank-state__illustration i{ font-size:7.5rem } .blank-holder .blank-state.blank-state__in-frame .blank-state__message{ justify-content:flex-start; margin-top:15px; max-width:500px; width:100% } .blank-holder .blank-state.blank-state__in-frame .blank-state__message h2{ font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:1rem; font-weight:400; margin-bottom:0 } .blank-holder .blank-state.blank-state__in-frame .blank-state__message .message{ font-size:.8125rem; line-height:1.3125rem } .blank-holder .blank-state.blank-state__in-frame .blank-state__message .button{ margin-top:20px } .blank-holder .blank-state.centered{ flex-direction:column !important; justify-content:center; margin:0; margin-bottom:30px; padding:30px; text-align:center; width:100% } .blank-holder .blank-state.centered .blank-state__illustration{ height:175px; justify-content:center; margin:0 auto !important; width:175px; margin:auto } .blank-holder .blank-state.centered .blank-state__message{ justify-content:center; margin:auto; margin-top:15px; max-width:400px; width:100% } .blank-holder .blank-state.centered .button.small{ font-size:.875rem } .blank-holder .blank-state.framed{ background-color:#fff; border:8px solid #f7f7f7; padding:20px 30px 30px 30px } .blank-holder .blank-state.small{ align-content:flex-start; flex-direction:row; margin:auto; padding:10px 15px; width:100% } .blank-holder .blank-state.small .blank-state__illustration{ height:110px; margin-right:15px; padding:10px; width:110px } .blank-holder .blank-state.small .blank-state__illustration i{ font-size:3.75rem; line-height:90px } .blank-holder .blank-state.small .blank-state__message{ justify-content:flex-start; margin-top:5px; max-width:75%; width:100% } .blank-holder .blank-state.small .blank-state__message h2{ color:#7e7d7b; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:.875rem; font-weight:400; line-height:1; margin-bottom:5px } .blank-holder .blank-state.small .blank-state__message h5{ color:#7e7d7b; margin-bottom:2px } .blank-holder .blank-state.small .blank-state__message .message{ font-size:.8125rem; line-height:1.125rem !important; margin-bottom:10px } .blank-holder .blank-state .blank-state__illustration{ background-image:url("/assets/img/watercolor-bg-color.png"); background-size:cover; margin-right:30px; height:125px; width:125px; text-align:center } .blank-holder .blank-state .blank-state__illustration img{ max-height:100% } .blank-holder .blank-state .blank-state__illustration i{ color:#fff; font-size:5rem; line-height:125px } .blank-holder .blank-state .blank-state__message{ margin-top:20px; width:500px } .blank-holder .blank-state .blank-state__message h2,.blank-holder .blank-state .blank-state__message h3{ color:#434341; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.0625rem; margin-bottom:0px; margin-top:5px } .blank-holder .blank-state .blank-state__message h3{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:400 } .blank-holder .blank-state .blank-state__message .message{ color:#bdbaba; font-size:.875rem } .blank-holder .blank-state .blank-state__message .message p{ margin-bottom:15px } .blank-holder .blank-state .blank-state__message .button{ margin:10px 0 20px 0 } .blank-holder .blank-state .blank-state__message a.secondary-link{ font-size:.875rem } .blank-holder .blank-state .blank-state__message .help-text{ color:#7e7d7b; font-size:.75rem; line-height:1.125rem; margin-top:10px } .card-col{ padding:10px; width:100% } @media only screen and (min-width: 550px){ .card-col{ width:50% } } @media only screen and (min-width: 1025px){ .card-col{ width:auto } } .card{ border-radius:3px; background-color:#fff; box-shadow:0 2px 7px 0 rgba(0,0,0,.1); flex-direction:column; min-width:280px; position:relative; width:100% } @media only screen and (min-width: 1025px){ .card{ width:auto } } .card.appointment-card{ cursor:pointer } .card.appointment-card:hover{ box-shadow:0px 10px 20px rgba(14,14,14,.2) } .card.column{ box-shadow:none } .card.input-choice{ cursor:pointer; display:flex; flex-direction:column; padding:15px 15px 15px 40px; position:relative } .card.input-choice input{ position:absolute; top:15px; left:17px } .card.input-choice .choice-label{ color:#0e0e0e; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1rem; line-height:1.3125rem; margin-bottom:5px } .card.input-choice .choice-description{ font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:.75rem; line-height:1.125rem } .card.onsite{ border-top:3px solid #49b5a8 } .card.practice-select{ background-color:#262523; color:#fff; height:30vh; min-height:25vh; position:relative } .card.practice-select .card__background-image{ background-position:top center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; right:0; left:0; bottom:0; z-index:1 } .card.practice-select .card__background-image.darkness{ opacity:.4 } .card.practice-select .card__content{ display:flex; flex-direction:column; height:100%; padding:2vw; position:relative; z-index:5 } .card.practice-select .card__content h3{ color:#fff; flex:0 0 auto; font-size:1.5rem } .card.practice-select .card__content .description{ color:#fff; font-size:1rem; margin-bottom:40px } .card.practice-select .card__content .button{ margin-top:auto } .card.table{ width:100% } .card.table table.table{ margin-bottom:0 } .card.table table.table tbody tr td{ line-height:30px } .card .card__remover{ cursor:pointer; position:absolute; right:15px; top:5px } .card .card__remover i{ color:#9f9d9d; font-size:.625rem } .card .card__titlebar{ background-color:#f7f7f7; border-bottom:1px solid #dadada; display:flex; flex-direction:row; height:50px; line-height:50px; padding:0 20px } .card .card__titlebar h3{ color:#5f5f5d; flex:0 1 auto; font-size:.875rem; line-height:50px } .card .card__titlebar .counter{ background-color:#e7e7e7; border-radius:3px; font-size:.75rem; line-height:1; margin:10px; padding:8px 10px } .card .card__titlebar .action{ font-size:.8125rem; margin-left:auto } .card .card__titlebar .action i{ color:#49b5a8; font-size:.875rem; margin-left:7px } .card .card__titlebar .action .adder{ color:#49b5a8; cursor:pointer; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.75rem; letter-spacing:1px; text-transform:uppercase } .card .card__content{ padding:15px 20px } .card .card__content.no-pad{ padding:0 } .card .card__content h3{ font-size:.875rem; line-height:1.2; margin-bottom:0 } .card .card__content .description{ color:#9f9d9d; font-size:.8125rem; margin-bottom:15px } .card .card__content .button{ margin-bottom:0 } .card .card__footer{ background-color:#f2f1ef; padding:15px 20px } .appointment{ box-sizing:border-box } .appointment .card{ border-radius:0; cursor:pointer; display:flex; height:100%; min-width:20vw; padding:10px; position:relative; white-space:nowrap; width:100% } .appointment .card:hover{ box-shadow:0 15px 30px rgba(14,14,14,.2) } .appointment .card.xsmall{ flex-direction:row; padding:4px 10px } .appointment .card.xsmall h5{ font-size:.75rem; margin-right:10px; line-height:1.2 } .appointment .card.xsmall .appt-time{ display:none } .appointment .card.xsmall .interaction-name{ font-size:.6875rem; line-height:1 } .appointment .card.small{ flex-direction:row; flex-wrap:wrap } .appointment .card.small .appt-time{ flex-basis:100% } .appointment .card.small h5{ line-height:1 } .appointment .card.small .interaction-name{ font-size:.75rem; line-height:1.2; margin-left:10px } .appointment .card.medium{ padding:7px 10px } .appointment .card.medium h5{ font-size:.875rem; margin-bottom:0px; line-height:1 } .appointment .card.medium .appt-time{ margin-bottom:3px } .appointment .card.medium .interaction-name{ font-size:.8125rem; line-height:1.7 } .appointment .card.blue{ background-color:#588093; color:#fff; border-color:#3489cf } .appointment .card.brown{ background-color:#635d5e; color:#fff; border-color:#635d5e } .appointment .card.dark-green{ background-color:#66bc82; color:#fff; border-color:#66bc82 } .appointment .card.dark-red{ background-color:#c6665e; color:#fff; border-color:#c6665e } .appointment .card.green{ background-color:#33a069; color:#fff; border-color:#80d76d } .appointment .card.green-brown{ background-color:#a1b9b3; color:#fff; border-color:#c5bf8c } .appointment .card.lavender{ background-color:#a97ca5; color:#fff; border-color:#a97ca5 } .appointment .card.magenta{ background-color:#df5b92; color:#fff; border-color:#df5b92 } .appointment .card.orange{ background-color:#f5b065; color:#fff; border-color:#e8b063 } .appointment .card.purple{ background-color:#433352; color:#fff; border-color:#7d75a4 } .appointment .card.red{ background-color:#f33f4d; color:#fff; border-color:#f33f4d } .appointment .card.red-orange{ background-color:#d99a76; color:#fff; border-color:#d99a76 } .appointment .card.teal{ background-color:#248a8a; color:#fff; border-color:#16ac97 } .appointment .card.yellow{ background-color:#f5b065; color:#fff; border-color:#f5b065 } .appointment .card h5{ color:inherit; flex:0; font-size:.875rem; line-height:1.4; margin-bottom:0 } .appointment .card .interaction-name{ font-size:.8125rem } .appointment .card .appt-time{ font-size:.625rem; letter-spacing:1px; margin-bottom:3px; opacity:.6; text-transform:uppercase } .subjective{ width:100% } .subjective .card__content{ padding:30px 40px } .subjective .card__content label{ font-size:.875rem } .subjective .card__content h1{ font-size:1.75rem; line-height:1; margin-bottom:10px } .subjective .card__content p{ margin-bottom:0 } .subjective .card__content .further-reports{ color:#7e7d7b; font-size:1.125rem; letter-spacing:.25px } .subjective .card__footer{ background-color:#f7f7f7; border-top:1px solid #e7e7e7; font-size:1rem; letter-spacing:.25px; padding:15px 40px 20px 40px } .subjective .card__footer strong{ font-weight:600 } .subjective .card__footer .footer-label{ color:#7e7d7b; font-size:.8125rem } .plan-card{ display:block; margin-bottom:30px; padding:90px 30px 30px 30px; position:relative; text-decoration:none; transition:all .1s ease-in-out } .plan-card .plan-card__header{ background-color:#f2f1ef; border-top-left-radius:5px; border-top-right-radius:5px; padding:20px 30px; position:absolute; top:0px; left:0px; right:0px } .plan-card .plan-card__header h3{ font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:21px; font-weight:300; margin-bottom:0 } .plan-card .plan-card__content .plan-card__content-price{ position:relative } .plan-card .plan-card__content .plan-card__content-price .dollar-sign{ font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:1.3125rem; position:absolute; top:0px; left:0px } .plan-card .plan-card__content .plan-card__content-price .price{ font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:3rem; line-height:3.25rem; letter-spacing:-0.3px; padding-left:15px } .plan-card .plan-card__content .plan-card__content-price .price.contact{ font-size:1.75rem; padding-left:0px } .plan-card .plan-card__content .plan-card__content-price .term,.plan-card .plan-card__content .plan-card__content-price .billed-annually{ color:#9f9d9d; font-size:1rem } .plan-card .plan-card__content .plan-card__content-price .billed-annually{ display:none; font-size:.75rem; margin:0px 0 5px 15px; width:100% } .plan-card .plan-card__content .plan-card__content-price .billed-annually.show{ display:inline-block } .plan-card .plan-card__content .plan-card__content-price .savings{ color:#49b5a8; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:.875rem; position:absolute; top:28px; right:0px } .plan-card .plan-card__content .plan-card__content-description{ color:#7e7d7b; font-size:.875rem; padding:10px 0 30px 0 } .plan-card .plan-card__content .plan-card__submit .button{ line-height:1; margin-bottom:0 } .plan-card .plan-card__content .plan-card__helper{ color:#7e7d7b; display:inline-block; font-size:.75rem; margin-top:15px; text-align:center; width:100% } .payment-method{ border:1px solid #e7e7e7; border-radius:3px; display:flex; margin-bottom:10px; padding:10px; position:relative } .payment-method.full-wide{ width:100% } .payment-method:last-child{ margin-bottom:0 } .payment-method.selectable{ cursor:pointer } .payment-method.selectable:hover{ box-shadow:0px 3px 15px rgba(0,0,0,.15) } .payment-method.primary{ border-color:#e8b361 } .payment-method.primary:before{ background-color:#fff; color:#e8b361; content:"default"; font-size:.5625rem; padding:3px 5px; position:absolute; text-transform:uppercase; letter-spacing:1.5px; top:-10px; left:10px } .payment-method .kabob-menu{ position:absolute; top:15px; right:5px; height:20px; text-align:center; width:20px } .payment-method .kabob-menu .kabob-menu__trigger .icon-kabob-vertical{ color:#9f9d9d } .payment-method .brand{ height:50px; width:50px } .payment-method .brand img{ max-width:100% } .payment-method .card-information{ margin-left:10px } .payment-method .card-information .card-number{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.9375rem; line-height:1; margin:10px 0 0 0 } .payment-method .card-information .card-expiration{ color:#9f9d9d; font-size:.8125rem } .provider{ padding-bottom:15px } .patient{ position:relative } .patient .kabob-menu{ border-radius:3px; border:1px solid #dadada; font-size:.875rem; height:30px; line-height:30px; position:absolute; right:30px; text-align:center; top:20px; width:30px } .patient .patient__health-score{ border-radius:3px; border:1px solid #49b5a8; color:#49b5a8; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.875rem; height:30px; left:30px; line-height:30px; position:absolute; text-align:center; top:20px; width:30px } .patient .view-details{ color:#dadada; cursor:pointer; font-size:1rem; left:20px; position:absolute; top:20px } .patient .view-details.active{ color:#49b5a8 } .patient .view-chart{ color:#bdbaba; cursor:pointer; font-size:1.25rem; position:absolute; right:20px; top:20px } .patient .view-chart.active{ color:#5f5f5d } .patient .view-chart:hover{ color:#49b5a8 } .patient .patient__info{ align-items:center; display:flex; flex-direction:column; justify-content:center; padding:20px 25px; text-align:center } .patient .patient__info .patient-name{ color:#0e0e0e; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif } .patient .patient__info .patient-number{ border-radius:15px; border:1px solid #dadada; color:#434341; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.75rem; margin:5px auto; padding:5px 15px } .patient .patient__info .patient-number .label{ color:#9f9d9d; font-size:.6875rem; margin-right:2px } .patient .patient__info .patient-demographics{ color:#9f9d9d; font-size:.8125rem; margin-bottom:5px } .patient .patient__info .appt-status{ color:#559ad1; font-size:.8125rem } .patient .patient__info .appt-status.base{ color:#559ad1 } .patient .patient__info .appt-status.confirmed{ color:#9dd98d } .patient .patient__info .appt-status.onsite{ color:#49b5a8 } .patient .patient__info .appt-status.canceled{ color:#ea6565 } .patient .patient__stats .stat{ border-top:1px solid #dadada; color:#5f5f5d; display:flex; flex-direction:row; font-size:.8125rem; min-height:40px; padding:10px 20px } .patient .patient__stats .stat.alt-bg{ background-color:#f7f7f7 } .patient .patient__stats .stat.critical{ background-color:#ea6565; color:#fff } .patient .patient__stats .stat.critical i{ color:#fff !important } .patient .patient__stats .stat .verified{ color:#1d9f61; display:flex; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; line-height:21px } .patient .patient__stats .stat .verified .stat-icon i{ color:#1d9f61; font-size:16px } .patient .patient__stats .stat .provider-info .provider-name{ color:#434341; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.875rem; line-height:1.2; padding-top:3px } .patient .patient__stats .stat .left-stat{ margin-left:3px } .patient .patient__stats .stat .right-stat{ color:#5f5f5d; font-size:.8125rem; margin-left:auto } .patient .patient__stats .stat .stat-icon{ margin-right:10px; padding-top:2px; text-align:center; width:18px } .patient .patient__stats .stat .stat-icon i{ color:#9f9d9d; font-size:.875rem } .patient .patient__activity{ padding:20px 30px } .patient .patient__activity .patient__activity-titlebar{ border-bottom:1px solid #dadada; display:flex; flex-direction:row; line-height:24px; margin:30px 0 15px 0 } .patient .patient__activity .patient__activity-titlebar h4{ flex:0 1 auto; font-size:.8125rem; margin-bottom:0 } .patient .patient__activity .patient__activity-titlebar a{ font-size:.6875rem; margin-left:auto } .patient .patient__appointment{ background-color:rgba(247,247,247,.4); border-top:1px solid #dadada; display:flex; flex-direction:row; padding:10px 15px } .patient .patient__appointment .appt-type-dot{ margin-top:3px } .patient .patient__appointment .appt-name{ color:#434341; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.8125rem; margin-left:7px } .patient .patient__appointment .appt-time{ color:#9f9d9d; font-size:.75rem; margin-left:auto } .appt-type-dot{ background-color:#559ad1; border-radius:50%; height:10px; width:10px } .appt-type-dot.blue{ background-color:#3489cf } .appt-type-dot.brown{ background-color:#635d5e } .appt-type-dot.dark-green{ background-color:#66bc82 } .appt-type-dot.dark-red{ background-color:#c6665e } .appt-type-dot.green{ background-color:#80d76d } .appt-type-dot.green-brown{ background-color:#c5bf8c } .appt-type-dot.lavender{ background-color:#a97ca5 } .appt-type-dot.magenta{ background-color:#df5b92 } .appt-type-dot.orange{ background-color:#e8b063 } .appt-type-dot.purple{ background-color:#7d75a4 } .appt-type-dot.red{ background-color:#f33f4d } .appt-type-dot.red-orange{ background-color:#d99a76 } .appt-type-dot.teal{ background-color:#16ac97 } .appt-type-dot.yellow{ background-color:#f0e200 } .rx-card-holder{ align-items:stretch; cursor:pointer; display:flex; flex-direction:row; min-width: 295px; } .rx-card-holder .card.rx{ color:#0e0e0e; display:flex; flex:1 1 auto; margin-bottom:20px; min-height:70px; position:relative } .rx-card-holder .card.rx.allergic.block{ background-color:#f7f7f7; cursor:default !important; opacity:.75 } .rx-card-holder .card.rx.allergic.block:hover{ box-shadow:none !important } .rx-card-holder .card.rx.allergic.block .message-footer{ background-color:rgba(234,101,101,.13); border:1px solid #ea6565; color:#ea6565; border:none } .rx-card-holder .card.rx.allergic.block .message-footer a{ color:#ea6565; font-weight:bold; text-decoration:underline } .rx-card-holder .card.rx.allergic.warn{ border:1px solid #e8b361 } .rx-card-holder .card.rx.allergic.warn .message-footer{ background-color:rgba(232,179,97,.13); border:1px solid #e8b361; color:#e8b361; border:none } .rx-card-holder .card.rx.allergic.warn .message-footer a{ color:#e8b361; font-weight:bold; text-decoration:underline } .rx-card-holder .card.rx .remove-drug{ color:#bdbaba; position:absolute; top:15px; right:15px } .rx-card-holder .card.rx .card__content{ display:flex; flex-direction:row; height:100%; padding:0; position:relative } .rx-card-holder .card.rx .card__content .status-marker{ position:absolute; top:0; left:0; width:0; height:0; border-top:10px solid #dadada; border-right:10px solid transparent } .rx-card-holder .card.rx .card__content .status-marker.base{ border-top-color:#f2f1ef } .rx-card-holder .card.rx .card__content .status-marker.complete{ border-top-color:#f7f7f7 } .rx-card-holder .card.rx .card__content .status-marker.disabled{ border-top-color:#dadada } .rx-card-holder .card.rx .card__content .status-marker.failed{ border-top-color:#ea6565 } .rx-card-holder .card.rx .card__content .status-marker.processing{ border-top-color:#559ad1 } .rx-card-holder .card.rx .card__content .status-marker.ready{ border-top-color:#b493b1 } .rx-card-holder .card.rx .card__content .status-marker.warning{ border-top-color:#e8b361 } .rx-card-holder .card.rx .card__content.small .drug-information .drug-name{ font-size:.875rem } .rx-card-holder .card.rx .card__content.display .drug-information{ padding:20px } .rx-card-holder .card.rx .card__content.display .drug-information .drug-name{ font-size:1.125rem } .rx-card-holder .card.rx .card__content.display .drug-information .drug-description-script{ font-size:.875rem } .rx-card-holder .card.rx .card__content .drug-information{ flex:1 1 auto; padding:15px; position:relative } .rx-card-holder .card.rx .card__content .drug-information .drug-name{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1rem; line-height:1.2 } .rx-card-holder .card.rx .card__content .drug-information .drug-description-script{ color:#9f9d9d; font-size:.8125rem; line-height:1rem } .rx-card-holder .card.rx .card__content .drug-schedule{ color:#e8b361; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.75rem; padding:10px 15px } .rx-card-holder .card.rx .card__content .dispense-refills-stats{ border-left:1px solid #e7e7e7; display:flex; flex-direction:column; height:100%; margin-left:auto } .rx-card-holder .card.rx .card__content .dispense-refills-stats .stat-row{ border-bottom:1px solid #e7e7e7; color:#5f5f5d; display:flex; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.8125rem; height:50%; padding:0 10px; text-align:center; align-items:center; justify-content:center } .rx-card-holder .card.rx .card__content .dispense-refills-stats .stat-row:last-child{ border-bottom:transparent } .rx-card-holder .card.rx .rx-status{ color:#a5d5da; font-size:.8125rem; line-height:1; margin:10px 15px 0 0 } .rx-card-holder .card.rx .rx-status.complete{ color:#49b5a8 } .rx-card-holder .card.rx .rx-status.waiting{ color:#e8b361 } .rx-card-holder .card.rx .rx-status.error{ color:#ea6565 } .rx-card-holder .card.rx .rx-status.disabled{ color:#7e7d7b } .rx-card-holder .card.rx .message-footer{ background-color:#f7f7f7; border-top:1px solid #e7e7e7; color:#9f9d9d; font-size:.75rem; line-height:1.2; padding:8px 15px 12px 15px } .rx-card-holder .card.rx .message-footer:empty{ padding:0 } .rx-card-holder .card.rx .message-footer p{ margin:4px 0 !important } .rx-card-holder .edit-rx-actions{ align-items:stretch; display:flex; flex-direction:column; flex:1; margin-bottom:15px; max-width:30px; min-width:30px } .rx-card-holder .edit-rx-actions .edit-row{ align-items:center; color:#bdbaba; cursor:pointer; display:flex; font-size:1rem; height:50%; justify-content:center; padding:0 0 0 10px; text-align:center } .rx-card-holder .edit-rx-actions .edit-row:hover i{ color:#49b5a8 } .rx-card-holder .edit-rx-actions .edit-row.remove-rx:hover i{ color:#ea6565 } .rx-card-holder .edit-rx-actions .edit-row i{ color:#bdbaba; font-size:1rem } .pharmacy-with-map{ background-color:#e7e7e7; flex:1; min-height:600px; position:relative } .pharmacy-with-map.stacked{ min-height:350px } .pharmacy-with-map .card.pharmacy{ margin:20px; position:relative; z-index:10 } .pharmacy-with-map .card.pharmacy .favorite-marker{ width:0; height:0; border-top:15px solid #e8b361; border-right:15px solid transparent; position:absolute; top:0; left:0 } .pharmacy-with-map .card.pharmacy .pharmacy-name{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.9375rem; line-height:1.2 } .pharmacy-with-map .card.pharmacy .pharmacy-address{ color:#7e7d7b; font-size:.8125rem } .pharmacy-with-map .map-background{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; bottom:0; left:0; right:0; z-index:5 } .pharmacy-multi{ border-bottom:1px solid #e7e7e7; position:relative } .pharmacy-multi.list{ border-bottom:none } .pharmacy-multi.list .pharmacy-card-map-bg{ margin:0; margin-bottom:10px } .pharmacy-multi.list .pharmacy-card-map-bg .card.pharmacy{ cursor:default } .pharmacy-multi.list .pharmacy-card-map-bg .card.pharmacy .pharmacy-name{ font-size:.8125rem } .pharmacy-multi.list .pharmacy-card-map-bg .card.pharmacy .pharmacy-address{ font-size:.75rem } .pharmacy-multi .pharmacy-card-map-bg{ margin:10px 10px 25px 10px; padding:20px; position:relative } .pharmacy-multi .pharmacy-card-map-bg.selected{ border:2px solid #49b5a8; cursor:default } .pharmacy-multi .pharmacy-card-map-bg.selected .card.pharmacy{ cursor:default } .pharmacy-multi .pharmacy-card-map-bg .card.pharmacy{ box-shadow:0px 3px 10px rgba(0,0,0,.15); cursor:pointer; position:relative; z-index:10 } .pharmacy-multi .pharmacy-card-map-bg .card.pharmacy .favorite-marker{ width:0; height:0; border-top:16px solid #e8b361; border-right:16px solid transparent; position:absolute; top:0; left:0 } .pharmacy-multi .pharmacy-card-map-bg .card.pharmacy .kabob-menu{ position:absolute; top:10px; right:10px } .pharmacy-multi .pharmacy-card-map-bg .card.pharmacy .pharmacy-name{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.9375rem; line-height:1.2 } .pharmacy-multi .pharmacy-card-map-bg .card.pharmacy .pharmacy-address{ color:#7e7d7b; font-size:.8125rem } .pharmacy-multi .pharmacy-card-map-bg .map-background{ background-position:center center; background-repeat:no-repeat; background-size:cover; box-shadow:inset 0 0 10px 4px rgba(0,0,0,.1); position:absolute; top:0; bottom:0; left:0; right:0; z-index:5 } .hover-button{ align-items:center; bottom:13px; display:flex; justify-content:center; left:0; position:absolute; right:0; z-index:10 } .hover-button.no-map{ bottom:3px; padding-bottom:10px } .hover-button .view-more{ background-color:#fff; border-radius:20px; box-shadow:0px 5px 10px rgba(0,0,0,.1); color:#bdbaba; cursor:pointer; display:flex; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.5625rem; letter-spacing:1px; padding:5px 15px; text-transform:uppercase } .hover-button .view-more.selected{ background-color:#49b5a8; box-shadow:none; color:#fff; cursor:default } .hover-button .status{ background-color:#dadada; border-radius:20px; color:#fff; display:flex; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.5625rem; letter-spacing:1px; padding:5px 15px; text-transform:uppercase } .hover-button .status.error{ background-color:#ea6565 } .hover-button .status.processing{ background-color:#b493b1 } .hover-button .status.success{ background-color:#49b5a8 } .hover-button .status.warning{ background-color:#e8b361 } .pharmacy-multi-prescriptions{ border-bottom:1px solid #e7e7e7; display:flex; flex-wrap:wrap; padding:15px } .pharmacy-multi-prescriptions.hovering{ background-color:rgba(232,179,97,.15) } .pharmacy-multi-prescriptions.column-cards{ flex-wrap:wrap } .pharmacy-multi-prescriptions.column-cards .rx-card-holder{ flex:1 1 100% } .pharmacy-multi-prescriptions.single{ flex-wrap:wrap } .pharmacy-multi-prescriptions.single .rx-card-holder{ flex:1 1 50% } .pharmacy-multi-prescriptions.unassigned{ padding-top:15px } .pharmacy-multi-prescriptions .rx-card-holder{ display:flex; flex:0 0 50%; padding:0 10px; position:relative } .pharmacy-multi-prescriptions .rx-card-holder.ui-draggable-handle .card.rx{ cursor:move } .pharmacy-multi-prescriptions .rx-card-holder.ui-draggable-handle .card.rx:hover{ box-shadow:2px 8px 15px rgba(0,0,0,.1) } .pharmacy-multi-prescriptions .rx-card-holder.ui-draggable-dragging{ z-index:1000 } .pharmacy-multi-prescriptions .rx-card-holder.ui-draggable-dragging .card.rx{ box-shadow:2px 10px 25px rgba(0,0,0,.2) } .pharmacy-multi-prescriptions .rx-card-holder .card.rx{ border:1px solid #e7e7e7; border-radius:0; box-shadow:0px 3px 10px rgba(0,0,0,.05); cursor:pointer; margin-bottom:10px; position:relative } .pharmacy-multi-prescriptions .rx-card-holder .card.rx.processing-status{ border:1px solid #dadada; margin-bottom:25px } .pharmacy-multi-prescriptions .rx-card-holder .card.rx.processing-status.error{ border-color:#ea6565 } .pharmacy-multi-prescriptions .rx-card-holder .card.rx.processing-status.processing{ border-color:#b493b1 } .pharmacy-multi-prescriptions .rx-card-holder .card.rx.processing-status.success{ border-color:#49b5a8 } .pharmacy-multi-prescriptions .rx-card-holder .card.rx.processing-status.warning{ border-color:#e8b361 } .pharmacy-multi-prescriptions .rx-card-holder .card.rx.reviewed{ border:1px solid #49b5a8 } .pharmacy-multi-prescriptions .rx-card-holder .card.rx.reviewed:before{ content:" "; display:block; border:solid 10px #49b5a8; border-radius:10px; height:0; width:0; position:absolute; left:-8px; top:-8px } .pharmacy-multi-prescriptions .rx-card-holder .card.rx.reviewed:after{ content:" "; display:block; width:5px; height:9px; border:solid #fff; border-width:0 2px 2px 0; position:absolute; left:-1px; top:-4px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg) } .pharmacy-multi-prescriptions .rx-card-holder .card.rx .rx-dragger{ color:#9f9d9d; cursor:move; font-size:1.125rem; padding:10px 12px; position:absolute; top:0; left:0; z-index:100 } .pharmacy-multi-prescriptions .rx-card-holder .card.rx .rx-dragger:hover{ color:#434341 } .pharmacy-multi-prescriptions .rx-card-holder .card.rx .card__content .drug-information{ padding:14px 15px 15px 40px !important } .pharmacy-multi-prescriptions .rx-card-holder .card.rx .card__content .drug-information.no-dragger{ padding:15px !important } .pharmacy-multi-prescriptions .rx-card-holder .card.rx .card__content .drug-information.with-edit{ padding-right:40px !important } .pharmacy-multi-prescriptions .rx-card-holder .card.rx .card__content .drug-information .edit-rx{ color:#bdbaba; position:absolute; top:10px; right:12px } .pharmacy-multi-prescriptions .rx-card-holder .card.rx .card__content .drug-information .edit-rx:hover{ color:#49b5a8 } .pharmacy-multi-prescriptions .rx-card-holder .card.rx .card__content .drug-information .drug-name{ font-size:.9375rem } .pharmacy-multi-prescriptions .rx-card-holder .card.rx .card__content .drug-information .drug-description-script{ font-size:.8125rem } .pharmacy-multi-prescriptions .rx-card-holder .card.rx .card__content .dispense-refills-stats{ min-width:40px } .pharmacy-multi-prescriptions .rx-card-holder .card.rx .card__content .review-rx-radio-dragger label{ padding:15px 5px 0 15px } .card.allergy{ cursor:pointer; position:relative } .card.allergy .severity-marker{ position:absolute; top:0; left:0; width:0; height:0; border-top:12px solid #49b5a8; border-right:12px solid transparent } .card.allergy .severity-marker.critical{ border-top-color:#ea6565 } .card.allergy .severity-marker.severe{ border-top-color:#dc7ba1 } .card.allergy .severity-marker.moderate{ border-top-color:#e8b361 } .card.allergy .severity-marker.mild{ border-top-color:#cfcaa4 } .card.allergy .severity-marker.base{ border-top-color:#49b5a8 } .card.allergy .card__content{ padding:10px 15px; position:relative } .card.allergy .card__content .type-icon{ color:#bdbaba; font-size:1.25rem; position:absolute; top:6px; right:10px } .card.allergy .card__content .allergy-info .name{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.875rem; line-height:1.3 } .card.allergy .card__content .allergy-info .reactions{ color:#9f9d9d; font-size:.8125rem; font-style:italic; line-height:1.2 } .card.allergy .card__content .severity-label{ font-size:.5625rem; margin-bottom:3px; text-transform:uppercase; letter-spacing:2px } .card.allergy .card__content .severity-label.critical{ color:#ea6565 } .card.allergy .card__content .severity-label.severe{ color:#dc7ba1 } .card.allergy .card__content .severity-label.moderate{ color:#e8b361 } .card.allergy .card__content .severity-label.mild{ color:#cfcaa4 } .card.allergy .card__content .severity-label.base{ color:#49b5a8 } .card.allergy .scope{ background-color:#f7f7f7; color:#7e7d7b; font-size:.6875rem; padding:5px 15px } .status-color-dot{ background-color:#559ad1; border-radius:50%; display:inline-flex; height:10px; margin:2px 7px 0 0; width:10px } .status-color-dot.primary{ background-color:#49b5a8 } .status-color-dot.secondary{ background-color:#303851 } .status-color-dot.gray{ background-color:#7e7d7b } .status-color-dot.purple{ background-color:#433352 } .status-color-dot.warning{ background-color:#e8b361 } .status-color-dot.danger{ background-color:#ea6565 } .status-color-dot.danger{ background-color:#ea6565 } .message-bar{ background:#06beb6; background:-webkit-linear-gradient(to right, #48b1bf, #06beb6); background:linear-gradient(to right, #48b1bf, #06beb6); color:#fff; cursor:pointer; font-size:.75rem; height:30px; line-height:30px; position:fixed; top:0; right:0; left:0; text-align:center; width:100%; z-index:1000 } .message-bar .message-label{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif } .message-bar .add-feedback{ color:#fff } .counter{ background-color:#e7e7e7; border-radius:3px; font-size:.75rem; line-height:1; padding:8px 10px } .counter-small{ background-color:#f7f7f7; border-radius:3px; font-size:.55rem; line-height:1; padding:5px } #no_scrollbar { -ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; /* for Firefox */ overflow-y: scroll; } #no_scrollbar::-webkit-scrollbar { display: none; /* for Chrome, Safari, and Opera */ } .timeago{ color:#9f9d9d; font-size:.75rem } hr{ border:none; padding:8px 0 } .column__stats{ display:flex; flex-direction:column } .column__stats .stat{ border-bottom:1px solid #dadada; color:#5f5f5d; display:flex; flex-direction:row; flex:1; font-size:.8125rem; min-height:40px; padding:10px 30px } .column__stats .stat.alt-bg{ background-color:#f7f7f7 } .column__stats .stat .verified{ color:#1d9f61; display:flex; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; line-height:21px } .column__stats .stat .verified .stat-icon i{ color:#1d9f61; font-size:16px } .column__stats .stat .provider-info .provider-name{ color:#434341; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.875rem; line-height:1.2; padding-top:3px } .column__stats .stat .right-stat{ color:#9f9d9d; font-size:.8125rem; margin-left:auto } .column__stats .stat .stat-icon{ margin-right:10px; padding-top:2px; text-align:center; width:18px } .column__stats .stat .stat-icon i{ color:#9f9d9d; font-size:.875rem } .section-titlebar{ position:relative; width:100% } .section-titlebar.banner{ background-color:#262523 } .section-titlebar.banner .banner-image{ background-image:url("/assets/media/banners/create-account.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:.4; position:absolute; top:0; right:0; bottom:0; left:0; z-index:5 } .section-titlebar.banner .section-titlebar__content{ height:70px; padding:0 30px } .section-titlebar.banner .section-titlebar__content h2{ color:#fff } .section-titlebar.banner .section-titlebar__content .counter{ background-color:rgba(0,0,0,.75); height:30px; margin-left:15px; margin-top:-3px; padding:9px 10px } .section-titlebar .section-titlebar__content{ align-items:center; justify-content:center; display:flex; flex-direction:row; margin-bottom:20px; position:relative; width:100%; z-index:10 } .section-titlebar .section-titlebar__content h2{ color:#262523; flex:0 1 auto; font-size:1.5rem; line-height:45px; margin-bottom:0 } .section-titlebar .section-titlebar__content h3{ color:#262523; flex:0 1 auto; font-size:1.125rem; line-height:28px; margin-bottom:0 } .section-titlebar .section-titlebar__content .counter{ background-color:#e7e7e7; height:30px; margin-left:15px; margin-top:-3px; padding:7px 10px } .section-titlebar .section-titlebar__content .right-actions{ display:flex; justify-content:flex-end; margin-left:auto } .section-titlebar .section-titlebar__content .right-actions a.button{ height:40px; margin:0 0 0 10px; padding:12px 20px 11px 20px } .section-titlebar .section-titlebar__content .right-actions input{ margin-bottom:0 } .section-titlebar .section-titlebar__content .right-actions .inline-input{ margin-left:20px; position:relative; z-index:1000 } .section-titlebar .section-titlebar__content .right-actions .inline-input label{ line-height:1; margin-top:7px } .form-column__titlebar{ background-color:#f7f7f7; border-bottom:1px solid #e7e7e7; display:flex; justify-content:space-between; padding:15px 20px; width:100% } .form-column__titlebar .titlebar__title{ display:flex; flex-direction:row } .form-column__titlebar .titlebar__title h3{ color:#434341; flex:1; font-size:.9375rem; font-weight:400; line-height:30px; margin-bottom:0 } .form-column__titlebar .titlebar__title .help-dialog{ color:#bdbaba; cursor:pointer; display:inline-block; margin:4px 0 0 10px } .form-column__titlebar .titlebar__title .help-dialog:hover{ color:#49b5a8 } .form-column__titlebar .titlebar__title .help-dialog i{ font-size:1.125rem } .form-column__titlebar .titlebar__title .help-text{ color:#9f9d9d; font-size:.8125rem; line-height:1.3; margin-top:3px } .form-column__titlebar .titlebar__help-text{ color:#7e7d7b; font-size:.75rem; line-height:1.3; margin:0 10px; margin-top:7px } .form-column__titlebar .titlebar__option-select{ display:flex; flex-direction:row; flex:0 0 40%; margin:0 auto; text-align:center } .form-column__titlebar .titlebar__option-select.showing{ display:flex } .form-column__titlebar .titlebar__option-select.hidden{ display:none } .form-column__titlebar .titlebar__option-select label{ line-height:30px } .form-column__titlebar .titlebar__option-select select{ border:1px solid #dadada; flex:1; height:30px; line-height:26px; margin-bottom:0; margin-left:5px; padding:0px 10px; width:auto } .form-column__titlebar .titlebar__select{ margin:0 10px 0 auto; width:240px } .form-column__titlebar .titlebar__select select{ margin-bottom:0 } .form-column__titlebar .titlebar__add{ margin-left:auto } .form-column__titlebar .titlebar__add .switch-label-holder{ justify-content:flex-end; display:flex; text-align:right } .form-column__titlebar .titlebar__add .switch-label-holder .label{ font-size:.875rem; line-height:1.875rem } .form-column__titlebar .titlebar__add .button{ font-size:.8125rem; height:30px; margin:0; padding:8px 15px } .Whoops{ letter-spacing:0 !important; position:relative; text-transform:none !important; z-index:10000 } .Whoops .stack-container .panel{ z-index:1000000 } .pac-container{ z-index:10100 } .page-frame{ display:flex; flex-direction:column; height:100vh; max-height:100vh } @media only screen and (min-width: 1025px){ .page-frame{ flex-direction:row } } .page-frame .content-column-no-banner{ display:flex; flex-direction:column; flex:1; height:calc(100vh); margin-left:60px; } .page-frame .content-column{ display:flex; flex-direction:column; flex:1; height:calc(100vh - 30px); margin-left:60px; } .page-frame .content-column .page-content{ flex:1; padding:0; position:relative; z-index:50 } .page-frame .content-column .page-content .content-padder{ padding:30px 30px 40px 30px } .page-frame .content-column .page-content .content-padder.no-side-padding{ padding:0 0 30px 0 } .back-button{ border-radius:2px; color:#fff; height:28px; left:-50px; line-height:30px; position:absolute; text-align:center; top:9px; width:28px } .back-button:hover{ background-color:#49b5a8; color:#fff; text-decoration:none } .back-button i{ font-size:1.75rem } .calendar-box{ border:2px solid #434341; border-radius:3px; color:#434341; display:inline-block; margin:0 20px 0 0; text-align:center; width:50px } .calendar-box.white{ border:2px solid #fff; color:#fff } .calendar-box.white .calendar-box__day{ background-color:#fff; color:#000; mix-blend-mode:screen } .calendar-box .calendar-box__day{ background-color:#434341; color:#fff; font-family:"Eina02-Regular",sans-serif; font-size:1.5rem } .calendar-box .calendar-box__month{ font-size:.75rem; padding:3px 5px } .site-header{ background-color:#fff; box-shadow:0px 3px 10px rgba(14,14,14,.1); display:flex; font-size:.875rem; height:70px; padding:0; z-index:500 } @media only screen and (min-width: 1025px){ .site-header{ padding:0 20px } } .site-header.charting,.site-header.prescription{ padding:0 20px; position:fixed; width:100% } .site-header.charting .chart-actions,.site-header.prescription .chart-actions{ display:flex; flex:1 1 25vw; margin-top:5px; position:relative; width:25vw } .site-header.charting .chart-actions .action,.site-header.prescription .chart-actions .action{ color:#7e7d7b; font-family:"Eina02-Regular"; font-size:.875rem; line-height:60px; margin-right:30px } .site-header.charting .chart-actions .action i,.site-header.prescription .chart-actions .action i{ margin-right:5px } .site-header.charting .user-links,.site-header.prescription .user-links{ align-self:flex-end; flex:1 1 25vw; text-align:right } .site-header.charting .chart-buttons,.site-header.prescription .chart-buttons{ align-self:flex-end; flex:1 1 25vw; text-align:right } .site-header.charting .chart-buttons .button,.site-header.prescription .chart-buttons .button{ margin:12px 5px 13px 5px } .site-header.onboarding{ background-color:transparent; box-shadow:none; padding:0 20px } .site-header.onboarding .app-branding{ flex:1 1 25vw; padding-top:20px; text-align:left } .site-header.onboarding .app-branding img{ max-height:30px } .site-header.onboarding .user-links{ flex:1 1 25vw } .site-header.onboarding .user-links .user-links__profile .user-name{ color:#fff } .site-header .mobile-nav-item{ color:#5f5f5d } @media only screen and (min-width: 1025px){ .site-header .mobile-nav-item{ display:none } } .site-header .open-nav{ font-size:1.75rem; padding:15px 10px } .site-header .open-profile{ font-size:2.625rem; padding:5px 10px } .site-header .search-bar{ flex:0; margin-left:10px; margin-top:5px; position:relative; width:25vw } @media only screen and (min-width: 1025px){ .site-header .search-bar{ flex:1 1 40%; margin-left:0 } } .site-header .search-bar .search{ cursor:pointer; display:flex; line-height:60px; color:#7e7d7b; font-size:16px } .site-header .search-bar .search i{ color:#7e7d7b; font-size:22px; line-height:60px; margin-right:10px } .site-header .search-bar .search .search-text{ display:none } @media only screen and (min-width: 1025px){ .site-header .search-bar .search .search-text{ display:flex } } .site-header .search-bar input[type=search]{ border:none; padding-left:40px; height:60px } .site-header .app-branding{ padding:10px 5px; flex:1; text-align:center } @media only screen and (min-width: 1025px){ .site-header .app-branding{ flex:1 1 20% } } .site-header .app-branding img{ max-height:50px; max-width:200px } .site-header nav.onboarding-nav{ flex:1 1 50vw; text-align:center } .site-header nav.onboarding-nav ul{ list-style:none; margin:0; padding:0 } .site-header nav.onboarding-nav ul li{ display:inline-flex; line-height:70px; padding:0 25px } .site-header nav.onboarding-nav ul li a{ font-size:1rem } .site-header nav.onboarding-nav ul li a .step{ background-color:#fff; border:1px solid #49b5a8; border-radius:10px; padding:10px; height:20px; width:20px } .site-header .user-links{ background-color:#fff; display:none; position:absolute; top:0; right:0; bottom:0; left:0 } @media only screen and (min-width: 1025px){ .site-header .user-links{ align-items:flex-end; background-color:transparent; display:flex; flex:1 1 40%; justify-content:flex-end; position:relative } } .site-header .user-links .links-closer{ cursor:pointer; padding:0 20px; position:absolute; top:0; right:0; z-index:20000 } .site-header .user-links .links-closer i{ font-size:1.125rem } .site-header .user-links .user-links__profile{ display:flex; line-height:70px; margin-left:0; position:relative } @media only screen and (min-width: 1025px){ .site-header .user-links .user-links__profile{ margin-left:20px } } .site-header .user-links .user-links__profile .avatar{ background-color:#dadada; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:20px; height:36px; margin:16px 15px 0 0; width:36px; display:none } @media only screen and (min-width: 1025px){ .site-header .user-links .user-links__profile .avatar{ display:inline-block; float:left; margin:16px 15px 0 0 !important } } .site-header .user-links .user-links__profile .user-name{ display:none } @media only screen and (min-width: 1025px){ .site-header .user-links .user-links__profile .user-name{ display:inline-block } } .site-header .user-links ul.user-links__tools{ display:none; list-style:none; padding:0; margin:0 } @media only screen and (min-width: 1025px){ .site-header .user-links ul.user-links__tools{ display:inline-block } } .site-header .user-links ul.user-links__tools li.user-links__tool{ display:inline-block; padding:20px 10px; position:relative } @media only screen and (min-width: 1170px){ .site-header .user-links ul.user-links__tools li.user-links__tool{ padding:20px } } .site-header .user-links ul.user-links__tools li.user-links__tool:hover i{ color:#434341 } .site-header .user-links ul.user-links__tools li.user-links__tool i{ color:#9f9d9d; font-size:24px } .dropdown{ cursor:pointer } .submenu{ background-color:#fff; margin:0; padding:0; list-style:none; width:100%; position:absolute; top:0; right:0; z-index:15000 } @media only screen and (min-width: 1025px){ .submenu{ border:1px solid #dadada; box-shadow:0px 2px 7px rgba(0,0,0,.1); display:none; top:70px; width:250px } } .submenu:after{ content:""; height:0; width:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #dadada; position:absolute; top:-10px; right:19px; margin:0 0 0 -3px; z-index:100 } .submenu:before{ content:""; height:0; width:0; border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:9px solid #fff; position:absolute; top:-9px; right:20px; margin:0 0 0 -3px; z-index:105 } .submenu header{ background-color:#f2f1ef; border-bottom:1px solid #dadada; display:flex; padding:10px 15px } .submenu header h1,.submenu header h2,.submenu header h3,.submenu header h4{ font-size:.875rem; margin-bottom:0; flex:auto } .submenu header .mark-read{ color:#7e7d7b; font-size:.625rem; line-height:1.5rem } .submenu .message{ padding:10px 15px } .submenu .message .content{ line-height:1rem; margin-bottom:5px } .submenu li{ border-bottom:1px solid #dadada; color:#434341; display:block; float:left; font-weight:400; height:60px; line-height:60px; margin-bottom:0; padding:0; width:100% } @media only screen and (min-width: 1025px){ .submenu li{ height:50px; line-height:50px } } .submenu li .counter{ margin-left:auto } @media only screen and (min-width: 1025px){ .submenu li.mobile-menu{ display:none } } .submenu li.no-link{ padding:0px 15px } .submenu li.no-link:hover{ background-color:#e7e7e7; color:#49b5a8 } .submenu li.user-section{ background-color:#f2f1ef; height:auto; line-height:1.3125rem; padding:15px } .submenu li.user-section .name{ font-size:1rem; font-weight:500; line-height:1.125rem; margin-bottom:3px } .submenu li.user-section .company{ color:#5f5f5d; font-size:.875rem } .submenu li.user-section .info{ color:#5f5f5d; font-size:.75rem } .submenu li a{ align-items:center; height:60px !important; line-height:60px; text-decoration:none; color:#434341; display:flex; font-size:1rem; float:left; padding:10px 15px; width:100% } @media only screen and (min-width: 1025px){ .submenu li a{ font-size:.875rem; height:50px !important; line-height:50px } } .submenu li a:hover{ background-color:#e7e7e7; color:#49b5a8 } .submenu li a.active{ background-color:#f2f1ef; border-bottom:1px solid #dadada; color:#49b5a8 } .submenu li a .counter{ margin-left:auto } .notifier{ border:2px solid #fff; border-radius:10px; position:absolute; top:19px; right:17px; width:12px; height:12px } .notifier.notifier--disabled{ background-color:#dadada } .notifier.notifier--active{ background-color:#ea6565 } .sidebar{ background-color:#303851; display:none; height:100vh; overflow:hidden; transition:all 200ms ease-in-out; width:100vw; z-index:1500; position:fixed; top:0; left:0; right:0; bottom:0 } @media only screen and (min-width: 1025px){ .sidebar{ display:block; height:calc(100vh); position:fixed; width:60px } .sidebar:hover{ transition:all 300ms ease-in-out .3s; width:220px } } .sidebar .sidebar-closer{ position:absolute; top:25px; right:20px; z-index:500 } @media only screen and (min-width: 1025px){ .sidebar .sidebar-closer{ display:none } } .sidebar .sidebar-closer i{ color:#fff; font-size:1.3125rem } .sidebar .sidebar__logo{ background-color:rgba(17,20,30,.15); border-bottom:1px solid rgba(71,77,100,.5); display:flex; flex-direction:row; height:70px; padding:20px 15px; position:relative; width:100% } .sidebar .sidebar__logo a{ width:100% } .sidebar .sidebar__logo a .eva-text{ position:absolute; top:22px; left:60px } .sidebar .sidebar__logo a .eva-text img{ height:22px } .sidebar .sidebar__logo a img{ height:30px } .sidebar .sidebar__weather{ background-color:#0e0e0e; color:#fff; font-size:.9375rem; height:70px; line-height:70px; padding:0 20px; position:relative; width:100%; z-index:0 } .sidebar .sidebar__weather .forecast{ position:relative; z-index:10 } .sidebar .sidebar__weather .weather-image{ background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:.7; position:absolute; top:0; right:0; bottom:0; left:0; z-index:5 } .sidebar ul.sidebar__nav{ display:flex; flex-direction:column; height:calc(100vh - 100px); list-style:none; margin:0; padding:0 } .sidebar ul.sidebar__nav .sidebar__nav_item{ font-size:1rem; line-height:50px; position:relative; width:100% } @media only screen and (min-width: 1025px){ .sidebar ul.sidebar__nav .sidebar__nav_item{ height:70px; font-size:.875rem; line-height:70px } } .sidebar ul.sidebar__nav .sidebar__nav_item.has-new{ background-color:rgba(17,20,30,.2) } .sidebar ul.sidebar__nav .sidebar__nav_item.active{ background-color:rgba(17,20,30,.2) } .sidebar ul.sidebar__nav .sidebar__nav_item.active a{ color:#fff } .sidebar ul.sidebar__nav .sidebar__nav_item a{ color:#75798b; display:flex; flex-direction:row; flex-wrap:nowrap; text-decoration:none; width:100% } .sidebar ul.sidebar__nav .sidebar__nav_item a:hover{ background-color:rgba(17,20,30,.3); color:#fff } .sidebar ul.sidebar__nav .sidebar__nav_item a i{ font-size:21px; line-height:50px; padding:0 20px } @media only screen and (min-width: 1025px){ .sidebar ul.sidebar__nav .sidebar__nav_item a i{ line-height:70px } } .sidebar ul.sidebar__nav .sidebar__nav_item .sidebar__nav_item-badge{ width:0; height:0; border-top:13px solid #ea6565; border-right:13px solid transparent; position:absolute; top:0; left:0 } .sidebar ul.sidebar__nav .sidebar__nav_item.sidebar__nav_item--bottom{ margin-top:auto } .kabob-menu{ position:relative } .kabob-menu .kabob-menu__trigger{ color:#5f5f5d; cursor:pointer } .kabob-menu .kabob-menu__trigger:hover{ background-color:#e7e7e7 } .kabob-menu ul.kabob-menu__ingredients{ background-color:#fff; border:1px solid #dadada; box-shadow:0px 2px 7px rgba(0,0,0,.1); display:none; list-style:none; margin:0; padding:0; position:absolute; right:0px; top:28px; min-width:160px; width:auto; z-index:15000 } .kabob-menu ul.kabob-menu__ingredients li.kabob-menu__ingredient{ border-bottom:1px solid #dadada; color:#434341; display:flex; font-size:.75rem; font-weight:400; height:40px; line-height:40px; margin-bottom:0; padding:0; white-space:nowrap; width:100% } .kabob-menu ul.kabob-menu__ingredients li.kabob-menu__ingredient.no-link{ cursor:pointer; padding:0 15px } .kabob-menu ul.kabob-menu__ingredients li.kabob-menu__ingredient.no-link:hover{ background-color:#f2f1ef; color:#49b5a8 } .kabob-menu ul.kabob-menu__ingredients li.kabob-menu__ingredient a{ color:#434341; font-size:.75rem; height:40px !important; line-height:40px; margin-left:0; padding:0 15px; text-decoration:none; width:100% } .kabob-menu ul.kabob-menu__ingredients li.kabob-menu__ingredient a:hover{ background-color:#f2f1ef; color:#49b5a8 } .kabob-menu ul.kabob-menu__ingredients li.kabob-menu__ingredient a.active{ background-color:#f2f1ef; border-bottom:1px solid #dadada; color:#49b5a8 } .kabob-menu ul.kabob-menu__ingredients li.kabob-menu__ingredient a i{ margin-right:5px } .secondary-nav-bar{ background-color:#fff; border-top:1px solid #e7e7e7; box-shadow:0px 12px 10px -10px rgba(14,14,14,.1); height:50px; text-align:center; width:100%; z-index:400 } .secondary-nav-bar ul.secondary-nav{ justify-content:center; display:flex; list-style:none; margin:0; padding:0 } .secondary-nav-bar ul.secondary-nav li{ height:49px } .secondary-nav-bar ul.secondary-nav li.disabled{ color:#bdbaba; font-size:.8125rem; line-height:49px; padding:0 20px } .secondary-nav-bar ul.secondary-nav li a{ color:#7e7d7b; display:inline-flex; height:49px; font-size:.8125rem; line-height:49px; padding:0 20px } .secondary-nav-bar ul.secondary-nav li a:hover{ background-color:#f2f1ef; color:#262523 } .secondary-nav-bar ul.secondary-nav li a.active{ border-bottom:4px solid #49b5a8; color:#0e0e0e; font-weight:500 } .timeline{ margin:0; position:relative } .timeline.gray-bg .item__bullet{ border-color:#f7f7f7 !important } .timeline.gray-bg ul.timeline__items li.timeline__item:last-child{ background-color:#f7f7f7 !important } .timeline .timeline__line{ background-color:#dadada; position:absolute; top:10px; bottom:0; left:6px; width:2px; z-index:45 } .timeline ul.timeline__items{ list-style:none; margin:0; padding:0 } .timeline ul.timeline__items li.timeline__item{ margin-bottom:20px; padding-left:20px; position:relative; position:relative; z-index:50 } .timeline ul.timeline__items li.timeline__item:last-child{ background-color:#fff } .timeline ul.timeline__items li.timeline__item .item__bullet{ background-color:#dadada; border:2px solid #fff; border-radius:6px; position:absolute; top:1px; left:2px; width:10px; height:10px } .timeline ul.timeline__items li.timeline__item .item__name{ color:#434341; font-size:.8125rem; line-height:1; margin-bottom:3px } .timeline ul.timeline__items li.timeline__item .item__date{ color:#9f9d9d; font-size:.6875rem } #not-found{ position:relative; height:100vh } #not-found .not-found{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%) } .not-found{ max-width:410px; width:100%; text-align:center } .not-found .not-found-404{ height:280px; margin-bottom:15px; position:relative; z-index:-1 } .not-found .not-found-404 h1{ font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:230px; line-height:1; margin:0px; font-weight:900; position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); background:url("/assets/media/banners/create-account.jpg") no-repeat; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-size:cover; background-position:center } .not-found h2{ font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; color:#262523; font-size:32px; font-weight:500; margin-top:0; margin-bottom:10px } .not-found p{ font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; color:#262523; font-size:14px; font-weight:400; margin-bottom:40px; margin-top:0px } .not-found a{ font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:16px; text-decoration:none; background:#49b5a8; display:inline-block; padding:15px 30px; border-radius:5px; color:#fff; font-weight:400 } @media only screen and (max-width: 767px){ .not-found .not-found-404{ height:142px } .not-found .not-found-404 h1{ font-size:112px } } body.account{ background-color:#fff; overflow-x:hidden } .form-holder{ display:flex; align-items:center; flex-direction:column; justify-content:center; position:absolute; padding:4vh 4vw; top:0; width:100%; z-index:200 } @media only screen and (min-width: 1025px){ .form-holder{ align-items:center; bottom:0; padding:0; width:40vw } } .form-holder .content-holder{ background-color:#fff; padding:25px; margin-top:0; max-width:600px; width:100% } @media only screen and (min-width: 550px){ .form-holder .content-holder{ padding:40px } } @media only screen and (min-width: 1025px){ .form-holder .content-holder{ margin-top:-10vh; width:90% } } .form-holder .content-holder .app-logo{ margin-bottom:40px } @media only screen and (min-width: 1025px){ .form-holder .content-holder .app-logo{ margin-bottom:60px } } .form-holder .content-holder .app-logo img{ max-height:100px } @media only screen and (min-width: 1025px){ .form-holder .content-holder .app-logo img{ max-height:120px } } .form-holder .content-holder h1{ font-size:1.3125rem; font-weight:500; letter-spacing:-0.5px; line-height:1.75rem; margin-bottom:10px } @media only screen and (min-width: 770px){ .form-holder .content-holder h1{ font-size:2rem; line-height:2.375rem; margin-bottom:5px } } .form-holder .content-holder .subhead{ color:#9f9d9d; font-size:.875rem; font-weight:400; margin-bottom:30px } @media only screen and (min-width: 770px){ .form-holder .content-holder .subhead{ font-size:1.125rem; margin-bottom:40px } } .form-holder .content-holder .form-signin fieldset{ margin:0; text-align:left; position:relative } .form-holder .content-holder .form-signin fieldset label{ font-size:.875rem; font-weight:500 } .form-holder .content-holder .form-signin fieldset .forgot{ position:absolute; top:0; right:0px; font-size:.875rem; text-decoration:none; color:#49b5a8 } .form-holder .content-holder .form-signin fieldset input{ font-size:16px; height:60px; padding:10px 15px } .form-holder .content-holder .form-signin fieldset input::placeholder{ font-size:16px } .form-holder .content-holder .form-signin fieldset input.auth_code{ font-size:1.3125rem } .form-holder .content-holder .form-signin fieldset input:-webkit-autofill::first-line{ font-size:16px } .form-holder .content-holder .form-signin .account-links{ color:#7e7d7b; font-size:.9375rem; margin-top:30px; padding-bottom:30px } .form-holder .content-holder .form-signin .account-links.small{ font-size:.75rem } .form-holder .content-holder .form-signin .account-links a{ text-decoration:none } .form-holder .content-holder .form-signin .button-frame{ margin-top:10px } @media only screen and (min-width: 1025px){ .form-holder .content-holder .form-signin .button-frame{ margin-top:20px } } .form-holder .content-holder .form-signin .button-frame .button{ margin:0 0 15px 0; width:100% } @media only screen and (min-width: 770px){ .form-holder .content-holder .form-signin .button-frame .button{ margin-right:2%; width:48% } .form-holder .content-holder .form-signin .button-frame .button:last-child{ margin-right:0 } } .form-holder .signup-cta{ color:#9f9d9d; position:absolute; bottom:60px; left:0; right:0; text-align:center } .form-holder .signup-cta a{ font-weight:500; margin-left:5px; text-decoration:none } .account-image-section{ background-color:#262523; display:flex; align-items:center; justify-content:center; height:100vh; position:fixed; right:0; top:0; width:100vw; z-index:100 } .account-image-section .account-image{ background-position:top center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; right:0; left:0; bottom:0 } .account-image-section .account-image.darkness{ opacity:.5 } @media(min-width: 1025px){ .account-image-section{ position:absolute; width:60vw } } .account-image-section .content-holder{ color:#fff; display:none; padding-bottom:20%; position:relative; width:70%; z-index:50 } @media(min-width: 1025px){ .account-image-section .content-holder{ display:flex; flex-direction:column } } .account-image-section .content-holder h2{ color:#fff; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:2rem; font-weight:600; line-height:3rem; letter-spacing:-1.25px; margin-bottom:15px } @media only screen and (min-width: 1025px){ .account-image-section .content-holder h2{ font-size:2.625rem; line-height:3rem } } @media only screen and (min-width: 1170px){ .account-image-section .content-holder h2{ font-size:3.375rem; line-height:3.875rem } } .account-image-section .content-holder h3{ color:#fff; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:1.3125rem; line-height:1.75rem } .account-image-section .slider-holder{ display:none; width:100% } @media(min-width: 1025px){ .account-image-section .slider-holder{ width:60vw } } .account-image-section .slider-holder .slick-nav-button{ color:#fff; cursor:pointer; font-size:3rem; padding:20px; position:absolute; top:30%; z-index:1000 } .account-image-section .slider-holder .slick-nav-button:hover{ background-color:rgba(0,0,0,.3) } .account-image-section .slider-holder .slick-nav-button.prev-button{ left:0 } .account-image-section .slider-holder .slick-nav-button.next-button{ right:0 } .account-image-section .slider-holder .feature{ text-align:center } .account-image-section .slider-holder .feature img{ box-shadow:0px 10px 40px rgba(0,0,0,.35); margin:0 auto; max-width:70% } .account-image-section .slider-holder .feature .feature-pitch{ margin:0 auto; margin-top:30px; max-width:70% } .account-image-section .slider-holder .feature .feature-pitch h3{ color:#fff; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.75rem; line-height:2rem; margin-bottom:10px } .account-image-section .slider-holder .feature .feature-pitch .description{ color:#fff; font-size:1rem; line-height:1.625rem; margin-bottom:60px } .patient-chart .card{ position:relative } .patient-chart .card.unselected{ opacity:.25 } .patient-chart .card .remove-chart-item{ color:#bdbaba; cursor:pointer; font-size:.75rem; position:absolute; top:10px; right:15px } .patient-chart .card .remove-chart-item:hover{ color:#ea6565 } .patient-chart .versions-bar{ background-color:#f7f7f7; display:flex; flex-direction:column; padding:10px 20px } .patient-chart .versions-bar.exam .versions-bar__title{ border-bottom:1px solid #e7e7e7; margin-bottom:15px; padding:0 15px 5px 15px; width:100% } .patient-chart .versions-bar .versions-bar__title{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.75rem; margin-right:15px; margin:5px 0 } .patient-chart .versions-bar .versions-bar__options ul.versions{ display:flex; flex-wrap:wrap; list-style:none; margin:0; padding:0 } .patient-chart .versions-bar .versions-bar__options ul.versions.single li.version:hover{ border:1px solid #e8b361 } .patient-chart .versions-bar .versions-bar__options ul.versions.single li.version.active{ border:1px solid #49b5a8 } .patient-chart .versions-bar .versions-bar__options ul.versions.multi li.version:hover{ border:1px solid #49b5a8 } .patient-chart .versions-bar .versions-bar__options ul.versions.multi li.version.active{ border:1px solid #9dd98d } .patient-chart .versions-bar .versions-bar__options ul.versions.multi li.version.reset{ background-color:#f2f1ef } .patient-chart .versions-bar .versions-bar__options ul.versions li.version{ border:1px solid #fff; background-color:#fff; border-radius:15px; cursor:pointer; flex:0 1 auto; font-size:.75rem; margin:0 5px 5px 0; padding:5px 12px; text-align:center } .patient-chart #chart_diagnoses,.patient-chart #active_diagnoses{ min-height:60px } .patient-chart #chart_diagnoses.hovering,.patient-chart #active_diagnoses.hovering{ background-color:#e7e7e7 } .patient-chart #chart_holder{ display:flex; flex-direction:row; height:calc(100vh); justify-content:center; margin:0 auto; max-width:1960px; padding:100px 0 0 0; width:100% } .patient-chart #assessment_diagnoses{ align-items:flex-end; border-right:1px solid #dadada; display:flex; flex:1; flex-direction:column; position:relative } .patient-chart #assessment_diagnoses.expanded{ flex:1 1 30% } .patient-chart #assessment_diagnoses .exam-content-edit-frame{ background-color:#f7f7f7; display:none; overflow-y:auto; padding:20px 0 70px 0; position:absolute; top:0; right:0; bottom:0; left:0; z-index:10 } .patient-chart #assessment_diagnoses .exam-content-edit-frame .exam-header{ border-bottom:2px solid #e7e7e7; display:flex; margin:0; padding:0 30px 10px 30px } .patient-chart #assessment_diagnoses .exam-content-edit-frame .exam-header h3{ flex:0 1 auto; font-size:1rem; line-height:1.875rem; margin-bottom:0 } .patient-chart #assessment_diagnoses .exam-content-edit-frame .exam-header .sumo-small{ margin-left:auto } .patient-chart #assessment_diagnoses .exam-content-edit-frame .redactor-box{ background-color:#fff; color:#262523; font-size:.9375rem; line-height:1.125rem; margin-bottom:20px; padding:30px } .patient-chart #assessment_diagnoses .exam-content-edit-frame .redactor-box p{ margin-bottom:25px } .patient-chart #assessment_diagnoses .exam-content-edit-frame .redactor-box p:last-child{ margin-bottom:10px } .patient-chart #assessment_diagnoses .exam-content-edit-frame .redactor-box ul li{ margin-bottom:10px } .patient-chart #assessment_diagnoses .exam-content-edit-frame .exam-content-closer{ color:#bdbaba; cursor:pointer; position:absolute; line-height:30px; height:30px; width:30px; top:18px; right:10px; text-align:center } .patient-chart #assessment_diagnoses .exam-content-edit-frame .exam-content-closer:hover{ background-color:#f7f7f7; color:#434341 } .patient-chart #assessment_diagnoses .exam-content-edit-frame .exam-content-actions{ background-color:rgba(247,247,247,.9); display:flex; padding:15px 30px 30px 30px; position:fixed; bottom:0; left:0; width:inherit; z-index:50 } .patient-chart #assessment_diagnoses .exam-content-edit-frame .exam-content-actions .button{ margin-bottom:0 } .patient-chart #assessment_diagnoses .chart-content-frame{ border-left:1px solid #e7e7e7; height:100%; max-width:320px; min-width:300px } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section{ border-bottom:1px solid #e7e7e7 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section:last-child{ border-bottom:none } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .blank-holder .blank-state{ background-color:#f2f1ef; border:1px dotted #bdbaba } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .blank-holder .blank-state .blank-state__message{ max-width:100%; text-align:left } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .blank-holder .blank-state .blank-state__message h5{ font-size:.8125rem } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .blank-holder .blank-state .blank-state__message .message{ font-size:.75rem; margin-bottom:5px } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .blank-holder .blank-state .blank-state__message .message p{ line-height:1.2; margin-bottom:0 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__header{ display:flex; padding:10px 20px 0 20px } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__header h3{ color:#7e7d7b; flex:0 1 auto; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:.6875rem; letter-spacing:1.5px; margin-bottom:5px; text-transform:uppercase } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__header .section__header-action{ color:#49b5a8; cursor:pointer; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.625rem; letter-spacing:1px; line-height:1.875rem; margin-left:auto; text-transform:uppercase } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame{ display:none; position:relative; box-shadow:inset 0px 10px 5px -10px rgba(0,0,0,.1),inset 0px -10px 5px -10px rgba(0,0,0,.05) } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame.hidden{ display:none } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame.showing{ display:flex } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .loading{ display:none; position:absolute; top:10px; right:10px; height:20px; width:20px; z-index:10 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .loading img{ width:16px } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .SumoSelect .CaptionCont{ border:none; line-height:50px; min-height:50px; padding:0 20px } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .SumoSelect .CaptionCont .placeholder{ font-size:.875rem } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .SumoSelect .CaptionCont label{ top:5px; right:5px } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .SumoSelect .CaptionCont .search-txt{ font-size:.875rem; line-height:50px; min-height:50px } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .SumoSelect .optWrapper{ top:51px } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .live-search{ position:relative; width:100% } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .live-search .input-with-icon-holder input[type=search]{ border:none; margin-bottom:0; padding:25px 20px 25px 40px } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .live-search .input-with-icon-holder .input-icon{ line-height:50px } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .live-search .results{ background-color:#fff; box-shadow:0px 3px 10px rgba(0,0,0,.1); position:absolute; top:49px; left:0; right:0; width:100%; z-index:50 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .live-search .results ul.result-list{ border:1px solid #dadada; font-size:.875rem; max-height:40vh; list-style:none; overflow-y:scroll; margin:0; padding:0 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .live-search .results ul.result-list:empty{ border:none; height:0; padding:0 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .live-search .results ul.result-list li{ border-bottom:1px solid #e7e7e7; cursor:pointer; line-height:1.3; padding:10px 15px } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .live-search .results ul.result-list li:hover{ background-color:#f2f1ef } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .live-search .results ul.result-list li:last-child{ border-bottom:none } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__add-item-frame .live-search .results ul.result-list li.selected{ background-color:#f2f1ef } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards{ min-height:80px; padding:15px 20px; position:relative } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .blank-holder.hidden{ display:none } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .drag-drop-area{ align-items:center; background-color:#f2f1ef; border:1px dotted #bdbaba; color:#9f9d9d; display:flex; font-size:.6875rem; height:40px; justify-content:center; padding:0 10px; position:absolute; top:15px; right:20px; left:20px; text-align:center; z-index:1 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .drag-drop-area i{ font-size:1.5rem; margin-right:5px } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment{ border-left:3px solid #fff; border-radius:0; display:flex; flex-direction:row; margin-bottom:5px; padding:12px 40px 12px 15px; position:relative; z-index:5 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment.blue{ border-color:#3489cf } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment.brown{ border-color:#635d5e } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment.dark-green{ border-color:#66bc82 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment.dark-red{ border-color:#c6665e } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment.green{ border-color:#80d76d } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment.green-brown{ border-color:#c5bf8c } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment.lavender{ border-color:#a97ca5 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment.magenta{ border-color:#df5b92 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment.orange{ border-color:#e8b063 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment.purple{ border-color:#7d75a4 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment.red{ border-color:#f33f4d } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment.red-orange{ border-color:#d99a76 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment.teal{ border-color:#16ac97 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment.yellow{ border-color:#f0e200 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment .assessment{ color:#434341; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.8125rem; line-height:1rem } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment .icd-code{ color:#9f9d9d; font-size:.6875rem; margin-left:auto } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment .remove-chart-item{ cursor:pointer; position:absolute; top:11px; right:15px; transition:all .2s ease-in-out } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment .remove-chart-item:hover i{ color:#ea6565 } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.assessment .remove-chart-item i{ color:#dadada; font-size:.75rem } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.exam{ cursor:pointer; position:relative } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.exam:hover{ box-shadow:0px 5px 30px rgba(0,0,0,.15) } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.exam .remove-exam{ color:#dadada; font-size:.75rem; position:absolute; top:15px; right:15px } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.exam .card__content{ margin-bottom:15px } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.exam .card__content h3{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.9375rem; margin-bottom:2px } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.exam .card__content .summary{ color:#9f9d9d; font-size:.75rem } .patient-chart #assessment_diagnoses .chart-content-frame .dx-exam-section .section__cards .card.exam .card__content .edit-exam{ color:#49b5a8; cursor:pointer; font-size:.625rem; letter-spacing:.825px; margin-top:15px; text-transform:uppercase } .patient-chart #patient_chart{ background-color:#fff; display:flex } .patient-chart #patient_chart .chart{ display:flex; flex-direction:column; margin:0 auto; height:100%; overflow-y:auto; position:relative; text-align:left; width:100% } .patient-chart #patient_chart .chart .note-count{ color:#bdbaba; display:flex; font-size:1.3125rem; line-height:1; position:absolute; top:65px; right:30px } .patient-chart #patient_chart .chart .note-count.active{ color:#49b5a8 } .patient-chart #patient_chart .chart .note-count i{ font-size:1.5rem; margin-right:7px } .patient-chart #patient_chart .chart .kabob-menu{ position:absolute; top:30px; right:30px } .patient-chart #patient_chart .chart .kabob-menu .kabob-menu__trigger{ border:1px solid #dadada; border-radius:3px; height:30px; line-height:30px; width:30px; text-align:center } .patient-chart #patient_chart .chart .kabob-menu ul.kabob-menu__ingredients li.kabob-menu__ingredient a{ font-size:.8125rem } .patient-chart #patient_chart .chart .interview-patient-info{ display:flex; flex-direction:row; padding:30px 25px 30px 0 } .patient-chart #patient_chart .chart .interview-patient-info .patient-info{ flex-shrink:0; padding:0 40px } .patient-chart #patient_chart .chart .interview-patient-info .patient-info .avatar.large{ margin-bottom:7px; height:110px; width:110px } .patient-chart #patient_chart .chart .interview-patient-info .patient-info .avatar.large .avatar__image{ border-radius:5px; height:110px; width:110px; top:0; left:0 } .patient-chart #patient_chart .chart .interview-patient-info .patient-info .name{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.125rem; line-height:1.2 } .patient-chart #patient_chart .chart .interview-patient-info .patient-info .age-dob{ color:#9f9d9d; font-size:.8125rem } .patient-chart #patient_chart .chart .interview-patient-info .interaction-subjective .subjective-content{ padding-right:80px } .patient-chart #patient_chart .chart .interview-patient-info .interaction-subjective .subjective-content h1{ font-size:1.75rem; line-height:1.2; margin-bottom:0px } .patient-chart #patient_chart .chart .interview-patient-info .interaction-subjective .subjective-content h2{ color:#5f5f5d; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-weight:400; font-size:1.3125rem; margin-bottom:20px } .patient-chart #patient_chart .chart .interview-patient-info .interaction-subjective .additional-findings{ margin-top:30px } .patient-chart #patient_chart .chart .interview-patient-info .interaction-subjective .additional-findings .additional-findings-content{ display:none } .patient-chart #patient_chart .chart .interview-patient-info .interaction-subjective .additional-findings .additional-findings-content textarea{ background-color:#f7f7f7; border:none; color:#5f5f5d; padding:20px } .patient-chart #patient_chart .chart .interview-patient-info .interaction-subjective .additional-findings .add-additional-findings{ color:#49b5a8; cursor:pointer; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.75rem; letter-spacing:1.5px; text-transform:uppercase } .patient-chart #patient_chart .chart .interview-patient-info .interaction-subjective .interaction-additional-info-links .button{ background-color:#f7f7f7; color:#7e7d7b; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:.8125rem; margin-bottom:0; padding:12px 15px 12px 15px } .patient-chart #patient_chart .chart .interview-patient-info .interaction-subjective .interaction-additional-info-links .button.right{ float:right } .patient-chart #patient_chart .chart .interview-patient-info .interaction-subjective .interaction-additional-info-links .button i{ font-size:1rem; margin-right:10px } .patient-chart #patient_chart .chart .interaction-vitals-status{ background-color:#f7f7f7; border-bottom:1px solid #dadada; border-top:1px solid #dadada; display:flex } .patient-chart #patient_chart .chart .interaction-vitals-status .interaction-information{ flex:1; padding:15px 15px 15px 50px; position:relative } .patient-chart #patient_chart .chart .interaction-vitals-status .interaction-information .change-interaction-form{ display:none; margin:15px 20px; max-width: 250px; position:absolute; top:0; right:0; bottom:0; left:0 } .patient-chart #patient_chart .chart .interaction-vitals-status .interaction-information .change-appointment-interaction{ color:#bdbaba; cursor:pointer; position:absolute; top:14px; right:20px } .patient-chart #patient_chart .chart .interaction-vitals-status .interaction-information .status-color-dot{ position:absolute; top:15px; left:25px } .patient-chart #patient_chart .chart .interaction-vitals-status .interaction-information h3{ color:#434341; font-size:1rem; line-height:1.2; margin-bottom:0px } .patient-chart #patient_chart .chart .interaction-vitals-status .interaction-information .interaction-date{ color:#9f9d9d; font-size:.875rem } .patient-chart #patient_chart .chart .interaction-vitals-status .vitals{ flex:0 1 480px } .patient-chart #patient_chart .chart .interaction-vitals-status .vitals ul#stats{ justify-content:center; display:flex; list-style:none; margin:0; padding:0 } .patient-chart #patient_chart .chart .interaction-vitals-status .vitals ul#stats li{ border-left:1px solid #dadada; text-align:center; width:80px } .patient-chart #patient_chart .chart .interaction-vitals-status .vitals ul#stats li:last-child{ border-right:1px solid #dadada } .patient-chart #patient_chart .chart .interaction-vitals-status .vitals ul#stats li input{ background-color:#f2f1ef; border:none; cursor:pointer; font-size:1rem; height:auto; padding:10px 5px !important; margin-bottom:2px; text-align:center } .patient-chart #patient_chart .chart .interaction-vitals-status .status{ color:#49b5a8; flex:1; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.9375rem; padding:15px 30px; text-align:right } .patient-chart #patient_chart .chart .interaction-vitals-status .status.base{ color:#3489cf } .patient-chart #patient_chart .chart .interaction-vitals-status .status.canceled{ color:#f33f4d } .patient-chart #patient_chart .chart .interaction-vitals-status .status.confirmed{ color:#66bc82 } .patient-chart #patient_chart .chart .interaction-vitals-status .status.onsite{ color:#7d75a4 } .patient-chart #patient_chart .chart .eva-assessment-chart{ padding:30px } .patient-chart #patient_chart .chart .provider-impression{ align-items:center; background-color:#f2f1ef; display:flex; padding:15px; box-shadow:inset 0px 10px 5px -10px rgba(0,0,0,.1),inset 0px -10px 5px -10px rgba(0,0,0,.05) } .patient-chart #patient_chart .chart .provider-impression label{ color:#434341; font-family:"Eina02-Regular"; font-size:.875rem; margin-bottom:0; margin-right:15px } .patient-chart #patient_chart .chart .provider-impression textarea{ border-color:#e7e7e7; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; height:40px; margin-bottom:0; padding:15px } .patient-chart #patient_chart .chart .provider-impression textarea::placeholder{ color:#9f9d9d; font-family:"Eina02-Regular" } .patient-chart #patient_chart .chart .treatments-invoice-items{ align-items:center; border-top:1px solid #e7e7e7; display:flex; flex:1 1 auto } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame{ background-color:#fff; display:none; position:absolute; height:auto !important; width:auto !important; top:0; right:0; bottom:0; left:0; z-index:50 } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame.showing{ display:block } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame-closer{ color:#bdbaba; cursor:pointer; position:absolute; line-height:40px; height:40px; width:40px; top:15px; right:5px; text-align:center } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame-closer i{ font-size:1.125rem } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame-closer:hover{ background-color:#f7f7f7; color:#434341 } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__header{ border-bottom:1px solid #e7e7e7; display:flex; height:70px; padding:14px 30px 10px 20px } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__header h5{ flex:0 1 auto; font-size:.9375rem; line-height:1.3125rem; margin-bottom:0; margin-top:10px } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__header .add-frame__header-search{ margin-left:auto; padding-right:20px; flex:0 1 50% } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__header .add-frame__header-search .input-with-icon-holder input{ background-color:rgba(247,247,247,.5); border:none; font-size:.875rem; margin-bottom:0; padding:0 15px 5px 40px } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__header .add-frame__header-search .input-with-icon-holder input::placeholder{ color:#bdbaba } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__header .add-frame__header-search .input-with-icon-holder .input-icon{ color:#bdbaba; line-height:42px } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .category-jump-header{ background-color:#f7f7f7; border-bottom:1px solid #e7e7e7; min-height:90px; padding:15px } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .category-jump-header .jump-title{ color:#9f9d9d; font-size:.625rem; letter-spacing:1.5px; margin-bottom:10px; text-transform:uppercase } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .category-jump-header ul.jump-tabs{ display:flex; flex-wrap:wrap; margin:0; padding:0 } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .category-jump-header ul.jump-tabs li{ background-color:#fff; border-radius:15px; cursor:pointer; display:flex; font-size:.875rem; margin:0 5px 5px 0; padding:5px 20px 7px 20px } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .category-jump-header ul.jump-tabs li:hover{ background-color:#f2f1ef } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .color-dot{ background-color:#dadada; border-radius:50%; height:10px; margin-right:10px; margin-top:6px; width:10px } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .color-dot.blue{ background-color:#3489cf } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .color-dot.brown{ background-color:#635d5e } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .color-dot.dark-green{ background-color:#66bc82 } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .color-dot.dark-red{ background-color:#c6665e } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .color-dot.green{ background-color:#80d76d } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .color-dot.green-brown{ background-color:#c5bf8c } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .color-dot.lavender{ background-color:#a97ca5 } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .color-dot.magenta{ background-color:#df5b92 } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .color-dot.orange{ background-color:#e8b063 } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .color-dot.purple{ background-color:#7d75a4 } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .color-dot.red{ background-color:#f33f4d } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .color-dot.red-orange{ background-color:#d99a76 } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .color-dot.teal{ background-color:#16ac97 } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame #invoice_items_frame{ height:calc(100% - 160px) } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content{ display:block; height:calc(100% - 70px); overflow-y:auto; padding:15px } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .section-title{ border-bottom:1px solid #e7e7e7; display:flex; margin-bottom:10px; padding-bottom:10px; padding-top:10px } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .section-title h6{ flex:0 1 auto; margin-bottom:0 } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .section-title .scroll-to-top{ color:#9f9d9d; cursor:pointer; font-size:.75rem; margin-left:auto } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .section-title .scroll-to-top:hover{ color:#49b5a8 } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .cards{ display:flex; flex-wrap:wrap; margin-bottom:30px } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .cards .card.invoice-item{ cursor:pointer; display:flex; flex:0 1 100%; flex-direction:row; margin-bottom:5px; padding:5px 15px } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .cards .card.invoice-item:hover{ box-shadow:0px 5px 20px rgba(0,0,0,.2) } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .cards .card.invoice-item .color-dot.lab{ background-color:#c6665e } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .cards .card.invoice-item .color-dot.procedure{ background-color:#7d75a4 } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .cards .card.invoice-item .color-dot.service{ background-color:#3489cf } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .cards .card.invoice-item .item-name{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.875rem; margin-top:2px } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .cards .card.invoice-item .cpt-code{ color:#7e7d7b; font-size:.75rem; margin-left:auto } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .cards .card.treatment{ cursor:pointer; flex:0 1 98%; margin:1%; min-width:100px; padding:15px } @media only screen and (min-width: 1170px){ .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .cards .card.treatment{ flex:0 1 48% } } @media only screen and (min-width: 1800px){ .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .cards .card.treatment{ flex:0 1 31% } } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .cards .card.treatment:hover{ box-shadow:0px 5px 20px rgba(0,0,0,.2) } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .cards .card.treatment .treatment-name{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.9375rem; margin-bottom:2px } .patient-chart #patient_chart .chart .treatments-invoice-items .add-frame .add-frame__content .cards .card.treatment .summary{ color:#9f9d9d; font-size:.8125rem } .patient-chart #patient_chart .chart .treatments-invoice-items .treatments{ flex:0 1 70%; height:100%; position:relative } .patient-chart #patient_chart .chart .treatments-invoice-items .treatments .treatment-plans-content{ padding:20px } .patient-chart #patient_chart .chart .treatments-invoice-items .treatments .treatment-plans-content .card.treatment{ margin-bottom:15px } .patient-chart #patient_chart .chart .treatments-invoice-items .treatments .treatment-plans-content .card.treatment .treatment__header{ border-bottom:1px solid #e7e7e7; display:flex; padding:10px 40px 10px 20px } .patient-chart #patient_chart .chart .treatments-invoice-items .treatments .treatment-plans-content .card.treatment .treatment__header h3{ font-size:1rem; flex:0 1 auto; line-height:1.875rem; margin-bottom:0 } .patient-chart #patient_chart .chart .treatments-invoice-items .treatments .treatment-plans-content .card.treatment .treatment__header .dx-treatment-link-select{ margin-left:auto } .patient-chart #patient_chart .chart .treatments-invoice-items .treatments .treatment-plans-content .card.treatment .treatment__header .dx-treatment-link-select .SelectBox{ border:1px solid #e7e7e7 } .patient-chart #patient_chart .chart .treatments-invoice-items .treatments .treatment-plans-content .card.treatment .treatment__header .dx-treatment-link-select select{ margin-bottom:0 } .patient-chart #patient_chart .chart .treatments-invoice-items .treatments .treatment-plans-content .card.treatment .treatment__header .remove-chart-item{ top:15px } .patient-chart #patient_chart .chart .treatments-invoice-items .treatments .treatment-plans-content .card.treatment .treatment__content .redactor-box{ padding:20px } .patient-chart #patient_chart .chart .treatments-invoice-items .treatments .treatment-plans-content .card.treatment .treatment__content .redactor-box p{ margin-bottom:25px } .patient-chart #patient_chart .chart .treatments-invoice-items .treatments .treatment-plans-content .card.treatment .treatment__content .redactor-box p:last-child{ margin-bottom:10px } .patient-chart #patient_chart .chart .treatments-invoice-items .treatments .treatment-plans-content .card.treatment .treatment__versions{ background-color:#f7f7f7; display:flex; padding:10px 20px } .patient-chart #patient_chart .chart .treatments-invoice-items .treatments .treatment-plans-content .card.treatment .treatment__versions label.inline-lable{ color:#7e7d7b; font-size:.8125rem; line-height:26px; margin-bottom:0; margin-right:10px } .patient-chart #patient_chart .chart .treatments-invoice-items .treatments .treatment-plans-content .card.treatment .treatment__versions select{ margin-bottom:0; flex:0 1 auto } .patient-chart #patient_chart .chart .treatments-invoice-items .treatments .treatment-plans-content .card.treatment .treatment__versions .SumoSelect{ flex:0 1 auto; width:auto } .patient-chart #patient_chart .chart .treatments-invoice-items .invoice-items{ border-left:1px solid #e7e7e7; flex:0 1 40%; height:100%; position:relative } .patient-chart #patient_chart .chart .treatments-invoice-items .invoice-items table.table{ margin-bottom:0 } .patient-chart #patient_chart .chart .treatments-invoice-items .invoice-items table.table .pricing{ display:none } .patient-chart #patient_chart .chart .treatments-invoice-items .invoice-items table.table thead tr th{ border-top:transparent !important } .patient-chart #patient_chart .chart .treatments-invoice-items .invoice-items table.table tbody tr td{ font-size:.8125rem } .patient-chart #patient_chart .chart .treatments-invoice-items .invoice-items table.table tbody tr td .remove-chart-item{ color:#bdbaba; cursor:pointer } .patient-chart #patient_chart .chart .treatments-invoice-items .invoice-items table.table tbody tr td .remove-chart-item:hover{ color:#ea6565 } .patient-chart #patient_chart .chart .treatments-invoice-items .invoice-items .invoice-items__actions{ background-color:rgba(247,247,247,.4); border-bottom:1px solid #dadada; display:flex; cursor:pointer; font-size:.625rem; letter-spacing:1px; padding:15px 20px; text-transform:uppercase; width:100% } .patient-chart #patient_chart .chart .treatments-invoice-items .invoice-items .invoice-items__actions a{ color:#9f9d9d; display:flex } .patient-chart #patient_chart .chart .treatments-invoice-items .invoice-items .invoice-items__actions a:hover{ color:#49b5a8 } .patient-chart #patient_chart .chart .treatments-invoice-items .invoice-items .invoice-items__actions a i{ font-size:.875rem; margin-right:5px } .patient-chart #patient_chart .chart .treatments-invoice-items .invoice-items .invoice-items__actions .show-pricing{ margin-left:auto } .patient-chart #patient_chart .chart .treatments-invoice-items .chart-titlebar{ border-bottom:1px solid #e7e7e7; display:flex; padding:15px 20px } .patient-chart #patient_chart .chart .treatments-invoice-items .chart-titlebar h4{ color:#7e7d7b; flex:0 1 auto; font-size:.6875rem; letter-spacing:1.5px; line-height:1.875rem; margin-bottom:0; text-transform:uppercase } .patient-chart #patient_chart .chart .treatments-invoice-items .chart-titlebar .add-chart-item-select{ display:flex; flex:0 1 auto; height:30px; margin-left:auto } .patient-chart #patient_chart .chart .treatments-invoice-items .chart-titlebar .add-chart-item-select .add-frame-opener{ color:#49b5a8; cursor:pointer; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.625rem; letter-spacing:1px; line-height:1.875rem; text-transform:uppercase } .patient-chart #patient_meds{ background-color:#f2f1ef; border-left:1px solid #dadada; flex:1; padding:10px 20px 20px 20px } .patient-chart #patient_meds .patient_meds__content{ max-width:320px; min-width:300px } .patient-chart #patient_meds .patient_meds__content .patient_meds__titlebar{ display:flex; margin-bottom:5px } .patient-chart #patient_meds .patient_meds__content .patient_meds__titlebar h4{ color:#7e7d7b; flex:0 1 auto; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:.6875rem; letter-spacing:1.5px; line-height:2.25rem; margin-bottom:5px; text-transform:uppercase } .patient-chart #patient_meds .patient_meds__content .patient_meds__titlebar .manage-medications{ color:#49b5a8; cursor:pointer; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.625rem; letter-spacing:1px; line-height:2.5rem; margin-left:auto; text-transform:uppercase } .patient-chart #patient_meds .patient_meds__content .prescriptions .rx-card-holder .card.rx{ margin-bottom:10px } .patient-chart #patient_meds .patient_meds__content .prescriptions .rx-card-holder .card.rx .card__content .drug-information{ padding:10px 15px } .patient-chart #patient_meds .patient_meds__content .prescriptions .add-prescription{ margin-top:10px } .patient-chart #patient_meds .patient_meds__content .blank-holder .blank-state .blank-state__message{ max-width:90% } .patient-chart #patient_meds .patient_meds__content .card.med{ border-radius:0; margin-bottom:10px; min-width:100px; padding:12px 15px 15px 15px; width:100% } .patient-chart #patient_meds .patient_meds__content .card.med.new::before,.patient-chart #patient_meds .patient_meds__content .card.med.new::after{ content:""; position:absolute; top:0; left:0; border-color:transparent; border-style:solid } .patient-chart #patient_meds .patient_meds__content .card.med.new::before{ border-width:6px; border-left-color:#49b5a8; border-top-color:#49b5a8 } .patient-chart #patient_meds .patient_meds__content .card.med.no-refills .dispense-refills{ color:#bdbaba } .patient-chart #patient_meds .patient_meds__content .card.med.prescribed{ padding-right:55px; position:relative } .patient-chart #patient_meds .patient_meds__content .card.med.prescribed .name{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif } .patient-chart #patient_meds .patient_meds__content .card.med.prescribed .dispense-refills{ border-left:1px solid #e7e7e7; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.8125rem; position:absolute; top:0; right:0; bottom:0; text-align:center; width:40px } .patient-chart #patient_meds .patient_meds__content .card.med.prescribed .dispense-refills .dispense{ border-bottom:1px solid #e7e7e7; height:50% } .patient-chart #patient_meds .patient_meds__content .card.med.prescribed .dispense-refills .dispense:before{ content:""; display:inline-block; height:100%; vertical-align:middle; font-size:0 } .patient-chart #patient_meds .patient_meds__content .card.med.prescribed .dispense-refills .dispense>*{ vertical-align:middle; font-size:14px } .patient-chart #patient_meds .patient_meds__content .card.med.prescribed .dispense-refills .refills{ height:50% } .patient-chart #patient_meds .patient_meds__content .card.med.prescribed .dispense-refills .refills:before{ content:""; display:inline-block; height:100%; vertical-align:middle; font-size:0 } .patient-chart #patient_meds .patient_meds__content .card.med.prescribed .dispense-refills .refills>*{ vertical-align:middle; font-size:14px } .patient-chart #patient_meds .patient_meds__content .card.med .name{ font-size:.9375rem } .patient-chart #patient_meds .patient_meds__content .card.med .instructions{ color:#9f9d9d; font-size:.75rem; line-height:1rem } .patient-chart .cards-section{ background-color:#f2f1ef; box-shadow:inset 0px 11px 8px -10px rgba(0,0,0,.05),inset 0px -11px 8px -10px rgba(0,0,0,.05); padding:20px 300px 30px 300px; width:100% } .patient-chart .treatment-summary{ display:flex; padding:20px 300px 30px 300px } .patient-chart .treatment-summary h4{ color:#7e7d7b; display:inline-flex; flex:1; font-size:.875rem; line-height:1.5; margin-bottom:0 } .imported-report{ padding-bottom:50px } .imported-report p{ margin-bottom:20px } .imported-report .signature{ border:1px solid #dadada; margin:30px 0 40px 0; padding:20px } .imported-report .detailed-review-holder{ background-color:#f2f1ef; margin:20px 0 30px 0; padding:10px 15px } .imported-report .detailed-review-holder h3{ margin-bottom:0 } .imported-report .detailed-review-holder h3 .view-link{ color:#49b5a8; cursor:pointer; float:right; font-size:.875rem } .imported-report .detailed-review-holder .detailed-review{ background-color:#fff; display:none; margin-top:15px; padding:20px } .home-banner{ align-items:center; justify-content:center; background-color:#000; color:#fff; display:flex; flex-direction:column; height:120px; padding:35px 0 25px 0; position:relative; text-align:center } @media only screen and (min-width: 1025px){ .home-banner{ flex-direction:row } } .home-banner.greeting-only{ align-items:flex-start; justify-content:flex-start; padding:40px 30px } .home-banner .home-banner__greeting{ display:flex; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.3125rem; position:relative; z-index:10 } .home-banner .home-banner__date-nav{ display:flex; flex-direction:row; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; z-index:10 } .home-banner .home-banner__date-nav .prev-day,.home-banner .home-banner__date-nav .next-day{ color:#fff; font-size:1.3125rem; margin:0 20px 40px 20px; transition:color .1s ease-in-out } .home-banner .home-banner__date-nav .prev-day:hover,.home-banner .home-banner__date-nav .next-day:hover{ background-color:#49b5a8; text-decoration:none } .home-banner .home-banner__date-nav .current-day{ font-size:1.125rem; width:50px } .home-banner .home-banner__date-nav .calendar-box{ align-self:flex-start; border:2px solid #fff; border-radius:3px; color:#fff; margin:-10px 15px 0 15px; width:60px } .home-banner .home-banner__date-nav .calendar-box .calendar-box__day{ background-color:#fff; color:#000; font-family:"Eina02-Regular",sans-serif; font-size:2rem; mix-blend-mode:screen } .home-banner .home-banner__date-nav .calendar-box .calendar-box__month{ font-size:.75rem; padding:3px 5px } .home-banner .home-banner__date-nav .current-time{ font-family:"Eina02-Regular",sans-serif; font-size:1.125rem; width:50px } .home-banner .home-banner__image{ background-position:center center; background-size:cover; opacity:.6; position:absolute; top:0; left:0; right:0; bottom:0; z-index:5 } .home-banner .home-banner__image.morning{ background-image:url("/assets/media/banners/home-morning.png") } .home-banner .home-banner__image.day{ background-image:url("/assets/media/banners/home-day.png") } .home-banner .home-banner__image.evening{ background-image:url("/assets/media/banners/home-evening.png") } .home-banner .home-banner__image.night{ background-image:url("/assets/media/banners/home-night.png") } .patient-appointment-cards{ display:flex; flex-wrap:wrap; margin:60px 0 60px 60px } .question-manage .question-frame{ background-color:#fff; box-shadow:0px 2px 5px rgba(26,26,26,.15) } .question-manage .question-frame .main-question{ padding:30px } .question-manage .question__header{ display:flex; margin-bottom:15px } .question-manage .question__header .question-input{ border:none; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.625rem; height:30px; line-height:1.4; min-height:30px; overflow:hidden; padding:0; resize:none } .question-manage .question__header .type-select{ align-items:flex-start; align-content:flex-start; display:flex; margin-left:auto; padding-left:15px } .question-manage .question__header .type-select label{ line-height:35px; margin:0 10px 0 0 } .question-manage .question__header .type-select select{ border-radius:0; font-size:.875rem; min-width:150px; padding:8px 15px } .question-manage table.question-responses{ background-color:#fff; border:1px solid #cacaca; border-spacing:0; border-collapse:collapse; margin-bottom:15px; width:100% } .question-manage table.question-responses thead{ background-color:#f2f1ef; color:#7e7d7b; font-size:.75rem; width:100% } .question-manage table.question-responses thead tr{ width:100% } .question-manage table.question-responses thead tr th{ border-bottom:1px solid #bdbaba; border-right:1px solid #bdbaba; font-weight:400; padding:10px; text-align:left } .question-manage table.question-responses tbody tr td{ border-bottom:1px solid #bdbaba; border-right:1px solid #bdbaba; border-spacing:0; padding:0; position:relative; margin:0; vertical-align:top } .question-manage table.question-responses tbody tr td.fit-width{ width:1px; white-space:nowrap } .question-manage table.question-responses tbody tr td.impact{ font-size:.875rem; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif } .question-manage table.question-responses tbody tr td.impact a{ font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif } .question-manage table.question-responses tbody tr td.padded{ padding:10px } .question-manage table.question-responses tbody tr td .empty-value{ color:#7e7d7b; padding:10px 15px } .question-manage table.question-responses tbody tr td .remove-additional-option{ background-color:#fff; border-radius:3px; color:#9f9d9d; cursor:pointer; font-size:.75rem; padding:5px 5px 4px 5px; position:absolute; top:10px; right:5px; transition:all .1s ease-in-out } .question-manage table.question-responses tbody tr td .remove-additional-option:hover{ background-color:rgba(234,101,101,.1); color:#ea6565 } .question-manage table.question-responses tbody tr td input,.question-manage table.question-responses tbody tr td textarea{ border:none; height:40px; line-height:1.4; margin:0; margin-top:5px; min-height:40px; overflow:hidden; resize:none } .question-manage table.question-responses tbody tr td input.response,.question-manage table.question-responses tbody tr td textarea.response{ color:#262523; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1rem } .question-manage table.question-responses tbody tr td input{ padding:10px; padding-right:30px; min-width:120px } .question-manage table.question-responses tbody tr td textarea{ color:#5f5f5d; font-size:.875rem; min-height:10px; padding:10px 15px; padding-right:30px } .question-manage table.question-responses tbody tr td textarea::placeholder{ color:#9f9d9d } .question-manage table.question-responses tbody tr td .scoring{ display:flex; padding:10px } .question-manage table.question-responses tbody tr td .scoring .scores{ margin-right:10px } .question-manage table.question-responses tbody tr td .scoring .scores .score{ border:2px solid #303851; border-radius:15px; color:#303851; cursor:pointer; display:inline-block; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; margin:2px 1px; height:25px; line-height:24px; text-align:center; width:45px } .question-manage table.question-responses tbody tr td .scoring .scores .score.negative{ border-color:#ea6565; color:#ea6565 } .question-manage table.question-responses tbody tr td .scoring .add-score-disabled{ background-color:#f2f1ef; border-radius:5px; color:#e7e7e7; height:25px; line-height:26px; margin-left:auto; margin-top:2px; text-align:center; text-decoration:none; width:25px } .question-manage table.question-responses tbody tr td .scoring .add-score{ background-color:#e7e7e7; border-radius:5px; color:#7e7d7b; cursor:pointer; height:25px; line-height:26px; margin-left:auto; margin-top:2px; text-align:center; text-decoration:none; transition:all .1s ease-in-out; width:25px } .question-manage table.question-responses tbody tr td .scoring .add-score:hover{ background-color:#49b5a8; color:#fff } .question-manage table.question-responses tfoot{ background-color:#f2f1ef; border-top:1px solid #cacaca; font-size:.75rem; text-align:left } .question-manage table.question-responses tfoot tr th{ padding:15px 15px } .question-manage table.question-responses tfoot tr th .add-additional-option{ color:#49b5a8; cursor:pointer; font-size:.8125rem; font-weight:500; text-decoration:none } .question-manage .sub-question{ background-color:#f7f7f7; border-top:1px solid #cacaca; padding-bottom:30px } .question-manage .sub-question:empty{ padding-bottom:0 } .question-manage .sub-question.child{ border:1px solid #cacaca; margin:30px 30px 0 30px } .question-manage .sub-question .sub-question__header{ background-color:#f3f3f0; border-bottom:1px solid #cacaca; color:#5f5f5d; display:flex; font-size:.875rem; line-height:30px; padding:10px 15px; width:100% } .question-manage .sub-question .sub-question__header i{ color:#7e7d7b; font-size:1.125rem; line-height:30px; margin-right:10px; margin-top:-1px } .question-manage .sub-question .sub-question__header select{ border-radius:0; font-size:.875rem; margin-bottom:0; margin-left:8px; min-width:80px; padding:5px 15px; width:auto } .question-manage .sub-question .sub-question__header .remove-conditional{ cursor:pointer; margin-left:auto; margin-top:2px } .question-manage .sub-question .sub-question__header .remove-conditional i{ color:#7e7d7b } .question-manage .sub-question .sub-question__header .remove-conditional i:hover{ color:#ea6565 } .question-manage .sub-question .sub-question__content{ padding:20px 30px 0 30px } .question-manage .sub-question .sub-question__content .question-input{ background-color:transparent; font-size:1.125rem } .question-manage .question-options{ display:flex } .question-manage .question-options .person-responses{ color:#9f9d9d; cursor:pointer; display:flex; font-size:1.125rem; justify-content:flex-end; margin-left:auto; margin-top:10px; padding-right:10px; width:80px } .question-manage .question-options .person-responses.active{ color:#303851 } .question-manage .question-options .person-responses i{ font-size:1.5rem; margin-right:7px } .question-manage .question-options .add-conditional{ margin-bottom:0 } .question-manage .main-question-options{ background-color:#f7f7f7; border-top:1px solid #dadada; padding:20px 30px 30px 30px } .question-manage .main-question-options fieldset{ margin-bottom:0 } .question-manage .main-question-options fieldset label{ color:#7e7d7b; font-size:.8125rem } .question-manage .main-question-options fieldset input{ height:40px; margin-bottom:0 } .question-manage .question-image img { width:auto; } .scoring-systems h2{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom:10px; font-size:1rem; font-weight:600 } .scoring-systems .scoring-group__holder{ display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:30px } .scoring-systems .scoring-group__holder:last-child{ margin-bottom:0 } .scoring-systems .scoring-group__holder .scoring-group__cell{ border:1px solid #dadada; border-radius:2px; font-size:.875rem; margin:0 10px 10px 0; padding:5px 15px 10px 15px } .scoring-systems .scoring-group__holder .scoring-group__cell.has-score{ box-shadow:0px 3px 10px rgba(26,26,26,.25) } .scoring-systems .scoring-group__holder .scoring-group__cell .scoring-group{ margin-bottom:5px } .scoring-systems .scoring-group__holder .scoring-group__cell .score-input .number{ width:100px } .scoring-systems .scoring-group__holder .scoring-group__cell .score-input .number input{ width:100% } .interaction-questions.hidden{ display:none } .interaction-questions.showing{ display:flex; flex-direction:column } .interaction-questions table tbody td:first-child,.interaction-questions table tbody th:first-child,.interaction-questions table thead td:first-child,.interaction-questions table thead th:first-child{ padding-left:30px !important } .interaction-questions table tbody td:last-child,.interaction-questions table tbody th:last-child,.interaction-questions table thead td:last-child,.interaction-questions table thead th:last-child{ padding-right:30px !important } .interaction-questions table tbody td .button,.interaction-questions table tbody th .button,.interaction-questions table thead td .button,.interaction-questions table thead th .button{ margin-bottom:0 } #invoice .card.invoice{ position:relative } #invoice .card.invoice .back-button-arrow{ background-color:#fff; box-shadow:0px 2px 10px rgba(0,0,0,.1); color:#bdbaba; position:absolute; top:15px; left:-17px; height:30px; width:30px; border-radius:2px; text-align:center; line-height:32px } #invoice .card.invoice .back-button-arrow:hover{ box-shadow:0px 4px 15px rgba(0,0,0,.25); color:#49b5a8 } #invoice .card.invoice .invoice__header{ display:flex; padding:20px 20px 20px 30px; width:100% } #invoice .card.invoice .invoice__header .header__number-date h2{ margin-bottom:0 } #invoice .card.invoice .invoice__header .header__number-date .service-date{ color:#7e7d7b; font-size:.875rem } #invoice .card.invoice .invoice__header .header__actions{ margin-left:auto } #invoice .card.invoice .invoice__items table.table{ margin-bottom:0 } #invoice .card.invoice .invoice__items table.table td:first-child,#invoice .card.invoice .invoice__items table.table th:first-child{ padding-left:30px } #invoice .card.invoice .invoice__items table.table td:last-child,#invoice .card.invoice .invoice__items table.table th:last-child{ padding-right:30px } #invoice .card.invoice .invoice__items table.table td.item-total,#invoice .card.invoice .invoice__items table.table th.item-total{ padding-right:50px } table.invoices tbody td.status.open{ color:#559ad1 } table.invoices tbody td.status.ready-to-pay{ color:#559ad1 } table.invoices tbody td.status.canceled{ color:#c98075 } table.invoices tbody td.status.recurring{ color:#b493b1 } table.invoices tbody td.status.balance{ color:#e8b361 } table.invoices tbody td.status.paid{ color:#85c39a } table.invoices tbody td.status.past-due{ color:#dc7ba1 } table.invoices tbody td.status.closed{ color:#7e7d7b } .invoice-footer,.processing-content{ display:flex; flex-direction:column; padding:20px 30px; width:100% } .invoice-footer .invoice-footer__item-actions,.processing-content .invoice-footer__item-actions{ align-items:flex-start; align-content:flex-start; display:flex } .invoice-footer .invoice-footer__item-actions .add-frame-opener,.processing-content .invoice-footer__item-actions .add-frame-opener{ text-transform:none } .invoice-footer .invoice-footer__actions-notes,.processing-content .invoice-footer__actions-notes{ align-items:flex-start; align-content:flex-start; display:flex; flex-direction:row; flex:2 } .invoice-footer .invoice-footer__actions-notes .invoice-footer__item-actions,.processing-content .invoice-footer__actions-notes .invoice-footer__item-actions{ align-items:flex-start; align-content:flex-start; display:flex } .invoice-footer .invoice-footer__actions-notes .invoice-footer__notes,.processing-content .invoice-footer__actions-notes .invoice-footer__notes{ align-items:flex-start; align-content:flex-start; display:flex; flex-direction:column; flex:2; padding-right:30px } .invoice-footer .invoice-footer__actions-notes .invoice-footer__notes .invoice-note-content,.processing-content .invoice-footer__actions-notes .invoice-footer__notes .invoice-note-content{ border-color:#dadada } .invoice-footer .invoice-footer__actions-notes .invoice-footer__notes .radio-checker,.processing-content .invoice-footer__actions-notes .invoice-footer__notes .radio-checker{ margin-bottom:15px } .invoice-footer .invoice-footer__actions-notes .invoice-footer__notes .radio-checker label,.processing-content .invoice-footer__actions-notes .invoice-footer__notes .radio-checker label{ color:#9f9d9d; font-size:.8125rem } .invoice-footer .invoice-footer__actions-notes .invoice-footer__notes .payment-message,.processing-content .invoice-footer__actions-notes .invoice-footer__notes .payment-message{ font-size:.8125rem; padding:10px 15px } .invoice-footer .invoice-footer__actions-notes .invoice-footer__notes #invoice_comment_adder,.processing-content .invoice-footer__actions-notes .invoice-footer__notes #invoice_comment_adder{ display:flex; flex-direction:column; width:100% } .invoice-footer .invoice-footer__actions-notes .invoice-footer__notes #invoice_comment_adder .button,.processing-content .invoice-footer__actions-notes .invoice-footer__notes #invoice_comment_adder .button{ align-self:flex-start; margin-bottom:0 } .invoice-footer .invoice-footer__actions-notes .invoice-footer__calc-box,.processing-content .invoice-footer__actions-notes .invoice-footer__calc-box{ align-self:flex-start; background-color:#fafafa; margin-left:auto; min-width:400px; padding:15px 20px 20px 20px } .invoice-footer .invoice-footer__actions-notes .invoice-footer__calc-box .button,.processing-content .invoice-footer__actions-notes .invoice-footer__calc-box .button{ margin-bottom:0; width:100% } .invoice-footer .invoice-footer__actions-notes .invoice-footer__calc-box .begin-checkout.hidden,.processing-content .invoice-footer__actions-notes .invoice-footer__calc-box .begin-checkout.hidden{ display:none } .invoice-footer .invoice-footer__actions-notes .invoice-footer__calc-box ul.invoice-accounting-rows,.processing-content .invoice-footer__actions-notes .invoice-footer__calc-box ul.invoice-accounting-rows{ margin:0; margin-bottom:20px; padding:0 } .invoice-footer .invoice-footer__actions-notes .invoice-footer__calc-box ul.invoice-accounting-rows li.accounting-row,.processing-content .invoice-footer__actions-notes .invoice-footer__calc-box ul.invoice-accounting-rows li.accounting-row{ display:flex; line-height:35px } .invoice-footer .invoice-footer__actions-notes .invoice-footer__calc-box ul.invoice-accounting-rows li.accounting-row.total-row,.processing-content .invoice-footer__actions-notes .invoice-footer__calc-box ul.invoice-accounting-rows li.accounting-row.total-row{ border-top:1px solid #dadada; margin-top:10px; padding-top:10px } .invoice-footer .invoice-footer__actions-notes .invoice-footer__calc-box ul.invoice-accounting-rows li.accounting-row.total-row .accounting-row__number,.processing-content .invoice-footer__actions-notes .invoice-footer__calc-box ul.invoice-accounting-rows li.accounting-row.total-row .accounting-row__number{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.125rem } .invoice-footer .invoice-footer__actions-notes .invoice-footer__calc-box ul.invoice-accounting-rows li.accounting-row .accounting-row__label,.processing-content .invoice-footer__actions-notes .invoice-footer__calc-box ul.invoice-accounting-rows li.accounting-row .accounting-row__label{ color:#7e7d7b; font-size:.8125rem } .invoice-footer .invoice-footer__actions-notes .invoice-footer__calc-box ul.invoice-accounting-rows li.accounting-row .accounting-row__number,.processing-content .invoice-footer__actions-notes .invoice-footer__calc-box ul.invoice-accounting-rows li.accounting-row .accounting-row__number{ font-size:.875rem; margin-left:auto; text-align:right } .invoice__actions{ display:flex; justify-content:flex-end; padding:0 30px 30px 30px; width:100% } .payment-methods{ display:flex; flex-direction:column; padding:20px 30px 0 30px; width:100% } .payment-methods.hidden{ display:none } .payment-methods .payment-methods__header{ border-bottom:1px solid #e7e7e7; display:flex; margin-bottom:20px } .payment-methods .payment-methods__header h3{ font-size:.875rem; flex:0 1 auto; line-height:1.3; margin-bottom:10px } .payment-methods .payment-methods__cards{ margin-bottom:15px } .payment-methods .payment-methods__cards .blank-message{ background-color:#f7f7f7; color:#7e7d7b; font-size:.875rem; margin-bottom:15px; padding:15px 20px } .payment-methods .payment-methods__cards .blank-message p{ margin-bottom:0 } .payment-methods .payment-methods__footer{ display:flex } .payment-methods .payment-methods__footer .balance{ color:#7e7d7b; font-size:.75rem; line-height:40px; margin-left:auto; padding-right:15px } .payment-methods .payment-methods__footer .balance .remaining-balance{ color:#262523; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.125rem; margin-left:5px } .payment-methods .hammer-button{ margin-top:10px } .card.payment{ border:1px solid #f2f1ef; box-shadow:none; display:flex; flex-direction:row; margin-bottom:5px; padding:10px } .card.payment.primary:before{ background-color:#e8b361; border-radius:3px; color:#fff; content:"default"; font-size:.5625rem; left:10px; letter-spacing:1.5px; padding:3px 7px; position:absolute; text-transform:uppercase; top:-10px } .card.payment .payment-content{ display:flex; flex-direction:row } .card.payment .payment-content .brand{ height:50px; width:50px } .card.payment .payment-content .brand img{ max-width:100% } .card.payment .payment-content .info{ margin-left:10px } .card.payment .payment-content .info .card-name,.card.payment .payment-content .info .card-number{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.9375rem; line-height:1; margin:10px 0 0 0 } .card.payment .payment-content .info .additional-info{ color:#9f9d9d; font-size:.8125rem } .card.payment .actions{ display:flex; flex-direction:row; margin-left:auto; margin-top:5px } .card.payment .actions .processing{ color:#bdbaba; font-size:.75rem; padding-right:10px } .card.payment .actions .dollar-sign{ font-size:1.125rem; line-height:38px; margin-right:8px } .card.payment .actions .amount-to-charge input{ border-color:#dadada; font-size:1.125rem; height:40px; margin-bottom:0; padding:5px 10px 10px 15px; text-align:right; width:130px } .card.payment .actions .remove-payment-method{ color:#9f9d9d; cursor:pointer; font-size:.875rem; line-height:42px; padding:0 5px 0 15px } .invoice-notes{ display:flex; flex-direction:column; margin-top:30px; padding:0 15px; width:100% } .invoice-notes .invoice-notes__header{ border-bottom:1px solid #e7e7e7; display:flex } .invoice-notes .invoice-notes__header h3{ font-size:1rem; flex:0 1 auto } .invoice-notes .invoice-notes__header .add-note{ color:#49b5a8; font-size:.875rem; margin-left:auto } .invoice-notes .invoice-notes__content{ color:#bdbaba; margin:20px 0 } .invoice-notes .invoice-notes__content .invoice-notes{ margin-top:0; padding:0; width:100% } .invoice-notes .invoice-notes__content .invoice-notes .note{ background-color:#fff; display:flex; margin-bottom:10px; padding:15px; position:relative } .invoice-notes .invoice-notes__content .invoice-notes .note .remove-note{ background-color:#fff; border-radius:10px; cursor:pointer; position:absolute; top:-6px; right:-6px; height:20px; width:20px; line-height:16px; text-align:center; border: solid 1px #2ec1b1; } .invoice-notes .invoice-notes__content .invoice-notes .note .remove-note i{ color: #2ec1b1; font-size: 8px; top: -1px; position: relative; font-weight: 600; } .invoice-notes .invoice-notes__content .invoice-notes .note .remove-note:hover{ background-color:#ea6565; border: #ea6565; } .invoice-notes .invoice-note-hidden-tag { font-size:0.6rem; color:#EA6565; } .invoice-notes .invoice-notes__content .invoice-notes .note .remove-note:hover i{ color:#fff } .invoice-notes .invoice-notes__content .invoice-notes .note .content{ color:#5f5f5d; flex:1; font-size:.875rem; line-height:1.125rem; margin-left:15px } .invoice-notes .invoice-notes__content .invoice-notes .note .timeago{ color:#9f9d9d; font-size:.6875rem; margin-top:3px; padding-left:10px; text-align:right; } .invoice-notes .invoice-notes__content .add-invoice-note-form{ display:none; margin-top:15px; width:100% } .invoice-notes .invoice-notes__content .add-invoice-note-form textarea{ font-size:.875rem; margin-bottom:5px } .invoice-notes .invoice-notes__content .add-invoice-note-form .button{ margin:0 10px 0 0 } .invoice-notes .invoice-notes__content .add-invoice-note-form .cancel-add-invoice-note{ cursor:pointer; display:inline-block; height:40px; line-height:40px; text-align:center; width:40px } .invoice-notes .invoice-notes__content .add-invoice-note-form .cancel-add-invoice-note:hover{ background-color:#f7f7f7 } .invoice-notes .invoice-notes__content .show-invoice-note-form{ align-self:flex-start; margin-top:5px } #invoice-sidebar .card.interaction{ display:flex; flex-direction:row; margin-bottom:30px; min-width:auto; padding:20px; position:relative } #invoice-sidebar .card.interaction:hover{ box-shadow:0px 10px 25px rgba(0,0,0,.2); cursor:pointer } #invoice-sidebar .card.interaction .appointment-info{ flex:1; position:relative } #invoice-sidebar .card.interaction .appointment-info .appt-type-dot{ position:absolute; top:8px; right:0 } #invoice-sidebar .card.interaction .appointment-info h3{ font-size:1.125rem; line-height:1; margin:5px 0 2px 0 } #invoice-sidebar .card.interaction .appointment-info .appointment-date{ color:#9f9d9d; font-size:.75rem } #invoice-sidebar .card.interaction .appointment-info .chart-link{ color:#49b5a8; font-size:.625rem; letter-spacing:2px; line-height:1.8; text-transform:uppercase } #invoice-sidebar .sidebar__titlebar{ background-color:#e7e7e7; margin-bottom:10px; padding:0 15px; width:100% } #invoice-sidebar .sidebar__titlebar h5{ color:#5f5f5d; font-size:.875rem; line-height:40px } #invoice-sidebar .sidebar__content.payment-progress{ display:flex; height:30px; margin-bottom:30px; position:relative; width:100% } #invoice-sidebar .sidebar__content.payment-progress .current{ color:#5f5f5d; font-size:.75rem; position:absolute; top:0; left:0 } #invoice-sidebar .sidebar__content.payment-progress .current.complete{ color:#49b5a8 } #invoice-sidebar .sidebar__content.payment-progress .invoice-total{ color:#5f5f5d; font-size:.75rem; position:absolute; top:0; right:0 } #invoice-sidebar .sidebar__content.payment-progress .payment-progress-bar{ background-color:#dadada; border-radius:5px; height:5px; position:absolute; bottom:0; right:0; left:0; z-index:1 } #invoice-sidebar .sidebar__content.payment-progress .payment-actual-progress-bar{ background-color:#49b5a8; border-radius:5px; height:5px; position:absolute; bottom:0; right:0; left:0; z-index:5 } #invoice-sidebar .sidebar__content ul.diagnoses{ margin:0; padding:0 } #invoice-sidebar .sidebar__content ul.diagnoses li.diagnosis{ background-color:#fff; box-shadow:0 2px 10px rgba(0,0,0,.1); display:flex; margin-bottom:5px; padding:7px 10px } #invoice-sidebar .sidebar__content ul.diagnoses li.diagnosis .name{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.75rem } #invoice-sidebar .sidebar__content ul.diagnoses li.diagnosis .code{ color:#5f5f5d; font-size:.6875rem; margin-left:auto } .discount-modal{ width:700px } .discount-modal .modal-tabs{ background-color:#f7f7f7; clear:both; position:relative; max-width:100%; margin:0 auto } .discount-modal .modal-tabs .tab{ float:left; padding:10px 0 10px 20px } .discount-modal .modal-tabs .tab .input-with-icon-holder.large .input-icon{ top:0 } .discount-modal .modal-tabs .tab label{ font-size:14px; margin-right:20px; position:relative; top:0; cursor:pointer; color:#434341 } .discount-modal .modal-tabs .tab [type=radio]{ display:none } .discount-modal .modal-tabs .tab__content{ background-color:#fff; padding:15px 0; position:relative; top:50px; left:0; right:0; bottom:0; transition:opacity .2s cubic-bezier(0.42, 0, 0.34, 1.01); opacity:0 } .discount-modal .modal-tabs [type=radio]:checked~label{ border-bottom:2px solid #49b5a8; color:#434341; z-index:2 } .discount-modal .modal-tabs [type=radio]:checked~label~.tab__content{ z-index:1; opacity:1 } .discount-modal h2{ line-height:1.2; margin-bottom:0 } .discount-modal .subhead{ border-bottom:1px solid #e7e7e7; color:#7e7d7b; font-size:.875rem; padding-bottom:15px } .discount-modal table.table{ margin-bottom:20px } .discount-modal .invoice-footer{ padding:0; padding-bottom:30px } .discount-modal .invoice-footer .invoice-footer__actions-notes .invoice-footer__notes{ padding-right:20px } .discount-modal .invoice-footer .invoice-footer__actions-notes .invoice-footer__calc-box{ min-width:300px } .discount-modal .invoice-notes-frame{ margin-bottom:30px } .discount-modal .invoice-notes-frame .radio-checker{ margin-bottom:15px } .discount-modal .invoice-notes-frame .radio-checker label{ color:#9f9d9d; font-size:.8125rem } .remove-invoice-item{ cursor:pointer } .remove-invoice-item i{ color:#bdbaba } .remove-invoice-item:hover i{ color:#ea6565 } .stripe-content-holder{ width:100% } .billing-address-cards input[type=radio]{ display:none } .billing-address-cards label{ background-color:#f2f1ef; border:1px solid #dadada; color:#9f9d9d; cursor:pointer; display:inline-block; font-size:.875rem; margin:0 0 10px 0; padding:15px 15px 15px 20px; position:relative; width:100% } .billing-address-cards label .primary-star{ background-color:#fff; border-radius:5px; box-shadow:0px 3px 10px rgba(14,14,14,.1); color:#e8b361; line-height:1.2; padding:5px; position:absolute; top:8px; left:-10px } .billing-address-cards label h3{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.875rem; line-height:1; margin-bottom:0 } .billing-address-cards input[type=radio]:checked+label{ background-color:#fff; color:#434341; border:1px solid #49b5a8 } .messages{ display:flex; height:100% } .messages .messages__patients{ background-color:#f2f1ef; border-right:1px solid #e7e7e7; width:300px } .messages .messages__patients .messages__patients-search{ background-color:#f2f1ef; border-bottom:1px solid #e7e7e7 } .messages .messages__patients .messages__patients-search input{ background-color:#f2f1ef; border:1px solid transparent; font-size:.75rem; height:40px; margin-bottom:0 } .messages .messages__patients .messages__patient{ border-bottom:1px solid #e7e7e7; cursor:pointer; display:flex; padding:15px 20px; position:relative; z-index:1 } .messages .messages__patients .messages__patient:hover{ background-color:#fff; box-shadow:0 4px 15px 0 rgba(0,0,0,.1) } .messages .messages__patients .messages__patient.selected{ background-color:#fff; border-right:10px solid #fff; box-shadow:0 4px 15px 0 rgba(0,0,0,.1); margin-right:-10px; position:relative; z-index:15 } .messages .messages__patients .messages__patient .status-dot{ background-color:#bdbaba; border-radius:10px; width:8px; height:8px; position:absolute; right:20px; top:30px } .messages .messages__patients .messages__patient .status-dot.new{ background-color:#ea6565 } .messages .messages__patients .messages__patient .messages__patient-info{ margin:10px 0 0 15px } .messages .messages__patients .messages__patient .messages__patient-info h5{ font-size:.9375rem; margin-bottom:0 } .messages .messages__conversation{ background-color:#f7f7f7; flex:1; overflow-y:auto; padding:30px 40px 30px 30px; position:relative; z-index:30 } .messages .messages__conversation .compose-message{ display:flex; margin-bottom:20px; width:100% } .messages .messages__conversation .compose-message .message-frame{ background-color:#fff; box-shadow:0 10px 40px 0 rgba(0,0,0,.1); margin-left:15px; padding:25px 30px 50px 30px; position:relative; width:100%; z-index:100 } .messages .messages__conversation .compose-message .message-frame textarea[name=message_content]{ border:1px solid transparent; color:#434341; padding:0px } .messages .messages__conversation .compose-message .message-frame input.button{ position:absolute; bottom:15px; left:30px; margin:0 } .messages .messages__conversation .compose-message .message-frame .message-actions{ display:flex; position:absolute; bottom:27px; left:30px } .messages .messages__conversation .compose-message .message-frame .message-actions .message-action{ color:#bdbaba; cursor:pointer; margin-right:15px } .messages .messages__conversation .compose-message .message-frame .message-actions .message-action:hover i{ color:#49b5a8 } .messages .messages__conversation .conversations .timebar{ margin:30px 0; position:relative; text-align:center; width:100% } .messages .messages__conversation .conversations .timebar .hr-bar{ border-bottom:1px solid #e7e7e7; position:absolute; top:11px; width:100%; z-index:1 } .messages .messages__conversation .conversations .timebar .timestamp{ color:#9f9d9d; display:flex; font-size:.625rem; justify-content:center; letter-spacing:1px; position:relative; text-transform:uppercase; z-index:10 } .messages .messages__conversation .conversations .timebar .timestamp .marker{ display:flex; background-color:#fff; padding:5px 15px } .messages .messages__conversation .conversations .timebar .timestamp i{ font-size:.875rem; margin-right:7px } .messages .messages__conversation .conversations .message-holder{ display:flex; margin-bottom:30px; width:100% } .messages .messages__conversation .conversations .message-holder.right-aligned{ justify-content:flex-end } .messages .messages__conversation .conversations .message-holder.right-aligned .message-info{ justify-content:right; margin-left:0; margin-right:15px } .messages .messages__conversation .conversations .message-holder.right-aligned .message-info .byline{ margin-left:0; text-align:right; width:100% } .messages .messages__conversation .conversations .message-holder .message-info{ display:flex; flex-direction:column; margin-left:15px } .messages .messages__conversation .conversations .message-holder .message-info .message{ background-color:#fff; border:1px solid #e7e7e7; color:#434341; font-size:1rem; max-width:500px; padding:15px 20px } .messages .messages__conversation .conversations .message-holder .message-info .message.alt-bg{ background-color:#f7f7f7 } .messages .messages__conversation .conversations .message-holder .message-info .byline{ color:#9f9d9d; font-size:.75rem; margin:10px 0 0 20px } .messages .patient-column{ background-color:#fff; border-left:1px solid #e7e7e7 } .onboarding{ background-color:#f7f7f7 } .onboarding .onboarding-steps-banner{ background-color:#0e0e0e; position:fixed; top:0; right:0; bottom:0; width:43vw; z-index:0 } .onboarding .onboarding-steps-banner .steps-banner__image{ background-image:url("/assets/media/banners/create-account.jpg"); background-repeat:no-repeat; background-size:cover; opacity:.5; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1 } .onboarding .onboarding-page-content .app-branding{ margin:10vh 0 40px 30px } .onboarding .onboarding-page-content .app-branding img{ height:40px } .onboarding .onboarding-page-content .form-content{ padding:0; background-color:#fff; box-shadow:0 10px 40px rgba(0,0,0,.1); margin-bottom:10vh; min-height:400px; padding:40px 50px 100px 40px; position:relative; z-index:10 } .onboarding .onboarding-page-content .form-content.no-action{ padding-bottom:40px } .onboarding .onboarding-page-content .form-content.invites{ min-height:400px } .onboarding .onboarding-page-content .form-content .section-header h1{ margin-bottom:0 } .onboarding .onboarding-page-content .form-content .section-header h2{ margin-bottom:0 } .onboarding .onboarding-page-content .form-content h1{ font-size:1.5rem; line-height:1.75rem } .onboarding .onboarding-page-content .form-content .subhead{ color:#9f9d9d; font-size:.875rem; margin-bottom:30px } .onboarding .onboarding-page-content .form-content .section-header-title-row{ margin-top:20px } .onboarding .onboarding-page-content .form-content #subdomain_response{ background-color:#f7f7f7; color:#9f9d9d; font-size:.75rem; padding:5px 10px } .onboarding .onboarding-page-content .form-content #subdomain_response:empty{ padding:0 } .onboarding .onboarding-page-content .form-content #subdomain_response.exists{ background-color:rgba(234,101,101,.1); color:#ea6565 } .onboarding .onboarding-page-content .form-content #subdomain_response.available{ background-color:rgba(73,181,168,.1); color:#49b5a8 } .onboarding .onboarding-page-content .form-content .form-content__actions{ display:flex; justify-content:right; padding:20px 50px 40px 40px; position:absolute; bottom:0; right:0; left:0; text-align:right } .onboarding .onboarding-page-content .form-content .form-content__actions .button,.onboarding .onboarding-page-content .form-content .form-content__actions input[type=submit]{ margin:0 0 0 auto } .onboarding .onboarding-page-content .form-content .customization-column{ color:#5f5f5d; font-size:.8125rem; padding-right:30px } .onboarding .onboarding-page-content .form-content .customization-column .guidelines-text{ background-color:#f7f7f7; padding:20px; margin-bottom:30px } .onboarding .onboarding-page-content .form-content .customization-column img{ margin:10px 0 30px 0; max-height:100px } .onboarding .onboarding-page-content .form-content .customization-column p{ margin-bottom:15px } .onboarding .onboarding-page-content .form-content .customization-column h2{ font-size:1.125rem; line-height:1.3125rem } .onboarding .onboarding-page-content .form-content .customization-column h3{ font-size:1rem } .onboarding .onboarding-page-content .form-content .customization-column ul{ margin:0; padding:0 } .onboarding .onboarding-page-content .form-content .customization-column ul li{ font-size:.8125rem; margin:0 0 10px 20px } .onboarding .onboarding-page-content .form-content .customization-column .selected-color{ border:1px solid #dadada; display:flex; padding:10px 20px; width:100% } .onboarding .onboarding-page-content .form-content .customization-column .selected-color .selected-color__label{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.875rem; line-height:40px; margin-right:10px } .onboarding .onboarding-page-content .form-content .customization-column .selected-color .selected-color__swatch{ background-color:#49b5a8; height:40px; width:40px } .onboarding .onboarding-page-content .form-content .customization-column .selected-color .selected-color__input{ height:40px; margin-bottom:0; max-width:90px } .onboarding .onboarding-page-content .form-content #color-picker-container{ margin-top:30px } .onboarding .onboarding-page-content ul.onboarding-steps{ list-style:none; margin:10px 0 0 0; padding:0; position:relative; z-index:20 } .onboarding .onboarding-page-content ul.onboarding-steps li.step{ color:#fff; padding-left:50px; position:relative } .onboarding .onboarding-page-content ul.onboarding-steps li.step:hover .step__title{ opacity:1 } .onboarding .onboarding-page-content ul.onboarding-steps li.step:hover .step__description{ opacity:1 } .onboarding .onboarding-page-content ul.onboarding-steps li.step.active .step__number{ background-color:#49b5a8; border:1px solid #49b5a8; box-shadow:0 5px 10px rgba(0,0,0,.1); color:#fff } .onboarding .onboarding-page-content ul.onboarding-steps li.step.active .step__title{ opacity:1 } .onboarding .onboarding-page-content ul.onboarding-steps li.step.active .step__title h3{ color:#fff } .onboarding .onboarding-page-content ul.onboarding-steps li.step.active .step__description{ opacity:1 } .onboarding .onboarding-page-content ul.onboarding-steps li.step.complete .step__number{ background-color:#151a18; border:1px solid #151a18; color:#fff } .onboarding .onboarding-page-content ul.onboarding-steps li.step.complete .step__number i{ font-size:1.875rem; line-height:2.125rem } .onboarding .onboarding-page-content ul.onboarding-steps li.step.complete .step__title{ opacity:1 } .onboarding .onboarding-page-content ul.onboarding-steps li.step.complete .step__title h3{ color:#9f9d9d } .onboarding .onboarding-page-content ul.onboarding-steps li.step.complete .step__description{ color:#7e7d7b; opacity:1 } .onboarding .onboarding-page-content ul.onboarding-steps li.step .step__number{ border:1px solid #7e7d7b; border-radius:20px; color:#7e7d7b; font-size:.875rem; position:absolute; top:0; left:0px; width:36px; height:36px; text-align:center; line-height:34px } .onboarding .onboarding-page-content ul.onboarding-steps li.step .step__title{ opacity:.4 } .onboarding .onboarding-page-content ul.onboarding-steps li.step .step__title h3{ color:#fff; font-size:1rem; line-height:40px; margin-bottom:0 } .onboarding .onboarding-page-content ul.onboarding-steps li.step .step__description{ color:#bdbaba; font-size:.875rem; margin-top:-5px; opacity:.4 } table.members{ margin-bottom:20px } table.members tbody tr td{ font-size:.8125rem } table.members tbody tr td.impact{ font-size:.8125rem } .practice-banners{ display:flex; flex-wrap:wrap } .practice-banners .practice-banner{ margin:5px } .practice-banners .practice-banner input[type=radio]:checked+label>img{ border:3px solid #49b5a8 } .practice-banners .practice-banner input[type=radio]+label>img{ width:100px; height:100px } ul.features{ font-size:.875rem } ul.features.dark-bg{ color:#fff } .persons .person{ margin-bottom:0px; position:relative } .persons .person input[type=text]{ font-size:.875rem; height:40px; padding:10px; margin-bottom:5px } .persons .person .remove-person{ color:#9f9d9d; cursor:pointer; position:absolute; top:10px; right:-10px } .persons .person .remove-person:hover{ color:#ea6565 } .persons .person .remove-person i{ font-size:.75rem } .invite-more{ color:#49b5a8; cursor:pointer; font-size:.875rem; margin-top:15px } .location-map{ min-height:30px; position:relative } .location-map .map-holder{ background-color:#f7f7f7; height:40px; margin-bottom:30px; transition:height .1s ease-in-out; width:100% } .location-map .map-holder.showing{ height:350px } .location-map .map-holder-label{ background-color:#f7f7f7; color:#bdbaba; font-size:.75rem; padding:10px; position:absolute; top:0; left:0; right:0; bottom:0; text-align:center } #consent .content-padder{ margin:0 auto; max-width:1000px } #consent .content-padder .hippa-content-block{ margin-bottom:20px } #consent .content-padder .hippa-content-block .radio-checker{ margin-bottom:15px } #consent .content-padder .hippa-content-block table.table{ margin:30px 0 10px 0 } #consent .content-padder .hippa-content-block .row-adder{ color:#49b5a8; cursor:pointer; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.75rem; letter-spacing:1px; text-transform:uppercase } #consent .content-padder .hippa-content-block .hippa-phone{ margin-top:10px } #consent .content-padder .consent-signature fieldset.signature-block{ margin-top:20px } #consent .content-padder .consent-signature fieldset.signature-block #signature{ background-color:#fff; border:1px solid #e7e7e7; margin:10px 0 20px 0; max-width:640px } #patients .patient-chart{ display:flex; flex-direction:row; flex:1 } #patients .patient-chart .patient-column{ background-color:#fff; border-right:1px solid #e7e7e7; display:flex; flex:0 0 280px; flex-direction:column } #patients .patient-chart .patient-column .patient-status-block{ background-color:#e8b361; color:#fff; font-size:.75rem; line-height:1rem; padding:10px 15px; text-align:center } #patients .patient-chart .patient-column .patient-lookup{ display:flex; height:100px; flex:0; margin-bottom:0; padding:15px 20px; width:100% } #patients .patient-chart .patient-column .patient-lookup .live-search{ padding:0; position:relative; width:100% } #patients .patient-chart .patient-column .patient-lookup .live-search input{ height:40px; margin-bottom:0 } #patients .patient-chart .patient-column .patient-lookup .live-search input.input-with-icon{ padding-left:40px } #patients .patient-chart .patient-column .patient-lookup .live-search .input-icon{ line-height:40px } #patients .patient-chart .patient-column .patient-lookup .results{ background-color:#fff; box-shadow:0px 3px 10px rgba(0,0,0,.1); position:absolute; top:70px; left:0; right:0; z-index:50 } #patients .patient-chart .patient-column .patient-lookup .results ul.result-list{ border:1px solid #49b5a8; font-size:.8125rem; list-style:none; margin:0; padding:0 } #patients .patient-chart .patient-column .patient-lookup .results ul.result-list:empty{ border:none; padding:0 } #patients .patient-chart .patient-column .patient-lookup .results ul.result-list li{ border-bottom:1px solid #e7e7e7; cursor:pointer; padding:4px 15px } #patients .patient-chart .patient-column .patient-lookup .results ul.result-list li:hover{ background-color:#f2f1ef } #patients .patient-chart .patient-column .patient-lookup .results ul.result-list li:last-child{ border-bottom:none } #patients .patient-chart .patient-column .patient-lookup .results ul.result-list li.selected{ background-color:#f2f1ef } #patients .patient-chart .chart-content{ flex:1; height:calc(100vh - 150px); overflow-y:auto; padding:20px 30px; width:100% } #patients .patient-chart .chart-content.no-padding{ padding:0 } #patients .patient-chart .chart-content.patients .card.table{ margin-bottom:20px } #patients .patient-chart .chart-content.full-height-columns{ flex-direction:row; padding:0 } #patients .patient-chart .chart-content.full-height-columns .column-holder{ display:flex; flex-direction:row; height:100% } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-iframe-column{ flex:1 1 80%; height:100% } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column{ background-color:#fff; flex:1 1 20%; height:100%; min-width:300px; overflow-y:scroll; padding:0 } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .titlebar{ background-color:#f7f7f7; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; margin-bottom:10px; padding:10px 20px } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .titlebar h3{ font-size:.875rem; margin-bottom:0 } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .task-adder-content .radio-checker label{ font-size:.875rem } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .task-adder-content .task-form{ display:none } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .task-adder-content .task-form label{ width:100% } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .task-adder-content .task-form input,#patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .task-adder-content .task-form select,#patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .task-adder-content .task-form textarea{ font-size:.875rem; width:100% } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .lab-report-content .lab-report-content__section{ border-bottom:1px solid #e7e7e7; font-size:.875rem; padding:15px 20px } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .lab-report-content .lab-report-content__section .content{ font-size:1rem; line-height:1.3125rem } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .sidebar-content{ padding:10px 20px 20px 20px } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .form-actions .button,#patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .form-actions input[type=submit]{ margin-bottom:10px; width:100% } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .flags-section ul.test-flags{ list-style:none; margin:0; padding:0 } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .flags-section ul.test-flags li.flag{ border-bottom:1px solid #e7e7e7; display:flex; flex-direction:column; font-size:.875rem; padding:8px 20px } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .flags-section ul.test-flags li.flag:last-child{ border:none; padding-bottom:10px } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .flags-section ul.test-flags li.flag.high .test-name .flag-label{ color:#ea6565 } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .flags-section ul.test-flags li.flag.low .test-name .flag-label{ color:#559ad1 } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .flags-section ul.test-flags li.flag .test-name{ align-items:flex-end; display:flex; flex-direction:row; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; line-height:1 } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .flags-section ul.test-flags li.flag .test-name .flag-label{ font-size:.9375rem; margin-left:auto; text-transform:uppercase } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .flags-section ul.test-flags li.flag .test-results{ align-items:flex-end; display:flex; flex-direction:row } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .flags-section ul.test-flags li.flag .test-results .icon{ color:#bdbaba; padding:3px 4px 0 0 } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .flags-section ul.test-flags li.flag .test-results .result{ color:#7e7d7b; font-size:.75rem } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .flags-section ul.test-flags li.flag .test-results .units{ color:#7e7d7b; font-size:.75rem } #patients .patient-chart .chart-content.full-height-columns .column-holder .review-response-column .flags-section ul.test-flags li.flag .test-results .range{ color:#9f9d9d; font-size:.75rem; margin-left:auto } #patients .patient-chart .chart-content .container{ margin:0; width:100% } #patients .patient-chart .right-content-column{ background-color:#fff; border-left:1px solid #e7e7e7; display:flex; flex:0 0 320px; flex-direction:column } #patients .column-section{ border-top:1px solid #e7e7e7 } #patients .column-section .column-section__titlebar{ background-color:#f7f7f7; border-bottom:1px solid #dadada; display:flex; flex-direction:row; height:40px; line-height:40px; padding:0 15px } #patients .column-section .column-section__titlebar h3{ color:#5f5f5d; flex:0 1 auto; font-size:.8125rem; line-height:40px } #patients .column-section .column-section__titlebar .counter{ background-color:#e7e7e7; border-radius:3px; font-size:.75rem; line-height:1; margin:10px; padding:8px 10px } #patients .column-section .column-section__titlebar .action{ font-size:.8125rem; margin-left:auto } #patients .column-section .column-section__titlebar .action i{ color:#49b5a8; font-size:.875rem; margin-left:7px } #patients .column-section .column-section__titlebar .action .adder{ color:#49b5a8; cursor:pointer; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.6875rem; letter-spacing:1px; text-transform:uppercase } #patients .column-section .column-section__content{ padding:10px } #patients .column-section .column-section__content .card.allergy{ margin-bottom:15px } #patients .column-section{ margin-bottom:20px; min-width:320px } #patients .column-section:last-child{ margin-bottom:0 } #patients .column-section .address-phone-block{ border-bottom:1px dotted #dadada; color:#9f9d9d; display:flex; font-size:.8125rem; padding:10px 10px 10px 5px; margin-bottom:5px; padding-bottom:15px; position:relative } #patients .column-section .address-phone-block:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0 } #patients .column-section .address-phone-block .kabob-menu{ position:absolute; top:10px; right:0; height:20px; text-align:center; width:20px } #patients .column-section .address-phone-block .kabob-menu .kabob-menu__trigger .icon-kabob-vertical{ color:#9f9d9d; font-size:1rem } #patients .column-section .address-phone-block .primary-star{ background-color:#fff; border-radius:5px; box-shadow:0px 3px 10px rgba(14,14,14,.1); color:#e8b361; line-height:1; padding:5px; position:absolute; top:4px; left:-22px } #patients .column-section .address-phone-block .address-phone-icon{ cursor:pointer; margin-right:12px; margin-top:-4px } #patients .column-section .address-phone-block .address-phone-icon.enabled i{ color:#49b5a8 } #patients .column-section .address-phone-block .address-phone-icon i{ font-size:1.3125rem } #patients .column-section .address-phone-block .address-phone-info h3{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.8125rem; line-height:1.2; margin-bottom:0 } #patients .column-section .address-phone-block .address-phone-info .small-byline{ color:#bdbaba; font-size:.6875rem } #patients table.table.patients tbody tr td{ padding:0px 15px } #consent .signature-image{ margin-bottom:20px } .card.appointment{ border-radius:3px; cursor:pointer; margin-bottom:10px; min-width:200px; width:100% } .card.appointment a{ color:#434341 } .card.appointment .patient__info .avatar .profile-hover{ color:#fff !important } .card.appointment .appointment-info{ display:flex } .card.appointment .appointment-info:hover{ filter:brightness(95%) } .card.appointment .appointment-info .date-box{ background-color:rgba(0,0,0,.03); border-right:1px solid #e7e7e7; padding:15px; text-align:center } .card.appointment .appointment-info .date-box.blue{ background-color:#588093; color:#fff; border-color:#3489cf } .card.appointment .appointment-info .date-box.brown{ background-color:#635d5e; color:#fff; border-color:#635d5e } .card.appointment .appointment-info .date-box.dark-green{ background-color:#66bc82; color:#fff; border-color:#66bc82 } .card.appointment .appointment-info .date-box.dark-red{ background-color:#c6665e; color:#fff; border-color:#c6665e } .card.appointment .appointment-info .date-box.green{ background-color:#33a069; color:#fff; border-color:#80d76d } .card.appointment .appointment-info .date-box.green-brown{ background-color:#a1b9b3; color:#fff; border-color:#c5bf8c } .card.appointment .appointment-info .date-box.lavender{ background-color:#a97ca5; color:#fff; border-color:#a97ca5 } .card.appointment .appointment-info .date-box.magenta{ background-color:#df5b92; color:#fff; border-color:#df5b92 } .card.appointment .appointment-info .date-box.orange{ background-color:#f5b065; color:#fff; border-color:#e8b063 } .card.appointment .appointment-info .date-box.purple{ background-color:#433352; color:#fff; border-color:#7d75a4 } .card.appointment .appointment-info .date-box.red{ background-color:#f33f4d; color:#fff; border-color:#f33f4d } .card.appointment .appointment-info .date-box.red-orange{ background-color:#d99a76; color:#fff; border-color:#d99a76 } .card.appointment .appointment-info .date-box.teal{ background-color:#248a8a; color:#fff; border-color:#16ac97 } .card.appointment .appointment-info .date-box.yellow{ background-color:#f5b065; color:#fff; border-color:#f5b065 } .card.appointment .appointment-info .date-box .day{ border-bottom:2px solid rgba(255,255,255,.35); font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.3125rem } .card.appointment .appointment-info .date-box .month{ font-size:.6875rem; padding-top:3px } .card.appointment .appointment-info .appointment{ flex:1; padding:10px 15px 15px 15px } .card.appointment .appointment-info .appointment .timeframe{ font-size:.625rem; letter-spacing:1px; line-height:1.6; margin-bottom:0px; opacity:.6; text-transform:uppercase } .card.appointment .appointment-info .appointment .interaction-name{ flex:0; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1rem; line-height:1.3; margin-bottom:0 } .card.appointment .appointment-info .appointment .status{ font-size:.75rem } .card.appointment .appointment-info .notes{ display:flex; font-size:.6875rem; opacity:.4; padding:10px 15px } .card.appointment .appointment-info .notes i{ font-size:1.125rem; margin-left:5px } .card.appointment .required-consents-holder{ background-color:#f2f1ef; color:#434341; display:flex; font-size:.75rem; padding:10px 15px } .card.appointment .required-consents-holder .label-title{ line-height:24px } .card.appointment .required-consents-holder ul.required-consents{ display:flex; list-style:none; margin:0; margin-left:10px; padding:0 } .card.appointment .required-consents-holder ul.required-consents li{ background-color:#fff; border-radius:15px; margin-right:5px; padding:3px 10px 5px 10px } .card.appointment .invoice-info{ background-color:#f2f1ef; color:#434341; display:flex; font-size:.75rem; padding:10px } .card.appointment .invoice-info:hover{ background-color:#e7e7e7 } .card.appointment .invoice-info .status{ font-size:.6875rem; line-height:1.8; margin-left:auto } #patient_modal_content{ width:100% } .phone-modal-content{ width:100% } .phone-modal-content .modal-header{ padding:20px 30px 0 30px } .phone-modal-content .modal__content{ padding:0 30px 20px 30px } .phone-modal-content .modal__content .section-padder{ padding:30px 0 } #allergy_content{ flex:1 } .allergy-content{ padding:0 } .allergy-content .allergy-detail-modal{ min-height:300px } .allergy-content .allergy-detail-modal .modal__header{ display:flex } .allergy-content .allergy-detail-modal .modal__header h2,.allergy-content .allergy-detail-modal .modal__header h3,.allergy-content .allergy-detail-modal .modal__header h4{ flex:1 1 auto } .allergy-content .allergy-detail-modal .modal__header h2{ font-size:1rem } .allergy-content .allergy-detail-modal .modal__header .modal__header-action{ margin-left:auto } .allergy-content .allergy-detail-modal .modal__header .modal__header-action .remove-allergy{ color:#ea6565; cursor:pointer; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.75rem; letter-spacing:1px; text-transform:uppercase } .allergy-content .allergy-detail-modal .scope-status{ background-color:#559ad1; color:#fff; display:flex; line-height:20px; margin-bottom:10px; padding:10px 30px } .allergy-content .allergy-detail-modal .scope-status.critical{ background-color:#ea6565 } .allergy-content .allergy-detail-modal .scope-status.severe{ background-color:#dc7ba1 } .allergy-content .allergy-detail-modal .scope-status.moderate{ background-color:#e8b361 } .allergy-content .allergy-detail-modal .scope-status.mild{ background-color:#cfcaa4 } .allergy-content .allergy-detail-modal .scope-status.base{ background-color:#49b5a8 } .allergy-content .allergy-detail-modal .scope-status .severity-label{ font-size:.6875rem; line-height:12px; text-transform:uppercase; letter-spacing:2px; margin-left:auto; padding-top:5px } .allergy-content .allergy-detail-modal .modal__content .allergy-info{ padding:20px 30px; padding-bottom:30px; position:relative } .allergy-content .allergy-detail-modal .modal__content .allergy-info .type-icon{ color:#bdbaba; font-size:2.625rem; position:absolute; top:0px; right:30px } .allergy-content .allergy-detail-modal .modal__content .allergy-info .severity-label{ font-size:.6875rem; margin-bottom:15px; text-transform:uppercase; letter-spacing:2px } .allergy-content .allergy-detail-modal .modal__content .allergy-info .severity-label.critical{ color:#ea6565 } .allergy-content .allergy-detail-modal .modal__content .allergy-info .severity-label.severe{ color:#dc7ba1 } .allergy-content .allergy-detail-modal .modal__content .allergy-info .severity-label.moderate{ color:#e8b361 } .allergy-content .allergy-detail-modal .modal__content .allergy-info .severity-label.mild{ color:#cfcaa4 } .allergy-content .allergy-detail-modal .modal__content .allergy-info .severity-label.base{ color:#49b5a8 } .allergy-content .allergy-detail-modal .modal__content .allergy-info h2{ font-size:1.875rem; margin-bottom:5px } .allergy-content .allergy-detail-modal .modal__content .allergy-info .added-on{ margin:10px 0 15px 0 } .allergy-content .allergy-detail-modal .modal__content .allergy-info .added-on .time-ago{ color:#9f9d9d; font-size:.75rem; margin-left:3px } .allergy-content .allergy-detail-modal .modal__content .allergy-info .patient-description,.allergy-content .allergy-detail-modal .modal__content .allergy-info .symptoms-reactions{ font-size:1.125rem; margin:30px 0 10px 0 } .allergy-content .allergy-detail-modal .modal__content .allergy-info .patient-description h3,.allergy-content .allergy-detail-modal .modal__content .allergy-info .symptoms-reactions h3{ border-bottom:1px solid #e7e7e7; color:#9f9d9d; font-size:.625rem; text-transform:uppercase; letter-spacing:2px; line-height:1.2; margin:0 0 10px 3px; padding-bottom:10px } .allergy-content .allergy-detail-modal .modal__content .allergy-components{ background-color:#f7f7f7; padding:30px } .allergy-content .allergy-detail-modal .modal__content .allergy-components h3{ font-size:1rem; margin-bottom:10px } .allergy-content .allergy-detail-modal .modal__content .allergy-components h3 i{ color:#bdbaba; cursor:pointer; margin-left:5px } .allergy-content .allergy-detail-modal .modal__content .allergy-components ul.allergen-list{ list-style:none; margin:0; margin-bottom:30px; padding:0 } .allergy-content .allergy-detail-modal .modal__content .allergy-components ul.allergen-list li{ background-color:#fff; border:1px solid #dadada; border-radius:15px; cursor:default; color:#5f5f5d; display:inline-block; font-size:.9375rem; margin:0 4px 4px 0; padding:3px 10px 5px 10px } .allergy-content .allergy-modal,.allergy-content .allergy-detail-modal{ position:relative } .allergy-content .allergy-modal .loading-alert,.allergy-content .allergy-detail-modal .loading-alert{ background-color:#49b5a8; border-bottom-left-radius:5px; border-bottom-right-radius:5px; color:#fff; display:none; font-size:.75rem; padding:5px 10px; text-align:center; width:100px; z-index:100; position:absolute; top:0; left:calc(50% - 50px) } .allergy-content .allergy-modal .modal__header,.allergy-content .allergy-detail-modal .modal__header{ border-bottom:1px solid #e7e7e7; padding:25px 30px 20px 30px } .allergy-content .allergy-modal .modal__header h2,.allergy-content .allergy-detail-modal .modal__header h2{ line-height:1.2; margin-bottom:0 } .allergy-content .allergy-modal .modal__header .subhead,.allergy-content .allergy-detail-modal .modal__header .subhead{ color:#7e7d7b; font-size:.875rem } .allergy-content .allergy-modal .allergens,.allergy-content .allergy-detail-modal .allergens{ background-color:#f7f7f7; max-height:90vh; overflow-y:scroll } .allergy-content .allergy-modal .allergens>label:first-of-type,.allergy-content .allergy-detail-modal .allergens>label:first-of-type{ margin-left:30px } .allergy-content .allergy-modal .allergens label,.allergy-content .allergy-detail-modal .allergens label{ font-size:14px } .allergy-content .allergy-modal .allergens .drug-allergy-form,.allergy-content .allergy-detail-modal .allergens .drug-allergy-form{ display:flex; flex-direction:row; padding:0 30px; width:100% } .allergy-content .allergy-modal .allergens .drug-allergy-form .drug-lookup,.allergy-content .allergy-detail-modal .allergens .drug-allergy-form .drug-lookup{ display:flex; flex-direction:column; flex:1; padding-right:20px; width:50% } .allergy-content .allergy-modal .allergens .drug-allergy-form .drug-lookup-results,.allergy-content .allergy-detail-modal .allergens .drug-allergy-form .drug-lookup-results{ border:3px solid #f7f7f7; font-size:15px; margin-bottom:20px; padding:15px 20px } .allergy-content .allergy-modal .allergens .drug-allergy-form .drug-lookup-results .help-text,.allergy-content .allergy-detail-modal .allergens .drug-allergy-form .drug-lookup-results .help-text{ color:#bdbaba; margin-bottom:5px } .allergy-content .allergy-modal .allergens .drug-allergy-form .drug-lookup-results p,.allergy-content .allergy-detail-modal .allergens .drug-allergy-form .drug-lookup-results p{ margin-bottom:10px } .allergy-content .allergy-modal .allergens .drug-allergy-form .drug-lookup-results p.small-text,.allergy-content .allergy-detail-modal .allergens .drug-allergy-form .drug-lookup-results p.small-text{ color:#9f9d9d; font-size:12px } .allergy-content .allergy-modal .allergens .drug-allergy-form .drug-lookup-results h3,.allergy-content .allergy-detail-modal .allergens .drug-allergy-form .drug-lookup-results h3{ font-size:14px; margin-bottom:5px } .allergy-content .allergy-modal .allergens .drug-allergy-form .drug-lookup-results h3 i,.allergy-content .allergy-detail-modal .allergens .drug-allergy-form .drug-lookup-results h3 i{ color:#9f9d9d; margin-left:5px } .allergy-content .allergy-modal .allergens .drug-allergy-form .drug-lookup-results ul.allergen-list,.allergy-content .allergy-detail-modal .allergens .drug-allergy-form .drug-lookup-results ul.allergen-list{ list-style:none; margin:0; margin-bottom:15px; padding:0 } .allergy-content .allergy-modal .allergens .drug-allergy-form .drug-lookup-results ul.allergen-list li,.allergy-content .allergy-detail-modal .allergens .drug-allergy-form .drug-lookup-results ul.allergen-list li{ border:1px solid #dadada; border-radius:15px; cursor:pointer; color:#5f5f5d; display:inline-block; font-size:.8125rem; margin:0 4px 4px 0; padding:3px 10px 5px 10px } .allergy-content .allergy-modal .allergens .drug-allergy-form .drug-lookup-results ul.allergen-list li:hover,.allergy-content .allergy-detail-modal .allergens .drug-allergy-form .drug-lookup-results ul.allergen-list li:hover{ border-color:#49b5a8; color:#49b5a8 } .allergy-content .allergy-modal .allergens .drug-allergy-form .reactions-symptoms,.allergy-content .allergy-detail-modal .allergens .drug-allergy-form .reactions-symptoms{ display:flex; flex-direction:column; flex:1; width:50% } .allergy-content .allergy-modal .allergens .drug-allergy-form .reactions-symptoms fieldset,.allergy-content .allergy-detail-modal .allergens .drug-allergy-form .reactions-symptoms fieldset{ width:100% } .allergy-content .allergy-modal .allergens .drug-allergy-form .reactions-symptoms fieldset select,.allergy-content .allergy-detail-modal .allergens .drug-allergy-form .reactions-symptoms fieldset select{ width:100% } .allergy-content .allergy-modal .allergens .drug-allergy-form .reactions-symptoms .reactions-symptoms__list,.allergy-content .allergy-detail-modal .allergens .drug-allergy-form .reactions-symptoms .reactions-symptoms__list{ margin-top:10px } .allergy-content .allergy-modal .allergens .drug-allergy-form-actions,.allergy-content .allergy-detail-modal .allergens .drug-allergy-form-actions{ padding:0 30px 10px 30px } .allergy-content .allergy-modal .allergens .food-allergy-form,.allergy-content .allergy-detail-modal .allergens .food-allergy-form{ display:flex; flex-direction:row; padding:0 30px; width:100% } .allergy-content .allergy-modal .allergens .food-allergy-form label,.allergy-content .allergy-detail-modal .allergens .food-allergy-form label{ font-size:14px } .patient-info-column{ margin:30px 0 } .patient-info-column .back-button{ top:25px; left:-40px } .patient-info-column .card__content{ padding:30px } .patient-info-column .card__content input[type=text]{ height:50px; line-height:50px } .patient-info-column .card__content .avatar{ height:200px; width:200px } .patient-info-column .card__content .avatar .avatar__image{ height:200px; width:200px } .patient-info-column .card__content .SumoSelect>.CaptionCont{ line-height:50px; min-height:50px } .patient-info-column .card__content .SumoSelect>.CaptionCont>label{ top:6px } .click-to-zoom{ cursor:zoom-in } #billing_content{ padding:20px 30px; width:100% } .archived-patients{ cursor:pointer; display:flex; font-size:.75rem; margin-left:-100px; position:absolute; top:15px; left:50%; text-align:center; width:200px; z-index:100 } .archived-patients a{ background-color:#f2f1ef; border:1px solid #dadada; border-radius:3px; color:#9f9d9d; padding:10px 15px; width:100% } .archived-patients a:hover{ background-color:#e7e7e7 } .patient-location{ display:flex; flex:1 1 100%; flex-wrap:wrap; margin-top:10px } .patient-location .patient-location__titlebar{ border-bottom:1px solid #e7e7e7; margin-bottom:20px; padding:20px 15px } .patient-location .patient-location__content{ display:flex } .patient-location .patient-location__content .col-5{ display:flex } .patient-location .address-search-map{ background-color:#f7f7f7; display:flex; flex:1; margin-top:25px; min-height:30px; position:relative } .patient-location .address-search-map .search-field{ position:relative; z-index:10 } .patient-location .address-search-map .search-field input[type=search]{ font-size:14px; margin-bottom:0 } .patient-location .address-search-map .map-holder-label{ background-color:#f7f7f7; color:#bdbaba; display:flex; flex:1; font-size:.75rem; padding:10px; text-align:center } .patient-location .address-search-map #street_address{ position:relative; z-index:10 } .patient-location .address-search-map #location_map.active{ display:flex; flex:1; height:350px } section#patterns_header{ padding:15px 30px } section#patterns_header h1{ margin-bottom:0 } section#patterns_header .subhead{ color:#5f5f5d } section.pattern-block{ background-color:#fff; margin-bottom:30px; padding:15px 30px } section.pattern-block h2.pattern-heading{ border-bottom:1px solid #dadada; margin:0; margin-bottom:15px; padding:0; padding-bottom:15px; width:100% } .prescription .page-frame .content-column{ margin-left:0; padding-bottom:50px } .prescription .page-frame .content-column .prescription__content{ display:flex; flex-direction:column; position:relative; margin:0 auto 20px auto; max-width:1440px; padding:90px 0 0 0; width:100% } .prescription .page-frame .content-column .prescription__content.create-new{ max-width:800px } .prescription .prescription-cards{ padding:15px } .prescription .prescription-cards.unassigned .rx-card-holder .card.rx{ border:1px solid #e7e7e7; border-radius:0; box-shadow:none; cursor:default; margin-bottom:15px } .prescription .prescription-cards.unassigned .rx-card-holder .card.rx .card__content .dispense-refills-stats{ min-width:40px } .prescription .previous-selections-title{ border-bottom:1px solid #e7e7e7; color:#9f9d9d; display:flex; font-size:.875rem; margin:10px 0 15px 0; padding-bottom:10px } .prescription .previous-selections-title h3{ color:#434341; flex:0 1 auto; font-size:.875rem; margin-bottom:0px } .prescription .previous-selections-title .help-icon{ cursor:help; padding:2px 7px } .prescription ul.option-selections{ display:flex; flex-direction:row; list-style:none; margin:0; margin-bottom:20px; padding:0 } .prescription ul.option-selections li{ background-color:#f7f7f7; border-radius:20px; border:1px solid #f7f7f7; color:#9f9d9d; cursor:pointer; font-size:.875rem; padding:5px 15px 7px 15px; margin-right:5px } .prescription ul.option-selections li:hover{ background-color:#fff; border:1px solid #49b5a8; color:#49b5a8 } .prescription ul.option-selections li.active{ background-color:#fff; border:1px solid #49b5a8; color:#49b5a8 } .prescription ul.option-selections li .code{ padding-left:4px } .prescription .card.prescription__detail{ display:flex; flex-direction:row; min-height:50px; width:100% } .prescription .card.prescription__detail .detail__column{ display:flex; flex:0 0 auto; flex-direction:column; position:relative } .prescription .card.prescription__detail .detail__column.center .column__title-bar{ padding:0 0 0 20px } .prescription .card.prescription__detail .detail__column.center .column__content{ padding:20px 30px } .prescription .card.prescription__detail .patient-provider-column{ border-right:1px solid #e7e7e7; display:flex; width:280px } .prescription .card.prescription__detail .patient-provider-column .column__content{ padding:0 } .prescription .card.prescription__detail .patient-provider-column .column__content .patient-for-prescription.unselected{ opacity:.25 } .prescription .card.prescription__detail .patient-provider-column .column__content ul.allergies{ display:flex; flex-wrap:wrap; list-style:none; margin:0; padding:15px } .prescription .card.prescription__detail .patient-provider-column .column__content ul.allergies li{ align-items:center; border:1px solid #dadada; border-radius:15px; cursor:pointer; color:#5f5f5d; display:flex; font-size:.8125rem; margin:0 4px 4px 0; padding:3px 10px 5px 10px } .prescription .card.prescription__detail .patient-provider-column .column__content ul.allergies li:hover{ border-color:#49b5a8; color:#49b5a8 } .prescription .card.prescription__detail .patient-provider-column .column__content ul.allergies li .stat-icon{ margin-right:5px } .prescription .card.prescription__detail .patient-provider-column .column__content ul.allergies li .stat-icon .severity-label{ background-color:#49b5a8; border-radius:50%; height:8px; width:8px } .prescription .card.prescription__detail .patient-provider-column .column__content ul.allergies li .stat-icon .severity-label.critical{ background-color:#ea6565 } .prescription .card.prescription__detail .patient-provider-column .column__content ul.allergies li .stat-icon .severity-label.severe{ background-color:#dc7ba1 } .prescription .card.prescription__detail .patient-provider-column .column__content ul.allergies li .stat-icon .severity-label.moderate{ background-color:#e8b361 } .prescription .card.prescription__detail .patient-provider-column .column__content ul.allergies li .stat-icon .severity-label.mild{ background-color:#cfcaa4 } .prescription .card.prescription__detail .patient-provider-column .column__content ul.allergies li .stat-icon .severity-label.base{ background-color:#49b5a8 } .prescription .card.prescription__detail .patient-provider-column .provider-alert{ border-color:transparent; cursor:pointer; font-size:.8125rem; line-height:1.3; margin:15px; padding:10px 15px 15px 15px; text-align:left } .prescription .card.prescription__detail .patient-provider-column .provider-alert:hover{ border-color:#e8b361 } .prescription .card.prescription__detail .prescription-review-column{ display:flex; flex:1 1 auto } .prescription .card.prescription__detail .prescription-review-column .column__content{ padding:0 !important } .prescription .card.prescription__detail .prescription-review-column .form-actions{ margin:20px 15px } .prescription .card.prescription__detail .prescription-content-column{ display:flex; flex:1 1 auto } .prescription .card.prescription__detail .prescription-content-column .alert-holder .alert{ margin-bottom:0 } .prescription .card.prescription__detail .prescription-content-column .blank-holder{ background-color:#f7f7f7; border:1px solid #e7e7e7; display:flex; flex-direction:row; flex-wrap:nowrap; margin-bottom:20px; padding:15px 10px 15px 20px } .prescription .card.prescription__detail .prescription-content-column .blank-holder i{ color:#9f9d9d; font-size:2rem; margin-right:15px } .prescription .card.prescription__detail .prescription-content-column .blank-holder .blank__content{ color:#7e7d7b; padding-right:20px } .prescription .card.prescription__detail .prescription-content-column .blank-holder .blank__content h4{ color:#7e7d7b; font-size:.875rem; line-height:1.4; margin-bottom:0 } .prescription .card.prescription__detail .prescription-content-column .blank-holder .blank__content .message{ color:#7e7d7b; font-size:.75rem; line-height:.875rem } .prescription .card.prescription__detail .prescription-content-column .blank-holder .blank__actions{ display:flex; flex-direction:row } .prescription .card.prescription__detail .prescription-content-column .blank-holder .blank__actions .button{ background-color:#f7f7f7; padding:10px 10px 8px 10px } .prescription .card.prescription__detail .prescription-content-column .blank-holder .blank__actions .button:hover{ background-color:#49b5a8 } .prescription .card.prescription__detail .prescription-content-column .drug-for-prescription{ border-bottom:1px solid #e7e7e7; display:flex; position:relative } .prescription .card.prescription__detail .prescription-content-column .drug-for-prescription.with-status{ padding-bottom:0 } .prescription .card.prescription__detail .prescription-content-column .drug-for-prescription .drug-info{ flex:1; padding:20px 50px 20px 30px; position:relative } .prescription .card.prescription__detail .prescription-content-column .drug-for-prescription .drug-info .drug-name h1{ font-size:1.3125rem; line-height:1.2; margin-bottom:2px } .prescription .card.prescription__detail .prescription-content-column .drug-for-prescription .drug-info .drug-description-script{ color:#7e7d7b; font-size:.9375rem } .prescription .card.prescription__detail .prescription-content-column .drug-for-prescription .drug-info .drug-schedule{ color:#e8b361; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.875rem; position:absolute; top:22px; right:20px } .prescription .card.prescription__detail .prescription-content-column .drug-for-prescription .drug-info .rx-status{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.75rem; letter-spacing:1.25px; margin-top:15px; text-transform:uppercase } .prescription .card.prescription__detail .prescription-content-column .drug-for-prescription .drug-info .rx-status.complete{ color:#49b5a8 } .prescription .card.prescription__detail .prescription-content-column .drug-for-prescription .drug-info .rx-status.disabled{ color:#dadada } .prescription .card.prescription__detail .prescription-content-column .drug-for-prescription .drug-info .rx-status.failed{ color:#ea6565 } .prescription .card.prescription__detail .prescription-content-column .drug-for-prescription .drug-info .rx-status.processing{ color:#b493b1 } .prescription .card.prescription__detail .prescription-content-column .drug-for-prescription .drug-info .rx-status.ready{ color:#b493b1 } .prescription .card.prescription__detail .prescription-content-column .drug-for-prescription .drug-stats{ border-left:1px solid #e7e7e7; display:flex; flex-direction:column; flex:0 1 auto } .prescription .card.prescription__detail .prescription-content-column .drug-for-prescription .drug-stats .drug-stat{ align-items:center; border-top:1px solid #e7e7e7; display:flex; flex-direction:column; flex:1; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.125rem; justify-content:center; line-height:1.4; padding:10px 15px; text-align:center } .prescription .card.prescription__detail .prescription-content-column .drug-for-prescription .drug-stats .drug-stat:first-child{ border-top:none } .prescription .card.prescription__detail .prescription-content-column .drug-for-prescription .drug-stats .drug-stat .stat-label{ color:#bdbaba; font-size:.5rem; letter-spacing:.5px; text-transform:uppercase } .prescription .card.prescription__detail .prescription-content-column .drug-sig-note-diagnoses .sig-note-label,.prescription .card.prescription__detail .prescription-content-column .drug-sig-note-diagnoses .diagnosis__title,.prescription .card.prescription__detail .prescription-content-column .drug-sig-note-diagnoses .preference-label{ color:#bdbaba; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.625rem; letter-spacing:1.25px; margin-bottom:4px; text-transform:uppercase } .prescription .card.prescription__detail .prescription-content-column .drug-sig-note-diagnoses .drug-sig,.prescription .card.prescription__detail .prescription-content-column .drug-sig-note-diagnoses .drug-note{ border-bottom:1px solid #e7e7e7; color:#434341; line-height:1.4; padding:15px 30px } .prescription .card.prescription__detail .prescription-content-column .drug-sig-note-diagnoses .sig-preference-content{ display:flex } .prescription .card.prescription__detail .prescription-content-column .drug-sig-note-diagnoses .sig-preference-content .dispense-preference{ border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; font-size:.875rem; line-height:1.3; min-width:25%; padding:15px 30px 15px 15px } .prescription .card.prescription__detail .prescription-content-column .drug-sig-note-diagnoses .drug-note{ background-color:#f7f7f7 } .prescription .card.prescription__detail .prescription-content-column .drug-sig-note-diagnoses .prescription-diagnoses{ border-bottom:1px solid #e7e7e7; display:flex } .prescription .card.prescription__detail .prescription-content-column .drug-sig-note-diagnoses .prescription-diagnoses .diagnosis{ border-right:1px solid #e7e7e7; font-size:.875rem; line-height:1.3; padding:15px 30px } .prescription .card.prescription__detail .prescription-content-column .drug-sig-note-diagnoses .prescription-diagnoses .diagnosis:last-child{ border:none } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity{ margin-bottom:10px } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity .card__content{ display:flex; flex-direction:column; font-size:.9375rem; padding:0px; width:100% } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity .card__content .message{ display:flex; flex-direction:column; padding:15px 20px } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity .card__content .message .message__content{ line-height:1.3; margin-bottom:4px } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity .card__content .message .message__timestamp{ color:#9f9d9d; font-size:.75rem } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity .card__content .message-type{ border-top:1px solid #e7e7e7; color:#7e7d7b; display:flex; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.625rem; letter-spacing:2px; padding:10px 20px; text-transform:uppercase } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity .card__content .message-type .type-status-dot{ background-color:#49b5a8; margin:2px 7px 0 0; width:8px; height:8px; border-radius:10px } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity .card__content .message-type .type-status-dot.success{ background-color:#49b5a8 } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity .card__content .message-type .type-status-dot.danger{ background-color:#ea6565 } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity .card__content .message-type .type-status-dot.processing{ background-color:#559ad1 } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity .card__content .message-type .type-status-dot.pending{ background-color:#b493b1 } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity .card__content .message-type .ss-message-id{ color:#bdbaba; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:.75rem; letter-spacing:0; line-height:1; margin-left:auto; text-transform:none } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity .card__content .message__actions{ border-top:1px solid #e7e7e7; margin-top:20px; padding-top:15px } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity .card__content .message__actions .button{ margin-bottom:0 } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity .card__content .message-responses{ background-color:#f7f7f7 } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity .card__content .message-responses .response{ border-top:1px solid #e7e7e7; color:#7e7d7b; display:flex; font-size:.75rem; padding:10px 20px } .prescription .card.prescription__detail .prescription-content-column .card.rx-activity .card__content .message-responses .response .timestamp{ color:#bdbaba; font-size:.6875rem; margin-left:auto } .prescription .card.prescription__detail .prescription-content-column .clinical-quantities-display-selection{ display:flex } .prescription .card.prescription__detail .prescription-content-column .unit-of-measure{ align-items:stretch; display:none } .prescription .card.prescription__detail .prescription-content-column .unit-of-measure.active{ display:flex } .prescription .card.prescription__detail .prescription-content-column .unit-of-measure .sumo_unit_of_measure .SelectBox{ height:50px; line-height:48px } .prescription .card.prescription__detail .prescription-content-column .unit-of-measure .SumoSelect>.CaptionCont>label{ top:5px } .prescription .card.prescription__detail .prescription-content-column .prescription-options{ align-items:flex-start; border:1px solid #e7e7e7; display:flex; flex-direction:row; flex-wrap:wrap; margin:10px 15px 20px 15px; padding:15px 20px; width:100% } .prescription .card.prescription__detail .prescription-content-column .prescription-options .radio-checker{ display:flex; margin-right:20px } .prescription .card.prescription__detail .prescription-content-column .prescription-options .radio-checker label{ margin-bottom:0 !important } .prescription .card.prescription__detail .prescription-content-column .refill-status-options{ display:none } .prescription .card.prescription__detail .prescription-content-column .compound-drug-fields{ border-bottom:2px solid #e7e7e7; margin-bottom:15px; padding-bottom:15px; display:none; flex-direction:row; flex-wrap:wrap; width:100% } .prescription .card.prescription__detail .prescription-content-column .compound-drug-fields.active{ display:flex } .prescription .card.prescription__detail .prescription-content-column .compound-drug-fields .is-controlled{ display:flex; flex-direction:row } .prescription .card.prescription__detail .prescription-content-column .compound-drug-fields .maximum-drug-schedule{ display:none } .prescription .card.prescription__detail .prescription-content-column .sig-content-holder{ position:relative } .prescription .card.prescription__detail .prescription-content-column .sig-content-holder .max-length{ color:#bdbaba; font-size:.6875rem; position:absolute; top:5px; right:15px } .prescription .card.prescription__detail .prescription-content-column .sig-content-holder .max-length.limit{ color:#ea6565 } .prescription .card.prescription__detail .prescription-content-column .dispense-as-written{ margin-bottom:20px } .prescription .card.prescription__detail .prescription-content-column .dispense-as-written .radio-checker label{ color:#7e7d7b; font-size:.8125rem } .prescription .card.prescription__detail .prescription-content-column .drug-search-frame{ background-color:#f7f7f7; display:none; flex-direction:column; position:absolute; top:0; right:0; bottom:0; left:0; z-index:50 } .prescription .card.prescription__detail .prescription-content-column .drug-search-frame.active{ display:flex } .prescription .card.prescription__detail .prescription-content-column .drug-search-frame .loading-alert{ background-color:#49b5a8; border-bottom-left-radius:5px; border-bottom-right-radius:5px; color:#fff; display:none; font-size:.75rem; padding:5px 10px; text-align:center; width:100px; z-index:100; position:absolute; top:0; left:calc(50% - 50px) } .prescription .card.prescription__detail .prescription-content-column .drug-search-frame .drug-search-form{ background-color:#fff; border-bottom:1px solid #e7e7e7; display:flex; flex-direction:row; padding:20px; position:relative } .prescription .card.prescription__detail .prescription-content-column .drug-search-frame .drug-search-form input{ background-color:transparent; border:none; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:28px; font-weight:300; height:auto; margin-bottom:0; padding:0 } .prescription .card.prescription__detail .prescription-content-column .drug-search-frame .drug-search-form input::placeholder{ color:#e0e0e0 } .prescription .card.prescription__detail .prescription-content-column .drug-search-frame .drug-search-form .close-search{ color:#bdbaba; cursor:pointer; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:11px; letter-spacing:1.5px; position:absolute; top:20px; right:20px; text-align:center; text-transform:uppercase } .prescription .card.prescription__detail .prescription-content-column .drug-search-frame .drug-search-form .close-search i{ font-size:24px; margin-bottom:15px } .prescription .card.prescription__detail .prescription-content-column .drug-search-frame .drug-search-count{ border-bottom:1px solid #e7e7e7; color:#7e7d7b; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.875rem; padding:15px 20px } .prescription .card.prescription__detail .prescription-content-column .drug-search-frame .search-results{ height:100%; padding:20px; overflow-y:scroll } .prescription .card.prescription__detail .prescription-content-column .drug-search-frame .search-results .blank-text{ color:#9f9d9d } .prescription .card.prescription__detail .prescription-content-column .drug-search-frame .search-results .card{ cursor:pointer; margin-bottom:10px; min-height:60px } .prescription .card.prescription__detail .prescription-content-column .drug-search-frame .search-results .card:hover{ box-shadow:0px 2px 15px rgba(0,0,0,.25) } .prescription .card.prescription__detail .prescription-content-column .pharmacist-note-holder{ background-color:#f7f7f7; margin-bottom:30px; padding:20px 25px } .prescription .card.prescription__detail .prescription-content-column .pharmacist-note-holder .note-content{ font-family:"PT Serif",serif; font-size:1.3125rem; line-height:1.75rem; margin-bottom:20px } .prescription .card.prescription__detail .prescription-content-column .pharmacist-note-holder fieldset button{ margin-bottom:0 } .prescription .card.prescription__detail .prescriptions-title{ color:#bdbaba; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.5625rem; letter-spacing:1px; margin-top:15px; text-align:center; text-transform:uppercase; width:100% } .prescription .card.prescription__detail .processing-activity-column{ background-color:#0e0e0e } .prescription .card.prescription__detail .processing-activity-column .processing_content{ font-family:"Eina02-Regular"; padding:60px; position:relative; z-index:10 } .prescription .card.prescription__detail .processing-activity-column .processing_content ul.processing-steps{ display:flex; flex-direction:column; list-style:none; margin:0; padding:0 } .prescription .card.prescription__detail .processing-activity-column .processing_content ul.processing-steps li{ font-size:.875rem; margin:5px 0 } .prescription .card.prescription__detail .processing-activity-column .processing_content ul.processing-steps li.complete{ opacity:.6 } .prescription .card.prescription__detail .processing-activity-column .processing_content ul.processing-steps li.planned{ opacity:.45 } .prescription .card.prescription__detail .processing-activity-column .processing_content ul.processing-steps li.working{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1rem } .prescription .card.prescription__detail .processing-activity-column .processing-bg-photo{ background-position:center bottom; background-repeat:no-repeat; background-size:cover; background-image:url("/assets/media/banners/rx-phone-booth.jpg"); opacity:.9; position:absolute; top:0; bottom:0; left:0; right:0; z-index:5 } .prescription .card.prescription__detail .processing-activity-column,.prescription .card.prescription__detail .pharmacy-activity-column{ border-left:1px solid #e7e7e7; display:flex; min-height:500px; width:400px } .prescription .card.prescription__detail .column__title-bar-inner{ background-color:rgba(247,247,247,.5); border-bottom:1px solid #e7e7e7; display:flex; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.875rem; padding:15px 30px } .prescription .card.prescription__detail .column__title-bar-inner h3{ color:#434341; flex:0 1 auto; font-size:.8125rem; line-height:1; margin-bottom:0 } .prescription .card.prescription__detail .column__title-bar-inner .title-bar__actions{ margin-left:auto } .prescription .card.prescription__detail .column__title-bar-inner .title-bar__actions .prescription-cancel-action{ color:#49b5a8; cursor:pointer; font-size:.625rem; letter-spacing:1px; text-transform:uppercase } .prescription .card.prescription__detail .column__title-bar-inner .title-bar__actions .prescription-cancel-action:hover{ color:#ea6565 } .prescription .card.prescription__detail .column__title-bar{ background-color:#f7f7f7; border-bottom:1px solid #e7e7e7; display:flex; flex-direction:row; height:40px; line-height:40px; padding:0 0 0 15px; width:100% } .prescription .card.prescription__detail .column__title-bar h2,.prescription .card.prescription__detail .column__title-bar h3{ flex:0 0 auto; font-size:.875rem; line-height:40px; margin-bottom:0 } .prescription .card.prescription__detail .column__title-bar ul.title-bar__actions{ display:flex; flex-direction:row; list-style:none; margin:0; margin-left:auto; padding:0; text-align:right } .prescription .card.prescription__detail .column__title-bar ul.title-bar__actions li{ border-right:1px solid #e7e7e7; color:#49b5a8; cursor:pointer; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.625rem; letter-spacing:1px; line-height:40px; padding:0 15px; text-transform:uppercase } .prescription .card.prescription__detail .column__title-bar ul.title-bar__actions li.remove{ color:#ea6565 } .prescription .card.prescription__detail .column__title-bar ul.title-bar__actions li:hover{ background-color:#f2f1ef } .prescription .card.prescription__detail .column__title-bar ul.title-bar__actions li:last-child{ border-right:none } .prescription .card.prescription__detail #pharmacy_content_column,.prescription .card.prescription__detail #provider_content{ display:flex; flex-direction:column; flex:1 } .prescription .card.prescription__detail .column__adder-form{ background-color:#f2f1ef; border-bottom:1px solid #e7e7e7; display:none; padding:10px } .prescription .card.prescription__detail .column__adder-form.active{ display:flex } .prescription .card.prescription__detail .column__adder-form .live-search{ max-height:40px; width:100% } .prescription .card.prescription__detail .column__adder-form .live-search .input-with-icon-holder.condensed input.input-with-icon{ line-height:41px; margin-bottom:0 } .prescription .card.prescription__detail .column__adder-form .live-search .input-with-icon-holder.condensed .input-icon{ line-height:41px } .prescription .card.prescription__detail .column__content{ border-bottom:1px solid #e7e7e7; min-height:30px; padding:20px; position:relative } .prescription .card.prescription__detail .column__content.borderless{ border-bottom:none } .prescription .card.prescription__detail .column__content .patient .patient__stats .stat{ padding:10px 20px } .prescription .card.prescription__detail .column__content .patient .patient__stats .stat.link{ cursor:pointer } .prescription .card.prescription__detail .column__content .patient .patient__stats .stat.link:hover{ background-color:#f7f7f7; color:#49b5a8 } .prescription .card.prescription__detail .column__content .patient .patient__stats .stat .stat-icon .appt-type-dot{ margin:3px 0 0 3px } .prescription .card.prescription__detail .column__content .patient .patient__stats .stat a{ color:#5f5f5d } .prescription .card.prescription__detail .blank-holder{ flex:1 } .prescription .card.prescription__detail .blank-holder.clickable{ cursor:pointer } .prescription .card.prescription__detail .blank-holder.clickable:hover .blank-state{ background-color:#f7f7f7 } .prescription .card.prescription__detail .blank-holder .blank-state{ height:100%; margin:0; padding:20px; transition:background-color .1s ease-in-out } .prescription .card.prescription__detail .blank-holder .blank-state .blank-state__illustration{ margin-bottom:5px !important } .prescription .card.prescription__detail .blank-holder .blank-state .blank-state__message{ max-width:90% } .prescription .card.prescription__detail .blank-holder .blank-state .blank-state__message h2{ color:#5f5f5d; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif } .prescription .notice-legal-privacy{ color:#9f9d9d; display:flex; font-size:.75rem; margin:0 auto; max-width:750px; padding:20px; text-align:center } .modal.pharmacy-select{ min-width:500px; width:auto } .modal .modal-content{ padding-bottom:0 } .modal .modal-content#pharmacies .pharmacy-search-select-map{ display:flex; flex-direction:row; min-height:20vh; width:100% } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-search,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-map{ display:none; flex:0; flex-direction:column; max-width:500px; width:auto } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies.active,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-search.active,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select.active,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-map.active{ transition:flex .3s ease-out; display:flex; flex:1; width:26vw } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies .titlebar,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-search .titlebar,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select .titlebar,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-map .titlebar{ border-bottom:1px solid #e7e7e7; margin-bottom:20px; padding-bottom:15px } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies .titlebar.no-margin,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-search .titlebar.no-margin,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select .titlebar.no-margin,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-map .titlebar.no-margin{ margin-bottom:0; padding-left:15px } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies .titlebar h2,.modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies .titlebar h3,.modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies .titlebar h4,.modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies .titlebar h5,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-search .titlebar h2,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-search .titlebar h3,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-search .titlebar h4,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-search .titlebar h5,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select .titlebar h2,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select .titlebar h3,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select .titlebar h4,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select .titlebar h5,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-map .titlebar h2,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-map .titlebar h3,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-map .titlebar h4,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-map .titlebar h5{ margin-bottom:0 } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-search{ padding:20px 30px } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select{ border-left:1px solid #e7e7e7; padding-top:20px; min-height:100% } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies #pharmacy_results,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select #pharmacy_results{ align-items:stretch; background-color:#f7f7f7; display:flex; flex-direction:column; height:100%; overflow-x:hidden; overflow-y:auto; max-height:80vh; padding:20px } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies .card.pharmacy,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select .card.pharmacy{ box-shadow:0px 5px 15px rgba(0,0,0,.1); cursor:pointer; margin-bottom:12px; transition:box-shadow .15s } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies .card.pharmacy:hover,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select .card.pharmacy:hover{ box-shadow:0px 7px 15px rgba(0,0,0,.3) } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies .card.pharmacy.active,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select .card.pharmacy.active{ border:2px solid #49b5a8; box-shadow:0px 7px 15px rgba(0,0,0,.25) } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies .card.pharmacy .card__content,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select .card.pharmacy .card__content{ padding:15px 20px } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies .card.pharmacy .card__content h3,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select .card.pharmacy .card__content h3{ font-size:.9375rem } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies .card.pharmacy .card__content .description,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select .card.pharmacy .card__content .description{ margin-bottom:0 } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies .card.pharmacy .card__content .description .phone,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select .card.pharmacy .card__content .description .phone{ color:#5f5f5d; font-size:.875rem; margin-top:3px } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies .card.pharmacy .card__content ul.specialties,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select .card.pharmacy .card__content ul.specialties{ list-style:none; margin:0; margin-top:5px; padding:0 } .modal .modal-content#pharmacies .pharmacy-search-select-map .patient-pharmacies .card.pharmacy .card__content ul.specialties li,.modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-select .card.pharmacy .card__content ul.specialties li{ background-color:#f7f7f7; border-radius:10px; color:#5f5f5d; display:inline-block; font-size:.6875rem; margin:3px 3px 0 0; padding:3px 10px } .modal .modal-content#pharmacies .pharmacy-search-select-map .pharmacy-map{ background-color:#bdbaba; border-left:1px solid #e7e7e7 } .post-processing-actions{ display:none } .post-processing-actions.active{ display:flex } .future-fill-date{ display:none } @media print{ #content,#page{ width:100%; margin:0; float:none } @page{ margin:2cm } @page :left{ margin:1cm } @page :right{ margin:1cm } @page :first{ margin:1cm 2cm } body{ font-size:13pt; line-height:1; background:#fff !important; color:#000 } h1{ font-size:21pt } h2,h3,h4{ font-size:14pt } a{ page-break-inside:avoid } blockquote{ page-break-inside:avoid } h1,h2,h3,h4,h5,h6{ page-break-after:avoid; page-break-inside:avoid } img{ page-break-inside:avoid; page-break-after:avoid } table,pre{ page-break-inside:avoid } ul,ol,dl{ page-break-before:avoid } a:link,a:visited,a{ background:transparent; color:#520; font-weight:bold; text-decoration:underline; text-align:left } a{ page-break-inside:avoid } a[href^=http]:after{ content:" < " attr(href) "> " } a:after>img{ content:"" } article a[href^="#"]:after{ content:"" } a:not(:local-link):after{ content:" < " attr(href) "> " } body.job-print-order{ background-color:#fff; -webkit-print-color-adjust:exact } body.job-print-order .content-label{ color:#49b5a8; font-size:8px; letter-spacing:1px; margin-bottom:3px; text-transform:uppercase } body.job-print-order .order-form .order-heading{ display:inline-block; float:left; margin-bottom:30px; width:100% } body.job-print-order .order-form .order-heading .address-box{ display:inline-block; float:left } body.job-print-order .order-form .order-heading .address-box .content-label{ font-weight:500 } body.job-print-order .order-form .order-heading .address-box h1{ font-size:24px; line-height:1.2; margin-bottom:3px } body.job-print-order .order-form .order-heading .address-box .address{ color:#5f5f5d; font-size:15px } body.job-print-order .order-form .order-heading .delivery-date{ border:1px solid #dadada; display:inline-block; float:right; text-align:right } body.job-print-order .order-form .order-heading .delivery-date .date-label{ background-color:#e7e7e7; font-size:8px; padding:7px 10px } body.job-print-order .order-form .order-heading .delivery-date .date-scheduled{ font-size:10px; font-weight:500; padding:10px 10px 10px 15px } body.job-print-order .order-form .order-company-info{ font-size:9px; margin-bottom:30px; vertical-align:top } body.job-print-order .order-form .order-company-info .company-info,body.job-print-order .order-form .order-company-info .company-contact,body.job-print-order .order-form .order-company-info .supply-house,body.job-print-order .order-form .order-company-info .salesperson{ display:inline-block; line-height:1.6; padding-right:2%; vertical-align:top; width:24.5% } body.job-print-order .order-form .order-company-info .company-info .content-label,body.job-print-order .order-form .order-company-info .company-contact .content-label,body.job-print-order .order-form .order-company-info .supply-house .content-label,body.job-print-order .order-form .order-company-info .salesperson .content-label{ background-color:#f2f1ef; color:#5f5f5d; margin-bottom:5px; padding:5px 10px } body.job-print-order .order-form .order-company-info .company-info .content-holder,body.job-print-order .order-form .order-company-info .company-contact .content-holder,body.job-print-order .order-form .order-company-info .supply-house .content-holder,body.job-print-order .order-form .order-company-info .salesperson .content-holder{ padding:5px 10px } body.job-print-order .order-form .order-company-info .company-info .section-name,body.job-print-order .order-form .order-company-info .company-contact .section-name,body.job-print-order .order-form .order-company-info .supply-house .section-name,body.job-print-order .order-form .order-company-info .salesperson .section-name{ font-size:10px; font-weight:500 } body.job-print-order .order-form .order-content h3{ font-size:11px; margin-bottom:3px } body.job-print-order .order-form .order-content table.order-items thead tr{ background-color:#fafafa !important } body.job-print-order .order-form .order-content table.order-items thead tr th{ font-size:7px } body.job-print-order .order-form .order-content table.order-items tbody{ color:#262523; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif } body.job-print-order .order-form .order-content table.order-items tbody tr td{ font-size:8px; height:auto; padding:5px } body.job-print-order .order-form .order-content table.order-items tbody tr td.name{ font-weight:bold } body.job-print-order .order-form .order-content table.order-items tbody tr td.secondary{ font-size:7px } body.job-print-order .order-form .order-content .invoice-footer__calc-box{ float:right; background-color:#fafafa; margin-left:auto; min-width:40%; padding:10px } body.job-print-order .order-form .order-content .invoice-footer__calc-box .button{ margin-bottom:0; width:100% } body.job-print-order .order-form .order-content .invoice-footer__calc-box .begin-checkout.hidden{ display:none } body.job-print-order .order-form .order-content .invoice-footer__calc-box ul.invoice-accounting-rows{ margin:0; margin-bottom:20px; padding:0 } body.job-print-order .order-form .order-content .invoice-footer__calc-box ul.invoice-accounting-rows li.accounting-row{ display:flex; line-height:18px } body.job-print-order .order-form .order-content .invoice-footer__calc-box ul.invoice-accounting-rows li.accounting-row.total-row{ border-top:1px solid #dadada; margin-top:10px; padding-top:10px } body.job-print-order .order-form .order-content .invoice-footer__calc-box ul.invoice-accounting-rows li.accounting-row.total-row .accounting-row__number{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.75rem } body.job-print-order .order-form .order-content .invoice-footer__calc-box ul.invoice-accounting-rows li.accounting-row .accounting-row__label{ color:#7e7d7b; font-size:.4375rem } body.job-print-order .order-form .order-content .invoice-footer__calc-box ul.invoice-accounting-rows li.accounting-row .accounting-row__number{ font-size:.5rem; margin-left:auto; text-align:right } } @media screen{ body.job-print-order{ background-color:#fff; line-height:1; padding:30px 15vw } body.job-print-order .content-label{ color:#49b5a8; font-size:10px; letter-spacing:2px; margin-bottom:5px; text-transform:uppercase } body.job-print-order .order-form .order-heading{ display:inline-block; float:left; margin-bottom:30px; width:100% } body.job-print-order .order-form .order-heading .address-box{ display:inline-block; float:left } body.job-print-order .order-form .order-heading .address-box .content-label{ font-weight:500 } body.job-print-order .order-form .order-heading .address-box .practice-logo{ margin-bottom:10px } body.job-print-order .order-form .order-heading .address-box .practice-logo img{ max-height:60px; max-width:100px } body.job-print-order .order-form .order-heading .address-box h1{ font-size:24px; line-height:1.2; margin-bottom:3px } body.job-print-order .order-form .order-heading .address-box .address{ color:#5f5f5d; font-size:15px } body.job-print-order .order-form .order-heading .delivery-date{ border:1px solid #dadada; display:inline-block; float:right; text-align:right } body.job-print-order .order-form .order-heading .delivery-date .date-label{ background-color:#e7e7e7; color:#5f5f5d; font-size:11px; padding:7px 10px } body.job-print-order .order-form .order-heading .delivery-date .date-scheduled{ font-size:13px; font-weight:500; padding:10px 10px 10px 15px } body.job-print-order .order-form .order-company-info{ font-size:13px; margin-bottom:30px; vertical-align:top } body.job-print-order .order-form .order-company-info .company-info,body.job-print-order .order-form .order-company-info .company-contact,body.job-print-order .order-form .order-company-info .supply-house,body.job-print-order .order-form .order-company-info .salesperson{ display:inline-block; line-height:1.6; padding-right:2%; vertical-align:top; width:24.5% } body.job-print-order .order-form .order-company-info .company-info .content-label,body.job-print-order .order-form .order-company-info .company-contact .content-label,body.job-print-order .order-form .order-company-info .supply-house .content-label,body.job-print-order .order-form .order-company-info .salesperson .content-label{ background-color:#f2f1ef; color:#5f5f5d; margin-bottom:5px; padding:5px 10px } body.job-print-order .order-form .order-company-info .company-info .content-holder,body.job-print-order .order-form .order-company-info .company-contact .content-holder,body.job-print-order .order-form .order-company-info .supply-house .content-holder,body.job-print-order .order-form .order-company-info .salesperson .content-holder{ padding:5px 10px } body.job-print-order .order-form .order-company-info .company-info .section-name,body.job-print-order .order-form .order-company-info .company-contact .section-name,body.job-print-order .order-form .order-company-info .supply-house .section-name,body.job-print-order .order-form .order-company-info .salesperson .section-name{ font-size:14px; font-weight:500 } body.job-print-order .order-form .order-content .invoice-footer{ padding:0 } } #schedule{ display:flex; height:calc(100vh - 30px) } #schedule .calendar-sidebar-wrapper{ display:flex; flex-direction:row; height:calc(100vh - 100px); width:100% } #schedule .eva-calendar{ flex:1; height:calc(100vh - 100px) } #schedule .eva-calendar .eva-calendar__banner-nav{ background-color:#000; color:#fff; display:flex; height:120px; padding:30px 0; position:relative; text-align:center; z-index:100 } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__greeting{ align-self:flex-start; display:none; padding-left:20px; position:relative; text-align:left; width:30%; z-index:10 } @media only screen and (min-width: 1025px){ #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__greeting{ display:block } } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__greeting h2,#schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__greeting h3,#schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__greeting h4{ color:#fff; font-size:1.25rem; margin-bottom:0 } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__greeting .sub-context{ font-size:.8125rem; line-height:1; opacity:.8 } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__nav{ display:flex; justify-content:center; flex-direction:row; flex-grow:1; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-align:center; z-index:10 } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__nav .prev-day,#schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__nav .next-day{ color:#fff; font-size:1.3125rem; margin:0 20px 40px 20px; transition:color .1s ease-in-out } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__nav .prev-day:hover,#schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__nav .next-day:hover{ background-color:#49b5a8; text-decoration:none } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__nav .current-day{ font-size:1rem; font-weight:300; line-height:26px; width:70px } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__nav .schedule-date{ font-size:1.25rem } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__nav .calendar-box{ align-self:flex-start; border:2px solid #fff; border-radius:3px; color:#fff; cursor:pointer; margin:-10px 15px 0 15px; position:relative; width:60px } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__nav .calendar-box .calendar-box__day{ background-color:#fff; color:#000; font-family:"Eina02-Regular",sans-serif; font-size:2rem; mix-blend-mode:screen } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__nav .calendar-box .calendar-box__month{ font-size:.75rem; padding:3px 5px } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__nav .calendar-box .calendar-box__today{ background-color:#49b5a8; font-size:.6875rem; line-height:1; padding:5px; text-transform:uppercase } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__nav .flatpickr-calendar{ margin-left:-154px } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__nav .picker{ bottom:-20px; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; left:50%; margin-left:-225px; z-index:20000 } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__nav .picker .picker__holder{ border:1px solid #e7e7e7; width:450px } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__nav .current-time{ font-size:1rem; font-weight:300; line-height:26px; width:70px } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__icons{ align-items:flex-start; justify-content:flex-end; display:none; position:relative; width:30%; z-index:50 } @media only screen and (min-width: 1025px){ #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__icons{ display:flex } } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__icons .today-jumper{ font-size:.75rem; margin:-2px 10px 0 0 } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__icons .cal-icon{ border-radius:5px; cursor:pointer; margin:-5px 3px 0 3px; padding:10px 15px } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__icons .cal-icon.active{ background-color:rgba(0,0,0,.3) } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__icons .cal-icon.active i{ color:#fff; opacity:1 } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__icons .cal-icon:hover{ background-color:rgba(0,0,0,.3) } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__icons .cal-icon:hover i{ opacity:.7 } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__icons .cal-icon i{ color:#fff; font-size:1.3125rem; opacity:.3 } #schedule .eva-calendar .eva-calendar__banner-nav .banner-nav__image{ background-image:url("/assets/media/banners/create-account.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:.5; position:absolute; top:0; bottom:0; left:0; right:0; z-index:5 } #schedule .eva-calendar .eva-day-cal{ display:flex; height:calc(100% - 120px); min-height:900px; position:relative } #schedule .eva-calendar .eva-day-cal .estimated-billing{ display:none; font-size:.75rem; height:40px; line-height:40px; padding-right:20px; position:absolute; top:0; right:0; z-index:20 } @media only screen and (min-width: 1025px){ #schedule .eva-calendar .eva-day-cal .estimated-billing{ display:flex } } #schedule .eva-calendar .eva-day-cal .estimated-billing .estimated-billing__total{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif } #schedule .eva-calendar .eva-day-cal .timeline-indicator{ border:1px solid #49b5a8; position:absolute; opacity:.4; top:0; left:0; right:0; z-index:50 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__timeline{ background-color:#fff; border-right:1px solid #dadada; color:#7e7d7b; font-size:.6875rem; height:100%; position:relative; text-align:right; width:30px } @media only screen and (min-width: 1025px){ #schedule .eva-calendar .eva-day-cal .eva-day-cal__timeline{ width:60px } } #schedule .eva-calendar .eva-day-cal .eva-day-cal__timeline .spacer{ background-color:#f7f7f7; border-bottom:1px solid #dadada; width:100%; height:40px } #schedule .eva-calendar .eva-day-cal .eva-day-cal__timeline .markers{ position:absolute; top:40px; bottom:0; right:0; left:0 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__timeline .markers .marker{ border-bottom:1px solid #dadada; font-size:.625rem } #schedule .eva-calendar .eva-day-cal .eva-day-cal__timeline .markers .marker .content{ padding:15px 10px 0 0 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms{ background-color:#fff; display:flex; flex:1; height:100% } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room{ border-right:1px solid #dadada; min-width:225px; position:relative } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room.empty{ min-width:80px } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room.others{ border-right:none; flex-grow:1 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room.week-day{ flex:0 1 20% } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room.week-day.today{ background-color:rgba(73,181,168,.1) } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room.week-day .room__appointments .appointment{ padding:4px } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room.week-day .room__appointments .appointment .card{ flex-direction:column !important; min-width:0; padding:5px 8px !important } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room.week-day .room__appointments .appointment .card .appt-time{ flex-basis:0 !important } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room.week-day .room__appointments .appointment .card h5{ font-size:.75rem !important; margin-bottom:2px } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room.week-day .room__appointments .appointment .card .interaction-name{ font-size:.6875rem !important; margin-left:0px !important } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__header{ align-items:center; background-color:#f7f7f7; border-bottom:1px solid #dadada; display:flex; height:40px; padding:0 15px } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__header h4{ color:#5f5f5d; font-size:.8125rem; line-height:40px; margin-bottom:0 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__header .number{ flex:0; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:500; line-height:1; margin-top:4px } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__header .day{ color:#5f5f5d; flex:0; font-size:.875rem; font-weight:400; line-height:1.1875rem; margin-left:10px } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__header .appointment-count{ background-color:rgba(0,0,0,.05); border-radius:10px; color:#5f5f5d; font-size:.6875rem; font-weight:500; margin-left:auto; padding:3px 10px } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments{ position:absolute; top:40px; left:0; right:0; bottom:0 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment-cards{ position:absolute; top:0; bottom:0; right:0; left:0; margin:0 15px } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment{ box-sizing:border-box; padding:5px; position:absolute; z-index:10 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card{ border-radius:0; cursor:pointer; display:flex; height:100%; min-width:220px; padding:10px; position:relative; white-space:nowrap; width:100% } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card:hover{ box-shadow:0 15px 30px rgba(14,14,14,.2) } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.xsmall{ flex-direction:row; padding:4px 10px } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.xsmall h5{ font-size:.75rem; margin-right:10px; line-height:1.2 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.xsmall .appt-time{ display:none } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.xsmall .interaction-name{ font-size:.6875rem; line-height:1 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.small{ flex-direction:row; flex-wrap:wrap } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.small .appt-time{ flex-basis:100% } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.small h5{ line-height:1 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.small .interaction-name{ font-size:.75rem; line-height:1.2; margin-left:10px } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.medium{ padding:7px 10px } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.medium h5{ font-size:.875rem; margin-bottom:0px; line-height:1 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.medium .appt-time{ margin-bottom:3px } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.medium .interaction-name{ font-size:.8125rem; line-height:1.7 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.blue{ background-color:#588093; color:#fff; border-color:#3489cf } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.brown{ background-color:#635d5e; color:#fff; border-color:#635d5e } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.dark-green{ background-color:#66bc82; color:#fff; border-color:#66bc82 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.dark-red{ background-color:#c6665e; color:#fff; border-color:#c6665e } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.green{ background-color:#33a069; color:#fff; border-color:#80d76d } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.green-brown{ background-color:#a1b9b3; color:#fff; border-color:#c5bf8c } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.lavender{ background-color:#a97ca5; color:#fff; border-color:#a97ca5 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.magenta{ background-color:#df5b92; color:#fff; border-color:#df5b92 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.orange{ background-color:#f5b065; color:#fff; border-color:#e8b063 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.purple{ background-color:#433352; color:#fff; border-color:#7d75a4 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.red{ background-color:#f33f4d; color:#fff; border-color:#f33f4d } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.red-orange{ background-color:#d99a76; color:#fff; border-color:#d99a76 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.teal{ background-color:#248a8a; color:#fff; border-color:#16ac97 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card.yellow{ background-color:#f5b065; color:#fff; border-color:#f5b065 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card h5{ color:inherit; flex:0; font-size:.875rem; line-height:1.4; margin-bottom:0 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card .interaction-name{ font-size:.8125rem } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .room__appointments .appointment .card .appt-time{ font-size:.625rem; letter-spacing:1px; margin-bottom:3px; opacity:.6; text-transform:uppercase } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .segment{ border-bottom:1px solid #e7e7e7; cursor:pointer; position:relative; z-index:1 } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .segment.inactive{ cursor:auto } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .segment.inactive:hover{ background-color:transparent } #schedule .eva-calendar .eva-day-cal .eva-day-cal__rooms .eva-day-cal__room .segment:hover{ background-color:rgba(14,14,14,.03) } #schedule .add-appointment{ background-color:#49b5a8; border-radius:50%; color:#fff; cursor:pointer; font-size:1.5rem; position:fixed; bottom:20px; right:20px; text-align:center; line-height:52px; height:50px; width:50px; z-index:90 } #schedule .add-appointment:hover{ box-shadow:0px 5px 20px rgba(0,0,0,.2) } #schedule .appointment-sidebar{ background-color:#fff; box-shadow:0px 10px 25px rgba(0,0,0,.15); height:100%; display:flex; flex-direction:column; font-size:.875rem; max-width:350px; overflow-y:auto; position:relative; transition:all 100ms ease-in-out; width:25vw; z-index:100 } #schedule .appointment-sidebar.hidden{ width:0 } #schedule .appointment-sidebar.showing{ max-width:350px; width:25vw } #schedule .appointment-sidebar .appointment-date{ background-color:#fafafa; border:1px solid #bdbaba; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.875rem; padding:10px 15px 8px 15px } #schedule .appointment-sidebar .close-appointment-sidebar{ color:#dadada; cursor:pointer; font-size:1.125rem; position:absolute; top:0; right:0; width:60px; height:60px; z-index:150; line-height:60px; text-align:center } #schedule .appointment-sidebar .close-appointment-sidebar:hover{ background-color:#f7f7f7; color:#7e7d7b } #schedule .appointment-sidebar form{ display:flex; flex-direction:column; position:relative; height:100% } #schedule .appointment-sidebar fieldset{ margin:0; padding:10px 20px } #schedule .appointment-sidebar fieldset.alt-bg{ background-color:#f7f7f7 } #schedule .appointment-sidebar fieldset textarea{ font-size:.875rem; margin-bottom:0 } #schedule .appointment-sidebar .chosen-single{ font-size:.875rem; height:40px; line-height:36px } #schedule .appointment-sidebar .custom-input-number .custom-input-number__control .cin-button{ height:40px; line-height:36px } #schedule .appointment-sidebar .custom-input-number .custom-input-number__control input{ font-size:.875rem; height:40px; margin-bottom:0 } #schedule .appointment-sidebar .patient__stats .stat{ padding:10px 20px } #schedule .appointment-sidebar .patient-for-appointment{ border-bottom:1px solid #e7e7e7; margin-bottom:10px; opacity:1 } #schedule .appointment-sidebar .patient-for-appointment.unselected{ opacity:.25 } #schedule .appointment-sidebar .card.patient-search{ cursor:default; height:100%; padding-bottom:20px; position:relative } #schedule .appointment-sidebar .card.patient-search:hover{ box-shadow:0 2px 7px 0 rgba(0,0,0,.1) } #schedule .appointment-sidebar .card.patient-search .card__content{ padding:0 } #schedule .appointment-sidebar .card.patient-search .card__content .patient__info .avatar.large{ height:120px; width:120px; margin:10px 0 15px 0 } #schedule .appointment-sidebar .card.patient-search .card__content .patient__info .avatar.large .avatar__image{ height:120px; top:0; left:0; width:120px } #schedule .appointment-sidebar .live-search{ padding:0; position:relative } #schedule .appointment-sidebar .live-search input{ height:40px; margin-bottom:0 } #schedule .appointment-sidebar .live-search input.input-with-icon{ padding-left:40px } #schedule .appointment-sidebar .live-search .input-icon{ line-height:40px } #schedule .appointment-sidebar .results{ background-color:#fff; box-shadow:0px 3px 10px rgba(0,0,0,.1); position:absolute; top:70px; left:0; right:0; z-index:50 } #schedule .appointment-sidebar .results ul.result-list{ border:1px solid #49b5a8; font-size:.8125rem; list-style:none; margin:0; padding:0 } #schedule .appointment-sidebar .results ul.result-list:empty{ border:none; padding:0 } #schedule .appointment-sidebar .results ul.result-list li{ border-bottom:1px solid #e7e7e7; cursor:pointer; padding:4px 15px } #schedule .appointment-sidebar .results ul.result-list li:hover{ background-color:#f2f1ef } #schedule .appointment-sidebar .results ul.result-list li:last-child{ border-bottom:none } #schedule .appointment-sidebar .results ul.result-list li.selected{ background-color:#f2f1ef } #schedule .appointment-sidebar .radio-checker label{ font-size:.8125rem } #schedule .appointment-sidebar .sidebar-action{ background-color:#fff; border-top:1px solid #e7e7e7; padding:15px 20px; margin-top:auto } #schedule .appointment-sidebar .sidebar-action .button{ margin:0 10px 0 0; width:100% } .patient-appointment-card{ width:100% } .patient-appointment-card .patient-content{ border-bottom:1px solid #e7e7e7; display:flex; padding:15px 20px } .patient-appointment-card .patient-content .avatar{ margin-right:15px } .patient-appointment-card .patient-content .patient-information{ align-items:flex-start; padding-top:10px } .patient-appointment-card .patient-content .patient-information h3{ font-size:1.3125rem; margin-bottom:0 } .patient-appointment-card .patient-content .patient-information .patient-demographics{ color:#9f9d9d; font-size:.8125rem; margin-bottom:5px } .patient-appointment-card .patient-content .patient-information .patient-number{ align-self:flex-start; border-radius:15px; border:1px solid #dadada; color:#434341; display:inline-flex; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.75rem; margin:5px 0 0 -3px; padding:5px 15px 3px 15px } .patient-appointment-card .patient-content .patient-information .patient-number .label{ color:#9f9d9d; font-size:.6875rem; line-height:20px; margin-right:4px } .patient-appointment-card .patient-content .patient-actions{ margin-left:auto; text-align:right } .patient-appointment-card .patient-content .patient-actions .patient-actions__buttons .button{ margin:5px 0 0 5px } .patient-appointment-card .patient-content .patient-actions .patient-actions__links{ margin-top:15px } .patient-appointment-card .patient-content .patient-actions .patient-actions__links .edit-appointment,.patient-appointment-card .patient-content .patient-actions .patient-actions__links .cancel-appointment,.patient-appointment-card .patient-content .patient-actions .patient-actions__links .resend-email,.patient-appointment-card .patient-content .patient-actions .patient-actions__links a{ background-color:#f7f7f7; border-radius:20px; color:#7e7d7b; cursor:pointer; display:inline-block; font-size:.75rem; line-height:1.4; margin-left:3px; padding:7px 15px } .patient-appointment-card .patient-content .patient-actions .patient-actions__links .edit-appointment:hover,.patient-appointment-card .patient-content .patient-actions .patient-actions__links .cancel-appointment:hover,.patient-appointment-card .patient-content .patient-actions .patient-actions__links .resend-email:hover,.patient-appointment-card .patient-content .patient-actions .patient-actions__links a:hover{ color:#49b5a8 } .patient-appointment-card .patient-content .patient-actions .patient-actions__links .edit-appointment i,.patient-appointment-card .patient-content .patient-actions .patient-actions__links .cancel-appointment i,.patient-appointment-card .patient-content .patient-actions .patient-actions__links .resend-email i,.patient-appointment-card .patient-content .patient-actions .patient-actions__links a i{ margin:2px 3px 0 0 } .patient-appointment-card .patient-content .patient-actions .patient-actions__links .cancel-appointment{ margin-right:10px } .patient-appointment-card .patient-content .patient-actions .patient-actions__links .cancel-appointment:hover{ color:#ea6565 } .patient-appointment-card .alert{ margin:0; padding:10px 15px } .patient-appointment-card .choose-appointment-room{ background-color:#f7f7f7; border-bottom:1px solid #e7e7e7; display:none; flex-direction:row; padding:15px 20px; width:100% } .patient-appointment-card .choose-appointment-room.showing{ display:flex } .patient-appointment-card .choose-appointment-room #assign_room{ display:flex; flex-direction:row; width:100% } .patient-appointment-card .choose-appointment-room #assign_room label{ flex:0 0 auto; font-size:.875rem; line-height:40px; margin:0 10px 0 0 } .patient-appointment-card .choose-appointment-room #assign_room .room-options{ flex:2; margin-right:15px } .patient-appointment-card .choose-appointment-room #assign_room .room-options select{ margin-bottom:0; width:100% } .patient-appointment-card .choose-appointment-room #assign_room .submit-form-actions{ flex:0; text-align:right } .patient-appointment-card .choose-appointment-room #assign_room .submit-form-actions button{ margin-bottom:0 } .patient-appointment-card .appointment-content{ display:flex; width:100% } .patient-appointment-card .appointment-content .appointment-content__interview{ align-items:flex-start; display:flex; flex:2; flex-direction:column; padding:20px 30px } .patient-appointment-card .appointment-content .appointment-content__interview h1{ flex:0 0 auto; font-size:1.3125rem; line-height:1.2; margin-bottom:5px } .patient-appointment-card .appointment-content .appointment-content__interview .further-reports{ color:#7e7d7b; font-size:1rem } .patient-appointment-card .appointment-content .appointment-content__interview .chart-notes{ margin-top:20px; width:100% } .patient-appointment-card .appointment-content .appointment-content__interview .chart-notes .note{ background-color:#f7f7f7; display:flex; margin-bottom:10px; padding:15px; position:relative } .patient-appointment-card .appointment-content .appointment-content__interview .chart-notes .note .remove-note{ background-color:#fff; border-radius:10px; cursor:pointer; position:absolute; top:-6px; right:-6px; height:20px; width:20px; line-height:16px; text-align:center } .patient-appointment-card .appointment-content .appointment-content__interview .chart-notes .note .remove-note i{ color:#bdbaba; font-size:8px } .patient-appointment-card .appointment-content .appointment-content__interview .chart-notes .note .remove-note:hover{ background-color:#ea6565; box-shadow:0px 5px 15px rgba(14,14,14,.1) } .patient-appointment-card .appointment-content .appointment-content__interview .chart-notes .note .remove-note:hover i{ color:#fff } .patient-appointment-card .appointment-content .appointment-content__interview .chart-notes .note .content{ color:#5f5f5d; flex:1; font-size:.875rem; line-height:1.125rem; margin-left:15px } .patient-appointment-card .appointment-content .appointment-content__interview .chart-notes .note .timeago{ color:#9f9d9d; font-size:.6875rem; margin-top:3px; padding-left:10px } .patient-appointment-card .appointment-content .appointment-content__interview .add-chart-note-form{ display:none; margin-top:15px; width:100% } .patient-appointment-card .appointment-content .appointment-content__interview .add-chart-note-form textarea{ font-size:.875rem; margin-bottom:5px } .patient-appointment-card .appointment-content .appointment-content__interview .add-chart-note-form .button{ margin:0 10px 0 0 } .patient-appointment-card .appointment-content .appointment-content__interview .add-chart-note-form .cancel-add-chart-note{ cursor:pointer; display:inline-block; height:40px; line-height:40px; text-align:center; width:40px } .patient-appointment-card .appointment-content .appointment-content__interview .add-chart-note-form .cancel-add-chart-note:hover{ background-color:#f7f7f7 } .patient-appointment-card .appointment-content .appointment-content__interview .show-chart-note-form{ align-self:flex-start; margin-top:5px } .patient-appointment-card .appointment-content .appointment-content__timeline{ background-color:#f7f7f7; border-left:1px solid #e7e7e7; flex:0 0 240px } .patient-appointment-card .appointment-content .appointment-content__timeline .chart-prescriptions{ border-top:1px solid #e7e7e7; padding:15px } .patient-appointment-card .appointment-content .appointment-content__timeline .chart-prescriptions .blank-message{ color:#9f9d9d; font-size:.75rem } .patient-appointment-card .appointment-content .appointment-content__timeline .chart-prescriptions .rx-card-holder .card.rx{ margin-bottom:10px } .patient-appointment-card .appointment-content .appointment-content__timeline .chart-prescriptions .rx-card-holder .card.rx .card__content .drug-information{ padding:10px 15px } .patient-appointment-card .appointment-content .appointment-content__timeline .chart-prescriptions .add-prescription{ margin-top:10px } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card{ border-left:4px solid #49b5a8; color:#7e7d7b; font-size:.875rem; padding:15px 20px; position:relative } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card.blue{ border-color:#3489cf } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card.brown{ border-color:#635d5e } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card.dark-green{ border-color:#66bc82 } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card.dark-red{ border-color:#c6665e } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card.green{ border-color:#80d76d } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card.green-brown{ border-color:#c5bf8c } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card.lavender{ border-color:#a97ca5 } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card.magenta{ border-color:#df5b92 } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card.orange{ border-color:#e8b063 } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card.purple{ border-color:#7d75a4 } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card.red{ border-color:#f33f4d } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card.red-orange{ border-color:#d99a76 } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card.teal{ border-color:#16ac97 } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card h4{ margin-bottom:0 } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card .edit-appointment{ border-radius:5px; cursor:pointer; font-size:1rem; padding:5px 10px; position:absolute; top:6px; right:7px } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__card .edit-appointment:hover{ background-color:#fff; color:#49b5a8 } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__status{ border-top:1px solid #e7e7e7; color:#5f5f5d; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.75rem; padding:10px 20px 10px 25px } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__status.base{ color:#3489cf } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__status.canceled{ color:#f33f4d } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__status.confirmed{ color:#66bc82 } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__status.onsite{ color:#7d75a4 } .patient-appointment-card .appointment-content .appointment-content__timeline .timeline__appointment{ border-top:1px solid #e7e7e7; max-height:250px; overflow-y:auto; padding:15px 20px } .patient-appointment-card .edit-appointment-form,.patient-appointment-card .cancel-appointment-form{ border-top:1px solid #e7e7e7; padding:20px 30px } .patient-appointment-card .edit-appointment-form.hidden,.patient-appointment-card .cancel-appointment-form.hidden{ display:none } .patient-appointment-card .edit-appointment-form.showing,.patient-appointment-card .cancel-appointment-form.showing{ display:block } .patient-appointment-card .edit-appointment-form fieldset,.patient-appointment-card .cancel-appointment-form fieldset{ margin-bottom:15px } .patient-appointment-card .edit-appointment-form .move-link,.patient-appointment-card .cancel-appointment-form .move-link{ position:absolute; right:15px } .patient-appointment-card .edit-appointment-form .form-actions,.patient-appointment-card .cancel-appointment-form .form-actions{ display:flex; margin-bottom:20px } .patient-appointment-card .edit-appointment-form .form-actions .button,.patient-appointment-card .cancel-appointment-form .form-actions .button{ flex:0; margin:0; width:auto } .patient-appointment-card .edit-appointment-form .form-actions .cancel-appointment-cancel,.patient-appointment-card .cancel-appointment-form .form-actions .cancel-appointment-cancel{ cursor:pointer; height:50px; line-height:50px; margin-left:5px; text-align:center; width:50px } .patient-appointment-card .edit-appointment-form .form-actions .cancel-appointment-cancel:hover,.patient-appointment-card .cancel-appointment-form .form-actions .cancel-appointment-cancel:hover{ background-color:#f7f7f7 } #settings{ display:flex; flex-direction:column; overflow-y:hidden; position:relative } #settings .question-manage{ overflow-y:auto } #settings .settings-page__nav{ background-color:#f2f1ef; height:calc(100vh - 70px); padding:30px; position:absolute; top:70px; left:60px; bottom:0; width:300px } #settings .settings-page__nav h3{ border-bottom:1px solid #dadada; font-size:1rem; padding-bottom:10px } #settings .settings-page__nav .subhead{ color:#9f9d9d; font-size:.8125rem; margin-bottom:10px } #settings .settings-page__nav ul.secondary-nav{ list-style:none; margin:0; padding:0 } #settings .settings-page__nav ul.secondary-nav li.nav-item{ margin-bottom:10px } #settings .settings-page__nav ul.secondary-nav li.nav-item a{ background-color:#fff; border-radius:2px; color:#5f5f5d; font-size:.875rem; line-height:30px; padding:7px 10px } #settings .settings-page__nav ul.secondary-nav li.nav-item a:hover{ box-shadow:0 2px 15px rgba(0,0,0,.1); text-decoration:none } #settings .settings-page__banner{ background-color:#0e0e0e; padding:30px; position:fixed; height:200px; width:100% } #settings .settings-page__banner.list-page{ height:120px; margin-top:50px } #settings .settings-page__banner.section-page{ height:120px } #settings .settings-page__banner .settings-page__header{ color:#fff; position:relative; z-index:10 } #settings .settings-page__banner .settings-page__header .header__title{ position:relative } #settings .settings-page__banner .settings-page__header .header__title h1,#settings .settings-page__banner .settings-page__header .header__title h2,#settings .settings-page__banner .settings-page__header .header__title h3{ color:#fff } #settings .settings-page__banner .settings-page__header .header__title .counter{ background-color:rgba(0,0,0,.5); margin-top:12px } #settings .settings-page__banner .settings-page__header .header__filter-search input.input-with-icon{ background-color:rgba(0,0,0,.45); border:1px solid #dadada; border-radius:2px; color:#fff; height:45px; font-size:1rem; margin:0; padding:12px 20px 13px 35px; width:300px } #settings .settings-page__banner .settings-page__header .header__filter-search .input-icon{ color:#fff; top:14px } #settings .settings-page__banner .settings-page__header .header__actions{ margin-left:auto } #settings .settings-page__banner .settings-page__header .header__actions .button{ margin:0; margin-left:5px } #settings .settings-page__banner .banner-image{ background-image:url("/assets/media/banners/create-account.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:.5; position:absolute; top:0; bottom:0; left:0; right:0; z-index:5 } #settings .settings-page__banner .banner-image.app_help_modals{ background-image:url("/assets/media/banners/settings-app-help.jpg") } #settings .settings-page__banner .banner-image.billing{ background-image:url("/assets/media/banners/settings-billing.jpg") } #settings .settings-page__banner .banner-image.categories{ background-image:url("/assets/media/banners/settings-categories.jpg") } #settings .settings-page__banner .banner-image.compounds{ background-image:url("/assets/media/banners/settings-interview-section-medications-supplements.jpg") } #settings .settings-page__banner .banner-image.consents{ background-image:url("/assets/media/banners/settings-consents.jpg") } #settings .settings-page__banner .banner-image.customizations{ background-image:url("/assets/media/banners/settings-customizations.jpg") } #settings .settings-page__banner .banner-image.diagnoses{ background-image:url("/assets/media/banners/settings-customizations.jpg") } #settings .settings-page__banner .banner-image.equipment{ background-image:url("/assets/media/banners/settings-equipment.jpg") } #settings .settings-page__banner .banner-image.exams{ background-image:url("/assets/media/banners/settings-exams.jpg") } #settings .settings-page__banner .banner-image.interaction_types{ background-image:url("/assets/media/banners/settings-interaction-types.jpg") } #settings .settings-page__banner .banner-image.interactions{ background-image:url("/assets/media/banners/settings-interactions.jpg") } #settings .settings-page__banner .banner-image.interviews{ background-image:url("/assets/media/banners/settings-interviews.jpg") } #settings .settings-page__banner .banner-image.labs{ background-image:url("/assets/media/banners/settings-labs.jpg") } #settings .settings-page__banner .banner-image.messages{ background-image:url("/assets/media/banners/settings-messages.jpg") } #settings .settings-page__banner .banner-image.practice{ background-image:url("/assets/media/banners/settings-practice.jpg") } #settings .settings-page__banner .banner-image.procedures{ background-image:url("/assets/media/banners/settings-procedures.jpg") } #settings .settings-page__banner .banner-image.products{ background-image:url("/assets/media/banners/settings-products.jpg") } #settings .settings-page__banner .banner-image.programs{ background-image:url("/assets/media/banners/settings-programs.jpg") } #settings .settings-page__banner .banner-image.providers{ background-image:url("/assets/media/banners/settings-providers.jpg") } #settings .settings-page__banner .banner-image.rooms{ background-image:url("/assets/media/banners/settings-rooms.jpg") } #settings .settings-page__banner .banner-image.interview_scoring{ background-image:url("/assets/media/banners/settings-scoring.jpg") } #settings .settings-page__banner .banner-image.services{ background-image:url("/assets/media/banners/settings-services.jpg") } #settings .settings-page__banner .banner-image.supplies{ background-image:url("/assets/media/banners/settings-supplies.jpg") } #settings .settings-page__banner .banner-image.team{ background-image:url("/assets/media/banners/settings-team.jpg") } #settings .settings-page__banner .banner-image.treatments{ background-image:url("/assets/media/banners/settings-treatments.jpg") } #settings .settings-page__banner .banner-image.vendors{ background-image:url("/assets/media/banners/settings-vendors.jpg") } #settings .settings-page__header{ display:flex; flex-direction:row } #settings .settings-page__header .header__title{ align-items:flex-start; align-content:flex-start; display:flex } #settings .settings-page__header .header__title h1,#settings .settings-page__header .header__title h2,#settings .settings-page__header .header__title h3{ margin-bottom:0px } #settings .settings-page__header .header__subhead{ color:#9f9d9d; margin-bottom:25px; width:100% } #settings .settings-page__header .header__filter-search{ margin:0 10px 0 auto } #settings .settings-page__header .header__actions{ margin-left:auto; padding-left:30px } #settings .settings-page__content{ align-items:flex-start; display:flex; flex-direction:column; height:100vh; justify-content:flex-start; overflow-y:auto; padding:30px; width:100% } #settings .settings-page__content.list-view{ margin-top:120px } #settings .settings-page__content .settings-page__content-row{ margin-bottom:40px } #settings .settings-page__content .list{ display:flex; list-style:none; margin:0; padding:0; width:100% } #settings .settings-page__manage{ height:100%; padding-top:20px; overflow-y:auto; padding-bottom:150px } #settings .settings-page__manage label.inline-for-select{ background-color:#f7f7f7; color:#7e7d7b; flex-shrink:0; font-size:.75rem !important; font-weight:500; height:30px; line-height:30px; letter-spacing:-0.25px; margin-bottom:0; padding:0 15px } #settings .settings-page__manage .manage__form-column{ background-color:#fff; box-shadow:0 3px 20px rgba(0,0,0,.13); margin-bottom:20px; position:relative } #settings .settings-page__manage .manage__form-column.hidden{ border:2px solid #e7e7e7; box-shadow:none } #settings .settings-page__manage .manage__form-column.hidden .form-column__titlebar{ border-bottom:none } #settings .settings-page__manage .manage__form-column .back-button{ top:25px; left:-40px } #settings .settings-page__manage .manage__form-column .item-image-content-columns{ border-bottom:1px solid #e7e7e7 } #settings .settings-page__manage .manage__form-column .item-image-content-columns .item-image-column{ padding:30px 30px 0 30px; text-align:center } #settings .settings-page__manage .manage__form-column .item-image-content-columns .item-image-column h4{ border-bottom:1px solid #e7e7e7; font-size:.9375rem; margin-bottom:20px; padding-bottom:10px; text-align:left } #settings .settings-page__manage .manage__form-column .item-image-content-columns .item-image-column img{ margin-bottom:30px; max-width:100% } #settings .settings-page__manage .manage__form-column .item-image-content-columns .item-image-column .help-text{ color:#9f9d9d; font-size:.8125rem; text-align:left } #settings .settings-page__manage .manage__form-column .item-image-content-columns .stacked-info-column{ background-color:#f7f7f7; border-right:1px solid #e7e7e7; padding-right:0 } #settings .settings-page__manage .manage__form-column .form-column__content-row{ position:relative } #settings .settings-page__manage .manage__form-column .form-column__content-row.alt-bg{ background-color:#f7f7f7; box-shadow:inset 0px 10px 10px -10px rgba(0,0,0,.1) } #settings .settings-page__manage .manage__form-column .form-column__content-row.bordered{ border-bottom:1px solid #e7e7e7 } #settings .settings-page__manage .manage__form-column .form-column__content-row.title-section{ background-color:#fff; padding:20px 30px } #settings .settings-page__manage .manage__form-column .form-column__content-row .fields-title{ border-bottom:1px solid #e7e7e7; margin:5px 0 25px 0; padding-bottom:20px } #settings .settings-page__manage .manage__form-column .form-column__content-row .fields-title h2{ margin-bottom:0 } #settings .settings-page__manage .manage__form-column .form-column__content-row .fields-title h3{ font-size:1rem; margin-bottom:0 } #settings .settings-page__manage .manage__form-column .form-column__content-row .fields-title .subhead{ color:#9f9d9d; font-size:.875rem } #settings .settings-page__manage .manage__form-column .form-column__content-row.toggle-section{ display:none } #settings .settings-page__manage .manage__form-column .form-column__content-row.toggle-section.showing{ display:block } #settings .settings-page__manage .manage__form-column .form-column__content-row.options-section{ align-items:center; border-bottom:1px solid #e7e7e7; display:flex; flex-direction:row; flex-wrap:nowrap; padding:20px 30px } #settings .settings-page__manage .manage__form-column .form-column__content-row.options-section h4{ flex:0 0 auto; line-height:1; margin-bottom:0; margin-right:15px } #settings .settings-page__manage .manage__form-column .form-column__content-row.options-section .radio-checker{ margin-top:5px } #settings .settings-page__manage .manage__form-column .form-column__content-row.right-column{ padding-right:30% } #settings .settings-page__manage .manage__form-column .form-column__content-row .required-room{ display:none } #settings .settings-page__manage .manage__form-column .form-column__content-row .versions-content{ display:none } #settings .settings-page__manage .manage__form-column .form-column__content-row .versions-content.showing{ display:block } #settings .settings-page__manage .manage__form-column .form-column__content-row .version-cards{ padding:30px 30px 0 30px } #settings .settings-page__manage .manage__form-column .form-column__content-row .text-field{ padding:20px 30px } #settings .settings-page__manage .manage__form-column .form-column__content-row .checkbox-options{ padding-bottom:30px } #settings .settings-page__manage .manage__form-column .form-column__content-row .radio-checker label{ display:inline-block; float:left; margin-right:20px; width:auto } #settings .settings-page__manage .manage__form-column .form-column__content-row .color-theme-select{ position:relative } #settings .settings-page__manage .manage__form-column .form-column__content-row .color-theme-select .sumo_color_theme_id .CaptionCont{ padding-left:36px } #settings .settings-page__manage .manage__form-column .form-column__content-row .color-theme-select .sumo_color_theme_id .CaptionCont .search-txt{ padding-left:36px } #settings .settings-page__manage .manage__form-column .form-column__content-row .color-theme-select .color-theme-dot{ background-color:#f2f1ef; border-radius:10px; height:12px; position:absolute; top:45px; left:30px; width:12px; z-index:200 } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col{ flex:0 0 100%; padding:0 15px 20px 15px } @media only screen and (min-width: 770px){ #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col{ flex:0 0 33.333333% } } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col.charting{ flex:0 0 50% } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col.charting .version .version-items .version-items__title-bar .items-search-add{ flex:0 0 99% !important } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col.has-items{ flex:0 0 100% } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col.has-items .version{ display:flex; flex-direction:row } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col.has-items .version .version-info{ width:42% } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col.has-items .version .version-items{ border-left:1px solid #e7e7e7; flex:1 } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col.has-items .version .version-items .version-items__title-bar{ display:flex } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col.has-items .version .version-items .version-items__title-bar .items-title{ display:inline-flex !important; flex:0 0 40% !important } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col.has-items .version .version-items .version-items__title-bar .items-search-add{ justify-content:flex-end; flex:0 0 60% !important; margin-left:auto; text-align:right } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col.has-items .version .version-items table thead{ display:table-header-group !important } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col.has-items .version .version-items table thead tr th{ padding:7px 15px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card{ margin:0 } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version{ border:1px solid #e7e7e7; box-shadow:0px 5px 15px rgba(14,14,14,.1); min-width:200px; position:relative; width:100% } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .remove-version{ color:#bdbaba; cursor:pointer; font-size:.875rem; position:absolute; top:20px; right:15px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .remove-version:hover{ color:#ea6565 } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version input.no-style{ border:none; border-bottom:1px solid #e7e7e7; font-size:.875rem } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .name{ height:60px; min-height:60px; position:relative } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .name input,#settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .name textarea{ border:none; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; padding:30px 20px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .name textarea{ line-height:1.3; min-height:60px; padding:20px 40px 10px 15px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .content{ background-color:#f7f7f7; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7 } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .content textarea{ background-color:#f7f7f7; border:none; color:#434341; font-size:.875rem; min-height:80px; padding:15px 20px; width:100% } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .charting{ background-color:rgba(247,247,247,.5); border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; padding:10px 20px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .charting .redactor-box{ border:none; padding:0 } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .charting .redactor-box .redactor-toolbar{ padding:0 } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .charting .redactor-box .redactor-styles{ border:none; padding:10px 0 } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .cpt-code input,#settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .price input{ font-size:.875rem; padding-left:40px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .version-items .version-items__title-bar{ display:flex; height:60px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .version-items .version-items__title-bar .items-title{ display:none; flex:0; padding:0 15px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .version-items .version-items__title-bar .items-title h4{ font-size:.875rem; line-height:60px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .version-items .version-items__title-bar .items-search-add{ display:flex; flex:0 0 100%; padding:15px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .version-items table{ margin-bottom:0 } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .version-items table thead{ display:none } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .version-items table tbody tr td{ padding:8px 15px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .version-items table tbody .version-item-remover{ color:#bdbaba; cursor:pointer } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .version-items table tbody .version-item-remover:hover{ color:#ea6565 } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .add-item-row{ padding:10px 15px 20px 15px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .add-item-row label{ font-size:.8125rem } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .add-item-row .add-item-form .input-with-icon-holder input{ flex-grow:1; font-size:.8125rem; height:30px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .add-item-row .add-item-form .input-with-icon-holder .input-icon{ top:2px; left:12px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .add-item-row .add-item-form .input-with-icon-holder .input-icon i{ font-size:.875rem } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .add-item-row .add-item-form .button{ height:32px; line-height:2rem; margin:0; padding:0 10px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .add-item-row .results{ background-color:#fff; box-shadow:0px 3px 10px rgba(0,0,0,.1); position:absolute; bottom:32px; left:0; right:0 } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .add-item-row .results ul.result-list{ border:1px solid #49b5a8; font-size:.875rem; list-style:none; margin:0; padding:10px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .add-item-row .results ul.result-list:empty{ border:none; padding:0 } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .add-item-row .results ul.result-list li{ border-bottom:1px solid #e7e7e7; cursor:pointer; padding:7px 10px } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .add-item-row .results ul.result-list li:hover{ background-color:#f2f1ef } #settings .settings-page__manage .manage__form-column .form-column__content-row .card-col .card.version .add-item-row .results ul.result-list li:last-child{ border-bottom:none } #settings .settings-page__manage .manage__form-column .form-column__content-row .row{ margin-bottom:20px } #settings .settings-page__manage .manage__form-column .form-column__content-row .row:last-child{ margin-bottom:0px } #settings .settings-page__manage .manage__form-column .form-column__content-row#individual_units{ padding-top:20px } #settings .settings-page__manage .manage__form-column .form-column__content-row#individual_units h4{ font-size:.875rem } #settings .settings-page__manage .manage__form-column .form-column__content-row .group-items{ display:none } #settings .settings-page__manage .manage__form-column .form-column__content-row .group-items table,#settings .settings-page__manage .manage__form-column .form-column__content-row .invoice-items table{ margin-bottom:0 } #settings .settings-page__manage .manage__form-column .form-column__content-row .group-items table tbody td:first-child,#settings .settings-page__manage .manage__form-column .form-column__content-row .group-items table tbody th:first-child,#settings .settings-page__manage .manage__form-column .form-column__content-row .group-items table thead td:first-child,#settings .settings-page__manage .manage__form-column .form-column__content-row .group-items table thead th:first-child,#settings .settings-page__manage .manage__form-column .form-column__content-row .invoice-items table tbody td:first-child,#settings .settings-page__manage .manage__form-column .form-column__content-row .invoice-items table tbody th:first-child,#settings .settings-page__manage .manage__form-column .form-column__content-row .invoice-items table thead td:first-child,#settings .settings-page__manage .manage__form-column .form-column__content-row .invoice-items table thead th:first-child{ padding-left:30px } #settings .settings-page__manage .manage__form-column .form-column__content-row .group-items table tbody td:last-child,#settings .settings-page__manage .manage__form-column .form-column__content-row .group-items table tbody th:last-child,#settings .settings-page__manage .manage__form-column .form-column__content-row .group-items table thead td:last-child,#settings .settings-page__manage .manage__form-column .form-column__content-row .group-items table thead th:last-child,#settings .settings-page__manage .manage__form-column .form-column__content-row .invoice-items table tbody td:last-child,#settings .settings-page__manage .manage__form-column .form-column__content-row .invoice-items table tbody th:last-child,#settings .settings-page__manage .manage__form-column .form-column__content-row .invoice-items table thead td:last-child,#settings .settings-page__manage .manage__form-column .form-column__content-row .invoice-items table thead th:last-child{ padding-right:30px } #settings .settings-page__manage .manage__form-column .form-column__content-row .group-items table .group-item-remover,#settings .settings-page__manage .manage__form-column .form-column__content-row .invoice-items table .group-item-remover{ color:#9f9d9d; cursor:pointer } #settings .settings-page__manage .manage__form-column .form-column__content-row .group-items table .group-item-remover:hover,#settings .settings-page__manage .manage__form-column .form-column__content-row .invoice-items table .group-item-remover:hover{ color:#ea6565 } #settings .settings-page__manage .manage__form-column .form-column__content-row .interaction-total{ position:absolute; text-align:right; top:30px; right:30px } #settings .settings-page__manage .manage__form-column .form-column__content-row .interaction-total .interaction-total-cost-holder{ font-size:1.5rem; letter-spacing:-0.5px; margin-top:5px } #settings .settings-page__manage .manage__form-column .form-column__content-row .interaction-total .interaction-total-cost-holder .interaction-total-cost{ font-weight:500 } #settings .settings-page__manage .manage__form-column .form-column__content-row .toggle-holder{ margin-top:15px } #settings .settings-page__manage .manage__form-column .form-column__content-row .group-items.showing{ display:flex; flex-direction:column } #settings .settings-page__manage .manage__form-column .form-column__content-row label{ font-size:.875rem } #settings .settings-page__manage .manage__form-column .form-column__content-row .title-input{ border:none; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:2rem; padding:0 } #settings .settings-page__manage .manage__form-column .form-column__content-row .inline-fields{ display:flex; flex-direction:row; width:100% } #settings .settings-page__manage .manage__form-column .form-column__content-row .text-field label{ margin-bottom:0 } #settings .settings-page__manage .manage__form-column .form-column__content-row .text-field .redactor-box{ border:none; padding:none } #settings .settings-page__manage .manage__form-column .form-column__content-row .text-field .redactor-box .redactor-styles{ padding:10px 0 } #settings .settings-page__manage .manage__form-column .form-column__content-row .text-field textarea{ background-color:transparent; border:none; color:#434341; padding:5px 0; resize:none; overflow:hidden; min-height:30px } #settings .settings-page__manage .manage__form-column .form-column__content-row .text-field textarea.summary{ font-size:1.3125rem } #settings .settings-page__manage .manage__form-column .version-actions{ padding:10px 30px } #settings .settings-page__manage #non_group_items{ padding-bottom:20px } #settings .settings-page__manage .invoice-items{ padding-bottom:30px } #settings .settings-page__manage .group-items-list{ padding:20px 30px 0 30px } #settings .settings-page__manage .group-items-list:empty{ padding:0px } #settings .settings-page__manage .group-items-list .edit-item-inline{ margin-left:15px } #settings .settings-page__manage .group-items-list .number{ display:inline-flex; margin-right:5px } #settings .settings-page__manage .group-items-list .unit-name{ font-size:.75rem } #settings .settings-page__manage .group-items-total{ color:#262523; display:inline-block; float:right; font-size:.875rem; padding:5px 0; text-align:right } #settings .settings-page__manage .group-items-total .group-items-total-cost{ font-size:1rem; font-weight:600 } #settings .settings-page__manage .group-items-total .group-items-total-cost:before{ content:"$"; font-size:.825em; line-height:1.6; padding:0 1px 0 2px; vertical-align:top } #settings .settings-page__manage .group-items-list-footer tr td{ padding:15px 20px } #settings .settings-page__manage .group-items-list-footer .group-items-select-total{ display:flex; width:100% } #settings .settings-page__manage .group-items-list-footer .item-adder-holder{ display:flex; flex-shrink:0; width:35% } #settings .settings-page__manage .group-items-list-footer .item-adder-holder .SumoSelect>.CaptionCont{ font-size:.75rem; height:30px; line-height:28px; min-height:30px } #settings .settings-page__manage .group-items-list-footer .item-adder-holder .SumoSelect>.CaptionCont>span{ font-size:.8125rem } #settings .settings-page__manage .group-items-list-footer .item-adder-holder .SumoSelect>.CaptionCont>label>i:after{ height:20px; line-height:30px } #settings .settings-page__manage .group-items-list-footer .item-adder-holder .SumoSelect.open .search-txt{ height:30px } #settings .settings-page__manage .group-items-list-footer .item-adder-holder .SumoSelect.open>.optWrapper{ top:30px } #settings .settings-page__manage .group-items-list-footer .group-items-total{ margin-left:auto } #settings .settings-page__manage .manage__sidebar .actions-holder{ margin:15px 0 30px 0 } #settings .settings-page__manage .manage__sidebar .sidebar__content .content__titlebar{ background-color:#e7e7e7; margin:20px 0 10px 0; padding:15px } #settings .settings-page__manage .manage__sidebar .sidebar__content .content__titlebar h3{ color:#7e7d7b; font-size:.8125rem; line-height:1; margin-bottom:0 } #settings .settings-page__manage .manage__sidebar .sidebar__content fieldset .help-text{ background-color:#f2f1ef } #settings .settings-page__manage .manage__sidebar .sidebar__content .toggle-holder{ background-color:#fff; box-shadow:0px 3px 10px rgba(0,0,0,.1); width:100% } #settings .settings-page__manage .manage__sidebar .sidebar__content .current-image{ width:80% } #settings .settings-page__manage .manage__sidebar .sidebar__content .current-image img{ margin-bottom:15px; max-width:100% } #settings .settings-page__manage .manage__sidebar .sidebar__content .content__card-list{ margin-bottom:20px } #settings .settings-page__manage .manage__sidebar .sidebar__content .content__card-list ul{ background-color:#fff; box-shadow:0px 2px 7px rgba(0,0,0,.1); list-style:none; margin:0; padding:0 } #settings .settings-page__manage .manage__sidebar .sidebar__content .content__card-list ul li{ border-bottom:1px solid #e7e7e7; display:flex; font-size:.8125rem; line-height:30px; padding:5px 15px } #settings .settings-page__manage .manage__sidebar .sidebar__content .content__card-list ul li .code{ color:#9f9d9d; font-size:.75rem; margin-left:auto; text-align:right } #settings .settings-page__manage .manage__sidebar .sidebar__content .inline-search-block{ display:flex; margin-bottom:30px } #settings .settings-page__manage .manage__sidebar .sidebar__content .button{ margin-bottom:10px } #settings .settings-page__manage .settings-item-actions{ padding-top:10px; text-align:right } #settings .form-actions-bar{ background-color:rgba(255,255,255,.9); box-shadow:0px -5px 15px rgba(0,0,0,.1); padding-left:60px; position:fixed; bottom:0px; left:0px; right:0px; z-index:500 } #settings .form-actions-bar .container .col-10{ display:flex; flex-direction:row } #settings .form-actions-bar .container .col-10 .settings-item-actions{ margin-left:auto } #settings .form-actions-bar .button{ margin:15px 3px } #settings .cards{ display:flex; flex-wrap:wrap } #settings .card.settings{ flex:1 0 100%; box-sizing:border-box; margin:1rem .5rem 0 .5rem } @media screen and (min-width: 550px){ #settings .card.settings{ max-width:calc(50% - 1rem) } } @media screen and (min-width: 1025px){ #settings .card.settings{ max-width:calc(25% - 1rem) } } #settings .card.settings{ min-width:auto; position:relative } #settings .card.settings:hover{ box-shadow:0px 10px 40px rgba(0,0,0,.15); text-decoration:none } #settings .card.settings:hover .card__content i{ color:#49b5a8 } #settings .card.settings.disabled{ box-shadow:none } #settings .card.settings.disabled .card__image{ filter:grayscale(90%) } #settings .card.settings.disabled .card__content{ color:#bdbaba } #settings .card.settings.disabled .card__content h3{ color:#bdbaba } #settings .card.settings.disabled .card__content .description{ color:#bdbaba } #settings .card.settings .card__image{ background-color:#e7e7e7; background-position:center center; background-size:cover; background-repeat:no-repeat; display:flex; height:120px; width:100% } #settings .card.settings .card__image.app_help_modals{ background-image:url("/assets/media/banners/thumbs/settings-app-help.jpg") } #settings .card.settings .card__image.billing{ background-image:url("/assets/media/banners/thumbs/settings-billing.jpg") } #settings .card.settings .card__image.categories{ background-image:url("/assets/media/banners/thumbs/settings-categories.jpg") } #settings .card.settings .card__image.compounds{ background-image:url("/assets/media/banners/thumbs/settings-interview-section-medications-supplements.jpg") } #settings .card.settings .card__image.consents{ background-image:url("/assets/media/banners/thumbs/settings-consents.jpg") } #settings .card.settings .card__image.customizations{ background-image:url("/assets/media/banners/thumbs/settings-customizations.jpg") } #settings .card.settings .card__image.diagnoses{ background-image:url("/assets/media/banners/thumbs/settings-customizations.jpg") } #settings .card.settings .card__image.equipment{ background-image:url("/assets/media/banners/thumbs/settings-equipment.jpg") } #settings .card.settings .card__image.exams{ background-image:url("/assets/media/banners/thumbs/settings-exams.jpg") } #settings .card.settings .card__image.interaction_types{ background-image:url("/assets/media/banners/thumbs/settings-interaction-types.jpg") } #settings .card.settings .card__image.interactions{ background-image:url("/assets/media/banners/thumbs/settings-interactions.jpg") } #settings .card.settings .card__image.interviews{ background-image:url("/assets/media/banners/thumbs/settings-interviews.jpg") } #settings .card.settings .card__image.labs{ background-image:url("/assets/media/banners/thumbs/settings-labs.jpg") } #settings .card.settings .card__image.messages{ background-image:url("/assets/media/banners/thumbs/settings-messages.jpg") } #settings .card.settings .card__image.practice{ background-image:url("/assets/media/banners/thumbs/settings-practice.jpg") } #settings .card.settings .card__image.procedures{ background-image:url("/assets/media/banners/thumbs/settings-procedures.jpg") } #settings .card.settings .card__image.products{ background-image:url("/assets/media/banners/thumbs/settings-products.jpg") } #settings .card.settings .card__image.programs{ background-image:url("/assets/media/banners/thumbs/settings-programs.jpg") } #settings .card.settings .card__image.providers{ background-image:url("/assets/media/banners/thumbs/settings-providers.jpg") } #settings .card.settings .card__image.rooms{ background-image:url("/assets/media/banners/thumbs/settings-rooms.jpg") } #settings .card.settings .card__image.interview_scoring{ background-image:url("/assets/media/banners/thumbs/settings-scoring.jpg") } #settings .card.settings .card__image.services{ background-image:url("/assets/media/banners/thumbs/settings-services.jpg") } #settings .card.settings .card__image.supplies{ background-image:url("/assets/media/banners/thumbs/settings-supplies.jpg") } #settings .card.settings .card__image.team{ background-image:url("/assets/media/banners/thumbs/settings-team.jpg") } #settings .card.settings .card__image.treatments{ background-image:url("/assets/media/banners/thumbs/settings-treatments.jpg") } #settings .card.settings .card__image.vendors{ background-image:url("/assets/media/banners/thumbs/settings-vendors.jpg") } #settings .card.settings .card__content{ display:flex; flex-direction:column; position:relative } #settings .card.settings .card__content i{ color:#dadada; position:absolute; top:15px; right:15px; transition:color .1s ease-in-out } #settings .card.settings .card__content h3{ font-size:1rem; line-height:1.25rem; margin-bottom:3px } #settings .card.settings .card__content .description{ color:#9f9d9d; font-size:.875rem; margin-bottom:10px } #settings .card.settings .card__content .description p{ margin-bottom:5px } #settings .card.settings .card__content .alert-system{ border-top:1px solid #e7e7e7; color:#7e7d7b; font-size:.6875rem; letter-spacing:2px; margin:10px 0 5px 0; padding-top:7px; text-transform:uppercase } #settings .card.settings .card__content .alert-system .theme-dot{ height:8px; margin-right:10px; width:8px } #settings .card.settings .edit-interview{ background-color:rgba(0,0,0,.75); color:#fff; font-size:.8125rem; opacity:.7; padding:5px 10px; position:absolute; top:0px; right:0px } #settings .card.settings .edit-interview:hover{ background-color:#49b5a8; opacity:1 } #settings .interaction-item-cards{ display:flex; flex-wrap:wrap; padding:20px 10px 10px 10px } #settings .interaction-item-cards:empty{ padding:0px } #settings .card-col{ flex:0 0 100%; padding:0 15px 20px 15px; width:100% } @media only screen and (min-width: 770px){ #settings .card-col{ flex:0 0 33.333333% } } #settings .card-col .card.item{ border:1px solid #e7e7e7; box-shadow:0px 5px 10px rgba(14,14,14,.05); margin:0; min-width:200px; position:relative; width:100% } #settings .card-col .card.item .remove-interaction-item{ color:#bdbaba; cursor:pointer; font-size:.875rem; position:absolute; top:15px; right:15px } #settings .card-col .card.item .remove-interaction-item:hover{ color:#ea6565 } #settings .card-col .card.item .name{ display:flex; height:50px; min-height:50px; padding:12px 20px; position:relative } #settings .card-col .card.item .name h3{ flex:0 0 auto; font-size:.875rem; margin:0 } #settings .card-col .card.item .name .edit-item-inline{ font-size:.625rem; letter-spacing:1px; line-height:26px; margin-left:10px; text-transform:uppercase } #settings .card-col .card.item .content{ background-color:rgba(247,247,247,.7); border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; color:#5f5f5d; font-size:.8125rem; padding:10px 20px } #settings .card-col .card.item .content em{ color:#bdbaba } #settings .card-col .card.item .versions{ background-color:rgba(231,231,231,.7); border-top:1px solid #e7e7e7; display:flex; flex-direction:column; padding:15px 20px } #settings .card-col .card.item .versions label.version-label{ color:#7e7d7b; font-size:.75rem; letter-spacing:-0.25px } #settings .card-col .card.item .versions .sumo-select{ border:1px solid #dadada; height:40px; margin-top:10px; width:100% } #settings .card-col .card.item .versions .SumoSelect>.CaptionCont{ font-size:.75rem; height:30px; line-height:28px; min-height:30px } #settings .card-col .card.item .versions .SumoSelect>.CaptionCont>span{ font-size:.8125rem } #settings .card-col .card.item .versions .SumoSelect>.CaptionCont>label>i:after{ height:20px; line-height:30px } #settings .card-col .card.item .versions .SumoSelect.open .search-txt{ height:30px } #settings .card-col .card.item .versions .SumoSelect.open>.optWrapper{ top:30px } #settings .back-button{ border-radius:2px; color:#fff; height:28px; left:-50px; line-height:30px; position:absolute; text-align:center; top:9px; width:28px } #settings .back-button:hover{ background-color:#49b5a8; text-decoration:none } #settings .back-button i{ font-size:1.75rem } .content-frame{ margin-bottom:40px } .attributes{ color:#dadada; display:flex; line-height:18px } .attributes .attribute{ display:flex; padding:0 6px } .attributes .attribute.selected{ color:#49b5a8 } .attributes .attribute i{ font-size:1.125rem; margin-left:5px } .content-section{ padding:20px 30px } .content-section fieldset{ margin-bottom:15px } .theme-dot{ border-radius:10px; display:inline-flex; height:10px; margin-right:5px; width:10px } .selected-diagnosis{ color:#49b5a8; cursor:pointer } .interaction-questions-holder .interaction-questions .interaction-actions{ padding:15px 20px 0 20px } .interaction-consents.hidden{ display:none } .ui-accordion#sections{ margin-bottom:30px } .ui-accordion#sections .ui-accordion-content{ padding:15px 20px } .ui-accordion#sections .ui-accordion-content table{ margin-bottom:20px } .ui-accordion#sections .ui-accordion-header{ display:flex; flex-direction:row; padding:15px } .ui-accordion#sections .ui-accordion-header.ui-accordion-header-collapsed{ background:#fff } .ui-accordion#sections .ui-accordion-header.ui-accordion-header-active h3,.ui-accordion#sections .ui-accordion-header.ui-accordion-header-active .question-count{ color:#fff } .ui-accordion#sections .ui-accordion-header .ui-accordion-header-icon{ margin-top:3px } .ui-accordion#sections .ui-accordion-header h3{ font-size:.9375rem; flex:0 1 auto; margin-bottom:0; margin-left:5px } .ui-accordion#sections .ui-accordion-header .question-count{ color:#7e7d7b; font-size:.8125rem; line-height:1.5rem; margin-left:auto; margin-right:5px } .questions{ display:flex; flex-wrap:wrap; width:100% } .questions .add-section{ margin-top:15px } .card.question{ background-color:#fff; border:1px solid #e7e7e7; color:#262523; display:flex; flex-direction:row; flex:0 0 100%; margin-bottom:3px; padding:15px 15px } .card.question .question-content{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.9375rem } .card.question .type{ color:#9f9d9d; font-size:.8125rem; margin-left:auto } .provider-sidebar .id-me-overview .id-me-overview__header{ background-color:#303851; border-radius:3px; display:flex; padding:10px 15px 11px 20px; width:100% } .provider-sidebar .id-me-overview .id-me-overview__header .id-me-logo img{ height:20px } .provider-sidebar .id-me-overview .id-me-overview__header .verification-by{ color:#fff; font-size:.6875rem; margin-left:auto; margin-top:12px } .provider-sidebar .id-me-overview .id-me-overview__content{ color:#9f9d9d; font-size:.875rem; padding:15px } .provider-sidebar .id-me-overview .id-me-overview__content p{ margin-bottom:20px } .provider-sidebar .id-me-overview .id-me-overview__content .how-it-works{ color:#49b5a8; cursor:pointer } .provider-sidebar .id-me-help .id-me-help__banner{ background-color:#434341; background-image:url("/assets/partners/id_me/idme-help-banner.png"); background-repeat:no-repeat; background-size:cover; border-radius:3px; color:#fff; display:flex; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; height:80px; padding:10px 15px; vertical-align:bottom } .provider-sidebar .id-me-help .id-me-help__banner .banner-title{ display:inline-block; align-self:flex-end } .provider-sidebar .id-me-help .id-me-help__content{ color:#9f9d9d; font-size:.875rem; padding:15px } .id-me-verification-content .card__content{ color:#7e7d7b; padding:30px 30px 50px 30px } .id-me-verification-content .card__content h2{ margin-bottom:5px } .id-me-verification-content .card__content hr{ border-top:2px solid #e7e7e7; margin:30px 0 20px 0 } .id-me-verification-content .card__content .idme-step-banner{ margin-bottom:15px } .id-me-verification-content .card__content .col-4{ font-size:.875rem } .id-me-verification-content .card__content .col-4 .idme-step-banner img{ border-radius:3px; max-width:100% } .id-me-verification-content .card__content .col-4 h4{ margin-bottom:5px } .id-me-verification-content .card__content .col-4 p{ margin-bottom:20px } .id-me-verification-content .card__content .col-4 ul{ margin-top:0; padding-left:25px } .id-me-verification-content .card__content .col-4 ul li{ margin-bottom:5px } .id-me-verification-complete-content h1{ font-size:1.5rem; margin-bottom:5px } .id-me-verification-complete-content h4{ font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:1.125rem } .id-me-verification-complete-content p{ color:#7e7d7b; margin-bottom:20px } .verification-footer{ border-top:1px solid #e7e7e7; color:#7e7d7b; font-size:.875rem; margin-top:60px; padding-top:30px; text-align:center } .verification-footer ul.app-store-buttons{ list-style:none; margin:0 auto; padding:0 } .verification-footer ul.app-store-buttons li{ display:inline-block; margin:0 5px } .verification-footer p{ margin-bottom:20px } .provider-cards{ display:flex; flex-wrap:wrap } .members .tab-content-holder .person .actions .kebab-actions-menu{ margin-top:-5px; position:relative } .members .tab-content-holder .person .actions .kebab-actions-menu .kebab-toggle{ border:1px solid #fff; border-radius:5px; cursor:pointer; font-size:1rem; line-height:1; padding:5px 10px 4px 10px; position:relative } .members .tab-content-holder .person .actions .kebab-actions-menu .kebab-toggle:hover{ border:1px solid #dadada } .members .tab-content-holder .person .actions .kebab-actions-menu .kebab-toggle i{ font-size:1rem } .members .tab-content-holder .person .actions .kebab-actions-menu .kebab-menu{ background-color:#fff; box-shadow:0px 3px 5px rgba(0,0,0,.2); display:none; min-width:170px; padding:0; position:absolute; top:35px; right:0; z-index:250 } .members .tab-content-holder .person .actions .kebab-actions-menu .kebab-menu .kebab-menu-item{ border-bottom:1px solid #dadada; color:#262523; cursor:pointer; display:block; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:.75rem; padding:15px; text-decoration:none } .members .tab-content-holder .person .actions .kebab-actions-menu .kebab-menu .kebab-menu-item:hover{ background-color:#f2f1ef } .members .tab-content-holder .person .actions .kebab-actions-menu .kebab-menu .kebab-menu-item.danger{ color:#ea6565 } .members .tab-content-holder .person .actions .kebab-actions-menu .kebab-menu .kebab-menu-item a{ color:#262523 } .service-levels ul{ list-style:none; margin:0; margin-top:-10px; padding:0 } .service-levels ul li{ background-color:#f7f7f7; font-size:.875rem; border-radius:25px; display:inline-block; padding:5px 15px } body.account{ background-color:#fff; overflow-x:hidden } .response-holder{ display:flex; align-items:center; flex-direction:column; height:100vh; margin:0 auto; position:absolute; padding:2vh 4vw; width:100%; z-index:200 } .response-holder #thanks_message.hidden{ display:none } .response-holder #thanks_message.showing{ display:block } .response-holder .content-holder{ background-color:#fff; border-radius:3px; box-shadow:0px 10px 25px rgba(0,0,0,.35); padding-bottom:30px; position:relative; margin-top:0; max-width:800px; width:100% } .response-holder .content-holder.chart{ max-width:1000px } .response-holder .content-holder .content-padded{ padding:30px 40px } @media only screen and (min-width: 770px){ .response-holder .content-holder .content-padded{ padding:40px 50px 30px 50px } } .response-holder .content-holder .content-padded.hidden{ display:none } .response-holder .content-holder .content-padded.showing{ display:block } .response-holder .content-holder .patient-cards-section{ padding:10px 40px } @media only screen and (min-width: 770px){ .response-holder .content-holder .patient-cards-section{ padding:10px 50px 20px 50px } } .response-holder .content-holder .patient-cards-section.hidden{ display:none } .response-holder .content-holder .patient-cards-section h4{ font-size:.6875rem; letter-spacing:2px; margin-bottom:15px; margin-left:15px } .response-holder .content-holder .patient-cards-section .card.medication{ margin-bottom:15px; min-width:150px; position:relative } .response-holder .content-holder .patient-cards-section .card.medication .dynamic-item-remove{ border-radius:5px; color:#9f9d9d; cursor:pointer; font-size:.75rem; padding:5px 7px; position:absolute; top:5px; right:5px } .response-holder .content-holder .patient-cards-section .card.medication .dynamic-item-remove:hover{ background-color:#f7f7f7; color:#ea6565 } .response-holder .content-holder .patient-cards-section .card.medication .card__content h5{ font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:.9375rem; margin-bottom:0px } .response-holder .content-holder .patient-cards-section .card.medication .card__content summary{ color:#9f9d9d; font-size:.8125rem; display: block; } .response-holder .content-holder .item-adder-frame{ background-color:#f7f7f7; margin-top:30px; padding:30px 40px } @media only screen and (min-width: 770px){ .response-holder .content-holder .item-adder-frame{ padding:20px 50px } } .response-holder .content-holder .item-adder-frame h3{ font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.125rem; letter-spacing:0; margin-bottom:0px } .response-holder .content-holder .item-adder-frame .subhead{ margin-bottom:20px } .response-holder .content-holder .item-adder-frame fieldset label{ font-size:.875rem } .response-holder .content-holder .app-logo{ padding:40px 40px 0 40px } @media only screen and (min-width: 770px){ .response-holder .content-holder .app-logo{ padding:40px 50px 0 50px } } .response-holder .content-holder .app-logo img{ max-height:70px } @media only screen and (min-width: 770px){ .response-holder .content-holder .app-logo img{ max-height:90px } } .response-holder .content-holder h1{ font-family:"PT Serif",serif; font-size:1.75rem; font-weight:500; letter-spacing:-0.5px; line-height:2.25rem; margin-bottom:0 } @media only screen and (min-width: 770px){ .response-holder .content-holder h1{ font-size:2.25rem; font-weight:500; line-height:2.625rem } } .response-holder .content-holder h2{ font-family:"PT Serif",serif; font-size:1.5rem; font-weight:500; letter-spacing:-0.5px; line-height:2rem; margin-bottom:0 } @media only screen and (min-width: 770px){ .response-holder .content-holder h2{ font-size:1.75rem; line-height:2.25rem } } .response-holder .content-holder h3{ font-family:"PT Serif",serif; font-size:1.5rem; font-weight:500; letter-spacing:-0.5px; line-height:2rem; margin:10px 0 20px 0 } .response-holder .content-holder h4{ color:#9f9d9d; font-family:acumin-pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica",sans-serif; font-size:.75rem; letter-spacing:3px; margin-bottom:10px; text-transform:uppercase } @media only screen and (min-width: 770px){ .response-holder .content-holder h4{ font-size:.875rem } } .response-holder .content-holder .explanation{ color:#7e7d7b; margin:15px 0 } .response-holder .content-holder textarea{ background-color:#f7f7f7; border:transparent; color:#434341; font-size:1.125rem; margin-bottom:0; min-height:150px; padding:20px 40px } @media only screen and (min-width: 770px){ .response-holder .content-holder textarea{ font-size:1.3125rem; padding:25px 50px } } .response-holder .content-holder .child-question .content-padded{ padding-bottom:15px } .response-holder .content-holder .child-question h3{ font-family:"PT Serif",serif; font-size:1.3125rem; font-weight:500; letter-spacing:-0.5px; line-height:1.75rem; margin-bottom:0 } @media only screen and (min-width: 770px){ .response-holder .content-holder .child-question h3{ font-size:1.75rem; line-height:2.25rem } } .response-holder .content-holder .child-question .question-options{ padding:0 50px } .response-holder .content-holder .child-question .question-options textarea{ font-size:1.125rem !important; padding:20px } .response-holder .content-holder .question-options{ padding:0 40px } @media only screen and (min-width: 770px){ .response-holder .content-holder .question-options{ padding:0 50px } } .response-holder .content-holder .question-options .question-option{ display:inline-block; overflow:hidden; position:relative } .response-holder .content-holder .question-options .question-option input[type=radio],.response-holder .content-holder .question-options .question-option input[type=checkbox]{ position:absolute; opacity:0; height:0; top:-100px; left:-100px } .response-holder .content-holder .question-options .question-option input[type=radio]+label,.response-holder .content-holder .question-options .question-option input[type=checkbox]+label{ background:#fff; border:1px solid #9f9d9d; border-radius:3px; box-sizing:border-box; color:#7e7d7b; cursor:pointer; display:inline-block; font-family:"Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.125rem; line-height:1; margin-right:5px; padding:15px 30px; position:relative } .response-holder .content-holder .question-options .question-option input[type=radio]:checked+label,.response-holder .content-holder .question-options .question-option input[type=checkbox]:checked+label{ background:#48b5a8; color:#fff } .response-holder .content-holder .subhead{ color:#7e7d7b; font-size:.875rem; font-weight:400; margin-bottom:30px } @media only screen and (min-width: 770px){ .response-holder .content-holder .subhead{ font-size:1rem; margin-bottom:40px } } .response-holder .content-holder footer{ color:#9f9d9d; font-size:.875rem; line-height:1.3125rem; margin:60px 0 40px 0 } .response-holder footer{ color:#fff; font-size:.875rem; max-width:800px; opacity:.7; padding:20px 30px; width:100% } .response-holder footer.chart{ font-size:1rem; max-width:1000px } .response-holder footer p{ margin-bottom:20px } .response-holder footer .start-over{ color:#49b5a8; cursor:pointer } .page-background{ background-color:#262523; display:flex; align-items:center; justify-content:center; height:100vh; position:fixed; right:0; top:0; width:100vw; z-index:100 } .page-background .account-image{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; right:0; left:0; bottom:0 } .page-background .account-image.darkness{ opacity:.45 } /* ================================== // Modal for Terms of services and policy ================================== */ .modal-content-terms-policy { max-height: 30em !important; padding: 3em 3em 3em 3em !important; overflow: scroll; overflow-x: hidden; margin-bottom: 50px; margin-top: 50px; } .modal-content-terms-policy h2 { text-align: center; margin-top: -50px; } /* width */ .modal-content-terms-policy::-webkit-scrollbar { width: 10px; } /* Track */ .modal-content-terms-policy::-webkit-scrollbar-track { background: white; } /* Handle */ .modal-content-terms-policy::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; } @media only screen and (max-width: 887px) { .close-terms-n-policy { background-color: #41b5a8 !important; right: 60px !important; top: 0px !important; width: 45px !important; height: 45px !important; border-radius: 50%; } .close-icon-term-n-policy { margin-top: 10px; margin: 12px; display:inline-block; } } .mmm-lock-look { color: rgb(128, 128, 128); font-family: "Eina02-Regular"; font-size: .875rem; line-height: 60px; margin-right: 30px; cursor: pointer; } .mmm-locked-look { color: rgb(234, 101, 101, 1); font-family: "Eina02-Regular"; font-size: .875rem; line-height: 60px; margin-right: 30px; } .mmm-lock-look-unsignable { color: rgb(128, 128, 128); font-family: "Eina02-Regular"; font-size: .875rem; line-height: 60px; margin-right: 30px; } #gender { height: 3.7em; } /* Patients > Lab > Change Patient */ .change-patient-lookup { width: 100%; padding: 15px 0 !important; } .change-patient-search-title { background-color: rgb(247, 247, 247); font-size: 0.75rem; font-weight: 400; letter-spacing: 0.25px; text-transform: none; color: #5f5f5d; border-top: 1px solid rgb(218, 218, 218); height: 3em; line-height: 1.5; padding: 10px 0; } .change-live-search-input { border: none !important; } .change-patient-selector, .patient-selector { display: none; } .change-patient-close { margin-right: 10px; float: right; cursor: pointer; } /* Unknown Style */ .discount-modal-close { transform: translateY(10px); opacity: 1; color: #fff !important; position: absolute; cursor: pointer; top: -40px; right: -40px; backface-visibility: hidden; transition: opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1), transform 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition-delay: 0.1s; } /* Patients > Chart > Addendum */ .chart-notes .summary { color: #9f9d9d; font-size: .75rem; margin-top: 10px; } .chart-notes .content { font-size: .8125rem; line-height: 1.125rem !important; } .chart-notes .card__content { margin-bottom:15px; border-left: solid 3px #EA6565; } .add-new-addendum-form textarea { border-color: #e7e7e7; font-family: "Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; height: 135px; margin-bottom: 0; padding: 15px; overflow: hidden; overflow-wrap: break-word; resize: none; border-radius: 4px; } .add-new-addendum-form button { margin-top:15px; } .add-new-addendum-form { display: none; transition: all .3s ease-in-out; } #old_addendum { border-bottom: 1px solid #e7e7e7; } /* Patients > Manage */ .primary-address-titlebar, .change-password-titlebar { margin-top: 35px; border-top: 1px solid #e7e7e7; background-color: #f8f8f8; } .billing-address-titlebar { border-top: 1px solid #e7e7e7; margin-top:35px; padding-bottom:14px; background-color: #f8f8f8; } .billing-address-titlebar .set-as-primary { float:right; margin-left:10px; } .billing-address-titlebar h3 { float:left; padding-top: 5px; } .address-lookup-container { width:100%; border-bottom: 1px solid #e7e7e7; margin-bottom: 20px; padding: 10px 15px 20px 15px; } .address-lookup-container input { padding-left:40px; } .address-lookup-container .input-icon { top:38px; left: 27px; } /* Patients > Documents */ .doc-filter-tags { display: flex; background-color: #fff; border-radius: 20px; cursor: pointer; font-size: 0.875rem; margin-right: 10px; padding: 5px 20px 7px 20px; box-shadow: 0 2px 7px 0 rgba(0,0,0,.1); transition: all .2s ease-in-out; border: solid 0.15em #fff; } .doc-filter-tags:hover { box-shadow: 0px 6px 20px -2px rgba(0,0,0,.15); } .doc-filter-tags:hover > .color-dot { background-color: #2ec1b1; } .doc-filter-tags.active { box-shadow: 0px 6px 20px -2px rgba(0,0,0,.15); border-color: rgb(46, 193, 177,.45); } .doc-filter-tags.active > .color-dot { background-color: #2ec1b1; } .doc-filter-tags .color-dot { background-color: rgb(46, 193, 177,.65); border-radius: 50%; height: 10px; margin-right: 10px; margin-top: 6px; width: 10px; } .docs-td-color-dot { background-color: #00c4b1; border-radius: 50%; height: 10px; margin-right: 10px; margin-top: 11px; width: 10px; float: left; } .docs-td-color-dot.one { background-color: rgb(52, 137, 207,1); } .color-dot.one { background-color: rgb(52, 137, 207,.65); } .docs-td-color-dot.two { background-color: rgb(169, 124, 165,1); } .color-dot.two { background-color: rgb(169, 124, 165,.65); } .docs-td-color-dot.three { background-color: rgb(128, 215, 109,1); } .color-dot.three { background-color: rgb(128, 215, 109,.65); } .docs-td-color-dot.four { background-color: rgb(243, 63, 77,1); } .color-dot.four { background-color: rgb(243, 63, 77,.65); } .docs-td-color-dot.five { background-color: rgb(52, 137, 207,1); } .color-dot.five { background-color: rgb(52, 137, 207,.65); } .docs-td-color-dot.seven { background-color: rgb(232, 176, 99,1); } .color-dot.seven { background-color: rgb(232, 176, 99,.65); } .doc-filter-tags.active > .color-dot.one { background-color: rgb(52, 137, 207); } .doc-filter-tags:hover > .color-dot.one { background-color: rgb(52, 137, 207); } .doc-filter-tags.active > .color-dot.two { background-color: rgb(169, 124, 165); } .doc-filter-tags:hover > .color-dot.two { background-color: rgb(169, 124, 165); } .doc-filter-tags.active > .color-dot.three { background-color: rgb(128, 215, 109); } .doc-filter-tags:hover > .color-dot.three { background-color: rgb(128, 215, 109); } .doc-filter-tags.active > .color-dot.four { background-color: rgb(243, 63, 77); } .doc-filter-tags:hover > .color-dot.four { background-color: rgb(243, 63, 77); } .doc-filter-tags.active > .color-dot.five { background-color: rgb(52, 137, 207); } .doc-filter-tags:hover > .color-dot.five { background-color: rgb(52, 137, 207); } .doc-filter-tags.active > .color-dot.seven { background-color: rgb(232, 176, 99); } .doc-filter-tags:hover > .color-dot.seven { background-color: rgb(232, 176, 99); } .doc-filter-tags.active[data-docs-id="1"] { border-color:rgb(52, 137, 207,.45); } .doc-filter-tags.active[data-docs-id="2"] { border-color:rgb(169, 124, 165,.45); } .doc-filter-tags.active[data-docs-id="3"] { border-color:rgb(128, 215, 109,.45); } .doc-filter-tags.active[data-docs-id="4"] { border-color:rgb(243, 63, 77,.45); } .doc-filter-tags.active[data-docs-id="5"] { border-color:rgb(52, 137, 207,.45); } .doc-filter-tags.active[data-docs-id="7"] { border-color:rgb(232, 176, 99,.45); } /* Patients > Dashboard */ .docs-td-color-dot.signed { background-color: #a1b9b3; margin-top: 5px; } .docs-td-color-dot.review { background-color: rgb(232, 176, 99,1); margin-top: 5px; } .docs-td-color-dot.to-sign { background-color: rgb(128, 215, 109,1); margin-top: 5px; } .docs-td-color-dot.default { background-color: #a1b9b3; margin-top: 5px; } .dashboard table.table tbody tr td { border-bottom: none; padding: 13px 15px; } .status-color-dot.blue{ background-color:#588093; } .status-color-dot.brown{ background-color:#635d5e; } .status-color-dot.dark-green{ background-color:#66bc82; } .status-color-dot.dark-red{ background-color:#c6665e; } .status-color-dot.green{ background-color:#33a069; } .status-color-dot.green-brown{ background-color:#a1b9b3; } .status-color-dot.lavender{ background-color:#a97ca5; } .status-color-dot.magenta{ background-color:#df5b92; } .status-color-dot.orange{ background-color:#f5b065; } .status-color-dot.purple{ background-color:#433352; } .status-color-dot.red{ background-color:#f33f4d; } .status-color-dot.red-orange{ background-color:#d99a76; } .status-color-dot.teal{ background-color:#248a8a; } .status-color-dot.yellow{ background-color:#f5b065; } .secondary-nav-bar .nav-item.active a { border-bottom: solid 3px #41b6a8; color:#262523 !important; } .secondary-nav-bar .nav-item.active a:hover{ border-bottom: solid 3px #41b6a8; color:#262523; } .dashboard .upcoming-appointment { max-width: 800px; margin:auto auto 50px auto; } .patient-chart .card.patient-diagnosis { margin: 15px 20px !important; } .patient-chart .patient-diagnosis .assessment { color: #434341; font-family: "Eina02-SemiBold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: .8125rem; line-height: 1rem; } .patient-chart .patient-diagnosis .icd-code { color: #9f9d9d; font-size: .6875rem; margin-left: auto; text-align: right; } .patient-chart .patient-diagnosis .card__content { border-left: 3px solid #fff; border-radius: 0; display: flex; flex-direction: row; margin-bottom: 5px; padding: 12px 20px 12px 15px; position: relative; z-index: 5; } .card.upcoming-appointment { transition: all .2s ease-in-out; } .card.upcoming-appointment:hover { box-shadow: 0px 6px 20px -2px rgba(0,0,0,.15); } .card.upcoming-appointment .appointment:hover { cursor: pointer; } /* Patients > Dashboard > Graph Modal */ #patients_recent_graph { background-color: #f7f7f7; } #patients_recent_graph .modal-header { border-bottom: none; margin-bottom: 0; padding-bottom: auto; background-color: #303851; color: #fff; padding: 15px; } #patients_recent_graph .modal-header h3{ color: #fff; font-size: 0.985rem; line-height: 24px; } #patients_recent_graph .content-padded { padding: 25px; margin: 11px; background-color: #ffff; } /* Patients > Appointment Card */ .patient-appointment-card .abstract { border-top:solid 1px #e7e7e7; width:100%; } .patient-appointment-card .abstract .status-marker { position: relative; top: 0; left: 0; width: 0; height: 0; border-top: 10px solid #EA6565; border-right: 10px solid transparent; max-width:10px; } .patient-appointment-card .abstract .message { padding:0px 25px 15px; color: #434341; font-size: .8125rem; line-height: 1; } /* Patients > Chart */ .patient-assessment-chart-graph { max-width:100% !important;padding:25px; min-height:300px; } .edit-appointment-room-form { display: none; max-width: 205px; min-width: 205px; position: absolute; right: 52px; margin-top: -2px; } .appointment-room-title { display: block; float: right; margin-right: 10px; color: #434341; } .edit-appointment-room { float: right; position: relative; top: 3px; color:#bdbaba; } .edit-appointment-room:hover { cursor: pointer; } .edit-appointment-room-form .options li:first-child { display: none; } /* Patients > Left Profile Info */ .stat.patient-phone-numbers { padding: 0 !important; }