c_/* section - global */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url(/account/images/400.woff2) format('woff2'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url(/account/images/500.woff2) format('woff2'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url(/account/images/600.woff2) format('woff2'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url(/account/images/700.woff2) format('woff2'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url(/account/images/800.woff2) format('woff2'); } /* normalize.css w/ picnic.css tweaks v3.0.1 */ html {font-family: "Montserrat", sans-serif;-ms-texc_t-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em}mark{background:#ff0;color:#222}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}body,html{height:100%}body{color:#333;font-size:1.1em;line-height:1.5em;background:#FFF}h1{line-height:1.5em}h1,h2,h3,h4,h5,h6{margin:0;padding:.9em 0 .6em}li{margin:0 0 .3em}pre{text-align:left;border:rgba(0,0,0,.1);background:rgba(0,0,0,.05);padding:.3em}code{background:#EEE;padding:3px 5px;font-size:.8em}blockquote{padding:0 0 0 1em;margin:0 0 0 .1em;box-shadow:inset 5px 0 rgba(0,0,0,.3)}i[class*=" icon-"]:before,i[class^=icon-]:before{margin:0}input,textarea{line-height:1.5em;margin:.3em;padding:.3em .65em;border:1px solid #AAA;border-radius:.2em;transition:all .3s ease}input[type=color],input[type=file]{padding:.3em;cursor:pointer}.select select:focus,.select select:hover,input:focus,input:invalid:focus,input[type=color]:hover,input[type=file]:hover,textarea:focus{border-color:#7dbfbe;transition:all .3s ease}input:invalid,textarea:invalid{border-color:#FF851B;box-shadow:none}input:focus:invalid,textarea:focus:invalid{border-color:#FF4136}input[type=checkbox]:focus,input[type=radio]:focus,input[type=range]:focus{box-shadow:none;border-color:initial}.select{position:relative;display:inline-block;border:1px solid #AAA;border-radius:.2em}.select:after{padding:1.2% 0 0;background:#FFF;content:"\25BC";display:block;position:absolute;right:0;top:0;bottom:0;width:2.3em;pointer-events:none;font-size:.8em;line-height:2.3em;text-align:center;border-radius:.2em}.select select{padding:.23em 0 .23em .23em;background:0 0;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;min-width:10em;border-radius:.2em;cursor:pointer}.select select:-moz-focusring{color:transparent;text-shadow:0 0 0 #333}.select select option{padding:.2em .5em}.checkbox,.radio{position:relative;display:inline-block;min-width:1em;min-height:1.25em;line-height:1em;margin:.1em 0 -.1em;vertical-align:middle;cursor:pointer}.checkbox input+:before,.radio input+:before{content:"\2714";display:inline-block;font-size:.8em;width:.9em;height:.9em;line-height:.9em;margin:0 .48em 0 .375em;color:transparent;background:#FFF;border:1px solid #AAA}.checkbox input:focus+:before,.checkbox input:hover+:before,.radio input:focus+:before,.radio input:hover+:before{border-color:#7fdbff}.checkbox input,.radio input{opacity:0;position:absolute}.checkbox input+:before{border-radius:.2em;text-align:right}.checkbox input:checked+:before{color:#555}.radio input+:before{border-radius:100em}.radio input:checked+:before{box-shadow:inset 0 0 0 .2em #FFF,inset 0 0 0 100em #555}a,a:active,a:hover,a:visited{color:#3173A1;text-decoration:none}.button,.toggle input+*,a.button:visited,button,input[type=submit],input[type=button],input[type=image],input[type=reset]{user-select:none;border:none;box-sizing:content-box;display:inline-block;font-size:1em;height:1.5em;line-height:1.5em;text-decoration:none;background:#53B8EE;color:#FFF;border-radius:.2em;cursor:pointer;margin:.3em;padding:.3em .9em;transition:all .1s ease}.button:focus,.button:hover,.toggle input:focus+*,.toggle:hover input+*,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover,input[type=button]:focus,input[type=button]:hover,input[type=image]:focus,input[type=image]:hover,input[type=reset]:focus,input[type=reset]:hover{color:#FFF;transition:all .1s ease,box-shadow 0s ease;box-shadow:inset 0 0 0 100em rgba(0,0,0,.1)}.button:active,.toggle input:active+*,.toggle input:checked+*,button:active,input[type=submit]:active,input[type=button]:active,input[type=image]:active,input[type=reset]:active{box-shadow:inset 0 0 0 100em rgba(0,0,0,.3)}.toggle input{opacity:0;z-index:-10;position:absolute}.button.success,.button.success:visited,.toggle.success input+*,button.success,button.success:visited,input.success[type=submit],input.success[type=submit]:visited,input.success[type=button],input.success[type=button]:visited,input.success[type=image],input.success[type=image]:visited,input.success[type=reset],input.success[type=reset]:visited{background:#2ecc40}.button.warning,.toggle.warning input+*,a.button.warning:visited,button.warning,input.warning[type=submit],input.warning[type=button],input.warning[type=image],input.warning[type=reset]{background:#FF4136}.button.error,.toggle.error input+*,a.button.error:visited,button.error,input.error[type=submit],input.error[type=button],input.error[type=image],input.error[type=reset]{background:#FF4136}.button.toggle.dull input+*,a.button.dull:visited,button.dull,input.dull[type=submit],input.dull[type=button],input.dull[type=image],input.dull[type=reset]{background:#AAA}table{text-align:left}td,th{padding:.3em 2.4em .3em .6em}th{font-weight:900;color:#222;background-color:#fff}.success th{background-color:#2ecc40}.warning th{background-color:#FF851B}.error th{background-color:#FF4136}.dull th{background-color:#AAA}tr:nth-child(even){background:#F8F9FE;} *, :after, :before { font-family: "Montserrat", sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-size: 14pt; } pre { overflow: visible; white-space: pre-wrap; } table tr th { text-align: left; padding: 0.3em 0.6em; font-weight: 700; color: #222; background-clip: padding-box; } td { padding: 0.3em; } select { line-height: 1.5em; margin: .3em; padding: .3em .65em; border: 1px solid #aaa; border-radius: .2em; background-color: #fff; } /* match inputs from normalize.css */ input[type=text], input[type=password], textarea { background-color: #fff; } input[type=checkbox] { background-color: #fff; color: #333; } h1 { font-size: 20pt; font-weight: 800; position: relative; } h2 { font-size: 17pt; font-weight: 800; } .button, .toggle input+*, a.button:visited, button, input[type=submit], input[type=button], input[type=image], input[type=reset] { font-size: 14pt; font-weight: 600; } .btn-block { width: 100%; } p.instructions { font-size: 20pt; } div.related { font-size: 9pt; font-weight: bold; } div.related_alt { font-size: 9pt; font-weight: bold; display: inline-block; margin-left: 10px; } /* don't add overflow here - it will break sticky */ #content { background: #fff; padding: 50px 20px 50px 20px; min-height: 800px; max-width: 1800px; width: 100%; margin: 0 auto 0 auto; text-align: center; border-right: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #eee; border-radius: 0 0 8px 8px; position: relative; background-repeat: no-repeat; background-position: 10px 10px; } #footer { padding: 6px 0 16px 0; text-align: center; } #footer a { text-align: center; font-size: 11px; color: #aaa; } /* tabs */ #tabs { background-color: #F5F5F5; text-align: left; padding-right: 368px; position: fixed; margin: 0 auto; top: 0; left: 0; right: 0; width: 100%; z-index: 2000; display: block; max-width: 1800px; border-bottom: 1px solid #dbdbdb; font-size:0; line-height: 0; } #tabs a { color: #222; font-weight: 600; text-align: left; border: 4px solid transparent; padding: 5px 12px; overflow: hidden; font-size: 14px; line-height: 14px; height: 44px; text-decoration: none; white-space: nowrap; display: inline-block; } #tabs a span { margin-top: 6px; display: inline-block; } #tabs a:hover { border-bottom-color: #53B8ED; } #tabs #logout { text-align: right; width: 120px; height: 34px; position: absolute; top: 9px; right: 5px; color: #222; display: block; font-size: 12pt; line-height: 120%; } #tabs #logout a { text-decoration: none; display: inline; border: 0px; font-weight: 400; } #tabs #logout a:hover { border: 0px; text-decoration: underline; } #tabs #logout #dropdown_icon { top: 4px; left: 4px; vertical-align: middle; cursor: pointer; } #tabs #logo { display: inline-block; min-height: 44px; min-width: 46px; background-image: url(/account/images/logo_nav_2020_no_text.png); background-repeat: no-repeat; background-size: 100% ; margin-left: 10px;} #tabs #dropdown { background-color: #F5F5F5; position: absolute; top: 30px; right: 80px; color: #222; display: block; padding: 0px; z-index: 3; } #tabs #dropdown a, #tabs #dropdown a:hover, #tabs #dropdown b { background: #777; color: #fff; font-weight: bold; display: block; text-align: left; border-bottom: 1px solid #ccc; text-decoration: none; font-size: 12pt; line-height: 100%; margin: 0; padding: 8px; border: 0; border-bottom: 1px solid #aaa; height: auto; } #tabs #dropdown b { color: #7dbfbe; } /* magic to highlight tabs based on uri */ #content.c_admin #tabs .tab_admin, #content.c_company #tabs .tab_company, #content.c_clinician #tabs .tab_clinician, #content.c_game #tabs .tab_game, #content.c_sub_game #tabs .tab_sub_game, #content.c_subscription #tabs .tab_company, #content.c_user_assignment #tabs .tab_user, #content.c_user #tabs .tab_user, #content.c_user_wizard #tabs .tab_user, #content.c_token #tabs .tab_token, #content.c_token_assignment #tabs .tab_token_assignment, #content.c_xml_upload #tabs .tab_xml_upload, #content.c_report #tabs .tab_report, #content.c_export #tabs .tab_export, #content.c_report_him #tabs .tab_report, #content.c_report_him_summary #tabs .tab_report, #content.c_report_catt_summary #tabs .tab_report, #content.c_report_him_routine_time #tabs .tab_report, #content.c_report_download_code #tabs .tab_report, #content.c_report_him_usage #tabs .tab_reports, #content.c_playthrough_view #tabs .tab_playthrough, #content.c_playthrough #tabs .tab_playthrough, #content.c_soap_note #tabs .tab_soap_note, #content.c_support #tabs .tab_support, #content.c_qa #tabs .tab_qa, #content.c_qa_domain_scale #tabs .tab_qa, #content.c_qa_login_generator #tabs .tab_qa, #content.c_qa_routine_date_sub #tabs .tab_qa, #content.c_server_side_variable #tabs .tab_server_side_variable, #content.c_download_code #tabs .tab_download_code, #content.c_product #tabs .tab_product, #content.c_user_subscription #tabs .tab_user_subscription, #content.c_routine #tabs .tab_routine, #content.c_routine_him_v5 #tabs .tab_routine, #content.c_routine_assignment #tabs .tab_routine_assignment, #content.c_home_program #tabs .tab_home_program, #content.c_home_program_assignment #tabs .tab_home_program_assignment, #content.c_routine_progress #tabs .tab_routine_progress, #content.c_dictionary_variable #tabs .tab_dictionary_variable, #content.c_dashboard #tabs .tab_dashboard, #content.c_user_dashboard #tabs .tab_user_dashboard, #content.c_helpful_info #tabs .tab_helpful_info, #content.c_permission #tabs .tab_permission, #content.c_permission_apply #tabs .tab_permission_apply, #content.c_other #tabs .tab_other, #content.c_bulk_download #tabs .tab_bulk_download { border-bottom: 4px solid #3173A1; } /* tip box */ .tip_box { border: 1px dashed #ccc; border-radius: 5px; padding: 10px; margin: 20px auto 60px auto; width: auto; max-width: 520px; display: inline-block; color: #777; text-align: left; position: relative; } .tip_box:empty { display: none; } .tip_box li { text-align: left; margin-left: 22px; padding-right: 18px; } .tip_box li:empty { display: none; } .tip_code { margin-left: 10px; font-family: monospace; } .tip_box a.close { position: absolute; top: -4px; right: 4px; color: #777; text-decoration: none; } div.password_links { font-size: 8pt; text-decoration: none; margin-left: -104px; z-index: 2; display: inline-block; text-align: right; } div.password_links a { font-size: 8pt; text-decoration: none; } div.password_policy { font-size: 9pt; line-height: 10pt; width: 450px; margin-left: 10px; } /* error and success msg boxes */ div.error:empty, div.success:empty { display: none; } div.error, div.lm_error { background: #ffdde5; color: #FF4136; border: 2px solid #FF4136; display: block; width: 400px; border-radius: .2em; padding: 10px; margin: 10px auto; } div.error a, b.error a { color: #FF4136; } div.success, div.lm_success { background: #fff; color: #2ecc40; border: 2px solid #2ecc40; display: block; width: 400px; border-radius: .2em; padding: 10px; margin: 10px auto; z-index: 1000; } span.success, b.success { color: #2ecc40; } span.error, b.error { color: #FF4136; } div.lm_error, div.lm_success { text-align: center; } td.error { color: #FF4136; font-size: 0.7em; font-weight: bold; text-align: center; } /* validation error */ div.query { width: 90% !important; } input[name*=password].error { background-color: #ffdde5; } /* general classes */ .center { text-align: center; } .left { text-align: left; } .right { text-align: right; } .padded { padding: 20px; } .pull-left { float: left; } .pull-right { float: right; } .va_top { vertical-align: top; } .va_middle { vertical-align: middle; } .clearfix { overflow: auto; zoom: 1; } .hide { display: none; } .small { font-size: 12px; font-weight: normal; line-height: 120%; } .medium { font-size: 15px; line-height: 120%; } .label { text-align: left; font-weight: bold; } .bold { font-weight: bold; } .normal { font-weight: normal; } .bounding_box { border: 1px solid #CCC!important; border-radius: 5px!important; } input.wide { width: 300px; } input.narrow { width: 100px; } input.disabled, select.disabled, a.disabled { background-color: #aaa !important; pointer-events: none; cursor: default; } .selectize-dropdown { z-index: 101 !important; } /* links and shading */ a, a:visited { text-decoration: underline; } a:hover { text-decoration: none; } hr { height: 1px; border: 0; background: #CCC; margin: 20px 0 6px 0; } .qa_nav { font-size: 10pt; text-align: center; margin-top: 3px;} /* just used on qa pages */ .qa_nav .sel { font-weight: bold; } .shaded_blue { background: #7ABCDF; } .shaded_green { background: #B6FFBB; } .shaded_yellow { background: #FFFBB0; } .shaded_red { background: #FF6767; } .shaded_column { background: #B6FFBB; } .shaded { background: #F8F9FE; } .shaded_dark { background: #ccc; } .hp_action_plan { background-color: #80e5a2; } .hp_test { background-color: #E08485; } .hp_lesson { background-color: #E3BC6F; } .hp_routine { background-color: #7abcdf; } .hp_vestibular { background-color: #ad94f6; } .hp_redirect { background-color: #9c9ce6; } .unshaded, tr.unshaded, td.unshaded, table.unshaded tr { background: #fff; } /* random */ .m-bottom-5 { margin-bottom: 5px; } text.highcharts-credits { display: none; } #ui-datepicker-div { z-index: 1001!important; } div.date-picker-wrapper { z-index: 1001!important; } table.domain tr.subdomain { font-weight: bold; } .doubleScroll-scroll-wrapper { margin-top: -20px; } #sub_game_ajax_links { display: block; clear: both; } #sub_game_ajax_links a { font-size: 9pt; } span.beta { font-size: 12.6px !important; color:#3173A1 !important; font-style: italic !important; font-weight: 700 !important; } a.no_data, a.incomplete { color: #999; } select.lm_company_id { max-width: 450px; } a.link_to_post { cursor: pointer; } .fade_in { animation: fade_in ease 1s; } @keyframes fade_in { 0% { opacity: 0; } 100%{ opacity:1; }} label.my_toggle { border: 1px solid #CCC; border-radius: 5px; margin: 3px 6px; background: #fff; display: inline-block; overflow: hidden; position: relative; min-width: 100px; } label.my_toggle input { top: -20px; position: absolute; } label.my_toggle span { display: block; padding: 6px 10px; cursor: pointer; } label.my_toggle input:checked + span { background: #FF4136; color: #fff; } .caret { position: relative; width: 0; height: 0; display: inline-block; border: 10px solid transparent; margin-right: 5px; } .caret.down { top: 10px; border-top-color: white; } .caret.right { border-left-color: white; } .caret.up { border-bottom-color: white; } .caret.left { border-right-color: white; } .width_20 { width: 20%; } .width_40 { width: 40%; } .width_45 { width: 45%; } .width_50 { width: 50%; } .width_55 { width: 55%; } .width_60 { width: 60%; } /* form class for wizard */ table.form { margin: 0 auto; margin-bottom: 20px; } table.form tr { background: #dadada; } table.form tr.no_shade { background: #fff; } table.form td { border-right: 1px solid #fff; border-bottom: 1px solid #fff; } table.form tr td:first-child, table.lm_form tr td:first-child { text-align: left; } /* sticky, the 'top' is set in javascript */ .lm_add_search { position: sticky; background: #fff; z-index: 99; top: 0; } .sticky_1, .sticky_2, .sticky_3 { position: sticky; z-index: 99; top: 0; } /* modal */ .modal { display: none; position: fixed; z-index: 2000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal .modal-content { background-color: #fefefe; margin: 2% auto; padding: 20px; border: 1px solid #CCC; width: 500px; min-width: 500px; position: relative; } .modal .modal-content span.close { position: absolute; top: 15px; right: 15px; display: inline-block; color: #aaa; font-size: 28px; font-weight: bold; z-index: 2004; } .modal .modal-content span.close:hover { color: black; text-decoration: none; cursor: pointer; } /* type ahead */ .tt-dataset { background: #fff; padding: 6px; border: 1px solid #CCC; border-radius: 5px; text-align: left; } .typeahead, .tt-query, .tt-hint { padding: .3em .65em; outline: none; } .tt-suggestion { padding: .3em .65em; border-radius: .2em;} .tt-suggestion:hover { cursor: pointer; color: #fff; background-color: rgb(0, 116, 217); } .tt-suggestion.tt-cursor { color: #fff; background-color: rgb(0, 116, 217);} /* lm datagrid and company filter/search bar */ .lm_form_wrapper { border: 1px solid #ccc; border-radius: 5px; display: inline-block; padding: 20px; } table.lm_form { margin: 0 auto; width: 100%; } table.lm_form tr { background: #fff; } table.lm_form th { text-align: center; font-size: 17pt; font-weight: 600; } table.lm_form td, table.lm_form th, table.lm_grid td, table.lm_grid th, table.lm_add_search td, table.lm_pagination td { border: 1px solid #fff; padding: 0.3em; } table.lm_form tr:nth-child(n+1) td:nth-child(1) { width: 200px; max-width: 200px; min-width: 200px; vertical-align: top; text-align: right; line-height: 50px; } table.lm_form td:empty { border-bottom: 1px solid #eee; } table.lm_grid td { border: 1px solid #CCC; } table.lm_grid th { border-bottom: 1px solid #CCC; text-align: left; position: sticky; font-weight: 700; z-index: 100; } /* see js for top: */ table.lm_grid th a { color: #222; text-decoration: none; font-weight: 700; } table.lm_grid tr.lm_active, table.lm_grid > tr:hover, table.lm_grid > tbody > tr:hover { background: #D7EEFF; } div.lm_form_button_bar { position: fixed; bottom: 0; width: 100%; background: rgba(255,255,255, .8); text-align: center; z-index: 2; left: 0; margin: 0; padding: 10px; border-top: 1px solid #dbdbdb; } div.lm_success { border: 1px solid; border-radius: 0.2em; padding: 0.3em; margin: 0.6em auto; width: 280px; text-align: center; } div.lm_error { border: 1px solid; border-radius: 0.2em; padding: 0.3em; margin: 0.6em auto; width: 50%; text-align: center; } span.lm_validate_error { color: #FF4136; font-size: 0.7em; font-weight: bold; display: block; line-height: 1em; margin-left: 10px; } span.lm_validate_tip { color: #777; font-size: 0.7em; } span.required { color: red; font-weight: bold; padding: 0 4px; } input.lm_state, input.lm_country, input.lm_small { width: 80px; text-transform: uppercase; } input.lm_clinicians_max, input.lm_users_max { width: 200px; } select.lm_filter_company_id { width: 305px; } table.lm_add_search input[type=submit] { margin-top: 4px; } table.lm_pagination { margin: 0; } a.lm_grid_add_link { white-space: nowrap; } table.lm_form .readonly { background: #ddd; cursor: not-allowed; } .lm_add_search { position: sticky; background: #fff; z-index: 99; top: 0; /* sticky 'top' set in javascript */ } .lm_add_search { text-align: right; vertical-align: bottom; } .lm_add_search input[type=text] { width: 203px; } .lm_add_search a { text-decoration: none; } .lm_add_search_single_line div { display: inline-block; } /* session_warn */ #session_warn div.button_bar { text-align: right; margin-top: 12px; } #session_warn a.dull { background-color: #aaa; } /* section - page specific - keep alphabetical */ div#content.c_action_plan .color_g { background-color: #caf7cc; } div#content.c_action_plan .color_y { background-color: #f6f28d; } div#content.c_action_plan .color_r { background-color: #f3d1d0; } div#content.c_action_plan span.undo { color: #fff; font-weight: bold; font-size: 10pt; display: inline-block; background: #666; padding: 4px 12px; border-radius: 4px; margin: 5px 5px 0 0; } div#content.c_action_plan span.undo .undo_link { text-decoration: underline; cursor: pointer; } div#content.c_action_plan span.undo .undo_close { font-size: 20px; cursor: pointer; } div#content.c_action_plan table { width: 100%; border: 1px solid #CCC; } div#content.c_action_plan table tr { background: #fff; } div#content.c_action_plan td { padding: 6px; position: relative; } div#content.c_action_plan td.shaded { background: #F8F9FE; } div#content.c_action_plan td.drag_col { width: 25%; text-align: center; } div#content.c_action_plan .title { text-align: left; font-weight: bold; } div#content.c_action_plan .title_template { text-align: left; font-weight: bold; padding: 6px 0 0 6px; margin-top: -6px; background: #fff; } div#content.c_action_plan td.action_plan_name { padding-top: 2px; padding-bottom: 10px; } div#content.c_action_plan td.question { border: 1px solid #CCC; font-size: 80%; font-weight: bold; line-height: 120%; padding: 8px; vertical-align: top; } div#content.c_action_plan td.drag_cell { border: 1px solid #CCC; max-width: 248px; width: 248px; padding: 38px 0px 28px 0px; vertical-align: top; position: relative; } div#content.c_action_plan td.drag_cell select { position: absolute; top: 0; left: 0px; width: 100%; margin: 0 0 0 0; border-radius: 0; border: 0; } div#content.c_action_plan #save { float: right; } div#content.c_action_plan #save_and_finish { float: right; padding-left: 20px; padding-right: 20px; } div#content.c_action_plan #instructions { max-width: 1000px; margin: 0 20px 20px 20px; text-align: left; } div#content.c_action_plan action { display: block; width: 240px; color: #333; background: #fff; border: 2px solid #3173A1; font-size: 12px; line-height: 1.5em; text-decoration: none; vertical-align: middle; cursor: pointer; margin: 4px; padding: 3px 30px 3px 7px; border-radius: .2em; text-overflow: ellipsis; user-select: none; position: relative; text-align: left; z-index: 1; word-break: break-word; } div#content.c_action_plan action.sel { background: #53B8EE; color: #fff; border-color:#53B8EE; } /* was #3173A1 */ div#content.c_action_plan action days { position: absolute; right: 0; top: 0; color: #444; width: 30px; height: 100%; border-left: 1px solid #3173A1; border-top: 2px solid transparent; border-bottom: 2px solid transparent; line-height: 100%; text-align: center; font-size: 8pt; display: flex; justify-content: center; align-items: center; } div#content.c_action_plan action.sel days { border-left: 1px solid #71bdff; color: #fff; } div#content.c_action_plan action days:empty { display: none; } div#content.c_action_plan .modal .modal-content { width: 800px; min-width: 600px; } div#content.c_action_plan #popup textarea { width: 90%; margin: 0 auto; min-height: 50px; } div#content.c_action_plan #popup h2 { max-width: 320px; margin: 0 auto; } div#content.c_action_plan #popup #days_conditionally { text-align: center; margin-top: 13px; position: relative; padding: 0 60px; } div#content.c_action_plan #popup #days_conditionally b { position: absolute; top: 25%; left: 40px; } div#content.c_action_plan #popup #days_instructions { text-align: left; padding: 0 60px; } div#content.c_action_plan #popup #days_instructions a { display: inline-block; font-size: 11pt; font-weight: bold; } div#content.c_action_plan #popup #days_example { border: 1px solid #CCC; border-radius: 5px; padding: 10px; padding-bottom: 0; margin-top: 4px; } div#content.c_action_plan #popup #days_example p { font-size: 80%; } div#content.c_action_plan #popup #days_instructions a up { transform: rotate(-90deg); display: inline-block; margin-left: 2px; } div#content.c_action_plan #popup input[name=days] { width: 60px; } div#content.c_action_plan #popup input[name=cancel] { float: left; } div#content.c_action_plan #popup input[name=done] { float: right; } div#content.c_action_plan .link_bar { position: absolute; bottom: 0; left: 0px; text-align: center; width: 210px; } div#content.c_action_plan .link_bar a { font-size: 9pt; display: inline-block; padding-right: 5px; cursor: pointer; } div#content.c_action_plan .link_bar a.ecd { visibility: hidden; } div#content.c_action_plan .link_bar a.add { font-weight: bold; } div#content.c_action_plan #template { overflow: hidden; overflow-y: auto; max-height: 580px; padding-top: 30px; } div#content.c_action_plan #template .link_bar { position: absolute; top: 23px; left: 0; text-align: center; width: 210px; } div#content.c_action_plan_asthma { font-size: 15px; } div#content.c_action_plan_asthma .text_g { color: #00681f; } div#content.c_action_plan_asthma .text_y { color: #f8c80b; } div#content.c_action_plan_asthma .text_r { color: #c5113c; } div#content.c_action_plan_asthma span.undo { color: #fff; font-weight: bold; display: inline-block; background: #666; padding: 4px 12px; border-radius: 4px; } div#content.c_action_plan_asthma span.undo .undo_link { text-decoration: underline; cursor: pointer; } div#content.c_action_plan_asthma span.undo .undo_close { font-size: 20px; cursor: pointer; } div#content.c_action_plan_asthma #title_container { text-align: left; padding: 20px 0; } div#content.c_action_plan_asthma table { width: 100%; border: 1px solid #CCC; } div#content.c_action_plan_asthma table tr { background: #fff; } div#content.c_action_plan_asthma td { border: 1px solid #CCC; padding: 6px; position: relative; vertical-align: top; } div#content.c_action_plan_asthma td.shaded { background: #F8F9FE; } div#content.c_action_plan_asthma td u { display: block; } div#content.c_action_plan_asthma input[name=title] { font-weight: 700; color: #3173a1; } div#content.c_action_plan_asthma .title { text-align: left; font-weight: bold; } div#content.c_action_plan_asthma .title_template { text-align: left; font-weight: bold; padding: 6px 0 0 6px; margin-top: -6px; background: #fff; } div#content.c_action_plan_asthma td.question { border: 1px solid #CCC; font-weight: bold; line-height: 120%; padding: 8px; vertical-align: top; } div#content.c_action_plan_asthma td.drag_cell { padding-bottom: 30px; vertical-align: top; position: relative; } div#content.c_action_plan_asthma #button_bar { text-align: left; padding: 10px 0; } div#content.c_action_plan_asthma #save { float: right; } div#content.c_action_plan_asthma #save_and_finish { float: right; padding-left: 20px; padding-right: 20px; } div#content.c_action_plan_asthma #instructions { max-width: 1000px; margin: 0 20px 20px 0; text-align: left; } div#content.c_action_plan_asthma action { display: block; width: 240px; color: #333; background: #fff; border: 2px solid #3173A1; line-height: 1.5em; text-decoration: none; vertical-align: middle; cursor: pointer; margin: 4px; padding: 3px 30px 3px 7px; border-radius: .2em; text-overflow: ellipsis; user-select: none; position: relative; text-align: left; z-index: 1; word-break: break-word; } div#content.c_action_plan_asthma action.sel { background: #53B8EE; color: #fff; border-color:#53B8EE; } /* was #3173A1 */ div#content.c_action_plan_asthma action days { position: absolute; right: 0; top: 0; color: #444; width: 30px; height: 100%; border-left: 1px solid #3173A1; border-top: 2px solid transparent; border-bottom: 2px solid transparent; line-height: 100%; text-align: center; font-size: 8pt; display: flex; justify-content: center; align-items: center; } div#content.c_action_plan_asthma action.sel days { border-left: 1px solid #71bdff; color: #fff; } div#content.c_action_plan_asthma action days:empty { display: none; } div#content.c_action_plan_asthma .modal .modal-content { width: 600px; min-width: 600px; } div#content.c_action_plan_asthma #popup textarea { width: 90%; margin: 0 auto; min-height: 50px; } div#content.c_action_plan_asthma #popup h2 { max-width: 320px; margin: 0 auto; } div#content.c_action_plan_asthma #popup #days_conditionally { text-align: center; margin-top: 13px; position: relative; padding: 0 60px; } div#content.c_action_plan_asthma #popup #days_conditionally b { position: absolute; top: 25%; left: 40px; } div#content.c_action_plan_asthma #popup #days_instructions { text-align: left; padding: 0 60px; } div#content.c_action_plan_asthma #popup #days_instructions a { display: inline-block; font-size: 11pt; font-weight: bold; } div#content.c_action_plan_asthma #popup #days_example { border: 1px solid #CCC; border-radius: 5px; padding: 10px; padding-bottom: 0; margin-top: 4px; } div#content.c_action_plan_asthma #popup #days_example p { font-size: 80%; } div#content.c_action_plan_asthma #popup #days_instructions a up { transform: rotate(-90deg); display: inline-block; margin-left: 2px; } div#content.c_action_plan_asthma #popup input[name=days] { width: 60px; } div#content.c_action_plan_asthma #popup input[name=cancel] { float: left; } div#content.c_action_plan_asthma #popup input[name=done] { float: right; } div#content.c_action_plan_asthma .link_bar { position: absolute; bottom: 6px; left: 0px; text-align: center; width: 270px; height: 25px; z-index: 3; background: #fff; } div#content.c_action_plan_asthma .link_bar a { display: inline-block; padding-right: 5px; cursor: pointer; } div#content.c_action_plan_asthma .link_bar a.ecd { visibility: hidden; } div#content.c_action_plan_asthma .link_bar a.add { font-weight: bold; } div#content.c_action_plan_asthma #template { overflow: hidden; overflow-y: auto; min-width: 280px; width: 280px; max-height: 580px; padding-top: 25px; } div#content.c_action_plan_asthma #template .link_bar { position: absolute; top: 28px; left: 0; text-align: left; width: 270px; padding-left: 12px; padding-bottom: 8px; height: 20px; } div#content.c_build .lm_wrapper { position: relative; } div#content.c_build #lm .lm_grid tr td:nth-child(1) { width: 7%; } div#content.c_build #lm .lm_grid tr td:nth-child(2) { width: 20%; } div#content.c_build #lm .lm_grid tr td:nth-child(3) { width: 15%; } div#content.c_build #lm .lm_grid tr td:nth-child(4) { width: 50%; } div#content.c_build #lm .lm_grid tr td:nth-child(5) { width: 8%; } div#content.c_build #platform_list tr td:nth-child(1) { width: 45%; } div#content.c_build #platform_list tr td:nth-child(2) { width: 55%; } div#content.c_build .available_tags-wrapper { position: absolute; top: 6px; left: 220px; z-index: 999; } div#content.c_build .available_tags-wrapper.success_fix { top: 60px; } div#content.c_build .notification_wrapper { position: absolute; left: 50%; } div#content.c_build .another_wrapper { position: relative; left: -50%; } div#content.c_build .platform_links { margin: 0; padding: 0; } div#content.c_build .platform_links li { list-style-type: none; display: inline-block; margin: 0; } div#content.c_build .platform_links li:not(:first-child):before { content: "|"; padding: 0 4px; } div#content.c_build .platform_links li a { color: blue; text-align: center; } div#content.c_build .scroll_box { overflow-x: hidden; overflow-y: auto; } div#content.c_build #available_tags_form .scroll_box { max-height: 300px; } div#content.c_build #build_ajax .scroll_box { max-height: 200px; } div#content.c_build .content-editable { overflow-wrap: break-word; } div#content.c_build .selectize-control .selectize-dropdown.multi { background-color: #F5F5F5; } div#content.c_build .selectize-control .selectize-dropdown.multi .selectize-dropdown-content .option { display: inline-block; margin: 0 5px; background-color: #fff; border-radius: 5px; } div#content.c_build .selectize-control .selectize-dropdown.multi .selectize-dropdown-content .option:hover { color: #FFF; background-color: #AAA; cursor: pointer; } div#content.c_build .selectize-control .selectize-dropdown.multi .selectize-dropdown-content .create { height: 30px; line-height: 30px; padding: 2px 6px; } div#content.c_build table.lm_form { width: 500px; min-width: 500px; } div#content.c_build .error_wrapper { display: inline-block; padding: 0 4px; } div#content.c_build #tags_list { width: 100%; } div#content.c_build #tags_list tr td:first-child { width: 66%; border-right: none; } div#content.c_build #tags_list tr td:last-child { text-align: right; border-left: none; } div#content.c_build .font-normal { font-weight: normal; } div#content.c_build .links { font-weight: bold; text-decoration: none; margin: .3em; } div#content.c_build .delete_link { color: #EE8C83; } div#content.c_build .error { color: #FF4136; } div#content.c_build .lm_button.error { color: #FFF; } div#content.c_build .error:hover { box-shadow: inset 0 0 0 100em rgba(0,0,0,.1); } div#content.c_build .lm_success, div#content.c_build .lm_error { position: relative; z-index: 2026; width: 280px; top: -20px; } div#content.c_build #popup_info { z-index: 2025; } div#content.c_build #popup_info.modal .modal-content { width: auto; max-width: 650px; top: 40px; border-radius: 20px; } div#content.c_build #popup_info.modal .modal-content tr.set_height { height: 63px; } div#content.c_build #popup_info.modal .modal-content tr.set_height label { line-height: 20px; } div#content.c_build #popup_info.modal .modal-content .space_above > td { padding-top: 1em; } div#content.c_build #popup_info.modal .modal-content .larger_checkbox { width: 20px; height: 20px; } div#content.c_build .table, div#content.c_build input.form-control, div#content.c_build select.form-control, div#content.c_build textarea.form-control { width: 100%; } div#content.c_build .checkbox-inline, div#content.c_build .radio-inline { position: relative; display: inline-block; padding-left: 30px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } div#content.c_build .checkbox-inline input[type=checkbox], div#content.c_build .radio-inline input[type=radio] { position: absolute; margin-top: 4px; margin-left: -30px; } div#content.c_build .table-bordered tbody { border: 1px solid #ddd; } div#content.c_build div#content [contenteditable]:hover, [contenteditable]:focus { background: #FFFFD3; } div#content.c_build div#content [contenteditable]:focus { padding: 0 5px; } div#content.c_bulk_download a.show_hide { font-size: 80%; } div#content.c_bulk_download table.summary { margin: 0 auto; width: 800px; } div#content.c_bulk_download table.summary tr { background-color: #F8F9FE; } div#content.c_bulk_download table.summary tr.details td { font-size: 80%; padding-left: 20px; } div#content.c_bulk_download table.summary a.show_hide_row { font-size: 80%; } div#content.c_bulk_download table.summary { margin: 0 auto; width: 1000px } div#content.c_bulk_download table.summary tr.clickable_row { cursor: pointer; } div#content.c_bulk_download table.summary tr.details { cursor: pointer; } div#content.c_bulk_download button { margin-bottom: 23px; } div#content.c_bulk_download textarea { height: 100%; width: 100%; } div#content.c_bulk_download a.toggle_group { font-size: 14px; font-weight: normal; display: inline-block; position: absolute; right: 8px; bottom: 0px; } div#content.c_bulk_download a.toggle_ta { background-image: url(/account/images/split_screen.svg); background-repeat: no-repeat; background-size: contain; height: 30px; width: 30px; display: inline-block; position: absolute; right: 10px; } div#content.c_bulk_download a.toggle_ta.sel { background-image: url(/account/images/split_screen_right.svg); } div#content.c_bulk_download div.filter { text-align: left; position: relative; font-size: 14px; padding: 6px; } div#content.c_bulk_download div.filter a { font-size: 14px; } div#content.c_bulk_download div.filter i.cnt { font-size: 14px; font-weight: bold; color: #999; } div#content.c_bulk_download div.filter input[type=search] { font-size: 14px; width: 170px; position: absolute; right: 0px; top: 0px; } div#content.c_bulk_download div.filter input[type=search]::-webkit-search-cancel-button { -webkit-appearance:button; } div#content.c_bulk_download div.row-reverse { display: flex; flex-direction: row-reverse; justify-content: center; } div#content.c_bulk_download h1 { position: relative; } div#content.c_bulk_download h1 a { position: absolute; right: 10px; font-size: 14px; font-weight: normal; } div#content.c_bulk_download h3 { margin: 0; padding: 8px 0; position: relative; } div#content.c_bulk_download h3.ta { margin-top: 30px; } div#content.c_bulk_download form#company_plain div { text-align: right; } div#content.c_bulk_download div.row { display: flex; margin: 0 auto; max-width: 1110px; } div#content.c_bulk_download div.col:nth-child(1) { flex: 60%; } div#content.c_bulk_download div.col:nth-child(2) { flex: 40%; } div#content.c_bulk_download div.col:nth-child(2) { padding-left: 10px; } div#content.c_bulk_download label { display: block; background: #F8F9FE; padding: 6px; margin: 0 1px 1px 0; text-align: left; } div#content.c_bulk_download form#step_1 table { margin: 0 auto; } div#content.c_bulk_download form#step_1 input[type=date] { width: 200px; } div#content.c_bulk_download form#step_1 input[name=days] { width: 100px; } div#content.c_bulk_download form#step_2 h3 { text-align: left; } div#content.c_bulk_download form#history table { margin: 0 auto; } div#content.c_bulk_download form#history table tr:hover, div#content.c_bulk_download form#history table tr.sel { background: #D7EEFF; } div#content.c_bulk_download form#history table td { font-size: 80%; } div#content.c_bulk_download #popup div.modal-content { width: 800px; } div#content.c_bulk_download #popup div.modal-content table { width: 100%; } div#content.c_bulk_download div.block { margin: 0 auto; max-width: 1110px; } div#content.c_bulk_download div.block_title { text-align: left; padding: 8px; background: #ddd; position: relative; border-bottom: 1px solid #fff; cursor: pointer; } div#content.c_bulk_download div.block_title a { display: inline-block; position: absolute; right: 8px; } div#content.c_bulk_download div.block_title a { display: inline-block; position: absolute; right: 8px; } div#content.c_bulk_download div.block_title b.comma_title { position: absolute; right: 104px; display: none; } div#content.c_bulk_download div.col:nth-child(2) { padding-bottom: 16px; } div#content.c_case_manager h1 { position: relative; } div#content.c_case_manager div.username { font-weight: bold; font-size: 15pt; margin: -5px 0 20px 0; } div#content.c_case_manager div.username a { font-weight: bold; text-decoration: none; font-size: 18pt; } div#content.c_case_manager div.username a:hover { font-weight: bold; text-decoration: underline; } div#content.c_case_manager h1 a#report_him_individual_test_results { font-weight: normal; font-size: 9pt; line-height: 11pt; position: absolute; top: 50%; right: 5%; } div#content.c_case_manager select { min-width: 194px; } div#content.c_case_manager table.test_comparison { width: 100%; } div#content.c_case_manager table.test_comparison td { border-bottom: 1px solid #ddd; } div#content.c_case_manager table.test_comparison tr { background-color: transparent; } div#content.c_case_manager table.test_comparison tr.shaded { background-color: #F8F9FE; } div#content.c_case_manager .not_found { color: #666; font-size: 80%; text-align: center; } div#content.c_case_manager h2 { text-align: left; margin: 0 0 15px 0; padding: 0 0 0 0; position: relative; cursor: pointer; } div#content.c_case_manager h2 button { position: absolute; font-size: 10pt; top: -3px; right: 0px; } div#content.c_case_manager h2.game_stats { display: none; } div#content.c_case_manager div.loading { font-size: 80%; margin: 20px 0; text-align: center; } div#content.c_case_manager a.table_download { display: none; } div#content.c_case_manager .bounding_box { padding: 20px 20px 5px 20px; margin: 20px 0; overflow: hidden; } div#content.c_case_manager .bounding_box > div { margin-bottom: 20px; } div#content.c_case_manager .bounding_box table th, div#content.c_case_manager .bounding_box table td { font-size: 15px; line-height: 17px; } div#content.c_case_manager .vertical_limit { overflow: auto; max-height: 270px; text-align: left; } div#content.c_case_manager .vertical_limit table { width: 100%; } div#content.c_case_manager .vertical_limit table tr td:first-child { width: 2%; } div#content.c_case_manager .vertical_limit table tr td:first-child { width: 2%; } div#content.c_case_manager .vertical_limit table tr td:nth-child(n+3) { width: 300px; } div#content.c_case_manager .cm_border td { border: 1px solid #dbdbdb; } div#content.c_case_manager .cm_border th { padding: .3em; } div#content.c_case_manager table.time_in_routine { width: 100%; } div#content.c_case_manager #flexbox_top table.tests_comparison { width: 100%; } div#content.c_case_manager #flexbox_top table th { padding: .3em; } div#content.c_case_manager #flexbox_top td.icon { width: 1%; } div#content.c_case_manager #flexbox_top td.icon span { margin-bottom: -6px; } div#content.c_case_manager #flexbox_top td.game { padding: 6px; } div#content.c_case_manager #flexbox_top input[type=text] { width: 140px; } div#content.c_case_manager #flexbox_top input[name=days] { width: 70px; } div#content.c_case_manager #flexbox_top input.filter_button { display: block; margin: 10px auto; } div#content.c_case_manager h1 div { font-size:80%; font-weight: normal; } div#content.c_case_manager #flexbox_top { display: flex; justify-content: center; } div#content.c_case_manager .flexbox_top_item { border: 1px solid #dbdbdb; border-radius: 4px; margin: 0 5px 3px 0; padding: 22px; text-align: left; background-color: #F8F9FE; } div#content.c_case_manager .flexbox_top_item tr.unshaded { background-color: #F8F9FE; } div#content.c_case_manager .flexbox_top_item th { background-color: #F8F9FE; } div#content.c_case_manager .flexbox_top_item:empty { display: none; } div#content.c_case_manager #general_info { margin: 5px 15px 0 auto; max-width: 550px; } div#content.c_case_manager #general_info div { padding: 10px 0 10px 10px; text-align: left; white-space: nowrap; } div#content.c_case_manager #general_info div.col_full { padding: 10px 0 10px 10px; text-align: left; } div#content.c_case_manager #general_info_and_recent_left { vertical-align: top; padding-top: 0; padding-right: 0; } div#content.c_case_manager #general_info_and_recent_right { vertical-align: top; padding-top: 0; padding-left: 20px; border-left: 1px solid #dbdbdb; } div#content.c_case_manager #reported_health_events { text-align: left; border-top: 1px solid #dbdbdb; margin-top: 10px; padding: 17px 0 7px 5px; display: block; } div#content.c_case_manager #reported_health_events span { display: inline-block; margin: 0 10px 0 10px; white-space: nowrap; color: #e5614b; text-decoration: none; cursor: pointer; } div#content.c_case_manager #reported_health_events div#content.c_case_manager #recent { margin: -4px 0 5px 0; } div#content.c_case_manager #recent th { padding-left: 0; padding-top: 0px; } div#content.c_case_manager #recent tr.shaded:hover { background: #3173A1; } div#content.c_case_manager #recent a { display: block; color: #222; text-decoration: none; } div#content.c_case_manager #recent a:hover { color: #fff; } div#content.c_case_manager #recent tr.shaded:hover a { color: #fff; } div#content.c_case_manager #recent td { vertical-align: top; border-bottom: 1px solid #fff; padding: 8px; } div#content.c_case_manager table.date_filter td { padding: 2px; } div#content.c_case_manager #pdf_download { font-size: 10pt; font-weight: bold; text-align: center; padding: 8px; } div#content.c_case_manager iframe { width: 100%; overflow:hidden; height: 500px; border: 0; margin-bottom: 200px; } div#content.c_case_manager table.health_diary { width: 100%; } div#content.c_case_manager table.health_diary td { border: 1px solid #CCC; } div#content.c_case_manager #notes_section { padding-bottom: 10px; } div#content.c_case_manager #notes_section table { width: 100%; position: relative; } div#content.c_case_manager #notes_section table td { padding: 0; } div#content.c_case_manager #notes_section table td:first-child { width: 95%; padding-top: 10px; } div#content.c_case_manager #notes_section div#note_form { text-align: left; padding: 0 155px 0 0; margin: 0 0 -12px 0; position: relative; } div#content.c_case_manager #notes_section textarea { width: 100%; resize: none; margin-bottom: 8px; } div#content.c_case_manager #notes_section input#note_insert { width: 100px; height: 55px; position: absolute; top: 0px; right: 0px; display: block; margin-bottom: 0px; } div#content.c_case_manager #notes_section div.note_item { text-align: left; border: 1px solid #CCC; border-radius: 5px; padding: 10px 110px 10px 10px; margin: 10px 0 0 4px; position: relative; } div#content.c_case_manager #notes_section div.note_item:hover { background: #eee; } div#content.c_case_manager #notes_section .note_created_at { font-weight: bold; font-size: 80%; color: #777; } div#content.c_case_manager #notes_section input.note_delete { position: absolute; top: 18px; right: 18px; font-size: 10pt; } div#content.c_case_manager #notes_section input.note_insert { width: 150px; height: 70px; } div#content.c_case_manager span.note_msg { display: block; position: absolute; top: -20px; left: 10px; } div#content.c_case_manager span#note_count, div#content.c_case_manager span#diary_count { font-size: 14px; color: #777; } div#content.c_case_manager .show_on_home_program { display: none; } /* inside activity assignment, link hide */ div#content.c_case_manager table.health_diary { width: 100%; margin-bottom: 20px; table-layout:fixed; font-size: 10pt; line-height: 12pt; font-family: sans-serif; } div#content.c_case_manager table.health_diary th:first-child { white-space: nowrap; min-width: 80px; line-height: 12pt; } div#content.c_case_manager table.health_diary td { border: 1px solid #CCC; vertical-align: top; text-align: left; overflow-wrap: break-word; word-break: break-all; } div#content.c_case_manager table.health_diary_smoking_oxygen td:nth-child(1) { width: 50%; background: #fff; text-align: right; padding-right: 5%; } div#content.c_case_manager table.health_diary_smoking_oxygen td:nth-child(2) { width: 50%; background: #fff; text-align: left; padding-left: 5%; } div#content.c_case_manager table.health_diary_reported_health_events td:last-child, div#content.c_case_manager table.health_diary_diary_entries td:last-child { word-break: break-word; max-width: 600px; text-align: left; } div#content.c_case_manager table.health_diary_health_profile td { border: 1px solid #CCC; background: #fff; } div#content.c_case_manager b.health_diary_health_profile_title { display: block; text-align: left; } div#content.c_case_manager div.health_diary_reported_health_events_filter { font-size: 9pt; text-align: left; margin: -13px 0 10px 10px; } div#content.c_case_manager div.health_diary_reported_health_events_filter a { color: #FF4136; } div#content.c_case_manager div.health_diary_reported_health_events_filter a.sel { color: #333; text-decoration: none; } div#content.c_case_manager table.health_diary_medication td { overflow-wrap: break-word } div#content.c_case_manager tr.hidden_medication_link a { font-size: 9pt; float: right; } div#content.c_case_manager table.health_diary_medication td:nth-child(7), div#content.c_case_manager table.health_diary_medication td:nth-child(8) { white-space: nowrap; overflow-wrap: normal; } div#content.c_case_manager table#health_diary_reported_health_events th[role=columnheader]:not(.no-sort) { cursor: pointer; } div#content.c_case_manager table#health_diary_reported_health_events th[role=columnheader]:not(.no-sort):after { content: ''; float: right; margin-top: 7px; border-width: 0 4px 4px; border-style: solid; border-color: #fff transparent; visibility: hidden; opacity: 0; user-select: none; } div#content.c_case_manager table#health_diary_reported_health_events th[aria-sort=ascending]:not(.no-sort):after { border-bottom: none; border-width: 4px 4px 0; } div#content.c_case_manager table#health_diary_reported_health_events th[aria-sort]:not(.no-sort):after { visibility: visible; opacity: 0.4; } div#content.c_case_manager table#health_diary_reported_health_events th[role=columnheader]:not(.no-sort):hover:after { visibility: visible; opacity: 1; } div#content.c_case_manager #peak_flow { margin-top: -3px; } div#content.c_case_manager #peak_flow span { color: #3173A1; background-color: #fff; display: inline-block; border: 1px solid #3173A1; border-radius: 8px; padding: 5px 8px; margin-left: 3px; cursor: pointer; font-weight: bold; } div#content.c_case_manager #peak_flow span i { font-style: normal; color: #999; font-size: 80%; } div#content.c_case_manager #popup_peak_flow h2 { text-align: center; } div#content.c_case_manager #popup_peak_flow .button_bar { margin-top: 10px; } div#content.c_case_manager #lesson { display: inline-block; } div#content.c_case_manager #lesson a.lesson_link { color: #333; text-decoration: underline; } div#content.c_case_manager #lesson table.him_results_table_lesson { margin: 0; width: 100%; } div#content.c_case_manager #lesson table.him_results_table_lesson th { position: relative; border-bottom: 1px solid #DBDBDB; } div#content.c_case_manager #lesson table.him_results_table_lesson td { border: 1px solid #CCC; padding: 8px; } div#content.c_case_manager #lesson table.him_results_table_lesson td a.show_hide { display: block; } div#content.c_case_manager #lesson table.him_results_table_lesson tr.title_row { border-top: 2px solid #CCC; } div#content.c_case_manager table#history { margin: 0 auto; width: 100%; } div#content.c_case_manager table#history h2 { margin: 15px; } div#content.c_clinician_user .assign_user { padding: 12px 10px 8px 10px; border-radius: .2em; margin-bottom: 10px; background: pink; border: 1px solid pink; max-width: 190px; text-align: center; position: relative; cursor: move; } div#content.c_clinician_user .assign_user_selected { border: 1px solid black; } div#content.c_clinician_user .assign_clinician { padding: 10px; border-radius: .2em; margin-bottom: 10px; background: #fff; } div#content.c_clinician_user .assign_user_box { max-width: 413px; background: #ddd; border-radius: .2em; margin: 5px; padding: 10px 0px 0 10px; margin: 10px auto 0 auto; min-height: 66px; text-align: left; } div#content.c_clinician_user .assign_user_box .assign_user { display: inline-block; margin-right: 10px; width: 190px; } div#content.c_clinician_user .assign_clinician_box { width: 210px; background: #ddd; float: left; border-radius: .2em; margin: 5px; padding: 10px 10px 0 10px; margin: 10px 10px 0 10px; } div#content.c_clinician_user table.clinician_user { width: 100%; } div#content.c_clinician_user table.clinician_user td:nth-child(1) { width: 50%; text-align: center; } div#content.c_clinician_user table.clinician_user td:nth-child(2) { width: 50%; text-align: center; } div#content.c_clinician_user table.clinician_user .tip_box { max-width: 413px; margin-bottom: -4px; margin-top: 20px; } div#content.c_clinician_user table.clinician_user .tip_box_bottom a { display: none; } div#content.c_clinician_user active { position: absolute; font-size: 8pt; top: -4px; right: 6px; cursor: default; text-transform: capitalize; } div#content.c_clinician_user active:hover { text-decoration: underline; } div#content.c_company table.lm_form tr:nth-child(7) td, div#content.c_company table.lm_form tr:nth-child(14) td, div#content.c_company table.lm_form tr:nth-child(18) td, div#content.c_company table.lm_form tr:nth-child(19) td { border-bottom: 1px solid #ccc; padding-bottom: 20px; } div#content.c_company table.lm_form tr:nth-child(8) td, div#content.c_company table.lm_form tr:nth-child(15) td, div#content.c_company table.lm_form tr:nth-child(19) td, div#content.c_company table.lm_form tr:nth-child(20) td { padding-top: 20px; } div#content.c_company textarea { max-width: 478px; height: 80px; } div#content.c_company input[type=file] { width: 478px; } div#content.c_company table.lm_form tr:nth-child(n+1) td:nth-child(1) { width: 300px; max-width: 300px; min-width: 300px; } div#content.c_download_code .lm_grid td:nth-child(5) { width: 10%; } div#content.c_download_code .lm_download_code { width: 332px; } div#content.c_download_code table.lm_form { max-width: 1000px; } div#content.c_download_code table.product_control td { font-size: 90%; text-align: left; border: 0; border-bottom: 1px solid #999; vertical-align: top; } div#content.c_download_code table.product_control thead td { text-align: center; font-weight: bold; } div#content.c_download_code table.product_control select { width: 420px; } div#content.c_download_code table.product_control select[name='routine_id_1[]'] { width: 410px; } div#content.c_download_code #download_code_error:empty { display: none; } div#content.c_download_code select[name=clinician_id] { width: 470px; } div#content.c_download_code input[name=description] { width: 470px; } div#content.c_download_code select[name=permission_id] { width: 97%; } div#content.c_export table { min-width: 400px; } div#content.c_export textarea { width: 100%; max-height: 400px; } div#content.c_export h1 { padding-bottom: 0; } div#content.c_export table#datatype_search_box { margin: 20px 0 0 auto; } div#content.c_export table#datatype_search_box td { padding: 0px; } div#content.c_export a.export_sel, div#content.c_export a.export_sel:hover, div#content.c_export a.export_sel:active, div#content.c_export a.export_sel:visited { color: black; text-decoration: none; } div#content.c_export a.export_sel:after { color: black; content:' ✔'; } div#content.c_export select.lm_sub_game_id { width: 70%; margin: 0 auto 10px auto; } div#content.c_export table.summary { max-width: 600px; margin:0 auto 20px auto; } div#content.c_export table td { border: 1px solid #fff; } div#content.c_export table.summary div.overflow { overflow: auto; max-height: 300px; } div#content.c_export table.export_previous div { overflow: auto; max-height: 100px; } div#content.c_export table.export_previous { margin-bottom: 20px } div#content.c_export a#export_previous { float: right; } div#content.c_fall h2 { line-height: 120%; text-align: center; margin-top: -20px; margin-bottom: 20px; position: relative; } div#content.c_fall table.fall { min-width: 400px; max-width: 600px; } div#content.c_fall table.fall td { border: 1px solid #fff; word-wrap: break-word; word-break: break-all; } div#content.c_fall table.fall td.label { width: 25%; vertical-align: top; } div#content.c_fall .side_menu { width: 180px; padding-top: 100px; text-align: left; padding-right: 22px; } div#content.c_fall .side_menu a { display: block; clear: both; padding: 0; font-size: 90%; text-align: center; } div#content.c_fall .side_menu a.sel { background: #ddd; font-weight: bold; text-decoration: none; } div#content.c_fall .side_menu a.download_all { font-size: 9pt; line-height: 120%; margin: 6px 0; text-align: center; } div#content.c_graph .parameter_box { text-align: left; } div#content.c_graph .game_link { font-size: 120%; color: #222;} div#content.c_graph #graph_selector { width: 100%; margin-bottom: 10px; } div#content.c_graph #graph_selector tr td { padding: 0px; background: #eee; } div#content.c_graph #graph_selector tr td:nth-child(1) { padding: 5px; width: 10%; } div#content.c_graph #graph_selector tr td:nth-child(2) { width: 90%; } div#content.c_graph #graph_selector tr td div.overflow { max-height: 100px; overflow: auto; } div#content.c_graph h1 { position: relative; } div#content.c_graph h2 { position: relative; margin-top: -34px; } div#content.c_graph #graph_nav { position: relative; } div#content.c_graph #graph_nav a { text-decoration: none; font-size: 90%; } div#content.c_graph #graph_nav a:hover, #graph_nav a.sel { color: #222; } div#content.c_graph #graph_nav a.clear { font-size: 9pt; position: absolute; right: 0; } div#content.c_graph .log { font: normal normal 700 12px/normal "Lucida Sans Unicode"; text-align: left; margin-left: 270px; max-height: 100px; overflow: auto; } div#content.c_graph #graph_selector .graph_link, div#content.c_graph a.graph_link_sel, div#content.c_graph a.graph_link_sel:hover { display: inline-block; border: 1px solid #CCC; padding: 3px 10px; border-radius: 5px; margin: 5px; text-decoration: none; position: relative; font-size: 80%; background: #fff; color: #FF4136; } div#content.c_graph div.download { margin: 20px 0; } div#content.c_graph table.raw td { border: 1px solid #fff; } div#content.c_helpful_info { min-height: 100vh; } div#content.c_helpful_info div.warning:empty { display: none; } div#content.c_helpful_info div.warning { background: #ffe5d0; color: #fd7e14; border: 2px solid #fd7e14; display: block; border-radius: .2em; padding: 10px; margin: 10px auto; text-align: center; font-size: 90%; } div#content.c_helpful_info #company_plain { text-align: right; } div#content.c_helpful_info .modal h2 { padding: 30px 0 0 0; text-align: center; } div#content.c_helpful_info .modal h3 { padding: 14px 0 0 0; } div#content.c_helpful_info .modal p { margin: 10px 0 20px 0; text-align: left; } div#content.c_helpful_info .modal .modal-content { width: 600px; top: 8vh; text-align: left; } div#content.c_helpful_info .modal .button_bar { margin-top: 16px; text-align: center; } div#content.c_helpful_info .modal span.close { font-size: 40px; } div#content.c_helpful_info .modal input[type=button].close { background: #888; } div#content.c_helpful_info .modal-content { border-radius: 6px; box-shadow: 4px 4px 2px #ccc; } div#content.c_helpful_info .modal a#file_thumb { vertical-align: top; line-height: 0; display: inline-block; border: 1px solid #aaa; border-radius: 3px; } div#content.c_helpful_info .modal a#file_thumb img { vertical-align: top; line-height: 0; display: inline-block; height: 50px; width: 50px; line-height: 0; border: 3px solid #fff; border-radius: 3px; } div#content.c_helpful_info #popup_form.modal .modal-content { width: 100%; max-width: 800px; } div#content.c_helpful_info #popup_form.modal .button_bar { text-align: center; } div#content.c_helpful_info #popup_form label { display: block; width: 60%; margin: 0 0 7px 20px; } div#content.c_helpful_info #popup_form input[type=url] { display: block; width: 100%; } div#content.c_helpful_info #popup_form input[type=file] { display: inline-block; width: 60%; } div#content.c_helpful_info #popup_form textarea { display: block; width: 100%; margin-left: 0; margin-right: 0; height: 160px; } div#content.c_helpful_info #popup_form div.tip { margin-left: 8px; font-size: 10pt; color: #666; } div#content.c_helpful_info #popup_details div.val { margin: 10px 0 0 10px; white-space: pre-wrap; word-break: break-all; } div#content.c_helpful_info #index { position: relative; } div#content.c_helpful_info #index div.success { position: absolute; left: 38%; top: -20px; cursor: pointer; } div#content.c_helpful_info input[type=checkbox] { height: 20px; width: 20px; } div#content.c_helpful_info input[name='search_user'] { background: #f2f2f2; width: 250px; } div#content.c_helpful_info table { width: 100%; } div#content.c_helpful_info #layout td, div#content.c_helpful_info #layout th { vertical-align: top; padding: 0; } div#content.c_helpful_info #layout td#user_list { padding-left: 20px; } div#content.c_helpful_info div.sticky { background: #fff; } div#content.c_helpful_info #bank { width: 510px; min-width: 510px; max-width: 510px; border-right: 1px solid #ddd; } div#content.c_helpful_info #bank #bank_msg { position: absolute; bottom: 0; color: #2ecc40; font-size: 85%; font-weight: 600; width: 100%; text-align: center; } div#content.c_helpful_info #bank div.sticky { position: sticky; background: #fff; min-height: 230px; z-index: 99; top: 44px; margin-left: -20px; padding-left: 20px; } div#content.c_helpful_info #bank form { position: relative; display: block; width: 70%; margin: 0 auto 0 0; } div#content.c_helpful_info #bank form input { background: #f2f2f2; display: block; width: 100%; margin-left: 0; } div#content.c_helpful_info #bank form a { position: absolute; top: -1px; right: -54px; display: block; height: 43px; width: 43px; border-radius: 6px; background-color: #ccc; background-image: url(/account/images/helpful_info/search.svg); background-size: 55% 55%; background-repeat: no-repeat; background-position: center; text-decoration: none; } div#content.c_helpful_info #bank #create { font-weight: 600; text-decoration: none; display: inline-block; position: relative; padding-left: 36px; margin: 30px 0; } div#content.c_helpful_info #bank #create span { position: absolute; top: 0; left: 0; display: block; height: 29px; width: 29px; background: url(/account/images/helpful_info/plus_invert.svg) no-repeat center center; background-size: 80% 80%; } div#content.c_helpful_info #bank #bank_container { overflow: scroll; height: 1000px; margin-left: -20px; } div#content.c_helpful_info #bank item { display: block; font-size: 16px; padding: 10px 158px 10px 10px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-top: 1px solid #ddd; cursor: pointer; min-height: 78px; } div#content.c_helpful_info #bank item a { position: absolute; left: 10px; bottom: 10px; text-decoration: underline; font-size: 90%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 320px; } div#content.c_helpful_info #bank item:hover a, div#content.c_helpful_info #bank item.sel a { color: #fff; } div#content.c_helpful_info #bank item:hover, div#content.c_helpful_info #bank item.sel { background-color: #3173A1; color: #fff; border-bottom: solid #bbb 1px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); cursor: pointer; } div#content.c_helpful_info #bank item:hover span { display: none; } div#content.c_helpful_info #bank item.sel span { position: absolute; display: block; height: 26px; width: 26px; background: #fff; border-radius: 4px; top: 11px; right: 11px; background-size: 75% 75%; background-repeat: no-repeat; background-position: center; } div#content.c_helpful_info #bank item.sel span.share { right: 113px; background-image: url(/account/images/helpful_info/share_invert.svg); } div#content.c_helpful_info #bank item.sel span.favorite { right: 79px; background-image: url(/account/images/helpful_info/favorite_invert.svg); } div#content.c_helpful_info #bank item.sel span.edit { right: 46px; background-image: url(/account/images/helpful_info/edit.svg); } div#content.c_helpful_info #bank item.sel span.delete { right: 11px; background-image: url(/account/images/helpful_info/delete.svg); } div#content.c_helpful_info #bank item.favorite span.favorite { position: absolute; display: block; height: 26px; width: 26px; background: #fff; border-radius: 4px; top: 11px; right: 11px; background-size: 75% 75%; background-repeat: no-repeat; background-position: center; right: 79px; background-image: url(/account/images/helpful_info/favorite.svg); } div#content.c_helpful_info #bank item.share span.share { position: absolute; display: block; height: 26px; width: 26px; background: #fff; border-radius: 4px; top: 11px; right: 11px; background-size: 75% 75%; background-repeat: no-repeat; background-position: center; right: 113px; background-image: url(/account/images/helpful_info/share.svg); } div#content.c_helpful_info #bank item shared_by { position: absolute; bottom: 8px; right: 10px; color: #555; font-size: 13px; display: inline-block; padding-left: 20px; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,1) 10%); max-width: 250px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } div#content.c_helpful_info #bank item:hover shared_by { color: #fff; background: #3173A1; background: linear-gradient(90deg, rgba(49,115,161,.6) 0%, rgba(49,115,161,1) 10%); } div#content.c_helpful_info #bank item.sel shared_by { color: #fff; background: #3173A1; background: linear-gradient(90deg, rgba(49,115,161,.6) 0%, rgba(49,115,161,1) 10%); } div#content.c_helpful_info #bank #bank_tabs a { font-size: 16px; font-weight: 500; display: inline-block; border: 3px solid #fff; border-bottom: 5px solid #fff; text-decoration: none; } div#content.c_helpful_info #bank #bank_tabs a:hover, div#content.c_helpful_info #bank #bank_tabs a.sel { border-bottom-color: #3173A1; } div#content.c_helpful_info #user_list span.error, div#content.c_helpful_info #user_list span.success { display: inline-block; margin-left: 20px; font-weight: bold; } div#content.c_helpful_info #user_list .hi_link { background: #80e5a2; } div#content.c_helpful_info #user_list .hi_file { background: #7abcdf; } div#content.c_helpful_info #user_list .hi_text { background: #ad94f6; } div#content.c_helpful_info #user_list label.hi { border: 1px solid #fff; display: block; xdisplay: flex; xjustify-content: center; align-content: center; flex-direction: column; position: relative; min-height: 55px; width: 100%; max-width: 260px; font-size: 12px; line-height: 14px; padding: 4px 76px 4px 30px; margin-bottom: 1px; border: 1px solid #CCC; border-radius: 5px; overflow-x: hidden; user-select: none; overflow-wrap: break-word; } div#content.c_helpful_info #user_list label.hi input { position: absolute; top: 6px; left: 5px; height: 16px; width: 16px; } div#content.c_helpful_info #user_list label.hi a.details { position: absolute; top: 6px; right: 5px; font-size: 12px; line-height: 12px; width: 70px; background: #fff; text-decoration: none; color: #222222; border-radius: 3px; padding: 3px 3px; text-align: center; text-indent: 0px; } div#content.c_helpful_info #user_list label.hi a.toggle_all { display: none; position: absolute; bottom: 6px; right: 5px; font-size: 12px; line-height: 12px; width: 70px; xbackground: #fff; text-decoration: underline; color: #222222; border-radius: 3px; padding: 3px 3px; text-align: center; text-indent: 0px; } /* disabled for now */ div#content.c_helpful_info #user_list label.hi b { display: block; font-weight: 500; font-style: normal; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } div#content.c_helpful_info #user_list label.hi i { display: block; font-weight: normal; font-style: normal; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; margin-top: 3px; } div#content.c_helpful_info #user_list label.hi.sel { border: 1px solid #888; } div#content.c_helpful_info #user_list #bar { margin-right: 200px; padding-right: 170px; position: relative; background: #fff; } div#content.c_helpful_info #user_list #bar p { margin-top: 0; padding-top: 0; font-size: 15px; } div#content.c_helpful_info #user_list #bar form { position: absolute; right: -150px; top: 0; width: 260px; height: 40px; text-align: right; } div#content.c_helpful_info #user_list #bar input { background: #f2f2f2; display: block; width: 100%; margin-left: 0; } div#content.c_helpful_info #user_list #bar form a { position: absolute; top: 5px; right: -54px; display: block; height: 43px; width: 43px; border-radius: 6px; background-color: #ccc; background-image: url(/account/images/helpful_info/search.svg); background-size: 55% 55%; background-repeat: no-repeat; background-position: center; text-decoration: none; } div#content.c_helpful_info #user_list #no_users_found { display: none; } div#content.c_helpful_info #user_list a.unassign_undo { font-size: 85%; } div#content.c_helpful_info #user_list b.success { display: inline-block; margin-left: 38px; font-size: 15px; font-weight: 600; } div#content.c_helpful_info #user_list tr th { font-weight: 600; } div#content.c_helpful_info #user_list tr td { width: 27%; border: 1px solid #fff; } div#content.c_helpful_info #user_list tr td:nth-child(1) { width: 19%; font-size: 15px; vertical-align: top; } div#content.c_helpful_info #user_list tr td:nth-child(1) label { display: block; } div#content.c_helpful_info #user_list td.divider { border-top: 1px solid #ddd; } div#content.c_helpful_info #user_list b#assign { text-decoration: none; display: inline-block; position: relative; padding-left: 40px; color: #808080; margin-bottom: 8px; cursor: normal; font-weight: 600; } div#content.c_helpful_info #user_list b#assign icon { display: block; position: absolute; left: 0; top: -2px; height: 30px; width: 30px; background-image: url(/account/images/helpful_info/assign_invert.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; border: 0; } div#content.c_helpful_info #user_list b#assign i { font-weight: bold; } div#content.c_helpful_info #user_list b#assign.sel { color: #3173A1; cursor: pointer; } div#content.c_helpful_info #user_list b#assign.sel icon { background-image: url(/account/images/helpful_info/assign.svg); } div#content.c_helpful_info #user_list b#unassign { text-decoration: none; display: inline-block; position: relative; padding-left: 40px; color: #e53a31; margin-bottom: 8px; cursor: pointer; font-weight: 600; } div#content.c_helpful_info #user_list b#unassign icon { display: block; position: absolute; left: 0; top: -2px; height: 30px; width: 30px; background-image: url(/account/images/helpful_info/unassign.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; border: 0; } div#content.c_helpful_info #user_list b#unassign i { font-weight: bold; } div#content.c_helpful_info #user_list tr:hover { background: #D7EEFF; } div#content.c_helpful_info #user_list tr.sel { background: #D7EEFF; } div#content.c_history table#history { margin: 0 auto; width: 80%; } div#content.c_history h3 { margin: -10px 0 18px 0; padding: 0; } div#content.c_home_program h1 { margin-bottom: 0; padding-bottom: 0; display: inline-block; margin-left: auto; margin-right: auto; } div#content.c_home_program p { padding: 4px 0 10px 0; margin: 0; text-indent: 10px; } div#content.c_home_program td { border: 1px solid #fff; } div#content.c_home_program div.success { margin-top: 14px; } div#content.c_home_program tip { display: block; font-size: 8pt; color: #666; margin: 0 0 -10px 20px; } div#content.c_home_program .button_bar { display: inline-block; margin: 14px auto 6px auto; background: #ddd; border-radius: 3px; width: 100%; min-width: 820px; padding: 10px; position: relative; } div#content.c_home_program .unhide_link { position: absolute; bottom: -18px; right: 0; } div#content.c_home_program_advanced { min-height: 100vh; } div#content.c_home_program_advanced #company_plain { text-align: right; } div#content.c_home_program_advanced .modal h2 { padding: 10px 0; } div#content.c_home_program_advanced .modal p { margin: 10px 0 20px 0; text-align: left; } div#content.c_home_program_advanced .modal input[type=button].inverse { background: #fff; color: #3a80a6; } div#content.c_home_program_advanced .modal .modal-content { width: 500px; top: 20vh; text-align: left; } div#content.c_home_program_advanced .modal .button_bar { margin-top: 16px; text-align: left; } div#content.c_home_program_advanced .modal span.close { font-size: 40px; } div#content.c_home_program_advanced .modal-content { border-radius: 6px; box-shadow: 4px 4px 2px #ccc; } div#content.c_home_program_advanced #popup_status.modal .modal-content { width: 100%; max-width: 1200px; } div#content.c_home_program_advanced #popup_status.modal .button_bar { text-align: center; } div#content.c_home_program_advanced #popup_status.modal table { width: 100%; } div#content.c_home_program_advanced #popup_save input[type=text] { display: block; width: 100%; margin-left: 0; margin-right: 0; } div#content.c_home_program_advanced #index { position: relative; } div#content.c_home_program_advanced #index div.success { position: absolute; left: 38%; top: -20px; cursor: pointer; } div#content.c_home_program_advanced #index input[type=checkbox] { height: 20px; width: 20px; } div#content.c_home_program_advanced #index input[name='search_user'] { background: #f2f2f2; width: 250px; } div#content.c_home_program_advanced #index table { width: 100%; } div#content.c_home_program_advanced #index #layout td, div#content.c_home_program_advanced #index #layout th { vertical-align: top; padding: 0; } div#content.c_home_program_advanced #index #layout td#user_list { padding-left: 20px; } div#content.c_home_program_advanced #index div.sticky { background: #fff; } div#content.c_home_program_advanced #index #bank { width: 310px; min-width: 310px; max-width: 310px; border-right: 1px solid #ddd; } div#content.c_home_program_advanced #index #bank div.sticky { position: sticky; background: #fff; min-height: 230px; z-index: 99; top: 44px; margin-left: -20px; padding-left: 20px; } div#content.c_home_program_advanced #index #bank form { position: relative; display: block; width: 70%; margin: 0 auto 0 0; } div#content.c_home_program_advanced #index #bank form input { background: #f2f2f2; display: block; width: 100%; margin-left: 0; } div#content.c_home_program_advanced #index #bank form a { position: absolute; top: -1px; right: -54px; display: block; height: 43px; width: 43px; border-radius: 6px; background-color: #ccc; background-image: url(/account/images/home_program_advanced/search.svg); background-size: 55% 55%; background-repeat: no-repeat; background-position: center; text-decoration: none; } div#content.c_home_program_advanced #index #bank #create { font-weight: 600; text-decoration: none; display: inline-block; position: relative; padding-left: 36px; margin: 30px 0; } div#content.c_home_program_advanced #index #bank #create span { position: absolute; top: 0; left: 0; display: block; height: 29px; width: 29px; background: url(/account/images/home_program_advanced/plus_invert.svg) no-repeat center center; background-size: 80% 80%; } div#content.c_home_program_advanced #index #bank #bank_container { overflow: scroll; height: 1000px; margin-left: -20px; } div#content.c_home_program_advanced #index #bank item { display: block; font-size: 16px; padding: 10px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-top: 1px solid #ddd; padding-left: 20px; cursor: pointer; } div#content.c_home_program_advanced #index #bank item:hover, div#content.c_home_program_advanced #index #bank item.sel { background-color: #3173A1; color: #fff; border-bottom: solid #bbb 1px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); padding-right: 110px; cursor: pointer; } div#content.c_home_program_advanced #index #bank item:hover span { display: none; } div#content.c_home_program_advanced #index #bank item.sel span { position: absolute; display: block; height: 26px; width: 26px; background: #fff; border-radius: 4px; top: 11px; right: 11px; background-size: 75% 75%; background-repeat: no-repeat; background-position: center; } div#content.c_home_program_advanced #index #bank item.sel span.assign { right: 80px; background-image: url(/account/images/home_program_advanced/assign.svg); xbackground-size: 80% 80%; } div#content.c_home_program_advanced #index #bank item.sel span.edit { right: 46px; background-image: url(/account/images/home_program_advanced/edit.svg); } div#content.c_home_program_advanced #index #bank item.sel span.delete { right: 11px; background-image: url(/account/images/home_program_advanced/delete.svg); } div#content.c_home_program_advanced #index #user_list span.error, div#content.c_home_program_advanced #index #user_list span.success { display: inline-block; margin-left: 20px; font-weight: bold; } div#content.c_home_program_advanced #index #user_list #bar { margin-right: 200px; padding-right: 170px; position: relative; background: #fff; } div#content.c_home_program_advanced #index #user_list #bar p { margin-top: 0; padding-top: 0; font-size: 15px; } div#content.c_home_program_advanced #index #user_list #bar form { position: absolute; right: -150px; top: 0; width: 260px; height: 40px; text-align: right; } div#content.c_home_program_advanced #index #user_list #bar input { background: #f2f2f2; display: block; width: 100%; margin-left: 0; } div#content.c_home_program_advanced #index #user_list #bar form a { position: absolute; top: 5px; right: -54px; display: block; height: 43px; width: 43px; border-radius: 6px; background-color: #ccc; background-image: url(/account/images/home_program_advanced/search.svg); background-size: 55% 55%; background-repeat: no-repeat; background-position: center; text-decoration: none; } div#content.c_home_program_advanced #index #user_list #no_users_found { display: none; } div#content.c_home_program_advanced #index #user_list a.unassign_undo { font-size: 85%; } div#content.c_home_program_advanced #index #user_list b.success { display: inline-block; margin-left: 38px; font-size: 15px; font-weight: 600; } div#content.c_home_program_advanced #index #user_list tr th { font-weight: 600; } div#content.c_home_program_advanced #index #user_list tr th:nth-child(n+2) { padding-left: 4px; padding-right: 0; } div#content.c_home_program_advanced #index #user_list tr td { width: 14%; } div#content.c_home_program_advanced #index #user_list tr td:nth-child(1) { font-size: 15px; } div#content.c_home_program_advanced #index #user_list td.divider { border-top: 1px solid #ddd; } div#content.c_home_program_advanced #index #user_list b#assign { text-decoration: none; display: inline-block; position: relative; padding-left: 40px; color: #808080; margin-bottom: 8px; cursor: normal; font-weight: 600; } div#content.c_home_program_advanced #index #user_list b#assign icon { display: block; position: absolute; left: 0; top: -2px; height: 30px; width: 30px; background-image: url(/account/images/home_program_advanced/assign_invert.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; border: 0; } div#content.c_home_program_advanced #index #user_list b#assign i { font-weight: bold; } div#content.c_home_program_advanced #index #user_list b#assign.sel { color: #3173A1; cursor: pointer; } div#content.c_home_program_advanced #index #user_list b#assign.sel icon { background-image: url(/account/images/home_program_advanced/assign.svg); } div#content.c_home_program_advanced #index #user_list tr td .activity { width: 190px; height: 34px; margin: 1px 0; position: relative; user-select: none; } div#content.c_home_program_advanced #index #user_list tr td .activity_wide { width: 218px; } div#content.c_home_program_advanced #index #user_list tr td .activity span { width: 190px; height: 34px; line-height: 34px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; border-radius: 17px; color: #999; padding: 0 10px 0 40px; } div#content.c_home_program_advanced #index #user_list tr td .activity edit { position: absolute; display: block; top: 6px; left: 11px; width: 18px; height: 18px; background: transparent url(/account/images/home_program_advanced/edit.svg) no-repeat center; background-size: 100% 100%; cursor: pointer; } div#content.c_home_program_advanced #index #user_list tr td .activity bullet { position: absolute; display: block; top: 10px; left: 7px; width: 10px; height: 10px; background: #999; border-radius: 5px; margin: 0 9px 0 14px; } div#content.c_home_program_advanced #index #user_list tr td .activity step_number { position: absolute; top: 6px; right: 35px; display: block; line-height: 22px; height: 22px; width: 22px; color: #999; border: 1px solid #999; border-radius: 12px; font-size: 10px; display: block; text-align: center; } div#content.c_home_program_advanced #index #user_list tr:hover td .activity step_number { color: #000; border-color: #000; } div#content.c_home_program_advanced #index #user_list tr td .activity_wide span { padding-right: 25px; } /* for step_number - keep text away from step_number bubble */ div#content.c_home_program_advanced #index #user_list tr:hover td .activity span { color: #000; } div#content.c_home_program_advanced #index #user_list tr.sel td .activity span { color: #000; } div#content.c_home_program_advanced #index #user_list tr:hover td .activity bullet { background: #3173A1; } div#content.c_home_program_advanced #index #user_list tr.sel td .activity bullet { background: #3173A1; } div#content.c_home_program_advanced #index #user_list tr.sel td label { font-weight: bold; } div#content.c_home_program_advanced #index #user_list tr:hover td .activity:hover span { background-color: #3173A1; color: #fff; } div#content.c_home_program_advanced #index #user_list tr:hover td .activity:hover edit { background-image: url(/account/images/home_program_advanced/edit_invert.svg); } div#content.c_home_program_advanced #index #user_list tr:hover td .activity:hover bullet { background-image: url(/account/images/home_program_advanced/edit_invert.svg); top: 6px; left: 0px; width: 18px; height: 18px; cursor: pointer; } div#content.c_home_program_advanced #index #user_list tr:hover td .activity:hover unassign { position: absolute; top: 6px; right: 0px; display: block; height: 22px; width: 22px; background: transparent url(/account/images/home_program_advanced/minus_red.svg) no-repeat center; background-size: 100% 100%; cursor: pointer; } div#content.c_home_program_advanced #index #user_list tr:hover td .activity:hover step_number { color: #fff; border-color: #fff; } div#content.c_home_program_advanced #index #user_list tr:hover { background: #D7EEFF; } div#content.c_home_program_advanced #index #user_list tr.sel { background: #D7EEFF; } div#content.c_home_program_advanced #edit h2 { margin: 0 0 0 15px; padding: 0 0 0 38px; font-size: 18.7px; position: relative; } div#content.c_home_program_advanced #edit h2 b.step_number { position: absolute; top: -2px; left: 0; display: block; margin-right: 13px; height: 32px; width: 32px; line-height: 32px; font-size: 20px; border-radius: 6px; background-color: #6386FF; color: #fff; text-align: center; } div#content.c_home_program_advanced #edit h2 b.diamond { position: absolute; top: -6px; left: 4px; display: block; margin-right: 13px; margin-top: 10px; height: 20px; width: 20px; background: #e08485; transform: rotate(45deg); } div#content.c_home_program_advanced #edit .box { margin: 0 auto 0 auto; border: 1px solid #dbdbdb; border-radius: 10px; padding: 20px; max-width: 3000px; text-align: left; } div#content.c_home_program_advanced #edit #step_start_button { font-size: 18.7px; } div#content.c_home_program_advanced #edit #step_start_button.dull { background-color: #aaa; cursor: normal; } div#content.c_home_program_advanced #edit #step_start_msg { display: inline-block; vertical-align:top; font-size: 80%; line-height: 120%; margin: 7px 0 0 8px; } div#content.c_home_program_advanced #edit #home_program_title { margin-bottom: 20px; position: relative; } div#content.c_home_program_advanced #edit #home_program_title span { display: inline-block; background: url(/account/images/home_program_advanced/icon.svg) no-repeat center center; height: 32px; width: 32px; margin: 0 2px -3px 16px; } div#content.c_home_program_advanced #edit #home_program_title div { position: absolute; left: 600px; top: -10px; width: 600px; z-index: 8; } div#content.c_home_program_advanced #edit #home_program_title status { position: absolute; right: 5px; top: 10px; } div#content.c_home_program_advanced #edit step { display: block; width: 100%; } div#content.c_home_program_advanced #edit step.removal_in_process * { background-color: #eee; color: #999; } div#content.c_home_program_advanced #edit step .step_when { background: #f7eeeb; box-shadow: 0px 4px rgba(0,0,0,.1); position: relative; border: 1px solid #dbdbdb; border-radius: 10px; padding: 20px 0; } div#content.c_home_program_advanced #edit step .step_assign { position: relative; background: #e9e9e9; box-shadow: 0px 4px rgba(0,0,0,.1); border: 1px solid #dbdbdb; border-radius: 10px; padding: 20px 0; } div#content.c_home_program_advanced #edit step .step_assign a.step_remove { display: inline-block; color: #e7634d; position: absolute; top: 20px; right: 40px; font-size: 80%; text-decoration: none; z-index: 1; } div#content.c_home_program_advanced #edit step .step_assign a.step_remove span { display: inline-block; background: url(/account/images/home_program_advanced/delete.svg) no-repeat center center; height: 20px; width: 20px; margin: 0 0 -5px 6px; } div#content.c_home_program_advanced #edit step .step_assign section { margin: 15px; padding-left: 35px; } div#content.c_home_program_advanced #edit step .step_assign section section_title { margin-left: -26px; padding-left: 30px; position: relative; cursor: pointer; } div#content.c_home_program_advanced #edit step .step_assign section b { color: #3173A1; font-size: 15px; } div#content.c_home_program_advanced #edit step .step_assign section.sel b { color: #222222; } div#content.c_home_program_advanced #edit step .step_assign section arrow { background-image: url(/account/images/home_program_advanced/round_arrow_right.svg); position: absolute; top: 2px; left: -4px; display: inline-block; background-position: center center; background-repeat: no-repeat; height: 20px; width: 20px; margin: 0 6px 0 0px; } div#content.c_home_program_advanced #edit step .step_assign section.sel arrow { background-image: url(/account/images/home_program_advanced/round_arrow_down.svg); } div#content.c_home_program_advanced #edit step .step_assign section control { display: none; } div#content.c_home_program_advanced #edit step .step_assign section.sel control { display: flex; } div#content.c_home_program_advanced #edit step .step_assign section control item { flex-grow: 1; flex-basis: 0; min-width: 0; margin-bottom: 25px; padding: 4px; display: block; text-align: left; position: relative; } div#content.c_home_program_advanced #edit step .step_assign section control item i { font-size: 14px; font-style: normal; } div#content.c_home_program_advanced #edit step .step_assign section control item select { width: 100%; margin: 0; } div#content.c_home_program_advanced #edit step .step_assign section control item a.view_preset_details { font-size: 80%; position: absolute; left: 5px; top: 10px; display: none; } div#content.c_home_program_advanced #edit step .divider { background-position: 15px 4px; height: 34px; background-size: 30px 30px; max-width: 3000px; margin: 0 auto; background-image: url(/account/images/home_program_advanced/arrow_down.svg); background-repeat: no-repeat; } div#content.c_home_program_advanced #edit step.disabled .divider { background-position: 15px 0px; height: 32px; } div#content.c_home_program_advanced #edit step.disabled .step_when { background: #fff; box-shadow: none; border: 1px solid transparent; border-bottom: 1px solid #dbdbdb; border-radius: 0; } div#content.c_home_program_advanced #edit step.disabled .step_assign { background: #fff; box-shadow: none; border: 1px solid transparent; border-bottom: 1px solid #dbdbdb; border-radius: 0; } div#content.c_home_program_advanced #edit step.disabled .step_assign section section_title { cursor: not-allowed; } div#content.c_home_program_advanced #edit step.disabled .step_assign a.step_remove { cursor: not-allowed; } div#content.c_home_program_advanced #edit step.disabled .selectize-control.multi .selectize-input.disabled [data-value] { color: #3173A1 !important; cursor: not-allowed !important; } div#content.c_home_program_advanced #edit step.disabled .selectize-control .selectize-input.disabled { opacity: 100% !important; cursor: not-allowed !important; } div#content.c_home_program_advanced #edit step.disabled select { color: #3173A1; opacity: 100%; cursor: not-allowed; } div#content.c_home_program_advanced #edit step .step_when_group { display: flex; padding-left: 49px; } div#content.c_home_program_advanced #edit step .step_when_item select { margin: 0; } div#content.c_home_program_advanced #edit step .step_when_item { margin-right: 20px; padding: 4px; max-width: 600px; } div#content.c_home_program_advanced #edit step .step_when_item i { font-size: 14px; font-style: normal; } div#content.c_home_program_advanced #edit #button_bar { position: fixed; bottom: 0; left: 0; width: 100%; border-top: 1px solid #dbdbdb; padding: 10px 0 13px 0; z-index: 2; background: #fff; } div#content.c_home_program_advanced #edit #button_bar div { margin: 0 auto; max-width: 1800px; padding: 0 36px 0 42px; text-align: right; } div#content.c_home_program_advanced #edit #button_bar div #back { float: left; left: 0; top: 50%; display: inline-block; } div#content.c_home_program_advanced #edit #button_bar input[type=button].invert { background: #fff; color: #53B8EE; } div#content.c_index h4 { margin: -15px auto 20px auto; padding: 0; font-weight: normal; } div#content.c_index td { background: #fff; padding: 2px; } div#content.c_index .border { display: inline-block; padding: 30px; } div#content.c_invoice table td { border: 1px solid #fff; } div#content.c_invoice table th { border: 1px solid #fff; } div#content.c_permission .bounding_box { max-width: 1200px; margin: 0 auto; padding: 15px 70px 30px 70px; text-align: left; } div#content.c_permission p { text-align: left; } div#content.c_permission p.error { color: #FF4136; } div#content.c_permission hr { width: 95%; margin: 20px auto; } div#content.c_permission h3 { text-align: left; font-size: 18px; } div#content.c_permission h3.inline { display: inline; } div#content.c_permission a.create_new { width: 95%; display: inline-block; text-align: center; padding: 10px; } div#content.c_permission a.back { background: #a9a9a9; } div#content.c_permission table#index { width: 100%; } div#content.c_permission table#index td { border-bottom: 2px solid #fff; } div#content.c_permission table#index td:nth-child(2) { width: 20%; white-space: nowrap; } div#content.c_permission #search { float: right; display: inline-block; margin-top: -10px; } div#content.c_permission span.up { display: inline-block; transform: rotate(270deg); } div#content.c_permission div.success { text-align: center; } div#content.c_permission #edit_existing_presets { font-weight: bold; text-decoration: none; } div#content.c_permission #csu_box { padding: 20px 0 0 0; border-bottom: 1px solid #dbdbdb; } div#content.c_permission #csu_box a { text-decoration: none; display: inline-block; padding-bottom: 10px; border: 5px solid #fff; } div#content.c_permission #csu_box a.sel, div#content.c_permission #csu_box a:hover { text-decoration: none; border-bottom: 5px solid #3173A1; } div#content.c_permission_apply #csu_box { padding: 20px 0 0 0; margin: 0 auto 5px auto; border-bottom: 1px solid #dbdbdb; max-width: 1100px; width: 100%; text-align: left; } div#content.c_permission_apply #csu_box a { text-decoration: none; display: inline-block; padding-bottom: 10px; border: 5px solid #fff; } div#content.c_permission_apply #csu_box a.sel, div#content.c_permission_apply #csu_box a:hover { text-decoration: none; border-bottom: 5px solid #3173A1; } div#content.c_permission_apply #msg_bar { position: relative; margin: 0 auto; max-width: 1100px; width: 100%; text-align: left; position: relative; font-size: 80%; } div#content.c_permission_apply #msg_bar b { position: absolute; left: 50%; top: 0; width: 400px; margin-left: -200px; text-align: center; background-color: rgba(255,255,255,0.9); } div#content.c_permission_apply #msg_bar b.msg { color: #555; } div#content.c_permission_apply table#list { margin: 0 auto; max-width: 1100px; width: 100%; } div#content.c_permission_apply table#list td { border: 1px solid #fff; cursor: pointer; } div#content.c_permission_apply table#list th { border: 1px solid #fff; } div#content.c_permission_apply table#list tr td:first-child { text-align: center; width: 80px; } div#content.c_permission_apply table#list tr:hover { background-color: #D7EEFF; } div#content.c_permission_apply table#list tr.sel { background-color: #D7EEFF; } div#content.c_permission_apply #company_plain { text-align: right; } div#content.c_permission_apply input[name=search] { width: 170px; } div#content.c_permission_apply #search_form { display: inline; } div#content.c_permission_apply #search_form { display: inline; } div#content.c_permission_apply #toolbar select { width: 280px; margin-top: 10px; } div#content.c_permission_apply #sticky_container { background: #fff; } div#content.c_permission_apply #sticky_container:after { content:""; position:absolute; width:100%; bottom:1px; z-index:-1; transform:scale(.9); box-shadow: 0px 0px 6px 2px #fff; } div#content.c_playthrough_by_username div.scroll_table_links { margin-top: -20px; } div#content.c_playthrough_view .side_menu { min-width: 100px; padding-top: 100px; text-align: left; padding-right: 22px; } div#content.c_playthrough_view .side_menu a { display: block; clear: both; padding: 0; font-size: 90%; text-align: center; } div#content.c_playthrough_view .side_menu a.sel { background: #ddd; font-weight: bold; text-decoration: none; } div#content.c_playthrough_view .side_menu a.removed { text-decoration: line-through; } div#content.c_playthrough_view .side_menu a.download_all { font-size: 9pt; line-height: 120%; margin: 6px 0; text-align: center; } div#content.c_playthrough_view .section_title { font-weight: bold; font-size: 110%; color: #FF4136; } div#content.c_playthrough_view .screenshots { margin-bottom: 40px; } div#content.c_playthrough_view .screenshots img { width: 90%; display: block; margin: 0 auto 1px auto; } div#content.c_playthrough_view .screenshots div { position: relative; } div#content.c_playthrough_view .screenshots span { position: absolute; width: 100px; top: 0; left: 60px; background: rgba(0,0,0,0.3); color: #fff; font-size: 13px; } div#content.c_playthrough_view .screenshots span:empty { display: none; } div#content.c_playthrough_view .download_links { margin-top: 14px; } div#content.c_playthrough_view span.incomplete { color: #FF4136; } div#content.c_playthrough_view table { margin-left: auto; margin-right: auto; } div#content.c_playthrough_view h1 { max-width: 600px; margin-left: auto; margin-right: auto; padding-bottom: 0; } div#content.c_playthrough_view h1 .sub_game_icon_plain { margin-bottom: -10px; margin-right: 10px; } div#content.c_playthrough_view h2 { line-height: 120%; text-align: center; margin-top: 0px; margin-bottom: 20px; position: relative; } div#content.c_playthrough_view iframe#data_capture { width: 800px; height: 420px; overflow: hidden; border: 0; margin: 0 auto; } div#content.c_playthrough_view iframe#video { width: 656px; height: 556px; overflow: hidden; border: 0; margin: 0 auto; margin-bottom: 40px; display: none; } div#content.c_playthrough_view a#video_link { width: 75px; height: 75px; background-image: url('../images/icons/video.png'); background-size: 75px 75px; position: absolute; right: -170px; top: -80px; } div#content.c_playthrough_view .tbi_tutorial { margin-bottom: 25px; } div#content.c_playthrough_view table#data { margin: 0 auto; } div#content.c_playthrough_view table#data td { word-break: break-all; word-wrap: break-word; width: 45%; } div#content.c_playthrough_view table#data td:nth-child(3) { width: 10%; } div#content.c_playthrough_view p { text-align: left; } div#content.c_playthrough_view .insight_table { min-width: 330px; margin: 0 auto; } div#content.c_playthrough_view #user_date_platform { margin: 40px auto 40px auto; } div#content.c_playthrough_view #user_date_platform tr { background: #fff; } div#content.c_playthrough_view #user_date_platform td { padding: 2px; font-weight: bold; font-size: 22px; } div#content.c_playthrough_view #user_date_platform td:empty { display: none; } div#content.c_playthrough_view tr.complete_incomplete td { vertical-align: top; padding: 0; } div#content.c_playthrough_view tr.complete_incomplete td div { padding: 3px; margin-bottom: 1px; } div#content.c_playthrough_view tr.complete_incomplete td .triggered_incomplete { color: #666; } div#content.c_playthrough_view tr.complete_incomplete td .hidden_by_escalation { text-decoration: line-through; } div#content.c_playthrough_view .red_x { font-size: 120%; color: #900; font-weight: bold; } div#content.c_playthrough_view .checkmark { font-size: 120%; } div#content.c_playthrough_view div.scroll_table { width: 600px; } div#content.c_playthrough_view div.scroll_table table tr:nth-child(1) td:nth-child(1) { min-width: 180px; } div#content.c_playthrough_view div.scroll_table td.divider { font-size: 120%; line-height: 120%; padding-left: 4px; padding-top: 14px; padding-bottom: 14px; } div#content.c_playthrough_view #Zoezi_asthma_action_plan span.icon { display: inline-block; align-items: center; justify-content: center; height: 19px; width: 19px; font-size: 0; line-height: 0; position: relative; text-align: center; border: 1px solid #fff; } div#content.c_playthrough_view #Zoezi_asthma_action_plan span.icon_complete { background-color: #1d8831; border-radius: 9px; } div#content.c_playthrough_view #Zoezi_asthma_action_plan span.icon_complete span { line-height: 18px; font-size: 16px; color: #fff; } div#content.c_playthrough_view #Zoezi_asthma_action_plan span.icon_incomplete { background-color: #ce453c; border-radius: 3px; } div#content.c_playthrough_view #Zoezi_asthma_action_plan span.icon_incomplete span { line-height: 18px; color: #fff; font-size: 16px; font-weight: bold; } div#content.c_playthrough_view #Zoezi_asthma_action_plan span.icon_escalate span { line-height: 18px; font-size: 16px; } div#content.c_playthrough_view #Zoezi_asthma_action_plan span.icon_escalate img { height: 18px; width: 18px; vertical-align: bottom; filter: invert(83%) sepia(87%) saturate(808%) hue-rotate(316deg) brightness(103%) contrast(103%); } div#content.c_playthrough_view #Zoezi_asthma_action_plan div.text_action { margin-bottom: 1px; padding: 6px; } div#content.c_playthrough_view #Zoezi_asthma_action_plan td.no_pad { padding: 0px; vertical-align: top; } div#content.c_population_dashboard { background: #ebf2f2; } div#content.c_profile { padding-left: 0; } div#content.c_product .lm_sub_game label.checkbox { display: block; font-size: 14px; margin: 0; } /* sub game checkboxes */ div#content.c_product .lm_grid { font-size: 90%; } div#content.c_product div.lm_sub_game { max-height: 200px; overflow: auto; font-size: 85%; } div#content.c_product input.lm_sort_order { width: 60px; margin: 0; } div#content.c_qa select, div#content.c_qa input[type=text] { width: 100%; } div#content.c_qa table { margin: 0 auto; } div#content.c_qa_copy_user h2 { margin-top: 0; padding-top: 0; } div#content.c_qa_copy_user form.layout { max-width: 550px; margin: 0 auto; text-align: left; } div#content.c_qa_copy_user form.layout b { display: block; text-align: left; margin-top: 10px; } div#content.c_qa_copy_user form.layout b a.search { font-weight: normal; font-size: 90%; float: right; display: inline-block; } div#content.c_qa_copy_user form.layout b i { display: inline-block; margin-left: 10px; font-size: 90%; font-weight: normal; color: #999; font-style: normal; } div#content.c_qa_copy_user form.layout label { display: block; text-align: left; font-size: 90%; margin-left: 10px; } div#content.c_qa_copy_user form.layout input[type=file] { width: 100%; } div#content.c_qa_copy_user form.layout input[type=text] { width: 100%; } div#content.c_qa_copy_user form.layout select { width: 100%; } div#content.c_qa_copy_user pre.log:empty { display: none; padding: 20px 200px; } div#content.c_qa_copy_user div.legend { font-size: 8pt; line-height: 130%; margin-top: 20px; } div#content.c_qa_copy_user div.option_nav { margin: 20px 0; } div#content.c_qa_copy_user #popup .modal-content { width: 680px; min-height: 30vh; max-height: 93vh; } div#content.c_qa_copy_user #popup .button_bar { width: 680px; position: absolute; bottom: 10px; left: 0; xtext-align: center; } div#content.c_qa_copy_user #popup #user_list { height: 70vh; overflow: auto; } div#content.c_qa_copy_user #popup #user_list table { width: 100%; } div#content.c_qa_copy_user #popup #user_list b.red { color: #900; } div#content.c_qa_copy_user #popup .dull { background: #bbb; cursor: not-allowed; } div#content.c_qa_copy_user #popup label { cursor: pointer; display: block; } div#content.c_qa_domain_scale table { font-size: 85%; } div#content.c_qa_domain_scale table td, div#content.c_qa_domain_scale table th { border: 1px solid #fff; } div#content.c_qa_domain_scale p { margin: 0; padding: 0; } div#content.c_qa_domain_scale form { margin: 10px 0 15px 0; } div#content.c_qa_insight select, div#content.c_qa_insight textarea { max-width: 397px; max-height: 120px; } div#content.c_qa_insight table.lm_grid td:nth-child(5), div#content.c_qa_insight table.lm_grid td:nth-child(7) { word-break: break-all; } div#content.c_qa_insight table.lm_grid { font-size: 80%; line-height: 110%; } div#content.c_qa_insight table.lm_grid input[type=text] { width: 50px; } div#content.c_qa_insight table.lm_form td:nth-child(1) { min-width: 220px; height: 60px; } div#content.c_qa_insight table.logic tr { background: #fff; } div#content.c_qa_insight table.logic td { border: 1px solid #CCC; } div#content.c_qa_insight .green { background-color: green; } div#content.c_qa_insight .yellow { background-color: #DD8; } div#content.c_qa_insight .red { background-color: red; } div#content.c_qa_routine_date_sub h1 { padding-bottom: 0; } div#content.c_qa_routine_date_sub h1 + p { padding-bottom: 15px; } div#content.c_qa_whitelabel_defaults table.lm_form { width: 90%; max-width: 90%; } div#content.c_qa_whitelabel_defaults table.lm_form textarea { min-height: 500px; width: 100%; } div#content.c_report ul { max-width: 500px; text-align: left; margin: 0 auto; } div#content.c_report_catt_summary table { margin: 0 auto; } div#content.c_report_catt_summary input.period { width: 120px; } div#content.c_report_catt_summary .filter { display: inline-block; margin: 14px auto 24px auto; } div#content.c_report_catt_summary .filter tr { border-bottom: 1px solid #fff; } div#content.c_report_catt_summary .filter .link_bar { margin-top: 4px; } div#content.c_report_catt_summary .by_username { width: 278px; } div#content.c_report_download_code td { border: 1px solid #fff; } div#content.c_report_download_code th { border: 1px solid #fff; } div#content.c_report_him div.option_bar { font-size: 80%; text-align: right; padding: 6px 80px 6px 0px; } div#content.c_report_him .group_selection label { display: block; } div#content.c_report_him .selector a { font-size: 9pt; display: inline-block; margin-left: 10px; } div#content.c_report_him .selector label { font-size: 80%; margin-left: 40px; display: block; } div#content.c_report_him .him_chart { background: #ddd; line-height: 0; padding: 1px 1px 1px 1px; display: inline-block; margin: 10px; } div#content.c_report_him .him_chart h2 { margin: 5px; padding: 0; line-height: 30px; color: #333; font-family: sans-serif; font-size: 26.4px; text-align: center; } div#content.c_report_him .him_chart img { padding: 0; margin: 0; } div#content.c_report_him_individual_test_results table { width: 80%; margin-bottom: 40px; } div#content.c_report_him_individual_test_results td { border: 1px solid #fff; } div#content.c_report_him_individual_test_results th { position: relative; } div#content.c_report_him_individual_test_results #pdf { display: block; position: absolute; top: -24px; right: 0; font-size: 9pt; font-weight: normal; } div#content.c_report_him_routine_adherence .main_report_tables_container { border-style: solid; border-width: 2px; border-radius: 10px; border-color: #f0f0f0; margin: 20px 130px; padding: 0px 20px; } div#content.c_report_him_routine_adherence .report_table { font-size: 11pt; font-weight: 500; border-collapse: separate; border-spacing: 0; } div#content.c_report_him_routine_adherence .report_table tr { height: 60px; } div#content.c_report_him_routine_adherence .report_table th { text-align: left; font-weight: 600; padding-left: 10px; } div#content.c_report_him_routine_adherence .report_table td { min-width: 220px; background-color: white; text-align: center; border-bottom-style: solid; border-bottom-width: 1.5px; border-bottom-color: #f0f0f0; text-align: left; padding-left: 10px; } div#content.c_report_him_routine_adherence .report_table .date_range_cols { background-color: #f0f0f0; } div#content.c_report_him_routine_adherence .totals_table_bounding_box { margin: 0px; } div#content.c_report_him_routine_adherence .report_table .column_headers { background-color: #f0f0f0; } div#content.c_report_him_routine_adherence .report_table .week_row { background-color: #f4f8fa; } div#content.c_report_him_routine_adherence .report_table .week_date_range { font-weight: 700; } div#content.c_report_him_routine_adherence .report_table .routine_row { height: 40px; } div#content.c_report_him_routine_adherence .report_table .routine_row td { border-bottom-style: none; } div#content.c_report_him_routine_adherence .report_table .routine_row .routine_name { padding-left: 26px; } div#content.c_report_him_routine_adherence .report_table .col_number_and_percent { display: flex; flex-direction: row; text-align: left; } div#content.c_report_him_routine_adherence .report_table .col_number { width: 30px; } div#content.c_report_him_routine_adherence .report_table .schedule_name_cell { display: flex; flex-direction: row; align-items: center; padding: 0px; margin: 0px; width: 340px; } div#content.c_report_him_routine_adherence .report_table .schedule_name { color: #3173a1; font-weight: 600; } div#content.c_report_him_routine_adherence .report_section_triangle_left { width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid #3173A1; border-bottom: 5px solid transparent; margin-left: 0px; margin-right: 6px; } div#content.c_report_him_routine_adherence .report_section_triangle_down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #3173A1; margin-left: 0px; margin-right: 6px; } div#content.c_report_him_routine_adherence .report_table .totals_cols { min-width: 180px; } div#content.c_report_him_routine_adherence .report_table .totals_labels_cols { background-color: #f0f0f0; } div#content.c_report_him_routine_adherence .report_table .totals_labels_row { height: 30px; } div#content.c_report_him_routine_adherence .report_table .totals_first_row { width: 356px; } div#content.c_report_him_routine_adherence .table_heading { text-align: left; margin: 0px; font-size: 20px; } div#content.c_report_him_routine_adherence .report_heading { text-align: left; margin: 0px 150px; } div#content.c_report_him_routine_adherence .username_heading { text-align: left; } div#content.c_report_him_routine_adherence .search_bar { display:flex; flex-direction: row; align-items:center; justify-content: space-between; padding: 20px 140px; margin-bottom: 20px; border-style:solid; border-color: #f0f0f0; border-width: 2px 0px 2px 0px; } div#content.c_report_him_routine_adherence .search_bar .col { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin-right: 10px; } div#content.c_report_him_routine_adherence .search_bar .labels_row { display: flex; flex-direction: row; justify-content: space-between; margin: 0px; padding:0px; width: 85%; } div#content.c_report_him_routine_adherence .search_bar .selectize-control { text-align: left; } div#content.c_report_him_routine_adherence .search_bar .selectize-input:active, .selectize-input:focus-within { outline: solid #0060df 2px; } div#content.c_report_him_routine_adherence .search_bar .selectize-dropdown-content .option { text-align: left; font-size: 14px; } div#content.c_report_him_routine_adherence .search_bar .selectize-input input { font-size: 14px; } div#content.c_report_him_routine_adherence .search_bar .user_date_group { display:flex; flex-direction: row; margin: 0px; padding: 0px; } div#content.c_report_him_routine_adherence .search_bar .date_entry_group { display:flex; flex-direction: row; align-items: center; font-size: 14px; color:#3173A1; margin: 0px 0px 7.5px 0px; padding: 0px 0px; border: 1px solid #d0d0d0; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } div#content.c_report_him_routine_adherence .search_bar .date_box { width: 110px; margin: 0px; padding: 4px; border-style: none; text-align: center; z-index: 2; outline: solid #00000000 2px; outline-offset: 1px; } div#content.c_report_him_routine_adherence .search_bar .date_box:focus-visible { outline: solid #0060df 2px; outline-offset: 1px; } div#content.c_report_him_routine_adherence .search_bar .last_x_days_box { width: 138px; margin: 0px; padding: 4px 10px; border-style: none; z-index: 2; outline: solid #00000000 2px; outline-offset: 1px; } div#content.c_report_him_routine_adherence .search_bar .last_x_days_box:focus-visible { outline: solid #0060df 2px; outline-offset: 1px; } div#content.c_report_him_routine_adherence .search_bar .date_box_to { width: 30px; border-style: none; z-index: 1 } div#content.c_report_him_routine_adherence .search_bar .date_box_divider { width: 1px; height: 34px; padding: 0px; margin: 0px 2px; background-color: #d0d0d0; border-style: none; } div#content.c_report_him_routine_adherence .search_bar_label { text-align: left; font-weight: 700; font-size: 10pt; } div#content.c_report_him_routine_adherence .search_bar_button { display: flex; align-self: flex-end; width: 200px; } div#content.c_report_him_routine_adherence .excel_link_container { display: flex; flex-direction: row; margin: 0px 150px; } div#content.c_report_him_routine_time div#filter_box { margin: 10px auto 0 auto; width: 604px;} div#content.c_report_him_routine_time div#filter_box table { width: 100%; } div#content.c_report_him_routine_time div#filter_box td { border: 1px solid #CCC; text-align: left; } div#content.c_report_him_routine_time div#filter_box input.date { width: 140px; } div#content.c_report_him_routine_time div#filter_box input.days { width: 60px; } div#content.c_report_him_routine_time table.result { margin: 20px auto; min-width: 500px; } div#content.c_report_him_routine_time table.result td { border: 1px solid #CCC; text-align: left; } div#content.c_report_him_routine_time table.result th { border: 0; text-align: left; } div#content.c_report_him_summary table { margin: 0 auto; border:0; } div#content.c_report_him_summary td.sticky_1 { background: #fff; } div#content.c_report_him_summary td, div#content.c_report_him_summary th { border: 1px solid #CCC; } div#content.c_report_him_summary input.period { width: 150px; } div#content.c_report_him_summary .filter { display: inline-block; margin-bottom: 20px; padding: 15px; } div#content.c_report_him_summary .filter tr { background: #fff; } div#content.c_report_him_summary .filter td { border: 0; } div#content.c_report_him_summary .button_bar { margin-top: 4px; } div#content.c_report_him_summary .by_username { width: 278px; } div#content.c_report_him_summary td.sub_game { font-weight: bold; } div#content.c_report_him_summary td.section_title { font-weight: bold; font-size: 120%; } div#content.c_report_him_summary td.period { font-weight: bold; } div#content.c_report_him_summary table#results { min-width: 700px; } div#content.c_report_him_summary tr.male_female { display: none; } div#content.c_report_him_summary tr.male_female td:nth-child(1) { text-align: right; } div#content.c_report_him_summary a.show_hide { float: right; color: #222; font-size: 120%; font-weight: bold; text-decoration: none; margin: -4px; cursor: pointer; display: inline-block; padding: 3px 20px; } div#content.c_report_him_summary a.show_hide_all { font-weight: normal; font-size: 9pt; } div#content.c_report_him_summary a.case_manager { text-decoration: none; cursor: pointer; } div#content.c_report_him_summary .modal .modal-content { margin-top: 15%; margin-bottom: 15%; } div#content.c_report_him_summary .hide_p2_and_delta { display: none; } div#content.c_report_him_summary .modal-content { min-height: 430px; } div#content.c_report_him_summary .modal-content h2 { margin: 0; padding: 0; } div#content.c_report_him_summary .modal-content p { margin: 5px 0; padding: 0; } div#content.c_report_him_summary .modal-content div.small { text-align: right; } div#content.c_report_him_summary .modal-content input.close_button { position: absolute; bottom: 10px; left: 10px; } div#content.c_report_him_summary .modal-content input.open_button { position: absolute; bottom: 10px; right: 10px; } div#content.c_report_him_summary .modal-content #no_users_msg { position: absolute; bottom: 26px; left: 40%; text-align: center; white-space: nowrap; } div#content.c_report_him_summary .selectize-control * { text-align: left; } div#content.c_report_quarterly div { } div#content.c_report_quarterly { background: #ebf2f2; } div#content.c_report_quarterly #nav { margin: 30px 0 10px 0; text-align: left; position: relative; width: 100%; } div#content.c_report_quarterly #nav form { display: inline-block; float: right; margin-top: -15px; } div#content.c_report_quarterly #filter_bar { background: #fff; border: 1px solid #dbdbdb; border-left: 0; border-right: 0; padding: 18px 0px 0px 20px; position: relative; margin: 0 -20px; } div#content.c_report_quarterly #quarterly_filter_row { text-align: left; padding: 16px; position: relative; display: grid; } div#content.c_report_quarterly #quarterly_filter_row_date_range { text-align: left; padding: 16px; position: relative; } div#content.c_report_quarterly #quarterly_filter_apply_row { text-align: left; padding: 0px 0px 10px 15px; position: relative; } div#content.c_report_quarterly input[type="radio"]{ margin: 0 10px 0 30px; text-align: left; } div#content.c_report_quarterly #filter_bar #last_x_days { display: inline; font-size: 100%; margin-left: 10px; } div#content.c_report_quarterly #filter_bar #last_x_days span { display: none; font-size: 80%; color: #444; } div#content.c_report_quarterly #quarterly_filter_row_staff_and_usernames { display: flex; } div#content.c_report_quarterly #belong_to_staff { width: 50%; } div#content.c_report_quarterly #usernames { width: 50%; } div#content.c_report_quarterly h1 { text-align: left; padding: 0; margin: 20px 0 0 0; } div#content.c_report_quarterly h2 { text-align: left; padding: 0; margin: 0 0 0 0; } div#content.c_report_quarterly h3 { text-align: left; padding: 0; font-size: 18px; margin: 20px 5px 8px 0px; line-height: 100%; } /* 5 section titles */ div#content.c_report_quarterly h4 { padding: 0; margin: 0 0 0 0; font-size: 16px; line-height: 110%; font-weight: 700; color: #333; text-align: center; } /* first title inside .col */ div#content.c_report_quarterly h5 { padding: 0; margin: 0 0 0 0; font-size: 16px; line-height: 120%; font-weight: 500; text-align: center;} /* text below numbers inside .col */ div#content.c_report_quarterly h5.normal { font-weight: normal; } div#content.c_report_quarterly h5 div.next_line { margin-top: 3px; font-weight: normal; } div#content.c_report_quarterly .quarterly_report_graph { margin: 0 0 35px 0; } div#content.c_report_quarterly .quarterly_report_graph_with_footnote { margin: 0 0 -20px 0 !important; } div#content.c_report_quarterly .quarterly_report_graph_footnote { margin: 0 0 35px 0 !important; } div#content.c_report_quarterly .saq_last_3_questions_section { display: inline; width: 1000px; } div#content.c_report_quarterly .saq_last_3_question_chart_holder { display:inline; width: 900px;} div#content.c_report_quarterly .saq_last_3_questions_labels { display: inline; width: 100px; } div#content.c_report_quarterly .block { min-height: 280px; background: #fff; border-radius: 7px; border: 1px solid #dbdbdb; width: 100%; margin: 0; } div#content.c_report_quarterly .block .no_data_available { padding: 20px; text-align: left; color: #777; } div#content.c_report_quarterly .col_container { min-height: 280px; display: inline-block; position: relative; padding: 0px 0px 32px 0px;} div#content.c_report_quarterly .col_container_test_activity { min-height: 280px; display: inline-flex; position: relative; padding: 32px 0px 32px 0px;} div#content.c_report_quarterly .col_container_test_activity .col { height: auto; min-height: 280px; border-left: 1px solid #CCC; text-align: left; padding: 32px 32px 32px 32px; position: relative; border-radius: 7px; border: 1px solid #dbdbdb;} div#content.c_report_quarterly .col_container_test_activity h5 { padding: 5px; border: 1px solid #dbdbdb;} div#content.c_report_quarterly .col_container .col { height: auto; min-height: 280px; border-left: 1px solid #CCC; text-align: left; padding: 32px 32px 32px 32px; position: relative;} div#content.c_report_quarterly .col_container .col_17 { width: 17%; } div#content.c_report_quarterly .col_container .col_70 { width: 70%; } div#content.c_report_quarterly .col_container .col_50 { width: 50%; } div#content.c_report_quarterly .col_container .col_20 { width: 20%; } div#content.c_report_quarterly .col_container .col_30 { width: 30%; } div#content.c_report_quarterly .col_container .col:first-child { border-left: 0;} div#content.c_report_quarterly .col_container .out_of { font-size: 12px; margin-top: -12px; margin-bottom: 15px; font-weight: 600; } div#content.c_report_quarterly .col_container .red { color: #e7634d; } div#content.c_report_quarterly .col_container .row { flex: 5 0px; background: pink; } div#content.c_report_quarterly .dot { display: inline-block; width: 120px; font-size: 14px; font-weight: 500; line-height: 120%; margin-top: 15px; padding-left: 18px; padding-right: 0; vertical-align: top; overflow: visible; white-space: nowrap; } div#content.c_report_quarterly .dot a { font-size: 90%; text-decoration: none; } div#content.c_report_quarterly .dot.square_dot span { display: inline-block; border-radius: 0%; width: 15px; height: 15px; background: #666; margin: 0 6px 0 -20px; } div#content.c_report_quarterly .dot span { display: inline-block; border-radius: 50%; width: 15px; height: 15px; background: #666; margin: 0 6px 0 -20px; } div#content.c_report_quarterly .dot div.next_line { margin-top: 6px; } div#content.c_report_quarterly .col_container a { font-size: 25px; text-decoration: none; font-weight: 500; } div#content.c_report_quarterly .col_container .stat a { font-size: 25px; text-decoration: bold; } div#content.c_report_quarterly .col_container a.no_click { cursor: default; } div#content.c_report_quarterly .col_container .arrange_by { font-size: 13px; } div#content.c_report_quarterly .col_container .arrange_by a { font-size: 13px; } div#content.c_report_quarterly .col_container .arrange_by a.sel { color: #222222; font-weight: bold; } div#content.c_report_quarterly .col_container hr { margin: 2px 0 9px 0; padding: 0; } div#content.c_report_quarterly .col_container td { padding: 4px 2px 0 2px; width: 50%; background: #fff; } div#content.c_report_quarterly .col_container_graphs { display: flex; justify-content: center; width: 90%; height: fit-content; margin-left: auto; margin-right: auto; } div#content.c_report_quarterly .col_graph_with_pair { display: block; width: 600px; margin-left: auto; margin-right: auto; object-fit: scale-down; padding: 30px} @media screen and (max-width: 1200px) { div#content.c_report_quarterly .col_container_graphs { display: inline-block; width: 100%; height: fit-content; } div#content.c_report_quarterly .col_graph_with_pair { height: fit-content; display: block; max-width: 600px; margin-left: auto; margin-right: auto; object-fit: scale-down; float: none !important; } } div#content.c_report_quarterly #la_nav * { font-size: 70%; line-height: 90%; } div#content.c_report_quarterly #la_nav a.sel { text-decoration: underline; color: #222; } div#content.c_report_quarterly #la_cr_no_data { color: #444; text-align: left; font-size: 80%; margin: 0px 0 0 0; xdisplay: none; } div#content.c_report_quarterly #la_adherence_no_data { color: #444; text-align: center; font-size: 90%; margin-top: 50px; display: none; } div#content.c_report_quarterly #canvas_la_adherence { display: none; } div#content.c_report_quarterly canvas { max-height: 238px;} div#content.c_report_quarterly canvas.half { max-height: 100px;} div#content.c_report_quarterly .modal-content { min-height: 430px; } /* we don't know if h2 will wrap, there's a height hack in js to adjust */ div#content.c_report_quarterly .modal-content h2 { margin: 0 15px 0 0; padding: 0; font-size: 16px; line-height: 120%; } div#content.c_report_quarterly .modal-content p { margin: 8px 0; padding: 0; text-align: left; font-size: 14px; } div#content.c_report_quarterly .modal-content p.details { margin: 8px 0; padding: 0; text-align: left; font-size: 12px; line-height: 120%; font-style: italic; } div#content.c_report_quarterly .modal-content input.close_button { position: absolute; bottom: 10px; left: 10px; } div#content.c_report_quarterly .modal-content input.open_button { position: absolute; bottom: 10px; right: 10px; } div#content.c_report_quarterly .modal-content #no_users_msg { position: absolute; bottom: 26px; left: 40%; text-align: center; white-space: nowrap; } div#content.c_report_quarterly .modal-content .selectize-control * { text-align: left; } div#content.c_report_quarterly .percent { color: #3173A1; } div#content.c_report_quarterly .stat { font-weight: 500; } div#content.c_report_quarterly .red { color: #e7634d; } div#content.c_report_quarterly .option_bar.download_pdf { position: fixed; width: 100%; bottom: 0px; z-index: 20; } div#content.c_report_quarterly .option_bar .pdf_message { line-height: 50px; text-decoration: none; } div#content.c_report_quarterly .modal .modal-content { width: 1200px; max-width: 1200px; padding-bottom: 63px; } #AAN_icon { display: block; height: 256px; width: 415px; background-image: url(/account/images/AAN_icon.png); background-repeat: no-repeat; background-size: 100%;} #TrustedMessengers_icon { display: block; height: 240px; width: 512px; min-height: 100px; min-width: 100px; background-image: url(/account/images/Trusted_Messengers_icon.png); background-repeat: no-repeat; background-size: 100%; } div#content.c_report_him_usage div.scroll_table td { min-height: 40px; height: 40px; } div#content.c_report_him_usage { background: #ebf2f2; } div#content.c_report_him_usage h2 { margin-bottom: -30px; } div#content.c_report_him_usage .block { padding: 20px; } div#content.c_report_him_usage #report_him_usage a.show_hide { text-decoration: none; display: inline-block; font-weight: normal; } div#content.c_report_him_usage #report_him_usage a.show_hide div.triangle { display: inline-block; } div#content.c_report_him_usage #report_him_usage a.show_hide div.loading { display: inline-block; color: #222; } div#content.c_report_him_usage #report_him_usage table tr td.indent { padding-left: 20px; font-weight: normal; } div#content.c_report_him_usage #report_him_usage { max-height: none; } div#content.c_report_him_usage tr td:nth-child(-n+3), div#content.c_report_him_usage tr th:nth-child(-n+3) { border-right: 3px solid #bbb; } div#content.c_report_him_usage tr td:last-child, div#content.c_report_him_usage tr th:last-child { border-right: 1px solid #dbdbdb; } div#content.c_report_him_usage td, div#content.c_report_him_usage th { padding: 8px; min-height: 60px; } div#content.c_report_him_usage #filter_bar { padding-left: 20px; } div#content.c_report_him_usage #filter_bar input[name=start_at] { margin-left: 0; } div#content.c_report_him_v5 #container { position: relative; min-height: 200px; margin: 0 auto 150px; text-align: center; } div#content.c_report_him_v5 .lm_add_search_single_line .bookmark-wrapper { float: left; } div#content.c_report_him_v5 #container .notification-wrapper { position: absolute; left: 50%; } div#content.c_report_him_v5 #container .notification-wrapper .another-wrapper { position: relative; left: -50%; } div#content.c_report_him_v5 #container .lm_error { position: relative; z-index: 220; width: 280px; } div#content.c_report_him_v5 .error_msg { position: absolute; border: 1px solid red!important; color: red; background-color: lightgrey; width: 100%; padding: 5px; margin-left: 5px; display: inline-block; } div#content.c_report_him_v5 .company_title { text-align: right; margin-right: 20px; } div#content.c_report_him_v5 #container.comparison_wrapper { width: 1250px; min-height: 200px; margin: 0 auto 150px; text-align: center; } div#content.c_report_him_v5 #container .report_title { font-family: 'Montserrat ExtraBold', 'Arial Bold'; font-size: 16px; margin-top: 10px; } div#content.c_report_him_v5 .bookmarks { max-width: 350px; } div#content.c_report_him_v5 .option_bar { height: 50px; min-width: 960px; } div#content.c_report_him_v5 .option_bar > .bar_left { width: 20%; float: left; } div#content.c_report_him_v5 .option_bar > .bar_center { position: relative; z-index: 100; width: 60%; float: left; line-height: 50px; font-size: 80%; } div#content.c_report_him_v5 .option_bar .options_popup { display: inline-block; line-height: initial; background-color: #fff; border: 1px solid #CCC; border-radius: 5px; min-width: 140px; margin: 0 5px; padding: 6px 6px; cursor: pointer; text-align: center; } div#content.c_report_him_v5 .option_bar div.options_popup { min-width: 300px; } div#content.c_report_him_v5 .option_bar > .bar_right { width: 20%; float: right; } div#content.c_report_him_v5 .option_bar .options { display: inline-block; vertical-align: sub; } div#content.c_report_him_v5 .option_bar.download_pdf { position: fixed; width: 100%; bottom: 0px; z-index: 20; } div#content.c_report_him_v5 .option_bar .pdf_message { line-height: 50px; text-decoration: none; } div#content.c_report_him_v5 .modal_charts .modal-content { width: 600px!important; } div#content.c_report_him_v5 .table-hover > tbody > tr:hover { background-color: #f5f5f5; } div#content.c_report_him_v5 .modal_charts label.clickable { display: block; width: 100%; } div#content.c_report_him_v5 .modal_charts .actions_container { height: 100px; } div#content.c_report_him_v5 .modal_charts .actions_container .processing { height: 50px; width: 100%; } div#content.c_report_him_v5 .sidepanel { width: 600px; height: 40px; position: absolute; z-index: 98; top: 0px; right: 0px; background-color: transparent; padding-top: 44px; } div#content.c_report_him_v5 input[type="date"]::-ms-clear { display: none; } div#content.c_report_him_v5 input[type="date"]::-webkit-inner-spin-button, div#content.c_report_him_v5 input[type="date"]::-webkit-clear-button { display: none; } div#content.c_report_him_v5 .sidepanel a.select_option, div#content.c_report_him_v5 .sidepanel a.handle, div#content.c_report_him_v5 .sidepanel a.button { padding: 8px; text-decoration: none; transition: 0.3s; } div#content.c_report_him_v5 .sidepanel a.select_option { font-size: 12px; } div#content.c_report_him_v5 .sidepanel a.handle { cursor: pointer; display: block; position: absolute; color: #fff; font-size: initial; top: 0px; right: 0; width: 165px; background-color: #3174A2; } div#content.c_report_him_v5 .sidepanel a.select_option:hover { color: #0043ff; } div#content.c_report_him_v5 .sidepanel a.handle:hover { color: #f1f1f1; } div#content.c_report_him_v5 .sidepanel .content { position: relative; z-index: 220; padding: 10px; background-color: #F8F9FE; border: 2px solid #3174A2; overflow-x: auto; max-height: 580px; width: 610px; transition: 0.5s; } div#content.c_report_him_v5 .sidepanel .content table { width: 100%; } div#content.c_report_him_v5 .sidepanel .group_selection { vertical-align: top; } div#content.c_report_him_v5 .sidepanel .group_selection label { margin-bottom: 10px; } div#content.c_report_him_v5 .sidepanel .content .selectize_container { vertical-align: top; } div#content.c_report_him_v5 .sidepanel .content .selectize-input { max-width: 280px; } div#content.c_report_him_v5 .selectize-dropdown { position: absolute; z-index: 101!important; } /* This is super-important for a bug fix */ div#content.c_report_him_v5 .sidepanel .content .error_container { position: relative; width: 100%; min-height: 40px; font-size: 12px; font-weight: bold; } div#content.c_report_him_v5 .sidepanel .content .apply_options { margin-right: 20px; } div#content.c_report_him_v5 .sidepanel .input_date_wrapper { position: relative; } div#content.c_report_him_v5 .sidepanel .input_date_wrapper .clear_btn { position: absolute; top: 15px; left: 180px; display: inline-block; width: 20px; height: 20px; background-image: url('../images/close_dark.png'); background-size: 20px 20px; outline: none; } div#content.c_report_him_v5 #container .section { position: relative; width: 100%; height: 590px; } div#content.c_report_him_v5 #container .chart_wrapper { position: relative; min-height: 400px; width: 800px; margin: 40px auto 0; } div#content.c_report_him_v5 #container .chart_wrapper .chart_legend { position: absolute; top: 95px; left: 50%; font-size: 11px; } div#content.c_report_him_v5 #container .chart_wrapper.dual_chart .chart_legend { position: relative; top: 0; left: 0; margin: 0 auto; } div#content.c_report_him_v5 #container .chart_wrapper.standard .chart_legend { top: 110px; } div#content.c_report_him_v5 #container .chart_wrapper .chart_legend > ul { position: relative; left: -50%; padding: 2px 10px; width: max-content; background-color: #f2f2f2; border-radius: 15px; } div#content.c_report_him_v5 #container .chart_wrapper.dual_chart .chart_legend > ul { left: 0; } div#content.c_report_him_v5 #container .chart_wrapper .chart_legend ul { display: inline-block; } div#content.c_report_him_v5 #container .chart_wrapper.dual_chart .first { width: 500px; height: 550px; float: left; } div#content.c_report_him_v5 #container .chart_wrapper.dual_chart .second { width: 500px; height: 550px; float: left; } div#content.c_report_him_v5 #container .chart_wrapper .chart_legend li { cursor: pointer; display: inline-table; line-height: 20px; margin: 0; padding: 2px 5px; } div#content.c_report_him_v5 #container .chart_wrapper .chart_legend ul.legend_wrapper.double_line { top: 25px; } div#content.c_report_him_v5 #container .chart_wrapper .chart_legend ul.legend_wrapper > li { margin: 4px 3px; } div#content.c_report_him_v5 #container .chart_wrapper .chart_legend ul.legend_wrapper > li:last-child { border-left: 1px solid #fff; } div#content.c_report_him_v5 #container .chart_wrapper .chart_legend ul.legend_wrapper.simple > li:last-child { border-left: none; } div#content.c_report_him_v5 #container .chart_wrapper .chart_legend li div.sample_size { margin-left: 20px; } div#content.c_report_him_v5 #container .chart_wrapper .chart_legend li span { position: relative; color: #000; padding: 2px 6px; } div#content.c_report_him_v5 #container .chart_wrapper .chart_legend li span.legend_color { padding: 2px 8px; margin: 0 2px; } div#content.c_report_him_v5 #container .chart_wrapper.standard { clear: both; } div#content.c_report_him_v5 #container .chart_wrapper .lm_success { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; } div#content.c_report_him_v5 #container .chart_wrapper .chart_js { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; width: 100%; } div#content.c_report_him_v5 #container .chart_wrapper.standard { width: 800px; height: 550px; } div#content.c_report_him_v5 #container .chart_wrapper.comparison { width: 800px; height: 600px; } div#content.c_report_him_v5 #container .chart_wrapper.comparison.dual_chart { width: 1000px; height: 600px; } div#content.c_report_him_v5 #container .chart_wrapper.medium { width: 500px; height: 600px; } div#content.c_report_him_v5 #container .chart_wrapper.small { width: 300px; height: 600px; } div#content.c_report_him_v5 #container .row { display: block; width: 100%; } div#content.c_report_him_v5 #container .row .comparison:first-child { margin-right: 50px; } div#content.c_report_him_v5 #container .chart_wrapper.medium, div#content.c_report_him_v5 #container .chart_wrapper.small { float: left; margin-bottom: 40px; } div#content.c_report_him_v5 #container .dialog_opener { position: absolute; left: 0; font-size: 12px; font-weight: bold; } div#content.c_report_him_v5 #container #bm_falls_risk_q .dialog_opener { top: 30px; } div#content.c_report_him_v5 #container #bm_falls_risk_q .chart_wrapper.comparison .dialog_opener { top: 150px; } div#content.c_report_him_v5 #container #bm_abc_responses .dialog_opener { top: 150px; } div#content.c_report_him_v5 #container .dialog_opener div#content.c_report_him_v5 #container .chart_wrapper.comparison .dialog_opener { position: absolute; top: 150px; } div#content.c_report_him_v5 #container #bm_abc_responses .dual_chart .dialog_opener { top: 75px; } div#content.c_report_him_v5 #container .spacer { clear: both; } div#content.c_report_him_v5 #container #users_selector .scroll_box { max-height: 300px; overflow: auto; } div#content.c_report_him_v5 #container .chart_wrapper.small { float: left; margin-bottom: 40px; } div#content.c_report_him_v5 .group_selection label { display: block; } div#content.c_report_him_v5 .selector a { font-size: 9pt; display: inline-block; margin-left: 10px; } div#content.c_report_him_v5 .selector label { font-size: 80%; margin-left: 40px; display: block; } @-moz-document url-prefix() { div#content.c_report_him_v5 .sidepanel .content { width: 620px; } div#content.c_report_him_v5 .sidepanel table tr td:first-child { min-width: 256px; } div#content.c_report_him_v5 .sidepanel .input_date_wrapper .clear_btn { display: none; } } div#content.c_report_wellness h1 { display: inline-block; margin-left: auto; margin-right: auto; } div#content.c_report_wellness .lm_add_search { display: none; } div#content.c_report_home_program table { width: 100%; } div#content.c_report_home_program th, div#content.c_report_home_program td { border: 1px solid #dbdbdb; vertical-align: top; } div#content.c_report_home_program td.indent { padding-left: 60px; } div#content.c_report_wellness input.days { width: 100px; text-align: right; } div#content.c_report_wellness form#company_plain { text-align: right; } div#content.c_report_wellness div#filter_bar { text-align: left; margin: -30px 0 14px 0; } div#content.c_report_wellness div#filter_bar h3 { padding: 0; margin: 0; cursor: pointer; } div#content.c_report_wellness div#filter_bar h3 span.triangle { display: inline-block; color: #3173A1; } div#content.c_report_wellness div#filter_bar h3.sel span.triangle { transform: rotate(-90deg); } div#content.c_report_wellness div#filter_bar form { margin: 10px 0 0 10px; } div#content.c_report_wellness div#filter_bar form div { display: inline-block; } div#content.c_report_wellness div#filter_bar form div p { margin: 0 0 0 4px; padding: 0; } div#content.c_report_wellness div#button_bar { text-align: left; } div#content.c_report_wellness div#button_bar a.button { font-size: 85%; } div#content.c_report_wellness div#tab_bar { text-align: left; padding: 10px; position: relative; } div#content.c_report_wellness div#tab_bar a { text-decoration: none; display: inline-block; border: 6px solid #fff; } div#content.c_report_wellness div#tab_bar a.sel { border-bottom-color: #3173A1; } div#content.c_report_wellness div#tab_bar div.success { position: absolute; top: -30px; left: 50%; transform: translate(-50%, 0); text-align: center; } div#content.c_report_wellness table.lm_grid tr th { text-align: center; } div#content.c_report_wellness table.lm_grid tr td:nth-child(1) { text-align: center; height: 40px; padding: 0; } div#content.c_report_wellness table.lm_grid tr td:nth-child(8) { text-align: center; } div#content.c_report_wellness table.lm_grid tr td:nth-child(9) { text-align: center; width: 5%; } div#content.c_report_wellness table.lm_grid tr td:nth-child(-n + 6) { cursor: pointer; } div#content.c_report_wellness table.lm_grid tr.processing { background: #eee; transition: all .3s ease-in; } div#content.c_report_wellness table.lm_grid tr.processing td { color: #888; transition: all .3s ease-in; } div#content.c_routine .bounding_box { padding: 28px; min-width: 1006px; max-width: 1100px; margin: 0 auto; } div#content.c_routine .lm_add_search { margin: 14px auto; max-width: 1100px; } div#content.c_routine .flex-container { display: flex; flex-direction: column; align-items: stretch; text-align: left; } div#content.c_routine .flex-container .row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; line-height: 1.5; } div#content.c_routine p { margin-top: 10px!important; } div#content.c_routine .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { padding-left: 15px; padding-right: 15px; } div#content.c_routine .col-8 { flex-basis: 0; flex-grow: 8; } div#content.c_routine .col-7 { flex-basis: 0; flex-grow: 7; } div#content.c_routine .col-6 { flex-basis: 0; flex-grow: 6; } div#content.c_routine .col-5 { flex-basis: 0; flex-grow: 5; } div#content.c_routine .col-4 { flex-basis: 0; flex-grow: 4; } div#content.c_routine .col-3 { flex-basis: 0; flex-grow: 3; } div#content.c_routine .col-2 { flex-basis: 0; flex-grow: 2; } div#content.c_routine .col-1 { flex-basis: 0; flex-grow: 1; } div#content.c_routine .btn-block { margin-left: 0; margin-right: 0; padding: 10px 0; text-align: center; } div#content.c_routine .input_search_wrapper { position: relative; width: fit-content; width: -moz-max-content; } div#content.c_routine #search_trigger { margin-left: 0; margin-right: 0; margin-bottom: 15px; width: 100%; } div#content.c_routine .input_search_wrapper .clear_btn { position: absolute; top: 15px; left: 98%; display: inline-block; width: 20px; height: 20px; background-image: url('../images/close_dark.png'); background-size: 20px 20px; outline: none; } div#content.c_routine .input_search_wrapper .clear_btn.hide { display: none; } div#content.c_routine .input_search_wrapper .clear_btn.loading { background-image: url('../images/loading.gif')!important; } div#content.c_routine .scroll_box { overflow-x: hidden; overflow-y: auto; max-height: 500px; width: 100%; } div#content.c_routine .scroll_box .lm_grid { width: 100%; min-width: 900px; } div#content.c_routine .scroll_box .lm_grid tbody { border: 1px solid #ddd; } div#content.c_routine .scroll_box .lm_grid th { z-index: 98; } /* so it doesn't cover up the sticky company column */ div#content.c_routine .scroll_box tr.activity { height: 45px; } div#content.c_routine .scroll_box tr.activity td:nth-child(1) { width: 100%; } div#content.c_routine .scroll_box tr.activity td > div { width: 100%; } div#content.c_routine .scroll_box tr.activity.selected { background-color: #3274a1; color: #fff; } div#content.c_routine .scroll_box tr.activity action_plan_type { position: absolute; color: #aaa; font-weight: bold; font-style: italic; right: 15px; top: 6px; } div#content.c_routine .scroll_box tr.activity:hover action_plan_type { display: none; } div#content.c_routine .scroll_box tr.activity.selected action_plan_type { display: none; } div#content.c_routine .scroll_box tr.activity td { display: flex; position: relative; } div#content.c_routine .scroll_box tr.activity .list-group, div#content.c_routine .scroll_box tr.activity .list-group-item { display: flex; align-items: center; height: 45px; } div#content.c_routine .scroll_box tr.activity .title { display: flex; align-items: center; height: 45px; text-overflow: ellipsis; width: 55%; max-width: 555px; white-space: nowrap; overflow: hidden; } div#content.c_routine .scroll_box tr.activity .list-group-item { justify-content: flex-end; } div#content.c_routine .scroll_box tr.activity input[type=button] { background-color: #dadde8; color: black; } div#content.c_routine .scroll_box tr.activity input[value=Delete] { background-color: #ff7390; } div#content.c_routine #routine_unhide_control table.lm_grid th, div#content.c_routine h4.column_header { font-weight: 600; } div#content.c_routine input.dull { opacity: 0.5; color: #fff!important; } div#content.c_routine #c_routine_dialog { overflow: hidden; } div#content.c_routine #c_routine_dialog .validate_msg { padding: 3px; } div#content.c_routine h2 { padding: 6px 0; } div#content.c_routine h3 { padding: 6px 0; } div#content.c_routine p { padding: 4px 0 10px 0; margin: 0; } div#content.c_routine td { border: 1px solid #fff; } div#content.c_routine select.lm_routine_id { width: 320px; } div#content.c_routine .button_bar { display: inline-block; margin: 14px auto 6px auto; background: #ddd; border-radius: 3px; width: 100%; min-width: 820px; padding: 10px; position: relative; } div#content.c_routine input[type=button].hide_when_no_routines_exist, div#content.c_routine input[type=submit].hide_when_no_routines_exist { display: none; } div#content.c_routine .unhide_link { position: relative; } div#content.c_routine .readonly_msg { position: relative; min-width: 800px; bottom: -29px; font-size: 80%; text-align: center; color: #444; } div#content.c_routine .step { display: block; min-height: 100px; margin: 10px auto; width: 550px; position: relative; text-align: center; background: #eee; border: 1px solid #CCC; border-radius: 5px; } div#content.c_routine .step .panel { width: 100%; min-height: 100px; padding-bottom: 60px; padding-top: 8px; } div#content.c_routine .step .panel p { max-width: 80%; margin: 0 auto; } div#content.c_routine .step a.prev { position: absolute; bottom: 8px; left: 8px; } div#content.c_routine .step a.next { position: absolute; bottom: 8px; right: 8px; } div#content.c_routine .step a.edit_step { position: absolute; bottom: 8px; right: 8px; } div#content.c_routine .step a.delete_step { position: absolute; top: 8px; right: 12px; text-decoration: none; color: #222; z-index: 1000; } div#content.c_routine .step a.delete_step span { position: absolute; top: 0px; right: -116px; width: 100px; height: 28px; color: #FF4136; text-align: center; font-size: 80%; display: none; background: #fff; border-radius: 5px; border: 1px solid #CCC; } div#content.c_routine .step a.delete_step:hover span{ display: block; } div#content.c_routine .step a.cancel_step { position: absolute; top: 8px; left: 12px; text-decoration: none; color: #555; z-index: 1000; font-weight: bold; font-size: 120%; } div#content.c_routine .step a.cancel_step span { position: absolute; top: 0px; left: -116px; width: 100px; height: 28px; color: #555; text-align: center; font-size: 14px; display: none; background: #fff; border-radius: 5px; border: 1px solid #CCC; font-weight: normal; } div#content.c_routine .step a.cancel_step:hover span{ display: block; } div#content.c_routine a.step_toggle { font-size: 80%; display: block; text-align: center; margin-bottom: 10px; } div#content.c_routine a.insert_step { display: block; position: relative; text-decoration: none; color: #fff; margin: 3px auto; width: 20px; height: 20px; line-height: 20px; text-align: center; background: rgb(46, 204, 64); } div#content.c_routine a.insert_step span { position: absolute; display: none; top: 0; left: 25px; width: 220px; height: 28px; color: rgb(46, 204, 64); text-align: left; font-size: 80%; } div#content.c_routine a.insert_step:hover span { display: block; } div#content.c_routine div.success { margin-top: 14px; } div#content.c_routine .narrow { width: 70px; } div#content.c_routine .step .required_msg { position: absolute; display: block; bottom: 16px; left: 20%; width: 60%; text-decoration: none; color: #FF4136; font-weight: bold; z-index: 999; display: none; } div#content.c_routine .label_level_complete { text-align: center; margin: 0 auto; } div#content.c_routine .label_level_complete label.select { width: 180px; } div#content.c_routine .label_group_game label span { margin: 12px 10px -12px 10px;} div#content.c_routine .label_group_sub_game { width: 400px; text-align: center; margin: 0 auto; position: relative; } div#content.c_routine .label_group_activity { text-align: left; width: 200px; margin: 0 auto; line-height: 180%; } div#content.c_routine .label_group_game { text-align: left; width: 360px; margin: 0 auto; line-height: 180%; } div#content.c_routine .label_group_assessment { text-align: left; position: relative; padding: 3px 10px; } div#content.c_routine .label_group_assessment a { position: absolute; right: 11px; top: 50px; } div#content.c_routine .label_group_assessment h3 { text-align: left; border-bottom: 1px solid #CCC; margin-bottom: 7px; padding-bottom: 2px; } div#content.c_routine a.select_all { margin: -4px 100% 0 10px; width: 150px; font-size: 80%; } div#content.c_routine .loop_enabled { position: absolute; bottom: 9px; left: 0px; font-size: 75%; width: 380px; } div#content.c_routine #routine_modal { background-color: rgba(0, 0, 0, .5); left: 0; top: 0; z-index: 1; height: 100%; width: 100%; position: fixed; } /* apply modal background */ div#content.c_routine .routine_modal { z-index: 2; background: #fff; } /* popup active step */ div#content.c_routine tip { display: block; font-size: 8pt; color: #666; margin: 0 0 -10px 20px; } div#content.c_routine .summary ul { margin: 10px auto 0 auto; max-width: 400px; } div#content.c_routine .summary ul li { text-align: left; font-size: 9pt; color: #444; line-height: 12pt; } div#content.c_routine .summary ul li:empty { display: none; } div#content.c_routine_assignment h1 { margin-bottom: 0; padding-bottom: 0; } div#content.c_routine_assignment .button_bar select { width: 400px; } div#content.c_routine_assignment .button_bar { background: #ddd; border-radius: 3px; padding: 5px; margin: 10px 0 0 0; } div#content.c_routine_assignment .toggle_bar { background: #fff; text-align: left; } div#content.c_routine_assignment .toggle_bar a { font-size: 14px; } div#content.c_routine_assignment .user_bar label span { display: inline-block; font-size: 90%; border-radius: 3px; padding: 3px 10px; margin: 0 7px; border: 1px solid #CCC; background-color: rgba(255,255,255,0.8); } div#content.c_routine_assignment table.list tr td:first-child { width: 10%; } div#content.c_routine_assignment table.list td { border: 1px solid #CCC; } div#content.c_routine_assignment table.list th { border-bottom: 1px solid #CCC; text-align: left; } div#content.c_routine_assignment table.list { width: 100%; } div#content.c_routine_assignment div.routine_control { display: inline-block; font-size: 12px; padding: 4px 38px 4px 6px; margin: 4px; background: pink; border: 1px solid #CCC; border-radius: 5px; position: relative; line-height: 120%; } div#content.c_routine_assignment div.routine_control a{ font-size: 8pt; position: absolute; top: 2px; right: 5px; } div#content.c_routine_assignment a#unassign { float: right; } div#content.c_routine_assignment a.toggle_users { display: inline-block; margin-top: 6px; margin-left: 6px; margin-right: 10px; } div#content.c_routine_assignment tr.warning { background-color: #ffd1ce; } div#content.c_routine_assignment div.toggle_bar { min-height: 33px;} div#content.c_routine_him table { width: 100%; } div#content.c_routine_him table p { padding: 0; margin: 10px 0 -5px 0; } div#content.c_routine_him table td { border: 1px solid #fff; padding-right: 23px; } div#content.c_routine_him div#sub_game_id_available { overflow-x: auto; overflow-y: visible; width: 100%; background: #fff; margin: 8px; padding: 8px; border-radius: 3px; min-height: 300px; border: 2px solid #fff; } div#content.c_routine_him div#sub_game_id_active { overflow-x: auto; overflow-y: visible; width: 100%; background-color: #fff; min-height: 45px; padding: 8px; margin: 10px; border-radius: 3px; color: #666; border: 2px solid #fff; } div#content.c_routine_him input#routine_name { width: 100%; padding: 8px; margin: 10px; border-radius: 3px; } div#content.c_routine_him td.col_0 { width: 371px; } div#content.c_routine_him div#copy_delete { text-align: right; font-size: 9pt; float: right; } div#content.c_routine_him a.sub_game_icon_plain { position: relative; cursor: move; margin: 0 0 -7px 0; } div#content.c_routine_him a.sub_game_icon_plain b { display: none; position: absolute; min-width: 120px; min-width: 100px; max-width: 100px; position: absolute; top: 0px; left: 46px; color: #fff; background: #3173A1; font-weight: normal; font-size: 9pt; padding: 3px 6px; border-radius: 3px; z-index: 1000; line-height: 120%; } div#content.c_routine_him a.sub_game_icon_plain:hover b { display: inline-block; position: absolute; position: absolute; top: -63px; left: 0px; color: #fff; background: #3173A1; font-weight: normal; font-size: 9pt; padding: 3px 6px; border-radius: 3px; z-index: 1000; line-height: 120%; height: 60px; } div#content.c_routine_him sub_game { border: 2px solid #fff; margin: 0 4px 4px 0; display: inline-block; border-radius: 4px; } div#content.c_routine_him sub_game:hover { border: 2px solid #CCC; } div#content.c_routine_him .sel { border: 2px solid #CCC; } div#content.c_routine_him input[type=range]{ width: 100%; -webkit-appearance: none; height: 20px; background: #d3d3d3; outline: none; opacity: 0.8; -webkit-transition: .2s; transition: opacity .2s; } div#content.c_routine_him input[type=range]:hover { opacity: 1; } div#content.c_routine_him input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; background: #3173A1; cursor: pointer; border-radius: 4px; } div#content.c_routine_him input[type=range]::-moz-range-thumb { width: 20px; height: 20px; background: #3173A1; cursor: pointer; } div#content.c_routine_him .control { min-width: 400px; width: 450px; border: 1px solid #CCC; border-radius: 5px; padding: 10px; position: relative; margin: 10px; background: #eee; } div#content.c_routine_him .control b { display: inline-block; text-align: right; padding-left: 10px; width: 120px; } div#content.c_routine_him .control b.break { display: block; text-align: left; padding-left: 10px; width: 90%; } div#content.c_routine_him .control select { width: 100%; margin-left: 0; margin-right: 0; } div#content.c_routine_him .control span { display: block; width: 43px; height: 39px; position: absolute; bottom: 0; right: 0; text-align: center; } div#content.c_routine_him div.readonly_msg { font-size: 80%; text-align: center; color: #444; margin-top: 6px; } div#content.c_routine_him_v5 table { width: 100%; } div#content.c_routine_him_v5 table p { padding: 0; margin: 10px 0 -5px 0; } div#content.c_routine_him_v5 p.category { display: inline-block; width: 97%; border-bottom: 1px solid #CCC; border-top: 3px solid #fff; font-size: 14px; max-height: 41px; line-height: 1.5em; text-decoration: none; vertical-align: middle; margin: 4px auto; padding: 3px 30px 3px 7px; font-weight: bold; } div#content.c_routine_him_v5 table td { border: 1px solid #CCC; padding: 6px 15px; } div#content.c_routine_him_v5 div#sub_game_id_available , div#content.c_routine_him_v5 div#sub_game_id_active { overflow-y: auto; width: 100%; background: #fff; min-height: 400px; max-height: 400px; padding: 0px; margin: 0px; border-radius: 3px; border: 2px solid #fff; } div#content.c_routine_him_v5 input#routine_name { width: 400px; padding: 8px; margin: 10px; border-radius: 3px; } div#content.c_routine_him_v5 td.thirds { width: 33.3%; } div#content.c_routine_him_v5 sub_game { display: inline-block; width: 320px; height: 34px; background: #fff; color: #333; border: 2px solid #3173A1; font-size: 14px; line-height: 1.6em; text-decoration: none; vertical-align: middle; cursor: pointer; margin: 4px auto; padding: 3px 30px 3px 7px; border-radius: .2em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; user-select: none; position: relative; } div#content.c_routine_him_v5 sub_game:hover , div#content.c_routine_him_v5 sub_game.sel { color: #fff; background: #3173A1; } div#content.c_routine_him_v5 sub_game a { position: absolute; top: 3px; right: 10px; height: 20px; width: 20px; background-image: url(/account/images/info.png); cursor: help; } div#content.c_routine_him_v5 div.readonly_msg { font-size: 80%; text-align: center; color: #444; margin-top: 6px; } div#content.c_routine_him_v5 #no_exercises_msg { display: inline-block; margin-right: 20px; color: #3173A1; } div#content.c_routine_him_v5 div#sub_game_id_active:after { content: ""; height: 100px; display: block; } /* normal padding breaks on ff overflow auto - space to drop items at the bottom */ div#content.c_routine_him_v5 #popup_info h1 { padding: 0; margin: 0;} div#content.c_routine_him_v5 #popup_info p { padding: 0; margin: 8px 100px; text-align: left; } div#content.c_routine_him_v5 #popup_info a#video_link { width: 75px; height: 75px; background-image: url('../images/icons/video.png'); background-size: 75px 75px; display: block; margin: 10px auto 10px auto; } div#content.c_routine_him_v5 .modal .modal-content { width: 696px; max-width: 696px; } div#content.c_routine_him_v5 #popup_info iframe#video { width: 656px; height: 556px; overflow: hidden; border: 0; margin: 0 auto; display: none; } div#content.c_routine_him_vestibular table { width: 100%; } div#content.c_routine_him_vestibular table p { padding: 0; margin: 10px 0 -5px 0; } div#content.c_routine_him_vestibular p.category { display: inline-block; width: 97%; border-bottom: 1px solid #CCC; border-top: 3px solid #fff; font-size: 14px; max-height: 41px; line-height: 1.5em; text-decoration: none; vertical-align: middle; margin: 4px auto; padding: 3px 30px 3px 7px; font-weight: bold; } div#content.c_routine_him_vestibular table td { border: 1px solid #CCC; padding: 6px 15px; } div#content.c_routine_him_vestibular div#sub_game_id_available , div#content.c_routine_him_vestibular div#sub_game_id_active { overflow-y: auto; width: 100%; background: #fff; min-height: 400px; max-height: 400px; padding: 0px; margin: 0px; border-radius: 3px; border: 2px solid #fff; } div#content.c_routine_him_vestibular input#routine_name { width: 400px; padding: 8px; margin: 10px; border-radius: 3px; } div#content.c_routine_him_vestibular td.thirds { width: 33.3%; } div#content.c_routine_him_vestibular sub_game { display: inline-block; width: 320px; height: 34px; background: #fff; color: #333; border: 2px solid #3173A1; font-size: 14px; line-height: 1.6em; text-decoration: none; vertical-align: middle; cursor: pointer; margin: 4px auto; padding: 3px 30px 3px 7px; border-radius: .2em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; user-select: none; position: relative; } div#content.c_routine_him_vestibular sub_game:hover , div#content.c_routine_him_vestibular sub_game.sel { color: #fff; background: #3173A1; } div#content.c_routine_him_vestibular sub_game a { position: absolute; top: 3px; right: 10px; height: 20px; width: 20px; background-image: url(/account/images/info.png); cursor: help; } div#content.c_routine_him_vestibular div.readonly_msg { font-size: 80%; text-align: center; color: #444; margin-top: 6px; } div#content.c_routine_him_vestibular #no_exercises_msg { display: inline-block; margin-right: 20px; color: #3173A1; } div#content.c_routine_him_vestibular div#sub_game_id_active:after { content: ""; height: 100px; display: block; } /* normal padding breaks on ff overflow auto - space to drop items at the bottom */ div#content.c_routine_him_vestibular #popup_info h1 { padding: 0; margin: 0;} div#content.c_routine_him_vestibular #popup_info p { padding: 0; margin: 8px 100px; text-align: left; } div#content.c_routine_him_vestibular #popup_info a#video_link { width: 75px; height: 75px; background-image: url('../images/icons/video.png'); background-size: 75px 75px; display: block; margin: 10px auto 10px auto; } div#content.c_routine_him_vestibular .modal .modal-content { width: 696px; max-width: 696px; } div#content.c_routine_him_vestibular #popup_info iframe#video { width: 656px; height: 556px; overflow: hidden; border: 0; margin: 0 auto; display: none; } div#content.c_routine_him_vestibular input[type=range]{ width: 100%; -webkit-appearance: none; height: 20px; background: #d3d3d3; outline: none; opacity: 0.8; -webkit-transition: .2s; transition: opacity .2s; } div#content.c_routine_him_vestibular input[type=range]:hover { opacity: 1; } div#content.c_routine_him_vestibular input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; background: #3173A1; cursor: pointer; border-radius: 4px; } div#content.c_routine_him_vestibular input[type=range]::-moz-range-thumb { width: 20px; height: 20px; background: #3173A1; cursor: pointer; } div#content.c_routine_him_vestibular .control { min-width: 400px; width: 450px; border: 1px solid #CCC; border-radius: 5px; padding: 10px; position: relative; margin: 10px; background: #eee; } div#content.c_routine_him_vestibular .control b { display: inline-block; text-align: right; padding-left: 10px; width: 120px; } div#content.c_routine_him_vestibular .control b.break { display: block; text-align: left; padding-left: 10px; width: 90%; } div#content.c_routine_him_vestibular .control select { width: 100%; margin-left: 0; margin-right: 0; } div#content.c_routine_him_vestibular .control span { display: block; width: 43px; height: 39px; position: absolute; bottom: 0; right: 0; text-align: center; } div#content.c_routine_him_vestibular div.readonly_msg { font-size: 80%; text-align: center; color: #444; margin-top: 6px; } div#content.c_rtm_billing_report { background-color: #ebf2f2; padding-left: 0px; padding-right: 0px; border-left-style: none; border-right-style: none; } div#content.c_rtm_billing_report .main_filter_bar_section { background-color: white; padding: 2px 100px; margin: 30px 0px; } div#content.c_rtm_billing_report .main_data_section { background-color: white; border-radius: 10px; padding: 2px 20px; margin: 10px 100px; } div#content.c_rtm_billing_report .report_heading { text-align: left; margin: 8px 0px 0px 0px; color: #3173A1; font-size: 14pt; } div#content.c_rtm_billing_report .company_select_dropdown_parent { display: flex; flex-direction: row; justify-content: end; margin: 10px 100px; font-weight: 500; font-size: 12pt; } div#content.c_rtm_billing_report .company_select_dropdown_parent select { margin-right: 0px; margin-left: 12px; } div#content.c_rtm_billing_report .report_section_triangle_left { width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid #3173A1; border-bottom: 5px solid transparent; margin: 6px; } div#content.c_rtm_billing_report .report_section_triangle_down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #3173A1; margin: 6px;} div#content.c_rtm_billing_report .report_section_triangle_transparent { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid transparent; margin: 6px;} div#content.c_rtm_billing_report .table_bounding_box { overflow: scroll; height: 500px; } div#content.c_rtm_billing_report .section_description_text { text-align: left; font-size: 10pt; line-height: 120%; } div#content.c_rtm_billing_report .report_table { font-size: 10pt; font-weight: 500; color: #6b6b6b; border-collapse: separate; border-spacing: 0; } div#content.c_rtm_billing_report .report_table .sub_heading th { color: #6b6b6b; } div#content.c_rtm_billing_report .report_table tr { align-items: center; } div#content.c_rtm_billing_report .report_table td { padding: 0px 10px; background-color: white; text-align: left; border-bottom-style: solid; border-bottom-color: #cccccc; border-bottom-width: 1.5px; } div#content.c_rtm_billing_report .report_table .heading_row { padding-top: 10px; padding-bottom: 10px; } div#content.c_rtm_billing_report .report_table .heading_row p { line-height: 120%; padding: 0px; margin: 0px; } div#content.c_rtm_billing_report .report_table .username { color: #3174A2; user-select: none; } div#content.c_rtm_billing_report .report_table .username:hover { color: #275C81; cursor: pointer; } div#content.c_rtm_billing_report .btn_billing { width: 100px; height:20px; background-color: #3173A1; font-size: small; } div#content.c_rtm_billing_report .btn_billing_wide { width: 140px; } div#content.c_rtm_billing_report .billing_not_ready_text { margin-left: 4px; } div#content.c_rtm_billing_report .state_billed { border-color: #7D9C3A; background-color: white; color: #7D9C3A; border-style: solid; border-width: 2px; } div#content.c_rtm_billing_report .report_table .primary_row { background-color: #EAF1F6; } div#content.c_rtm_billing_report .report_table .bg_light_gray { background-color: #F9F9F9; } div#content.c_rtm_billing_report .billing_units_popup { border-color: #3173A1; background-color: white; border-style: solid; border-width: 2px; width: 180px; height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; position: absolute; } div#content.c_rtm_billing_report .billing_units_popup p { text-align: left; font-size: 11pt; line-height: 100%; } div#content.c_rtm_billing_report .billing_units_popup .done_btn, .cancel_btn { background-color: transparent; color: #3173A1; font-size: 11pt; } div#content.c_rtm_billing_report .billing_units_popup .cancel_btn { font-weight: 500; } div#content.c_rtm_billing_report .billing_units_popup .done_btn:hover, .cancel_btn:hover { color:#3173A1; } div#content.c_rtm_billing_report .billing_units_popup .units_btn { background-color: #3173A1; width: 30px; height: 30px; padding: 0px; font-size: 13pt; } div#content.c_rtm_billing_report .billing_units_popup .units_display { border-color: #3173A1; border-style: solid; border-width: 2px; width: 50px; height: 30px; text-align: center; justify-content: center; font-weight: bold; color: #3173A1; font-size: 14pt; margin: 10px; padding: 4px; } div#content.c_rtm_billing_report .overview_table { font-size: 14px; font-weight: 500; border-collapse: separate; border-spacing: 0; } div#content.c_rtm_billing_report .overview_table tr { background-color: white; } div#content.c_rtm_billing_report .overview_table td { padding: 0px 2px 0px 0px; } div#content.c_rtm_billing_report .overview_table th { margin: 0px; padding: 0px; min-width: 30px; font-weight: 600; } div#content.c_rtm_billing_report .overview_table_btn { background-color: #3173A1; color: white; width: 130px; height: 80px; border-radius: 5%; padding: 15px; margin: 0px; display: flex; flex-direction: column; justify-content: space-between; } div#content.c_rtm_billing_report .overview_table_btn p { font-size: 11pt; text-align: left; line-height: 110%; margin: 0px; padding: 0px; } div#content.c_rtm_billing_report .overview_table_btn .num_users_text { font-size: 22pt; margin-right: 5px; } div#content.c_rtm_billing_report .indiv_breakdown_filters_heading { font-weight: 600; font-size: 16px; margin-left: 0px; } div#content.c_rtm_billing_report .indiv_breakdown_filters_reset_btn { background-color: transparent; color: #3173A1; font-size: 14px; font-weight: 500; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 20px; } div#content.c_rtm_billing_report .indiv_breakdown_filters { display: flex; flex-direction: column; padding: 0px; margin-bottom: 20px; } div#content.c_rtm_billing_report .indiv_breakdown_filters .main_row { display: flex; flex-direction: row; align-items: start; padding: 0px; margin: 0px; } div#content.c_rtm_billing_report .indiv_breakdown_filters .title { font-size: 14px; font-weight: 600; } div#content.c_rtm_billing_report .indiv_breakdown_filters .loading-display { margin-top: 28px;} div#content.c_rtm_billing_report .indiv_breakdown_filters .apply_btn { font-size: 14px; margin: 28px 4px 8px 4px; height: 28px; width: 60px; } div#content.c_rtm_billing_report .indiv_breakdown_filters .date_entry_group { display:flex; flex-direction: row; align-items: center; font-size: 14px; color:#3173A1; margin: 0px 0px 7.5px 0px; padding: 0px 0px; border: 1px solid #d0d0d0; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } div#content.c_rtm_billing_report .indiv_breakdown_filters .date_box { width: 110px; margin: 0px; padding: 4px; border-style: none; text-align: center; z-index: 2; outline: solid #00000000 2px; outline-offset: 1px; } div#content.c_rtm_billing_report .indiv_breakdown_filters .date_box:focus-visible { outline: solid #0060df 2px; outline-offset: 1px; } div#content.c_rtm_billing_report .indiv_breakdown_filters .last_x_days_box { width: 138px; margin: 0px; padding: 4px 10px; border-style: none; z-index: 2; outline: solid #00000000 2px; outline-offset: 1px; } div#content.c_rtm_billing_report .indiv_breakdown_filters .last_x_days_box:focus-visible { outline: solid #0060df 2px; outline-offset: 1px; } div#content.c_rtm_billing_report .indiv_breakdown_filters .date_box_to { width: 30px; border-style: none; z-index: 1 } div#content.c_rtm_billing_report .indiv_breakdown_filters .date_box_divider { width: 1px; height: 34px; padding: 0px; margin: 0px 2px; background-color: #d0d0d0; border-style: none; } div#content.c_rtm_billing_report .indiv_breakdown_filters .rtm_codes_selector { width: 100%; } div#content.c_rtm_billing_report .indiv_breakdown_filters .col { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin-right: 10px; width: 60vw; } div#content.c_rtm_billing_report .indiv_breakdown_filters .selectize-control { text-align: left; } div#content.c_rtm_billing_report .indiv_breakdown_filters .selectize-input:active, .selectize-input:focus-within { outline: solid #0060df 2px; } div#content.c_rtm_billing_report .indiv_breakdown_filters .selectize-dropdown-content .option { text-align: left; font-size: 14px; } div#content.c_rtm_billing_report .indiv_breakdown_filters .selectize-input input { font-size: 14px; } div#content.c_rtm_billing_report .indiv_breakdown_filters .last_days_buttons { margin: 0px; padding: 0px; font-size: 14px; } div#content.c_rtm_billing_report .individual_breakdown_table { font-size: 14px; margin-bottom: 30px; } div#content.c_rtm_billing_report .individual_breakdown_table th { text-align: left; padding: 32px 0px 16px 0px; font-weight: 600; border-style: solid; border-width: 1px; border-color: #d0d0d0; border-left-style: none; border-right-style: none; } div#content.c_rtm_billing_report .individual_breakdown_table td { background-color: white; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #d0d0d0; padding: 10px 0px; } div#content.c_rtm_billing_report .individual_breakdown_table .column_period, .column_created, .column_staff { width: 250px; } div#content.c_rtm_billing_report .individual_breakdown_table .column_codes { width: 150px; text-align: right; padding-right: 16px !important; } div#content.c_rtm_billing_report .individual_breakdown_table .column_event { width: 600px; } div#content.c_rtm_billing_report .individual_breakdown_table .rtm_codes_data { text-align: right; padding-right: 16px; } div#content.c_rtm_billing_report .main_filter_bar .users_selector, .zip_codes_selector, .clinicians_selector { width: 100%; } div#content.c_rtm_billing_report .flex_row { display: flex; flex-direction: row; align-items: center; } div#content.c_rtm_billing_report .end_aligned { align-items:end; } div#content.c_rtm_billing_report .heading_alt_txt { font-weight: 100; } div#content.c_rtm_billing_report .bg_orange { background-color: #e7634d; } div#content.c_rtm_billing_report .min_width_80 { min-width: 80px; } div#content.c_rtm_billing_report .min_width_180 { min-width: 180px; } div#content.c_rtm_billing_report .border_solid_left { border-left-style: solid; border-left-color: #cccccc; border-left-width: 1.5px; } div#content.c_rtm_billing_report .no_bottom_border { border-bottom-style: none !important; } div#content.c_server_side_variable .lm_calculation { font-size: 9pt; width: 600px; padding: 10px; min-height: 200px; } div#content.c_server_side_variable #test_result { max-height: 280px; overflow: auto; } div#content.c_server_side_variable #test_result div span { font-size: 10pt; font-family: monospace; } div#content.c_server_side_variable .lm_grid { font-size: 90%; } div#content.c_server_side_variable .lm_grid tr td:nth-child(4) { word-wrap: break-word; max-width: 400px; } div#content.c_server_side_variable .lm_grid tr td:nth-child(5) { width: 300px; text-align: center; } div#content.c_server_side_variable .lm_form select { max-width: 500px; } div#content.c_server_side_variable .lm_form tr td:nth-child(1) { min-width: 130px; } div#content.c_server_side_variable .components { width: 100%; background: #fff; margin: 0; } div#content.c_server_side_variable .components td { font-size: 8pt; text-align: center; line-height: 9pt; } div#content.c_server_side_variable .components tr td:nth-child(1) { text-align: right; width: 200px; } div#content.c_server_side_variable .components .c { color: green; } div#content.c_server_side_variable .components .x { color: red; } div#content.c_server_side_variable .source_datatypes { width: 300px; padding: 0; } div#content.c_sub_game table.lm_grid tr td:nth-child(3) { word-break: break-all; } div#content.c_sub_game table.lm_grid input.lm_sort_order { width: 50px; font-size: 10pt; } div#content.c_sub_game td img { height: 45px; width: 45px; } div#content.c_sub_game .lm_form select, div#content.c_sub_game .lm_form input[type=text] { width: 420px; } div#content.c_sub_game table.lm_form tr:nth-child(n+1) td:nth-child(1) { max-width: 300px; width: 300px; } div#content.c_subscription ul.tip_box { max-width: 720px; } div#content.c_support p, div#content.c_support ul { text-align: left; width: 420px; margin-left: auto; margin-right: auto; } div#content.c_support p#video_tip { width: 800px; text-align: center; } div#content.c_support #dl { margin-top: -50px; } div#content.c_ticket form { text-align: left; max-width: 700px; margin: 0 auto; } div#content.c_ticket form input { width: 100%; } div#content.c_ticket form textarea { width: 100%; min-height: 200px; } div#content.c_ticket div.from_email { display: block; padding-left: 6px; } div#content.c_ticket div.indent { display: block; padding-left: 6px; } div#content.c_ticket div.body { background: #eee; border-radius: 6px; padding: 10px; } div#content.c_token_assignment div.success, div#content.c_token_assignment div.error { width: 300px; } div#content.c_token table.lm_form tr td:first-child { white-space: nowrap; } div#content.c_token label.checkbox { display: block; font-size: 14px; margin: 0; } /* sub game checkboxes */ div#content.c_user a.username { color: #333; text-decoration: none; display: inline-block; margin-left: 4px; } div#content.c_user a.username:hover { text-decoration: underline; } div#content.c_user a.icon { width: 20px; height: 20px; background-size: 20px 20px; background-repeat: no-repeat; display: inline-block; margin: 0 7px -4px 0; } div#content.c_user a.icon_case_manager { background-image: url(/account/images/icon_case_manager.svg); } div#content.c_user a.icon_user_dashboard { background-image: url(/account/images/icon_user_dashboard.svg); } div#content.c_user .svg { filter: invert(38%) sepia(35%) saturate(904%) hue-rotate(162deg) brightness(97%) contrast(86%); height: 22px; } div#content.c_user div.grid_label { font-size: 13px; line-height: 120%; max-width: 150px; margin-bottom: 4px; } div#content.c_user div.grid_label b { font-weight: 600; } div#content.c_user_assignment div.success { width: 500px; } div#content.c_user_assignment .button_bar select { width: 400px; max-width: 400px; } div#content.c_user_assignment .button_bar { background: #ddd; border-radius: 3px; padding: 5px; padding-left: 26%; margin: 10px 0 0 0; text-align: left; } div#content.c_user_assignment .toggle_bar { background: #fff; text-align: left; font-size: 14px; padding-top: 6px; position: relative; height: 50px; } div#content.c_user_assignment .user_bar label span { display: inline-block; font-size: 90%; border-radius: 3px; padding: 3px 10px; margin: 0 7px; border: 1px solid #CCC; background-color: rgba(255,255,255,0.8); } div#content.c_user_assignment table.list td { vertical-align: middle; border: 1px solid #CCC; } div#content.c_user_assignment table.list td:nth-child(1) { width: 1%; text-align: center; } div#content.c_user_assignment table.list td:nth-child(2) { width: 25%; } div#content.c_user_assignment table.list td:nth-child(2) label { cursor: pointer; } div#content.c_user_assignment table.list td, div#content.c_user_assignment table.list th { border-bottom: 1px solid #CCC; text-align: left; } div#content.c_user_assignment table.list th a { color: #222; text-decoration: none; } div#content.c_user_assignment table.list { width: 100%; } div#content.c_user_assignment label.clinician { display: inline-block; width: 300px; min-height: 32px; line-height: 32px; font-size: 14px; padding: 4px 20px 4px 28px; margin: 0 3px 0 3px; border: 1px solid #CCC; border-radius: 5px; overflow-wrap: break-word; background: #7abcdf; cursor: pointer; position: relative; } div#content.c_user_assignment label.clinician input { position: absolute; top: 9px; left: 5px; } div#content.c_user_assignment a#unassign { position: absolute; right: -1px; top: 1px; } div#content.c_user_assignment #assign_error { position: absolute; left: 44%; } div#content.c_user_assignment tr.warning { background-color: #ffd1ce; } div#content.c_user_assignment div.toggle_bar { min-height: 33px;} div#content.c_user_assignment label.user_id_label { display: inline-block; width: 100%; cursor: pointer; } div#content.c_user_dashboard #loading { display: block; text-align: center; margin-top: 170px; background: rgba(255, 255, 255, 0.9); } div#content.c_user_dashboard #user_list_loading { position: absolute; top: 300px; left: 140px; background: rgba(255, 255, 255, 0.9); padding: 30px; z-index: 3000; } div#content.c_user_dashboard h1.h1_section { text-align: left; position: relative; margin: 0; padding: 0 120px 0 0; cursor: pointer; } div#content.c_user_dashboard h1.h1_section button { position: absolute; font-size: 10pt; top: 0px; right: 0px; } div#content.c_user_dashboard #graph_layout { padding-bottom: -20px; } div#content.c_user_dashboard #select_a_user h1 { color: #aaa; padding: 20px 0; } div#content.c_user_dashboard #select_a_user h1 div { background: url(/account/images/arrow_left.svg) no-repeat center; height: 18px; width: 27px; display: inline-block; margin-right: 6px; } div#content.c_user_dashboard #col_container { display:flex; position: relative; } div#content.c_user_dashboard #left_col { margin-top: 20px; margin-right: 20px; padding-top: 8px; min-height: 90vh; border: 1px solid #CCC; border-radius: 5px; position: sticky; top: 62px; overflow: visible; } div#content.c_user_dashboard #left_col.hidden { width: 100px; min-width: 100px; overflow: hidden; } div#content.c_user_dashboard #left_col #user_list_menu { margin: 5px 0 0 2px; padding-left: 4px; text-align: left; min-width: 600px; } div#content.c_user_dashboard #right_col { width: 99%; text-align: left; } div#content.c_user_dashboard .right_section { margin-top: 20px; padding: 15px; } div#content.c_user_dashboard .right_section iframe { width: 100%; border: 0; height: 280px; margin-bottom: -10px; } div#content.c_user_dashboard #left_col #hide_show { position: absolute; top: 0; right: 0; display: inline-block; background: #fff; color: #888; font-size: 12pt; padding: 2px 6px; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-bottom-left-radius: 6px; cursor: pointer; } div#content.c_user_dashboard #left_col #hide_show:hover { background: #bbb; color: #fff; } div#content.c_user_dashboard #left_col b#title_active_users { display: block; text-align: center; margin: 2px auto; } div#content.c_user_dashboard #left_col #label_input_control_container:empty { display: none; } div#content.c_user_dashboard #left_col #label_input_control_container input[type=select-multiple] { font-size: 18.66px; } div#content.c_user_dashboard #left_col #label_toggle div { display: relative; } div#content.c_user_dashboard #left_col #label_toggle div div.title { position: absolute; top: 10px; } /* js will add 'left' on certain layouts */ div#content.c_user_dashboard #left_col #label_toggle div div.title span { display: none; } div#content.c_user_dashboard #left_col #label_toggle div div.title a { display: inline-block; margin-left: 10px; } div#content.c_user_dashboard #left_col #search_box { display: flex; width: 100%; justify-content: center; padding: 0 6px; } div#content.c_user_dashboard #left_col #search_box > div { width: 45%; padding: 6px; padding-bottom: 0; text-align: left; } div#content.c_user_dashboard #left_col #search_box > div:empty { display: none; } div#content.c_user_dashboard #left_col select, div#content.c_user_dashboard #left_col input[type=text] { width: 100%; margin: 0; } div#content.c_user_dashboard #left_col table { width: 100%; } div#content.c_user_dashboard #left_col table th { cursor: pointer; font-size: 9.5pt; line-height: 11pt; padding: 4.8px; } div#content.c_user_dashboard #left_col table th span { font-size: 8pt } div#content.c_user_dashboard #left_col table td { border: 1px solid #CCC; border-right: 0; font-size: 12pt; line-height: 120%; } div#content.c_user_dashboard #left_col table tr td.shaded_green { background: #e2ffe4; } div#content.c_user_dashboard #left_col table tr td.shaded_yellow { background: #fffde0; } div#content.c_user_dashboard #left_col table tr td.shaded_red { background: #ffcdcd; } div#content.c_user_dashboard #left_col table tr:hover { background: #3173A1; color: #fff; cursor: pointer; } div#content.c_user_dashboard #left_col table tr:hover td.shaded_green, div#content.c_user_dashboard #left_col table tr:hover td.shaded_yellow, div#content.c_user_dashboard #left_col table tr:hover td.shaded_red { color: #000; } div#content.c_user_dashboard #left_col table td { width: 80px; max-width: 80px; } /* table_column_toggle.js expects ~100px per cell */ div#content.c_user_dashboard #left_col table td.username { width: 120px; max-width: 120px; } div#content.c_user_dashboard #left_col table td div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div#content.c_user_dashboard #left_col #not_found { margin-top: 15px; } div#content.c_user_dashboard #left_col.hidden #filter_game_id { display: none; } div#content.c_user_dashboard #left_col #filter_game_id:empty { display: none; } div#content.c_user_dashboard #left_col #filter_game_id { display: flex; justify-content: center; width: 90%; margin: 10px auto 10px auto; } div#content.c_user_dashboard #left_col #filter_game_id div { flex-grow: 1; background: #DBDBDB; color: #222; font-size: 80%; font-weight: 700; text-decoration: none; padding-top: 3px; padding-left: 3px; border-right: 1px solid #fff; cursor: pointer; user-select: none; } div#content.c_user_dashboard #left_col #filter_game_id div.sel { background: #3173A1; color: #fff; } div#content.c_user_dashboard #left_col #filter_game_id div.item:hover { opacity: .8; } div#content.c_user_dashboard #left_col #filter_game_id div.title { background: #fff; cursor: default; } div#content.c_user_dashboard #heading_layout { padding-left: 30px; padding-right: 30px; position: relative; } div#content.c_user_dashboard #heading_layout h1 { text-align: left; color: #3173A1; margin: 0; padding: 0; line-height: 14pt; } div#content.c_user_dashboard #heading_layout h1 div { text-align: left; font-weight: 400; font-size: 11pt; line-height: 11pt; margin: 6px 0 2px 0; } div#content.c_user_dashboard #heading_layout h1 div:empty { display: none; } div#content.c_user_dashboard #heading_layout h1 a { text-decoration: none; } div#content.c_user_dashboard #heading_layout h1 a:hover { text-decoration: underline; } div#content.c_user_dashboard #heading_layout #time_in_app { border-top: 1px solid #DBDBDB; padding-top: 10px; margin-top: 10px; } div#content.c_user_dashboard #heading_layout #health_stats div { display: inline-block; padding: 5px 0; margin-right: 20px; } div#content.c_user_dashboard #peak_flow span { color: #3173A1; background-color: #fff; display: inline-block; border: 1px solid #3173A1; border-radius: 8px; padding: 5px 8px; margin-left: 3px; cursor: pointer; font-weight: bold; } div#content.c_user_dashboard #peak_flow span i { font-style: normal; color: #999; font-size: 80%; } div#content.c_user_dashboard #popup_peak_flow .button_bar { margin-top: 10px; } div#content.c_user_dashboard #heading_layout #case_manager { position: absolute; top: 10px; right: 15px; font-size: 18.6px; font-weight: normal; display: inline-block; background-color: rgba(248, 249, 254, .9); } div#content.c_user_dashboard table#history { margin: 0 auto; width: 100%; } div#content.c_user_dashboard a.table_download { font-size: 9pt; } div#content.c_user_dashboard div.loading { font-size: 80%; margin: 20px 0; text-align: center; } div#content.c_user_dashboard div.scroll_table { width: 400px; } div#content.c_user_dashboard #lesson { display: inline-block; margin-bottom: 20px; } div#content.c_user_dashboard #lesson a.lesson_link { color: #333; text-decoration: underline; } div#content.c_user_dashboard #lesson table.him_results_table_lesson { margin: 0; width: 100%; } div#content.c_user_dashboard #lesson table.him_results_table_lesson th { position: relative; border-bottom: 1px solid #DBDBDB; } div#content.c_user_dashboard #lesson table.him_results_table_lesson td { border: 1px solid #CCC; padding: 8px; } div#content.c_user_dashboard #lesson table.him_results_table_lesson td a.show_hide { display: block; } div#content.c_user_dashboard #lesson table.him_results_table_lesson tr.title_row { border-top: 2px solid #CCC; } div#content.c_user_dashboard table.him_results_table_exercise div.sub_game_name { position: absolute; top: 8px; left: 50px; width: 270px; padding: 2px; } div#content.c_user_dashboard table.rops table td { min-width: 130px !important; } div#content.c_user_dashboard #domain_to_game_bar { display: block; margin: -5px 0; text-align: right; } div#content.c_user_dashboard #domain_to_game_bar a { font-size: 8pt; font-size: 8pt; } div#content.c_user_dashboard #information h3 { text-align: center; } div#content.c_user_dashboard #information td, div#information th { font-size: 12px; line-height: 14px; } div#content.c_user_dashboard #information th { padding: 10px; } div#content.c_user_dashboard #information table { margin: 0; width: 100%; } div#content.c_user_dashboard #information #sit_to_stand td { border: 1px solid #fff; } div#content.c_user_dashboard h2.game_stats { margin-bottom: 0; padding-bottom: 0; font-size: 90%; } div#content.c_user_dashboard table.game_stats { font-size: 90%; width: 100%; margin-bottom: 40px; } div#content.c_user_dashboard table.game_stats td, div#content.c_user_dashboard table.game_stats th { text-align: center; border: 1px solid #fff; } div#content.c_user_dashboard table.game_stats td:nth-child(1) { text-align: left; font-weight: bold; line-height: 14px; } div#content.c_user_dashboard table.game_stats td:nth-child(1) span { font-weight: normal; display: block; font-size: 8pt; color: #444; } div#content.c_user_dashboard #tabs.tabs_clinician { margin-bottom: 38px; } /* users and clinicians need extra space */ div#content.c_user_dashboard #media_container #type_container { font-size: 9pt; text-align: left; margin: -13px 0 10px 10px; } div#content.c_user_dashboard #media_container #type_container a { color: #333; text-decoration: none; } div#content.c_user_dashboard #media_container #type_container a.unsel { color: #FF4136; text-decoration: underline; } div#content.c_user_dashboard #media_container #type_container a.unsel:hover { } div#content.c_user_dashboard #media_container #media_content { height: 510px; overflow-x: scroll; overflow-y: hidden; display: flex; margin-bottom: 20px; } div#content.c_user_dashboard #media_container .img_video { display: inline-block; border: 1px solid #CCC; padding: 1px 18px; margin: 0px 10px 10px 0; font-size: 10pt; color: #666; position: relative; } div#content.c_user_dashboard #media_container .img_video_date { display: block; text-align: left; padding: 1px 6px 0; font-weight: bold; } div#content.c_user_dashboard #media_container .img_video_type { float: right; } div#content.c_user_dashboard #media_container .img_video_description { display: block; text-align: left; font-size: 14px; line-height: 14px; padding-bottom: 2px; margin: 0 auto; max-width: 533px; } div#content.c_user_dashboard #media_container .img_video_full_screen { position: absolute; display: block; height: 14px; width: 14px; z-index: 1000; bottom: 70px; right: 40px; background-image: url('../images/full_screen.gif'); } div#content.c_user_dashboard #media_container video, div#content.c_user_dashboard #media_container img { display: inline-block; height: 400px; } div#content.c_user_dashboard table.health_diary { width: 100%; margin-bottom: 20px; table-layout:fixed; font-size: 10pt; line-height: 12pt; font-family: sans-serif; } div#content.c_user_dashboard table.health_diary th:first-child { white-space: nowrap; min-width: 80px; line-height: 12pt; } div#content.c_user_dashboard table.health_diary td { border: 1px solid #CCC; vertical-align: top; text-align: left; overflow-wrap: break-word; word-break: break-all; } div#content.c_user_dashboard table.health_diary_smoking_oxygen td:nth-child(1) { width: 50%; background: #fff; text-align: right; padding-right: 5%; } div#content.c_user_dashboard table.health_diary_smoking_oxygen td:nth-child(2) { width: 50%; background: #fff; text-align: left; padding-left: 5%; } div#content.c_user_dashboard table.health_diary_reported_health_events td:last-child, div#content.c_user_dashboard table.health_diary_diary_entries td:last-child { word-break: break-word; max-width: 600px; text-align: left; } div#content.c_user_dashboard table.health_diary_health_profile td { border: 1px solid #CCC; background: #fff; } div#content.c_user_dashboard b.health_diary_health_profile_title { display: block; text-align: left; } div#content.c_user_dashboard div.health_diary_reported_health_events_filter { font-size: 9pt; text-align: left; margin: -13px 0 10px 10px; } div#content.c_user_dashboard div.health_diary_reported_health_events_filter a { color: #FF4136; } div#content.c_user_dashboard div.health_diary_reported_health_events_filter a.sel { color: #333; text-decoration: none; } div#content.c_user_dashboard table.health_diary_medication td { overflow-wrap: break-word } div#content.c_user_dashboard tr.hidden_medication_link a { font-size: 9pt; float: right; } div#content.c_user_dashboard table.health_diary_medication td:nth-child(7), div#content.c_user_dashboard table.health_diary_medication td:nth-child(8) { white-space: nowrap; overflow-wrap: normal; } div#content.c_user_dashboard table#health_diary_reported_health_events th[role=columnheader]:not(.no-sort) { cursor: pointer; } div#content.c_user_dashboard table#health_diary_reported_health_events th[role=columnheader]:not(.no-sort):after { content: ''; float: right; margin-top: 7px; border-width: 0 4px 4px; border-style: solid; border-color: #fff transparent; visibility: hidden; opacity: 0; user-select: none; } div#content.c_user_dashboard table#health_diary_reported_health_events th[aria-sort=ascending]:not(.no-sort):after { border-bottom: none; border-width: 4px 4px 0; } div#content.c_user_dashboard table#health_diary_reported_health_events th[aria-sort]:not(.no-sort):after { visibility: visible; opacity: 0.4; } div#content.c_user_dashboard table#health_diary_reported_health_events th[role=columnheader]:not(.no-sort):hover:after { visibility: visible; opacity: 1; } div#content.c_user_dashboard #him_results_table_action th a { color: #222; text-decoration: none; } div#content.c_user_dashboard #him_results_table_action th a:hover { text-decoration: underline; } div#content.c_user_dashboard #notes_section { padding-bottom: 10px; } div#content.c_user_dashboard #notes_section table { width: 100%; position: relative; } div#content.c_user_dashboard #notes_section table td { padding: 0; } div#content.c_user_dashboard #notes_section table td:first-child { width: 95%; padding-top: 10px; } div#content.c_user_dashboard #notes_section div#note_form { text-align: left; padding: 0 155px 0 0; margin: 0 0 -12px 0; position: relative; } div#content.c_user_dashboard #notes_section textarea { width: 100%; resize: none; margin-bottom: 8px; } div#content.c_user_dashboard #notes_section input#note_insert { width: 100px; height: 75px; position: absolute; top: 0px; right: 0px; display: block; margin-bottom: 0px; } div#content.c_user_dashboard #notes_section div.note_item { text-align: left; border: 1px solid #CCC; border-radius: 5px; padding: 10px 110px 10px 10px; margin: 10px 0 0 4px; position: relative; } div#content.c_user_dashboard #notes_section div.note_item:hover { background: #eee; } div#content.c_user_dashboard #notes_section .note_created_at { font-weight: bold; font-size: 80%; color: #777; } div#content.c_user_dashboard #notes_section input.note_delete { position: absolute; top: 18px; right: 18px; font-size: 10pt; } div#content.c_user_dashboard #notes_section input.note_insert { width: 150px; height: 70px; } div#content.c_user_dashboard span.note_msg { display: block; position: absolute; top: -20px; left: 10px; } div#content.c_user_dashboard span#note_count, div#content.c_user_dashboard span#diary_count { font-size: 14px; color: #777; } div#content.c_user_wizard table { margin: 0 auto; } div#content.c_user_wizard #apply_permission_preset { margin: 10px 0 ;} /* section - modules - keep alphabetical */ /* additional_exercise_log - summary AND game table */ #additional_exercises_log td.limit_width { max-width: 100px; word-wrap:break-word; } /* biometric_info_wrapper */ #biometric_info_wrapper #biometric_stats_feed { margin-top: 10px; border: 1px solid #dbdbdb; border-radius: 6px; padding: 18px 26px 21px 22px; text-align: left;} #biometric_info_wrapper #biometric_stats_feed #averages_table_title { border-bottom: 0; border-top: 0; padding: 8px 8px 2px 8px; font-size: 16px; font-weight: 700; color: #222; line-height: 110%; } #biometric_info_wrapper #biometric_stats_feed #averages_table_data_range { border-bottom: 0; border-top: 0; padding: 0 8px 8px 8px; font-size: 12px; font-weight: 700; color: #222; line-height: 110%; } #biometric_info_wrapper #biometric_stats_feed table { width: 100%; table-layout: fixed;} #biometric_info_wrapper #biometric_stats_feed div.scroll_table { border: 0; } #biometric_info_wrapper #biometric_stats_feed table td.date_bar { border-bottom: 2px solid #53b8ee; border-top: 2px solid #53b8ee; } #biometric_info_wrapper #biometric_stats_feed table td { border-bottom: 1px solid #dbdbdb; border-top: 0; padding: 13px 8px 13px 8px; color: #3173A1; font-size: 24px; line-height: 110%; } #biometric_info_wrapper #biometric_stats_feed table th { border-bottom: 1px solid #dbdbdb; border-top: 0; padding: 8px 8px 10px 8px; position: sticky; top: 0; font-size: 13px; vertical-align: top; text-align: left; line-height: 1em;} #biometric_info_wrapper #biometric_stats_feed table th .table_subheader { border-top: 0; padding: 0; padding-top: 2px; position: sticky; top: 0; font-size: 10px; vertical-align: top; text-align: left; line-height: 1em; font-weight: 400;} #biometric_info_wrapper #biometric_stats_feed table tr:nth-child(even) { background: none;} #biometric_info_wrapper #biometric_stats_feed table tr td:nth-child(1) { color: #222; font-size: 13px; } #biometric_info_wrapper #biometric_stats_feed table tr td:nth-child(2) { max-width: 200px; } #biometric_info_wrapper #biometric_stats_feed table tr td:nth-child(n+3):nth-child(-n+6) { white-space: nowrap; } #biometric_info_wrapper #biometric_stats_feed .heart_rate_icon { color: red; font-size: 25px; display: inline; vertical-align: middle; padding-right: 8px;} #biometric_info_wrapper #biometric_stats_feed .oxygen_saturation_icon { color: red; font-size: 27px; display: inline; vertical-align: middle; padding-right: 8px; font-weight: 600;} #biometric_info_wrapper #biometric_stats_feed .oxygen_saturation_icon sub { font-size: 10px; padding-left: 0;} #biometric_info_wrapper #biometric_stats_feed_link { font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: left; margin-top: 0px; } #biometric_info_wrapper #biometric_stats_feed_link span { display: inline-block; transform: rotate(90deg); } #biometric_info_wrapper #biometric_stats_feed th { padding: 8px; font-weight: 600;} #biometric_info_wrapper #biometric_stats_feed td a { font-weight: bold; text-decoration: none; } #biometric_info_wrapper #biometric_stats_feed td.date_bar { position: sticky; top: 0; background-color: #fff; font-weight: bold; } /* top set in ajax at runtime */ #biometric_info_wrapper #biometric_graphing_feed { margin-top: 10px; border: 1px solid #dbdbdb; border-radius: 6px;} #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter { background-color: #e5e5e5; padding: 18px 26px 21px 22px; } #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_labels { display: flex; width: auto; margin-left: 6px;} #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_labels div { text-align: left; width: 212px; font-size: 15px; font-weight: 700; color: #222; margin-right: 5px;} #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_labels #during { width: 260px; } #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_labels #date_range { width: 255px; margin-left: 15px;} #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_labels #routine_select { width: 212px; margin-left: 6px;} #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_feilds { display: flex; width: -webkit-fill-available;} #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_feilds form { display: -webkit-inline-box; width: -webkit-fill-available;} #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_feilds select { min-height: 32px; max-height: 32px; text-align: left; width: fit-content; font-size: 15px; font-weight: 500; color: #222; margin-top: 5px;} #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_feilds { text-align: left; width: fit-content; font-size: 15px; font-weight: 500; color: #222; } #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_feilds input { font-family: "Montserrat", sans-serif; font-weight: 500; width: 111px; font-size: 16px; height: 32px; margin: 1px 0px 1px 0px; padding: 1px 0px 1px 8px;} #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_feilds [type=select-multiple] { /*height: 15px;*/ } #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_feilds input:disabled { color: #555; opacity: 0.7;} #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_feilds .selectize-control { padding-top: 5px; } #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_feilds .selectize-input { max-height: 32px; border: 1px solid #AAA; min-width: 252px; padding: 0px 8px; } #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_feilds .selectize-control.multi .selectize-input.has-items { padding: 3px 5px 0px 5px; height: 32px; } #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_feilds .selectize-control.multi .selectize-input > div { vertical-align: super; } #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_feilds .selectize-control.multi .selectize-input > div:focus { vertical-align: none; } #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_feilds .biometric_exercise_date_filter_button { display: block; width: 83px; color: white; height: 30px; margin: 4px 0px 1px 20px; padding: 1px 0px 1px 0px;} #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_feilds .biometric_exercise_date_filter_button:disabled { display: none;} #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #biometric_graphing_filter_feilds #biometric_exercise_date_filter { text-align: left; width: 264px; font-size: 15px; font-weight: 700; color: #222; height: 32px; margin: 4px 0px 4px 13px; } #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_filter #exercise_date_filter { text-align: left; width: 500px; font-size: 15px; font-weight: 700; color: #222;} #biometric_info_wrapper #biometric_graphing_feed .graphing_table_first_column { z-index: 1; position:sticky; width: 5em; left: 0; top: auto; border-right: 0px none black; border-top-width: 3px; /*only relevant for first row*/ margin-top: -3px; /*compensate for top border*/ background: #fff; } #biometric_info_wrapper #biometric_graphing_feed .graphing_table_title { border-bottom: 1px solid #dbdbdb; border-right: 2px solid #dbdbdb; border-top: 0; padding: 13px 13px 13px 8px; font-size: 13px; font-weight: 700; color: #222; line-height: 110%; vertical-align: top; width: 221px;} #biometric_info_wrapper #biometric_graphing_feed .graphing_table_data_range { border-bottom: 0; border-top: 0; padding: 0 8px 8px 8px; font-size: 12px; font-weight: 700; color: #222; line-height: 110%; } #biometric_info_wrapper #biometric_graphing_feed table .graphing_table_session_number { border-bottom: 2px solid #dbdbdb; display:table-cell; } #biometric_info_wrapper #biometric_graphing_feed table .table_header_line_block { width: 14px; height:4px; margin-left: 5px;} #biometric_info_wrapper #biometric_graphing_feed #biometric_filter_error { text-align: center; color: #FF4136; } #biometric_info_wrapper #biometric_graphing_feed .loading { text-align: center; padding: 25px;} #biometric_info_wrapper #biometric_graphing_feed table { /*width: 100%; table-layout: fixed;*/ border-collapse: separate; } #biometric_info_wrapper #biometric_graphing_feed .bg_table { border-collapse: separate; } #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_scroll_table { overflow-x: scroll; overflow-y: visible; } #biometric_info_wrapper #biometric_graphing_feed #biometric_graphing_table { padding: 18px 26px 21px 22px;} #biometric_info_wrapper #biometric_graphing_feed table { width: 100%; table-layout: fixed; } #biometric_info_wrapper #biometric_graphing_feed div.scroll_table { border: 0; max-height: fit-content; overflow-y: visible; overflow-x: scroll;} #biometric_info_wrapper #biometric_graphing_feed table td.date_bar { border-bottom: 2px solid #53b8ee; border-top: 2px solid #53b8ee; } #biometric_info_wrapper #biometric_graphing_feed table td { border-bottom: 1px solid #dbdbdb; border-top: 0; padding: 13px 9px 13px 15px; color: #3173A1; font-size: 13px; line-height: 110%; font-weight: 600; } #biometric_info_wrapper #biometric_graphing_feed table .graphing_table_rops_value { font-size: 11px; } #biometric_info_wrapper #biometric_graphing_feed table th { border-bottom: 1px solid #dbdbdb; border-top: 0; padding: 8px 8px 10px 8px; position: sticky; top: 0; font-size: 12px; vertical-align: top; text-align: left; line-height: 1em;} #biometric_info_wrapper #biometric_graphing_feed table th .table_subheader { border-top: 0; padding: 0; position: sticky; top: 0; font-size: 10px; vertical-align: top; text-align: left; line-height: 1em;} #biometric_info_wrapper #biometric_graphing_feed table tr:nth-child(even) { background: none;} #biometric_info_wrapper #biometric_graphing_feed table tr td:nth-child(1) { color: #222; font-size: 13px; font-weight: 600;} #biometric_info_wrapper #biometric_graphing_feed table tr td:nth-child(2) { font-weight: 500; border-right: 0px; } #biometric_info_wrapper #biometric_graphing_feed table tr td:nth-child(n+3):nth-child(-n+40) { font-weight: 500; border-right: 0px;} #biometric_info_wrapper #biometric_graphing_feed table .line_block_table tr td { border: 0; padding: 0; color: #3173A1; display: inline-block; width: fit-content;} #biometric_info_wrapper #biometric_graphing_feed table tr td { width: 212px; font-family: "Montserrat", sans-serif;} #biometric_info_wrapper #biometric_graphing_feed table .collapsible_row { display: table-row; } #biometric_info_wrapper #biometric_graphing_feed_link { font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: left; margin-top: 0px; } #biometric_info_wrapper #biometric_graphing_feed_link span { display: inline-block; transform: rotate(90deg); } #biometric_info_wrapper #biometric_graphing_feed_link th { padding: 8px; font-weight: 600;} #biometric_info_wrapper #biometric_graphing_feed_link td a { font-weight: bold; text-decoration: none; } #biometric_info_wrapper #biometric_graphing_feed_link td.date_bar { position: sticky; top: 0; background-color: #fff; font-weight: bold; } /* top set in ajax at runtime */ #biometric_info_wrapper #biometric_graphing_feed #biometric_graph_container { height: 530px; margin-left: auto; margin-right: auto; padding: 0px 50px 50px 50px; } #biometric_info_wrapper #biometric_graphing_feed #biometric_graph_container #data_biometric_routine { padding: 0px; } #biometric_info_wrapper #biometric_graphing_feed div.biometric_routine_legend { width: fit-content; margin-left: auto; margin-right: auto; display: flex;} #biometric_info_wrapper #biometric_graphing_feed .biometric_routine_legend .legend_button { width: 142px; padding: 0px 4px 0px 4px; background-color: white; border: none; white-space: nowrap; display: flex;/*pointer-events: none;*/ } #biometric_info_wrapper #biometric_graphing_feed .biometric_routine_legend .legend_button img { display: flex; width: fit-content; margin: 5px 5px 5px 5px; } #biometric_info_wrapper #biometric_graphing_feed .biometric_routine_legend .legend_button:hover { background: white; } #biometric_info_wrapper #biometric_graphing_feed .biometric_routine_legend .legend_button:active { background: white; } #biometric_info_wrapper #biometric_graphing_feed .biometric_routine_legend .line_block_table { width: fit-content; padding: 0px; margin: 8px 0px 8px 0px;} #biometric_info_wrapper #biometric_graphing_feed .biometric_routine_legend .line_block_table_o2 { width: fit-content; padding: 0px; } #biometric_info_wrapper #biometric_graphing_feed .biometric_routine_legend .legend_button tr { width: fit-content; padding: 0px; } #biometric_info_wrapper #biometric_graphing_feed .biometric_routine_legend .legend_button td { width: fit-content; padding: 0px; border: none; color:#000; } #biometric_info_wrapper #biometric_graphing_feed .biometric_routine_legend .legend_button #legend_icon_hr { width: 43px; padding: 0px; } #biometric_info_wrapper #biometric_graphing_feed .biometric_routine_legend .legend_button #legend_icon_o2 { width: 49px; padding: 0px 4px 0px 0px; display: inline-block; } #biometric_info_wrapper #biometric_graphing_feed .biometric_routine_legend .legend_button td .table_header_line_block { width: 30px; padding: 0px; } #biometric_info_wrapper #biometric_graphing_feed .biometric_routine_legend .legend_button td .table_header_line_block_o2 { width: 8px; height: 3px; padding: 1px; margin: 2px; display: inline-flex; } #biometric_info_wrapper #biometric_graphing_feed div.y_axis_labels { display: flex; justify-content: space-between; margin-left: 14px; margin-right: 11px; margin-bottom: 17px; font-weight: 700; font-size: 15px;} #biometric_info_wrapper #biometric_graphing_feed div.y_axis_labels #left_axis { align-self: flex-start; } #biometric_info_wrapper #biometric_graphing_feed div.y_axis_labels #right_axis { align-self: flex-end; } #biometric_graphing_table_expand_link { font-size: 110%; font-weight: bold; text-decoration: none; display: block; text-align: left; margin: 20px 20px 20px 10px; position:sticky; width: fit-content; left: 0; top: auto; } #biometric_graphing_table_collapse_link { font-size: 110%; font-weight: bold; text-decoration: none; display: block; text-align: left; margin: 20px 20px 20px 10px; position:sticky; width: fit-content; left: 0; top: auto; } #biometric_info_wrapper .legend_button .legend_tooltip { display: inline-block; } #biometric_info_wrapper .legend_button:hover .legend_tooltip { visibility: visible; } #biometric_info_wrapper .legend_tooltip { position: relative; top: 40px; left: -20%; display: inline-block; visibility: hidden; background: rgba(255, 255, 255, .7); color: black; border-radius: 4px; border-color:#000000; border-style: solid; border-width: 1px; /*-webkit-transition: all .1s ease; transition: all .1s ease;*/ font-family: "Montserrat", sans-serif; padding: 0px 10px 0px 10px; font-size: 12px; font-weight: 500; } #biometric_info_wrapper .biometric_legend_tooltip_right_axis { position: relative; top: 20px; left: -50%; display: inline; visibility: hidden; background:#eee; } #biometric_info_wrapper #chartjs-tooltip { opacity: 1; position: absolute; background: rgba(255, 255, 255, .7); background: black; color: black; border-radius: 8px; border-color: black; border-width: 4px; -webkit-transition: all .1s ease; transition: all .1s ease; pointer-events: none; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #biometric_info_wrapper #chartjs-tooltip table { border-color: black; border-width: 3px; border-radius: 10px; } #biometric_info_wrapper #chartjs-tooltip tr { background: rgba(255, 255, 255, 0); color: black; max-height: 5px; height: 5px; border-color: rgba(255, 255, 255, 0); border-width: 2px; border-radius: 10px; } #biometric_info_wrapper #chartjs-tooltip td { font-family: "Montserrat", sans-serif; line-height: 15px; padding: 0px; } #biometric_info_wrapper .chartjs-tooltip-circle-key { display: inline-block; width: 13px; height: 13px; margin-right: 10px; border-radius: 11px; vertical-align: bottom; border-width: 4px; } #biometric_info_wrapper .chartjs-tooltip-key { display: inline-block; width: 10px; height: 10px; margin-right: 13px; border-radius: 11px; } /* daily_task_info */ .daily_task_info div.scroll_table { max-height: none; border: 1px solid #dbdbdb; } .daily_task_info div.scroll_table th, .daily_task_info div.scroll_table td { border: 0; border-top: 1px solid #dbdbdb; padding: 10px; font-size: 15px; } .daily_task_info #daily_task_info_scroll th.date { cursor: pointer; } .daily_task_info #daily_task_info_scroll tr td { text-align: center; } .daily_task_info #daily_task_info_scroll tr th { white-space: nowrap; text-align: left; min-width: 56px; padding: 0 0 4px 21px; vertical-align: bottom; } .daily_task_info #daily_task_info_scroll tr.header_1 td, .daily_task_info #daily_task_info_scroll tr.header_1 th { padding-bottom: 0; padding-top: 16px; border-top: 0px; text-align: left; } .daily_task_info #daily_task_info_scroll tr.header_2 td, .daily_task_info #daily_task_info_scroll tr.header_2 th { padding-top: 0; border-top: 1px solid #fff; background: #fff; text-align: left; } .daily_task_info #daily_task_info_scroll tr td:nth-child(1), .daily_task_info #daily_task_info_scroll tr th:nth-child(1) { width: 250px; min-width: 250px; padding: 8px 0 8px 8px; border-right: 1px solid #fff; background: #fff; text-align: left; font-size: 14px; font-weight: 700; } .daily_task_info #daily_task_info_scroll tr td.title_2 { position: sticky; left: 250px; z-index: 101; width: 130px; min-width: 130px; text-align: right; white-space: nowrap; font-size: 13px; font-weight: 500; border-right: 1px solid #dbdbdb; background: #fff; } .daily_task_info #daily_task_info_scroll tr th.month_year { position: sticky; left: 381px; top: 0px; z-index: 100; } .daily_task_info #daily_task_info_scroll tr th.new_month, .daily_task_info #daily_task_info_scroll tr td.new_month { border-left: 1px solid #dbdbdb; } .daily_task_info span.pill { position: relative; display: block; height: 34px; max-width: 113px; width: 113px; min-width: 113px; color: #222; text-align: left; font-size: 10pt; line-height: 34px; font-weight: bold; padding: 0 0 0 29px; border-radius: 10px; cursor: pointer; user-select: none; white-space: nowrap; overflow: hidden; } .daily_task_info span.pill:hover { box-shadow: 2px 2px #aaa; } .daily_task_info span.pill b.box { position: absolute; top: 8px; left: 9px; line-height: 0; display: block; border: 2px solid #000; height: 15px; width: 15px; border-radius: 4px; } .daily_task_info span.pill_r b.box { border-color: #ff1e00; background: #ff1e00; } /* red day */ .daily_task_info span.pill_r:hover { background: #ff1e00; color: #fff; } .daily_task_info span.pill_r:hover b.box { border-color: #ffffff; background: transparent; } .daily_task_info span.pill_y b.box { border-color: #e5be70; background: #e5be70; } /* yellow day */ .daily_task_info span.pill_y:hover { background: #e5be70; color: #fff; } .daily_task_info span.pill_y:hover b.box { border-color: #ffffff; background: transparent; } .daily_task_info span.pill_g b.box { border-color: #009245; background: #009245; } /* green day */ .daily_task_info span.pill_g:hover { background: #009245; color: #fff; } .daily_task_info span.pill_g:hover b.box { border-color: #ffffff; background: transparent; } .daily_task_info span.pill_x b.x { color: #e7634d; } .daily_task_info span.pill_x:hover { background: #e7634d; color: #fff; } .daily_task_info span.pill_x:hover b.x { color: #fff; } .daily_task_info span.pill b.pie { position: absolute; top: 10px; left: 10px; display: block; height: 14px; width: 14px; border: 1px solid #3173a1; border-radius: 50%; background-color: #fff; } .daily_task_info span.pill b.check { position: absolute; top: 0px; left: 10px; display: block; height: 18px; width: 18px; font-size: 18px; color: #a2c852; } .daily_task_info span.pill b.x { position: absolute; top: 4px; left: 10px; display: block; height: 24px; width: 24px; font-size: 24px; line-height: 24px; letter-spacing: 0; word-spacing: 0; font-weight: bold; color: #e7634d; text-align: left; padding: 0; } .daily_task_info span.pill_check:hover b.check { color: #fff; } .daily_task_info span.pill_check:hover { color: #fff; background: #a2c852; } .daily_task_info span.pill:hover b.pie { border: 1px solid #fff; } .daily_task_info span.pill_pie:hover { color: #fff; background: #3173a1; } .daily_task_info span.warning { display: block; height: 34px; max-width: 113px; width: 113px; min-width: 113px; color: #222; text-align: left; font-size: 10pt; line-height: 34px; padding: 0px 0 0 25px; border-radius: 10px; cursor: pointer; user-select: none; position: relative; } .daily_task_info span.warning img { position: absolute; display: block; left: 6px; top: 6px; text-align: center; height: 16px; width: 16px; filter: invert(45%) sepia(84%) saturate(736%) hue-rotate(326deg) brightness(95%) contrast(90%); } .daily_task_info span.warning:hover { background: #e7634d; color: #ffffff; } .daily_task_info span.warning:hover img { filter: invert(100%) sepia(12%) saturate(7500%) hue-rotate(273deg) brightness(116%) contrast(116%); } .daily_task_info span.blue_dash { display: block; height: 34px; max-width: 113px; width: 113px; min-width: 113px; color: #222; text-align: left; font-size: 10pt; line-height: 34px; padding: 0px 0 0 25px; border-radius: 10px; cursor: pointer; user-select: none; position: relative; } .daily_task_info span.blue_dash b { position: absolute; display: block; left: 4px; top: 15px; width: 20px; text-align: center; line-height: 0px; font-size: 20px; color: #3173a1; } .daily_task_info span.blue_dash:hover { background: #3173a1; color: #ffffff; } .daily_task_info span.blue_dash:hover * { color: #ffffff; } .daily_task_info span.no_data { display: block; height: 34px; max-width: 113px; width: 113px; min-width: 113px; color: #222; text-align: left; font-size: 10pt; line-height: 34px; padding: 4px 0 0 25px; border-radius: 10px; cursor: pointer; user-select: none; position: relative; } .daily_task_info span.no_data b { position: absolute; display: block; left: 8px; top: 14px; width: 20px; text-align: center; line-height: 0px; font-size: 20px; color: #888; } .daily_task_info span.no_data i { display: block; visibility: hidden; font-size: 12px; line-height: 12px; font-style: normal; padding-left: 10px; } .daily_task_info span.no_data:hover { background: #b3b3b3; } .daily_task_info span.no_data:hover * { color: #ffffff; visibility: visible; } .daily_task_info #assigned_task_feed table { width: 100%; } .daily_task_info #assigned_task_feed div.scroll_table { border: 0; } .daily_task_info #assigned_task_feed table td.date_bar { border-bottom: 2px solid #53b8ee; border-top: 2px solid #53b8ee; } .daily_task_info #assigned_task_feed table td { border-bottom: 1px solid #dbdbdb; border-top: 0; padding: 8px; font-size: 14px; line-height: 110%; } .daily_task_info #assigned_task_feed table th { border-top: 0; padding: 16px 8px 8px 8px; position: sticky; top: 0; font-size: 15px; line-height: 120%; } .daily_task_info #assigned_task_feed table tr td:nth-child(2) { max-width: 200px; } .daily_task_info #assigned_task_feed table tr td:nth-child(n+3):nth-child(-n+6) { white-space: nowrap; } .daily_task_info #assigned_task_feed_link { font-size: 110%; font-weight: bold; text-decoration: none; display: block; text-align: left; margin-top: 20px; } .daily_task_info #assigned_task_feed_link span { display: inline-block; transform: rotate(90deg); } .daily_task_info #assigned_task_feed th { padding: 8px; } .daily_task_info #assigned_task_feed td a { font-weight: bold; text-decoration: none; } .daily_task_info #assigned_task_feed td.date_bar { position: sticky; top: 0; background-color: #fff; font-weight: bold; } /* top set in ajax at runtime */ .daily_task_info #assigned_task_feed #assigned_task_feed_next, .daily_task_info #assigned_task_feed #assigned_task_feed_prev { display: inline-block; padding-left: 10px; } .daily_task_info #daily_task_info_issue { text-align: left; font-size: 80%; line-height: 20px; margin-bottom: 16px; } .daily_task_info #daily_task_info_issue b { font-weight: normal; color: #FF4136; } /* dashboard 1 */ .dashboard_1 { text-align: left; font-size: 0; line-height: 0; margin: 5px auto 0 auto; max-width: 1020px; position: relative; } .dashboard_1 div { display: inline-block; width: 190px; height: 144px; margin: 0 7px 15px 7px; padding: 0; position: relative; cursor: pointer; background: #aaa; vertical-align: top; } .dashboard_1 div.inactive { opacity: 0.5; background-color: #666 !important; } .dashboard_1 div.subdomain { display: inline-block; cursor: default; } .dashboard_1 div.spacer { display: inline-block; cursor: default; visibility: hidden; } .dashboard_1 div i { position: absolute; width: 188px; height: 86px; top: 57px; left: 1px; background-color: rgba(255, 255, 255, .2); text-align: center; } .dashboard_1 div.subdomain i { position: absolute; width: 188px; height: 86px; top: 57px; left: 1px; background: #fff; } .dashboard_1 div p { position: absolute; width: 190px; height: 56px; top: 0; left: 0; margin: 0; padding: 10px 40px 10px 10px; text-align: left; font-size: 14px; line-height: 130%; font-weight: bold; text-decoration: none; color: #fff; z-index: 100; } .dashboard_1 b { display: inline-block; margin-top: 13px; margin-right: 10px; text-align: center; padding: 4px 6px; font-size: 30px; line-height: 30px; color: #fff; z-index: 100; border-radius: 3px; font-style: normal; } .dashboard_1 b.red { background-color: rgba(200, 0, 0, .7); } .dashboard_1 b.green { background-color: rgba(0, 200, 0, .7); } .dashboard_1 u { position: absolute; bottom: 10px; left: 10px; font-size: 13px; line-height: 13px; color: #fff; z-index: 100; text-decoration: none; text-align: left; } .dashboard_1 div.subdomain u { color: #555; } .dashboard_1 u .green { color: #fff; display: inline-block; border-radius: 3px; padding: 3px 5px 3px 3px; background-color: rgba(0, 200, 0, .7); } .dashboard_1 u .red { color: #fff; display: inline-block; border-radius: 3px; padding: 3px 5px 3px 3px; background-color: rgba(200, 0, 0, .7); } .dashboard_1 div.inactive u * { background-color: transparent; } .dashboard_1 .lower_is_better { position: absolute; top: 113px; left: 61px; font-size:7pt; color: #666; } .dashboard_1 .bars_container { position: absolute; bottom: 14px; right: 6px; padding: 8px; width: 36px; height: 57px; font-size: 13px; line-height: 13px; } .dashboard_1 .bars { position: absolute; bottom: 0px; left: 3px; width: 13px; height: 100%; z-index: 102; } .dashboard_1 .bars_text { position: absolute; bottom: 15px; font-size: 8pt; color: #fff; text-align: center; z-index: 103; } .dashboard_1 .bars_right { left: 20px; } .dashboard_1 .bars_bg { background: rgba(255, 255, 255, .1); z-index: 101; } .dashboard_1 .bars_fg { background: rgba(255, 255, 255, .3); z-index: 102; } .dashboard_1 .bars_footer { position: absolute; bottom: -12px; right: -2px; width: 50px; font-size: 7pt; line-height: 7pt; color: #fff; z-index: 100; text-align: right; } .dashboard_1 div.subdomain .bars_bg { background: rgba(0, 0, 0, .1); } .dashboard_1 div.subdomain .bars_fg { background: rgba(0, 0, 0, .3); } .dashboard_1 div.subdomain .bars_text { color: #555; } .dashboard_1 div.subdomain .bars_footer { color: #666; } .dashboard_1 .toggle_chart { position: absolute; width: 24px; height: 22px; top: 10px; right: 10px; background-image: url('/account/images/icon_chart.png'); opacity: 0.3; cursor: pointer; z-index: 100; } .dashboard_1 .toggle_chart_on { opacity: 1; } .dashboard_1 .no_click { cursor: default; } .dashboard_1 iframe { width: 100%; background: #fff; margin: 0 auto; } .dashboard_1 div.adherence { display: block; width: 190px; margin: 0 auto 15px auto; height: 60px; text-align: center; } .dashboard_1 div.adherence b { position: absolute; display: none; font-size: 12px; line-height: 17px; height: 60px; width: 100px; color: #fff; text-align: center; top: -13px; left: 90px; padding-top: 13px; font-weight: normal; } .dashboard_1 div.adherence_1 b:last-child { left: 190px; } /* tbi */ .dashboard_1 div.adherence_4 b { position: absolute; display: inline-block; left: 64px; } /* him */ .dashboard_1 div.adherence strong { font-size: 14px; } .dashboard_1 div.adherence i { display: none; position: absolute; width: 1px; height: 43px; background-color: rgba(255, 255, 255, .2); top: 8px; left: 180px; } .dashboard_1 div.adherence_wide { width: 335px; } .dashboard_1 div.adherence_wide b { display: block; } .dashboard_1 div.adherence_wide i { display: block; } .dashboard_1 iframe { border: 0; width: 100%; } /* emergency_contact on company and user */ #emergency_contact { text-align: left; margin: 0; position: relative; } #emergency_contact #emergency_contact_content { padding-bottom: 20px } #emergency_contact table tr { background: #fff; } #emergency_contact table th b { display: block; margin-left: -32px; } #emergency_contact table { margin: 0 0 16px 21px; width: 100%; } /* these two rules, trying to align with table.lm_form tr:nth-child(n+1) td:nth-child(1) */ #emergency_contact table tr:nth-child(2) td:nth-child(1) { width: 200px; max-width: 200px; min-width: 200px; } #emergency_contact a#emergency_contact_add { font-weight: bold; font-size: 100%; text-decoration: none; display: block; position: absolute; bottom: 0px; left: 4px; } #emergency_contact input[type=text] { width: 262px; } #emergency_contact a.emergency_contact_delete { font-weight: bold; font-size: 80%; text-decoration: none; color: #ff4136; display: inline-block; } #emergency_contact a.emergency_contact_delete span { font-size: 85%; } #emergency_contact a#emergency_contact_toggle { position: absolute; top: 28px; right: 20px; font-weight: bold; text-decoration: none; } #emergency_contact a#emergency_contact_toggle:hover { text-decoration: underline; } #emergency_contact span#emergency_contact_delete_success { position: absolute; font-weight: bold; font-size: 110%; text-align: center; top: 26px; color: #2ecc40; width: 100%; } /* exercise - summary on user_dashboard and case_manager */ #exercise div.scroll_table { max-height: none; } #exercise td.exercise_playthrough_summary { padding-top: 10px; vertical-align: top; } #exercise div.playthrough_link { margin-bottom: 10px; } #exercise table.invisible { border: 0; } #exercise table.invisible tr { background: none; } #exercise table.invisible td { border: 0; padding-left: 0; padding-right: 10px; font-weight: normal; vertical-align: text-top; } #exercise span.outcome { display: block; margin-top: 2px; padding: 1px; border-radius: 3px; text-align: center; } #exercise span.outcome:empty { display: none; } #exercise_date_filter { font-size: 9pt; margin-left: -2px; margin-bottom: -5px; } #exercise_date_filter input[type=text] { font-size: 9pt; max-width: 90px; text-align: center; } #exercise_date_filter input[type=button] { font-size: 9pt; } /* goals */ .goals .view_link { font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: left; margin-top: 20px; } .goals .goals_table_arrow { display: inline-block; transform: rotate(90deg); color: #3173A1; } .goals .view_link span, .goals div.scroll_table tr span { display: inline-block; transform: rotate(90deg); } .goals #goals_table_page_selector { padding-left: 6px; } .goals #goals_timeline_page_selector {display: inline; padding-top: 20px; } .goals #goals_timeline_view_canvas_parent { position: absolute; width: 15000px; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; } .goals .page_selector_link, .goals .page_selector_link a { font-size: 15px; font-weight: 500; text-decoration: none; display: inline; text-align: left; padding-left: 3px; padding-right: 3px;} .goals .goals_page_selector_arrow {position: relative; display: inline-block; } .goals .goals_page_selector_arrow img { position: relative; vertical-align: text-top; } .goals .goals_page_selector_arrow:hover .goals_arrow_mouseover { display: inline; } .goals .goals_page_selector_arrow .goals_arrow_mouseover {display: none; position: absolute; z-index: 1; top: 0; left: 0; vertical-align: text-top;} .goals #goals_timeline_page_selector_label { border: 0; padding: 4px; border-radius: 4px; } .goals #goals_timeline_page_selector_label:hover { border: 2px solid #CCC; padding: 2px; } .goals div.scroll_table { max-height: none; border: none; overflow-x: auto; overflow-y: hidden; } .goals div.scroll_table table { max-height: none; border: none; overflow-x: auto; overflow-y: hidden; } .goals div.scroll_table th, .goals div.scroll_table td {padding: 10px; font-size: 15px; font-family: 'Montserrat'; } .goals div.scroll_table th, .goals div.scroll_table td { border: 0; border-bottom: 1px solid #dbdbdb; } .goals div.scroll_table .goal_history_row, .goals div.scroll_table tr.goal_history_row:nth-child(even) { background-color: #F8F9FE; } .goal_history_row td:nth-child(1) { padding: 3px 3px 3px 15px; } .goal_history_row td:nth-child(2) { padding: 3px; } .goals span {color: #3173A1; } .goals span.right {position: absolute; margin-left: 3px;} .goals tr.goal_table_row { background-color: #FFF; } .goals tr.goal_table_row:hover { background-color: #E6E6E6; box-shadow: inset 0px -2px #BCBCBE, inset 0px 1px #BCBCBE; } .goals tr td { text-align: center; } .goals .goals_dropdown { position: relative; display: flex; } .goals .goals_dropdown_content { display: none; position: absolute; background-color: #ffffff; min-width: 120px; max-height: 200px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .goals .goals_dropdown_content a {font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: center; margin-top: 10px; margin-bottom: 10px;} .goals .goals_dropdown_content a:hover {background-color: #ccc;} .goals #goals_timeline_view_filters { display: none; } .goals .goals_filter_button.toggled_on { display: inline-block; margin: 10px; padding: 7px; border-radius: 4px; background-color: #fff; border: 0;} .goals .goals_filter_button { display: inline-block; margin: 10px; padding: 7px; border-radius: 4px; background-color: #ccc; border: 0;} .goals .goals_filter_button.toggled_on:hover { border: 2px solid #CCC; padding: 5px; } .goals .goals_filter_button:hover { border: 2px solid #000; padding: 5px; } .goals .goals_filter_button a { position: relative; display: block; width: auto; height: 100%; } .goals .goals_filter_button .goals_filter_button_text { position: relative; height: 100%; display: inline-block; color: #000; font-size: 14px; margin-left: 5px; } .goals .goals_filter_button img { position: relative; width: auto; height: 100%; display: inline-block; vertical-align: text-top;} .goals .goals_timeline_label { position: absolute; transform: translate(0%, -50%); font-family: 'Montserrat'; font-size: 15px; line-height: 1.2; font-weight: unset; font-style: normal; color: #666; display: inline; text-overflow: ellipsis; white-space: nowrap; overflow: hidden} /* history - on user_dashboard and history */ table#history h2 { text-align: left; } table#history td .sub_game_icon_plain { margin: 5px 5px 0px 5px; } table#history td { text-align: center; border: 1px solid #CCC; position: relative; } table#history #date_or_datetime { text-align: left; font-size: 8pt; width: 200px; color: #777; display: block; margin-top: -27px; z-index: 2000 } table#history .routine_header { font-size: 13px; line-height: 16px; color: #555; background: #F8F9FE; } table#history #game_icons { margin: -20px 0 10px -40px; } table#history #game_icons span.title { display: inline-block; margin-top: -35px; vertical-align: middle; } table#history #game_icons span span { display: inline-block; margin-top: -33px; vertical-align: middle; } table#history .sub_game_icon_plain { margin: 0 10px 0 0; } table#history .sub_game_icon_selected { margin-bottom: 8px; box-shadow: 2px 2px 2px #888; } table#history .sub_game_icon_hover:hover { margin-bottom: 8px; box-shadow: 2px 2px 2px #888; } table#history a.sub_game_title { color: #333; font-weight: normal; text-decoration: none; } table#history div.top_buttons { position: absolute; top: 10px; right: 6px; } table#history div.top_buttons * { font-size: 10pt; } table#history div.top_buttons span { font-weight: normal; } table#history #history_edit { xbackground-color: #FF4136; } table#history #history_cancel { display:none; background-color: #888; } table#history #history_save { display:none; } table#history a.play_link { display: block; text-align: left; padding-right: 100px; } table#history a.play_link.hidden { color: #777; text-decoration: line-through; } table#history a.play_link span { display: none; position: absolute; top: 10px; right: 10px; font-size: 10pt; font-weight: bold; text-decoration: underline; } table#history a.play_link span:hover { text-decoration: none; } table#history span.remove { color: #FF4136; } table#history span.restore { color: #2ecc40; } table#history tr.dirty { background: #F8F9FE; } /* home_program_assignment */ #home_program_assignment #multi_user_msg div.error , /* this placement has been difficult to get right */ #home_program_assignment #multi_user_msg div.success { position: absolute; left: 0; right: 0; top: -80px; margin-left: auto; margin-right: auto; z-index: 3000; text-align: center; width: 680px; font-size: 14pt; } #home_program_assignment #single_user_msg div.error , /* placement for modular use on a single user */ #home_program_assignment #single_user_msg div.success { position: absolute; left: 0; right: 0; top: -127px; margin-left: auto; margin-right: auto; z-index: 3000; text-align: center; width: 680px; font-size: 14pt; } #home_program_assignment #single_user_msg div.error { top: -80px; } #home_program_assignment #hp_home_program_title div.error { position: relative; } /* placement in popup editor */ #home_program_assignment .sticky_2 { z-index: 98; } #home_program_assignment .button_bar select { width: 400px; max-width: 400px; } #home_program_assignment .button_bar { background: #ddd; border-radius: 3px; padding: 5px; margin: 10px 0 0 0; text-align: center; } #home_program_assignment .toggle_bar { background: #fff; text-align: left; font-size: 14px; padding-top: 6px; position: relative; } #home_program_assignment .user_bar label span { display: inline-block; font-size: 90%; border-radius: 3px; padding: 3px 10px; margin: 0 7px; border: 1px solid #CCC; background-color: rgba(255,255,255,0.8); } #home_program_assignment table.list td { vertical-align: top; border: 1px solid #CCC; } #home_program_assignment table.list td, #home_program_assignment table.list th { border-bottom: 1px solid #CCC; text-align: left; } #home_program_assignment table.list { width: 100%; } #home_program_assignment table.list tr.multi_user td { width: 10%; } #home_program_assignment table.list tr.multi_user td:nth-child(1) { width: 5%; text-align: center; } #home_program_assignment table.list tr.multi_user td:nth-child(2) { word-wrap: break-word; } #home_program_assignment div.activity_updated { display: center; font-size: 75%; font-weight: bold; color: #2ecc40; width: 100%; max-width: 220px; padding: 4px; } #home_program_assignment label.home_program_user_item { display: flex; justify-content: center; align-content: center; flex-direction: column; position: relative; min-height: 34px; width: 100%; max-width: 220px; font-size: 12px; line-height: 14px; padding: 4px 50px 4px 25px; margin-bottom: 1px; border: 1px solid #CCC; border-radius: 5px; overflow-x: hidden; user-select: none; overflow-wrap: break-word; } #home_program_assignment label.home_program_user_item input { position: absolute; top: 6px; left: 5px; } #home_program_assignment label.home_program_user_item a { position: absolute; top: 6px; right: 5px; font-size: 12px; line-height: 12px; background: #fff; text-decoration: none; color: #222; border-radius: 3px; padding: 3px 3px; text-align: center; text-indent: 0px; } #home_program_assignment a#unassign { display: inline-block; visibility: hidden; min-width: 300px; } #home_program_assignment #assign_error { position: absolute; left: 44%; } #home_program_assignment div.error { margin-top: -40px; } #home_program_assignment div.toggle_bar { min-height: 33px;} #home_program_assignment label.unindent_1 { padding-left: 8px; } #home_program_assignment #popup_info h1 { padding: 0; margin: 0;} #home_program_assignment #popup_info th { background-color: #555; } #home_program_assignment .modal .modal-content { width: 90%; min-height: 500px; } #home_program_assignment .show_on_home_program { display: none; } /* hide some popup content */ /* home_program_edit - todo: remove page specific calls here */ #home_program_edit .control select, div#content.c_routine_him_v5 .control select { width: 100%; margin-left: 0; margin-right: 0; } #home_program_edit input[type=range], div#content.c_routine_him_v5 input[type=range] { width: 90%; height: 24px; background: #d3d3d3; outline: none; opacity: 0.8; -webkit-transition: .2s; transition: opacity .2s; -webkit-appearance: none; } #home_program_edit input[type=range]:hover, div#content.c_routine_him_v5 input[type=range]:hover { opacity: 1; } #home_program_edit input[type=range]::-webkit-slider-thumb, div#content.c_routine_him_v5 input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; background: #3173A1; cursor: pointer; border-radius: 4px; } #home_program_edit input[type=range]::-moz-range-thumb, div#content.c_routine_him_v5 input[type=range]::-moz-range-thumb { height: 24px; background: #3173A1; cursor: pointer; } div#content.c_routine_him_v5 input[type=text] { width: 100%; } #home_program_edit .control, div#content.c_routine_him_v5 .control { border: 1px solid #CCC; border-radius: 5px; padding: 4px 8px 3px 5px; position: relative; margin: 5px 0px 5px 5px; background: #eee; } #home_program_edit .control b, div#content.c_routine_him_v5 .control b { display: block; text-align: right; padding-left: 10px; margin-right: -65px; text-align: left; } #home_program_edit .control b.break, div#content.c_routine_him_v5 .control b.break { display: block; text-align: left; padding-left: 10px; margin-right: -40px; } #home_program_edit .control span, div#content.c_routine_him_v5 .control span { display: block; width: 30px; height: 30px; line-height: 30px; position: absolute; bottom: 15%; right: 12px; text-align: center; } #home_program_edit .control val { display: block; line-height: 30px; padding-left: 10px; } div#content.c_routine_him_v5 .control val { display: none; } div#content.c_routine_him_vestibular .control val { display: none; } #home_program_edit .control { width: 48%; display: inline-block; } #home_program_edit .control val { } /* when editing */ #home_program_edit.customize_mode .control { min-height: 82px; } /* when editing */ #home_program_edit h1 { margin-bottom: 0; padding-bottom: 0; } #home_program_edit h2 { padding: 6px 0; } #home_program_edit h3 { padding: 6px 0; font-size: 18px; margin-top: 10px; } #home_program_edit div#back { text-align: left; margin-top: -40px; } #home_program_edit a.toggle { position: absolute; font-size: 9pt; right: 10px; top: 60px; display: none; } #home_program_edit span.hp_button { background: #fff; color: #333; border: 2px solid #53B8EE; display: inline-block; font-size: 1em; height: 41px; line-height: 41px; text-decoration: none; vertical-align: middle; cursor: pointer; margin: .3em; padding: 0 16px; border-radius: .2em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; user-select: none; } #home_program_edit span.hp_button:hover { background: #7ABCDF; } #home_program_edit label input:checked + span { background: #3173A1; color: #fff; border: 2px solid #3173A1; } /* magic to make buttons blue when input is checked */ #home_program_edit label input:checked + span:hover { background: #3173A1; } #home_program_edit select[name='schedule[]'] { border: 2px solid #3173A1; width: 49.5%; } #home_program_edit select[name='schedule[]'].sel { background: #3173A1; color: #fff; } #home_program_edit #hp_type { position: relative; min-width: 833px; } #home_program_edit #hp_type input[type=radio] { display: none; } #home_program_edit #hp_type span.hp_button { min-width: 160px; } #home_program_edit #hp_type .disabled:hover { cursor: not-allowed; } #home_program_edit .hp_group { display: none; text-align: left; } #home_program_edit .hp_group label { position: relative; display: inline-block; width: 100%; text-align: left; padding-right: 10px; } #home_program_edit .hp_group label input { position: absolute; top: 14px; left: 10px; } #home_program_edit .hp_group label span.hp_button { text-indent: 13px; width: 100%; } #home_program_edit .hp_group label action_plan_type { float: right; font-style: italic; font-weight: bold; color: #aaa; } #home_program_edit #hp_schedule label { width: 50%; min-width: 440px; } #home_program_edit .hp_group label.child { width: 100%; display: block; margin-left: auto; } #home_program_edit div.child_container { display: none; border: 1px solid #CCC; border-top: 0; margin: -6px 6px 7px 6px; border-bottom-right-radius: .2em; border-bottom-left-radius: .2em; padding: 8px 6px 6px 6px; } #home_program_edit a.details { display: none; color: #333; position: absolute; top: 9px; right: 7px; font-size: 37px; width: 30px; height: 30px; text-align: center; text-decoration: none; cursor: pointer; } #home_program_edit .hp_group label.parent a.details, #home_program_edit .hp_group label.routine_step_item a.details { display: inline-block; } /* only display arrow › on parent and routine_step_item */ #home_program_edit div.routine_step_item_detail { display: none; } /* jquery expects details hidden or else toggle state */ #home_program_edit div.routine_step_item_detail h2 { display: none; } #home_program_edit div.routine_step_item_detail input { display: none; } #home_program_edit div.routine_step_item_detail select { display: none; } #home_program_edit div.routine_step_item_detail b:after { content: ': '; } #home_program_edit #hp_home_program_title input[type=text] { width: 50%; } #home_program_edit div#home_program_title_error.error { margin-left: 0; margin-right: auto; width: 70%; } #home_program_edit .hp_group div.routine_step_item_detail { margin-left: 10px; } #home_program_edit.page_home_program .show_on_home_program_assignment_ajax, #home_program_edit.page_home_program_assignment_ajax .show_on_home_program { display: none; } /* trick to hide/show content based on filename */ #home_program_edit .customize_bar input[type=button] { width: 150px; } /* label ui on user and download_code */ #label.edit_assignment { text-align: left; position: relative; } #label.edit_assignment a.edit { position: absolute; top: 14px; right: 10px; } #label.edit_assignment div.category_title { margin-right: calc(100% - 200px); margin-top: 24px; margin-bottom: -14px; line-height: 0px; text-align: right; padding-right: 10px; } #label.edit_assignment label { margin-left: 200px; display: block; } #label.edit h3 { margin: 0 0 16px 0; padding: 0; } #label.edit div.category { border: 1px solid #ccc; border-radius: 6px; padding: 8px 20px 10px 20px; margin: 0 20px 20px 20px; } #label.edit div.category_title { position: relative; } #label.edit div.category_title span.x_category { position: absolute; top: 8px; right: -3px; } #label.edit div.category_exclusive { margin-bottom: 18px; } #label.edit div.category_exclusive label { cursor: pointer; } #label.edit div.labels { margin-left: 158px; } #label.edit div.label { position: relative; font-weight: normal; padding: 0 0 0 47px; } #label.edit span.x { vertical-align: middle; display: inline-block; cursor: pointer; height: 23px; width: 23px; background-size: 100% 100%; background-image: url(/account/images/home_program_advanced/delete_inactive.svg); background-repeat: no-repeat; background-position: center; margin-left: 5px; } #label.edit span.x:hover { background-image: url(/account/images/home_program_advanced/delete.svg); } #label.edit span.sort { position: absolute; top: 10px; left: 4px; width: 38px; height: 32px; cursor: pointer; background-image: url(/account/images/label_sort.png); background-repeat: no-repeat; } #label.edit td { vertical-align: center; text-align: left; } #label.edit #template_label { display: none; } #label.edit #template_category { display: none; } #label.edit div#label_button_bar { position: relative; } #label.edit a.add_category { display: block; width: 200px; text-align: center; margin: -12px auto 5px auto; font-size: 95%; } #label.edit a.add_label { font-size: 95%; } #label.edit label span.small { font-size: 84%; } #label_popup.modal div.modal-content { width: 100%; max-width: 900px; } /* landing page cog, note top is set at runtime in _sticky() */ #landing_page_ui { position: absolute; top: 50px; left: 4px; z-index: 200; height: 55px; user-select: none; } #landing_page_ui div { background: #3173A1; color: #fff; font-weight: bold; font-size: 13px; line-height: 13px; padding: 8px; border-radius: 3.7px; } #landing_page_ui span.icon { width: 13px; height: 13px; margin-bottom: -2px; background-size: 13px 13px; background-repeat: no-repeat; display: inline-block; background-image: url(/account/images/icon_cog.svg); filter: invert(93%) sepia(75%) saturate(0%) hue-rotate(127deg) brightness(108%) contrast(100%); } #landing_page_ui label { font-size: 13px; font-weight: bold; color: #444; background-color: #fff; display: none; position: absolute; top: 33px; left: 0; z-index: 201; border: 1px solid #dbdbdb; box-shadow: 3px 3px #ddd; white-space: nowrap; padding: 4px 9px 6px 2px; cursor: default; border-radius: 3.7px; } #landing_page_ui:hover label { display: inline-block; cursor: pointer; } /* permission_form */ #permission_form a.enable_all { float: right; font-size: 16px; font-weight: normal; } #permission_form { max-width: 900px; margin: 0 auto; text-align: left; } #permission_form h1 { text-align: left; font-weight: 700; font-size: 14pt; } #permission_form h2 { font-size: 90%; font-weight: 600; text-align: left; } #permission_form td { width: 50%; background: #fff; padding: 0 0 10px 0; vertical-align: top; } #permission_form div.lesson_group { margin-bottom: 9px; border-radius: 6px; background: #f1f1f1f1 } #permission_form label input[type=checkbox] { display: inline-block; margin-left: -14px; } #permission_form label { padding: 2px 2px 2px 24px; border-radius: 6px; background: #ddd; display: block; width: 100%; text-align: left; cursor: pointer; margin-bottom: 1px; } #permission_form label.indent { padding-left: 34px; color: #3173A1; background-color: transparent; } #permission_form label.indent_1 { padding-left: 44px; } #permission_form label.indent_2 { padding-left: 64px; } #permission_form table { width: 100%; } #permission_form tr td:nth-child(1) { padding: 0 4px 0px 0px; } #permission_form tr td:nth-child(2) { padding: 0 0 0px 4px; } #permission_form ul { list-style-type: disc; margin: 0 0 0 30px; padding: 0; } #permission_form li { font-size: 80%; line-height: 120%; font-style: normal; } #permission_form .nps select.num { width: 67px; font-size: 80%; } #permission_form .nps select.logic { width: 90px; font-size: 80%; } #permission_form .nps select.str { width: 195px; font-size: 80%; } #permission_form .nps select option.hide2 { display: none; color: #666; text-decoration: line-through; } #permission_form .nps label { min-height: 40px; min-width: 230px; width: 230px; padding: 0 0 0 30px; margin: 0; border-radius: 0; background-color: transparent; display: inline-block; width: auto; cursor: pointer; text-align: right; user-select: none; line-height: 220%; } #permission_form .nps label input[type=checkbox] { display: inline; margin: 0; } #permission_form label.c_enable_nps_survey_after_completion { background: #fff; padding-left: 48px; } /* permission_get_ui */ #permission_get_ui { text-align: left; } #permission_get_ui #permission_preset { margin-bottom: 10px; } #permission_get_ui #permission_preset b { font-weight: 600; } #permission_get_ui #permission_preset select { max-width: 600px; min-width: 400px; } #permission_get_ui .bounding_box { padding: 15px; } #permission_get_ui a#permission_list { display: block; font-weight: bold; text-decoration: none; } #permission_get_ui a#permission_list span.up { display: inline-block; transform: rotate(270deg); } #permission_get_ui #permission_form #enable_all_permissions { margin-top: 12px; display: block; } #permission_get_ui .bounding_box { position: relative; } #permission_get_ui .bounding_box b.success { position: absolute; color: #2ecc40; top: 10px; left: 50%; width: 400px; margin-left: -200px; display: block; text-align: center; } /* population_dashboard */ #population_dashboard h1 { text-align: left; padding: 0; margin: 20px 0 0 0; } #population_dashboard h2 { text-align: left; padding: 0; margin: 0 0 0 0; } #population_dashboard h1:empty { display: none; } #population_dashboard h2:empty { display: none; } #population_dashboard h3 { text-align: left; padding: 0; font-size: 18px; margin: 20px 5px 8px 0px; line-height: 100%; } /* 5 section titles */ #population_dashboard h4 { padding: 0; margin: 0 0 6px 0; font-size: 14px; line-height: 110%; font-weight: 700; color: #4C4C4C; } /* first title inside .col */ #population_dashboard h5 { padding: 0; margin: 0 0 8px 0; font-size: 13px; line-height: 120%; font-weight: 500; } /* text below numbers inside .col */ #population_dashboard h5.normal { font-weight: normal; } #population_dashboard h5 div.next_line { margin-top: 3px; font-weight: normal; } #population_dashboard #download_link { font-size: 16px; text-decoration: none; margin: 10px 0 -15px 0; text-align: left; } #population_dashboard #nav { margin: 30px 0 10px 0; text-align: left; position: relative; width: 100%; } #population_dashboard #nav form { display: inline-block; float: right; margin-top: -15px; } #population_dashboard #filter_bar { background: #fff; border: 1px solid #dbdbdb; border-left: 0; border-right: 0; padding: 10px; position: relative; margin: 0 -20px; min-height: 178px; } #population_dashboard #filter_bar form { display: flex; flex-wrap: nowrap; width: 100%; } #population_dashboard #filter_bar form .col { width: 19%; padding-right: 20px; text-align: left; position: relative; } #population_dashboard #filter_bar form .col .title { white-space: nowrap; font-weight: bold; font-size: 85%; } #population_dashboard #filter_bar form .col:nth-child(1){ width: 360px; min-width: 360px; padding-right: 0; } #population_dashboard #filter_bar form .col:nth-child(2){ width: 130px; min-width: 130px; } #population_dashboard #filter_bar form .col #days_label { position: absolute; display: block; right: 35px; top: 39px; color: #666; font-size: 90%; } #population_dashboard #filter_bar form .col #days { width: 98%; margin-left: 0px; } #population_dashboard #filter_bar #reset_to_default { position: absolute; top: 10px; right: 25px; font-size: 80%; } #population_dashboard #filter_bar table { width: 100%; xtable-layout:fixed; } #population_dashboard #filter_bar table td { width: 20%; white-space: nowrap; } #population_dashboard #filter_bar input#apply { width: 90%; margin-top: 4px; } #population_dashboard #filter_bar input[name=start_at] { width: 144px; } #population_dashboard #filter_bar input[name=end_at] { width: 144px; } #population_dashboard #filter_bar input[name=username_str] { width: 96%; } #population_dashboard #filter_bar select { display: none; } #population_dashboard #filter_bar .selectize-input { min-height: 41px; margin-top: 5px; border-color: #aaa; } #population_dashboard #filter_bar #last_x_days { font-size: 90%; } #population_dashboard #filter_bar #last_x_days span { display: none; font-size: 80%; color: #444; } #population_dashboard .block { min-height: 280px; background: #fff; border-radius: 7px; border: 1px solid #dbdbdb; width: 100%; margin: 0; } #population_dashboard .block .no_data_available { padding: 20px; text-align: left; color: #777; } #population_dashboard .col_container { min-height: 280px; display: flex; position: relative; } #population_dashboard .col_container .col { min-height: 280px; border-left: 1px solid #CCC; text-align: left; padding: 32px; position: relative; } #population_dashboard .col_container .col_17 { width: 17%; } #population_dashboard .col_container .col_70 { width: 70%; } #population_dashboard .col_container .col_50 { width: 50%; } #population_dashboard .col_container .col_20 { width: 20%; } #population_dashboard .col_container .col_30 { width: 30%; } #population_dashboard .col_container .col:first-child { border-left: 0;} #population_dashboard .col_container .out_of { font-size: 12px; margin-top: -12px; margin-bottom: 15px; font-weight: 600; } #population_dashboard .col_container .red { color: #e7634d; } #population_dashboard .col_container .row { flex: 5 0px; background: pink; } #population_dashboard .dot { display: inline-block; width: 120px; font-size: 14px; font-weight: 500; line-height: 120%; margin-top: 15px; padding-left: 18px; padding-right: 0; vertical-align: top; overflow: visible; white-space: nowrap; } #population_dashboard .dot a { font-size: 90%; text-decoration: none; } #population_dashboard .dot.square_dot span { display: inline-block; border-radius: 0%; width: 15px; height: 15px; background: #666; margin: 0 6px 0 -20px; } #population_dashboard .dot span { display: inline-block; border-radius: 50%; width: 15px; height: 15px; background: #666; margin: 0 6px 0 -20px; } #population_dashboard .dot div.next_line { margin-top: 6px; } #population_dashboard .col_container a { font-size: 25px; text-decoration: none; font-weight: 500; } #population_dashboard .col_container .stat a { font-size: 25px; text-decoration: bold; } #population_dashboard .col_container a.no_click { cursor: default; } #population_dashboard .col_container .arrange_by { font-size: 13px; } #population_dashboard .col_container .arrange_by a { font-size: 13px; } #population_dashboard .col_container .arrange_by a.sel { color: #222222; font-weight: bold; } #population_dashboard .col_container hr { margin: 2px 0 9px 0; padding: 0; } #population_dashboard .col_container td { padding: 4px 2px 0 2px; width: 50%; background: #fff; } #population_dashboard #la_nav * { font-size: 70%; line-height: 90%; } #population_dashboard #la_nav a.sel { text-decoration: underline; color: #222; } #population_dashboard #la_cr_no_data { color: #444; text-align: left; font-size: 80%; margin: 0px 0 0 0; xdisplay: none; } #population_dashboard #la_adherence_no_data { color: #444; text-align: center; font-size: 90%; margin-top: 50px; display: none; } #population_dashboard #canvas_la_adherence { display: none; } #population_dashboard canvas { max-height: 238px;} #population_dashboard canvas.half { max-height: 100px;} #population_dashboard .modal-content { min-height: 430px; } /* we don't know if h2 will wrap, there's a height hack in js to adjust */ #population_dashboard .modal-content h2 { margin: 0 15px 0 0; padding: 0; font-size: 16px; line-height: 120%; } #population_dashboard .modal-content p { margin: 8px 0; padding: 0; text-align: left; font-size: 14px; } #population_dashboard .modal-content p.details { margin: 8px 0; padding: 0; text-align: left; font-size: 12px; line-height: 120%; font-style: italic; } #population_dashboard .modal-content input.close_button { position: absolute; bottom: 10px; left: 10px; } #population_dashboard .modal-content input.open_button { position: absolute; bottom: 10px; right: 10px; } #population_dashboard .modal-content #no_users_msg { position: absolute; bottom: 26px; left: 35%; text-align: center; white-space: nowrap; font-size: 95%; font-weight: 500; } #population_dashboard .modal-content #opening_msg { position: absolute; bottom: 26px; left: 35%; text-align: center; white-space: nowrap; font-size: 95%; font-weight: 500; } #population_dashboard .modal-content .selectize-control * { text-align: left; } #population_dashboard .modal-content #select_all_container { text-align: right; } #population_dashboard .percent { color: #3173A1; } #population_dashboard .stat { font-weight: 500; } #population_dashboard .red { color: #e7634d; } /* reminders_section */ #reminders_section #reminders_feed_link { /*font-size: 16px; font-weight: bold; color: #3173A1; text-decoration: none; display: block; text-align: left;*/ margin-top: 1px; } #reminders_section #reminders_feed_link #toggle_triangle { display: inline-block; } #reminders_section .reminders_menu_button_holder { height: 25px; margin: 15px 0px 15px 0px; } #reminders_section .reminders_add_button { display: inline-block; height: 25px; border-radius: 10px; padding-right: 10px;} #reminders_section .reminders_add_button:hover { background-color: rgb(221, 221, 221); } #reminders_section .reminders_add_button:disabled { color:#4C4C4C;} #reminders_section .reminders_add { height: 25px; width: 25px; margin: 0px 11px 0px 0px; background-size: 25px 25px; background-image: url(/account/images/reminders_button_add.svg); display: inline-block; } #reminders_section .reminders_sort_button { display: inline-block; height: 25px; border-radius: 10px; padding: 5px 15px 10px 10px; } #reminders_section .reminders_sort_button:hover { background-color: steelblue; /*rgb(221, 221, 221); */} #reminders_section .reminders_sort_button:hover { background-color: steelblue; } #reminders_section .reminders_sort_button:hover h3 { color: white !important;} #reminders_section .reminders_sort_button:hover h4 { color: white !important; } #reminders_section select { height: 25px; margin: 0px; padding: 0px 10px 0px 10px; line-height: 1; position: relative; top: -7px; font-weight: 500; font-size: 14px; color: #000000 !important; border-style: none !important; outline: none; border-radius: 10px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } #reminders_section select:hover, select:active { background-color: rgb(221, 221, 221);} #reminders_section select::-ms-expand { display: none; } #reminders_section .option { color: steelblue; } #reminders_section select option:hover, #reminders_section select option:focus, #reminders_section select option:active { background: linear-gradient(#000000, #000000); background-color: #000000 !important; color: #ffed00 !important; } #reminders_section select option:checked { background: linear-gradient(#d6d6d6, #d6d6d6); background-color: #d6d6d6 !important; /* for IE */ color: #000000 !important; } #reminders_section h3 { padding: 0px; color: #3173A1; font-size: 14px; display: inline-block; margin: 0px; line-height: 1; vertical-align: super;} #reminders_section h4 { padding: 0px 4px 0px 0px; color: #000000 !important; font-weight: 500; font-size: 14px; display: inline-block; margin-bottom: 0px; line-height: 1; vertical-align: super;} #reminders_section .reminders_text { display: contents; padding-bottom: 25px; width: 80%; } #reminders_section td h4 { width:100%; display: flex; margin-bottom: 2px; margin-top: 10px; } #reminders_section td h5 { display: inline-flex; } #reminders_section td h6 { display: inline-flex; } #reminders_section table { border-collapse: separate; border-spacing: 0; } #reminders_section tr:nth-child(n) td:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } #reminders_section tr:nth-child(n) td:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } #reminders_section tr:first-child td { border-top-style: none; } #reminders_section tr td:first-child { border-left-style: none; } #reminders_section tr>td { padding-bottom: 6px; } #reminders_section tr { border-radius: 50px; background-color: #fff;} #reminders_section tr:hover { background-color: rgb(221, 221, 221) !important; } #reminders_section .reminder_row_bullet_point_column { width: 36px;} #reminders_section .reminders_edit_button_column { width: 47px; padding-right: 1px; padding-top: 12px; padding-bottom: 2px;} #reminders_section .reminders_delete_button_column { width: 47px; padding-left: 1px; padding-top: 12px; padding-bottom: 2px;} #reminders_section h5 { padding: 0px 4px 0px 0px; color: #7a7a7a !important; font-weight: 700; font-size: 11px; display: inline-block; margin-top: 0px; line-height: 1; vertical-align: super;} #reminders_section h6 { padding: 0px 4px 0px 0px; color: #7a7a7a !important; font-weight: 600; font-size: 11px; display: inline-block; margin-top: 0px; line-height: 1; vertical-align: super;} #reminders_section br { display: block; margin-bottom: 2px; line-height: 2px; } #reminders_section .vert_line { margin: 0px 10px 0px 10px; padding: 0px; background-color: #d6d6d6 !important; display: inline-block; width: 1px; height: 100%; } #reminders_section .reminders_text_field { display: block; resize: none; height: 55px; min-height: 55px; width: 95%; border-radius: 6px; font-size: 13px; width: 100%; } #reminders_section .reminders_editor { display:contents; padding: 0px 0px 0px 0px; } #reminders_section .reminders_editor_row_textfield { padding: 0px 0px 0px 0px; height: 70px;} #reminders_section .reminders_editor_row_button { padding: 0px 0px 0px 0px; margin: 0px 0px 12px 30px; } #reminders_section .reminders_editor_row_button button { padding: 3px 12px 3px 12px; font-size: 12pt; border-radius: 10px;} #reminders_section .reminders_char_counter { position: relative; right: -93%; top: -32px; text-align: right;} #reminders_section .reminders_button_cancel { padding: 0px 0px 0px 0px; background-color: white; color: red; } #reminders_section .reminders_button_save { padding: 0px 0px 0px 0px; background-color: steelblue;} #reminders_section .reminders_editor_dot_holder { height: 10px; width: 25px; display: inline-block; padding: 3px 10px 0px 6px; position: relative; top: -44px; } #reminders_section .reminders_editor_dot { background-color: #3173A1; border-radius: 50px; width: 10px; height: 10px; display: inline-block; position: absolute; } #reminders_section .reminders_dot { background-color: #3173A1; border-radius: 50px; width: 10px; height: 10px; display: inline-block; position: absolute;} #reminders_section .reminders_dot_holder { height: 10px; width: 25px; display: inline-block; padding: 3px 10px 0px 6px; position: relative; top: -14px; } #reminders_section .reminders_add_button { display: inline-block; height: 25px;} #reminders_section tr:hover .reminders_edit { visibility: visible; } #reminders_section tr:hover .reminders_delete { visibility: visible; } #reminders_section .reminders_edit { visibility: hidden; display: inline-block; height: 28px; width: 28px; margin: 0px 0px 0px 0px; background-size: 28px 28px; background-image: url(/account/images/reminders_button_edit.png); } #reminders_section .reminders_delete { visibility: hidden; display: inline-block; height: 28px; width: 28px; margin: 0px 8px 0px 0px; background-size: 28px 28px; background-image: url(/account/images/reminders_button_delete.svg); } #reminders_section tr .reminders_edit:hover { background-image: url(/account/images/reminders_button_edit_mouseover.png); } #reminders_section tr .reminders_delete:hover { background-image: url(/account/images/reminders_button_delete_mouseover.svg); } #reminders_section tr .reminders_edit:active { background-image: url(/account/images/reminders_button_edit_mousedown.png); } #reminders_section tr .reminders_delete:active { background-image: url(/account/images/reminders_button_delete_mousedown.svg); } /* sub game_icon - icons are in images/icons/ and sub_game_icon.css is generated in admin */ .sub_game_icon_mini { display: inline-block; height: 40px; width: 40px; } .sub_game_icon_mini span { display: block; height: 100%; width: 100%; background-image: url('/account/images/icons/placeholder.png'); background-repeat: no-repeat; background-size: 40px 40px; } .sub_game_icon_plain { display: inline-block; height: 45px; width: 45px; } .sub_game_icon_plain span { display: block; height: 100%; width: 100%; background-image: url('/account/images/icons/placeholder.png'); background-repeat: no-repeat; background-size: 45px 45px; } .sub_game_icon { display: inline-block; width: 130px; height: 45px; margin: 0; background-color: #ddd; border-radius: 3px; font-size: 0; line-height: 0; } .sub_game_icon span { display: block; height: 100%; width: 100%; font-size: 11px; line-height: 10px; border: 1px solid #CCC; border-radius: 5px; overflow: hidden; color: #222; font-family: arial; padding: 5px 3px 0 48px; text-align: center; cursor: pointer; background-image: url('../images/icons/placeholder.png'); background-repeat: no-repeat; background-position: 3px 3px; background-size: 45px 45px; -moz-user-select: none; -ms-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; user-select: none; } .sub_game_icon input { position: absolute; left: -9999px; } .sub_game_icon input:checked + span { border: 1px solid #CCC; background-color: #666; color: #fff; } .sub_game_icon_All span { background-image: url('../images/icons/All.png'); } .sub_game_icon_Fall span { background-image: url('../images/icons/Fall.png'); } /* report_him_v5 - looks like this is used on report_him_download AND report_him_v5 */ div.report_him_v5.ui-dialog { min-width: 330px; z-index: 19!important; position: relative; } div.report_him_v5.ui-dialog .questions_wrapper { float: left; width: 33%; margin-top: 0px; } div.report_him_v5.ui-dialog .questions { font-size: 11px; text-align: left; max-width: 800px; margin: 0 auto; } div.report_him_v5.ui-dialog .questions .instructions { font-family: 'Montserrat Italic', 'Arial Italic'; font-size: 11px; margin-left: 20px; } div.report_him_v5.ui-dialog .ui-dialog-title { font-size: 12px; font-weight: bold; white-space: normal; text-align: left; line-height: normal; } div.report_him_v5.ui-dialog .dialog.text.ui-dialog-content { padding-left: 0; } div.report_him_v5.ui-dialog .questions ol { position: relative; margin: 0; } div.report_him_v5.ui-dialog .questions ol.first_set { padding-left: 41px; } div.report_him_v5.ui-dialog .questions ol.double_digits { padding-left: 48px; } div.report_him_v5.ui-dialog .questions ol > li { font-weight: bold; } div.report_him_v5.ui-dialog .questions ol > li:before { content: 'Q'; position: absolute; left: 20px; font-weight: bold; } div.report_him_v5.ui-dialog .questions ol > li > div { line-height: 15px; } /* Quarterly Report PDF */ #report_quarterly_pdf { zoom: 1; /* Ensure no unexpected scaling */ transform: scale(1); /* Prevent wkhtmltopdf from shrinking content */ transform-origin: top left; width: 100%; /* Ensure full-page width */ } #report_quarterly_pdf #nav { margin: 30px 0 10px 0; text-align: left; position: relative; width: 100%; } #report_quarterly_pdf #nav form { display: inline-block; margin-top: -15px; } #report_quarterly_pdf #report_quarterly_pdf_header_section { position: relative; margin-left: 100px; min-height: 50vh; margin-right: 50px;} #report_quarterly_pdf #report_quarterly_pdf_header_icon_row { display: flex; margin-top: 150px; margin-bottom: 35px;} #report_quarterly_pdf h1 { font-size: 45px; color:#025d86; text-align: left; padding: 0; margin: 20px 0 10px 0; } #report_quarterly_pdf h2 { font-size: 27px; text-align: left; color:#025d86; padding: 0; margin: 0 0 10px 0; } #report_quarterly_pdf ul { margin: 8px 0 8px 0; } #report_quarterly_pdf li { font-size: 27px; text-align: left; color:#025d86; padding: 0; margin: 8px 0 8px 0; } #report_quarterly_pdf #report_quarterly_page_header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 5px; margin: 0px 0px 0px 0px; page-break-before: always; position: relative;} #report_quarterly_pdf #report_quarterly_page_header #report_quarterly_pdf_page_header_icons { display:flex;} #report_quarterly_pdf #report_quarterly_page_header #AAN_icon { height: 69px; width: 102px; margin-left: 10px; } #report_quarterly_pdf #report_quarterly_page_header #TrustedMessengers_icon { height: 58px; width: 112px; margin-left: 10px; min-height: 58px;} #report_quarterly_pdf hr { margin: -11px 0px 60px 0px;} #report_quarterly_pdf .quarterly_report_page { /*page-break-after: always;*/ position: relative; min-height: 100vh; margin-left: 50px; margin-right: 50px; padding-top: 20px; padding-bottom: 20px; } #report_quarterly_pdf .quarterly_report_page canvas { width: 60% !important; height: 318px !important; max-height: 318px !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 50px !important;} #report_quarterly_pdf .quarterly_report_page #canvas_demographics_data_race { width: 80% !important; height: 318px !important; max-height: 318px !important; margin-left: 50px !important; margin-right: 50px !important; margin-bottom: 50px;} #report_quarterly_pdf .quarterly_report_page #canvas_demographics_data_family_members_with_asthma { width: 80% !important; height: 318px !important; max-height: 318px !important; margin-left: 50px !important; margin-right: 50px !important; margin-bottom: 50px;} #report_quarterly_pdf .quarterly_report_page #canvas_demographics_data_chronic_conditions { width: 80% !important; height: 650px !important; max-height: 650px !important; margin-left: 50px !important; margin-right: 50px !important; margin-bottom: 50px;} #report_quarterly_pdf .quarterly_report_page #canvas_demographics_data_asthma_tests_in_past_12_months { width: 80% !important; height: 318px !important; max-height: 318px !important; margin-left: 50px !important; margin-right: 50px !important; margin-bottom: 50px;} #report_quarterly_pdf .quarterly_report_page #canvas_demographics_data_which_medications_currently_prescribed { width: 80% !important; height: 318px !important; max-height: 318px !important; margin-left: 50px !important; margin-right: 50px !important; margin-bottom: 50px;} #report_quarterly_pdf .quarterly_report_page #canvas_demographics_data_which_anti_asthma_pills_currently_prescribed { width: 80% !important; height: 318px !important; max-height: 318px !important; margin-left: 50px !important; margin-right: 50px !important; margin-bottom: 50px;} #report_quarterly_pdf .quarterly_report_page #canvas_demographics_data_which_biologics_currently_prescribed { width: 80% !important; height: 318px !important; max-height: 318px !important; margin-left: 50px !important; margin-right: 50px !important; margin-bottom: 50px;} #report_quarterly_pdf .mean_saq_qol_scores_graph_section { padding-top: 50px; } #report_quarterly_pdf .quarterly_report_page #canvas_saq_data_last_3_questions_worst { width: 80% !important; height: 180px !important; max-height: 180px !important; margin-left: 48px !important; margin-right: 0px !important; margin-bottom: 0px !important; padding: 0 0px 0 8px !important;} #report_quarterly_pdf .quarterly_report_page #canvas_saq_data_worst_3_questions_best { width: 80% !important; height: 180px !important; max-height: 180px !important; margin-left: 45px !important; margin-right: 0px !important; margin-bottom: 0px !important; padding: 0 0px 0 6px !important;} #report_quarterly_pdf .quarterly_report_page #canvas_saq_data_last_3_questions_last { width: 80% !important; height: 240px !important; max-height: 240px !important; margin-left: 50px !important; margin-right: 0px !important; margin-bottom: 50px;} #report_quarterly_pdf .report_quarterly_pdf_title_page_number { margin-top: 470px; margin-right: 0px; font-size: 18px; color:#025d86; text-align: right; font-family: "Montserrat", sans-serif; font-weight: 800;} #report_quarterly_pdf .report_quarterly_pdf_page_number { page-break-after: always; position: absolute; bottom: 0px; right: 0px; margin-bottom: 20px; margin-right:0px; font-size: 18px; color:#025d86; text-align: right; font-family: "Montserrat", sans-serif; font-weight: 800;} #report_quarterly_pdf h3 { font-size: large; color:#025d86; text-align: left; padding: 0; font-size: 18px; margin: 20px 5px 8px 0px; line-height: 100%; } /* 5 section titles */ #report_quarterly_pdf h4 { display: block; width: 100%; padding: 0; margin: 0 0 0 0; font-size: 16px; line-height: 110%; font-weight: 700; color: #333; text-align: center; } /* first title inside .col */ #report_quarterly_pdf h5 { display: block; width: 100%; padding: 0; margin: 0 0 0 0; font-size: 16px; line-height: 120%; font-weight: 500; text-align: center;} /* text below numbers inside .col */ #report_quarterly_pdf h5.normal { font-weight: normal; } #report_quarterly_pdf h5 div.next_line { margin-top: 3px; font-weight: normal; } #report_quarterly_pdf .quarterly_report_graph { margin: 0 0px 35px 80px !important; min-width: 500px;} #report_quarterly_pdf .quarterly_report_graph_with_footnote { margin: 0 50px -20px 50px !important; } #report_quarterly_pdf .quarterly_report_graph_footnote { margin: 0 50px 35px 50px !important; } #report_quarterly_pdf .saq_last_3_questions_section { display: inline; width: 1000px; } #report_quarterly_pdf .saq_last_3_question_chart_holder { display:inline; width: 900px;} #report_quarterly_pdf .saq_last_3_questions_labels { display: inline; width: 100px; } #report_quarterly_pdf .block { min-height: 280px; background: #fff; width: 100%; margin: 0; /*page-break-before: always;*/ } #report_quarterly_pdf .block .no_data_available { padding: 20px; text-align: left; color: #777; } #report_quarterly_pdf .col_container { min-height: 280px; display: inline-block; position: relative; padding: 0px 0px 32px 0px;} #report_quarterly_pdf .col_container_test_activity { min-height: 280px; display: inline-flex; position: relative; padding: 32px 0px 32px 0px;} #report_quarterly_pdf .col_container_test_activity .col { height: auto; min-height: 280px; border-left: 1px solid #CCC; text-align: left; padding: 32px 32px 32px 32px; position: relative; border-radius: 7px; border: 1px solid #dbdbdb;} #report_quarterly_pdf .col_container_test_activity h5 { padding: 5px; border: 1px solid #dbdbdb;} #report_quarterly_pdf .col_container .col { height: auto; min-height: 280px; border-left: 1px solid #CCC; text-align: left; padding: 32px 32px 32px 32px; position: relative;} #report_quarterly_pdf .col_container .col_17 { width: 17%; } #report_quarterly_pdf .col_container .col_70 { width: 70%; } #report_quarterly_pdf .col_container .col_50 { width: 50%; } #report_quarterly_pdf .col_container .col_20 { width: 20%; } #report_quarterly_pdf .col_container .col_30 { width: 30%; } #report_quarterly_pdf .col_container .col:first-child { border-left: 0;} #report_quarterly_pdf .col_container .out_of { font-size: 12px; margin-top: -12px; margin-bottom: 15px; font-weight: 600; } #report_quarterly_pdf .col_container .red { color: #e7634d; } #report_quarterly_pdf .col_container .row { flex: 5 0px; background: pink; } #report_quarterly_pdf .dot { display: inline-block; width: 120px; font-size: 14px; font-weight: 500; line-height: 120%; margin-top: 15px; padding-left: 18px; padding-right: 0; vertical-align: top; overflow: visible; white-space: nowrap; } #report_quarterly_pdf .dot a { font-size: 90%; text-decoration: none; } #report_quarterly_pdf .dot.square_dot span { display: inline-block; border-radius: 0%; width: 15px; height: 15px; background: #666; margin: 0 6px 0 -20px; } #report_quarterly_pdf .dot span { display: inline-block; border-radius: 50%; width: 15px; height: 15px; background: #666; margin: 0 6px 0 -20px; } #report_quarterly_pdf .dot div.next_line { margin-top: 6px; } #report_quarterly_pdf .col_container a { font-size: 25px; text-decoration: none; font-weight: 500; } #report_quarterly_pdf .col_container .stat a { font-size: 25px; text-decoration: bold; } #report_quarterly_pdf .col_container a.no_click { cursor: default; } #report_quarterly_pdf .col_container .arrange_by { font-size: 13px; } #report_quarterly_pdf .col_container .arrange_by a { font-size: 13px; } #report_quarterly_pdf .col_container .arrange_by a.sel { color: #222222; font-weight: bold; } #report_quarterly_pdf .col_container hr { margin: 2px 0 9px 0; padding: 0; } #report_quarterly_pdf .col_container td { padding: 4px 2px 0 2px; width: 50%; background: #fff; } #report_quarterly_pdf .col_container_graphs { display: inline-block; justify-content: center; width: 100%; height: fit-content; margin-left: auto; margin-right: auto; } #report_quarterly_pdf .col_graph_with_pair { height: fit-content; display: block; width: 600px; max-width: 600px; margin-left: auto; margin-right: auto; object-fit: scale-down; float: none !important;} @media screen and (max-width: 1200px) { #report_quarterly_pdf .col_container_graphs { display: inline-block; width: 100%; height: fit-content; } #report_quarterly_pdf .col_graph_with_pair { height: fit-content; display: block; max-width: 600px; margin-left: auto; margin-right: auto; object-fit: scale-down; float: none !important; } } #report_quarterly_pdf #la_nav * { font-size: 70%; line-height: 90%; } #report_quarterly_pdf #la_nav a.sel { text-decoration: underline; color: #222; } #report_quarterly_pdf #la_cr_no_data { color: #444; text-align: left; font-size: 80%; margin: 0px 0 0 0; display: none; } #report_quarterly_pdf #la_adherence_no_data { color: #444; text-align: center; font-size: 90%; margin-top: 50px; display: none; } #report_quarterly_pdf #canvas_la_adherence { display: none; } #report_quarterly_pdf canvas { max-height: 238px;} #report_quarterly_pdf canvas.half { max-height: 100px;} /* rtm */ #tabs #rtm_time_tracker { display: inline-block; font-family: 'Montserrat'; position: absolute; vertical-align: bottom; height: 38px; z-index: 3000; right: 140px; top: 3px;} #tabs #rtm_time_tracker a { text-decoration: none; border: 0px; font-weight: 400; padding: 0px; color: #000;} #tabs #rtm_time_tracker #rtm_time_tracker_button, #tabs #rtm_time_tracker #rtm_time_tracker_button.autoStarting:hover { border: 1px solid #3174A2; padding: 5px; border-radius: 0.2em; font-size: 12px; color: #000; display: inline-block; text-align: left; width: 240px; height: 100%; line-height: 1; background-color: #ffffff00;} #tabs #rtm_time_tracker #rtm_time_tracker_button.selected { border: 1px solid #777; background-color: #777; color: #fff;} #tabs #rtm_time_tracker #rtm_time_tracker_button:hover { background-color: #777; color: #fff; border: 1px solid #777; } #tabs #rtm_time_tracker #rtm_time_tracker_button.selected:hover { background-color: #ffffff00; color: #000; border: 1px solid #3174A2; } #tabs #rtm_time_tracker #rtm_time_tracker_button.flashOn, #tabs #rtm_time_tracker #rtm_time_tracker_button.autoStarting.flashOn:hover { border: 1px solid #E7634D; background-color: #E7634D; color: #fff;} #tabs #rtm_time_tracker_button_icon { display: inline-block; width: 15px; height: 15px; position: absolute; padding-right: 10px; top: 50%; transform: translateY(-50%);} .rtm_time_tracker_button_text {display: inline-block; padding-right: 10px; width: 100%; height: 100%; } #tabs #rtm_time_tracker_button_inner_text {position: absolute; top: 50%; transform: translateY(-50%); left: 35px;} #tabs #rtm_time_tracker_button_label {margin-top: 0; font-weight: bold;} #tabs #rtm_selected_user { margin-top: 0; padding-left: 5px; padding-right: 5px; width: 110px; } #tabs #rtm_time_tracker_button_divider { margin-top: 0; padding-left: 5px; padding-right: 5px; display: none; } #tabs #rtm_time_tracker_button_time { margin-top: 0; padding-left: 5px; padding-right: 5px; display: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} #tabs #rtm_time_tracker_button:hover #rtm_time_tracker_button_paused_icon, #tabs #rtm_time_tracker_button.selected #rtm_time_tracker_button_paused_icon {content: url(/account/images/pause_icon_white.png);} #tabs #rtm_time_tracker_button.selected:hover #rtm_time_tracker_button_paused_icon {content: url(/account/images/pause_icon_gray.png);} #rtm_time_tracker_window { line-height: 1.5em; font-size: 14pt; display: none; position: fixed; right: 100px; top: 100px; border-radius: 0.2em; box-shadow: 0 0 2px 2px #888; width: 375px; background-color: #fff; font-family: "Montserrat"; z-index: 3000; } #rtm_time_tracker_window_header {font-size: 16px; font-weight: bold; display: inline-block; width: 70%; color: #777;} #rtm_time_tracker_start { display: inline-block; font-size: 12px; font-weight: bold; background-color: #3174A2; border-radius: 0.2em; color: #fff; width: 100%; height: 100%; text-align: center; text-decoration: none; padding: 4px; } #rtm_time_tracker_start:hover {background-color: #2a638a; } #rtm_time_tracker_start.selected:hover {background-color: #c45441; } #rtm_time_tracker_start.selected {background-color: #E7634D;} #rtm_time_tracker_start.deactivated {background-color: #777; } #rtm_manual_time_button a.deactivated {color: #777;} #rtm_time_tracker_window .in_window {font-size: 24px; text-align: left;} #rtm_time_tracker_window .selectize-input input, #rtm_time_tracker_window .selectize-input .item, #rtm_time_tracker_window .selectize-dropdown .option { font-size: 14px; cursor: pointer;} a.rtm_popout_button {font-size: 12px; width: 100%; text-decoration: none; color: #3174A2; padding: 5px; display: inline;} a.rtm_popout_button.selected {border-radius: 2em; color: #fff; background-color: #777; } a.rtm_popout_button.deactivated {color: #777; } #rtm_manual_time_button_parent {position: absolute; font-size: 12px; left: 50%; top: 45px; transform: translateX(-50%); width: 100%;} #rtm_manual_time_button {position: relative; text-align: center;} #rtm_manual_time_window {position: absolute; display: none; width: 275px; height: 212px; background-color: #fff; border-radius: 0.2em; box-shadow: 0 0 2px 2px #888; z-index: 11; right: 32px; top: 155px; font-size: 12px;} #rtm_timepicker_viewpicker {font-size: 18px;} #rtm_time_tracker_manual_add {display: inline-block; font-size: 12px; font-weight: bold; background-color: #3174A2; border-radius: 0.2em; color: #fff; position: absolute; width: 72px; height: 28px; right: 25px; text-align: center; text-decoration: none;} #rtm_time_tracker_manual_add:hover {background-color: #2a638a;} #rtm_time_tracker_manual_cancel {display: inline; position: absolute; left: 25px; color: #3174A2; font-weight: bold; text-decoration: none;} #rtm_time_tracker_manual_cancel:hover {color: #2a638a;} #rtm_user_content .no_setup_date_message { font-size: 12px; text-align: left; font-weight: 500; line-height: 105%; width: 300px; } #rtm_breakdown_link.deactivated { color: #777; } #rtm_breakdown_link { color: #3173A1; font-size: 16px; font-weight: bold; text-decoration: none; display: block; text-align: left; margin-top: 0px; } #rtm_breakdown_link span { display: inline-block; transform: rotate(90deg); } #rtm_breakdowns {display: none; width: 100%;} #rtm_start_datepicker {display: none; position: absolute; z-index: 3002; left: 50%; transform: translateX(-50%); } #rtm_manual_time_datepicker {display: none; position: absolute;} #rtm_start_date_button_parent {position: absolute; left: -5px; } #rtm_start_date_button {display: inline; } #rtm_start_date_text {display: inline;} .rtm_breakdowns_header {color: #777; text-decoration: underline; font-size: 15px;} #rtm_user_content {display: none;} .rtm_paused_icon {display: inline-block; height: 15px; width: auto; vertical-align: middle; margin-left: 6px; vertical-align: text-top;} .rtm_recording_icon {display: none; border-radius: 50%; background-color: #E7634D; height: 15px; width: 15px; vertical-align: text-top; margin-left: 6px;} .rtm_recording_icon.white {background-color: #fff;} #rtm_tracking_status {display: inline-block; color: #777;} #rtm_tracking_status.red {display: inline-block; color: #E7634D;} .rtm_date {font-size: 14px; color: #777;} a.rtm_breakdowns_link {font-size: 12px; text-decoration: none; display: inline; padding-right: 5px;} .rtm_stat_line {font-size: 14px;} .rtm_stat {font-size: 28px;} .rtm_previous_arrow, .rtm_next_arrow {width: auto; height: 24px; vertical-align: middle;} .rtm_previous_arrow:hover {content: url(/account/images/previous_arrow_hover.png);} .rtm_next_arrow:hover {content: url(/account/images/next_arrow_hover.png);} /* scroll_table - js used to set left on td.title */ div.scroll_table { width: 100%; overflow: scroll; position: relative; font-size: 10pt; line-height: 11pt; font-family: sans-serif; border-left: 1px solid #dbdbdb; margin-bottom: 10px; } div.scroll_table table { width: 100%; position: relative; border-collapse: separate; /* table-layout: fixed will break scrolling - don't do it! */ } div.scroll_table table td, div.scroll_table table th { text-align: left; border: 0; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; } div.scroll_table tr:nth-child(1) td { font-weight: bold; } div.scroll_table tr:nth-child(n + 1) th { position: sticky; top: 0; z-index: 1; } div.scroll_table tr td.title { z-index: 2; position: sticky; left: 0; background: #fff; font-weight: bold; } div.scroll_table tr td.sub_data { z-index: 2; position: sticky; left: 0; background: #fff; } div.scroll_table tr:nth-child(even) td.title { background: #F8F9FE; } div.scroll_table tr.unshaded { background: #fff; } div.scroll_table tr.unshaded td.title { background: #fff; } div.scroll_table tr.shaded { background: #F8F9FE; } div.scroll_table tr.shaded td.title { background: #F8F9FE; } div.scroll_table td.title { padding-left: 4px; } div.scroll_table td.sub_data { padding-left: 4px; } div.scroll_table td.divider { border-bottom: 1px solid #777; border-right: 0px; padding-left: 2px; } div.scroll_table span.fold { position: absolute; bottom: 0px; right: 0px; border-width: 16px 16px 0 0; border-style: solid; border-color: #CCC transparent; } div.scroll_table div.pop_note { height: 46px; min-height: 46px; border: 1px solid transparent; display: block; z-index: 2; overflow: hidden !important; padding: 2px; margin: -2px; } div.scroll_table div.pop_note:hover { height: auto; border: 1px solid #CCC; background: #fff; position: absolute; top: 0; z-index: 100; padding: 2px; box-shadow: 3px 3px 3px #aaa; } div.scroll_table div.pop_note:hover span.fold { display: none; } div.scroll_table_links { text-align: left; } div.scroll_table_links a { font-size: 10pt; } div.scroll_table_links select { font-size: 10pt; } div.scroll_table_links_msg { text-align: left; display: flex; margin-bottom: 4px; } div.scroll_table_links_msg a { font-size: 10pt; line-height: 120%; display: inline-block; align-self: flex-end; width: 5%; white-space: nowrap; } div.scroll_table_links_msg span { font-size: 8pt; line-height: 120%; display: inline-block; color: #888; padding: 0 40px; justify-content: center; text-align: center; flex: 1; } /* table column toggle */ div.table_column_toggle_icon { display: inline-block; cursor: pointer; padding: 8px; color: #fff; background: #3173A1; border-radius: 3.7px; font-size: 13px; line-height: 13px; font-weight: bold; white-space: nowrap; user-select: none; } div.table_column_toggle_icon b { display: inline-block; width: 0px; height: 0px; border-style: solid; border-width: 0 5.5px 9.5px 5.5px; border-color: transparent transparent #fff transparent; transform: rotate(90deg); margin-right: 6px; } div.table_column_toggle_icon.sel b { transform: rotate(0deg); } div.table_column_toggle { display: none; position: fixed; top: 160px; z-index: 2001; user-select: none; text-align: center; border-top: 0; padding-bottom: 30px; background: #fff; } div.table_column_toggle div { display: block; padding: 6px 20px 6px 30px; position: relative; border: 1px solid #aaa; text-align: left; overflow: hidden; font-size: 14px; line-height: 120%; white-space: nowrap; background: rgba(255, 255, 255, .8); } div.table_column_toggle span { display: block; position: absolute; left: 8px; top: 8px; height: 20px; width: 20px; color: #999; cursor: ns-resize; } div.table_column_toggle a { position: absolute; bottom: 1px; left: 0; width: 100%; display: block; font-size: 14px; border: 1px solid #aaa; border-top: 0; } div.table_column_toggle .placeholder { height: 30px; line-height: 100%; background: #fffa90; display: block; } /* tfa_and_profile */ #tfa_and_profile .modal-content { background-color: #fefefe; margin: 10% auto; padding: 40px; border: 1px solid #CCC; width: 700px; min-width: 500px; position: relative; display:flex; flex-direction: column; border-radius: 16px; } #tfa_and_profile h3 { font-size: 12pt; text-align: left; padding: 0px; margin: 0px; line-height: 110%; } #tfa_and_profile p { font-size: 9pt; font-weight:500; text-align: left; padding-top: 0px; margin-top: 4px; line-height: 100%; } #tfa_and_profile .main-button { background-color: #3173A1; font-size: 11pt; border-radius: 14px; padding: 12px 6px; margin-left: 20%; margin-right: 20%; box-shadow: 0px 5px 3px #AAAAAA; } #tfa_and_profile .main-button:hover { background-color: #2a6189; } #tfa_and_profile .main-button:active { background-color: #1e4562; } #tfa_and_profile .text-button { color: #3173A1; background-color: transparent; font-size: 11pt; margin: 0px; padding: 0px; } #tfa_and_profile .privacy-policy-link { color: #3173A1; text-decoration: none; } #tfa_and_profile .bottom-margin-6 { margin-bottom: 6px; } #tfa_and_profile .bottom-margin-20 { margin-bottom: 20px; } #tfa_and_profile .bottom-margin-30 { margin-bottom: 30px; } #tfa_and_profile .bottom-margin-40 { margin-bottom: 40px; } #tfa_and_profile .bottom-margin-6 { margin-bottom: 6px; } #tfa_and_profile .top-margin-20 { margin-top: 20px; } #tfa_and_profile .skip-setup-btn-left { text-align: left; } #tfa_and_profile .text-input-group { display:flex; flex-direction:column; margin-left:0px; padding-left: 0px; min-height: 100px; margin-bottom: 30px; } #tfa_and_profile .bottom-buttons-group { display: flex; justify-content:space-between; align-items: center; } #tfa_and_profile .next-button { background-color: #84aa52; font-size: 11pt; border-radius: 8px; width: 90px; height: 24px; padding: 4px; box-shadow: 0px 5px 3px #AAAAAA; margin: 0px; } #tfa_and_profile .next-button:disabled { background-color:darkgray; color: lightgray; } #tfa_and_profile .next-button:hover:enabled { background-color: #789b4b; } #tfa_and_profile .next-button:active:enabled { background-color: #6b8a42; } #tfa_and_profile .text-input-box { width: 260px; height: 41px; border-color: #3173A1; margin-left: 0px; display: flex; align-items: flex-start; font-size: 16pt; } #tfa_and_profile .code-entry-box { letter-spacing: 0.25em; width: 148px; } #tfa_and_profile .error-message-group { display: flex; flex-direction: row; align-items: flex-start; } #tfa_and_profile .error-text { font-size: 10pt; font-weight: 500; color:#e45038; margin: 0px; padding: 0px; } #tfa_and_profile .code-resent-group, .success-message-group { display: flex; flex-direction: row; align-items: center; } #tfa_and_profile .code-resent-text, .success-text { font-size: 10pt; font-weight: normal; display:block; margin: 0px; padding: 0px; } #tfa_and_profile .text-small-left-aligned { text-align: left; font-size: 9pt; height:40px; } #tfa_and_profile .text-input-box-group { display:flex; flex-direction:row; align-items: center; } #tfa_and_profile .verified-text { font-size: 12pt; font-weight: 700; color:#84aa52; margin: 0px; padding: 0px; } #tfa_and_profile .verified-group { display: flex; flex-direction: row; align-items: center; margin: 0px; } #tfa_and_profile .authenticate-button { background-color: #84aa52; font-size: 11pt; border-radius: 8px; width: 160px; padding: 4px; box-shadow: 0px 5px 3px #AAAAAA; } #tfa_and_profile .authenticate-button:hover:enabled { background-color: #789b4b; } #tfa_and_profile .authenticate-button:active:enabled { background-color: #6b8a42; } #tfa_and_profile .tfa-factor-dropdown { width: 40%; height: 35px; font-size: 14px; margin: 4px 0px 8px 0px; } #tfa_and_profile .dropdown-input-group { display:flex; flex-direction:row; align-items: center;} #tfa_and_profile .auth-help-subheading { font-size: 10pt; font-weight:700; } #tfa_and_profile .auth-help-text-btn { text-align: left; font-size: 9pt; margin-bottom: 10px; } #tfa_and_profile .auth-help-back-btn { width: 80px; padding: 6px; margin-left: 0px; margin-top: 60px; border-radius: 8px; } #tfa_and_profile .lost-auth-back-btn { width: 80px; padding: 6px; margin: 0px; border-radius: 8px; } #tfa_and_profile .lost-auth-bottom-buttons-group { display: flex; justify-content:space-between; align-items: center; margin-top: 60px; } #tfa_and_profile .profile-page { display:flex; flex-direction: row; padding: 0px; margin:0px; min-height: 90vh; } #tfa_and_profile .profile-page-nav { display:flex; flex-direction: column; background-color: #F5F5F5; width: 200px; padding-top: 10px; } #tfa_and_profile .profile-page-nav .nav-btn { background-color: transparent; text-align: left; color: #3173a1; font-size: 14px; margin: 0px; } #tfa_and_profile .profile-page-nav .nav-btn-selected { background-color: #3173a1; color: #ffffff; } #tfa_and_profile .profile-section { margin-left: 160px; margin-top: 30px; } #tfa_and_profile .profile-section .profile-heading { text-align: left; font-size: 18px; } #tfa_and_profile .profile-section .profile-sub-section { display: flex; flex-direction: column; text-align: left; width: 700px; padding:16px 30px; margin-bottom: 30px; border-radius: 14px; box-shadow: 0px 0px 1px 1px #b3b3b3; } #tfa_and_profile .profile-section .profile-label { font-size: 15px; font-weight: 500; margin: 20px 0px 6px 0px; padding: 0px; } #tfa_and_profile .profile-section .profile-text { font-size: 16px; font-weight: 700; line-height: 98%; margin: 0px; padding: 0px; } #tfa_and_profile .profile-section .profile-sub-heading { font-size: 16px; font-weight: 700; line-height: 98%; margin: 20px 0px 0px 0px; padding: 0px; } #tfa_and_profile .profile-section .profile-description { font-size: 12px; font-weight: 500; margin: 0px; padding: 6px 0px 8px 0px; line-height: 100%; } #tfa_and_profile .profile-section .bottom-buttons-group { display: flex; flex-direction: row; justify-content: end; margin: 20px 0px; } #tfa_and_profile .profile-section .standard-button { background-color: #84aa52; border-radius: 10px; padding: 6px 34px; font-size: 14px; box-shadow: 0px 4px 2px #AAAAAA; } #tfa_and_profile .profile-section .standard-button:hover { background-color: #789b4b; } #tfa_and_profile .profile-section .standard-button:active { background-color: #6b8a42; } #tfa_and_profile .profile-section .text-input-box { width: 320px; height: 32px; margin-left: 0px; margin-top: 0px; display: flex; align-items: flex-start; font-size: 12pt; } #tfa_and_profile .profile-section .profile-dropdown{ width: 320px; height: 32px; margin-left: 0px; } #tfa_and_profile .profile-section .centered-button-group { display:flex; flex-direction: column; align-items: center; justify-content: center; height: 180px; } #tfa_and_profile .profile-section .confirm-and-error-section { height: 30px; } #tfa_and_profile .profile-section .password-bottom-group { display: flex; justify-content:space-between; align-items: center; margin: 20px 0px; } #tfa_and_profile .profile-section .password-middle-group { display: flex; flex-direction: row; min-height: 230px; } #tfa_and_profile .profile-section .password-text-input-group { display: flex; flex-direction: column; width: 400px; } #tfa_and_profile .profile-section .password-requirements-group { padding: 22px 0px 0px 30px; } #tfa_and_profile .profile-section .password-requirements-group p { font-size: 12px; font-weight: 800; padding: 0px; margin: 0px; } #tfa_and_profile .profile-section .password-requirements-group ul { padding: 0px 0px 0px 10px; margin: 6px 0px 0px 0px; } #tfa_and_profile .profile-section .password-requirements-group li { font-size: 11px; line-height: 100%; } #tfa_and_profile .profile-section .blue-button { background-color: #3173A1; } #tfa_and_profile .profile-section .blue-button:hover { background-color: #2a6189; } #tfa_and_profile .profile-section .blue-button:active { background-color: #1e4562; } #tfa_and_profile .profile-section .auth-types-group { margin:0; padding:0; display:flex; flex-direction: column; } #tfa_and_profile .profile-section .auth-types-group .auth-types-description { margin-bottom: 12px; } #tfa_and_profile .profile-section .mfa-sub-section { padding-bottom:26px;} #tfa_and_profile .mfa-sub-section .loading-area { display: flex; flex-direction: column; align-items: center; padding-top: 15%; } #tfa_and_profile .auth-select-button { padding:0px; margin-bottom: 10px; display:flex; flex-direction: column; border-style: solid; border-width: 2px; border-radius: 4px; background-color: white; color: #3173A1; border-color: #CCC; height:auto; user-select:none; } #tfa_and_profile .auth-select-button:hover { border-color: #9dc5e1; background-color: #d8e8f3; } #tfa_and_profile .auth-select-button:active { border-color: #3173A1; background-color: #b1d1e7; } #tfa_and_profile .auth-select-button .top-section { display:flex; flex-direction: column; padding: 14px; margin: 0px; text-align: left; height:auto; } #tfa_and_profile .auth-select-button .flex-row { display: flex; flex-direction: row; justify-content: space-between; } #tfa_and_profile .auth-select-button .top-section .factor-description-group { display:flex; flex-direction: row;} #tfa_and_profile .auth-select-button .top-section .factor-description-text-group { display:flex; flex-direction: column;} #tfa_and_profile .auth-select-button .top-section .check-mark-icon { margin-right: 10px; } #tfa_and_profile .auth-select-button .top-section .primary-factor-group, .primary-factor-text { display:flex; flex-direction: row; align-items: center; } #tfa_and_profile .auth-select-button .top-section .primary-factor-button { display:flex; flex-direction:row; align-items: center; background-color: white; color: #3173A1; width: 170px; height: 26px; font-size: 8pt; font-weight: 600; border-radius: 4px; } #tfa_and_profile .auth-select-button .top-section .primary-factor-button:hover { background-color: #d8e8f3; } #tfa_and_profile .auth-select-button .top-section .primary-factor-button:active { background-color: #b1d1e7; } #tfa_and_profile .auth-select-button .bottom-section { display:flex; flex-direction:row; justify-items: flex-start; align-items:center; padding: 14px; margin: 0px; text-align: left; height:auto; color:black; } #tfa_and_profile .auth-select-button .bottom-section .edit-button, .delete-button { width: 25px; height: 25px; margin-left: 6px; } #tfa_and_profile .auth-select-button .large-text { margin: 0px 0px 2px 0px; padding: 0px; font-size: 11pt; font-weight: 600; } #tfa_and_profile .auth-select-button .factor-text { margin: 0px; padding: 0px; font-size: 10pt; } #tfa_and_profile .auth-select-button .small-text { margin: 0px; padding: 0px; font-size: 8pt; } #tfa_and_profile .auth-btn-factor-enabled { border-color:#3173A1; } #tfa_and_profile .auth-btn-factor-enabled .top-section { color:white; background-color: #3173A1; } #tfa_and_profile .auth-btn-factor-enabled:hover { border-color: #3173A1; background-color: white; } #tfa_and_profile .auth-btn-factor-enabled:active { border-color: #3173A1; background-color: white; } #tfa_and_profile .delete-factor-popup .bottom-buttons-group { display:flex; flex-direction: row; justify-content: space-between; margin-bottom: 0px; } #tfa_and_profile .delete-factor-popup .bottom-buttons-group .main-button { margin: 0px; padding: 6px 34px; border-radius: 8px; } #tfa_and_profile .delete-factor-popup .bottom-buttons-group .confirm-delete-button { background-color: #e7634d; } /* tokens - todo: see if we can move into page specific section */ span.token { display: inline-block; height: 33px; width: 33px; border-radius: 50%; background: #ddd; border: 1px solid #CCC; margin: 0 4px -10px 4px; padding-top: 3px; cursor: pointer; font-size: 7pt; line-height: 7pt; text-align: center; overflow: hidden; } span.token_assign_all { background: gold; border: 1px solid #bc9703; } span.token_selected { border: 1px solid black; } span.token b, span.token i { display: block; font-weight: normal; font-style: normal; } span.token i { font-size: 10px; } /* persistent */ span.token_access_all b { display: none; } /* hide this number if we have all access */ .token_button_bar { text-align: left; margin: -4px 0 6px -4px; background: #fff; } .token_user { padding: 10px; border-radius: .2em; margin-bottom: 10px; background: pink; text-align: left; } .token_clinician { padding: 10px; border-radius: .2em; margin-bottom: 10px; background: #ddd; text-align: left; } .token_clinician_box .token_user { margin-left: 20px; } .token_group { width: 180px; border-radius: .2em; display: inline-block; text-align: right; position: relative; padding: 0 70px 0 0px; color: #444; font-size: 80%; } .token_group a { font-size: 12px; line-height: 0px; color: #222; padding: 0; margin: 0; position: absolute; top: 17px; right: 4px; } .token_group a:nth-child(1) { top: 26px; } table.token_assignment { width: 100%; } table.token_assignment td { width: 50%; text-align: center; } .token_toggle_edit { float: right; font-size: 80%; } .token_group_container { margin: 10px; padding: 10px; padding-top: 4px; height: 72px; overflow: auto; border: 1px solid #CCC; text-align: left; } #token_available_area { margin: 4px 0 10px 0; background: #ddd; border-radius: 3px; text-align: left; padding: 0 11px; text-align:center; min-height: 46px; } #token_not_available { text-align: center; padding-top: 10px; } #token_edit_area { text-align: left; margin: 0 0 10px 0; padding: 10px; border: 1px solid #CCC; border-radius: 5px; position: relative; display: none; } #token_edit_area:empty { display: none; } #token_edit_area div.error { text-align: center; } #token_edit_area .button_box { position: absolute; bottom: 0; right: 0; padding-left: 6px; display: inline-block; font-size: 80%; border-top-left-radius: .2em; background-color: rgba(255,255,255,0.8); } #token_edit_area .expires_at { margin-bottom: 8px; font-size: 10pt; } #token_edit_area .expires_at input{ width: 140px; } .token_user .sortable, .token_clinician .sortable { min-height: 10px; margin-top: -2px; } .token_group_container .sortable, .token_group_container .sortable { min-height: 10px; } /* wellness module */ #wellness { text-align: left; display: relative; padding-top: 20px; padding-bottom: 60px; } #wellness a#logout { position: fixed; top: 6px; right: 10px; display: inline-block; background: rgb(255, 255, 255, .8); padding: 1px 5px; border-radius: 4px; z-index: 4; } #wellness div.success { position: absolute; top:10px; left: 50%; transform: translate(-50%, 0); text-align: center; } #wellness textarea { width: 97%; resize: vertical; display: block; } #wellness table { width: 100%; } #wellness table.two_column input { width: 100%; } #wellness table th { text-align: center; } #wellness table td { vertical-align: top; } #wellness table.ppp { margin-bottom: 20px; } #wellness table.ppp tr td { padding: 0px; } #wellness table.ppp tr td:nth-child(1) { vertical-align: middle; padding-left: 8px; } #wellness h2.ppp { text-align: center; margin-top: -20px; } #wellness a.add { font-weight: bold; display: inline-block; margin-left: 10px; font-size: 110%; } #wellness input[type=checkbox] { transform: scale(2); margin: 0 20px; } #wellness input[type=radio] { transform: scale(2); margin: 0 20px; } #wellness input[name=w_awvs_sh5a_response] { width: 100%; margin-right: 10px; } #wellness div.section { border: 1px solid #ddd; margin: 0 20px 100px 20px; padding: 20px; page-break-after: always; position: relative; } #wellness div.section h3 { background: #555; color: #fff; padding: 10px 20px; text-align: center; } #wellness div.section h3 span { display: inline-block; float: right; font-weight: normal; font-size: 15px; color: #fff; padding-right: 28px; } #wellness div.section h4 { background: #ccc; text-align: center; } #wellness div.section p { margin: 0; padding: 20px; font-size: 130%; font-weight: 600; } #wellness div.section div.section_question { padding: 20px; font-weight: 600; font-size: 120%; text-align: left; } #wellness div.section#pi { margin-top: 90px; } #wellness div.section#pi #logo { position: absolute; top: -100px; left: 20px; width: 90px; } #wellness div.section#pi h1 { position: absolute; top: -74px; width: 100%; margin: 0; padding: 0; text-align: center; display: block; } #wellness div.conditional_msg { color: #222; display: none; margin:-16px 0 0 120px; font-weight: bold; } #wellness label { display: block; cursor: pointer; margin: 0; padding: 10px 0px; } #wellness label:hover { background: #eee; } #wellness label:has(input:checked) { background-color: #aacbdd; } #wellness .not-allowed { cursor: not-allowed; } #wellness label.not-allowed:hover { background: none; } #wellness div.control { background-color: #fff; transition: background-color 0.4s ease; margin: 7px 0; page-break-inside: avoid; } #wellness div.control.err { background: pink; } #wellness div.control p { font-weight: 600; padding: 10px 15px; } #wellness div.control.conditional { margin-left: 40px; padding: 20px; } #wellness div.control#c_sh5 { margin-left: 80px; } #wellness div.control select { margin: 0 0 20px 20px; } #wellness #sh label { margin-bottom: 1px } #wellness #fh input[type=text] { width: 100px;} #wellness #fh input.disease { width: 300px; margin-left: 20px; } #wellness #fh div.control { display: flex; flex-wrap: wrap; padding: 0; justify-content: flex-start; } #wellness #fh div.control div { flex: 0 0 18%; margin: 1px 1px 0 0; white-space: nowrap; min-width: 200px; } #wellness #fh div.control div.title { flex: 1 0 100%; padding: 20px 10px 10px 10px; } #wellness #fh div.control div.age { padding-left: 16px; } #wellness #fh div.control div b { font-weight: 600; } #wellness #fh div.control div p { margin: 0; padding: 0; } #wellness #fh div.thead { display: none; } #wellness div#button_bar_alt a#cancel { background: #aaa; } #wellness div#button_bar_alt { position: fixed; bottom: 0; width: 100%; background: rgba(255,255,255, .8); text-align: center; z-index: 2; left: 0; margin: 0; padding: 20px; border-top: 1px solid #dbdbdb; } #wellness div#button_bar { position: fixed; bottom: 0; width: 100%; background: rgba(255,255,255, .8); text-align: center; z-index: 2; left: 0; margin: 0; padding: 20px; border-top: 1px solid #dbdbdb; } #wellness div#button_bar a#display_mode { position: absolute; top: 30%; left: 20px; display: inline-block; z-index: 3; font-size: 80%; font-weight: 600; } #wellness div#button_bar div { margin: 0 auto; padding: 0 200px; max-width: 1000px; min-width: 500px; } #wellness div#button_bar div button { transform: scale(1.4); display: none; } #wellness div#button_bar div button.back { float: left; } #wellness div#button_bar div button.next { float: right; } #wellness div#button_bar div button.submit { float: right; } #wellness div#button_bar div button.cancel { background: #FF4136; } #wellness div#button_bar div button.submit.single_page { float: none; } #wellness div#button_bar div button.dull { background: #aaa; cursor: not-allowed; } #wellness div#err_msg { position: fixed; bottom: 10%; left: 50%; transform: translate(-50%, -50%); padding: 10px 20px; background-color: rgb(255, 255, 255, .7); border-radius: 6px; cursor: pointer; } #wellness div#err_msg div.error { display: inline-block; width: auto; max-width: auto; } #wellness #sig_lines { padding: 0px 0 100px 48px; } #wellness #sig_lines div { font-family: monospace; font-size: 85%; color: #555; } #wellness #popup.modal .modal-content { width: 900px; min-width: 600px; } #wellness #popup.modal .modal-content h2 { text-align: center; } #wellness #popup.modal .modal-content #sign_above { text-align: center; color: #999; font-size: 85%; font-weight: 600; padding: 5px; } #wellness #popup.modal .modal-content #signature_load_link { font-size: 80%; } #wellness #popup.modal .modal-content canvas { border: 1px solid #999; height: 240px; width: 100%; cursor: crosshair; } #wellness.completed { text-align: center; } #wellness.completed #msg { text-align: left; margin: 0 auto 20px auto; display: inline-block; min-width: 310px; padding-left: 20px; } #wellness.completed #msg * { font-family: 'courier new', monospace; } #wellness.print a#logout { display: none; } /* hide in logout print mode */ #wellness.print div#button_bar { display: none; } /* hide buttons in print mode */ @media screen and (max-width: 1200px) { #wellness #fh div.control div { flex: 1 0 50%; padding: 10px; } #wellness div#button_bar div { padding-right: 10%; } } @media print { #wellness div.section { border: 0; margin: 0; } #wellness a#logout { display: none; } #wellness div#button_bar { display: none; } } /* section - responsive */ @media (max-width: 1150px) { .media_hide { display: none; } div#content.c_playthrough_by_username .dashboard_1 div.spacer { display: none !important; } div#content.c_home_program #hp_schedule label { width: 100%; } div#content.c_case_manager #flexbox_top { display: block; justify-content: initial; } } @media (max-width: 1350px) { div#content.c_report_him_v5 .option_bar > .bar_center { width: 80%; min-width: 800px; } div#content.c_report_him_v5 .option_bar > .bar_left { display: none; } } @media print { body { background-image: none; background-color: #fff; } #tabs, #logout { display: none; } #content { border: 0; background-size: 66.5px 62.5px; } div.page_break { page-break-after: always; } @page { margin: 0; } }