/* ---------------------------------------- 01. default elements ---------------------------------------- */ * { margin: 0; padding: 0; } ul { list-style:none } fieldset, iframe, img { border:none } /* render html5 elements as block */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } img { max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; line-height:.5em; } ul, li { list-style:none } h1, h2, h3, h4, h5, h6 { font-weight:normal } select, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, input[type="file"]:focus, button.generic:focus { outline:0; outline:0; box-shadow:none; border-radius:0; } body { font-size:16px; color:#000000; font-family: 'Montserrat', "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", Helvetica, Arial, sans-serif, "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji"; line-height:24px; background:#ffffff} input,button,select,textarea{font-family: 'Montserrat', "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", Helvetica, Arial, sans-serif, "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji"} a { color:#000000; text-decoration:none; outline:0} a:hover{ color:#000000; text-decoration:underline; outline:0} a:focus, a:active, a:visited { outline:0} a:hover{ -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease} h2{ font-size:23px; color:#ffffff} h2 a{ color:#FFFFFF} h2 a:hover{ color:#FFFFFF} h3{ font-size:21px} h4{ font-size:15px; color:#FFFFFF} h4 a{ color:#FFFFFF} h4 a:hover{ color:#FFFFFF} /* ---------------------------------------- 02. container & wrapper ---------------------------------------- */ .container{ width:1200px; margin:0 auto;height:100%;} .container2{ width:1200px !important; margin:0 auto;height:100%;} .wrapper-box{ width:100%; float:left; background:#313444; border:1px solid black; height:95%; min-height:550px} .input{ color:#000000} .textarea{ color:#000000 ;overflow:auto} .placeholder{ color: #b3b3b3} ::-webkit-input-placeholder{ color:#b3b3b3} ::-moz-placeholder{ color: #b3b3b3} .input{ width:304px; height:21px; float:left; /*behavior: url(/PIE.htc)*/; position:relative; font-family:"myriad_proregular", Arial, Helvetica, sans-serif; font-size:18px; line-height:normal; padding:3px 6px} .textarea{ width:306px; height:78px; float:left; /*behavior: url(/PIE.htc)*/; position:relative; font-family:"myriad_proregular", Arial, Helvetica, sans-serif; font-size:18px; line-height:normal; padding:3px 6px} .btn-primary2{ height:30px; float:left; border:1px solid #566fb7; border-bottom:1px solid #042abf; border-top:1px solid #6074b3; background:#3c65e1; background:-moz-linear-gradient(#7b98f0, #003ce7); background: -webkit-gradient(linear, left top, left bottom, from(#7b98f0), to(#003ce7)); background: -o-linear-gradient(#7b98f0, #003ce7); -pie-background: linear-gradient(#7b98f0, #003ce7); box-shadow: #7eaced 0 1px 2px; border-radius:6px; /*behavior: url(/PIE.htc)*/; position:relative; font-size:15px; color:#FFFFFF; text-align:center; text-decoration:none; line-height:30px; cursor:pointer; padding:0 17px; margin-left:12px} .btn-primary2:hover{ border:1px solid #040ba2; border-top:1px solid #6065a7; background:#3c48c9; background:-moz-linear-gradient(#7b84de, #0013c6); background: -webkit-gradient(linear, left top, left bottom, from(#7b84de), to(#0013c6)); background: -o-linear-gradient(#7b84de, #0013c6); -pie-background: linear-gradient(#7b84de, #0013c6); color:#FFFFFF; text-decoration:none} .btn-primary2:active{ border:1px solid #566fb7; border-bottom:1px solid #042abf; border-top:1px solid #6074b3; background:#3c65e1; background:-moz-linear-gradient(#7b98f0, #003ce7); background: -webkit-gradient(linear, left top, left bottom, from(#7b98f0), to(#003ce7)); background: -o-linear-gradient(#7b98f0, #003ce7); -pie-background: linear-gradient(#7b98f0, #003ce7); box-shadow: #7eaced 0 1px 1px} .btn-secontary{ height:29px; float:left; border:1px solid #487452; border-bottom:1px solid #0e4717; border-top:1px solid #41585e; background:#51805a; background:-moz-linear-gradient(#86a98d, #185d27); background: -webkit-gradient(linear, left top, left bottom, from(#86a98d), to(#185d27)); background: -o-linear-gradient(#86a98d, #185d27); -pie-background: linear-gradient(#86a98d, #185d27); box-shadow: #8ab4e3 0 1px 2px; border-radius:6px; /*behavior: url(/PIE.htc)*/; position:relative; font-size:15px; color:#FFFFFF; text-align:center; text-decoration:none; line-height:29px; cursor:pointer; padding:0 10px} .btn-secontary:hover{ border:1px solid #354f36; border-top:1px solid #3e515a; border-bottom:1px solid #041904; background:#3c573c; background:-moz-linear-gradient(#819481, #002801); background: -webkit-gradient(linear, left top, left bottom, from(#819481), to(#002801)); background: -o-linear-gradient(#819481, #002801); -pie-background: linear-gradient(#819481, #002801); color:#FFFFFF; text-decoration:none} .btn-secontary:active{ border:1px solid #487452; border-bottom:1px solid #0e4717; border-top:1px solid #41585e; background:#51805a; background:-moz-linear-gradient(#86a98d, #185d27); background: -webkit-gradient(linear, left top, left bottom, from(#86a98d), to(#185d27)); background: -o-linear-gradient(#86a98d, #185d27); -pie-background: linear-gradient(#86a98d, #185d27)} .btn-cancel{ height:30px; float:left; border:1px solid #3966a0; border-bottom:1px solid #1355c5; border-top:1px solid #425a7d; background:#4d86e5; background:-moz-linear-gradient(#91b8f9, #226dee); background: -webkit-gradient(linear, left top, left bottom, from(#91b8f9), to(#226dee)); background: -o-linear-gradient(#91b8f9, #226dee); -pie-background: linear-gradient(#91b8f9, #226dee); box-shadow: #7eaced 0 1px 2px; border-radius:6px; /*behavior: url(/PIE.htc)*/; position:relative; font-size:15px; color:#FFFFFF; text-align:center; text-decoration:none; line-height:30px; cursor:pointer; padding:0 12px; margin-bottom:-1px} .btn-cancel:hover{ border:1px solid #305c98; border-top:1px solid #3e5577; background:#316bcc; background:-moz-linear-gradient(#7ba0e2, #004ccd); background: -webkit-gradient(linear, left top, left bottom, from(#7ba0e2), to(#004ccd)); background: -o-linear-gradient(#7ba0e2, #004ccd); -pie-background: linear-gradient(#7ba0e2, #004ccd); color:#FFFFFF; text-decoration:none} .btn-cancel:active{ border:1px solid #3966a0; border-bottom:1px solid #1355c5; border-top:1px solid #425a7d; background:#4d86e5; background:-moz-linear-gradient(#91b8f9, #226dee); background: -webkit-gradient(linear, left top, left bottom, from(#91b8f9), to(#226dee)); background: -o-linear-gradient(#91b8f9, #226dee); -pie-background: linear-gradient(#91b8f9, #226dee); box-shadow: #7eaced 0 1px 1px} .btn-green{ height:36px; float:left; background:#09a31f url(../images/gradient01.gif) repeat-x; border:1px solid #43424d; font-size:14px; color:#FFFFFF; text-align:center; line-height:36px; text-decoration:none; cursor:pointer; box-shadow: #67636e 1px 1px 0, #67636e -1px -1px 0; border-radius:6px; behavior:url(/PIE.htc); position:relative} .btn-green:hover{ background:#1bba39 url(../images/gradient02.gif) repeat-x; border-color:#656b70; color:#FFFFFF; text-decoration:none} .btn-green:active{ box-shadow: #67636e 1px 1px 0, #67636e -1px -1px 0, inset#29a93a 0 2px 3px} .btn-back{ height:35px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/btn-back-bg.png) no-repeat top left; border:none; font-size:15px; color:#FFFFFF; font-family:"myriad_pro_lightbold",Arial, Helvetica, sans-serif; text-shadow:#222 0 -1px 1px; text-align:center; line-height:35px; text-decoration:none; cursor:pointer; margin-bottom:-5px; padding-left:13px} .btn-back span{ height:35px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/btn-back-bg.png) no-repeat bottom right; padding-right:10px} .btn-back:hover{ color:#FFFFFF; text-decoration:none} .btn-reset{ height:29px; float:left; border:1px solid #6a6e75; border-bottom:1px solid #5b6470; border-top:1px solid #58595c; background:#868c94; background:-moz-linear-gradient(#afb3b9, #6c747f); background: -webkit-gradient(linear, left top, left bottom, from(#afb3b9), to(#6c747f)); background: -o-linear-gradient(#b6babf, #6c747f); -pie-background: linear-gradient(#afb3b9, #6c747f); box-shadow: #b9bcc1 0 1px 2px; border-radius:6px; /*behavior: url(/PIE.htc)*/; position:relative; font-size:15px; color:#FFFFFF; text-align:center; text-decoration:none; line-height:29px; cursor:pointer; padding:0 10px; margin-left:8px} .btn-reset:hover{ border:1px solid #5b5e62; border-top:1px solid #505153; border-bottom:1px solid #383c43; background:#6b6f74; background:-moz-linear-gradient(#9c9fa2, #474d54); background: -webkit-gradient(linear, left top, left bottom, from(#a3a5a9), to(#474d54)); background: -o-linear-gradient(#9c9fa2, #474d54); -pie-background: linear-gradient(#9c9fa2, #474d54); color:#FFFFFF; text-decoration:none} .btn-reset:active{ border:1px solid #6a6e75; border-bottom:1px solid #5b6470; border-top:1px solid #58595c; background:#868c94; background:-moz-linear-gradient(#b6babf, #6c747f); background: -webkit-gradient(linear, left top, left bottom, from(#b6babf), to(#6c747f)); background: -o-linear-gradient(#b6babf, #6c747f); -pie-background: linear-gradient(#b6babf, #6c747f)} .btn-save{ height:29px; float:left; border:1px solid #354f36; border-bottom:1px solid #1958d2; border-top:1px solid #4b5971; background:#51805a; background:-moz-linear-gradient(#95b6ee, #2a69e1); background: -webkit-gradient(linear, left top, left bottom, from(#95b6ee), to(#2a69e1)); background: -o-linear-gradient(#95b6ee, #2a69e1); -pie-background: linear-gradient(#95b6ee, #2a69e1); box-shadow: #d6d6d7 0 1px 2px; border-radius:6px; /*behavior: url(/PIE.htc)*/; position:relative; font-size:15px; color:#FFFFFF; text-align:center; text-decoration:none; line-height:29px; cursor:pointer} .btn-save:hover{ border:1px solid #546c8d; border-top:1px solid #4a5260; border-bottom:1px solid #0f428a; background:#5c7eb1; background:-moz-linear-gradient(#95aacc, #21549a); background: -webkit-gradient(linear, left top, left bottom, from(#95aacc), to(#21549a)); background: -o-linear-gradient(#95aacc, #21549a); -pie-background: linear-gradient(#95aacc, #21549a); color:#FFFFFF; text-decoration:none} .btn-save:active{ border:1px solid #354f36; border-bottom:1px solid #1958d2; border-top:1px solid #4b5971; background:#51805a; background:-moz-linear-gradient(#95b6ee, #2a69e1); background: -webkit-gradient(linear, left top, left bottom, from(#95b6ee), to(#2a69e1)); background: -o-linear-gradient(#95b6ee, #2a69e1); -pie-background: linear-gradient(#95b6ee, #2a69e1)} .sbHolder{ float: left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/select01.png) no-repeat; font-size:24px; color:#FFFFFF; height: 49px; position: relative; width:337px} .sbSelector{ color:#FFFFFF; display: block; height: 47px; left: 13px; top:0; line-height: 49px; position: absolute; outline:none; text-indent: 10px; width: 100%} .sbSelector:link{ color: #FFFFFF; text-decoration: none} .sbOptions{ background:#6858f4; border:1px solid #30374c; border-radius:6px; list-style: none; left: 0px; margin: 0; padding: 2px 0 0 0; position: absolute; top: 49px; width: 99.6%; overflow:auto; overflow-x:hidden; z-index: 120} .sbOptions li{ width:100%; height:auto; padding:0; background:none; margin:0; position:relative} .sbOptions a{ display: block; color: #FFFFFF; text-decoration: none; padding: 7px 0 7px 22px} .sbOptions a:hover{ color: #ccc} /* ---------------------------------------- 03. content ---------------------------------------- */ .leftpanel{ width:300px; float:left; height:100%; background-color:#313444;} .navbar{ width:inherit; float:left} .navbar .nav{ width:inherit; float:left; padding:10px 0 30px} .navbar .nav ul{ width:90%; float:left; position:relative; margin:0 5% 0} .navbar .nav ul li{ width:49%; float:left; font-size:13px; border: 1px solid #189FFB;} .navbar .nav ul li a{ width:100%; float:left; color:#FFFFFF; text-decoration:none; text-align:center; padding:12px 0} .navbar .nav ul li a:hover{ -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease} .navbar .nav ul li a.seleced{ color:#FFFFFF; background:#189FFB; /*-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease*/} .navbar .nav ul li.first{border-radius:3px 0 0 3px} .navbar .nav ul li.first a{ border-radius:3px 0 0 3px; position:relative} .navbar .nav ul li.first a:hover{ background-color:#187EC1} .navbar .nav ul li.last{border-radius:0 3px 3px 0} .navbar .nav ul li.last a{ border-radius:0 3px 3px 0; position:relative} .navbar .nav ul li.last a:hover{background-color:#187EC1} .navbar .nav ul li a.seleced:hover{ background:#189FFB} .navbar .nav-links{ width:inherit; float:left} .navbar .nav-links .divider{width:80%; margin:20px 10%; border-top:1px solid rgba(100,100,100,0.3); float:left} .navbar .nav-links ul{ width:100%; float:left} .navbar .nav-links ul li{ width:100%; float:left; border-bottom:1px solid #e2e2e2;font-size:14px;} .navbar .nav-links ul li a, .navbar .nav-links ul li label{ width:100%; float:left; padding:10px 5px 10px 6px; color:#acafba;box-sizing:border-box} .navbar .nav-links ul li a span{ float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/img-icon01.png) no-repeat left; padding:4px 8px 3px 50px;} .navbar .nav-links ul li p{ width:100%; float:left; padding:10px 0; cursor:pointer;color:#acafba} .navbar .nav-links ul li p span{ float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/img-icon01.png) no-repeat 15px center/25px; padding:4px 0 3px 56px;} .navbar .nav-links ul li a:hover{color:#fff; position:relative} .navbar .nav-links ul li p:hover{ color:#fff; position:relative} .navbar .nav-links ul li a.active{ color:#189FFB; position:relative} .navbar .nav-links ul li label{font-size:14px;} .navbar .nav-links ul li .client{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-manage-links.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .client{ background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-manage-links-selected.png);} .navbar .nav-links ul li .like{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-let-all-patients-know.png) no-repeat 10px 2px/35px;padding-right:6px;padding-left:56px} .navbar .nav-links ul li a.active .like{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-let-all-patients-know-selected.png);} .navbar .nav-links ul li .profile{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-profile.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .profile{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-profile-selected.png);} .navbar .nav-links ul li .coworker{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-co-worker-chat.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .coworker{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-co-worker-chat-selected.png);} .navbar .nav-links ul li .two-factor-auth{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/two-factor-auth.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .two-factor-auth{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/two-factor-auth-selected.png);} .navbar .nav-links ul li .unlink{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-unlink.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .unlink{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-unlink-selected.png);} .navbar .nav-links ul li .link{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-cross-link-invite.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .link{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-cross-link-invite-selected.png);} .navbar .nav-links ul li .tutorials{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-tutorials.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .tutorials{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-tutorials-selected.png);} .navbar .nav-links ul li .faq{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-support.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .faq{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-support-selected.png);} .navbar .nav-links ul li .recipe-library{ background:url(/app/images/img-icon110.png) no-repeat 16px 6px/30px;padding-left:56px} .navbar .nav-links ul li .referral{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-referral-program.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .referral{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-referral-program-selected.png);} .navbar .nav-links ul li .outcomes{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-outcomes.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .outcomes{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-outcomes-selected.png);} .navbar .nav-links ul li .plan{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-license.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .plan{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-license-selected.png);} .navbar .nav-links ul li .about{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-about.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .about{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-about-selected.png);} .navbar .nav-links ul li .logout{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/logout.png) no-repeat 16px 6px/30px;padding-left:56px} .navbar .nav-links ul li .jenny{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/img-icon11.png) no-repeat 16px 6px/30px;padding-left:56px} .navbar .nav-links ul li .logs{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-logs.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .logs{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-logs-selected.png);} .navbar .nav-links ul li .charts{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-charts.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .charts{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-charts-selected.png);} .navbar .nav-links ul li .messages{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-direct-messages.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .messages{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-direct-messages-selected.png);} .navbar .nav-links ul li .group-chats{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-team-chat.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .group-chats{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-team-chat-selected.png);} .navbar .nav-links ul li .tactics{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-skills.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .tactics{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-skills-selected.png);} .navbar .nav-links ul li .program-goals-and-skills{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-program-goals-and-skills.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .program-goals-and-skills{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-program-goals-and-skills-selected.png);} .navbar .nav-links ul li .planner{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-meal-planner.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .planner{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-meal-planner-selected.png);} .navbar .nav-links ul li .records{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-visit-records.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .records{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-visit-records-selected.png);} .navbar .nav-links ul li .goals{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-goals.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .goals{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-goals-selected.png);} .navbar .nav-links ul li .configure{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-configure-log-questions.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .configure{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-configure-log-questions-selected.png);} .navbar .nav-links ul li .configure-logging-tracking{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-configure-log-questions.png) no-repeat 7px 10px/40px;padding-left:56px} .navbar .nav-links ul li a.active .configure-logging-tracking{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-configure-log-questions-selected.png);} .navbar .nav-links ul li .ny-configure-logging-tracking{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-configure-log-questions.png) no-repeat 7px 0px/40px;padding-left:56px} .navbar .nav-links ul li a.active .ny-configure-logging-tracking{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-configure-log-questions-selected.png);} .navbar .nav-links ul li .exchange{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-exchanges.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .exchange{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-exchanges-selected.png);} .navbar .nav-links ul li .meditations{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-meditations.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .meditations{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-meditations-selected.png);} .navbar .nav-links ul li .edeq{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-questionnaires.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .edeq{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-questionnaires-selected.png);} .navbar .nav-links ul li .epcot{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-questionnaires.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .epcot{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-questionnaires-selected.png);} .navbar .nav-links ul li .print{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-print.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .print{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-print-selected.png);} .navbar .nav-links ul li .home{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-home.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .home { background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-home-selected.png); } .navbar .nav-links ul li .referrals{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-referrals.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .referrals { background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-referrals-selected.png); } .navbar .nav-links ul li .uhc{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-uhc2.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .uhc { background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-uhc2-selected.png); } .navbar .nav-links ul li .baa{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-baa.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .baa { background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-baa-selected.png); } .navbar .nav-links ul li .notification-preferences{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-notification-preferences.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .notification-preferences { background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-notification-preferences-selected.png); } .navbar .nav-links ul li .expectation-setting{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-expectation-settings.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .expectation-setting { background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-expectation-settings-selected.png); } .navbar .nav-links ul li .product-tour{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-tour.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .product-tour{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-tour-selected.png);} .navbar .nav-links ul li .steps{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-step-counts.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .steps{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-step-counts-selected.png);} .navbar .nav-links ul li .missions{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-missions.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .missions{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-missions-selected.png);} .navbar .nav-links ul li .ideas{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-ideas.png) no-repeat 13px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .ideas{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-ideas-selected.png);} .navbar .nav-links ul li .medications{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-medications.png) no-repeat 13px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .medications{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-medications-selected.png);} .navbar .nav-links ul li .triggers{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-identified-triggers.png) no-repeat 5px -2px/43px;padding-left:56px} .navbar .nav-links ul li a.active .triggers{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-identified-triggers-selected.png);} .navbar .nav-links ul li .enjoyable-activities{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-enjoyable-activities.png) no-repeat 10px 0px/37px;padding-left:56px} .navbar .nav-links ul li a.active .enjoyable-activities{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-enjoyable-activities-selected.png);} .navbar .nav-links ul li .places-to-avoid{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-places-to-avoid.png) no-repeat 17px 2px/29px;padding-left:56px} .navbar .nav-links ul li a.active .places-to-avoid{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-places-to-avoid-selected.png);} .navbar .nav-links ul li .risky-events{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-risky-events.png) no-repeat 9px 1px/36px;padding-left:56px} .navbar .nav-links ul li a.active .risky-events{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-risky-events-selected.png);} .navbar .nav-links ul li .relationships{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-interpersonal-relationships.png) no-repeat 10px 2px/35px;padding-left:56px} .navbar .nav-links ul li a.active .relationships{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-interpersonal-relationships-selected.png);} .navbar .nav-links ul li .anxiety-exposures{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-anxiety-exposures.png) no-repeat 8px 0px/40px;padding-left:56px} .navbar .nav-links ul li a.active .anxiety-exposures{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-anxiety-exposures-selected.png);} .navbar .nav-links ul li .share-documents{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-notes.png) no-repeat 8px 0px/40px;padding-left:56px} .navbar .nav-links ul li a.active .share-documents{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-notes-selected.png);} .navbar .nav-links ul li .audio-lessons{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-audio-lessons.png) no-repeat 8px 0px/40px;padding-left:56px} .navbar .nav-links ul li a.active .audio-lessons{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-audio-lessons-selected.png);} .navbar .nav-links ul li .call-patient{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-call-patient.png) no-repeat 15px 0px/30px;padding-left:56px} .navbar .nav-links ul li a.active .call-patient{background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-call-patient-selected.png);} .navbar .nav-links ul li .missed-dosing-message{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-missed-dosing-message.png) no-repeat 16px -1px/31px;padding-left:56px} .navbar .nav-links ul li a.active .missed-dosing-message{ background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-missed-dosing-message-selected.png);} .navbar .nav-links ul li .counselor-qr-code{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-counselor-qr-code.png) no-repeat 8px 3px/36px;padding-left:56px} .navbar .nav-links ul li a.active .counselor-qr-code{ background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-counselor-qr-code-selected.png);} .navbar .nav-links ul li .used{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-recently-used.png) no-repeat 5px 0px/40px;padding-left:56px} .navbar .nav-links ul li a.active .used{ background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-recently-used-selected.png);} .navbar .nav-links ul li .cravings{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-recent-cravings.png) no-repeat 13px 1px/31px;padding-left:56px} .navbar .nav-links ul li a.active .cravings{ background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-recent-cravings-selected.png);} .navbar .nav-links ul li .stopped-dosing{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-recently-stopped-dosing.png) no-repeat 14px 0px/31px;padding-left:56px} .navbar .nav-links ul li a.active .stopped-dosing{ background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-recently-stopped-dosing-selected.png);} .navbar .nav-links ul li .clinic-license-portal{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-clinic-license-portal.png) no-repeat 13px 3px/31px;padding-left:56px} .navbar .nav-links ul li a.active .clinic-license-portal{ background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/main-menu-clinic-license-portal-selected.png);} .rightpanel{ width:899px; float:right; background-color:#eff0f6;height:100%;} .rightpanel.login-secondary{height:auto;min-height: 600px; background: #FDFDFD; border: 1px solid #CCC;} .rightpanel.login-secondary .heading-main { width: 100%; float: left; background: #59a3f3; background: -moz-linear-gradient(#73b1f5, #2d81f2); background: -webkit-gradient(linear, left top, left bottom, from(#73b1f5), to(#2d81f2)); background: -o-linear-gradient(#73b1f5, #2d81f2); -pie-background: linear-gradient(#73b1f5, #2d81f2); position: relative; border-bottom: 2px solid #133a6e; padding: 9px 0;} .rightpanel.login-secondary .heading-main h2 {color:#fff;text-align:center;padding:3px 0 4px 0px; width:auto; font-size:25px; display:block} .heading-main{ width:100%; position:relative; background-color:#fff;} .heading-main.shadow{box-shadow: 0px 2px 14px -11px #000;z-index:5} .heading-main h2{ padding:25px; font-size:22px; color:#313444; display:inline-block} .heading-main .divider {width:97%; margin-left:3%; border-bottom: 1px solid #e8e8e8} .heading-main .left{ float:left; padding-left:8px} .heading-main .right{ float:right; padding-right:13px; margin-bottom:-1px} .heading-main .help-button{ width:35px} .heading-main .help-button button{ font-weight:bold} .heading-main ul{ float:left} .heading-main ul li{ float:left; padding-right:8px} .heading-main .right .xtutorial, .heading-bar .xtutorial{ width:26px; height:27px; float:right; margin: 0 5px; background:#313444 url(//d3e0vp65sneg3n.cloudfront.net/app/images/img-icon64.png) no-repeat 7px 4px/55%; text-indent:-99999px; position:relative; padding:1px 2px;border-radius:50%;border:1px solid #313444} .heading-main .logout-btn {float:right;padding:25px} .heading-main p.reset-idle-logout { float:right; padding: 25px 0; color:red; } .heading-main p.reset-idle-logout a {color:blue; text-decoration:underline !important;} .heading-sub{ width:100%; background:#37599e; box-shadow: 0px 5px 14px -11px #000;position:relative; padding:16px 25px 16px;box-sizing:border-box;z-index:10} .heading-sub.no-shadow{box-shadow: none} .heading-sub button, button.white-header-btn {border:1px solid #fff; background-color:#fff;cursor:pointer;padding: 5px 14px; margin: 0 8px; border-radius: 3px; font-size: 14px; margin-top:-4px;float:right} .heading-sub button:hover, button.white-header-btn:hover {background-color:#eee} .heading-sub button:active, button.white-header-btn:active {background-color:#ccc} .heading-sub h3 {display:inline-block;font-size:14px; font-weight:bold;color:#FFFFFF;} .heading-sub label{ color:#FFFFFF} .heading-sub a.btn-log {color:#FFFFFF} .heading-sub a.btn-log.active {color:#FFFFFF} .heading-sub-inner{ background:#212f53; border-bottom:1px solid #2d2b2f} .heading-bar{ width:100%; height:35px; padding:16px 25px 43px; color:#828282;box-shadow: 0px 2px 14px -11px #000; background-color:#fff;position:relative;z-index:10;box-sizing:border-box; } .heading-bar .btn-center{ width:290px; margin:0 auto} .heading-bar a.nav-toggle,.heading-sub h3{padding-right: 20px;text-transform:uppercase;} .heading-bar button, .heading-main .logout-btn {cursor:pointer;border:none;background-color:#fff} a.nav-toggle{cursor:pointer} .heading-bar button, .heading-bar a.nav-toggle, .heading-main .logout-btn, .heading-bar h3{ font-size:14px; font-weight:bold;color:#828282; } .heading-bar a.nav-toggle.active, .heading-bar button:active, .heading-main .logout-btn:active, .heading-sub button:active, button.white-header-btn:active{color:#189FFB;outline:0;} .heading-bar a.nav-toggle {color: #189FFB;} .heading-bar button:hover, .heading-main .logout-btn:hover, .heading-sub button, button.white-header-btn{color:#189FFB} .btn-log, a.btn-log{ color:#189FFB;width:143px; height:45px; border-radius:3px 0 0 3px; position:relative; border:1px solid #189FFB; font-size:14px; text-align:center; line-height:45px;padding:20px;margin-left:-1px} .btn-log:hover,.btn-log.btn-glance:hover{ background:#90acbf; color:#FFFFFF; text-decoration:none;} .btn-log.active,.btn-log.btn-glance.active{ background:#189FFB; color:#FFFFFF; text-decoration:none;} .btn-log.btn-glance, a.btn-log.btn-glance{ width:143px; border-radius:0 3px 3px 0; border:1px solid #189FFB;padding:20px;} .btn-middle{ width:143px; border-radius:0 0 0 0 !important; border:1px solid #189FFB; border-radius:0 !important;} .rightpanel-scroll{ width:100%; height:680px; overflow:auto; overflow-x:hidden} .rightpanel-inner{ width:100%; height:680px; overflow:auto; overflow-x:hidden} .activity-feed{ width:100%;} .activity-feed .heading, .exchanges-feed .heading{ width:100%;padding:10px 0;position:relative} .activity-feed .heading h4, .exchanges-feed .heading h4{ padding:1px 0 1px;color:#828282; display:inline-block; font-size:13px} .activity-feed .article-list{ width:95%; min-height:50px; border-bottom:1px solid #e1e1e1; position:relative;cursor:pointer; background-color:#ffffff; padding:10px 3%} .activity-feed .article-list.day-first-log{ border-top-right-radius:5px; border-top-left-radius:5px} .activity-feed .article-list.day-last-log{ border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom:none} .activity-feed .article-list .arrow,.epcots-info div.xarticle .arrow ,.edeqs-info div.xarticle .arrow, .dbt-diary-cards-container div.config-dbt-diary-card-section .arrow { width:21px; height:100%; background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/disclose-indicator.png) no-repeat right center/21px; position:absolute; top:0; right:15px} .activity-feed .article-list:hover{ background:#BFDFFF; position:relative} .activity-feed .article-list:hover div.xaside{ width:84px; border-right:none} .activity-feed .article-list:hover .arrow{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/disclose-indicator.png) no-repeat right center/21px} .activity-feed .no-hover {cursor:default !important} .activity-feed .no-hover:hover {background:transparent !important; cursor:default !important} .activity-feed .no-hover:hover p{ color:#000000 !important} .activity-feed .no-hover div.xarticle{ cursor:default !important } .activity-feed .article-list.flash{ background:#BFDFFF; position:relative} .activity-feed .article-list.flash div.xaside{ width:85px; border-right:none} .activity-feed .article-list div.xaside{ width:84px; padding:4px 0 4px 0} .activity-feed .article-list div.xaside div.xfigure{ width:84px; text-align:center; padding-bottom:3px} .activity-feed .article-list div.xaside p{ font-size:14px; text-align:center} .activity-feed .article-list div.xaside p span{ font-size:12px} .activity-feed .article-list div.xarticle{ padding:11px 0 8px 15px; cursor:pointer; } .activity-feed .article-list div.xarticle .info{ width:100%; min-height:40px;} .activity-feed .article-list div.xarticle .info p{ font-size:16px; line-height:20px; } .activity-feed .article-list div.xarticle .info p span{ color:#808080} .activity-feed .article-list div.right-details .info .time, .activity-feed .article-list div.patient-logs-left .info .time{ width:75px;font-weight:bold;display: inline-block; vertical-align:top} .activity-feed .article-list div.xarticle .txt{ } .activity-feed .article-list div.right-details ul, .activity-feed .article-list div.patient-logs-left ul{ width:100%; margin-top:-4px; display: inline-block; width:130px; font-size:16px} .activity-feed .article-list div.right-details ul li, .activity-feed .article-list div.patient-logs-left ul li{ width:28px; position:relative; display: inline-block; margin-left:3px} .activity-feed .article-list div.patient-logs-left ul li:first-child:nth-last-child(5), .activity-feed .article-list div.patient-logs-left ul li:first-child:nth-last-child(5) ~ li {margin-left:-2px !important} .activity-feed .article-list div.right-details ul li:first-child:nth-last-child(5), .activity-feed .article-list div.right-details ul li:first-child:nth-last-child(5) ~ li {margin-left:-2px !important} .activity-feed .article-list div.right-details ul li a, .activity-feed .article-list div.patient-logs-left ul li a{ width:28px;height:24px; display:inline-block;background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-log-disordered.png) no-repeat 0% 0%/28px; text-indent:-9999px; color:rgba(0, 0,0,0);} .activity-feed .article-list div.right-details ul li span, .activity-feed .article-list div.patient-logs-left ul li span{ background:#000000; font-size:12px; color:#FFFFFF; text-align:center; line-height:14px; position:absolute; bottom:0; right:0; text-indent:inherit; border-radius:2px; /*behavior: url(/PIE.htc)*/; padding:0 3px} .activity-feed .article-list div.info ul li a.flagged{ width:25px; background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-log-flag.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.tactics{ width:29px; background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-log-skill-used.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.goals{ width:24px; background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-log-goal-achieved.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.flat{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-log-feeling-flat.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.urges{ width:24px; background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-log-urges.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.exercise{ width:32px; background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-log-exercise.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.backlog{ width:32px; background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-log-back-log.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.edited{ width:32px; background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-log-edited.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.thoughts{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-log-thoughts.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.smile{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-log-feeling-smile.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.notes{ width:25px; background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-log-notes.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.sad{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-log-feeling-sad.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.happy{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-log-feeling-happy.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.crying{ width:34px; background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-log-feeling-crying.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.unhappy{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-log-feeling-unhappy.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.followed-plan-mostly{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/followed-plan-mostly.png) no-repeat 0% 0%/28px;background-size:contain} .activity-feed .article-list div.info ul li a.followed-plan-no{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/followed-plan-no.png) no-repeat 0% 0%/28px;background-size:contain} .activity-feed .article-list div.info ul li a.followed-plan-partially{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/followed-plan-partially.png) no-repeat 0% 0%/28px;background-size:contain} .activity-feed .article-list div.info ul li a.followed-plan-yes{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/followed-plan-yes.png) no-repeat 0% 0%/28px;background-size:contain} .activity-feed .article-list div.info ul li a.disordered-1{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/disordered-1.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.disordered-2{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/disordered-2.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.disordered-3{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/disordered-3.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.disordered-4{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/disordered-4.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.disordered-5{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/disordered-5.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.info ul li a.disordered-6{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/disordered-6.png) no-repeat 0% 0%/28px} .activity-feed .article-list div.left-activity-column, .activity-feed.rightpanel-scroll .article-list div.patient-logs-left { width:48%; display: inline-block; padding:0 3% 0 0; float:none;} .activity-feed .article-list div.left-activity-column .patient-box { width: 135px; display: inline-block; padding: 0 5% 0 0;} .activity-feed .article-list div.left-activity-column .right-details { width:58%; display: inline-block;vertical-align: top; font-size:14px} .activity-feed .article-list div.right-activity-column, .activity-feed.rightpanel-scroll .article-list div.patient-logs-right { width: 45%; display: inline-block; padding: 0; float:none;vertical-align: top;font-size:14px;} div.left-activity-column .patient-box img {display:inline-block;margin-right:5px;vertical-align:top;height:40px;max-width:40px} div.left-activity-column .patient-box p {display:inline-block;color:#555;font-size:14px;vertical-align:middle; display:table-cell;text-align:center;width:90px} div.left-activity-column .right-details .info .time {font-weight:bold; } .heading h4.time-ago {position:absolute; right:0px;width:110px;text-align:right} .activity-feed-epcot{width:500px; margin-left:-150px; border-radius:3px;box-shadow:0px 0px 14px -6px #bbb;} .activity-feed-epcot div.tableinfo li div.column1, .activity-feed-epcot div.tableinfo li div.column2, .activity-feed-epcot div.tableinfo li div.column3 {display: inline-block;} .activity-feed-epcot div.tableinfo li.nodivider{background-color:#eff0f6;color:#313444;border-radius:3px 3px 0 0; text-transform:capitalize; font-weight:bold; font-size:13px} .activity-feed-epcot div.tableinfo li {padding:10px 15px;box-sizing:border-box;border-bottom:2px solid #eff0f6;background-color:#fff} .activity-feed-epcot div.tableinfo li div.column1 {width:30%; margin-right:2%} .activity-feed-epcot div.tableinfo li div.column2 {width:17%; margin-right:2%; text-align:center} .activity-feed-epcot div.tableinfo li div.column3 {width:47%; text-align:center} /* ---------------------------------------- 04. 01-AtAGlance ---------------------------------------- */ .ata-glance, .new-ata-glance { width:100%; padding:36px 0 0 0} .ata-glance .article-boxcenter, .in-person-view .article-boxcenter, .new-ata-glance .article-boxcenter { width:100%; margin:0 auto} .ata-glance .article-box, .in-person-view .article-box, .new-ata-glance .article-box { width:100%; /*behavior: url(/PIE.htc)*/; position:relative} .ata-glance .article-list, .in-person-view .article-list{ width:100%; background-color:#fff; padding:10px 0 0 0; border-radius:5px; margin-bottom:25px; min-height:75px} .ata-glance .article-list.flash {background:#0379ef !important} .ata-glance .article-list div.xaside, .in-person-view .article-list div.xaside{ width:25%; padding:0 2% 0 0;display: inline-block;} .ata-glance .article-list div.xbetween{ width:27%; padding:0 2% 0 0;display: inline-block;} .ata-glance .article-list div.xaside div.xfigure, .in-person-view .article-list div.xaside div.xfigure{ width:65px; text-align:center; padding: 6px 0 6px 10px;display: inline-block;} .ata-glance .article-list div.xaside div.center-vertical, .ata-glance .article-list div.xbetween div.center-vertical, .in-person-view .article-list div.xaside div.center-vertical{display:table} .ata-glance .article-list div.xaside p, .ata-glance .article-list div.xbetween p, .in-person-view .article-list div.xaside p{ font-size:14px; text-align:center;display: table-cell; vertical-align: middle} .ata-glance .article-list div.xaside p{width:90px} .ata-glance .article-list div.xbetween p{width:160px;} .ata-glance .article-list div.xbetween p,.ata-glance .article-list div.xarticle,.ata-glance .article-list div.xaside, .in-person-view .article-list div.xaside {position:relative;} .ata-glance .article-list div.xaside p span{ font-size:14px} .ata-glance .article-list div.xarticle{ width:40%;display: inline-block;position:relative;bottom:32px} .ata-glance .article-list div.xbetween ul{ display:inline-block; width:20px; background:#3f3f3f; border:1px solid #2a2a2a; box-shadow:#8f8e8e 1px 0 1px; border-radius:6px; behavior:url(/PIE.htc); position:relative; padding:6px; margin-right:10px;margin-bottom:-6px} .ata-glance .article-list div.xbetween ul li{ width:20px; height:20px; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/light-normal.png) no-repeat 0% 0%/contain; text-indent:-99999px} .ata-glance .article-list div.xbetween .yellow{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/light-yellow.png) no-repeat 0% 0%/contain} .ata-glance .article-list div.xbetween .green{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/light-green.png) no-repeat 0% 0%/contain} .ata-glance .article-list div.xbetween .red{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/light-red.png) no-repeat 0% 0%/contain} .ata-glance .article-list div.xarticle .info{padding:0 0 0 12px;display: inline-block; width:100%} .ata-glance .article-list div.xarticle .info p{display: inline-block; min-height:42px; font-size:16px; line-height:20px; padding-bottom:2px; width:30%} .ata-glance .article-list div.xarticle .info button {display:inline-block; padding:8px;width:45%;} .ata-glance .article-list div.xarticle .btn-greeninner{ width:146px; height:30px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient05.png) repeat-x top left; border:1px solid #44464e; border-radius:6px; behavior:url(/PIE.htc); position:relative; font-size:16px; font-family:"myriad_proregular", Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none; line-height:30px; margin-top:6px} .ata-glance .article-list div.xarticle .btn-greeninner:hover{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient06.png) repeat-x top left} .ata-glance .ata-glance-activity-button {width:250px !important;background:transparent !important;padding:3px !important;margin-bottom:15px !important;color:#189FFB;margin-left:25%} /* ---------------------------------------- 05. 02-PatientList ---------------------------------------- */ .heading-large{ width:100%;position:relative; padding:4px 0 6px 0; } .heading-large h3{ font-size:16px; color:#828282; padding:8px 0 4px 7px} .heading-large h3 a{ color:#828282} .heading-large h4{ padding:4px 0 0 10px; color:#828282; font-size:16px} .heading-small{ padding:1px 0 4px 0} .heading-small h3{ padding:0 0 0 7px} .dividerbottom {margin: 5px 0} .patient-list{ width:100%; float:left} .patient-list .article-list{ width:100%; float:left} .patient-list .article-list div.xaside{ width: 94%; float: left; padding: 15px 0px 15px 15px; cursor: pointer; margin: 0 3%; box-sizing: border-box; background-color: #fff; border-radius: 3px;} .patient-list .article-list div.xaside h3{ float:left; padding-left:11px} .patient-list .article-list div.xaside:hover{ border-left:none; background-color:#BFDFFF; position:relative} .patient-list .heading-large{margin:0 3%} .patient-list .article-list .arrow-link{ float:right; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow06.png) no-repeat right; font-size:21px; color:#385487; padding-right:23px; margin-right:13px} .patient-list .article-list div.xarticle{ width:94%; margin: 0 3%; float:left; border-left:24px solid #212f53; padding:12px 5px 12px 0px; box-sizing:border-box;background-color:#fff;border-radius:3px;cursor: pointer} .article-C66254{border-left:24px solid rgb(198, 98, 84) !important} .article-F4E47A{border-left:24px solid rgb(244, 228, 122) !important} .article-5462D4{border-left:24px solid rgb(84, 98, 212) !important} .article-A44069{border-left:24px solid rgb(164, 64, 105) !important} .article-212F53{border-left:24px solid rgb(33, 47, 83) !important} .article-37599E{border-left:24px solid rgb(55, 89, 158) !important} .article-52A581{border-left:24px solid rgb(82, 165, 129) !important} .article-D8A0A2{border-left:24px solid rgb(216, 160, 162) !important} .article-CEE3EF{border-left:24px solid rgb(206, 227, 239) !important} .article-DDDDDD{border-left:24px solid #BBBBBB !important} .patient-list .article-list .nodivider{ border-top:none} .patient-list .article-list div.xarticle .aside-info{ float:left; padding:0 0 0 10px} .patient-list .article-list div.xarticle div.xfigure{ width:40px; float:left; text-align:center; padding-right:12px} .patient-list .article-list div.xarticle h3{ float:left; padding-top:4px} .patient-list .article-list div.xarticle .arrow-link{ float:right; color:#400080; font-size:18px} .patient-list .article-list div.xarticle:hover{ border-left:none; background:#BFDFFF; position:relative; } .patient-list .article-list div.xarticle:hover span.free-link-manage-links {color:black} .patient-list .article-list div.xaside:hover span.free-link-manage-links {color:black} .patient-list .article-list div.xarticle:hover .arrow-link{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow02.png) no-repeat right center} .patient-list .article-list div.xaside:hover .arrow-link{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow02.png) no-repeat right center} .patient-list .article-list .article-active{ border-left:none; background-color:#BFDFFF; position:relative; padding-left:24px} .patient-list .bottom-btn{ width:100%; float:left; border-bottom:1px solid #e4e4e4; padding:15px 0 0 0} .patient-list .bottom-btn p{ width:100%; float:left; font-size:16px; color:#666666; text-align:center; padding-bottom:14px} .patient-list .btn-center{ width:117px; margin:0 auto} .patient-list .btn-blue{ width:115px; height:32px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient07.png) repeat-x top left; border:1px solid #525553; box-shadow:inset #b199fa 0 0 2px; border-radius:6px; behavior:url(/PIE.htc); position:relative; font-size:16px; font-family:"myriad_proregular", Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none; line-height:32px; margin-bottom:8px} .patient-list .btn-blue:hover{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient08.png) repeat-x top left; border:1px solid #707474} .patient-list .btn-blue:active{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient07.png) repeat-x top left;} .patient-list .article-list .edit-box{ float:right; font-size:21px; color:#385487; padding-right:8px; margin-right:3px; width:19%} .patient-list .article-list .edit-box.reordering { width:5%} .patient-list .article-list div.xarticle.article-editing { width:75%; margin-right:0} .patient-list .article-list div.xarticle.article-editing.reordering { width:88%;} .patient-list .article-list .edit-box .btn-reset {position:relative;top:10px} /* ---------------------------------------- 06. 03-ClinicianProfile ---------------------------------------- */ .profile-info{ width:540px; margin: 25px auto} .profile-info ul{ width:100% } .profile-info ul li{ width:100%; padding:0 0 21px 0} .profile-info p{ font-size:18px; color:#666666; text-align:center; padding-bottom:25px} .profile-info .column1{ width:200px; display:inline-block; vertical-align:top} .profile-info .column2{ width:206px; display:inline-block} .profile-info label{ font-size:18px; color:#000000} .profile-info .input{ width:192px; float:left; color:#000000} .profile-info .sbHolder{ width:202px; height:28px; background:#ffffff url(//d3e0vp65sneg3n.cloudfront.net/app/images/select03.png) no-repeat right; border:2px solid #000000; border-radius:2px; font-size:18px; color:#000000} .profile-info .sbSelector{ color:#000000; height:28px; left:-3px; top:0; line-height:28px} .profile-info .sbSelector:link{ color:#000000} .profile-info .sbOptions{ background:#ffffff; border:2px solid #000000; border-radius:2px; list-style:none; left:-2px; margin:0; padding:0; position:absolute; top:40px; width:100%; z-index:120} .profile-info .sbOptions ul{ width:100%} .profile-info .sbOptions li{ width:100%; height:auto; padding:0; background:none; margin:0; position:relative} .profile-info .sbOptions a{ color:#000000; padding:5px 0 5px 8px} .profile-info .sbOptions a:hover{ color:#666} .profile-info .column2 a.btn-log{padding: 12px 30px} .profile-info .btn-log:hover{ } .profile-info .btn-log.active{ } .profile-info .btn-glance{ } .profile-info .btn-glance:hover{ } .profile-info .btn-glance.active{ } /* ---------------------------------------- 07. 04-ReferralProgram ---------------------------------------- */ .program-info{ width:475px; margin: 25px auto} .program-info ul{ width:100%; margin-bottom:-5px} .program-info ul li{ width:100%; padding:0 0 17px 0} .program-info p{ font-size:18px; color:#000000; text-align:center; padding-bottom:17px} .program-info .light{ font-size:16px; color:#b3b3b3; line-height:1.3em; text-align:center; padding-bottom:17px} .program-info .input{ width:306px; float:left} .program-info .btn-center{ width:100px; margin:0 auto} .program-info .btn-primary2{ height:30px; float:left; border:1px solid #040ba2; border-top:1px solid #5c5e78; background:#313fc6; background:-moz-linear-gradient(#818ae5, #0013c6); background: -webkit-gradient(linear, left top, left bottom, from(#818ae5), to(#0013c6)); background: -o-linear-gradient(#818ae5, #0013c6); -pie-background: linear-gradient(#818ae5, #0013c6); box-shadow: #7eaced 0 1px 2px; border-radius:6px; /*behavior: url(/PIE.htc)*/; position:relative; padding:0 11px; margin:5px 0 0 0} .program-info .btn-primary2:hover{ border:1px solid #042abf; border-top:1px solid #5c657d; background:#3662e0; background:-moz-linear-gradient(#819ff6, #003ce7); background: -webkit-gradient(linear, left top, left bottom, from(#819ff6), to(#003ce7)); background: -o-linear-gradient(#819ff6, #003ce7); -pie-background: linear-gradient(#819ff6, #003ce7); color:#FFFFFF; text-decoration:none} .program-info .btn-primary2:active{ border:1px solid #040ba2; border-top:1px solid #5c5e78; background:#313fc6; background:-moz-linear-gradient(#818ae5, #0013c6); background: -webkit-gradient(linear, left top, left bottom, from(#818ae5), to(#0013c6)); background: -o-linear-gradient(#818ae5, #0013c6); -pie-background: linear-gradient(#818ae5, #0013c6)} /* ---------------------------------------- 08. 05-PatientAllLogs ---------------------------------------- */ .heading-large h4.time-ago {float:right;padding-right:20px;width:110px;text-align:right} .heading-large .btn-primary2{ height:28px; float:right; border:1px solid #5483d1; border-bottom:1px solid #1759cc; border-top:1px solid #53688d; background:#5489e6; background:-moz-linear-gradient(#8eb3f3, #236eef); background: -webkit-gradient(linear, left top, left bottom, from(#8eb3f3), to(#236eef)); background: -o-linear-gradient(#8eb3f3, #236eef); -pie-background: linear-gradient(#8eb3f3, #236eef); box-shadow: #6caff6 0 1px 2px; border-radius:6px; /*behavior: url(/PIE.htc)*/; position:relative; font-size:14px; line-height:28px; padding:0 5px; margin:0} .heading-large .btn-primary2:hover{ border:1px solid #2a5799; border-bottom:1px solid #003aad; border-top:1px solid #4a5f82; background:#376ecd; background:-moz-linear-gradient(#7ea3e3, #024ece); background: -webkit-gradient(linear, left top, left bottom, from(#7ea3e3), to(#024ece)); background: -o-linear-gradient(#7ea3e3, #024ece); -pie-background: linear-gradient(#7ea3e3, #024ece); color:#FFFFFF; text-decoration:none} .heading-large .btn-primary2:active{ border:1px solid #5483d1; border-bottom:1px solid #1759cc; border-top:1px solid #53688d; background:#5489e6; background:-moz-linear-gradient(#8eb3f3, #236eef); background: -webkit-gradient(linear, left top, left bottom, from(#8eb3f3), to(#236eef)); background: -o-linear-gradient(#8eb3f3, #236eef); -pie-background: linear-gradient(#8eb3f3, #236eef)} .tab-bar{ width:100%; min-height:64px; background:#fff; padding:2px 0 3px 0} .tab-bar ul{ width:900px; float:left; padding-left:2px} .tab-bar ul li{ float:left; padding:0 7px} .tab-bar ul li a{ width:75px; height:51px; float:left; font-size:11px; color:#828282; text-align:center; border-radius:3px; position:relative;padding:7px 0} .tab-bar ul li a span{ width:100%; height:17px; float:left; background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-all.png) no-repeat top center/28px; padding:30px 0 2px 0; line-height:12px} .tab-bar ul li a:hover{ color:#FFFFFF; background-color:#f4f4f4;} .tab-bar ul li a:hover span{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-all-selected.png) no-repeat top center/28px; color:#189FFB} .tab-bar ul li a.active{ color:#189FFB; background-color:#f4f4f4; border-radius:4px; /*behavior: url(/PIE.htc)*/; position:relative} .tab-bar ul li a.active span{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-all-selected.png) no-repeat top center/28px} .tab-bar ul li a .dicordered{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-disordered.png) no-repeat top center/28px} .tab-bar ul li a:hover .dicordered{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-disordered-selected.png) no-repeat top center/28px} .tab-bar ul li a.active .dicordered{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-disordered-selected.png) no-repeat top center/28px} .tab-bar ul li a .flagged{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-flagged.png) no-repeat top center/28px} .tab-bar ul li a:hover .flagged{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-flagged-selected.png) no-repeat top left 22px/28px} .tab-bar ul li a.active .flagged{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-flagged-selected.png) no-repeat top left 22px/28px} .tab-bar ul li a .tactics{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-skills.png) no-repeat top center/28px} .tab-bar ul li a:hover .tactics{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-skills-selected.png) no-repeat top left 23.6px/28px} .tab-bar ul li a.active .tactics{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-skills-selected.png) no-repeat top left 23.6px/28px} .tab-bar ul li a .goals{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-goals.png) no-repeat top center/28px} .tab-bar ul li a:hover .goals{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-goals-selected.png) no-repeat top left 23.5px/28px} .tab-bar ul li a.active .goals{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-goals-selected.png) no-repeat top left 23.5px/28px} .tab-bar ul li a .missions{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-missions.png) no-repeat top center/28px} .tab-bar ul li a:hover .missions{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-missions-selected.png) no-repeat top left 22.5px/28px} .tab-bar ul li a.active .missions{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-missions-selected.png) no-repeat top left 22.5px/28px} .tab-bar ul li a .thoughts{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-thoughts.png) no-repeat top center/28px} .tab-bar ul li a:hover .thoughts{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-thoughts-selected.png) no-repeat top center/28px} .tab-bar ul li a.active .thoughts{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-thoughts-selected.png) no-repeat top center/28px} .tab-bar ul li a .feelings{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-feelings.png) no-repeat top center/28px} .tab-bar ul li a:hover .feelings{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-feelings-selected.png) no-repeat top center/28px} .tab-bar ul li a.active .feelings{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-feelings-selected.png) no-repeat top center/28px} .tab-bar ul li a .urges{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-urges.png) no-repeat top center/28px} .tab-bar ul li a:hover .urges{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-urges-selected.png) no-repeat top left 22.5px/28px} .tab-bar ul li a.active .urges{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-urges-selected.png) no-repeat top left 22.5px/28px} .tab-bar ul li a .notes{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-notes.png) no-repeat top center/28px} .tab-bar ul li a:hover .notes{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-notes-selected.png) no-repeat top left 24.5px/28px} .tab-bar ul li a.active .notes{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-notes-selected.png) no-repeat top left 24.5px/28px} .tab-bar ul li a .exercise{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-exercise.png) no-repeat top center/28px} .tab-bar ul li a:hover .exercise{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-exercise-selected.png) no-repeat top center/28px} .tab-bar ul li a.active .exercise{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-exercise-selected.png) no-repeat top center/28px} .tab-bar ul li a .checkins{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-checkins.png) no-repeat top center/28px} .tab-bar ul li a:hover .checkins{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-checkins-selected.png) no-repeat top center/28px} .tab-bar ul li a.active .checkins{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-checkins-selected.png) no-repeat top center/28px} .tab-bar ul li a .cravings{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-cravings.png) no-repeat top center/28px} .tab-bar ul li a:hover .cravings{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-cravings-selected.png) no-repeat top center/28px} .tab-bar ul li a.active .cravings{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-cravings-selected.png) no-repeat top center/28px} .tab-bar ul li a .refusals{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-refusals.png) no-repeat top center/28px} .tab-bar ul li a:hover .refusals{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-refusals-selected.png) no-repeat top center/28px} .tab-bar ul li a.active .refusals{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-refusals-selected.png) no-repeat top center/28px} .tab-bar ul li a .triggers{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-triggers.png) no-repeat top center/28px} .tab-bar ul li a:hover .triggers{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-triggers-selected.png) no-repeat top center/28px} .tab-bar ul li a.active .triggers{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-triggers-selected.png) no-repeat top center/28px} .tab-bar ul li a .checklists{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-checklists.png) no-repeat top center/28px} .tab-bar ul li a:hover .checklists{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-checklists-selected.png) no-repeat top center/28px} .tab-bar ul li a.active .checklists{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-checklists-selected.png) no-repeat top center/28px} .tab-bar ul li a .used{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-used.png) no-repeat top center/28px} .tab-bar ul li a:hover .used{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-used-selected.png) no-repeat top center/28px} .tab-bar ul li a.active .used{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-used-selected.png) no-repeat top center/28px} .tab-bar ul li a .exposures{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-exposures.png) no-repeat top center/28px} .tab-bar ul li a:hover .exposures{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-exposures-selected.png) no-repeat top center/28px} .tab-bar ul li a.active .exposures{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-exposures-selected.png) no-repeat top center/28px} .tab-bar ul li a .quick-journal{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-quick-journal.png) no-repeat top center/28px} .tab-bar ul li a:hover .quick-journal{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-quick-journal-selected.png) no-repeat top center/28px} .tab-bar ul li a.active .quick-journal{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-quick-journal-selected.png) no-repeat top center/28px} .tab-bar ul li a .sleep{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-sleep.png) no-repeat top center/28px} .tab-bar ul li a:hover .sleep{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-sleep-selected.png) no-repeat top center/28px} .tab-bar ul li a.active .sleep{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-sleep-selected.png) no-repeat top center/28px} .tab-bar ul li a .daily-bg{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-daily-bg.png) no-repeat top center/28px} .tab-bar ul li a:hover .daily-bg{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-daily-bg-selected.png) no-repeat top center/28px} .tab-bar ul li a.active .daily-bg{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-logs-tab-daily-bg-selected.png) no-repeat top center/28px} .logs-goals div.xarticle {padding:10px;background-color:#fff;width:95%;padding-right:3%;padding-left:3%} .logs-goals div.xarticle.line-top {border-top:2px solid #eff0f6;} .logs-goals div.xarticle.line-top.day-last-goals, .logs-goals div.article-list.day-last-goals {border-bottom-left-radius:5px; border-bottom-right-radius:5px} .logs-goals div.article-list{border-radius:0;border-top:2px solid #eff0f6;border-bottom:none} /* ---------------------------------------- 09. 06-PatientGoals ---------------------------------------- */ .patient-goals{ width:100%; float:left} .patient-goals .heading-small h4{ font-size:15px; padding-top:1px} .patient-goals .heading-small .txt{ float:right; font-size:15px; color:#FFFFFF; padding-right:14px} .patient-goals .heading-small .txt a{ color:#FFFFFF} .patient-goals div.xarticle{ width:100%; float:left} .patient-goals div.xarticle div.xaside{ width:795px; min-height:39px; float:left; border-top:1px solid #e3e3e3; padding:10px 14px 1px 14px} .patient-goals div.xarticle div.xaside h3{ padding:2px 0 10px 0} .patient-goals div.xarticle div.xaside p{ line-height:22px; padding-bottom:10px} .patient-goals div.xarticle .info{ width:300px; float:left} .patient-goals div.xarticle .divider{ border-top:none} .patient-goals div.xarticle .right-bg{ float:right; padding-bottom:14px} .patient-goals div.xarticle .right{ float:left} .patient-goals div.xarticle .right-inner{ padding-top:24px} .patient-goals div.xarticle .checkbox{ width:27px; height:27px; padding:0 9px 0 0; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/checkbox01.png) no-repeat; display:block; clear:left; float:left} .patient-goals div.xarticle .check{ width:27px; height:27px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/check02.png) no-repeat; margin-right:10px} .patient-goals div.xarticle .un-check{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/check01.png) no-repeat} /* ---------------------------------------- 10. 07-DataInsights ---------------------------------------- */ .data-insights{ width:100%; float:left} .data-insights .heading{ width:100%; float:left; border-bottom:1px solid #c5c5c5; padding:3px 0 5px 0; margin-bottom:25px} .data-insights .heading h2, .patient-supplement-tracking .heading h2, .supplement-tracking .heading h2{ font-size:23px; color:#000000; text-align:center; padding-top:13px} .data-insights .heading h2 a{ color:#000000} .data-insights .heading h2 a:hover{ color:#000000} .data-insights .prev, .daily-heart-rate .prev, .ml-data-trends .prev, .patient-supplement-tracking .prev, .supplement-tracking .prev, .dbt-diary-cards-container .prev{ width:48px; height:48px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow-previous01.png) no-repeat center center; border:1px solid #e2e2e2; text-indent:-9999px; margin:0 0 0 11px} .data-insights .next, .daily-heart-rate .next, .ml-data-trends .next, .patient-supplement-tracking .next, .supplement-tracking .next, .dbt-diary-cards-container .next { float:right; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow-next01.png) no-repeat center center; margin:0 11px 0 0} .data-insights div.xarticle{text-align:center} .data-insights div.xarticle .inlined{ display:inline-block} .data-insights div.xarticle .left{ float:left; padding:10px 0 0 150px} .data-insights div.xarticle .txt{ display:inline-block; font-size:25px; padding:12px 30px 0 } .data-insights div.xarticle .right{ float:right; padding:10px 150px 0 0} .data-insights div.xarticle .right .sbHolder{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/select02.png) no-repeat; color:#000000} .data-insights div.xarticle .right .sbSelector{ color:#000000} .data-insights div.xarticle .right .sbSelector:link{ color: #000000} .data-insights div.xarticle .right .sbOptions{ background:#FFFFFF} .data-insights div.xarticle .right .sbOptions a{ color: #000} .data-insights div.xarticle .right .sbOptions a:hover{ color: #ccc} .tab-links{ width:760px; float:left; padding:0 40px 0 23px} .tab-links ul{ width:358px; float:left; border:1px solid #b4b4b4; border-radius:11px; /*behavior: url(/PIE.htc)*/; position:relative} .tab-links ul li { float:left} .tab-links ul li a{ width:118px; height:45px; float:left; background:-moz-linear-gradient(#fbfbfb, #c9c9c9); background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#c9c9c9)); background: -o-linear-gradient(#fbfbfb, #c9c9c9); -pie-background: linear-gradient(#fbfbfb, #c9c9c9); /*behavior: url(/PIE.htc)*/; position:relative; border-left:1px solid #8e99a2; border-right:1px solid #cbcbcb; border:1px solid #c6c6c6; font-size:23px; text-align:center; line-height:45px; margin:-1px 0} .tab-links ul li a:hover{ background:#407ee6 url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient16.png) repeat-x bottom left; color:#FFFFFF; text-decoration:none; border-top:1px solid #3168be; border-bottom:1px solid #3168be; box-shadow:inset #2958ab -1px 1px 6px, inset #2958ab 1px 1px 6px; transition: none} .tab-links ul li a.active{ background:#407ee6 url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient16.png) repeat-x bottom left; color:#FFFFFF; text-decoration:none; border:1px solid #3168be; box-shadow:inset #2958ab -1px 1px 6px, inset #2958ab 1px 1px 6px} .tab-links ul li.left{} .tab-links ul li.left a{ border-left:none; border-radius:12px 0 0 12px} .tab-links ul li.left a:hover{ border-left:none; background:#407ee6 url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient18.png) repeat-x bottom left; box-shadow:inset #234788 -2px 2px 4px} .tab-links ul li.left a.active{ border-left:none; background:#407ee6 url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient18.png) repeat-x bottom left; box-shadow:inset #234788 -2px 2px 4px} .tab-links ul li.right{} .tab-links ul li.right a{ border-right:none; border-radius:0 12px 12px 0} .tab-links ul li.right a:hover{ border-right:none; background:#407ee6 url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient17.png) repeat-x bottom right; box-shadow:inset #234788 2px 2px 4px} .tab-links ul li.right a.active{ border-right:none; background:#407ee6 url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient17.png) repeat-x bottom right; box-shadow:inset #234788 2px 2px 4px} .tab-links ul.tab-right{ width:358px; float:right} .tab-links ul.tab-right li a{ width:178px} .tab-barinner {} .tab-barinner ul{ width:356px; margin:0 auto; float:none; padding:0} .tab-barinner ul li{ float:left; padding:0 21px} .tab-barinner ul li a .insights{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/charts-tab-insights.png) no-repeat top center/38px} .tab-barinner ul li a:hover .insights{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/charts-tab-insights-selected.png) no-repeat top center/38px} .tab-barinner ul li a.active .insights{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/charts-tab-insights-selected.png) no-repeat top center/38px} .tab-barinner ul li a .events{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/charts-tab-events.png) no-repeat top center/38px} .tab-barinner ul li a:hover .events{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/charts-tab-events-selected.png) no-repeat top center/38px} .tab-barinner ul li a.active .events{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/charts-tab-events-selected.png) no-repeat top center/38px} /* ---------------------------------------- 11. 08-CopingTacticsAssigned ---------------------------------------- */ .assigned-coping-tactics{width:92%; padding:4%;margin:0 auto} .assigned-coping-tactics div.left-column,.assigned-coping-tactics div.right-column {display:inline-block;width:48%;vertical-align:top} .assigned-coping-tactics div.left-column {margin-right:3%} .assigned-coping-tactics h3{ font-size:18px; color:#313444; padding-bottom:5px} .assigned-coping-tactics ul{ width:100%; font-size:14px; padding-top:18px} .assigned-coping-tactics ul li{ color:#777;width:100%; color:#777; line-height:20px} .assigned-coping-tactics p{ font-size:14px; color:#777; line-height:1.6em; padding-bottom:0} .assigned-coping-tactics div.xarticle{ width:100%; /*behavior: url(/PIE.htc)*/; position:relative; margin-top:15px} .assigned-coping-tactics div div.xaside{ width:100%; background-color:#fff; position:relative;} .assigned-coping-tactics div a{ width:90%; padding:5%; display: inline-block; margin-bottom: 20px; background-color:#fff; border-radius:3px; } .assigned-coping-tactics div a.tactic-assigned{height:235px;} .assigned-coping-tactics div.reorder-tactic {display:table; margin-bottom:5px;width:100%} .assigned-coping-tactics div.reorder-btns { display: table-cell; vertical-align:middle} .assigned-coping-tactics div.xaside.reorder-card { padding:30px;box-sizing:border-box;display:table-cell;width:90%;border-radius:3px;margin-bottom:5px; } .assigned-coping-tactics div.reorder-btns > a{ background-color:transparent; width:initial; display:block; margin-left:15px; } .assigned-info-bg{ width:100%; min-height:763px; float:left} .assigned-info{ width:545px; float:none; margin:0 auto} .assigned-info h3{ font-size:18px; color:#000000; padding-bottom:5px} .assigned-info ul{ width:100%; float:left; font-size:16px; padding-top:18px} .assigned-info ul li{ width:100%; float:left; color:#000000; line-height:20px} .assigned-info p{ font-size:16px; color:#000000; line-height:1.3em; padding-bottom:0} .assigned-info div.xarticle{ width:543px; float:left; background:#f7f7f7; border:1px solid #afafaf; border-radius:13px; /*behavior: url(/PIE.htc)*/; position:relative; margin-top:15px} .assigned-info div.xarticle div.xaside{ width:503px; float:left; border-bottom:1px solid #b2b2b2; position:relative; padding:10px 30px 9px 10px} .assigned-info div.xarticle a{ width:100%; height:100%; float:left} .assigned-info div.xarticle .arrow{ width:10px; height:100%; float:right; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow01.png) no-repeat right center; position:absolute; top:0; right:13px} .assigned-info div.xarticle .top{ border-radius:13px 13px 0 0} .assigned-info div.xarticle .bottom{ border-radius:0 0 13px 13px} .assigned-info div.xarticle .top-bottom{ border-radius:13px 13px 13px 13px} .assigned-info div.xarticle .border-none{ border-bottom:none !important} .assigned-info div.xarticle div.xaside:hover{ background:#015fe6} .assigned-info div.xarticle div.xaside:hover .arrow{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow02.png) no-repeat right center} .assigned-info div.xarticle div.xaside:hover h3{color: #FFFFFF} .assigned-info div.xarticle div.xaside:hover p{color: #FFFFFF} .assigned-info div.xarticle div.xaside:hover p.message-detail{color: #FFFFFF} .assigned-info div.xarticle div.xaside:hover p.clinic-name{color: #FFFFFF} .assigned-info div.xarticle div.xaside:hover p.chat-how-long-ago{color: #FFFFFF} .assigned-info div.xarticle div.xaside:hover li{color: #FFFFFF} .assigned-info div.xarticle div.xaside.active{ background:#015fe6} .assigned-info div.xarticle div.xaside.active .arrow{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow02.png) no-repeat right center} .assigned-info div.xarticle div.xaside.no-hover:hover{ background:inherit} .assigned-info div.xarticle div.xaside.no-hover:hover h3{ color:inherit} .assigned-info div.xarticle div.xaside.no-hover:hover p{ color:inherit} .assigned-info div.xarticle div.xaside p.message-detail{padding-left:80px;color:#777;font-size:14px;margin-top:5px;margin-bottom:5px} .assigned-info div.xarticle div.xaside p.clinic-name{color:#AAA;font-size:14px;margin-top:3px} .assigned-info div.xarticle div.xaside p.chat-how-long-ago{color:#AAA;font-size:14px;margin-top:3px;text-align:right;float:right;height:15px;margin-bottom:-15px;position:relative;top:-5px;left:15px} .toolbar-gray{ width:100%; float:left; background:#a2a7b5 url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient30.png) repeat-x top left; border-bottom:1px solid #b8bcc8; padding:8px 0} .toolbar-gray .btn-center, .toolbar-white .btn-center{ width:296px; margin:0 auto; padding-right:135px} .toolbar-gray .btn-save{ width:158px; float:right} .toolbar-gray .no-reorder {width:160px; padding-right:0} .toolbar-white, .sent-bar-bg{width: 100%; background: #fff; border-bottom: 1px solid #b8bcc8; padding: 8px 0; position: relative; box-shadow: 0px -2px 14px -11px #000;} .tab-bar.toolbar-white{padding:5px 0} .sent-bar-bg{box-sizing:border-box;padding: 8px 30px 10px;} /* ---------------------------------------- 12. 09-CopingTacticDetail ---------------------------------------- */ .detail-info{ width:100%; float:left; padding:21px 0 0 0} .detail-info ul{ width:335px; float:none; margin:0 auto} .detail-info ul li{ width:100%; float:left; padding:0 0 8px 0} .detail-info ul li > a, .referrals-public-profile a{ color:#189FFB;text-decoration:underline;width:155px;position:relative;top:-3px} .detail-info ul li > a:hover, .referrals-public-profile a:hover{color:#187EC1} .detail-info ul li > a:active, .referrals-public-profile a:active{color:#4AB6FD} .detail-info .input{ width:316px; float:left} .detail-info .textarea{ width:318px; height:87px} .detail-info .btn-gray{ width:143px; height:32px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient25.png) repeat-x top left; border:2px solid #4b4b4b; border-radius:6px; /*behavior: url(/PIE.htc)*/; position:relative; font-size:16px; color:#FFFFFF; font-family:"myriad_proregular", Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; line-height:28px; cursor:pointer; padding-bottom:2px} .detail-info .btn-gray:hover{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient26.png) repeat-x top left} .detail-info .btn-grayright{ float:right} .detail-info .box-blue{ width:100%; float:left; position:relative; padding:13px 0; background:#f4f4f4; border-radius:3px;} .detail-info .box-blue h3{ float:left; color:#313444; padding:0 0 0 12px; font-size:18px} .detail-info .box-blue h3 a{ color:#313444} .detail-info .box-blue .arrow-link{ float:right; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow08.png) no-repeat right; font-size:18px; color:#385487; padding-right:23px; margin-right:12px} .detail-info .box-blue .arrow-link a{ color:#666666} .detail-info .box-blue:hover, .detail-info .box-blue-active{ background:#BFDFFF; cursor:pointer} /* ---------------------------------------- 13. 10-CopingTacticGroups ---------------------------------------- */ .group-info{ width:545px; margin:0 auto} .group-info h3 {color:#313444;font-size:18px;} .group-info > h3 {text-align:center;padding-bottom:5px;} .group-info ul, .group-info div.xarticle{ width:543px; position:relative; margin-top:16px} .group-info div.xarticle div.xaside p {margin-top:5px;font-size:15px; color:#777; line-height:1.6em; padding-bottom:0} .group-info ul li, .group-info div.xarticle div.xaside{ font-size:18px; position:relative} .group-info ul li .txt1{ float:right; font-size:18px; color:#385487; padding-top:4px} .group-info ul li, .group-info div.xarticle div.xaside{ width:495px; background:#ffffff; color:#313444; cursor:pointer; padding:11px 36px 13px 12px; border-radius:3px; margin-bottom:3px} .group-info ul li.highlight{background:#FFF79A;} .group-info ul li a{ width:100%; height:100%; text-decoration:none; line-height:17px;font-size:17px} .group-info ul li .arrow{ width:10px; height:100%; float:right; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow01.png) no-repeat right center; position:absolute; top:0; right:13px} .group-info ul li:hover, .group-info div.xarticle div.xaside:hover{ background:#BFDFFF; text-decoration:none} .group-info ul li.active{ background:#BFDFFF} .group-info .border-none{ border-bottom:none} .group-info ul li.nohighlight:hover {cursor:default;background:inherit;} .group-info ul li.nohighlight:hover a{color:#000000;cursor:default} .group-info ul li.nohighlight:hover span{color:#000000;cursor:default} .group-info ul li.nohighlight:hover .txt1 span{color:#385487;cursor:default;} .group-info ul li.nohighlight {padding-bottom:8px;width:403px;padding-right:0} .group-info ul li .list-heading a { font-weight:bold } .group-info ul li.list-heading { cursor:default; background-color:none } .group-info ul li:hover.list-heading{ background:#f7f7f7} .group-info ul li:hover.list-heading span{color:#000000} .conf-log {padding: 0px 40px} .troup-info{ width:545px; margin:0 auto} .troup-info ul{ width:543px; float:left; background:#FFFFFF; border-radius:3px; position:relative; margin-top:16px} .troup-info ul li{ font-size:18px; border-bottom:2px solid #eff0f6; position:relative} .troup-info ul li .txt1{ float:right; position:relative; left:15px; font-size:18px; color:#385487} .troup-info ul li{ width:495px; float:left; background:#FFFFFF; color:#000000; cursor:pointer; padding:11px 36px 11px 12px} .configure-log-questions-with-custom.troup-info ul li { padding: 11px 12px; } /*.troup-info ul li.highlight{background:#FFF79A;} */ .troup-info ul li a{ width:100%; height:100%; float:left; text-decoration:none; line-height:17px;font-size:17px} .troup-info ul li .arrow{ width:10px; height:100%; float:right; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow01.png) no-repeat right center; position:absolute; top:0; right:13px} .troup-info ul li.top{ border-radius:3px 3px 0 0} .troup-info ul li.bottom{ border-radius:0 0 3px 3px; border-bottom:none} .troup-info ul li.top-bottom{ border-radius:3px 3px 3px 3px; border-bottom:none} /* .troup-info ul li:hover{ background:#015fe6; text-decoration:none} */ .troup-info ul li.active{ background:#BFDFFF} .troup-info .border-none{ border-bottom:none} .troup-info ul li:hover{ background:#BFDFFF; text-decoration:none} .troup-info ul li.nohighlight:hover {cursor:default;background:inherit;} .troup-info ul li.nohighlight:hover a{color:#000000;cursor:default} .troup-info ul li.nohighlight:hover span{color:#000000;cursor:default} .troup-info ul li.nohighlight:hover .txt1 span{color:#385487;cursor:default} .troup-info ul li.nohighlight {padding-bottom:8px;width:403px;padding-right:0} .troup-info ul li.active a { color:#FFFFFF} .troup-info ul li.active span { color:#FFFFFF} .troup-info ul li a div.question-label {line-height:36px;height:36px;float:left;font-size:16px} .configure-log-questions-with-custom.troup-info ul li a div.question-label { float:none; display:inline-block; width: 85%;} .configure-log-questions-with-custom.troup-info ul li a div.question-label.question-label-two-lines {line-height:20px;} .configure-log-questions-with-custom.troup-info ul li .txt1{ float:none; position:relative; display:inline-block} .configure-log-questions-with-custom.troup-info ul li .txt1.txt1-two-lines {top:-10px} .troup-info ul li a p.txt1 span {color:#AAA;font-size:9pt;margin-top:3px;display:block} /* ---------------------------------------- 14. 12-CopingTacticExamples ---------------------------------------- */ .coping-examples{ width:100%; padding:7px 0 0 0} .coping-examples .txt, .assigned-info .txt{ font-size:18px; text-align:center; padding-bottom:5px} .coping-examples .article-box{ width:546px; margin:0 auto} .coping-examples div.xarticle{ width:99.7%; margin-top:12px} .coping-examples div.xaside{ width:520px; border-radius:3px; background-color:#fff; padding:12px 12px 14px 12px; cursor:pointer;margin-bottom:3px; position:relative} .coping-examples.visit-medications div.xaside{ margin-bottom:10px} .coping-examples.visit-medications div.xaside.flat-bottom{ margin-bottom:0px;border-bottom:2px solid #eff0f6;border-radius:3px 3px 0 0} .coping-examples div.xaside:hover {background-color:#BFDFFF} .coping-examples.visit-medications div.xaside:hover {background-color:#BFDFFF} .coping-examples div.xaside h3{ width:313px; text-align:left; line-height:18px; padding:0;font-size:18px} .coping-examples div.xaside h3 span{ font-size:16px; padding-left:9px} .coping-examples div.xaside .tick, .clinical-insight-thumbs-down div.xaside .tick, .interpersonal-relationships div.relationship h4 > span.tick, div.single-select-item p > span.tick{ width:14px; height:100%; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/img-tick01.png) no-repeat right; position:absolute; top:0; right:12px} .coping-examples div.xaside .down-arrow{ width:14px; height:100%; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/img-down.png) no-repeat right; position:absolute; top:0; right:12px} .coping-examples .nodivider{ border-top:none !important} .coping-examples .aside-first-last{ border-radius:11px 11px 11px 11px; /*behavior: url(/PIE.htc)*/; position:relative} .coping-examples .aside-first{ border-radius:11px 11px 0 0; /*behavior: url(/PIE.htc)*/; position:relative} .coping-examples .aside-last{ border-radius:0 0 11px 11px; /*behavior: url(/PIE.htc)*/; position:relative} /*.coping-examples div.xaside:active .tick{ display:none} */ .grid-top-section li:hover { background:#0379ef; background:-moz-linear-gradient(#0c8df2, #015ee6); background: -webkit-gradient(linear, left top, left bottom, from(#0c8df2), to(#015ee6)); background: -o-linear-gradient(#0c8df2, #015ee6); -pie-background: linear-gradient(#0c8df2, #015ee6); /*behavior: url(/PIE.htc)*/; position:relative; transition: all .4s ease} .grid-top-section .date-from{ border-radius:11px 11px 0 0; /*behavior: url(/PIE.htc)*/; position:relative; border-top:none; cursor:pointer} .grid-top-section li{ border-radius:0 0 11px 11px; /*behavior: url(/PIE.htc)*/; position:relative; cursor:pointer} .grid-top-section li.active { background:#0379ef; background:-moz-linear-gradient(#0c8df2, #015ee6); background: -webkit-gradient(linear, left top, left bottom, from(#0c8df2), to(#015ee6)); background: -o-linear-gradient(#0c8df2, #015ee6); -pie-background: linear-gradient(#0c8df2, #015ee6); /*behavior: url(/PIE.htc)*/; position:relative; transition: all .4s ease} .grid-top-section li.active label {color:#FFFFFF} .grid-top-section li.active span {color:#FFFFFF} .grid-top-section li:hover label {color:#FFFFFF} .grid-top-section li:hover span {color:#FFFFFF} .grid-top-section li a {cursor:pointer} .coping-examples div.xaside.date-entry:hover {background:#0379ef; background:-moz-linear-gradient(#0c8df2, #015ee6); background: -webkit-gradient(linear, left top, left bottom, from(#0c8df2), to(#015ee6)); background: -o-linear-gradient(#0c8df2, #015ee6); -pie-background: linear-gradient(#0c8df2, #015ee6); /*behavior: url(/PIE.htc)*/; position:relative; transition: all .4s ease} .coping-examples.visit-medications div.xaside.date-entry{background-color:#fff} .coping-examples.visit-medications div.xaside.date-entry:hover, .coping-examples.visit-medications div.xaside.active2 {background:#BFDFFF;position:relative; transition: all .4s ease} .coping-examples div.xaside.date-entry:hover h3 {color:#FFFFFF} .coping-examples.visit-medications div.xaside.date-entry:hover h3, .coping-examples.visit-medications div.xaside.active2 h3, .coping-examples.visit-medications div.xaside.date-entry:hover span, .coping-examples.visit-medications div.xaside.active2 span.txt1 {color:inherit} .coping-examples div.xaside.date-entry:hover span {color:#FFFFFF} .coping-examples div.xaside.date-entry .arrow{ width:10px; height:14px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow06.png) no-repeat center; position:absolute; top:18px; right:14px} .coping-examples div.xaside.date-entry:hover .arrow{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow02.png) no-repeat right center} .coping-examples.visit-medications div.xaside.date-entry:hover .arrow, .coping-examples.visit-medications div.xaside.active2 span.arrow { background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow06.png) no-repeat center;} .coping-examples div.xaside.date-entry .txt1{ float:right; font-size:21px; color:#385487;padding-right:27px;padding-top:1px} .coping-examples div.xaside.active2 {background:#0379ef; background:-moz-linear-gradient(#0c8df2, #015ee6); background: -webkit-gradient(linear, left top, left bottom, from(#0c8df2), to(#015ee6)); background: -o-linear-gradient(#0c8df2, #015ee6); -pie-background: linear-gradient(#0c8df2, #015ee6); /*behavior: url(/PIE.htc)*/; position:relative; transition: all .4s ease} .coping-examples div.xaside.active2 h3 {color:#FFFFFF} .coping-examples div.xaside.active2 span.txt1 {color:#FFFFFF} .coping-examples div.xaside.active2 span.arrow { background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow02.png) no-repeat right center} /* ---------------------------------------- 15. 13-MealPlanDays ---------------------------------------- */ .plandays{ width:418px; margin:0 auto} .plandays ul{ width:99.88%; float:left; padding-top:0} .plandays ul li{ width:369px; float:left} .theplan ul li{ width:100%; float:left; padding-top:0; padding-bottom:0} .theplan ul li h3{ font-weight:bold } .plandays div.xarticle { width:416px} .plandays div.xarticle div.xaside{ width:376px; float:left} .toolbar-gray .btn-centerinner{ width:290px; margin:0 auto} .toolbar-gray .btn-centerinner .btn-save{ width:124px; float:right} .plandays div.xarticle a.active div.xaside, .plandays div.xarticle a div.xaside:hover, .plandays div.xarticle div.meal-plan-template div.xaside:hover { background:#BFDFFF} .plandays div.xarticle a.no-click { cursor:default; } .assigned-info div.xarticle a.no-click div.xaside:hover {background:inherit} .assigned-info div.xarticle a.no-click div.xaside:hover h3 {color:#000000} .assigned-info div.xarticle a.no-click div.xaside:hover li {color:#000000} div.modal.narrow-tall-modal-meal-plan-day.view-side-by-side .plandays { max-width: 100%; } div.modal.narrow-tall-modal-meal-plan-day .plandays div.xarticle, div.modal.narrow-tall-modal-meal .plandays div.xarticle { width:388px; margin-left:13px; } div.modal.narrow-tall-modal-meal-plan-day.view-side-by-side .plandays div.xarticle { width: 100%; margin-left: 0px; } div.modal.narrow-tall-modal-meal-plan-day .plandays div.xarticle div.xaside, div.modal.narrow-tall-modal-meal .plandays div.xarticle div.xaside { width:368px; } div.modal.narrow-tall-modal-meal-plan-day.view-side-by-side .plandays div.xarticle div.xaside { width: 100%; box-sizing: border-box; } div.modal.narrow-tall-modal-meal-plan-day div.modal-footer button { width:388px; } div.modal.narrow-tall-modal-meal-plan-day.view-side-by-side div.modal-footer button { max-width: 100%; } div.modal.narrow-tall-modal-meal-plan-day.view-side-by-side div.xarticle div.xaside h3 { width: 100%; } /* ---------------------------------------- 16. 15-AddMealPlan-0 ---------------------------------------- */ .mealplan{ width:430px; margin:0 auto} .mealplan ul{ width:428px} .mealplan ul li{ width:380px; float:left} /* ---------------------------------------- 17. 16-AddMealPlan-1 ---------------------------------------- */ .addmeal-info{ width:336px; float:left; padding:27px 0 0 0px} .addmeal-info ul{ width:249px; float:left; padding-left:55px} .addmeal-info ul li{ width:100%; float:left; padding:0 0 12px 0} .tab-links-add-bg{ width:318px; margin:20px auto 0 auto} .tab-links-add{ width:100%; float:left; padding:6px 0} .tab-links-add ul{ width:280px; float:left; background:#dadce1; border:2px solid #b3b7bf; border-left:2px solid #a6aab1; border-top:1px solid #AAA; background:-moz-linear-gradient(#fafbfc, #bec1cb); background: -webkit-gradient(linear, left top, left bottom, from(#fafbfc), to(#bec1cb));background: -o-linear-gradient(#fafbfc, #bec1cb);-pie-background: linear-gradient(#fafbfc, #bec1cb); border-radius:6px; behavior:url(/PIE.htc); position:relative; margin:0 18px} .tab-links-add ul li{ height:29px; float:left; font-size:15px; color:#4f5459; text-align:center; line-height:29px; border-left:2px solid #979ba0} .tab-links-add ul li.nodivider{ border-left:none} .tab-links-add ul li a{ width:92px; height:30px; float:left; color:#4f5459; margin-bottom:-1px; position:relative; z-index:100} .tab-links-add ul li a:hover{ text-decoration:none} .tab-links-add ul li a:hover{ color:#FFFFFF; background:#838992; background:-moz-linear-gradient(#b5b9be, #6c747f); background: -webkit-gradient(linear, left top, left bottom, from(#b5b9be), to(#6c747f));background: -o-linear-gradient(#b5b9be, #6c747f);-pie-background: linear-gradient(#b5b9be, #6c747f)} .tab-links-add ul li a.active{ color:#FFFFFF; background:#838992; background:-moz-linear-gradient(#b5b9be, #6c747f); background: -webkit-gradient(linear, left top, left bottom, from(#b5b9be), to(#6c747f));background: -o-linear-gradient(#b5b9be, #6c747f);-pie-background: linear-gradient(#b5b9be, #6c747f)} .tab-links-add ul li a.first{ border-radius:4px 0 0 4px} .tab-links-add ul li a.last{ border-radius:0 4px 4px 0} .tab-links-add .btn2{ width:127px; margin:0 auto} .tab-links-add .btn-gray{ width:125px; height:26px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient013.png) repeat-x; border:1px solid #5a5c5d; font-size:15px; color:#FFFFFF; text-align:center; line-height:26px; text-decoration:none; cursor:pointer; border-radius:5px; behavior:url(/PIE.htc); position:relative; margin-top:7px} .tab-links-add .btn-gray:hover{ background:#7a7a7a url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient13.gif) repeat-x;} .addmeal-info .input{ width:235px; float:left} /* ---------------------------------------- 18. 17-Add-Meal-Plan ---------------------------------------- */ .meal-info{ width:376px; float:left; margin:0 223px} .meal-info h3{ font-size:23px; text-align:center; padding:0 0 13px 0} .meal-info div.xarticle{ width:100%; float:left; border-bottom:2px solid #e5e5e5; padding:7px 0 14px 0} .value-box{ width:318px; margin:0 auto} .value-box li{ width:100%; height:46px; float:left; font-size:18px; background:#eee; border:1px solid #bdbdbd; line-height:46px; text-align:center; border-radius:3px; position:relative} .value-box li span{ width:14%; float:left; border-right:1px solid #bdbdbd} .value-box li span.nodivider{ border-right:none} .value-box li span.active{ color:#FFFFFF; background:#189FFB; border:1px solid #3c7ae9; box-shadow:inset #3c7ae9 1px 1px 6px, inset #3c6bbf -1px 1px 3px; position:relative; margin:-1px 0 0 -1px} .value-box li span.first{ border-radius:3px 0 0 3px} .value-box li span.last{ float:left; border-radius:0 3px 3px 0; margin:-1px -2px 0 0} .value-box li span.logging{ width:19.625%; cursor:pointer} /* ---------------------------------------- 19. 18-AddMealPlan-3 ---------------------------------------- */ .addmeal{ width:356px; margin:0 auto} .addmeal ul{ padding-top:0; margin-top:0} .addmeal div.xarticle{ width:354px; float:left; background:#f7f7f7; border:1px solid #afafaf; margin-top:12px} .addmeal div.xarticle div.xaside{ width:314px; float:left; border-bottom:1px solid #b2b2b2; padding:10px 30px 9px 10px} /* ---------------------------------------- 20. 19-VisitRecordList ---------------------------------------- */ .visit-record{ width:416px; float:none} .visit-record ul{ width:414px} .visit-record ul li{ width:366px; float:left; font-size:19px} .toolbar-gray .btn-add-bg{ width:140px; margin:0 auto} .toolbar-gray .btn-add-bg .btn-save{ width:138px; float:right} .tab-barinner ul li a .records{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-visit-records.png) no-repeat top center/30px} .tab-barinner ul li a:hover .records{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-visit-records-selected.png) no-repeat top center/30px} .tab-barinner ul li a.active .records{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/patient-menu-visit-records-selected.png) no-repeat top center/30px} /* ---------------------------------------- 21. 20-AddVisitRecord ---------------------------------------- */ .add-record {width:100%} .add-record ul{ width:inherit} .add-record ul li{ font-size:19px} .add-record ul li.bgcolor{ background:#fff;} .add-record ul li.bgcolor:hover{ background:#fff;} .add-record ul li{ width:403px; float:left; box-sizing:border-box} .add-record ul li .txt1 {margin-right:15px} .add-record .input-bg{ width:403px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/divider04.png) repeat-x top left; padding:0; padding-top:5px; cursor: inherit} .add-record .input-bg .txt-box{ width:372px; min-height:42px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/noise01.png) repeat-y top left; line-height:28px; padding:0 0 0 30px} .add-record .input-bg:hover{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/divider04.png) repeat-x top left} .add-record .btn-center{ width:104px; margin:0 auto} .add-record .btn-add{ width:102px; height:45px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient28.png) repeat-x top left; border:1px solid #26272d; border-radius:6px; /*behavior: url(/PIE.htc)*/; position:relative; font-size:19px; color:#FFFFFF; text-align:center; text-decoration:none; line-height:45px; cursor:pointer; margin-top:30px} .add-record .btn-add:hover{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient29.png) repeat-x top left; border:1px solid #4e4f56} .group-info.add-record li.nohighlight:hover {background-color:#fff} /* ---------------------------------------- 22. 21-Patient-Profile ---------------------------------------- */ .profile-info-inner{ width:488px; margin:20px auto} .profile-info-inner .set{ width:506px; float:left; border-top:2px solid #aeaeae; padding:10px 8px 10px 20px; position:relative} .profile-info-inner div.xaside.avatar{ width:416px; float:left; border-radius:10px 10px 0 0; position:relative; padding:5px 50px 5px 20px; margin:-1px 0 0 -1px; cursor:pointer} .profile-info-inner div.xaside.avatar:hover{ width:416px; float:left; background:#BFDFFF; border-radius:3px 3px 0 0; behavior:url(/PIE.htc); position:relative; padding:5px 50px 5px 20px; margin:-1px 0 0 -1px} .profile-info-inner div.xarticle{ width:484px; float:left; background:#fff; border-radius:3px; position:relative; margin-bottom:24px} .profile-info-inner .set{ width:456px; float:left; border-top:2px solid #eff0f6; padding:10px 8px 10px 20px; position:relative} .gender-segmented {width:123px !important} .profile-info-inner h3{ float:left; font-size:18px} .profile-info-inner p{ width:100%; float:left; font-size:18px; color:#c1c1c1; text-align:left; padding-top:6px} .profile-info-inner p a{ color:#c1c1c1} .profile-info-inner div.xaside.avatar h3 {padding-top:28px} .profile-info-inner div.xaside.color-entry {cursor:pointer} .profile-info-inner div.xaside.color-entry:hover{ border-left:none; background:#BFDFFF; position:relative; } .profile-info-inner div.xaside.app-setup {cursor:pointer} .profile-info-inner div.xaside.app-setup:hover{ border-left:none; background:#BFDFFF; position:relative; } .profile-info-inner div.xaside.app-setup h3, .profile-info-inner div.xaside.app-setup p { padding-top:0px } .profile-info-inner div.xaside h3{ padding-top:9px} .profile-info-inner div.xaside .arrow{ width:10px; height:14px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow06.png) no-repeat center; position:absolute; top:36px; right:14px} .profile-info-inner div.xaside .icon{ float:right} .profile-info-inner .set h3{ padding-top:2px} .profile-info-inner .set h3.color{ padding-top:6px} .profile-info-inner .set h3 span{ float:left; padding-top:10px} .profile-info-inner .set .nodivider{ border-top-width:1px} .profile-info-inner .set .color-box{ width:70px; height:34px; float:right; border:1px solid #00000c; margin-right:36px} .profile-info-inner .set .btns{ float:right; padding-right:17px} .profile-info-inner .set .btn-log{ width:96px; padding: 8px} .profile-info-inner .set .btn-glance{ width:96px} .profile-info-inner .set .link{ width:10px; height:13px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow06.png) no-repeat; text-indent:-9999px; position:absolute; top:22px; right:13px} .profile-info-inner .set .input{ width:235px; float:right} .profile-info-inner .set input[type="text"].input.flat-grey-input.less-padding.profile-name-input, .profile-info-inner .set input[type="text"].input.flat-grey-input.less-padding.profile-phone-input { width:42% } .profile-info-inner .set input[type="text"].input.flat-grey-input.less-padding.profile-email-input { width:60% } .profile-info-inner .article1{ width:462px; padding:11px 0 14px 22px} /* ---------------------------------------- 23. 22-PatientAvatar ---------------------------------------- */ .link-icons{ width:650px; margin:20px auto; max-width:100%;} .link-icons ul{ width:100%; float:left;} .link-icons ul li{ width:87px; float:left; padding:5px 2px 0px;} .link-icons ul li a{ width:85px; height:85px; float:left; border-radius:3px; background-color:#fff; text-align:center; line-height:87px } .link-icons ul li a.active{ background:#0587f3} .link-icons ul li a:hover{ background:#0587f3} .link-icons ul li a:active{ background:#0587f3} /* ---------------------------------------- 24. 23-Patient Color ---------------------------------------- */ .pick-color{ width:100%; float:left} .pick-color ul{ width:100%; float:left} .pick-color ul li{ width:100%; float:left; border-bottom:1px solid #fff} .pick-color ul li a{ width:100%; height:40px; float:left; background:#ffffff; text-indent:-9999px} .pick-color ul li .color1{background-color:rgba(198, 98, 84, 0.5)} .pick-color ul li .color2{background-color:rgba(244, 228, 122, 0.5)} .pick-color ul li .color3{background-color:rgba(84, 98, 212, 0.5)} .pick-color ul li .color4{background-color:rgba(164, 64, 105, 0.5)} .pick-color ul li .color5{background-color:rgba(33, 47, 83, 0.5)} .pick-color ul li .color6{background-color:rgba(55, 89, 158, 0.5)} .pick-color ul li .color7{background-color:rgba(82, 165, 129, 0.5)} .pick-color ul li .color8{background-color:rgba(216, 160, 162, 0.5)} .pick-color ul li .color9{background-color:rgba(206, 227, 239, 0.5)} /* ---------------------------------------- 25. 24-ClinicalGoals ---------------------------------------- */ .goals-info{ width:370px} .goals-info ul{ width:368px} .goals-info ul li{ width:320px; float:left; font-size:19px} /* ---------------------------------------- 26. 25-Add Clinicial Goal-0 ---------------------------------------- */ .goal-info{ padding:7px 9px 7px 20px} .goal-info .input{ width:309px; margin-bottom:19px} .goal-info .textarea{ width:309px; height:164px} .goal-info .btn-gray{ width:140px; height:32px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient25.png) repeat-x top left; border:2px solid #4b4b4b; border-radius:6px; /*behavior: url(/PIE.htc)*/; position:relative; font-size:15px; color:#FFFFFF; font-family:"myriad_proregular", Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; line-height:28px; cursor:pointer; padding-bottom:2px; margin-top:14px} .goal-info .btn-gray:hover{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient26.png) repeat-x top left} /* ---------------------------------------- 27. 26-Add Clinicial Goal-1 ---------------------------------------- */ .tab-links-goal{ width:100%; float:left; padding:6px 0} .tab-links-goal ul li{ height:29px; float:left; font-size:15px; color:#4f5459; text-align:center; line-height:29px; border:1px solid #bcbcbc; cursor:pointer; background: #eee} .tab-links-goal ul li.nodivider{ border-left:none} .tab-links-goal ul li{ width:103px; height:30px; float:left; color:#4f5459; margin-bottom:-1px} .tab-links-goal ul li a{ color:#4f5459; margin-bottom:0} .tab-links-goal ul li.active a{ color:#fff} .tab-links-goal ul li a:hover{ text-decoration:none} .tab-links-goal ul li.active{ color:#FFFFFF; background:#838992;} .tab-links-goal ul li.active.nohover:hover{ color:#FFFFFF; background:#838992;} .tab-links-goal ul li.nohover{ cursor:default;} .tab-links-goal ul li:hover{ color:#FFFFFF; background:#838992;} .tab-links-goal ul li.nohover:hover{ color:#4f5459; background: #eee} .tab-links-goal ul li.first{ border-radius:3px 0 0 3px} .tab-links-goal ul li.first a{ border-radius:3px 0 0 3px} .tab-links-goal ul li.last{ border-radius:0 3px 3px 0} .tab-links-goal ul li.last a{border-radius:0 3px 3px 0} .tab-links-goal .btn{ width:127px; margin:0 auto} .tab-links-goal .btn-gray{ width:125px; height:26px; float:left; background:#7a7a7a url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient13.gif) repeat-x; border:1px solid #5a5c5d; font-size:15px; color:#FFFFFF; text-align:center; line-height:26px; text-decoration:none; cursor:pointer; border-radius:5px; behavior:url(/PIE.htc); position:relative; margin-top:7px} .tab-links-epcot{ width:100%; float:left; padding:6px 0} .tab-links-epcot ul li{ height:29px; float:left; font-size:15px; color:#4f5459; text-align:center; line-height:29px; border-left:2px solid #979ba0; } .tab-links-epcot ul li.nodivider{ border-left:none} .tab-links-epcot ul li{ width:103px; height:30px; float:left; color:#4f5459; margin-bottom:-1px} .tab-links-epcot ul li a{ color:#4f5459; margin-bottom:0} .tab-links-epcot ul li.active a{ color:#fff} .tab-links-epcot ul li.active{ color:#FFFFFF; background:#838992; background:-moz-linear-gradient(#b5b9be, #6c747f); background: -webkit-gradient(linear, left top, left bottom, from(#b5b9be), to(#6c747f));background: -o-linear-gradient(#b5b9be, #6c747f);-pie-background: linear-gradient(#b5b9be, #6c747f)} .tab-links-epcot ul li.first{ border-radius:4px 0 0 4px} .tab-links-epcot ul li.first a{ border-radius:4px 0 0 4px} .tab-links-epcot ul li.last{ border-radius:0 4px 4px 0} .tab-links-epcot ul li.last a{border-radius:0 4px 4px 0} .tab-links-epcot .btn{ width:127px; margin:0 auto} .tab-links-epcot .btn-gray{ width:125px; height:26px; float:left; background:#7a7a7a url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient13.gif) repeat-x; border:1px solid #5a5c5d; font-size:15px; color:#FFFFFF; text-align:center; line-height:26px; text-decoration:none; border-radius:5px; behavior:url(/PIE.htc); position:relative; margin-top:7px} .calendar-info{ width:100%; padding:0 32px} .calendar-info h3{ text-align:center; padding-bottom:22px} .calendar-info .tab-links-goal{ padding:11px 0; margin-bottom:13px} .calendar-info .tab-links-goal ul{ width:316px; margin:0 20px;border:none; background: none;border-radius: 3px} .calendar-info .tab-links-goal ul li a{ width:103px} .calendar-info div.xaside{ width:378px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/shadow01.gif) repeat-x bottom left; margin:0 222px; padding-bottom:21px} /* ---------------------------------------- 28. 27-AddClinicialGoal-2 ---------------------------------------- */ .switch-on{ width:89px; height:32px; float:left; background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/config-toggle-bg-on.png) no-repeat center center/89px; position:relative} .switch-on .text{ float:left; font-size:16px; color:#ffffff; font-weight:bold; line-height:33px; padding:0 0 0 16px} .switch-on .ball{ width:26px; height:28px; float:right; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient24.gif) repeat-x; border:1px solid #8a8d91; border-radius:15px; behavior:url(/PIE.htc); position:relative; margin:-1px -1px 0 0} .switch-off{ width:89px; height:32px; float:left; background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/config-toggle-bg-off.png) no-repeat center center/89px; position:relative} .switch-off .text{ float:right; font-size:16px; color:#b8b8b8; font-weight:bold; line-height:33px; font-weight:bold; padding:0 16px 0 0} .switch-off .ball{ width:26px; height:28px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient24.gif) repeat-x; border:1px solid #8a8d91; border-radius:15px; behavior:url(/PIE.htc); position:relative; margin:-1px -1px 0 0} .calendar-info h3 .switch-on{ float:right} .calendar-info .enable-reminder{ width:322px; float:left; padding:0 240px 18px 238px} .calendar-info .enable-reminder h3{ text-align:left; padding:7px 0 0 0} .calendar-info div.xarticle{ width:100%; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient21.gif) repeat-x top left} .calendar-info .reminder{ width:208px; margin:0 auto} /* ---------------------------------------- 29. 28-SettingsLogForm ---------------------------------------- */ .log-form{ width:350px} .log-form ul{ width:348px} .log-form ul li{ width:300px; float:left} .configure-log-questions-with-custom.log-form ul li { width: 324px} .toolbar-gray{ width:100%; float:left; background:#a2a7b5 url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient30.png) repeat-x top left; border-bottom:1px solid #b8bcc8; padding:8px 0} .toolbar-gray .btn-right{ float:right; padding-right:25px} .toolbar-gray .btn-right .btn-save{ width:auto; float:right; padding:0 10px} /* ---------------------------------------- 30. 29-Settings Enable Log Section ---------------------------------------- */ .purge-info{ width:351px; background:#ffffff; border-radius:3px; position:relative; padding-top:3px; margin:22px auto;max-width:100%;} .purge-info h3{ padding:12px 0 12px 24px} .purge-info h3 .switch-on, .purge-info h3 .switch-off{ float:none; display:inline-block; vertical-align:top} .purge-info p{ line-height:22px; padding:0 25px 10px 13px} .purge-info div.xaside{ width:351px; float:left; background:#e7eff6; border-top:1px solid #b6b6b6; border-bottom:1px solid #b6b6b6; margin-bottom:3px} .purge-info h3 > div.question-label{position:relative; top:2px; width:65%; display:inline-block;line-height:32px} /* ---------------------------------------- 31. 30-Patient-Questionnaires ---------------------------------------- */ .epcots-info, .edeqs-info {width: 570px; margin: 25px auto} .epcots-info div.xarticle .info h4, .edeqs-info div.xarticle .info h4 {color:#828282;} .epcots-info div.xarticle .info h4.right, .edeqs-info div.xarticle .info h4.right {float:right} .epcots-info div.xarticle .info h4.right, .edeqs-info div.xarticle .info h4.right {float:right} .epcots-info div.tableinfo, .edeqs-info div.tableinfo{ box-sizing: border-box;} .epcots-info div.xarticle .info, .edeqs-info div.xarticle .info {padding: 10px 0} .epcots-info div.xarticle .info.divider, .edeqs-info div.xarticle .info.divider{ border-top:1px solid #bcbcbc;padding-top:20px} .epcots-info .activity-feed-epcot, .edeqs-info .activity-feed-epcot {margin-left:0} .epcots-info .rounded-white-card:hover, .edeqs-info .rounded-white-card:hover {cursor:pointer; background-color:#BFDFFF} .epcots-info div.xarticle .arrow, .edeqs-info div.xarticle .arrow {right:10px} /*.epcots-info .activity-feed-epcot div.tableinfo li div.column1,.activity-feed-epcot div.tableinfo li div.column3 {width:38%}*/ .score-info{ width:372px; float:left; border-left:2px solid #bcbcbc; border-right:2px solid #bcbcbc; margin:0 223px} .score-info div.xaside{ width:344px; float:left; padding:11px 16px 10px 12px} .score-info div.xaside p{ width:100%; float:left; font-size:16px; line-height:20px; padding-bottom:9px} .score-info div.xaside .btn-green{ width:211px; margin-bottom:11px} .score-info div.xaside .right{ float:right; width:95px} .score-info div.xarticle{ width:100%; float:left; border-bottom:2px solid #bcbcbc} .score-info div.xarticle .info{ width:349px; float:left; background:#358ff1; padding:7px 13px 5px 10px} .score-info div.xarticle .info.divider{ border-top:2px solid #bcbcbc} .score-info div.xarticle .info h4{ float:left; line-height:1em} .score-info div.xarticle .info h4.right{ float:right} .score-info div.xarticle .tableinfo{ width:100%; float:left; position:relative} .score-info div.xarticle ul{ width:331px; float:left} .score-info div.xarticle ul li{ width:100%; float:left; font-size:16px; line-height:22px; text-align:center; border-top:2px solid #bcbcbc;padding:0} .score-info div.xarticle ul li.nodivider{ border:none} .score-info div.xarticle ul li img{ line-height:.5em} .score-info div.xarticle .column1{ width:85px; min-height:25px; float:left; border-right:2px solid #bcbcbc; padding:2px 10px 0 0} .score-info div.xarticle .column2{ width:92px; min-height:25px; float:left; border-right:2px solid #bcbcbc; padding-top:2px} .score-info div.xarticle .column3{ width:138px; min-height:25px; float:left; border-right:2px solid #bcbcbc; padding-top:2px} .score-info div.xarticle .arrow{ width:39px; height:100%; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow04.png) no-repeat center; position:absolute; right:0; top:0} .score-info div.xarticle .arrow a{ width:100%; height:100%; float:left} .score-info div.xarticle:hover .arrow{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow02.png) no-repeat center;} .score-info div.xarticle:hover { background:#026aea; cursor:pointer} .score-info div.xarticle:hover .info{ background:#358ff1} .score-info div.xarticle:hover ul li{ border-color:#026aea} .score-info div.xarticle:hover .column1{ border-color:#026aea; color:#FFFFFF} .score-info div.xarticle:hover .column2{ border-color:#026aea; color:#FFFFFF} .score-info div.xarticle:hover .column3{ border-color:#026aea; color:#FFFFFF} .score-info div.xarticle2{ width:100%; float:left; border-bottom:2px solid #bcbcbc} .score-info div.xarticle2 .info{ width:349px; float:left; background:#358ff1; padding:7px 13px 5px 10px} .score-info div.xarticle2 .info.divider{ border-top:2px solid #bcbcbc} .score-info div.xarticle2 .info h4{ float:left; line-height:1em} .score-info div.xarticle2 .info h4.right{ float:right} .score-info div.xarticle2 .tableinfo{ width:100%; float:left; position:relative} .score-info div.xarticle2 ul{ width:331px; float:left} .score-info div.xarticle2 ul li{ width:100%; float:left; font-size:16px; line-height:22px; text-align:center; border-top:2px solid #bcbcbc;padding:0} .score-info div.xarticle2 ul li.nodivider{ border:none} .score-info div.xarticle2 ul li img{ line-height:.5em} .score-info div.xarticle2 .column1{ width:85px; min-height:25px; float:left; border-right:2px solid #bcbcbc; padding:2px 10px 0 0} .score-info div.xarticle2 .column2{ width:92px; min-height:25px; float:left; border-right:2px solid #bcbcbc; padding-top:2px} .score-info div.xarticle2 .column3{ width:138px; min-height:25px; float:left; border-right:2px solid #bcbcbc; padding-top:2px} .score-info div.xarticle2 .arrow{ width:39px; height:100%; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow04.png) no-repeat center; position:absolute; right:0; top:0} .score-info div.xarticle2 .arrow a{ width:100%; height:100%; float:left} .score-info div.xarticle2:hover .arrow{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow02.png) no-repeat center;} .tab-bar1 ul{ width:250px; float:none; padding:0; margin:0 auto;box-shadow: 0px -2px 14px -11px #000;} .tab-bar1 ul li{ padding:0 25px} .tab-bar1 ul li a .explore{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/charts-tab-events.png) no-repeat top center/38px} .tab-bar1 ul li a:hover .explore{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/charts-tab-events-selected.png) no-repeat top center/38px} .tab-bar1 ul li a.active .explore{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/charts-tab-events-selected.png) no-repeat top center/38px} .tab-bar1 ul li a .trends,.tab-barinner ul li a .trends{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/charts-tab-trends.png) no-repeat top center/38px} .tab-bar1 ul li a:hover .trends,.tab-barinner ul li a:hover .trends{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/charts-tab-trends-selected.png) no-repeat top center/38px} .tab-bar1 ul li a.active .trends,.tab-barinner ul li a.active .trends{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/charts-tab-trends-selected.png) no-repeat top center/38px} /* ---------------------------------------- 32. 31-EDEQ-Questions ---------------------------------------- */ .answer-overview-bg{ width:376px; margin:0 auto} .answer-overview{ width:326px; float:left; padding:12px 0 0 0} .answer-overview p{ font-size:16px; line-height:1em; padding:0 0 12px 0} .answer-overview p span{ padding-left:15px} .answer-overview ul{ width:100%; float:left; padding:0 0 0 0} .answer-overview ul li{ width:100%; float:left; font-size:16px; line-height:1em; border-top:2px solid #b5b5b5; padding:9px 0 12px 0} .answer-overview .column1{ width:148px; float:left; padding-left:12px} .answer-overview .column2{ width:76px; float:left} .answer-overview .column3{ width:90px; float:left} .answer-overview .column4{ width:100%; float:left; padding:7px 0 0 0} .answer-overview .box{ width:53px; height:43px; float:left; background:#ff8000; border:1px solid #6a6a6a; text-align:center; border-radius:10px; behavior:url(/PIE.htc); position:relative; padding-top:10px; margin: 4px 0 4px 7px; cursor:pointer} .answer-overview .box span{ width:100%; float:left; padding-bottom:2px} .answer-overview .yellow{ background:#ffff00} .answer-overview .red{ background:#ff0000} .answer-overview .white{ background:#ffffff} .answer-overview .box:hover{ background:#026aea} /* updated */ .edeq-overview-bg{ width:376px; margin:0 auto} .edeq-overview{ padding:12px 0} .edeq-overview p{ font-size:16px; line-height:1em; padding:12px 30px 12px} .edeq-overview p span{ padding-left:15px} .edeq-overview ul{ width:100%; padding:0 0 0 0} .edeq-overview ul li{ width:100%; font-size:16px; line-height:1em; border-top:2px solid #eff0f6; padding:12px 30px 12px; box-sizing:border-box} .edeq-overview .column1{ width:148px; display:inline-block} .edeq-overview .column2{ width:76px; display:inline-block} .edeq-overview .column3{ width:90px; display:inline-block} .edeq-overview .column4{ width:100%; padding:7px 0 0 0} .edeq-overview .box{ width:53px; height:43px; background:#ff8000; border:1px solid #6a6a6a; text-align:center; border-radius:10px; behavior:url(/PIE.htc); position:relative; padding-top:10px; margin: 4px 0 4px 7px; cursor:pointer; display: inline-block} .edeq-overview .box span{ width:100%; padding-bottom:2px; float:left} .edeq-overview .yellow{ background:#ffff00} .edeq-overview .red{ background:#ff0000} .edeq-overview .white{ background:#ffffff} .edeq-overview .box:hover{ background:#026aea; color:#FFFFFF} /* ---------------------------------------- 33. 32-EDEQ ---------------------------------------- */ .answer-info-bg{ width:450px; margin:0 auto} .answer-info{ width:100%; float:left; padding:25px 0 0 0} .answer-info h3{ font-size:18px; line-height:1.2em; padding:0 0 10px 0} .answer-info h4{ font-size:18px; color:#000000; padding:0 0 16px 0} .answer-info h4 a{ color:#000000} .answer-info p{ font-size:16px; line-height:1.2em; padding:0 0 17px 0} .answer-info .value-box{ width:100%; float:left; margin-left:-12px; position:relative} .answer-info .value-box li{ font-size:15px; line-height:normal} .answer-info .value-box li span{ width:14%; height:40px; padding:3px 0} .answer-info .value-box .taller{ height:66px;} .answer-info .value-box ul li.taller span{ height:66px;} /* ---------------------------------------- 34. 33-Print ---------------------------------------- */ .coping-examples .article-boxinner{ width:418px; margin:0 auto} .coping-examples .article-boxinner .txt{ width:100%; float:left; font-size:17px; text-align:center; color:#555555; line-height:22px;margin-top:20px} .coping-examples .article-boxinner div.xaside{ width:393px} .coping-examples .btn-center{ width:159px; margin:0 auto} .coping-examples .btn-green{ width:155px; font-size:18px; text-align:center; margin:12px 0 12px 0} .coping-examples form{ width:100%; float:left} .coping-examples form ul{ width:100%; float:left} .coping-examples form ul li{ width:393px; float:left; border-top:1px solid #b6b6b6; padding:11px 12px 7px 12px} .coping-examples form label{ width:125px; float:left; font-size:18px; padding:2px 0 4px 0; cursor:pointer;line-height:18px} .coping-examples form .input{ width:243px; float:right; text-align:right} .coping-examples form .arrow-link, .print-configuration form .arrow-link, div.rounded-white-card.patient-new-clinical-goal .arrow-link { float:right; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow06.png) no-repeat right; font-size:18px; color:#385487; padding-right:23px;line-height:18px} /* ---------------------------------------- 35. 34-Meal-Logging-Goals ---------------------------------------- */ .target-info{ width:450px; padding:11px 0px 234px;margin:0 auto} .target-info h3{ text-align:center; padding:10px 0 18px 0;font-size:18px} .target-info div.xarticle{ width:100%; padding-bottom:20px} .target-info div.xaside{ width:100%; background:#ffffff; border-radius:3px; position:relative} .target-info .set{ width:100%; border-top:2px solid #eff0f6; padding:8px 35px 9px 30px;box-sizing: border-box} .target-info .set.nodivider{ border-top:none} .target-info .set h3{display:inline-block; text-align:left; padding:13px 0 11px} .target-info .value-box{ width:160px; float:right} o.target-info .value-box li span{ width:19.625%;cursor:pointer} .tool-bar{ width:100%; float:left; background:#a2a7b5 url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient19.gif) repeat-x; padding:8px 0} .tool-bar .btn5{ width:165px; margin:0 auto} .tool-bar .btn-save{ width:163px} /* ---------------------------------------- 36. 35-link invite ---------------------------------------- */ .bglink-invite{ width:100%; padding:10px 0 0 0} .bglink-invite .yellow-bar{ width:100%; float:left; background:#ffff00; border-bottom:1px solid #3a3a45; border-top:1px solid #3a3a45; margin:-10px 0 10px 0; padding:6px 0 8px 0; box-shadow: inset #d1d107 0 -1px 0, inset #d1d107 0 1px 0; behavior:url(/PIE.htc); position:relative} .bglink-invite .yellow-bar h3{ font-size:19px; line-height:22px; text-align:center} .link-invite{ width:328px; margin:0 auto} .link-invite h3{ text-align:center; padding:0 0 17px 0; font-size:13pt;padding:10px} .link-invite p{ font-size:16px; line-height:19px} .link-invite .input{ width:312px; margin-bottom:10px} .link-invite .textarea{ width:312px; margin-bottom:13px} .link-invite .bg-btn{ width:316px; float:left; padding:0 6px} .link-invite .btn-green{ width:100%; height:47px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient10.gif) repeat-x left top; border:1px solid #3d3946; font-family:"myriad_proregular", Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; line-height:47px; margin-bottom:10px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease} .link-invite .btn-green:hover{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient11.gif) repeat-x left top} .link-invite .btn-green.disabled{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient12.gif) repeat-x left top; border-color:#a8a9ad; cursor:auto} .link-invite .btn-green.btn-red{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient14.gif) repeat-x left top} .link-invite .btn-green.btn-red:hover{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient15.gif) repeat-x left top} .link-invite .btn-green.btn-red:active{ box-shadow: #67636e 1px 1px 0, #67636e -1px -1px 0, inset #ea0d12 0 2px 3px} .link-invite div.patient-app-name-label { display: inline-block; background-color: #189FFB; border-radius: 5px; color: #FFFFFF; font-size: 14px; padding: 2px 10px; margin: 0px 0px 5px; } /* ---------------------------------------- 37. 36-LinkInvite Accept Or Reject ---------------------------------------- */ .link-invite div.xarticle{ width:100%; float:left} .link-invite div.xarticle h3{ text-align:left; padding-bottom:8px} .link-invite div.xarticle h3 span{ float:right; font-size:19px; color:#535187} .link-invite div.xarticle h3 span a{ color:#535187} .link-invite div.xarticle p{ font-size:19px; color:#8e8e8e; padding-bottom:22px} .link-invite div.xarticle p a{ color:#8e8e8e} .link-invite div.xarticle .btn-green{ width:108px; float:right; height:43px; line-height:43px} .link-invite div.xarticle .btn-red{ float:left} /* ---------------------------------------- 38. 37-LinkInvite Review ---------------------------------------- */ .link-invite .review{ float:left} .link-invite .review p{ font-size:16px} .link-invite .review .btn-green{ width:100%; height:47px; line-height:45px} /* ---------------------------------------- 39. 38-ACM-Messages ---------------------------------------- */ .bubbles-info{ width:325px; float:left; margin:52px 0 0 0; position:relative} .bubbles-info div.xfigure{ width:82px; float:left; line-height:.5em; position:absolute; top:2px; left:35px} .bubbles-info .icon1{ width:41px; top:1px; left:54px; z-index:10} .bubbles-info .icon2{ width:43px; top:0; left:56px; z-index:10} .bubbles-info .icon3{ width:83px; top:0; left:58px; z-index:12} .heading-sub div.xarticle{ width:563px; float:left; padding:6px 0 6px 260px} .heading-sub div.xarticle h3{ float:right} .heading-sub div.xarticle p{ float:left; font-size:16px; color:#FFFFFF; padding:2px 10px 0 0} .heading-sub div.xarticle p a{ color:#FFFFFF} .heading-sub div.xarticle .btn-log{ width:46px; height:26px; border-radius:8px 0 0 8px; box-shadow:#8a93a6 0 1px 1px; font-size:15px; line-height:26px} .heading-sub div.xarticle .btn-glance{ width:46px; border-radius:0 8px 8px 0} .xna div.xaside p a{ color:#FFFFFF} .xna div.xaside .btn-log{ width:46px; height:26px; border-radius:8px 0 0 8px; box-shadow:#8a93a6 0 1px 1px; font-size:15px; line-height:26px} .xna div.xaside .btn-glance{ width:46px; border-radius:0 8px 8px 0} .message-info{ width:100%; float:left; padding-bottom:110px} .message-info p{ font-size:16px; line-height:1.2em} .message-info h3{ font-size:20px; font-family:"myriad_probold",Arial, Helvetica, sans-serif; padding:13px 0 0 0} .message-info div.inline-message-container{display:inline-block; vertical-align: top} .message-info div.activity-inline-messages-container, .message-info div.inline-messages-container{float:left;width:80%;} .message-info div.inline-message-container.associated-message{max-width:78%;} .message-info div.inline-message-container.associated-message p.associated-text {font-weight:bold; white-space:nowrap !important; margin-bottom:8px} .message-info .date{ font-size:16px; color:#808080; text-align:center; padding:4px 0 7px 0} .message-info div.xarticle{ width:100%; float:left; padding-bottom:5px} .message-info div.xarticle div.xaside{ float:left; padding:0 15px; margin:-14px 0 -10px 0; position:relative} .message-info div.xarticle .aside1{ padding:0 10px 0 23px} .message-info div.xarticle .set{ width:102%; float:left; padding:5px 0 3px 0; margin-left:-5px; position:relative} .message-info div.xarticle .set div.xfigure{ width:51px; float:left; line-height:.5em; padding-right:12px} .message-info div.xarticle .set .info{ width:270px; float:left} .message-info div.xarticle .boxtop-bg{ width:370px; float:right; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/bubble-box-bg01.png) no-repeat; padding-top:15px; margin-right:6px} .message-info div.xarticle .boxbottom-bg{ width:100%; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/bubble-box-bg02.png) no-repeat bottom; padding-bottom:19px} .message-info div.xarticle .box{ width:100%; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient27.png) repeat-y} .message-info .article1 .boxtop-bg{ width:480px; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/bubble-box-bg03.png) no-repeat} .message-info .article1 .boxbottom-bg{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/bubble-box-bg04.png) no-repeat bottom} .message-info .article1 .box{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient31.png) repeat-y} .message-info .article2 .boxtop-bg{ width:154px; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/bubble-box-bg05.png) no-repeat} .message-info .article2 .boxbottom-bg{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/bubble-box-bg06.png) no-repeat bottom} .message-info .article2 .box{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient32.png) repeat-y} .message-info .article3 .boxtop-bg{ width:161px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/bubble-box-bg07.png) no-repeat} .message-info .article3 .boxbottom-bg{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/bubble-box-bg08.png) no-repeat bottom; padding-bottom:18px} .message-info .article3 .box{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient33.png) repeat-y} .message-info .article4 .boxtop-bg{ width:418px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/bubble-box-bg09.png) no-repeat} .message-info .article4 .boxbottom-bg{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/bubble-box-bg10.png) no-repeat bottom; padding-bottom:18px} .message-info .article4 .box{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient34.png) repeat-y} .message-info .article5 .boxtop-bg{ width:472px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/bubble-box-bg11.png) no-repeat} .message-info .article5 .boxbottom-bg{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/bubble-box-bg12.png) no-repeat bottom; padding-bottom:18px} .message-info .article5 .box{ background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/gradient35.png) repeat-y} .sent-bar{ width:100%; background-color:#fff;padding-top:10px} .sent-bar .sent-bar-btns {float:right; width:120px} .sent-bar .sent-bar-btns button.btn-send{ display:block;width:100%;margin-bottom:4px;padding:8px;font-size:15px} .sent-bar .sent-bar-btns button.btn-send > span.send-aeroplane { background: url(/app/images/send-message-aeroplane.png) no-repeat center center/18px; padding: 8px 10px; } .sent-bar .sent-bar-btns label { font-size:15px;margin-top:8px } .sent-bar .sent-bar-btns label > input { margin-right:5px } .sent-bar .sent-bar-btns .editing-msg-btns button.btn-send { } /* ---------------------------------------- 40. 39-Meal ---------------------------------------- */ .heading-sub-inner1{ background:#f4e47a; border-bottom:1px solid #414249} .heading-sub-inner1 h3{ color:#000000} .heading-sub-inner1 h3 a{ color:#000000} .meal-list{ width:622px; float:left; padding:8px 0 0 0} .meal-list h3{ font-size:20px; text-align:center; padding:0 0 15px 0} .meal-list h4{ width:100%; float:left; color:#000000; background:#d7e9fd; border-top:1px solid #e3e3e3; padding-bottom:2px} .meal-list h4 span{ padding-left:12px} .meal-list h4 a{ color:#000000} .meal-list p.logged-at{ color:#666666; text-align:center; padding:0 0 14px 0} .meal-list h3.meal-name-and-time {padding-top:8px;} .meal-list .meal-list-inner { height:564px;overflow-y:auto; overflow-x:hidden } .meal-list .meal-list-inner p { padding:2px 0; line-height:1.2 } .meal-list .meal-list-inner p.first { color:#000000; padding-top:0 } .meal-list .meal-list-inner p.last { padding-bottom:0 } .meal-list .meal-list-inner p.reason { padding-top: 8px } .meal-list .meal-list-inner li.less-padding {padding:10px 0 10px 12px} .meal-list .meal-list-inner b {color:#000000} .meal-list .meal-list-inner ul li b {padding-right:3px} .meal-list ul{ width:100%; float:left} .meal-list ul li { line-height:1em; color:#555555; border-top:1px solid #e3e3e3; padding:13px 0 16px 12px} .meal-list ul li a{color:#555555} .meal-list ul li span{line-height:1.5em} .meal-list ul li.nodivider{ border-top:none} .meal-list ul li.black{ color:#000000} .meal-list ul li.black a{ color:#000000} .time-table{ width:276px; float:left; background:#333333; padding:13px 0 0 0; height:637px;overflow:hidden} .time-table h3{ font-size:20px; color:#777777; text-align:center; padding:0 0 17px 0} .time-table h3 a{ color:#777777} .time-table ul{ width:100%; float:left; border-top:1px solid #767676} .time-table ul li{ width:100%; height:19px; float:left; font-size:16px; color:#777777; line-height:1em; border-bottom:1px solid #434343; padding:15px 0 14px 0} .time-table ul li.has-content {cursor:pointer} .time-table ul li.has-content:hover {background-color:#BCBCBC} .time-table ul li span{ font-size:14px} .time-table ul li a{ color:#777777} .time-table .column1{ width:86px; float:left; text-align:right; padding-right:20px} .time-table .column2{ width:170px; float:left} .private-note .txt-box{ width:592px; min-height:42px; float:left; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/noise022.png) repeat-y top left; line-height:28px; padding:0 0 0 30px} .faq2 {overflow:hidden;width:450px;margin:0 auto 30px;padding-top:20px;font-family:sans-serif;font-size:16px;border:none} .faq2 h3 {margin-top:20px;font-weight:bold;font-family:sans-serif;font-size:18px} .faq2 p {margin-top:10px;font-weight:normal;font-family:sans-serif} .btn-primary2 .edit {float:left;width:30px;display:block} div.big-modal {width:800px;height:700px} div.survey-modal {width:900px;height:700px;margin-left:-450px} div.survey-modal-2 {width:900px;height:510px;margin-left:-450px} div.wide-modal {width:700px} div.legend-modal {width:700px; height:420px} div.tall-modal {height:600px;width:450px} div.dashboard-tall-modal {height:550px;width:450px;top:2px !important} div.narrow-modal {height:600px;width:450px} div.semi-narrow-modal {height:600px;width:560px} div.dashboard-narrow-modal {height:550px;width:450px;top:2px !important} div.narrow-tall-modal, div.narrow-tall-modal-meal-plan-day {height:600px;width:450px} div.narrow-tall-modal-meal-plan-day.view-side-by-side {max-width:300px;margin-left:-600px} div.narrow-tall-modal-visit {height:600px;width:450px} div.narrow-tall-modal-meal, div.narrow-select-patient-type-modal {height:600px;width:450px} div.narrow-tall-modal-goals {height:600px;width:450px} div.narrow-short-modal {height:450px;width:450px} div.narrow-semishort-modal {height:240px;width:450px} div.narrow-shortish-modal {height:550px;width:450px} div.narrow-shortish-modal-coping {height:550px;width:450px} div.narrow-very-short-modal {height:150px;width:450px} div.date-modal {height:385px;width:350px;margin-left:180px} div.date-modal-visit {height:395px;width:350px;margin-left:180px} div.show-conditions-modal {height:600px;width:400px;margin-left:180px} div.show-conditions-modal-shorter {height:550px;width:400px;margin-left:180px} div.date-modal-print {height:395px;width:350px} div.extract-data-modal {height:170px;width:360px} div.medication-modal {height:600px;width:425px;margin-left:174px} div.date-modal-right {height:385px;width:350px;margin-left:-609px} div.password-modal {height:300px;width:325px;margin-left:-145px} div.purchase-saas-popover, div.purchase-saas-popover-narrow {height:210px;width:365px;margin-left:10px;top:20% !important} div.purchase-saas-popover-narrow {width:180px} div.cancel-saas-popover {height:200px;width:325px;margin-left:10px;top:20% !important} div.narrow-tall-dashboard-manage-patients {height:550px;width:450px;margin-left:-450px;top:2px !important} div.narrow-tall-dashboard-invite-patients {height:550px;width:450px;margin-left:10px;top:2px !important} div.comment-modal {top:200px !important; width:730px} div.clinic-license-enquire-modal {width:900px;height:300px;margin-left:-450px} div.onboard-patient-modal {width:900px;height:560px;margin-left:-450px;top:16px !important} div.upgrade-info-after-lockout-modal {height:360px;width:500px;top:80px !important} div.upgrade-info-after-lockout-modal-taller {height:380px;width:500px;top:80px !important} div.confirm-dlg{width:400px; margin-left:-215px} div.context-help {height:550px;width:560px;margin-left:-34px;top:90px !important} .context-help + .modal-backdrop { opacity: 0.3 !important; filter: alpha(opacity=30) !important; } div.modal.fade.in.context-help:after { position: absolute; top: 0px; bottom: auto; right: -20px; left: auto; border: 20px solid; border-color: #fff transparent transparent transparent; content: ' '; } .context-help-body {padding:11px 20px} .context-help-body p {padding:10px 0} .context-help-body h3 {color:#000000;font-weight:bold;font-size:16px;margin-bottom:15px;margin-top:0} .context-help-body h4 {color:#000000;font-weight:bold;font-size:16px;margin:7px 0} .context-help-body a {color:#0000FF;text-decoration:underline} .context-help-body li, .context-help-body ol {list-style-type: decimal; list-style: decimal;} .context-help-body ol {margin-left:25px;margin-bottom:6px} div.date-modal.fade { -webkit-transition: opacity 0.4s linear; -moz-transition: opacity 0.4s linear; -ms-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear; } .hs-C66254{background-color:rgb(198, 98, 84)} .hs-F4E47A{background-color:rgb(244, 228, 122)} .hs-5462D4{background-color:rgb(84, 98, 212)} .hs-A44069{background-color:rgb(164, 64, 105)} .hs-212F53{background-color:rgb(33, 47, 83)} .hs-37599E{background-color:rgb(55, 89, 158)} .hs-52A581{background-color:rgb(82, 165, 129)} .hs-D8A0A2{background-color:rgb(216, 160, 162)} .hs-CEE3EF{background-color:rgb(206, 227, 239)} .modal-header .heading-sub.hs-5462D4 h3 {color:#FFFFFF;} .modal-header .heading-sub.hs-A44069 h3 {color:#FFFFFF;} .modal-header .heading-sub.hs-212F53 h3 {color:#FFFFFF;} .modal-header .heading-sub.hs-37599E h3 {color:#FFFFFF;} .hs-C66254 h3 {color:#333333} .hs-F4E47A h3 {color:#333333} .hs-52A581 h3 {color:#333333} .hs-D8A0A2 h3 {color:#333333} .hs-CEE3EF h3 {color:#333333} .hs-C66254 label {color:#333333} .hs-F4E47A label {color:#333333} .hs-52A581 label {color:#333333} .hs-D8A0A2 label {color:#333333} .hs-CEE3EF label {color:#333333} .hs-C66254 a.btn-log {color:#333333} .hs-F4E47A a.btn-log {color:#333333} .hs-52A581 a.btn-log {color:#333333} .hs-D8A0A2 a.btn-log {color:#333333} .hs-CEE3EF a.btn-log {color:#333333} .faded-image {opacity:0.4;filter:alpha(opacity=40);} .wellwell { -webkit-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 1px 0px inset; background-color: rgb(245, 245, 245); border-bottom-color: rgb(227, 227, 227); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(227, 227, 227); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(227, 227, 227); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(227, 227, 227); border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-style: solid; border-top-width: 1px; box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 1px 0px inset; color: rgb(51, 51, 51); display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 96px; line-height: 20px; margin-bottom: 20px; min-height: 20px; padding-bottom: 9px; padding-left: 9px; padding-right: 9px; padding-top: 9px; width: 150px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; margin:40px auto; } .wellwell input { width:21px; padding:5px;font-size:15px} .edeq-info p{margin:10px;font-size:15px} .edeq-info li{font-size:15px;padding-left:20px} #message-area, #popup-message-area, .main-menu-message, .patient-menu-message {height:0px;overflow:visible} .message-info .message, .message-info div.xarticle.message { border-radius: 3px; margin-bottom: 7px; margin-top: 5px; padding: 10px 25px; max-width: 66%; display: table-cell; word-wrap:break-word; word-break:break-word; width:auto !important; margin-right:15px; margin-left:15px; float:none; display:inline-block; position:relative; background-color:#fff; } .message-info .message p {text-align:left; line-height: 1.5em;} .activity-feed .message-info div.xarticle.message.message-left{ box-shadow:-16px 8px 11px -13px #ccc, 0px 0px 10px -5px #666; } .message-info div.xarticle.message.message-right { box-shadow:10px 8px 11px -13px #666, 0px 0px 10px -5px #666; } .message-info div.xarticle.message.message-left { box-shadow:-10px 8px 11px -13px #666, 0px 0px 10px -5px #666; } .message-info div.xarticle.message-right.image-message { box-shadow: -10px 9px 12px -8px #555; } .message-info div.xarticle.message-left.image-message { box-shadow: 10px 9px 12px -8px #555; } .message-info div.xarticle.message.message-right:after,.message-info div.xarticle.message.message-left:after { content: ''; position: absolute; border: 10px solid; top: auto; bottom: 0px; border-color: transparent transparent #fff transparent; } .message-info div.xarticle.message.message-right.image-message:after, .message-info div.xarticle.message.message-left.image-message:after { border-color:transparent; } .message-info div.xarticle.message.message-right:after { left: auto; right: -10px; } .message-info div.xarticle.message.message-left:after { right: auto; left: -10px; } .message-info div.xarticle.message.image-message { padding:0; } .message-info div.xarticle.message img { max-width:100%; display:block; border-radius:3px 3px 0 3px; } .message-info div.xarticle.message.message-left img { border-radius:3px 3px 3px 0; } .message-info div.xarticle.message div.image-mask { position:absolute; top:0;bottom:0;right:0;left:0; border-bottom:10px solid transparent; } .message-info div.xarticle.message.message-right div.image-mask { border-right: 10px solid #eff0f6; } .message-info div.xarticle.message.message-left div.image-mask { border-left: 10px solid #eff0f6; } .rounded-white-card .message-info div.xarticle.message.message-left, .meal-list-time-table-container .message-info div.xarticle.message.message-left, .activity-feed .message-info div.xarticle.message.message-left, .thought-log .message-info div.xarticle.message.message-left { background-color:#d7e9fd; box-shadow:-2px -2px 6px -2px #aaaaaa; } .rounded-white-card .message-info div.xarticle.message.message-left:after, .meal-list-time-table-container .message-info div.xarticle.message.message-left:after, .activity-feed .message-info div.xarticle.message.message-left:after, .thought-log .message-info div.xarticle.message.message-left:after{ border-color:transparent transparent #d7e9fd transparent; } .modal, .modal.fade.in {top:2%} .enterprise { padding:20px; width:370px; float:left; } .enterprise ul { margin-top:20px; list-style: initial; padding: 0 0 0 40px; } .enterprise li { list-style: initial; display: list-item; } .enterprise textarea { width:350px} .survey-trends ul { margin-top:20px; list-style: initial; padding: 0 0 0 40px; } .survey-trends li { list-style: initial; display: list-item; } .clinic2 li { background: url(//d3e0vp65sneg3n.cloudfront.net/images/right-small.png) no-repeat left center; list-style: none; padding-left: 25px; } .welcome-box { padding:50px 70px; max-width:760px; margin:0 auto; } .welcome-box li, .context-help-body ol {list-style-type: decimal; list-style: decimal;} .welcome-box ol {margin-left:25px;margin-bottom:6px} .old-interface-wrapper{width:1200px;margin:0 auto} .context-help-arrow-wrapper {width:1194px;margin:0 auto} .text-message-write {width:700px} .events-left {padding-left:300px !important} .private-note textarea {width:482px;} .lic-table {width:770px} .billing-type {width:140px} .billing-type-inner {margin:15px auto 0 auto;border-top:1px solid #DDD;height:15px;width:108px} .billing-type span {font-size:27px} .billing-wrapper {width:780px; max-width:100%} .billing-type.billing-type-2-rows, .billing-type.billing-type-4-rows { display:none;} .billing-wrapper div.billing-plan-option {width:153px;float:left;text-align:center;margin-bottom:20px;} .billing-wrapper div.billing-plan-option.billing-plan-option-wider {margin-left:0px;width:163px;} .txt2 { line-height:20px; padding-bottom:2px; color:#555} .left-activity-column .txt2, .activity-feed .article-list div.patient-logs-left .info .txt2, .activity-feed .article-list div.patient-logs-left .info .time p > span{ font-weight:bold; color:#000;} .left-log-column {width:320px;float:left} .right-log-column {width:380px;float:left} .left-activity-column {width:300px;float:left} .right-activity-column {width:360px;float:left} .da-thoughts {color:purple} .dashboard-grid-settings { width:750px; } .dashboard-save { width:auto; } .activity-feed .article-list div.xarticle.clear-logs-photos {width:793px;padding-bottom:0px;padding-top:0px} .activity-feed .article-list div.xarticle.clear-meal-photos {width:709px;padding-bottom:0px;padding-top:0px} .clear-meal-photos .message-info { width: 580px; } .clear-logs-photos .message-info { width: 660px; } .clear-meal-photos .right-activity-column { width: 280px; } .clear-logs-photos .right-log-column { width: 335px; } .clear-meal-photos .right-activity-column,.clear-meal-photos .left-activity-column, .clear-logs-photos .right-log-column,.clear-logs-photos .left-log-column { padding-top: 11px; } @media (max-width: 1199px) { .dashboard-grid-settings {width:550px} .dashboard-save { width:200px;} .right-log-column {width:250px} .right-activity-column {width:230px} .container {width:980px} .container2 {width:980px !important} .navbar {width:280px} .leftpanel {width:280px} .navbar .nav {width:280px} .navbar .nav ul {margin-left:14px} .rightpanel {width:699px} .wrapper-box{background:#313444} .tab-bar {width:699px;overflow-x: auto;} .score-info {margin: 0 170px} .conf-log .log-form {width:292px;padding-left:10px} .conf-log .log-form ul { width:275px } .conf-log .log-form ul li { width:227px } .conf-log .configure-log-questions-with-custom.log-form ul li { width:251px } .conf-log .configure-log-questions-with-custom.log-form ul li a .txt1{ left:5px } .configure-log-questions-with-custom.troup-info ul li a div.question-label.question-label-two-lines-smaller{line-height:20px;} .configure-log-questions-with-custom.troup-info ul li .txt1.txt1-two-lines-smaller {top:-10px} .conf-log {padding: 0px 30px} div.narrow-tall-modal-goals {height:600px;width:450px;margin-left:-368px} div.show-conditions-modal {height:600px;width:400px;margin-left:90px} div.narrow-tall-modal-visit {height:600px;width:450px;margin-left:-392px} div.medication-modal {height:600px;width:425px;margin-left:64px} div.date-modal-visit {height:385px;width:330px;margin-left:64px} div.narrow-tall-modal-meal-plan-day.view-side-by-side {max-width:283px;margin-left:-493px} div.context-help {margin-left:-136px} .context-help-arrow-wrapper {width:976px} .old-interface-wrapper{width:976px;margin:0 auto} div.narrow-tall-modal-meal {height:600px;width:450px;margin-left:-392px} div.narrow-shortish-modal-coping {height:550px;width:450px;margin-left:-372px} .text-message-write {width:570px} .data-insights div.xarticle .left { padding-left:90px; } .data-insights div.xarticle .right { padding-right:90px; } .data-insights div.xarticle .txt {padding-left:25px} .events-left {padding-left:235px !important} .time-table {display: none} .meal-list {width:100%} .private-note .txt-box {width:700px;background: url(//d3e0vp65sneg3n.cloudfront.net/app/images/noise022.png) repeat-y top left;} .private-note textarea {width:630px;} .clinician-profile .profile-info {padding-left:143px} .program-info {padding-left:180px} .lic-table {width:680px} .enterprise {padding:15px; width:300px} .enterprise textarea {width:320px} .billing-type {width:70px;margin-right:10px} .billing-type span {font-size:18px} .billing-type-inner {margin:8px auto 0 auto;border-top:1px solid #DDD;height:1px;width:90px} .billing-wrapper {width:720px} .activity-feed .article-list div.xarticle {width:570px} .activity-feed .article-list div.xarticle.clear-meal-photos {width:584px} .activity-feed .article-list div.xarticle.clear-logs-photos {width:668px} .clear-meal-photos .message-info {width:450px;} .clear-meal-photos .right-activity-column {width:450px;} .clear-meal-photos .left-activity-column {width:450px;} .clear-logs-photos .message-info {width:535px;} .clear-logs-photos .right-log-column {width:240px;} .clear-logs-photos .left-log-column {width:300px;} .activity-feed .article-list div.xarticle .txt {width:240px} .ata-glance .article-list div.xaside p{width:80px} .ata-glance .article-list div.xbetween p{width:130px;} .ata-glance .article-list div.xaside p, .ata-glance .article-list div.xbetween p {font-size: 13px} .activity-feed-epcot{width:420px} .activity-feed-epcot div.tableinfo li div.column1,.activity-feed-epcot div.tableinfo li div.column3 {width:38%} .epcots-info{width:500px} .activity-feed .article-list div.left-activity-column .patient-box {padding-right:10px;} .activity-feed .article-list div.left-activity-column .right-details {width:172px;} .activity-feed .article-list div.right-activity-column {width:252px;} .activity-feed .article-list div.left-activity-column {padding-right:10px; width:322px;} div.patient-app-indicator-tags.narrow-indicator-container { max-width: 150px;} } .dashboard-bulk-invite .email, .dashboard-manage-invites .email, .dashboard-manage-links email{ font-size:9pt; color:#555; } .dashboard-bulk-invite-clinician { background-color:#C6E2FF; padding:5px 10px; border-top:1px solid #555; } .dashboard-bulk-invite .checkbox { float:right; margin-top:13px; } .dashboard-bulk-invite-patient { border-top:1px solid #555; padding:5px 10px 5px 25px; } .dashboard-manage-invites, .dashboard-manage-links { border-top:1px solid #555; padding:5px 10px; } .dashboard-manage-invites .tstamp { font-size:9pt; color:green; } table.survey { width:100%; height:100%; border-collapse:collapse; margin:0; } .survey td { border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; text-align:center; width:50px; font-size:10pt; padding:10px 0; line-height:125%; vertical-align:top; } .survey th { text-align:left; width: 350px; font-weight:normal; padding:10px; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; } .dashbaord table {border-collapse:collapse;width:100%} .dashboard th {border:1px solid #000;height:40px;color:white;background-color:#008EF6;text-align:center;font-weight:normal} .dashboard th.clickable {pointer:cursor} .dashboard td {padding:8px 10px;cursor:pointer;border:1px solid #000;text-align:left;vertical-align:center} .dashboard .secondary th {background-color:#88beff;border:1px solid #000;font-size:10pt} .dashboard td.centered {text-align:center} .dashboard td.light-left-border {border-left:1px solid #AAA} .dashboard td.light-right-border {border-right:1px solid #AAA} .dashboard th.light-left-border {border-left:1px solid #909090} .dashboard th.light-right-border {border-right:1px solid #909090} .dashboard th.centered {text-align:center} .dashboard td.smaller-text {font-size:8pt} .dashbaord2>table {border-collapse:collapse;width:100%} .dashboard2>table>tbody>tr>th {border:1px solid #000;height:40px;color:white;background-color:#008EF6;text-align:center;font-weight:normal} .dashboard2>table>tbody>tr>th.clickable {pointer:cursor} .dashboard2>table>tbody>tr>td {padding:8px 10px;cursor:pointer;border:1px solid #000;text-align:left;vertical-align:center} .dashboard2 .secondary th {background-color:#88beff;border:1px solid #000;font-size:10pt} .dashboard2>table>tbody>tr>td.centered {text-align:center} .dashboard2>table>tbody>tr>td.light-left-border {border-left:1px solid #AAA} .dashboard2>table>tbody>tr>td.light-right-border {border-right:1px solid #AAA} .dashboard2>table>tbody>tr>th.light-left-border {border-left:1px solid #909090} .dashboard2>table>tbody>tr>th.light-right-border {border-right:1px solid #909090} .dashboard2>table>tbody>tr>th.centered {text-align:center} .dashboard2>table>tbody>tr>td.smaller-text {font-size:8pt} .sender-name {font-size:11px !important;color:#AAA;padding-left:17px;padding-top:7px} .dashboard-row:hover {background-color:yellow} .dashboard-row2 td {cursor:default !important;vertical-align:top;font-size:15px} .dashboard-row2 a {color:#0000FF;text-decoration:underline} .no-border-right { border-right:none !important; } .list-padding { padding-top:5px; } .patient-menu li { border-bottom:none !important; } .patient-menu .section-header { color:#acafba; opacity: 0.4; padding-top:8px; padding-left:20px; padding-bottom:10px; font-weight:bold; text-transform: uppercase; letter-spacing: 5px; } /*! Angular Emoji 1.0.0 2014-12-27 */ span.emoji { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: baseline; *vertical-align: auto; *zoom: 1; *display: inline; width: 1em; height: 1em; background-size: 1em; background-repeat: no-repeat; text-indent: -9999px; } span.emoji-sizer { line-height: 0.81em; font-size: 1em; margin: -2px 0; } span.emoji-outer { display: -moz-inline-box; display: inline-block; *display: inline; height: 1em; width: 1em; } span.emoji-inner { display: -moz-inline-box; display: inline-block; text-indent: -9999px; width: 100%; height: 100%; vertical-align: baseline; *vertical-align: auto; *zoom: 1; } img.emoji { width: 1em; height: 1em; } .emoji-wysiwyg-editor:empty:before { content: attr(placeholder); color: #9aa2ab; } .icon-emoji { display: inline-block; width: 23px; height: 23px; vertical-align: text-top; background: url('//d3e0vp65sneg3n.cloudfront.net/app/img/IconsetW.png') -10px -36px/42px 1171px no-repeat; opacity: 0.8; } .im_emoji_btn:hover .icon-emoji { opacity: 1; } /* Emoji area */ .emoji-wysiwyg-editor:empty:before { content: attr(placeholder); color: #9aa2ab; } .emoji-wysiwyg-editor:active:before, .emoji-wysiwyg-editor:focus:before { content: none; } .emoji-wysiwyg-editor { padding:6px; -moz-box-sizing: content-box; font-size: 12px; margin-bottom: 10px; min-height: 36px; height: 30px; max-height: 284px; overflow: auto; line-height: 17px; border: none; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -webkit-user-select: text; word-wrap: break-word; } .emoji-wysiwyg-editor img { width: 20px; height: 20px; vertical-align: middle; margin: -3px 0 0 0; } .emoji-menu { position: absolute; z-index: 1060; width: 225px; margin-left: -107px; margin-top: -252px; overflow: hidden; border: 1px #dfdfdf solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } .emoji-items-wrap1 { background: #FFF; padding: 5px 2px 5px 5px; } .emoji-items-wrap1 .emoji-menu-tabs { width: 100%; margin-bottom: 8px; margin-top: 3px; } .emoji-items-wrap1 .emoji-menu-tabs td { text-align: center; color: white; line-height: 0; } .emoji-menu-tabs .emoji-menu-tab { display: inline-block; width: 24px; height: 29px; background: url('//d3e0vp65sneg3n.cloudfront.net/app/img/IconsetSmiles.png') no-repeat; background-size: 42px 350px; } .is_1x .emoji-menu-tabs .emoji-menu-tab { background-image: url('//d3e0vp65sneg3n.cloudfront.net/app/img/IconsetSmiles_1x.png'); } .emoji-menu-tabs .icon-recent {background-position: -9px -306px; } .emoji-menu-tabs .icon-recent-selected {background-position: -9px -277px; } .emoji-menu-tabs .icon-smile {background-position: -9px -34px; } .emoji-menu-tabs .icon-smile-selected {background-position: -9px -5px; } .emoji-menu-tabs .icon-flower {background-position: -9px -145px; } .emoji-menu-tabs .icon-flower-selected {background-position: -9px -118px; } .emoji-menu-tabs .icon-bell {background-position: -9px -89px; } .emoji-menu-tabs .icon-bell-selected {background-position: -9px -61px; } .emoji-menu-tabs .icon-car {background-position: -9px -196px; } .emoji-menu-tabs .icon-car-selected {background-position: -9px -170px; } .emoji-menu-tabs .icon-grid {background-position: -9px -248px; } .emoji-menu-tabs .icon-grid-selected {background-position: -9px -222px; } .emoji-menu-tabs .icon-smile, .emoji-menu-tabs .icon-flower, .emoji-menu-tabs .icon-bell, .emoji-menu-tabs .icon-car, .emoji-menu-tabs .icon-grid { opacity: 0.7; } .emoji-menu-tabs .icon-smile:hover, .emoji-menu-tabs .icon-flower:hover, .emoji-menu-tabs .icon-bell:hover, .emoji-menu-tabs .icon-car:hover, .emoji-menu-tabs .icon-grid:hover { opacity: 1; } .emoji-menu .emoji-items-wrap { position: relative; height: 174px; } .emoji-menu .emoji-items { padding-right: 8px; outline: 0 !important; } .emoji-menu img { width: 20px; height: 20px; vertical-align: middle; border: 0 none; } .emoji-menu .emoji-items a { margin: -1px 0 0 -1px; padding: 5px; display: block; float: left; border-radius: 2px; } .emoji-menu .emoji-items a:hover { background-color: #edf2f5; } .emoji-menu:after { content: ' '; display: block; clear: left; } .emoji-menu a .label { display: none; } /*! Angular Emoji 1.0.0 2014-12-27 */ /** initial setup **/ .nano { position : relative; width : 100%; height : 100%; overflow : hidden; } .nano > .nano-content { position : absolute; overflow : scroll; overflow-x : hidden; top : 0; right : 0; bottom : 0; left : 0; } .nano > .nano-content:focus { outline: thin dotted; } .nano > .nano-content::-webkit-scrollbar { display: none; } .has-scrollbar > .nano-content::-webkit-scrollbar { display: block; } .nano > .nano-pane { background : rgba(0,0,0,.25); position : absolute; width : 10px; right : 0; top : 0; bottom : 0; visibility : hidden\9; /* Target only IE7 and IE8 with this hack */ opacity : .01; -webkit-transition : .2s; -moz-transition : .2s; -o-transition : .2s; transition : .2s; -moz-border-radius : 5px; -webkit-border-radius : 5px; border-radius : 5px; } .nano > .nano-pane > .nano-slider { background: #444; background: rgba(0,0,0,.5); position : relative; margin : 0 1px; -moz-border-radius : 3px; -webkit-border-radius : 3px; border-radius : 3px; } .nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed { visibility : visible\9; /* Target only IE7 and IE8 with this hack */ opacity : 0.99; } /* body { background: #222222 url("../img/black_linen_v2.png") repeat; color: #aaaaaa; } h1 { color:white; } */ .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .emojiForm { top: 50%; width:100%; } /* .form-control,pre { background-color:black; color:white; } ul li, .radio { display:inline; } ul { padding: 0; list-style-type: none; } pre { background-color: #555555; margin-top:20px; border:none; } */ .emoji-wysiwyg-editor, .userinput { background-color: white; color:black; overflow:auto; } .emoji-wysiwyg-editor { height: 60px; width: 595px; font-size:16px; line-height:25px; margin-left:15px; display: inline-block; } .sa-emoji-form { width:721px; height:75px; } @media (max-width: 1199px) { .emoji-wysiwyg-editor { width: 415px; } } .onboarding .emoji-wysiwyg-editor { width:370px; } .message-accessory-icon { display: inline-block; width: 28px; height: 28px; vertical-align: text-top; } .message-accessory-icon:hover { opacity:0.8; } .icon-image-affirmation { background:url('//d3e0vp65sneg3n.cloudfront.net/app/img/IconsetW.png') -11px -158px/50px 1171px no-repeat; opacity: 0.8 } .icon-image-affirmation:hover{ opacity: 0.65} .icon-expand-affirmation { background:url('https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/expand-text-area.png') no-repeat; background-repeat: no-repeat; background-size: 25px 25px; } .icon-collapse-affirmation { background:url('https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/collapse-text-area.png') no-repeat; background-repeat: no-repeat; background-size: 25px 25px; } .sent-bar button#emojibtn, .sent-bar button.send-affirmation-image { background:none; border: none; cursor: pointer;height:35px; } .sent-bar button#emojibtn{ float:right;margin-right:10px } .sent-bar button.send-affirmation-image { display:inline-block; vertical-align:top } .no-padding-bottom { padding-bottom:0px !important; } .free-link-manage-links { float:right;font-size:13px;padding:5px 0px; margin:-5px 10px -6px 0;color:#828282;width: 25%; line-height: 16px;text-align:right; } table.logging-goals-history { border-spacing:0px; box-shadow:0px 0px 11px -4px #000; border-radius:3px } table.logging-goals-history td { padding:5px 10px; } table.logging-goals-history th { padding:5px 10px; } table.logging-goals-history thead th { padding:8px; color:white; background-color:#189FFB; } .light-hover:hover, .light-hover.selected { background-color: #DDD; } .associated-button { width:50px; height:50px; background-size: 50px 50px; } .associated-button-feeling { background-image: url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/message-comment-button-feelings.png); } .associated-button-feeling:hover { background-image: url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/message-comment-button-feelings-ro.png); } .associated-button-behavior { background-image: url('/app/images/behaviors_button.png'); } .associated-button-thought { background-image: url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/message-comment-button-thought.png); } .associated-button-epcot, .associated-button-checkin, .associated-button-medical-questionnaire { background-image: url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/message-comment-button-questionnaire.png); } .associated-button-day-schedule, .associated-button-hygiene { background-image: url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/message-comment-button-checklists.png); } .associated-button-photo { background-image: url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/message-comment-button-photo.png); } .associated-button-meal { background-image: url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/message-comment-button-meal.png); } .associated-button-goal-review { background-image: url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/message-comment-button-goal-review.png); } .associated-button-medication { background-image: url(/app/images/recoveryrecord/message-comment-button-medication.png); } .associated-button-insulin { background-image: url(/app/images/recoveryrecord/message-comment-button-insulin.png); } .associated-button-blood-glucose { background-image: url(/app/images/recoveryrecord/message-comment-button-blood-glucose.png); } .associated-button-stool-tracking { background-image: url(/app/images/recoveryrecord/message-comment-button-stool.png); } .associated-button-sleep-tracking { background-image: url(/app/images/recoveryrecord/message-comment-button-sleep.png); } .associated-button-foot-care { background-image: url(/app/images/recoveryrecord/message-comment-button-foot-care.png); } .associated-button-triggered { background-image: url(/app/images/recoveryrecord/message-comment-button-triggered.png); } .associated-button-exercise { background-image: url(/app/images/recoveryrecord/message-comment-button-exercise.png); } .associated-button-refusal { background-image: url(/app/images/recoveryrecord/message-comment-button-refusal.png); } .associated-button-used { background-image: url(/app/images/recoveryrecord/message-comment-button-used-substance.png); } .associated-button-exposures { background-image: url(/app/images/recoveryrecord/message-comment-button-used-substance.png); } .associated-button-cravings { background-image: url(/app/images/recoveryrecord/message-comment-button-cravings-and-urges.png); } .associated-button-anger { background-image: url(/app/images/recoveryrecord/message-comment-button-anger.png); } .associated-button-beacon { background-image: url(/app/images/recoveryrecord/message-comment-button-beacon-message.png); } .associated-button-five-min-journal { background-image: url(/app/images/recoveryrecord/message-comment-button-quick-journal.png); } .associated-button-support-meeting { background-image: url(/app/images/recoveryrecord/message-comment-button-support-meeting.png); } .associated-button-avoid-event, .associated-button-avoid-intervention { background-image: url(/app/images/recoveryrecord/message-comment-button-places-to-avoid.png); } .associated-button-meditations { background-image: url(/app/images/recoveryrecord/message-comment-button-meditations.png); } .associated-button-homework, .associated-button-audio-lesson { background-image: url(/app/images/recoveryrecord/message-comment-button-homework.png); } .associated-button-dbt { background-image: url(/app/images/recoveryrecord/message-comment-button-dbt.png); } .associated-button-skills-review { background-image: url(/app/images/recoveryrecord/message-comment-button-skills-review.png); } .associated-button-meadows-check-in { background-image: url(/app/images/recoveryrecord/message-comment-button-questionnaire.png); } .associated-button-behavior:hover { background-image: url('/app/images/behaviors_button_ro.png'); } .associated-button-thought:hover { background-image: url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/message-comment-button-thought-ro.png); } .associated-button-epcot:hover, .associated-button-checkin:hover, .associated-button-medical-questionnaire:hover { background-image: url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/message-comment-button-questionnaire-ro.png); } .associated-button-day-schedule:hover, .associated-button-hygiene:hover { background-image: url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/message-comment-button-checklists-ro.png); } .associated-button-photo:hover { background-image: url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/message-comment-button-photo-ro.png); } .associated-button-meal:hover { background-image: url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/message-comment-button-meal-ro.png); } .associated-button-goal-review:hover { background-image: url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/message-comment-button-goal-review-ro.png); } .associated-button-medication:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-medication-ro.png); } .associated-button-insulin:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-insulin-ro.png); } .associated-button-blood-glucose:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-blood-glucose-ro.png); } .associated-button-stool-tracking:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-stool-ro.png); } .associated-button-sleep-tracking:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-sleep-ro.png); } .associated-button-foot-care:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-foot-care-ro.png); } .associated-button-triggered:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-triggered-ro.png); } .associated-button-exercise:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-exercise-ro.png); } .associated-button-refusal:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-refusal-ro.png); } .associated-button-used:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-used-substance-ro.png); } .associated-button-exposures:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-used-substance-ro.png); } .associated-button-cravings:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-cravings-and-urges-ro.png); } .associated-button-anger:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-anger-ro.png); } .associated-button-beacon:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-beacon-message-ro.png); } .associated-button-five-min-journal:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-quick-journal-ro.png); } .associated-button-support-meeting:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-support-meeting-ro.png); } .associated-button-avoid-event:hover, .associated-button-avoid-intervention:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-places-to-avoid-ro.png); } .associated-button-meditations:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-meditations-ro.png); } .associated-button-homework:hover, .associated-button-audio-lesson:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-homework-ro.png); } .associated-button-dbt:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-dbt-ro.png); } .associated-button-skills-review:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-skills-review-ro.png); } .associated-button-meadows-check-in:hover { background-image: url(/app/images/recoveryrecord/message-comment-button-questionnaire-ro.png); } .hlight { background-color: #2379F4 !important; } div.xarticle.message.message-left.hlight:after, div.xarticle.message.message-right.hlight:after{border-color:transparent transparent #2379F4 transparent} .sa-page-break { page-break-before:always; } .avoid-page-break { page-break-before:avoid; page-break-after:avoid; } .page-break-after { page-break-before:auto; page-break-after:always; } .analytic-box { background-color:white; box-shadow: 0 1px 1px #dae1e3; border-radius: 5px; width:calc( 33.3333% - 28px ); width:-moz-calc( 33.3333% - 28px ); width:-webkit-calc( 33.333% - 28px ); margin:0 0 20px 20px; float:left; min-height:160px; } .analytic-box-half { width:calc( 50% - 28px ); width:-moz-calc( 50% - 28px ); width:-webkit-calc( 50% - 28px ); } .analytic-box-full { width:calc( 100% - 28px ); width:-moz-calc( 100% - 28px ); width:-webkit-calc( 100% - 28px ); } .analytic-box h1 { font-size:18px; color:black; font-weight:bold; } .analytic-box h2 { font-size:14px; color:#888; line-height:1.3em; } .analytic-box h3 { color:#1F94D7; font-size:40px; font-weight: 900; margin:15px 0 25px 15px; z-index:1000; position:relative; } .sparkouter { float:right; width:100%; margin-left:-100%; opacity:0.2; margin-top:10px } .analytic-box .headings { height:76px; padding:15px 0 0 15px; } .analytic-box p.name { color:#1F94D7; font-weight: 900; padding-left:15px; } .trend-box { border: 1px solid #dae1e3; border-radius: 3px; padding: 7px 0.5rem 0; float:right; margin-left:12px; margin-top:15px; margin-right:15px; } .trend-box p { font-family: proxima-nova, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif; font-size: 10px; text-align:center; color: rgb(161, 171, 179); font-weight:600; } .trend-box h2 { font-weight:bold; font-size:25px; } .trend-box h2 img { position:relative; top:-3px; left:2px; } .trend-box-up h2 { color: #17BB6C; } .trend-box-down h2 { color: #E33638; } /* Tabs ====================================*/ .tabs-nav { list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; } .tabs-nav li { float: left; line-height: 38px; overflow: hidden; padding: 0; position: relative; } .tabs-nav li a { background-color: #f8f8f8; border: 1px solid #e0e0e0; border-right: none; color: #008FF9; font-weight: 500; display: block; letter-spacing: 0; outline: none; padding: 0 20px; text-decoration: none; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .tabs-nav li:first-child a { border-left:none; } .tabs-nav li:last-child a { border-right: 1px solid #e0e0e0; } .tabs-nav li.active a { color: #333; font-weight: 500; cursor:default; } .tabs-nav li.active i:before { color: #555; } .tabs-nav li i:before { color: #909090; } .tabs-nav li span { margin-left: -7px; } .tabs-nav li.active a i {opacity: 1; filter: alpha(opacity=100);} .tabs-nav li i {opacity: 0.64; filter: alpha(opacity=64); margin: 10px 0 0 0; } .tabs-nav li a:hover { background: #fff; } .tabs-nav li.active a { background: #fff; border-bottom: 1px solid #fff; } .tab-content {padding: 20px;} .shop-page .tab-content table p, .tab-content p { margin: 0px;} .shop-page .tab-content p { margin-bottom: 20px; } .tab-container { height:39px; border-bottom:1px solid #e0e0e0; } .segmented-button { padding: 12px; } .segmented-button input[type="radio"] { width: 0px; height: 0px; display: none; } .segmented-button label { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; text-shadow: white; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e4e4e4)); background: -webkit-linear-gradient(#ffffff, #e4e4e4); background: -moz-linear-gradient(#ffffff, #e4e4e4); background: -o-linear-gradient(#ffffff, #e4e4e4); background: -ms-linear-gradient(#ffffff, #e4e4e4); background: linear-gradient(#ffffff, #e4e4e4); border: 1px solid #b2b2b2; color: #666666; padding: 5px 24px; padding-bottom: 3px; font-size: 12px; cursor: pointer; font-family: Helvetica; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; margin-right: -5px; } .segmented-button label { *display: inline; } .segmented-button label:hover { -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); color: #333333; } .segmented-button label:active, .segmented-button label.active { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4e4e4), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(#e4e4e4, #ffffff); background: -moz-linear-gradient(#e4e4e4, #ffffff); background: -o-linear-gradient(#e4e4e4, #ffffff); background: -ms-linear-gradient(#e4e4e4, #ffffff); background: linear-gradient(#e4e4e4, #ffffff); } .segmented-button label:disabled, .segmented-button label.disabled { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef)); background: -webkit-linear-gradient(#ffffff, #efefef); background: -moz-linear-gradient(#ffffff, #efefef); background: -o-linear-gradient(#ffffff, #efefef); background: -ms-linear-gradient(#ffffff, #efefef); background: linear-gradient(#ffffff, #efefef); cursor: default; color: #b2b2b2; border-color: #cccccc; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .segmented-button label.first { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -o-border-top-left-radius: 4px; -ms-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; -ms-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .segmented-button label.last { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -o-border-top-right-radius: 4px; -ms-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .segmented-button input:checked + label, .segmented-button label.selected { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4e4e4), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(#e4e4e4, #ffffff); background: -moz-linear-gradient(#e4e4e4, #ffffff); background: -o-linear-gradient(#e4e4e4, #ffffff); background: -ms-linear-gradient(#e4e4e4, #ffffff); background: linear-gradient(#e4e4e4, #ffffff); } .segmented-button input:disabled + label { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef)); background: -webkit-linear-gradient(#ffffff, #efefef); background: -moz-linear-gradient(#ffffff, #efefef); background: -o-linear-gradient(#ffffff, #efefef); background: -ms-linear-gradient(#ffffff, #efefef); background: linear-gradient(#ffffff, #efefef); cursor: default; color: #b2b2b2; border-color: #cccccc; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .heading-info-bar { background-color:#358FF1; } .module-full-details, .edit-goal, .edit-skill { color: #7abaff } .module-full-details:hover, .edit-goal:hover, .edit-skill:hover { cursor:pointer; color: #1485ff; } .goal-skill-description { padding:0 30px; color:#909090; } .module-goal-full, .module-skill-full { padding: 15px 15px 15px 15px; margin-bottom:5px; } .heading-bar.goals-and-skills-toggle { position: fixed; padding: 16px 30px 43px; z-index:10; } .module-goal-full label, .module-skill-full label {cursor: pointer} @media (max-width: 1199px) { .heading-bar .btn-center.three-sections { margin-left: 110px; } } .template-goals, .template-skills { padding: 80px 20px 20px 20px; max-width: 800px; margin: 0 auto; } .program-nav-back, .program-nav-close { float: left; padding-left: 20px; color: #ffffff; } .program-nav-back:hover, .program-nav-close:hover { cursor: pointer; text-decoration: none; color: #b0caea; } form.goal-checkin-days .goal-checkin-day label, .program-template-radio label {padding: 10px 10px; background-color: #fff; border-radius: 3px; margin-bottom: 3px; cursor: pointer;} .program-template-radio label input[type="radio"] { margin-right: 10px;} .program-template-radio label input[type="radio"], form.modules .module-goals-and-skills input[type="checkbox"],.module-goal-full label input[type="checkbox"], .module-skill-full label input[type="checkbox"],form.goal-checkin-days .goal-checkin-day label input[type="checkbox"] { position: relative; top: -1px;} form.goal-checkin-days .goal-checkin-day label:hover,.program-template-radio label:hover {background-color: #f4f4f4} .heading-bar .btn-center.three-sections { width: 440px; } .exchanges-feed .heading { float: none; height: 28px; } .meal-log-photos img { padding: 8px; width: 250px; height: 250px; } .meal-log-photos img.meal-photo-full { padding: 8px; width: 516px; height: 516px; } .meal-log-photos img:hover { cursor: pointer; background-color: #358ff1; } .meal-photo-modal h3 { text-align: center; } .meal-photo-modal button.btn { position: absolute; top: 9px; right: 9px; } .meal-photo-modal .modal-header { border-bottom: none; } .meal-photo-modal .modal-body { max-height: none; } .meal-photo-modal img { display: block; margin: 0 auto; } .at-a-glance .patient-search, .available-to-link-scroll .patient-search, .messaging-center-data .patient-search, .new-at-a-glance .patient-search { width: 60%; display: block; position: relative; margin: 15px auto 0px; } .at-a-glance .patient-search > button, .available-to-link-scroll .patient-search > button, .messaging-center-data .patient-search > button, .new-at-a-glance .patient-search > button { background-color: #b3b3b3; border-radius: 50%; width: 22px; height: 22px; color: #f4f4f4; border: none; padding: 0px 0px 22px; position:absolute; right:5px; top:12px; line-height: 22px; } .at-a-glance .patient-search button:hover, .available-to-link-scroll .patient-search button:hover, .messaging-center-data .patient-search button:hover, .new-at-a-glance .patient-search button:hover { cursor: pointer; background-color: #999; } .at-a-glance .patient-search button:active, .available-to-link-scroll .patient-search button:active, .messaging-center-data .patient-search button:active, .new-at-a-glance .patient-search button:active { background-color: #90c4f0; } .at-a-glance .patient-search button:focus, .available-to-link-scroll .patient-search button:focus, .messaging-center-data .patient-search button:focus, .new-at-a-glance .patient-search button:focus { outline: 0; } section.activity-goal-reviews { margin-bottom: 15px; } .goal-set-review, .skill-set-review { margin: 5px 30px } .goal-set-review p:not(:last-child), .skill-set-review p:not(:last-child) { padding-bottom: 8px; } h4.comments-heading {color: #828282} .change-subscription-modal.modal.fade.in { width: 400px; margin-left: -350px; margin-top: 40px; } .change-subscription-modal table td:nth-child(1) { font-weight: bold; } .change-subscription-modal table td:nth-child(2) { padding-left: 15px; } .subscription-info-modal.modal.fade.in { width: 400px; margin-left: 75px; margin-top: 40px; } a.show-payment-history { font-size: 14px; color: blue; text-decoration: underline; text-align: center; } a.show-payment-history:hover { cursor: pointer; } table.payment-history, table.linking-history, table#unlinked-case-load-data, table#counselor-note-history-data { width: 100%; border-collapse: collapse; } table.payment-history th, table.payment-history td, table#unlinked-case-load-data td, table#counselor-note-history-data td { border-bottom: #ddd solid 1px; padding: 5px 0px; } table.payment-history tr:nth-child(2n+0), table.linking-history tr:nth-child(2n+0), table#unlinked-case-load-data tr:nth-child(2n+0), table#counselor-note-history-data tr:nth-child(2n+0) { background-color: #fff; } table.payment-history tr:nth-child(2n+3), table.linking-history tr:nth-child(2n+3), table#unlinked-case-load-data tbody tr:nth-child(2n+1), table#counselor-note-history-data tbody tr:nth-child(2n+1) { background-color: #f1faff; } table.linking-history th, table.linking-history td, table#unlinked-case-load-data td, table#counselor-note-history-data td { border: #ddd solid 1px; padding: 5px 10px; } table#unlinked-case-load-data th, table#counselor-note-history-data th { border: #ddd solid 1px; } .link-icons.custom-feelings ul li { padding: 1px 8px; } .link-icons.custom-feelings ul li a { border: none; height: 65px; width: 65px; line-height: 62px; border-radius: 0; } .link-icons.custom-feelings ul li a:hover, a.pick-feeling-icon img:hover { background-color: #ddd; } a.pick-feeling-icon img { cursor: pointer; } .modal.all-buttons.fade.in { width: 320px; top: 20%; left: calc(50% + 160px); left: -webkit-calc(50% + 160px); left: -moz-calc(50% + 60px); } .modal.all-buttons section { padding: 15px 0; color: #3b8af3; border-bottom: 1px solid #999999; font-size: 18px; } .modal.all-buttons section:hover, .conf-log button.add-custom-feeling:hover, .referrals-leads > section:hover { background-color: #eeeeee; cursor: pointer; } .modal.all-buttons section:active, .conf-log button.add-custom-feeling:active , .referrals-leads > section:active { background-color: #999999; color: #ffffff; } .modal.all-buttons section.delete { color: #ff0000; } .modal.all-buttons section.cancel { font-weight: bold; border: none; border-radius: 0 0 6px 6px; } .conf-log button.add-custom-feeling { margin: 20px 30%; width: 40%; padding: 10px; background: none; border-radius: 8px; border: 1px solid #358FF1; color: #358FF1; cursor: pointer; } .exercise-details p { color: #000; } .exercise-details p > span { color: #999; } form.lead-preferences, form.admissions-contact, .referrals-setup { padding: 20px 30px; } form.lead-preferences div.rounded-white-card > label { padding: 10px 0 10px 15px; border-radius:3px; cursor:pointer; } form.lead-preferences div.rounded-white-card > label:hover { background-color:#eee; } form.lead-preferences label > span { margin-left:10px; font-size:16px; } form.lead-preferences > p, form.admissions-contact > p, .referrals-leads > p { color: #00b51e; margin: 0 auto 15px; font-size: 16px; } form.lead-preferences > p { margin-top:30px; font-size:16px; } form.admissions-contact div > input[type="text"], form.admissions-contact div > input[type="email"] { padding:15px 2%; width: 96%; } form.admissions-contact input[type="radio"] { margin-right: 10px; } form.admissions-contact > label { background-color:#fff; padding: 10px 15px; border-radius:3px; color: #313444; } form.admissions-contact > label:hover { background-color:#eee; } form.admissions-contact > label:active { background-color:#ccc; } form.admissions-contact > label.active {margin-bottom:0px; border-radius:3px 3px 0 0} .referrals-public-profile { padding: 20px; margin: 0 auto; } .referrals-public-profile input[type="text"], .referrals-public-profile textarea { padding: 8px; } .referrals-public-profile > button { padding: 8px 20px; font-size: 16px; } .referrals-public-profile > a { display: block; padding-top: 10px; color: blue; font-size: 16px; } .referrals-public-profile span.remove-clinic, .invite-private-group-member .group-invite-by-email h5 span.remove-email-recipient{ float: right; color: red; text-decoration: underline; } .referrals-public-profile span.remove-clinic.remove-telemedicine { float: none; margin-left: 15px; vertical-align: top; } .referrals-public-profile span.remove-clinic:hover, .invite-private-group-member .group-invite-by-email h5 span.remove-email-recipient:hover { color: #b10101; cursor: pointer; } .referrals-public-profile.clinic-info input, .referrals-public-profile.clinic-info textarea { margin-bottom: 30px; } .referrals-public-profile > select { margin: 10px auto 0px; display: block; } .referrals-setup > button, .referrals-leads > button { width: 315px; margin: 20px auto; display: block; } .referrals-setup > button { width: 382px; position:relative; left:-2px; } div.referrals-logo { width: 100%; height: 85px; padding-top: 20px; background-color: #ececec; text-align: center; margin-bottom: 100px; border-radius: 3px 3px 0 0; } div.referrals-logo > div { background-color: white; padding: 30px; border-radius: 54%; width: 100px; margin: 0 auto; } .referrals-leads { width: 100%; } .referrals-leads > section { border-bottom: 1px solid #000; cursor: pointer; padding-top: 20px; } .lead-time-ago > span { float:right; } .referrals-leads .lead-main-info, .referrals-leads .lead-time-ago { width: 450px; margin: 0 auto; } .referrals-leads .lead-main-info { margin-bottom: 20px; } .lead-main-info > div { display: inline-block; margin-left: 30px; padding-top: 20px; font-size: 20px; } .lead-main-info img { vertical-align: top; } .referrals-leads > button { width: 400px; } .segment { cursor: pointer; margin-top:20px; color: #3190F4; font-size: 16px; padding-left:10px; padding-right:10px; float:left; text-align:center; border-top:1px solid #3190F4; border-bottom:1px solid #3190F4; height:90px; border-left:1px solid #3190F4; } .segment_selected { background-color: #3190F4; color: white; } .segment_left { -moz-border-top-left-radius:7px; -webkit-border-top-left-radius:7px; border-top-left-radius:7px; -moz-border-bottom-left-radius:7px; -webkit-border-bottom-left-radius:7px; border-bottom-left-radius:7px; } .segment_right { -moz-border-top-right-radius:7px; -webkit-border-top-right-radius:7px; border-top-right-radius:7px; -moz-border-bottom-right-radius:7px; -webkit-border-bottom-right-radius:7px; border-bottom-right-radius:7px; border-right:1px solid #3190F4; } .segment7 { width: 69px; } .segment2 { width: 94px; } .segment_shorter { height:50px; } .segment_shorter span,p { position:relative; } .segment_shorter span { top:14px; } .segment_shorter p { top: 5px; font-size: 18px; line-height: 18px; color: #3190F4; } .segment_selected p { color: white; } .image-affirmations-infinite { width: 100%; height: 400px; display: block; } .image-affirmation { display: inline-block; width: 46%; overflow-y: hidden; padding: 5px 5px; text-align: center; vertical-align: middle; } /*.image-affirmation:hover { background-color: #358ff1; }*/ .image-affirmation img { max-width: 95%; padding: 2.5% 2.5%; max-height: 250px; cursor: pointer; } .image-affirmation img:hover { background-color: #358ff1; } .scroll-bottom.rightpanel-scroll { height:calc(100% - 252px); height:-moz-calc(100% - 252px); height:-webkit-calc(100% - 252px); } .message-multiple-patients.scroll-bottom.rightpanel-scroll { height:calc(100% - 174px); height:-moz-calc(100% - 174px); height:-webkit-calc(100% - 174px); } .meal-list-inner.scroll-bottom.rightpanel-scroll{ height:calc(100% - 286px); height:-moz-calc(100% - 286px); height:-webkit-calc(100% - 286px); } .modal-body section span.nps-score { border: 1px solid #aaa; padding: 10px 14px; margin: 3px; border-radius: 5px; cursor: pointer; } .modal-body section span.nps-score:hover { background-color: #eee; } .modal-body section span.nps-score.less-padding { padding: 10px; } .modal-body section span.nps-score.score-selected { color: #fff; background-color: #3190F4; } .modal-body section span.nps-score.score-selected:hover { background-color: #367dc7; } .modal.fade.in.nps-score-wide { width: 650px; } .rightpanel .product-tour-panel, .modal .product-tour-panel { height: 100px; color: white; width:100%; border-top: 1px solid #000; position: relative; background: #509df1 url(/app/images/product-tour-big.png) 32px 50% no-repeat; padding:5px 0 7px 0; } .rightpanel .product-tour-panel-de { height:120px; } .rightpanel .product-tour-panel p, .modal .product-tour-panel p { font-size: 16px; padding: 5px 40px 5px 121px; } .rightpanel .product-tour-panel div, .modal .product-tour-panel div { position: absolute; right: 4px; padding: 10px; text-align:center; color: #fff; z-index: 10; background: url(/app/images/close-white.png) center center no-repeat; } .rightpanel .product-tour-panel div:hover, .modal .product-tour-panel div:hover { cursor: pointer; } .rightpanel .product-tour-panel p.tour-bottom-text, .modal .product-tour-panel p.tour-bottom-text { font-style: italic; } #dyn-height.activity-scroll, #dyn-height.rightpanel-inner.at-a-glance { width: 94%; padding: 0 3%; display: block; background-color:#eff0f6; height:calc(100% - 134px ); height:-moz-calc(100% - 134px); height:-webkit-calc(100% - 134px); } #dyn-height.activity-scroll.activity-with-toolbar, #dyn-height.rightpanel-scroll.ml-data-trends, div#dyn-height.rightpanel-scroll.dbt-diary-cards-container { height: calc(100% - 191px); height: -webkit-calc(100% - 191px); height: -moz-calc(100% - 191px); } #dyn-height.rightpanel-scroll.manage-links.with-tour { height: calc(100% - 356px ); height: -webkit-calc(100% - 356px ); height: -moz-calc(100% - 356px ); } #dyn-height.activity-scroll.activity-with-tour, #dyn-height.rightpanel-inner.at-a-glance.with-tour { height: calc(100% - 247px ); height: -webkit-calc(100% - 247px ); height: -moz-calc(100% - 247px ); } #dyn-height.rightpanel-scroll.clinical-goals { height: calc(100% - 251px); height: -webkit-calc(100% - 251px); height: -moz-calc(100% - 251px); } #dyn-height.rightpanel-scroll.manage-missions, #dyn-height.rightpanel-scroll.manage-links { height: calc(100% - 193px); height: -webkit-calc(100% - 193px); height: -moz-calc(100% - 193px); } #dyn-height.activity-scroll.activity-with-tour.animate-shrink { animation-name: shrinkActivityFeed; } .rightpanel .product-tour-panel.animate-expand { animation-name: expandTourPanel; } .rightpanel .product-tour-panel.animate-expand, #dyn-height.activity-scroll.activity-with-tour.animate-shrink { animation-duration:1.5s; animation-timing-function: ease-out; animation-delay: 0s; animation-iteration-count: 1; } @keyframes expandTourPanel { from {height:0px} to {height:100px} } @keyframes shrinkActivityFeed { from { height:calc(100% - 134px ); height:-moz-calc(100% - 134px); height:-webkit-calc(100% - 134px); } to { height: calc(100% - 246px); height: -webkit-calc(100% - 246px); height: -moz-calc(100% - 246px); } } @media (max-width:1199px) { #dyn-height.activity-scroll.activity-with-tour { height: calc(100% - 262px ); height: -webkit-calc(100% - 262px ); height: -moz-calc(100% - 262px ); } .rightpanel .product-tour-panel.animate-expand.narrow-taller { height: 115px; } @keyframes expandTourPanel { from {height:0px} to {height:115px} } @keyframes shrinkActivityFeed { from { height:calc(100% - 134px); height:-moz-calc(100% - 134px); height:-webkit-calc(100% - 134px); } to { height: calc(100% - 262px); height: -webkit-calc(100% - 262px); height: -moz-calc(100% - 262px); } } } #dyn-height.meal-list-time-table-container { height: calc(100% - 133px); height: -webkit-calc(100% - 133px); height: -moz-calc(100% - 133px); float:left; } #dyn-height.meal-list-time-table-container.log-with-tour { height: calc(100% - 245px ); height: -webkit-calc(100% - 245px ); height: -moz-calc(100% - 245px ); } #dyn-height2.rightpanel-scroll.photo-with-tour { height: calc(100% - 298px ); height: -webkit-calc(100% - 298px ); height: -moz-calc(100% - 298px ); } #dyn-height2.rightpanel-scroll.photo-without-tour { height:calc(100% - 185px);height:-moz-calc(100% - 185px);height:-webkit-calc(100% - 185px) } #dyn-height.rightpanel-scroll.activity-feed.logs-de { height:calc(100% - 218px); height:-moz-calc(100% - 218px); height:-webkit-calc(100% - 218px); } #dyn-height.rightpanel-scroll.activity-feed.with-tour.logs-de { height:calc(100% - 318px ); height:-moz-calc(100% - 318px ); height:-webkit-calc(100% - 318px ); } #dyn-height.rightpanel-scroll.activity-feed, #dyn-height.rightpanel-scroll.chart-insights { width: 94%; padding: 0 3%; display: block; height:calc(100% - 208px); height:-moz-calc(100% - 208px); height:-webkit-calc(100% - 208px); } #dyn-height.rightpanel-scroll.activity-feed.with-tour, #dyn-height.rightpanel-scroll.chart-insights.with-tour { height:calc(100% - 317px ); height:-moz-calc(100% - 317px ); height:-webkit-calc(100% - 317px ); } #dyn-height.rightpanel-scroll.activity-feed.logs-de.logs-feed-shorter { height:calc(100% - 277px); height:-moz-calc(100% - 277px); height:-webkit-calc(100% - 277px); } #dyn-height.rightpanel-scroll.activity-feed.with-tour.logs-de.logs-feed-shorter { height:calc(100% - 377px ); height:-moz-calc(100% - 377px ); height:-webkit-calc(100% - 377px ); } #dyn-height.rightpanel-scroll.activity-feed.logs-feed-shorter { height:calc(100% - 264px); height:-moz-calc(100% - 264px); height:-webkit-calc(100% - 264px); } #dyn-height.rightpanel-scroll.activity-feed.with-tour.logs-feed-shorter { height:calc(100% - 376px ); height:-moz-calc(100% - 376px ); height:-webkit-calc(100% - 376px ); } #dyn-height.rightpanel-inner.configure-log-questions { height:calc(100% - 152px); height:-moz-calc(100% - 152px); height:-webkit-calc(100% - 152px); } #dyn-height.rightpanel-inner.configure-log-questions.with-tour { height:calc(100% - 264px ); height:-moz-calc(100% - 264px ); height:-webkit-calc(100% - 264px ); } .modal.fade.in.loading-modal { width: 180px; top: 30%; left: 65%; } .meal-plan-change-summary { margin: 10px 30px; } .meal-plan-change-summary section.change-summary-left { width: 63%; padding: 0 3% 0 0; box-sizing:border-box; display: inline-block; vertical-align:top; } .meal-plan-change-summary section.change-summary-right { width: 36%; box-sizing:border-box; display: inline-block; } .meal-plan-change-summary section.change-summary-right > img { float:right;border-radius:3px; } div.step-count-today-yesterday { display: inline-block; padding: 2%; text-align: center; width: 45%; } div.step-count-today-yesterday p,div.step-count-today-yesterday h3 { margin-bottom: 20px; } div.step-counts-list { clear:both; box-sizing:border-box; margin: 15px 30px; } div.step-counts-list .step-counts-entry { position:relative; padding:10px 30px; border-bottom:1px solid #eff0f6; height:20px; } div.step-counts-list .step-counts-entry.selectable:hover { background-color: #f4f4f4; cursor: pointer; } div.step-counts-list .step-counts-entry.selectable:active { color: #fff; background-color: #aaa; } div.step-counts-entry p > span { position: absolute; } .xsection.container.login { width:823px; } .logo-product-container { width: inherit; float:left; text-align:center; } .xsection.container.login .logo-product-container { float: none; padding-bottom:20px; } .logo-product-container .top-icon-circle img { margin: 35px auto 0; } .logo-product-container h1 { color: #fff; font-size: 18px; font-weight: 400; margin: 20px auto; } .heading-sub button.context-help, .heading-bar button.context-help, .modal-footer button.context-help { cursor: pointer; border: none; background: none; } .heading-bar button.context-help { padding:0px 8px; } .heading-sub button.context-help { padding: 3px 0px; margin: -4px 0px 0px 15px; } .ReactModal__Overlay .btn, .ReactModal__Overlay .btn-primary, .ReactModal__Overlay .btn-default, .ReactModal__Overlay .btn-danger, .outerContainer .btn, .outerContainer .btn-primary, .outerContainer .btn-default, .outerContainer .btn-danger {text-shadow:none; background:none; box-shadow:none; outline:0} .flat-rounded-btn,.timepicker-container table button.btn.text-center, .ReactModal__Overlay .btn, .ReactModal__Overlay .btn.btn-primary, .outerContainer .btn, .outerContainer .btn.btn-primary.outerContainer { cursor:pointer; border-radius: 2px; padding: 8px 45px; color: #eee; background-color: #189FFB; border: 1px solid #189FFB; font-size: 13px; font-family: 'Montserrat',Helvetica, Arial, sans-serif; } .timepicker-container table button.btn.text-center{background:none; margin-left:5px} .flat-rounded-btn.disabled, .flat-rounded-btn[disabled]{cursor: default; background-image: none; opacity: 0.65;} .flat-rounded-btn[disabled]:hover,.flat-rounded-btn[disabled]:active { background-color: #189FFB; border: 1px solid #189FFB; } .flat-rounded-btn.less-padding,.timepicker-container table button.btn.text-center, .ReactModal__Overlay .btn, .ReactModal__Overlay .btn.btn-primary, .ReactModal__Overlay .btn.btn-default, .outerContainer .btn, .outerContainer .btn.btn-primary, .outerContainer .btn.btn-default {padding:8px} .flat-rounded-btn.bigger{ height:45px; font-size:18px; } .flat-rounded-btn.darker,.flat-rounded-btn.darker[disabled]:hover,.flat-rounded-btn.darker[disabled]:active,.timepicker-container table button.btn.text-center, .ReactModal__Overlay .btn, .ReactModal__Overlay .btn.btn-default, .outerContainer .btn, .outerContainer .btn.btn-default { background-color: #313444; border: 1px solid #313444; } .flat-rounded-btn.red,.flat-rounded-btn.red[disabled]:hover,.flat-rounded-btn.red[disabled]:active, .ReactModal__Overlay .btn.btn-danger, .outerContainer .btn.btn-danger { background-color: #ed1515; border: 1px solid #ed1515; } .flat-rounded-btn.green { background-color: #0c9a0c; border: 1px solid #0c9a0c; } .flat-rounded-btn:hover,button.white-header-btn.activated:hover, .ReactModal__Overlay .btn.btn-primary:hover, .outerContainer .btn.btn-primary:hover { background-color:#4AB6FD; border: 1px solid #4AB6FD; } .flat-rounded-btn.darker:hover, .heading-bar .xtutorial:hover,.timepicker-container table button.btn.text-center:hover, .ReactModal__Overlay .btn:hover, .ReactModal__Overlay .btn.btn-default:hover, .outerContainer .btn:hover, .outerContainer .btn.btn-default:hover { background-color: #6c7594; border: 1px solid #6c7594; } .flat-rounded-btn.red:hover, .ReactModal__Overlay .btn.btn-danger:hover, .outerContainer .btn.btn-danger:hover { background-color: #ff0000; border: 1px solid #ff0000; } .flat-rounded-btn.green:hover { background-color: #00c100; border: 1px solid #00c100; } .flat-rounded-btn:active, button.white-header-btn.activated:active, .ReactModal__Overlay .btn.btn-primary:active, .outerContainer .btn.btn-primary:active { background-color:#187EC1; border: 1px solid #187EC1; outline:0; } .flat-rounded-btn.darker:active, .heading-bar .xtutorial:active,.timepicker-container table button.btn.text-center:active, .ReactModal__Overlay .btn:active, .ReactModal__Overlay .btn.btn-default:active, .outerContainer .btn:active, .outerContainer .btn.btn-default:active { background-color: #505772; border: 1px solid #505772; box-shadow: inset 0px 0px 10px #000; } .flat-rounded-btn.red:active, .ReactModal__Overlay .btn.btn-danger:active, .outerContainer .btn.btn-danger:active { background-color: #ff0000; border: 1px solid #ff0000; } .flat-rounded-btn.green:active { background-color: #00c100; border: 1px solid #00c100; } .flat-rounded-btn:focus,.heading-bar button:focus,.heading-sub button:focus button.white-header-btn:focus, button.info-icon-btn:focus { outline:0; } /*.heading-bar button.context-help, .heading-sub button.context-help, .modal-footer button.context-help{ border-radius: 50%; }*/ .login-panel { border-radius:5px; width: 420px; padding: 55px; background:#FDFDFD; margin: 0 auto; } .login-background-full-width { background-color:#313444; width:100%; padding-top:35px; height:100%; background: #313444 url(https://d3buh2p23rhyze.cloudfront.net/app/images/recoveryrecord/white_bird_isolated_big.jpg) no-repeat; background-position: bottom -105px right -285px; background-size: 920px; overflow-y:scroll; } .login-title { width:100%; text-align: center; margin-bottom: 15px; } .login-title h2 { color: #313444; text-transform: uppercase; letter-spacing: 3px; font-size:14px; font-weight:bold; } .show-password, .hide-password { color: #888; float:right; position:relative; right:11px; top:-46px; margin-bottom:-20px; font-size:10pt; } .show-password:hover, .hide-password:hover { color: #000; } form.simple-form div > input[type="email"].login-input, form.simple-form div > input[type="password"].login-input, .at-a-glance .patient-search input[type="text"], input[type="text"].flat-grey-input,input[type="email"].flat-grey-input, textarea.flat-grey-input, input[type="password"].flat-grey-input, .timepicker-container table input[type="text"], #input-login-password, .available-to-link-scroll .patient-search input[type="text"], .messaging-center-data .patient-search input[type="text"], .new-at-a-glance .patient-search input[type="text"] { background-color: #f4f4f4; border: 1px solid #f4f4f4; box-shadow: none; padding: 15px 5%; width: 90%; background: #f4f4f4; font-size: 16px; text-indent:0px; } textarea.flat-grey-input { border:none; resize:none; } form.simple-form div.login-input-wrapper > input[type="email"].login-input, form.simple-form div.login-input-wrapper > input[type="password"].login-input, #input-login-password { text-indent:30px; padding-left: 50px; width: calc(100% - 50px - 5%); width: -webkit-calc(100% - 50px - 5%); width: -moz-calc(100% - 50px - 5%); } form.simple-form div.login-input-wrapper { position: relative; } form.simple-form div.login-input-wrapper i.login-icon, form.simple-form div.login-input-wrapper i.login-password-icon { position: absolute; background-size: contain; left: 14px; top: 18px; height: 16px; width: 16px; } form.simple-form div.login-input-wrapper i.login-icon { background-image: url(https://d3buh2p23rhyze.cloudfront.net/app/images/login-email.png); } form.simple-form div.login-input-wrapper i.login-password-icon { background-image: url(https://d3buh2p23rhyze.cloudfront.net/app/images/login-password.png); } .at-a-glance .patient-search input[type="text"], .available-to-link-scroll .patient-search input[type="text"], .messaging-center-data .patient-search input[type="text"], .new-at-a-glance .patient-search input[type="text"] { padding: 12px 5%; width:90%; margin:0px; box-shadow: 0px 0px 12px -6px #000; } .login-app-store { width: 530px; margin: 0 auto; text-align: center; color: #acafba; margin-top: 30px; } .login-app-store > p { margin-bottom:15px; } .header-info-text p { color: #777; font-size: 18px; padding: 20px; width: 500px; margin: 0 auto; } .modal{border:none;border-radius:3px} .modal-header{padding:30px 15px 0px;border-bottom:none} .modal-header h3{color:#313444;text-align:center} .modal-header div.small-divider{width:60px;border-top:1px solid #d1d1d1;margin:20px auto 0} .modal-footer{text-align:center;border-top:none;border-radius:0 0 3px 3px;background-color:#fff;} .modal-footer.extra-pad-bottom{padding-bottom:45px} div.narrow-shortish-modal-coping .modal-footer{padding:} .modal-header.shadow, .modal-footer.shadow {position:relative;box-shadow:0px 0px 12px -6px #000;z-index:100} .modal-body.grey-background{background-color:#eff0f6} .modal-header.shadow > div.small-divider {border-color:#fff} button.white-header-btn { box-shadow: 0px 0px 14px -3px #ccc; font-weight:normal; margin-top:0px} .heading-bar button.context-help, .heading-sub button.context-help {float:right} button.white-header-btn.activated{color: #eee; background-color: #189FFB; border: 1px solid #189FFB;} .heading-main button.nav-back-btn {padding:8px 12px 8px 6px;margin-left:15px;position:relative;top:-3px} .heading-main button.nav-back-btn.close-btn{padding:6px 13px 4px 13px} .heading-main button.nav-back-btn.close-btn > span { font-size:18px;font-weight:normal;position:relative;top:-1px;} div.rounded-white-card, form.rounded-white-card { border-radius:3px; background-color:#fff; } div.padded, form.padded { padding:30px; } div.padded-shorter, form.padded-shorter { padding:15px 30px; } input[type="text"].flat-grey-input.less-padding,input[type="email"].flat-grey-input.less-padding, textarea.flat-grey-input.less-padding, input[type="password"].flat-grey-input.less-padding,.timepicker-container table input[type="text"]{ padding-left: 3%; padding-right: 3%; width:94%; } input[type="text"].flat-grey-input.shorter,input[type="email"].flat-grey-input.shorter, textarea.flat-grey-input.shorter, input[type="password"].flat-grey-input.shorter,.timepicker-container table input[type="text"], textarea.flat-grey-input.shorter { padding-top:8px; padding-bottom:8px; } .timepicker-container table input[type="text"] {text-align: center;width:45px} .toolbar-white a.flat-rounded-btn.centered, button.flat-rounded-btn.centered,.rounded-white-card.centered{display:block; margin:0 auto} .toolbar-white div.btn-right {float:right;margin-right:30px} .toolbar-white.comment-thumbs {text-align:center;height:38px} .rounded-white-card .top-item {border-radius:3px 3px 0 0;} .rounded-white-card .bottom-item {border-radius: 0 0 3px 3px;border-bottom:none} .print-configuration {width:100%;box-sizing:border-box;padding:30px} .print-configuration div.article-box { width:500px; margin:0 auto} .print-configuration ul.grid-top-section { width:100%; box-sizing: border-box;} .print-configuration ul.grid-top-section li {background-color:#fff;padding:12px 15px;} .print-configuration ul.grid-top-section li.date.date-from.nodivider{border-top:none;border-radius:3px 3px 0 0} {background-color:#fff;padding:10px 15px;} .print-configuration ul.grid-top-section li.date{border-top:2px solid #eff0f6;border-radius:0 0 3px 3px} .print-configuration .coping-examples div.xaside{width:inherit;box-sizing: border-box} .print-configuration .coping-examples div.xaside:hover{background-color:#f4f4f4} .print-configuration ul.grid-top-section li label {margin-bottom:0px} .print-configuration ul.grid-top-section li:hover,.print-configuration ul.grid-top-section li.active {background:#BFDFFF;} .print-configuration ul.grid-top-section li.active span, .print-configuration ul.grid-top-section li.active label, .print-configuration ul.grid-top-section li:hover label, .print-configuration ul.grid-top-section li:hover span {color:inherit} form.modules {box-sizing:border-box; padding:25px 30px; margin:0 auto; max-width: 800px;} form.modules .template-selected-modules { padding:15px 30px 15px 15px; margin-bottom:5px} form.modules .module-goals-and-skills .module-goals label, form.modules .module-goals-and-skills .module-skills label { padding: 10px 15px; background-color:#f4f4f4;border-bottom:1px solid #fff;cursor:pointer; margin-bottom:2px; border-radius:3px} form.modules .module-goals-and-skills .module-goals label:hover, form.modules .module-goals-and-skills .module-skills label:hover { background-color:#ddd;} button.modal-close-btn{background:#fff; border:none; outline:none; color:red; box-shadow:0px 0px 12px -4px #000;position:absolute; top:-15px; right:-15px; padding:1px 8px 2px 8px; border-radius:50%; cursor:pointer; text-shadow:none;line-height:22px;} div.medication-dose { margin: 30px; padding:20px; } input[type="checkbox"] {margin:3px 0 0; } .checkbox.align-left input[type="checkbox"] {margin-left:0px; } .nav-links.main-menu, .nav-links.patient-menu {height: calc(100% - 303px); height:-webkit-calc(100% - 303px); height:-moz-calc(100% - 303px); overflow-y:auto;overflow-x: hidden;box-sizing:border-box; padding-right:14px} #the-nav-bar {overflow-y:scroll;height:100%} #anchored-menu-selector {height:75px;margin-bottom:-75px;z-index:1000;float:left;position:relative;display:none;background-color:#232636} #leftpanel-main-menu, #leftpanel-patient-menu, #primary-menu-selector, #anchored-menu-selector, .logo-product-container {width:100%} @media (max-height:1024px) { #the-nav-bar {height: calc(100% - 75px); height:-webkit-calc(100% - 75px); height:-moz-calc(100% - 75px)} .leftpanel .logo-product-container {display:none} #primary-menu-selector {display:none} #anchored-menu-selector {display:block;margin-bottom:0;position:inherit} .navbar .nav-links ul li a, .navbar .nav-links ul li label{ padding:7px 5px 7px 6px} .navbar .nav{ padding-bottom:15px} } @media (max-height:900px) { .xsection.container.login .logo-product-container a {display:inline-block;} .xsection.container.login .logo-product-container h1 {display:inline-block} .xsection.container.login .logo-product-container a img {height:60px; width:60px; margin:0px 15px 0px 0px} .xsection.container.login .logo-product-container {padding-bottom:0px} } @media (max-width:823px) { .xsection.container.login { width: 100%; } } @media (max-width:540px) { .xsection.container.login .login-panel { width: 88%; padding: 5%; } .xsection.container.login .login-app-store { width: 100%; } } .heading-bar.toggle-bg {background:#FFF url(https://d3buh2p23rhyze.cloudfront.net/app/images/page-tab-border.png) repeat-x bottom left/121px; box-shadow:none; padding-bottom:47px; margin-bottom:-4px} .heading-bar.toggle-bg a.nav-toggle{ background-image: none; background-repeat: no-repeat; background-position: bottom right 25px; background-size: 122px 21px; display:inline-block; height:47px; line-height:26px } .heading-bar.toggle-bg a.nav-toggle.active {background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/page-tab-selected.png)} .heading-bar.toggle-bg > div.toggles-centered {text-align:center} @media (max-width:1600px) { .login-background-full-width { background-position: bottom -87px right -262px; background-size: 700px; } } @media (max-width:1400px) { .login-background-full-width { background-position: bottom -87px right -232px; background-size: 620px; } } @media (max-width:1280px) { .login-background-full-width { background-size: 550px; background-position: bottom -67px right -205px; } } @media (max-width:1170px) { .login-background-full-width { background-position: bottom -75px right -205px; background-size: 520px; } } a:hover{text-decoration:none} a:active{background-color:transparent} .float-and-align-right {float:right;align-right} .unread-message-cnt {color: yellow;display:block;clear:both;margin-left:57px;font-weight:normal} .custom-question-preview {padding:10px 15px 5px; border-radius:3px; background-color: #eff0f6; margin:5px auto 10px;} .custom-question-preview a.btn-log, .custom-question-preview a.btn-log.btn-glance {padding: 8px 10px;} .custom-question-preview p { min-height: 20px;margin-bottom:10px} .expanded-message-area .emoji-wysiwyg-editor {height:510px;max-height:510px;border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);} .expanded-message-area .sent-bar {height:524px} .expanded-message-area .scroll-bottom.rightpanel-scroll {height:calc(100% - 700px);height:-moz-calc(100% - 700px);height:-webkit-calc(100% - 700px);} .expanded-message-area .sa-emoji-form{ height:524px} .team-expanded-message-area .emoji-wysiwyg-editor {height:410px;max-height:410px;border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);} .team-expanded-message-area .sent-bar {height:424px} .team-expanded-message-area .scroll-bottom.rightpanel-scroll {height:calc(100% - 634px);height:-moz-calc(100% - 634px);height:-webkit-calc(100% - 634px);} .team-expanded-message-area .scroll-bottom.rightpanel-scroll.patient-team-messages {height:calc(100% - 579px);height:-moz-calc(100% - 579px);height:-webkit-calc(100% - 579px);} .team-expanded-message-area .sa-emoji-form{ height:424px} .multi-expanded-message-area .emoji-wysiwyg-editor {height:410px;max-height:410px;border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);} .multi-expanded-message-area .sent-bar {height:424px} .multi-expanded-message-area .scroll-bottom.rightpanel-scroll {height:calc(100% - 522px);height:-moz-calc(100% - 522px);height:-webkit-calc(100% - 522px);} .multi-expanded-message-area .sa-emoji-form{ height:424px} .support-agent-clinician-info { display:inline-block; font-size:12px; max-width:330px } div.product-off-track-bubble {position:absolute;width:400px;left:40%;z-index:1000;background-color:#f4f4f4;border-radius:5px;padding:30px;border:1px solid grey; top:10px;box-shadow:0px 0px 10px -2px grey; text-align:center} div.product-off-track-bubble p {padding-bottom:10px} div.product-tour-panel button.skip-btn {position:absolute;padding:8px 12px; bottom:3px; right:3px;} h1#tour-arrow{position:absolute;color:red;font-size:120px;visibility:hidden;opacity:0;} .mobile-banner { width:100%; box-sizing:border-box; background-color: #189FFB; margin-bottom:30px; display: none } .mobile-banner a {display:block;text-align:center} .mobile-banner p {font-size:1.2em; color:#eff0f6; padding-bottom:20px} .mobile-banner .banner-content {margin:0 auto;padding:20px} @media(max-width: 500px) { .mobile-banner {display:block} .login-background-full-width { padding-top: 0; } .logo-product-container { display:none; } .login-app-store { display:none; } } #dyn-height.rightpanel-inner.add-expectation-template { height:calc(100% - 136px); height:-moz-calc(100% - 136px); height:-webkit-calc(100% - 136px) } #dyn-height.rightpanel-inner.add-patient-expectation-template { height:calc(100% - 191px); height:-moz-calc(100% - 191px); height:-webkit-calc(100% - 191px) } div.choose-expectation-template-modal {height:600px;width:400px;} .ReactModalPortal .modal-header { padding-top:20px; padding-bottom:20px; border-bottom: 1px solid #AAA; } .ReactModalPortal .modal-footer { border-top: 1px solid #AAA; } .ReactModalPortal input { padding-left: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ReactModalPortal textarea { padding-left: 5px; padding-top: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #patient_meal_planner_container img { background-image: url(https://d3buh2p23rhyze.cloudfront.net/images/custom_meal.jpg); background-size:cover; } .move-exercise-icon-up {position: relative;top: -24px;left:81px} div[class^="SearchMealViewWeb__container_"] {padding:15px} div[class^="SearchMealViewWeb__buttonSection_"] {padding-top:5px;padding-bottom:8px} div[class^="SearchMealViewWeb__btn_"] {margin-right:3px;margin-top:3px} /* div[class^="MealPlanView__container_"] {height:100%;} */ div[class^="FolderViewWeb__container_"] {height:calc(100% -92px) !important;} */ #meal_plans_container { calc(height:100% - 92px) !important; } section.log-tags-rounded, section.group-topic-button { background-color: #189FFB; color: #FFFFFF; display: inline-block; margin: 5px 15px; padding: 0 4px; position: relative; z-index:1; height: 26px; line-height:26px; } section.log-tags-rounded:before, section.log-tags-rounded:after, section.group-topic-button:before, section.group-topic-button:after { background-color: #189FFB; content: ""; position: absolute; top: 0; left: -12px; width: 26px; height: 26px; border-radius: 50%; z-index:-1; } section.log-tags-rounded:after, section.group-topic-button:after { left: auto; right: -12px; } div.bed-times, div.sleep-bar-container { width: 450px; position: relative; margin: 0 auto; } div.into-bed-time, div.out-of-bed-time { display: inline-block; text-align: center; width: 49%; } div.sleep-bar-container div.asleep-legend, div.sleep-bar-container div.awake-legend { font-size:12px; } div.sleep-bar-container div.awake-legend { float:right; } div.sleep-bar-container div.asleep-legend span.green-circle, div.sleep-bar-container div.awake-legend span.pink-circle { border-radius: 50%; height: 12px; width: 12px; border: 1px solid #000; margin-right:5px; display: inline-block; top: 3px; position:relative; } div.sleep-bar-container div.asleep-legend span.green-circle, div.sleep-bar-container div.sleep-bar div.asleep {background-color:rgb(0,128,0);} div.sleep-bar-container div.asleep-legend span.green-circle.disturbed-sleep, div.sleep-bar-container div.sleep-bar.disturbed-sleep div.asleep {background-color:rgb(163,129,7);} div.sleep-bar-container div.awake-legend span.pink-circle, div.sleep-bar-container div.sleep-bar div.awake {background-color:rgb(255,134,217);} div.sleep-bar-container div.sleep-bar { width:100%; height: 30px; } div.asleep-labels {position:relative; width:100%; text-align:center; font-size:20px; color:rgb(0,128,0); font-weight:bold; margin-top:5px; margin-bottom: 30px;} div.asleep-labels.disturbed-sleep {color:rgb(163,129,7);} div.asleep-labels span.after-awake-minutes, div.asleep-labels span.until-asleep-minutes {color:rgb(255,134,217);font-size:14px;font-weight:bold; } div.asleep-labels span.until-asleep-minutes { position:absolute; left:0px;} div.asleep-labels span.after-awake-minutes {position:absolute; right:0px; } div.sleep-tracking-answer { border-bottom:1px solid #f4f4f4; padding:10px 20px;} div.sleep-tracking-answer span {float:right;} div.sleep-bar-container div.sleep-bar div { display: inline-block; margin: 0; height:100%; } div.daily-bg-row { position: relative; width:100%; padding:20px 0; border-bottom:1px solid #f4f4f4;} div.daily-bg-row.has-bg-logs {cursor:pointer;} div.daily-bg-row.has-bg-logs:hover { background: #E5FBEB; } div.daily-bg-row div.daily-bg-left, div.daily-bg-row div.daily-bg-right { display:inline-block; width: 44%; margin: 0 3%; } div.daily-bg-row div.daily-bg-right {text-align:right;} div.daily-bg-row div.daily-bg-left span { padding:23px; margin-right:20px; } div.daily-bg-row div.daily-bg-left span.bg-medal { background: url(/app/images/bg-medal.png) no-repeat center top/100%; } div.daily-bg-row div.daily-bg-left span.bg-no-logs { background: url(/app/images/trend-flat.png) no-repeat center center/65%; } div.daily-bg-row div.daily-bg-left span.bg-checkmark { background: url(/app/images/black-tick.png) no-repeat center center/70%; } div.daily-heart-rate {width: 100%} div.daily-heart-rate .heading{ width:100%; border-bottom:1px solid #c5c5c5; padding:0 0 20px 0; margin-bottom:10px} div.daily-heart-rate h2{ font-size:23px; color:#000000; text-align:center; padding-top:13px; width:300px; margin:0 auto} div.daily-heart-rate.toggle-bg.heading-bar {height:initial;padding:8px;} .heading-bar.toggle-bg {background:#FFF url(https://d3buh2p23rhyze.cloudfront.net/app/images/page-tab-border.png) repeat-x bottom left/121px; box-shadow:none; padding-bottom:47px; margin-bottom:-4px} div.daily-heart-rate.heading-bar.toggle-bg a.nav-toggle { background-position: bottom right 0px; } div.daily-heart-rate.heading-bar.toggle-bg a.nav-toggle.active {background-image:url(https://d3buh2p23rhyze.cloudfront.net/app/images/page-tab-selected.png)} div.daily-heart-rate.heading-bar.toggle-bg > div.toggles { position:relative; top: 8px; left: 20px} div.patient-logging-options div.patient-log-type-button { position: relative; display: inline-block; width: 120px; padding: 15px; height: 100px; border: 1px solid #189FFB; vertical-align: top; border-radius: 10px; margin: 7px 15px; text-align: center; color: #189FFB; } div.patient-logging-options div.patient-log-type-button:hover, div.patient-notifications-likes section > div.patient-notification:hover { cursor: pointer; background-color: #BFDFFF; } div.patient-logging-options div.patient-log-type-button:active,div.patient-notifications-likes section > div.patient-notification:active { background-color: #187EC1; } div.patient-logging-options div.patient-log-type-button > img { width: 70px; margin-bottom: 15px } div.patient-logging-options div.patient-log-type-button > p { position: absolute; bottom: 10px; left: 0px; width: 100%; text-align:center; } div.patient-logging-options button { display:block; border:none; text-decoration:underline;color:#189FFB; cursor:pointer; margin-top:20px; } div.patient-meals-today-yesterday > section, div.patient-notifications-likes > section { display: inline-block; width: 46%; vertical-align: top; } div.patient-meals-today-yesterday section > div { line-height:35px; } div.patient-meals-today-yesterday section > div:hover { cursor: pointer; text-decoration: underline; color: #189FFB; } div.patient-meals-today-yesterday section > h3{ margin-bottom:5px;} div.patient-meals-today-yesterday section div > span.meal-logged-tick { width: 20px; display: inline-block; } div.patient-notifications-likes section > div.patient-notification { border-radius:3px; padding: 15px 20px; margin-bottom:10px } div.patient-notifications-likes section > div.patient-notification h4 { color: #000; font-size: 16px; } div.patient-notifications-likes section > div.patient-notification p { text-align:right; font-size: 13px; color: #555; } div.patient-notifications-likes section > h3,div.patient-notifications-likes section > div.patient-likes {margin-bottom:10px} #dyn-height.patient-meal-list-time-table-container { height: calc(100% - 74px); height: -webkit-calc(100% - 74px); height: -moz-calc(100% - 74px); float:left; } .meal-log-photos button.meal-photo-delete-btn { border: 2px solid #189FFB; border-radius: 0; background-color:rgba(0,0,0,0); color: #189FFB; position: absolute; top: 15px; right: 15px; width: 24px; height:24px; z-index: 100; } .meal-log-photos button.meal-photo-delete-btn:hover { cursor:pointer; border-color: #4AB6FD; color: #4AB6FD; } .meal-log-photos button.meal-photo-delete-btn:active { border-color: #187EC1; color: #187EC1; } div.emoji-wysiwyg-editor.patient-emoji-grey-input, textarea.emoji-wysiwyg-editor.patient-emoji-grey-input { background-color: #f4f4f4; height:120px; margin: 0; width: 85%; } div.sa-emoji-form.patient-thoughts-input-box { height:inherit; width: 100%; } div.log-entry-section { margin: 0 30px 6px; } div.log-entry-section > h3 { font-size: 16px; font-weight: bold; margin-bottom: 15px; } div.log-entry-section a.btn-log { width: inherit; height: inherit; padding: 12px 18px; display: inline-block; margin-top: 12px; line-height: inherit; } div.modal.fade.in.backfill-modal { width:400px; } div.patient-help-and-faq.padded { padding:30px 50px; } div.patient-help-and-faq > h3 { font-weight:bold; font-size: 18px; } div.patient-help-and-faq > h3, div.patient-help-and-faq > p { margin-bottom: 15px; } div.patient-help-and-faq ol > li { list-style-type: decimal; margin-left: 70px; padding-left: 10px; margin-bottom: 15px; } div.group-info.patient-clinical-goals, div.group-info.patient-clinical-goals > ul, div.group-info.patient-clinical-goals ul li { width: 500px; } div.group-info.patient-clinical-goals ul li { padding: 20px; } div.group-info.patient-clinical-goals ul li > p { font-size: 16px; color:#666666; margin-top: 10px; } div.group-info.patient-clinical-goals ul li.nohighlight:hover, div.group-info.reorder-dbt-feelings ul li.nohighlight:hover, div.group-info.dbt-configure-behaviors ul li.nohighlight:hover{cursor:default;background:#ffffff;} a.attach-notes-thoughts { color: #189FFB; text-decoration: none; cursor: pointer; } a.attach-notes-thoughts:hover { color: #4AB6FD; } a.attach-notes-thoughts:active { color: #187EC1; } div.goals-checkin-other-modal { height:220px; width:330px; } div.patient-list .article-list div.xaside.link-notification { background-color:#ffff00; } div.patient-list .article-list div.xaside.link-notification:hover { background-color:#ffff90; } div.patient-list .article-list div.xaside.link-notification:active { background-color:#eaea45; } div.patient-list .article-list div.xaside span.link-time-ago { float:right; margin-right:11px; color: #000080; } div.patient-list .article-list div.xaside div.arrow { display: block; height: 50px; width: 20px; margin-right: 13px; background: url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow06.png) no-repeat right; float: right; } div.patient-list .article-list div.xaside:hover div.arrow { background: url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow02.png) no-repeat right; } div.patient-list .article-list div.xaside div.clinician-link-left, div.patient-list .article-list div.xaside div.clinician-link-right { display:inline-block; vertical-align:top; } div.patient-list .article-list div.xaside div.clinician-link-left { width:50px; margin-right:0 10px 0 5px; } div.link-detail-required-modal { width: 340px; } .profile-info-inner.patient-clinician-link div.xaside.avatar{ width:372px;} .profile-info-inner.patient-clinician-link div.xaside.avatar:hover{ width:372px;} .patient-no-send-bar.scroll-bottom.rightpanel-scroll { height:calc(100% - 152px); height:-moz-calc(100% - 152px); height:-webkit-calc(100% - 152px); } .patient-team-messages.scroll-bottom.rightpanel-scroll{ height:calc(100% - 230px); height:-moz-calc(100% - 230px); height:-webkit-calc(100% - 230px); } .patient-team-messages.scroll-bottom.rightpanel-scroll.patient-no-send-bar{ height:calc(100% - 131px); height:-moz-calc(100% - 131px); height:-webkit-calc(100% - 131px); } div.patient-support-node { position:relative; padding:10px 20px; cursor:pointer; } div.patient-support-node:hover { background-color: #BFDFFF; } div.log-entry-section div.more-feelings { margin-top:30px; } div.log-entry-section div.more-feelings > label { color: #189FFB; cursor: pointer; } div.log-entry-section div.more-feelings > label:hover { text-decoration: underline; } div.log-entry-section div.more-feelings label > span { margin-right: 10px; padding: 5px 11px; background-color: #189FFB; color: #ffffff; border-radius: 3px; } div.log-entry-section.more-behaviors { padding: 15px 30px; position: relative; } div.log-entry-section.more-behaviors span.arrow{ width:12px; height:100%; background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow06.png) no-repeat right center/12px; position:absolute; top:0; right:15px; } div.log-entry-section.more-behaviors > h3 { margin-bottom: 0px; } div.log-entry-section.more-behaviors:hover { cursor:pointer; background-color: #4AB6FD; color: #ffffff; } div.log-entry-section.more-behaviors:hover span.arrow { background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow02.png) no-repeat right center/12px; } div.log-entry-section.more-behaviors:active { background-color: #187EC1; } div.log-entry-section .irs-grid-pol.small, div.enjoyable-activity-expect-enjoyment .irs-grid-pol.small { visibility:hidden; } .datepickerToday { border-radius:2px; background: orange; } .pdf-progress { margin: 15px auto; width: 100%; border: 1px solid #f4f4f4; border-radius: 3px; height: 24px; } .pdf-progress > .pdf-progress-bar { height: inherit; background-color: #189FFB; } .patient-log-calendar { min-width:365px; margin: 0 auto; } .patient-log-calendar .calendar-month { width: 364px; margin: 30px auto 0; } .patient-log-calendar div.calendar-headers, .patient-log-calendar div.calendar-week { border-bottom: 1px solid #CCCCCC; width: 100%; margin: 0 auto; } .patient-log-calendar .calendar-headers div.day-header, .patient-log-calendar .calendar-week div.calendar-day { display: inline-block; margin: 0; width: 42px; height: 42px; text-align: center; } .patient-log-calendar .calendar-week div.calendar-day { padding:5px; position: relative; vertical-align:top; } .patient-log-calendar .calendar-headers div.day-header { height: 20px; padding: 0px 5px 3px 5px; } .patient-log-calendar .calendar-headers div.day-header > h4 { font-size: 12px; color: #000000; font-weight: normal; } .patient-log-calendar .calendar-week div.calendar-day > .calendar-today-highlighted { border: 1px solid #189FFB; border-radius: 3px; position: absolute; right: 4px; top: 3px; height: 42px; width: 42px; } .patient-log-calendar .calendar-week div.calendar-day > h5 { font-size: 10px; line-height: 10px; color: #000000; font-weight: normal; } .patient-log-calendar .calendar-week div.calendar-day .calendar-logs-row { width: 100%; line-height: 0; } .patient-log-calendar .calendar-week div.calendar-day .calendar-log-square { width: 11px; height: 11px; background-color: white; margin: 1px; display: inline-block; } .patient-log-calendar .calendar-week div.calendar-day .calendar-log-square.active { background-color: #189FFB; } .patient-log-calendar .calendar-week div.calendar-day.calendar-future { background-color: #DDDDDD; } .patient-log-calendar .calendar-week div.calendar-day.calendar-future .calendar-log-square { background-color: #DDDDDD; } .patient-log-calendar .calendar-week div.calendar-day.hover-enabled:hover { background-color: #4AB6FD; cursor: pointer; } .patient-log-calendar .calendar-week div.calendar-day.hover-enabled:active { background-color: #187EC1; } .patient-log-calendar .calendar-week div.calendar-day.hover-enabled:hover .calendar-log-square { background-color: #4AB6FD; } .patient-log-calendar .calendar-week div.calendar-day.hover-enabled:active .calendar-log-square { background-color: #187EC1; } .patient-log-calendar .calendar-week div.calendar-day.hover-enabled:hover .calendar-log-square.active { background-color: #FFFFFF; } .patient-log-calendar .calendar-week div.calendar-day.hover-enabled:active .calendar-log-square.active { background-color: #FFFFFF; } div.log-calendar-modal { width:400px; } button.toggle-do-not-disturb-btn { color: #189FFB; border: none; display:block; margin: 0px auto 20px; background: none; font-size: 15px; } button.toggle-do-not-disturb-btn:hover { color: #4AB6FD; text-decoration: underline; } button.toggle-do-not-disturb-btn:active { color: #187EC1; } div.clinical-insight { position:relative; } button.clinical-insight-cross-btn { position: absolute; right: 16px; top: 12px; background: none; border: none; font-weight: bold; color: #888888; cursor: pointer; } button.clinical-insight-cross-btn:hover { color: #AAAAAA; } button.clinical-insight-cross-btn:active { color: #333333; } div.clinical-insight div.clinical-insight-coping-skill { border-top: 1px solid #999; padding: 15px 20px; width: 100%; box-sizing: border-box; } div.clinical-insight-coping-skill-btns { width:26%; display: inline-block; vertical-align: top; text-align: right; } div.clinical-insight-coping-skill-details { width: 73%; display: inline-block; } div.clinical-insight-coping-skill-details > h4 { color: #000; font-weight: bold; } div.triggered-log.rounded-white-card, div.refusal-log.rounded-white-card, div.rp-daily-checkin.rounded-white-card, div.used-substance-log.rounded-white-card, div.cravings-and-urges-log.rounded-white-card, div.anger-log.rounded-white-card, div.beacon-message.rounded-white-card, div.dysfunctional-thought-log.rounded-white-card, div.five-minute-log.rounded-white-card, div.places-to-avoid-region-event.rounded-white-card, div.why-near-or-at-place-to-avoid.rounded-white-card, div.daily-hygiene-checklist.rounded-white-card, div.day-schedule-checklist.rounded-white-card, div.contributing-triggers.rounded-white-card, div.daily-self-care-checklist.rounded-white-card, div.anxiety-episode-log.rounded-white-card, div.shared-document.rounded-white-card, div.arfid-food-exposure-log.rounded-white-card { margin: 0 30px 15px; } div.contributing-triggers.rounded-white-card:hover, div.rp-questionnaire.rounded-white-card.centered:hover, div.rounded-white-card.interpersonal-relationships div.relationship:hover, div.modal-body.add-interpersonal-relationship div.rounded-white-card.relationship-option:hover, div.modal-body div.rounded-white-card.single-select-item:hover, div.rounded-white-card.risky-event.upcoming-risky-event:hover, div.identified-triggers-container .identified-triggers div.rounded-white-card.identified-trigger:hover, .share-documents-list div.rounded-white-card.shareable-document:hover, div.rounded-white-card.audio-lesson:hover, div.rounded-white-card.request-questionnaire:hover, div.rounded-white-card.private-group-profile-avatar:hover, div.rounded-white-card.private-group:hover, div.select-patient-type:hover, .patients-available-to-link div.rounded-white-card:hover, .assignable-homework-container div.rounded-white-card.assignable-homework:hover, .questionnaire-overview-data div.rounded-white-card.questionnaire-data:hover, .epsi-schedule div.rounded-white-card.epsi-collection-schedule:hover, .in-person-view .article-list:hover, div.rounded-white-card.limit-rr-backlog-meals:hover, div.rounded-white-card.config-dbt-diary-card-section:hover, div.rounded-white-card.patient-new-clinical-goal:hover, div.rounded-white-card.cms-client-welcome-message-template:hover, .messaging-center-data div.rounded-white-card.messaging-center-chat:hover, .add-or-edit-message-template-modal-body div.rounded-white-card.physician-message-template-example:hover, div.rounded-white-card.message-templates-chat:hover, div.rounded-white-card.select-message-template:hover, .new-ata-glance div.ata-glance-patient-box:hover { cursor: pointer; background-color: #BFDFFF; } div.contributing-triggers.rounded-white-card:active, div.rp-questionnaire.rounded-white-card.centered:active, div.rounded-white-card.interpersonal-relationships div.relationship:active, div.modal-body.add-interpersonal-relationship div.rounded-white-card.relationship-option:active, div.modal-body div.rounded-white-card.single-select-item:active, div.rounded-white-card.risky-event.upcoming-risky-event:active, div.identified-triggers-container .identified-triggers div.rounded-white-card.identified-trigger:active, .share-documents-list div.rounded-white-card.shareable-document:active, div.rounded-white-card.audio-lesson:active, div.rounded-white-card.request-questionnaire:active, div.rounded-white-card.private-group-profile-avatar:active, div.rounded-white-card.private-group:active, div.select-patient-type:active, .patients-available-to-link div.rounded-white-card:active, .assignable-homework-container div.rounded-white-card.assignable-homework:active, .questionnaire-overview-data div.rounded-white-card.questionnaire-data:active, .epsi-schedule div.rounded-white-card.epsi-collection-schedule:active, .in-person-view .article-list:active, div.rounded-white-card.limit-rr-backlog-meals:active, div.rounded-white-card.config-dbt-diary-card-section:active, div.rounded-white-card.patient-new-clinical-goal:active, div.rounded-white-card.cms-client-welcome-message-template:active, .add-or-edit-message-template-modal-body div.rounded-white-card.physician-message-template-example:active, div.rounded-white-card.message-templates-chat:active, div.rounded-white-card.select-message-template:active, .new-ata-glance div.ata-glance-patient-box:active { background-color: #4AB6FD; } .modal button.meal-plan-day-btn { border:none; background:none; color: #4545ff; padding: 15px; } .modal button.meal-plan-day-btn:hover { cursor: pointer; color: blue; } .modal button.meal-plan-day-btn:focus { outline: 0; } div.activity-feed-checklist { width: 100%; } div.checklist-details-container { width: 100%; } div.checklist-details-container .checklist-fraction, div.checklist-details-container .checklist-checked-items { vertical-align: top; display: inline-block; } div.checklist-details-container .checklist-fraction { width: 20%; } div.checklist-details-container .checklist-fraction > p { color: #189FFB; font-size:22px; margin-top: 10px; } div.checklist-details-container .checklist-checked-items { width: 78%; } div.rp-questionnaire.rounded-white-card.centered { position:relative; width:100%; margin-bottom:5px; } div.rp-questionnaire > div.questionnaire-score, div.rp-questionnaire > div.questionnaire-type, div.rp-questionnaire > div.questionnaire-time-ago, div.rp-questionnaire > div.requested-questionnaire-status { display:inline-block; vertical-align:top; padding:15px 0; box-sizing:border-box; color: #000000; } div.rp-completed-questionnaires div.rp-questionnaire > div.questionnaire-type { border-left: 1px solid #eff0f6; } div.rp-questionnaire > div.questionnaire-score { text-align:center; width: 15%; font-size:18px; } div.rp-questionnaire > div.questionnaire-type { width: 55%; font-size: 18px; padding-left: 15px } div.rp-questionnaire > div.questionnaire-time-ago, div.rp-questionnaire > div.requested-questionnaire-status { color: #aaa; width: 30%; font-size: 14px; text-align: right; padding-right: 15px } div.rp-questionnaire > div.requested-questionnaire-status { width:45%; } div.rp-questionnaire.rounded-white-card.centered:hover > div.questionnaire-time-ago, div.rp-questionnaire.rounded-white-card.centered:active > div.questionnaire-time-ago { color: #FFFFFF; } div.medical-questionnaire-display p { margin-bottom: 10px; } div.group-info label.logging-config-label { margin-bottom: 0px; cursor: pointer; } div.group-info label.logging-config-label img.logging-config-checkbox { margin-right: 10px; margin-top: -2px; } div.rounded-white-card.interpersonal-relationships { margin: 0 auto 30px; width: 500px; } div.rounded-white-card.interpersonal-relationships .relationship { border-top: 1px solid #eff0f6; box-sizing: border-box; padding: 10px 30px; } div.rounded-white-card.interpersonal-relationships .relationship.top-item { border-top: none; } div.risky-events-container, div.places-to-avoid-container, div.identified-triggers-container, div.patient-medications-container { width: 500px; margin: 0 auto; max-width: 96%; } div.patient-medications-container { margin-top: 30px; } div.risky-events-container .risky-events > p, div.identified-triggers-container .identified-triggers > p { padding: 15px 0; } div.risky-events-container .risky-events .risky-event h4, div.risky-events-container .risky-events .risky-event p.event-section-header, div.places-to-avoid-container .places-to-avoid .place-to-avoid p.place-section-header, div.places-to-avoid-container .places-to-avoid .place-to-avoid h4, div.identified-triggers-container .identified-triggers .identified-trigger h4 { color: #000000; font-weight: bold; } div.risky-events-container .risky-events .risky-event.rounded-white-card, div.places-to-avoid-container .places-to-avoid .place-to-avoid.rounded-white-card, div.identified-triggers-container .identified-triggers .identified-trigger.rounded-white-card, div.patient-medications-container .patient-medications .patient-medication.rounded-white-card { padding: 15px 30px; margin-bottom: 3px; } div.risky-events-container .risky-events .risky-event h4, div.places-to-avoid-container .places-to-avoid .place-to-avoid h4 { font-size: 20px; } div.risky-events-container .risky-events .risky-event h4 > span, div.identified-triggers-container .identified-triggers .identified-trigger h4 > span { color: #AAAAAA; float: right; font-size: 15px; font-weight: normal; } div.risky-events-container .risky-events .risky-event p.event-section-line { padding-left: 15px; } div.places-to-avoid-container .places-to-avoid { margin: 30px 0; } div.modal-body.add-interpersonal-relationship div.select-interpersonal-positive-influence { text-align: center; padding: 15px 0; } div.modal-body.add-interpersonal-relationship div.select-interpersonal-positive-influence a.btn-log { padding: 12px 14px; } div.share-documents.drop-zone { margin: 30px 30px 5px; border-radius: 5px; background-color: #FFFFFF; padding: 30px; border: 1px solid #DDDDDD; } div.share-documents.drop-zone:hover { cursor:pointer; } div.share-documents.drop-zone.drag-zone-active, div.share-documents.drop-zone:active { background-color: #BFDFFF; cursor: grab; } label.drop-zone-label { text-align: center; width: 100%; box-sizing: border-box; cursor:pointer; } input[type="file"].share-documents { margin-top: 20px; width: 100%; line-height:normal; font-size: 16px; cursor:pointer; } div.share-documents-list div.shareable-document { padding: 20px 30px; margin-bottom: 3px; } div.share-documents-list div.shareable-document h3 > span { font-size: 16px; } div.share-documents-list div.shareable-document h4, div.rightpanel div.shared-document h4, div.audio-lesson h4 { color: #000000; } div.share-documents-list div.shareable-document p, div.rightpanel div.shared-document p { padding-left: 50px; color: #555555; } div.share-documents-list div.shareable-document .shared-with-patients pre { font-family: inherit; font-size: 16px; } div.ml-data-trends { width: 100%; position: relative; } div.ml-data-trends div.heading{ width:100%; position: relative; display: block; border-bottom: 1px solid #c5c5c5; height: 60px; padding: 5px 0; box-sizing: border-box; } div.ml-data-trends div.heading h2 { color: #000000; margin: 14px auto; text-align: center; } div.ml-data-trends-chart { margin: 30px; box-sizing: border-box; position: relative; } div.ml-data-trends-chart table { border-collapse: collapse; margin: 0 auto; } div.ml-data-trends-chart table td { border-left: 1px solid #DDDDDD; box-sizing: border-box; max-width: 50px; padding: 5px; } div.ml-data-trends-chart table tbody td.buttons-column { vertical-align: bottom; } div.ml-data-trends-chart table tr { border-bottom: 1px solid #000000; } div.ml-data-trends-chart table tfoot > tr, div.ml-data-trends-chart table td.chart-section-label, div.ml-data-trends-chart table tfoot td { border: none; } div.ml-data-trends-chart table tfoot td > div { width: 180px; text-align: right; } div.ml-data-trends-chart table td.chart-section-label > div { transform: rotate(270deg); } div.ml-data-trends-chart table tfoot td > div { width: 170px; padding-right: 5px; text-align: right; transform: rotate(270deg) translateY(-67px); } div.ml-data-trends-chart table tfoot td { height: 180px; } div.ml-data-trends-chart table td.chart-section-label { border-right: 1px solid #000000; } div.ml-data-trends-chart table div.mood-activity-button { cursor: pointer; } div.ml-data-trends-chart table div.mood-activity-button:hover { background-color: #BFDFFF; } div.ml-chart-label { padding: 20px 10px; color: #FFFFFF; background-color: #121212; border-radius: 3px; position: absolute; top: 300px; left: 60px; z-index: 2; } div.emoji-picker__preview div.skin-tone-options { position: absolute; right: 10px; } div.emoji-picker__preview p.choose-skin-tone { display:inline-block; font-size:10px; font-weight:bold; color:#656565; width: 85px; line-height: 12px; } div.emoji-picker__preview button.emoji-skin-tone-picker-btn, div.emoji-picker__preview button.emoji-skin-tone-option { text-align:center; padding: 5px; font-size:22px; cursor:pointer; outline: none; } div.emoji-picker__preview button.emoji-skin-tone-option:last-child { border-radius: 0 3px 3px 0; } div.emoji-picker__preview button.emoji-skin-tone-option:nth-child(2) { border-radius: 3px 0 0 3px; } div.emoji-picker__preview button.emoji-skin-tone-picker-btn:hover, div.emoji-picker__preview button.emoji-skin-tone-option:hover { background-color:#BFDFFF; } div.emoji-picker__preview button.emoji-skin-tone-option { border: none; } div.emoji-picker__preview button.emoji-skin-tone-picker-btn { position: absolute; right: 10px; border-radius: 3px; border: 1px solid #eff0f6; } div.rounded-white-card.audio-lesson { padding: 15px 30px; margin-bottom: 3px; } .private-groups .private-group.rounded-white-card .private-group-info { box-sizing:border-box;width:100%;position:relative; } .private-group-profile-avatar, .private-group-profile-username { padding: 20px; margin-top:10px; position:relative; } .private-group-profile-username input[type="text"] { margin-top:10px; } .private-group-profile-avatar div.selected-profile-avatar { float: right; margin-top: -5px; } .private-group-profile-avatar div.selected-profile-avatar div.arrow { background:url(//d3e0vp65sneg3n.cloudfront.net/app/images/arrow06.png) no-repeat right; font-size:21px; padding-right:23px; float: right; height: 35px; } section.group-topic-button { margin: 5px 30px; } section.group-topic-button:after, section.group-topic-button:before, section.group-topic-button { background-color: #eff0f6; color: #189FFB; } section.group-topic-button:hover:after, section.group-topic-button:hover:before, section.group-topic-button:hover, section.group-topic-button.selected, section.group-topic-button.selected:after, section.group-topic-button.selected:before { background-color: #4AB6FD; color: #FFFFFF; cursor: pointer; } section.group-topic-button:active:after, section.group-topic-button:active:before, section.group-topic-button:active { background-color: #187EC1; color: #FFFFFF; } div.private-group-logo-buttons { display: inline-block; width: 300px; margin: 15px 15px 30px; vertical-align: top; } div.private-group-logo-buttons > button.flat-rounded-btn { margin-bottom: 5px; width:100%; } .modal-body .group-stock-logos { width: 435px; margin: 0 auto; } .modal-body .group-stock-logos ul > li { display: inline-block; margin: 10px; } .invite-private-group-member .invite-coworkers-list p, .invite-private-group-member .invite-patient-list p { margin: 10px 0; } .invite-private-group-member .invite-coworkers-list div.invite-coworker, .invite-private-group-member .invite-patient-list div.invite-patient { border-radius: 3px; background-color: #FFFFFF; margin-top: 3px; } .private-group-admin-panel div.private-group-member h4, .private-group-admin-panel div.private-group-flagged-message h4 { color: #000000; } .private-group-admin-panel div.private-group-member:hover h4, .private-group-admin-panel div.private-group-flagged-message:hover h4 { color:#FFFFFF; } .invite-private-group-member .invite-coworkers-list div.invite-coworker:hover, .invite-private-group-member .invite-patient-list div.invite-patient:hover, .private-group-admin-panel div.private-group-admin-option:hover, .private-group-admin-panel div.private-group-member:hover, .private-group-admin-panel div.private-group-flagged-message:hover, .private-group-call div.private-group-member:hover { cursor:pointer; background-color: #BFDFFF; color: #FFFFFF; } .invite-private-group-member .invite-coworkers-list div.invite-coworker:active, .invite-private-group-member .invite-patient-list div.invite-patient:active, .private-group-admin-panel div.private-group-admin-option:active, .private-group-admin-panel div.private-group-member:active, .private-group-admin-panel div.private-group-flagged-message:active, .private-group-call div.private-group-member:active { background-color: #4AB6FD; } .invite-private-group-member .invite-coworkers-list div.invite-coworker.no-hover:hover, .invite-private-group-member .invite-patient-list div.invite-patient.no-hover:hover { cursor:default; background-color:#FFFFFF; color: #000000; } .invite-private-group-member .invite-coworkers-list div.invite-coworker.no-hover:active, .invite-private-group-member .invite-patient-list div.invite-patient.no-hover:active { cursor:default; background-color:#FFFFFF; } div.rr-controllers-message-area { position:fixed;z-index:100;width:inherit; } .private-group-call button.select-recipients-btn, .fbt-growth-chart-measurements-scroll button.edit-measurement-btn { color: blue; text-decoration: underline; border:none; outline:none; cursor: pointer; display:block; margin: 0 auto 15px; } .private-group-call button.select-recipients-btn:hover, .fbt-growth-chart-measurements-scroll button.edit-measurement-btn:hover { color: #0066FF; } .private-group-call button.select-recipients-btn:active, .fbt-growth-chart-measurements-scroll button.edit-measurement-btn:active { color: #2020B5; } div.patient-app-indicator-tags { float: right; max-width: 250px; clear: right; margin-right: 10px; } div.patient-app-indicator-tags .app-indicator { border: 1px solid #189FFB; background-color: #189FFB; border-radius:3px; font-size: 12px; color: #FFFFFF; padding: 3px 4px; margin-top: 5px; margin-left: 5px; display: inline-block; line-height:14px; } div.patient-app-indicator-tags .app-indicator.rr-color, div.patient-app-indicator-tags .app-indicator.ml-color { border-color: #189FFB; background-color: #189FFB; } div.patient-app-indicator-tags .app-indicator.rp-color { border-color: #36A5B5; background-color: #36A5B5; } div.patient-app-indicator-tags .app-indicator.ny-color { border-color: #00A72F; background-color: #00A72F; } div.patient-app-indicator-tags .app-indicator.rj-color { border-color: #2D68B2; background-color: #2D68B2; } a.message-link { color: blue; text-decoration: underline!important; } a.message-link:visited { color: #6e00ff; } div.select-patient-type { width: 100%; padding:10px; margin-bottom:3px; border-radius: 3px; background-color: #FFFFFF; cursor: pointer; } div.select-patient-type h4 { font-size: 16px; color: #000000; } div.select-patient-type p { font-size: 16px; color: #777777; } div.select-patient-type.patient-type-selected, div.select-patient-type.patient-type-selected:hover, div.select-patient-type.patient-type-selected:active, div.select-patient-type.patient-type-selected.no-hover { background-color: #BFDFFF; } div.select-patient-type button.app-option-store-btn { cursor:pointer; background: none; color: #007EFF; border: none; outline: 0; float:right; font-size: 15px; } div.select-patient-type button.app-option-store-btn:hover { color:#78BBFF; } div.select-patient-type button.app-option-store-btn:active { color: #0000FF; } div.select-patient-type p > span.app-option-installed { background-color: #189FFB; border-radius: 5px; color: #FFFFFF; font-size: 14px; padding: 0px 10px; float:right; } div.select-patient-type.no-hover:active, div.select-patient-type.no-hover:hover { cursor: default; background-color: #FFFFFF; } .heading-patient-app-name { height: 25px; width: inherit; position: absolute; z-index: 11; top: 60px; } .heading-sub button.patient-app-name-btn { border: none; background: none; color: #FFFFFF; outline: 0; cursor: pointer; font-size: 14px; text-transform: uppercase; font-weight: bold; padding-left: 20px } .heading-sub button.patient-app-name-btn:hover { color: #CCCCCC; } .heading-sub button.patient-app-name-btn:active { color: #EEEEEE; } .heading-sub button.patient-app-name-btn:focus { outline: 0; } .hs-C66254 button.patient-app-name-btn, .hs-F4E47A button.patient-app-name-btn, .hs-52A581 button.patient-app-name-btn, .hs-D8A0A2 button.patient-app-name-btn, .hs-CEE3EF button.patient-app-name-btn {color:#333333} .hs-C66254 button.patient-app-name-btn:hover, .hs-F4E47A button.patient-app-name-btn:hover, .hs-52A581 button.patient-app-name-btn:hover .hs-D8A0A2 button.patient-app-name-btn:hover, .hs-CEE3EF button.patient-app-name-btn:hover {color:#777777} .hs-C66254 button.patient-app-name-btn:active, .hs-F4E47A button.patient-app-name-btn:active, .hs-52A581 button.patient-app-name-btn:active .hs-D8A0A2 button.patient-app-name-btn:active, .hs-CEE3EF button.patient-app-name-btn:active {color:#000000} div.rightpanel-scroll.patient-supplement-tracking, div.rightpanel-scroll.supplement-tracking { width:100%; box-sizing: border-box; } div.rightpanel-scroll.patient-supplement-tracking .heading, div.rightpanel-scroll.supplement-tracking .heading { width: 100%; box-sizing: border-box; padding: 5px 30px 20px; border-bottom: 1px solid #555555; } div.patient-supplement-tracking-chart { max-width: 690px; margin: 20px auto; } div.patient-supplement-tracking-chart table { border-collapse: collapse; box-shadow:0px 0px 14px -6px #bbb; width: 100%; background-color: #FFFFFF; border-radius: 3px; } div.patient-supplement-tracking-chart table tbody tr:nth-child(2n) { background-color: #F2FAFF; } div.patient-supplement-tracking-chart table thead th { padding: 20px 0; border-bottom: 1px solid #DDDDDD; } div.patient-supplement-tracking-chart table thead tr { background-color: #CEECFF; } div.patient-supplement-tracking-chart table td { min-width: 80px; text-align: center; } div.patient-supplement-tracking-chart table tbody td { padding: 10px 5px; border-left: 1px solid #DDDDDD; } div.patient-supplement-tracking-chart table td:first-child { text-align: left; padding-left: 20px; border-left: none; } div.patient-supplement-tracking-chart table tr:last-child td:first-child { border-bottom-left-radius: 3px; } div.patient-supplement-tracking-chart table tr:last-child td:last-child { border-bottom-right-radius: 3px; } div.patient-supplement-tracking-chart tr.supplement-row, div.patient-supplement-tracking-chart td.supplement-cell { cursor:pointer; } div.patient-supplement-tracking-chart tr.supplement-row:hover, div.patient-supplement-tracking-chart td.supplement-cell:hover { background-color: #BFDFFF; } div.patient-supplement-tracking-chart tr.supplement-row:active, div.patient-supplement-tracking-chart td.supplement-cell:active { background-color: #555555; color: #FFFFFF; } .modal-body.add-meal-supplement a.btn-log { padding: 12px; font-size: 18px; } .modal-body.add-meal-supplement h4 { margin-top:20px; margin-bottom: 10px; color: #000000; font-weight: bold; font-size: 18px; } #dyn-height.rightpanel-scroll.patient-supplement-tracking { height: calc(100% - 190px); height: -webkit-calc(100% - 190px); height: -moz-calc(100% - 190px); } #dyn-height.rightpanel-scroll.supplement-tracking { height: calc(100% - 75px); height: -webkit-calc(100% - 75px); height: -moz-calc(100% - 75px); } div.assignable-homework-container, div.assignable-homework-container .assignable-homework{ margin-bottom:25px; width: 100%; box-sizing:border-box; } div.assignable-homework-container .assignable-homework { margin-bottom: 3px; padding: 10px 30px 10px 0px; } .assignable-homework div.assignable-left-column, .assignable-homework div.assignable-middle-column, .assignable-homework div.assignable-right-column { display: inline-block; box-sizing:border-box; vertical-align:top; } .assignable-homework .assignable-top-row div.assignable-title, .assignable-homework .assignable-top-row div.assignable-time, .assignable-homework .assignable-bottom-row div.assignable-subtitle, .assignable-homework .assignable-top-row div.assignable-info { } .assignable-homework div.assignable-left-column { width: 10%; text-align: center; } .assignable-homework div.assignable-middle-column { width: 73%; text-align: left; } .assignable-homework .assignable-middle-column div.assignable-title { font-weight: bold; font-size: 18px; } .assignable-homework .assignable-middle-column div.assignable-title.completed { color: #189FFB; } .assignable-homework .assignable-middle-column div.assignable-subtitle { font-size: 16px; color: #555555; } .assignable-homework div.assignable-right-column { width: 15%; text-align: right; } .assignable-homework .assignable-right-column div.assignable-time { color: #787878; font-size: 14px; } .assignable-homework .assignable-right-column div.assignable-info button { cursor: pointer; border: none; background: none; outline:0; } div.modal.fade.in.info-text-modal { width: 350px; background-color: #000000; top: 30%; left: 55%; } .reasons-to-recover-container, .relapse-warnings-container, .resolve-ambivalence-exercise-container, .words-describe-you-container { margin: 30px auto; } .reasons-to-recover-container .reasons-to-recover-domain, .resolve-ambivalence-exercise-container .resolve-ambivalence-exercise { margin:20px 30px } .reasons-to-recover-container .reasons-to-recover-domain h3.reasons-to-recover-header { padding-bottom: 5px; border-bottom: 1px solid #AAAAAA; } .reasons-to-recover-container .reasons-to-recover-domain p { padding: 15px 0px; } .reasons-to-recover-container .reasons-to-recover-domain img { max-width: 100%; } .relapse-warnings-container .relapse-warnings-domain.rounded-white-card, .words-describe-you-container .word-describe-you.rounded-white-card { margin: 5px 30px 0px; padding: 12px 30px; } .relapse-warnings-container .relapse-warnings-domain p, .words-describe-you-container .word-describe-you p { padding:15px 20px 0px; color: #787878; font-weight: bold; } .resolve-ambivalence-exercise-container .resolve-ambivalence-exercise h3 { margin-bottom: 15px; } .resolve-ambivalence-exercise-container .resolve-ambivalence-exercise ol, .resolve-ambivalence-exercise-container .resolve-ambivalence-exercise li, .safety-plan-container .safety-plan-section ol, .safety-plan-container .safety-plan-section li { list-style: decimal; } .resolve-ambivalence-exercise-container .resolve-ambivalence-exercise li, .safety-plan-container .safety-plan-section li { padding-left: 5px; } .resolve-ambivalence-exercise-container .resolve-ambivalence-exercise ol, .safety-plan-container .safety-plan-section ol { padding-left: 30px; } .safety-plan-container { margin: 30px; } .safety-plan-container h3.safety-plan-header { margin: 15px 0px; } button.generic-button { color: #189FFB; outline: 0; border: none; box-shadow:none; background-color: #FFFFFF; font-size: 16px; } button.generic-button:hover { color: #4AB6FD; cursor: pointer; } button.generic-button:active { color: #187EC1; cursor: pointer; } div#dyn-height1.rightpanel-scroll.rp-questionnaires-container { height:calc(100% - 271px);height:-moz-calc(100% - 271px);height:-webkit-calc(100% - 271px) } div#dyn-height1.rightpanel-scroll.rp-questionnaires-container.hide-toggle { height:calc(100% - 213px);height:-moz-calc(100% - 213px);height:-webkit-calc(100% - 213px) } .flat-rounded-btn.in-person-link-tool { border: 1px solid #AAAAAA; color: #AAAAAA; background-color: #FFFFFF; } .flat-rounded-btn.in-person-link-tool:hover { background-color: #eff0f6; } .flat-rounded-btn.in-person-link-tool:active { color: #FFFFFF; background-color: #676767; } .in-person-view {width:360px;padding:36px 20px; border-top:1px solid #AAAAAA; margin:0 auto} .in-person-view .article-list div.xaside {width:100%;box-sizing:border-box;} .in-person-view .article-list div.xaside p {font-size: 16px;width: 280px;text-align: left;padding-left: 20px;} .conf-log div.limit-rr-backlog-meals { box-sizing:border-box;width: 450px; margin: 30px auto 0px; padding: 20px 12px; border: 1px solid #CCCCCC;max-width:100%; } .conf-log div.limit-rr-backlog-meals > div { display:inline-block;width:88%;font-weight:bold; } .conf-log div.limit-rr-backlog-meals > p.txt1 { display:inline-block;width:10%;text-align:right;vertical-align:top;color:#385487; } div.rounded-white-card.config-dbt-diary-card-section { position:relative; padding:15px 35px 15px 15px; margin-bottom:3px; box-sizing:border-box; } div#dyn-height.rightpanel-scroll.dbt-diary-cards-config-section { height: calc(100% - 132px); height: -webkit-calc(100% - 132px); height: -moz-calc(100% - 132px); } div.dbt-diary-cards-config-section button > span.add-custom-behavior-target-plus { display: inline-block; width: 20px; height: 20px; background: #FFFFFF; color: #189FFB; border-radius: 3px; margin-right: 15px; } div.group-info.reorder-dbt-feelings ul li.nohighlight{cursor:default;background:#ffffff;} button.info-icon-btn { display:block; height:24px; width:24px; box-sizing:border-box; border-radius:12px; border:2px solid #189FFB; color:#189FFB; background-color: #FFFFFF; cursor:pointer; font-size:18px; font-weight: bold; } button.info-icon-btn:focus { outline: 0; } button.info-icon-btn:hover { background-color: #EEEEFF; } button.info-icon-btn:active { background-color: #BFDFFF; } div.dbt-diary-cards-config-section div.group-info.dbt-configure-skills ul li, div.dbt-diary-cards-config-section div.group-info.dbt-configure-behaviors ul li { width:400px;padding-bottom:11px; } div.dbt-diary-cards-config-section div.group-info.dbt-configure-skills ul li > img, div.dbt-diary-cards-config-section div.group-info.dbt-configure-behaviors ul li > img { vertical-align: top; position: relative; top: 5px; } div.dbt-diary-cards-config-section div.group-info.dbt-configure-skills ul li > label, div.dbt-diary-cards-config-section div.group-info.dbt-configure-behaviors ul li > label { position:relative;top:1px;margin-bottom:0; display:inline-block; margin-left: 10px; max-width:340px; } div.dbt-diary-card div.dbt-card-feeling, div.dbt-diary-card div.dbt-card-behavior, div.dbt-diary-card div.dbt-card-skill-used, div.dbt-diary-card div.dbt-card-note { box-sizing:border-box; padding: 8px 20px; border-bottom: 1px solid #eff0f6; } div.dbt-diary-card div.dbt-card-feeling:last-child, div.dbt-diary-card div.dbt-card-skill-used:last-child, div.dbt-diary-card div.dbt-card-note:last-child , div.dbt-diary-card div.dbt-card-behavior.no-bottom-border { border-bottom: none; } div.dbt-diary-card div.dbt-card-feeling div.feeling-name, div.dbt-diary-card div.dbt-card-feeling div.feeling-value, div.dbt-diary-card div.dbt-card-behavior div.behavior-name, div.dbt-diary-card div.dbt-card-behavior div.behavior-value, div.dbt-diary-card div.dbt-card-skill-used div.skill-name { display: inline-block; } div.dbt-diary-card div.dbt-card-feeling div.feeling-name, div.dbt-diary-card div.dbt-card-behavior div.behavior-name { width: 55%; margin-right: 2%; text-align: left; } div.dbt-diary-card div.dbt-card-feeling div.feeling-value, div.dbt-diary-card div.dbt-card-behavior div.behavior-value { width: 42%; text-align: right; font-weight: bold; } div.dbt-diary-card div.dbt-card-skill-used div.skill-name { text-align:left; width: 90%; } div.rounded-white-card.dbt-diary-card { margin: 30px 0; } .dbt-diary-cards-container .heading { padding: 10px 0px; height: 50px; position:relative; border-bottom:1px solid #000000; } .dbt-diary-cards-container .heading .prev, .dbt-diary-cards-container .heading .next { cursor:pointer; float:none; position:absolute; z-index: 10; } .dbt-diary-cards-container .heading .prev { left: 0; } .dbt-diary-cards-container .heading .next.prev { right: 0; left: unset; } .dbt-diary-cards-container .heading h2 { color:#000000;text-align:center;position:relative;top:15px; } table.weekly-dbt-diary-card-section { width: 100%; border-collapse: collapse; } table.weekly-dbt-diary-card-section th, table.weekly-dbt-diary-card-section td { border-bottom: 1px solid #EFF0F6; border-right: 1px solid #EFF0F6; padding: 5px 0px; } table.weekly-dbt-diary-card-section th:last-child, table.weekly-dbt-diary-card-section td:last-child { border-right: none; } table.weekly-dbt-diary-card-section tbody tr td { width: 50px; text-align: center; } table.weekly-dbt-diary-card-section tbody tr td:first-child { width: initial; text-align: left; padding-left: 10px; padding-right: 10px; } table.weekly-dbt-diary-card-section tr:last-child td { border-bottom: none; } table.weekly-dbt-diary-card-section tr:nth-child(2n+0) { background-color: #fff; } table.weekly-dbt-diary-card-section tbody tr:nth-child(2n+1) { background-color: #f1faff; } table.linking-history th { border: #ddd solid 1px; padding: 5px 10px; } table.weekly-dbt-diary-card-section th.dbt-diary-card-day-btn { cursor: pointer; color: #189FFB; } table.weekly-dbt-diary-card-section th.dbt-diary-card-day-btn:hover { color: #4AB6FD; } table.weekly-dbt-diary-card-section th.dbt-diary-card-day-btn:active { color: #187EC1; } button.success-story-ask-btn:hover { cursor: pointer; background-color: #DEDE69; } button.success-story-ask-btn:active { background-color: #FCFDDD; } button.success-story-ask-btn { outline:0; box-shadow:none; background-color:transparent; border:1px solid #555555; color:#555555; font-size:15px; padding:8px; border-radius: 3px; margin-top: 10px; } .modal-body.cms-confirm-medical-record { box-sizing: border-box; position:relative; padding-top:0; max-height:460px; height: 460px; } .modal-body.cms-confirm-medical-record div.cms-patient-details { margin-top:15px; } .modal-body.cms-confirm-medical-record div.cms-patient-details h4 { font-weight: bold; color: #000000; font-size: 16px; } .modal-body.cms-confirm-medical-record div.cms-patient-details label { display: block; font-size: 16px; padding-left:20px; } .modal-body.cms-confirm-medical-record div.cms-patient-details.cms-multi-match:hover { cursor: pointer; background-color: #BFDFFF; } .modal-body.cms-confirm-medical-record div.cms-patient-details.cms-multi-match:hover label { cursor: pointer; } .modal-body.cms-confirm-medical-record div.cms-patient-details.cms-multi-match:active { cursor: pointer; background-color: #4AB6FD; } .modal-body.cms-confirm-medical-record div.cms-no-matches-buttons-container button { display: block; margin: 10px auto 5px; width: 250px; } .modal-body.cms-confirm-medical-record button.edit-detail-btn, .modal-body.add-or-edit-message-template-modal-body button.view-message-template-examples-btn { display:block; border:none; text-decoration:underline; color: #82BA41; cursor:pointer; background-color: transparent; font-size:16px; } .modal-body.add-or-edit-message-template-modal-body button.view-message-template-examples-btn { color: #189FFB; } table.recent-client-details { width: 90%; margin: 15px auto 30px; box-sizing: border-box; border-collapse:collapse; } table.recent-client-details tbody tr { background-color: #FFFFFF; border-radius: 3px; border-bottom: 3px solid #EFF0F6; } table.recent-client-details tbody tr:hover { background-color: #BFDFFF; cursor: pointer; } table.recent-client-details tbody tr:active { background-color: #4AB6FD; } table.recent-client-details tbody tr:last-child { border-bottom: none; } table.recent-client-details tbody tr > td { padding: 8px 10px; box-sizing:border-box; border-right: 1px solid #EFF0F6; } table.recent-client-details tbody tr > td:first-child { border-radius: 3px 0 0 3px; border-right: none; } table.recent-client-details tbody tr > td:last-child { border-radius: 0 3px 3px 0; border-right: none; } table#unlinked-case-load-data td div > label, table#unlinked-case-load-data td div > input[type="text"] { font-size: 15px; display: block; } .message-multiple-patients div.rounded-white-card.message-patients-list > div {cursor:pointer;} .program-of-goals-and-skills .header-info-text p { max-width: 800px; } .program-of-goals-and-skills .checkin-days-and-time { max-width: 600px; margin: 0 auto; } .patient-logs-feed div.heading-bar input#show_thoughts{position:relative;top:4px} label#show_thoughts_label{font-size:15px;padding:0 0 0 4px;} div.modal-body.gdpr-informed-consent-modal-body {padding:0px;height:429px;max-height:429px;overflow:initial} div.modal-body.gdpr-informed-consent-service-marketing-modal-body {padding:0px;height:400px;overflow-x:initial;overflow-y:scroll} div.modal-footer.shadow.gdpr-informed-consent-service-marketing-modal-footer {height:90px} div.modal-body.collect-schoen-case-number-modal-body p {color:red; border:1px solid red; width:350px; padding: 5px 10px; text-align:center; margin: 0 auto 15px} div.modal-body.collect-igv-membership-status-modal-body p {color:red; border:1px solid red; width:350px; padding: 5px 10px; text-align:center; margin: 0 auto 15px} div.united-healthcare-member-ask-modal div.modal-body {padding-top:0;max-height:500px} div.united-healthcare-member-ask-modal div.modal-body.is-member-modal-body {max-height:450px;} div.united-healthcare-member-ask-modal div.modal-body.is-member-modal-body button.flat-rounded-btn.is-member-yes-no-btn {width:227px;margin:10px auto;padding-left:0;padding-right:0;font-size:16px;display:block;} div.united-healthcare-member-ask-modal div.modal-body.npi-setup-modal-body, div.united-healthcare-member-ask-modal div.modal-body.learn-more-modal-body {max-height:450px;padding-top:20px} div.united-healthcare-member-ask-modal div.modal-body.member-confirm-modal-body {max-height:505px;} div.united-healthcare-member-ask-modal div.modal-body div.link-invite {width:450px;max-width:100%} div.united-healthcare-member-ask-modal div.modal-body div.link-invite.link-invite-narrow {width:420px;max-width:96%} div.united-healthcare-member-ask-modal div.modal-body.is-member-modal-body div.link-invite h3.is-member-header {width:450px;max-width:100%} div.united-healthcare-member-ask-modal div.modal-body div.link-invite form div button.flat-rounded-btn.united-member-ask-wider-btn {width:340px; max-width:100%;margin:10px auto;padding-left:0;padding-right:0;font-size:16px;display:block} div.united-healthcare-member-ask-modal div.modal-body div.link-invite div.npi-error-container {height:40px;margin-top:10px} div.united-healthcare-member-ask-modal div.modal-body div.link-invite div.the-baa-container {height:150px;overflow:scroll;background-color:#FFF;border:1px solid #000;padding:20px;max-width:600px;margin:20px auto} div.united-healthcare-member-ask-modal div.modal-body div.link-invite div.the-baa-signature-container {border:1px solid #555;max-width:600px;padding:20px;margin:20px auto;background-color:white} div.united-healthcare-member-ask-modal div.modal-body div.link-invite div.the-baa-signature-container div.the-baa-signature-buttons {width:322px} div.modal-body.edeq-info.icons-legend-modal-body {padding-top:10px;max-height:310px;height:310px;overflow:auto} div.modal-body.edeq-info.icons-legend-modal-body table {width:480px;margin:5px auto 0 auto} div.link-invite-accept-or-reject-modal div.bglink-invite div.yellow-bar h3 {text-align:left;width:425px;margin:0 auto;max-width:96%;} div.link-invite-accept-or-reject-modal div.modal-body div.bglink-invite div.link-invite {width:425px;max-width:96%;} div.link-invite-accept-or-reject-modal div.modal-body div.bglink-invite div.link-invite div.xarticle form textarea.flat-grey-input.less-padding.shorter {width:398px;max-width:94%;} /* START ONBOARD PATIENT */ div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body {padding-top:0;padding-bottom:0;max-height:505px;height:505px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#modal-body-inner {height:415px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#modal-body-inner p.onboard-patient-intro-text {text-align:center;margin:15px auto 10px auto;width:560px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#modal-body-inner div.coping-examples.group-info div div.article-box.article-boxinner.onboard-patient-ml-diagnoses, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#modal-body-inner div.coping-examples.group-info div div.article-box.article-boxinner.onboard-patient-ny-diagnoses-container {width:680px;margin:0 auto;max-width:100%;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#modal-body-inner div.coping-examples.group-info div div.article-box.article-boxinner.onboard-patient-ml-diagnoses div.xarticle {width:500px;margin:0 auto;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#modal-body-inner div.coping-examples.group-info div div.article-box.article-boxinner div.xarticle div.xaside.nodivider.aside, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#modal-body-inner div.coping-examples.group-info div div.article-box.article-boxinner div.xarticle div.xaside {width:450px;padding:8px 12px 10px 12px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#modal-body-inner div.coping-examples.group-info div div.article-box.article-boxinner div.xarticle div.xaside.nodivider.aside h3, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#modal-body-inner div.coping-examples.group-info div div.article-box.article-boxinner div.xarticle div.xaside h3 {width:400px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#modal-body-inner div.coping-examples.group-info div.article-box.article-boxinner.onboard-patient-ny-diagnoses-container div.xarticle {margin:0;float:left} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#modal-body-inner div.coping-examples.group-info div.article-box.article-boxinner.treatement-type-optons-container, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.coping-examples div.article-box.article-boxinner.onboard-patient-rr-diagnosis-container {width:320px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#modal-body-inner div.coping-examples.group-info div div.article-box.article-boxinner.onboard-patient-rr-diagnosis-container div.xarticle div.xaside, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#modal-body-inner div.coping-examples.group-info div div.article-box.article-boxinner.onboard-patient-ny-diagnoses-container div.xarticle div.xaside, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#modal-body-inner div.coping-examples.group-info div div.article-box.article-boxinner.onboard-patient-ny-diagnoses-container div.xarticle div.xaside.nodivider.aside {width:286px;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#modal-body-inner div.coping-examples.group-info div div.article-box.article-boxinner.onboard-patient-ny-diagnoses-container div.xarticle.onboard-patient-ny-diagnoses-right-column {width:310px;margin-left:12px;margin:0 0 0 45px;float:left} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#modal-body-inner div.coping-examples.group-info div.article-box.article-boxinner.treatement-type-optons-container div.xarticle, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.coping-examples div.article-box.article-boxinner.onboard-patient-rr-diagnosis-container div.xarticle, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.coping-examples div.article-box.article-boxinner.onboard-patient-ny-diagnoses-container div.xarticle {width:310px;margin-left:12px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div p.onboard-patient-centered-text, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#loggingGoalsContent p.onboard-patient-centered-text, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div p.onboard-patient-centered-text-bigger, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div p.onboard-patient-centered-text-smaller, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div p.onboard-patient-left-text {width:600px;max-width:100%;margin:20px auto 0 auto;text-align:center;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div p.onboard-patient-centered-text-bigger {font-size:18px;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div p.onboard-patient-left-text {text-align:left} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.btn-center a.btn-log.enable-disable-dbt, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.btn-center a.btn-log.btn-glance.enable-disable-dbt {display:inline-block;height:38px;line-height:38px;width:120px;padding:0px 12px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.onboard-patient-dbt-diary-card-enabled {width: 600px;margin: 0 auto;padding-bottom:40px;max-width:100%;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.conf-log.onboard-patient-log-questions, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.conf-log.onboard-patient-rp-logging-config, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.conf-log.onboard-patient-check-in-log-types, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.onboard-patient-dbt-diary-card-disabled {padding:0 40px;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.conf-log.onboard-patient-log-questions .log-form{ width:350px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.conf-log.onboard-patient-log-questions .log-form ul{ width:348px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.conf-log.onboard-patient-log-questions .log-form ul li{ width:300px; float:left} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.conf-log.onboard-patient-log-questions div.troup-info.log-form.conf-log-left-column, div.rightpanel-inner.configure-log-questions div.conf-log div.troup-info.log-form.conf-log-left-column {float:left;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.conf-log.onboard-patient-log-questions div.troup-info.log-form.conf-log-right-column, div.rightpanel-inner.configure-log-questions div.conf-log div.troup-info.log-form.conf-log-right-column {float:right;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.conf-log.onboard-patient-log-questions div.troup-info.log-form ul li a div.onboard-log-question-section-label {line-height:38px;height:38px;float:left} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.conf-log.onboard-patient-log-questions div.troup-info.log-form ul li a div.onboard-log-question-section-label-existing {line-height:36px;height:36px;float:left} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.onboard-patient-suggested-log-sections {width:400px;float:left;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.onboard-patient-suggested-log-sections.onboard-patient-suggested-log-sections-right {margin-left:30px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.coping-examples div.article-box.article-boxinner.onboard-patient-log-questions-container {width:350px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.coping-examples div.article-box.article-boxinner.onboard-patient-log-questions-container div.xarticle {width:340px;margin-left:12px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.coping-examples div.article-box.article-boxinner.onboard-patient-log-questions-container div.xarticle div.xaside {width:316px;padding:6px 12px 8px 12px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.coping-examples div.article-box.article-boxinner.onboard-patient-log-questions-container div.xarticle div.xaside h3 {width:380px;font-size:12pt} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div p.onboard-patient-centered-text-smaller {font-size:11pt;margin:10px auto 0 auto;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#loggingGoalsContent div.target-info div.xarticle div.xaside {margin:0 auto;width:450px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div p.onboard-patient-admissions-questionnaire-text, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div p.onboard-patient-setup-program-text, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div p.onboard-patient-passive-data-text {width: 490px;margin: 40px auto 30px auto;text-align: center; font-size: 18px;max-width:96%;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.onboard-patient-setup-program-container {width: 620px;margin: 30px auto 20px;max-width:96%;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div div.detail-info.rounded-white-card.onboard-patient-coping-tactic {float:left;width:360px;margin-top:12px;padding:21px 25px 20px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div div.detail-info.rounded-white-card.onboard-patient-coping-tactic.onboard-patient-coping-tactic-left {margin-right:12px;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.detail-info.rounded-white-card.onboard-patient-coping-tactic div.enabled-coping-tactic {height:370px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div div.detail-info.rounded-white-card.onboard-patient-coping-tactic ul li textarea.flat-grey-input.less-padding.shorter.textarea.coping-tactic-description {height:130px;font-size:11pt} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.onboard-patient-add-expectation-template {max-width:650px;margin:0 auto} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div p.onboard-patient-passive-data-text {text-align:left;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.rounded-white-card.padded.onboard-patient-prepare-evaluations {width:650px;margin:15px auto;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.rounded-white-card.padded.onboard-patient-prepare-evaluations div.onboard-patient-prepare-evaluations-purpose {width:580px;margin:0 auto;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.rounded-white-card.padded.onboard-patient-prepare-evaluations div.onboard-patient-prepare-evaluations-select {width:634px;margin-right:-23px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.onboard-patient-cross-promote {max-height:170px;overflow-y:scroll;width:425px;margin:0 auto;overflow-x:hidden; max-width:100%;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.onboard-patient-cross-promote div.onboard-patient-cross-promote-links {clear:both;border:none;margin:0 auto;width:420px;border-top:1px solid #DDD} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body form.rounded-white-card.onboard-patient-send-cross-promotion {padding:30px 0px;margin:15px auto;width:350px;max-width:100%} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.control-group textarea#custom-message.flat-grey-input.less-padding.shorter {width:555px;resize:none;margin:15px 0 0 15px} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#message-area-cross-promote {width:350px;margin:0 auto} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.onboard-patient-allow-messages-container {clear:both;width:600px;margin:0 auto;padding-top:30px;max-width:96%;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.onboard-patient-sent-bar-container {width:450px;margin:20px auto;max-width:96%} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.onboard-patient-sent-bar-container div.onboarding.sent-bar.rounded-white-card {width:450px;max-width:100%;box-sizing: border-box;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.onboard-patient-assign-questionnaires, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.onboard-patient-assign-homework {width:600px;max-width:100%;margin:0 auto;padding:15px;box-sizing: border-box;} div.modal-footer.onboard-patient-modal-footer p.onboard-patient-step {float:left;margin-top:9px;margin-left:10px;color:green;margin-right:-310px;text-align:left;} div.modal-footer.onboard-patient-modal-footer button.show-logging-goals-change-history-btn, div.modal-footer.onboard-patient-modal-footer button.hide-logging-goals-change-history-btn {float:left;margin-left:290px;width:250px;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#loggingGoalsContent button.show-logging-goals-change-history-btn, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div#loggingGoalsContent button.hide-logging-goals-change-history-btn { display:none;} div.modal-footer.onboard-patient-modal-footer p.onboard-patient-step.onboard-patient-step-shorter {display:none;} div.modal-footer.onboard-patient-modal-footer button.onboard-patient-show-more-questions-btn, div.modal-footer.onboard-patient-modal-footer button.onboard-patient-show-less-questions-btn {float:left;margin-left:380px;width:105px;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.onboard-patient-show-hide-questions-buttons button.onboard-patient-show-more-questions-btn, div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.onboard-patient-show-hide-questions-buttons button.onboard-patient-show-less-questions-btn {display:none;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.assignable-homework-container .assignable-homework div.onboard-patient-request-questionnaire-schedule {padding:15px;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.assignable-homework-container .assignable-homework div.onboard-patient-request-questionnaire-schedule label {padding-left:50px;display:inline-block;} div#modal-body-outer.modal-body.grey-background.onboard-patient-modal-body div.assignable-homework-container .assignable-homework div.onboard-patient-request-questionnaire-schedule div.request-questionnaire-schedule-toggles {display:inline-block; padding-left: 15px;} /* END ONBOARD PATIENT */ div.modal-body.link-invite-from-referral-modal-body div.bglink-invite div.link-invite {width:430px} div.modal-body.link-invite-from-referral-modal-body div.bglink-invite div.link-invite div.xarticle form textarea.textarea {width:415px} form.simple-form.password-reset-modal div {height:230px;width:320px} div.popup-survey-1-modal {height:410px;width:100%} div.modal-body.ask-about-ed-caseload-percentage-modal-body {height:410px} div.modal-body.ask-about-ed-caseload-percentage-modal-body section {width:460px;margin:30px auto 20px} div.modal-body.nps-score-modal-body {width:530px;margin:0 auto;max-height:550px;max-width:100%;box-sizing: border-box;} div.modal-body.nps-score-modal-body div section {width:495px;margin:0 auto 20px;max-width:100%;} div.modal-body.nps-score-modal-body div.nps-score-reason {max-width: 100%;box-sizing: border-box;padding: 15px;} div.modal-body.nps-score-modal-body div.nps-score-reason textarea {width:515px;margin:10px auto 20px;max-width:100%;box-sizing:border-box;} div.modal-body.nps-score-modal-body div.nps-score-reason textarea {width:515px;margin:10px auto 20px;max-width:100%;} div.modal-body.grey-background.private-group-info-modal-body {padding:20px;max-height:430px;height:430px;overflow-x:hidden} div.modal-body.grey-background.private-group-info-modal-body div.private-group-info.rounded-white-card.padded div {margin-top:10px;height:45px;position:relative} div.modal-body.grey-background.private-group-info-modal-body div.private-group-info.rounded-white-card.padded div {margin-top:10px;height:100px;position:relative} div.modal-body.collect-erc-emr-number-modal-body label span {color:red; border:1px solid red; width:350px; padding: 2px 10px; text-align:center; margin-left: 15px} form.simple-form.not-activated-email-bounces-modal div {height:250px;max-height:250px;} form.simple-form.not-activated-email-bounces-modal div div {height:40px} div.cms-confirm-medical-record-modal div.modal-body.grey-background.cms-confirm-medical-record, div.modal-body.grey-background.add-or-edit-message-template-modal-body {height:500px;max-height:500px} div.modal-body.context-help-at-a-glance-modal-body {height:500px;max-height:500px} form.simple-form.change-password-modal div.modal-body {height:280px;max-height:280px;width:320px} form.simple-form.change-password-modal div.modal-body div.popup-message-area-container, form.simple-form.change-email-modal div.modal-body div.popup-message-area-container, form.simple-form.two-factor-auth-disable-modal div.modal-body div.popup-message-area-container {height:40px} form.simple-form.change-email-modal div.modal-body {height:235px;max-height:235px;width:320px} form.simple-form.do-not-disturb-modal div#modal-body-outer.modal-body.grey-background {max-height:540px;height:540px;overflow-y:scroll} form.simple-form.out-of-office-modal div#modal-body-outer, form.simple-form.delay-after-hours-messages-modal div#modal-body-outer, form.simple-form.gdpr-data-dump-modal div.gdpr-data-dump-modal-body.modal-body {max-height:450px;height:450px;} div.modal-body.grey-background.choose-patient-avatar-modal-body div.rightpanel-inner {height:390px} div.clinic-license-email-or-print-quote-modal {height:250px;width:320px} div.purchase-saas-plan-modal {height:290px} div.purchase-saas-plan-modal div.monthly-billing-container {width:360px;float:left;padding-bottom:15px} div.cancel-saas-subscription-modal {height:115px;width:320px} form.simple-form.clinic-license-enquire-modal div {height:215px;max-height:215px;width:900px} form.simple-form.clinic-license-enquire-modal div div {height:40px} form.simple-form.clinic-license-enquire-modal div table {width:600px;margin:0 auto} div.modal-body button.flat-rounded-btn.bigger.centered {width:350px;margin:15px auto} div.modal-body.support-triage-didnt-help-modal-body button.flat-rounded-btn.bigger.centered {width:350px;margin:15px auto} div.modal-body.invite-patient-modal-body {padding-top:0;max-height:450px} div.modal-body.invite-patient-modal-body div.link-invite form button.flat-rounded-btn {width:327px;padding-left:0;padding-right:0;font-size:16px} div.modal-body.invite-patient-modal-body div.link-invite form button.flat-rounded-btn {width:327px;margin:10px 0;padding-left:0;padding-right:0;font-size:16px} div.modal-body.outstanding-invite-modal-body {padding-top:0;max-height:450px} div.modal-body.outstanding-invite-modal-body div.bglink-invite div.link-invite div.xarticle.review form button.flat-rounded-btn.less-padding {width:327px;font-size:16px} div.modal-body.outstanding-invite-modal-body div.bglink-invite div.link-invite div.xarticle.review form button.flat-rounded-btn.less-padding {width:327px;margin:10px 0;font-size:16px} div.modal-body.outstanding-invite-modal-body div.bglink-invite div.link-invite div.xarticle.review form button.flat-rounded-btn.red {width:327px;font-size:16px} div.modal-body.context-help-manage-links-modal-body {height:500px;max-height:500px} div.modal-body.linking-history-modal-body {min-height:500px} div.modal-body.grey-background.link-invite-select-patient-type-modal-body {padding-top:0;max-height:450px} div.modal-body.grey-background.grid-view-configuration-modal-body {padding-top:0;max-height:530px;height:530px} div.modal-body.grey-background.meal-plan-day-modal-body {padding-top:0;max-height:510px;height:510px} div.modal-body.context-help-logs-modal-body {height:500px;max-height:500px} div.modal-body.context-help-logs-modal-body div.context-help-body div table {width:480px;margin:0 auto 0 auto} div.modal-body.grey-background.meal-plan-grid-configuration-modal-body {padding-top:0;max-height:530px;height:530px} div.modal-body.grey-background.override-patient-best-app-name-modal-body {padding-top:0;max-height:450px;position:relative} div.modal-body.grey-background.select-daily-log-bg-modal-body {padding-top:0;max-height:520px;height:520px;padding:10px;} div.modal-body.grey-background.select-daily-log-bg-modal-body div.rightpanel-inner div.group-info {width:343px} div.modal-body.grey-background.select-daily-log-bg-modal-body div.rightpanel-inner div.group-info ul li {width:320px;padding-right:11px;text-align:center} div.modal-body.context-help-charts-modal-body {height:500px;max-height:500px} div.date-popover-modal {height:290px;width:320px} div.modal-body.context-help-print-modal-body {height:500px;max-height:500px} div.modal-body.edeq-info.edeq-help-modal-body {padding-top:10px;max-height:545px;height:545px;overflow:auto} div.modal-body.context-help-edeqs-modal-body {height:500px;max-height:500px} div.modal-body.grey-background.epsi-schedule.edit-epsi-schedule-modal-body {padding-top:0;max-height:300px;height:300px;overflow-x:hidden;padding:30px} div.modal-body.grey-background.request-questionnaire-modal-body {padding-top:0;max-height:430px;height:430px;overflow-x:hidden;padding:30px} div.modal-body.edeq-info.epcot-help-modal-body {padding-top:10px;max-height:545px;height:545px;overflow:auto} div.modal-body.context-help-epcots-modal-body {height:500px;max-height:500px} div.modal-body.edeq-answer-modal-body div.rightpanel-scroll div.answer-info-bg div.answer-info ul.value-box li.taller span {height:60px} div.modal-body.edeq-answer-modal-body div.rightpanel-scroll div.answer-info-bg div.answer-info ul.value-box li.taller span {height:60px} div.modal-body.edeq-answer-modal-body div.rightpanel-scroll div.answer-info-bg div.answer-info ul.value-box li.taller span {height:60px} div.modal-body.edeq-answer-modal-body div.rightpanel-scroll div.answer-info-bg div.answer-info ul.value-box li.taller span {height:60px} div.modal-body.edeq-answer-modal-body div.rightpanel-scroll div.answer-info-bg div.answer-info ul.value-box li.taller span {height:60px} div.modal-body.edeq-answer-modal-body div.rightpanel-scroll div.answer-info-bg div.answer-info ul.value-box li.taller span {height:60px} div.modal-body.edeq-answer-modal-body div.rightpanel-scroll div.answer-info-bg div.answer-info ul.value-box li.taller span.nodivider {height:60px} div.modal-body.edeq-answer-modal-body div.rightpanel-scroll div.answer-info-bg div.answer-info ul.value-box li.taller span {height:50px;padding-top:13px} div.modal-body.edeq-answer-modal-body div.rightpanel-scroll div.answer-info-bg div.answer-info ul.value-box li.taller span {height:60px} div.modal-body.edeq-answer-modal-body div.rightpanel-scroll div.answer-info-bg div.answer-info ul.value-box li.taller span {height:60px} div.modal-body.edeq-answer-modal-body div.rightpanel-scroll div.answer-info-bg div.answer-info ul.value-box li.taller span {height:60px} div.modal-body.edeq-answer-modal-body div.rightpanel-scroll div.answer-info-bg div.answer-info ul.value-box li.taller span {height:60px} div.modal-body.edeq-answer-modal-body div.rightpanel-scroll div.answer-info-bg div.answer-info ul.value-box li.taller span {height:60px} div.modal-body.edeq-answer-modal-body div.rightpanel-scroll div.answer-info-bg div.answer-info ul.value-box li.taller span.nodivider {height:60px} div.modal-body.grey-background.configure-log-section-modal-body {padding-top:0;max-height:480px;} div.modal-body.context-help-log-questions-asked-modal-body {height:500px;max-height:500px} div.modal-body.add-custom-feeling-popover-modal-body {padding-top:0;padding-bottom:0;max-height:480px;height:480px} div.modal-body.custom-feeling-icon-picker-modal-body {max-height:515px} div.modal-body.custom-feeling-icon-picker-modal-body div.link-icons.custom-feelings {height:510px;padding:0 55px;width:310px} div.modal-body.add-custom-question-popover-modal-body {padding-top:0;padding-bottom:0;max-height:300px;height:300px} div.modal-body.custom-log-question-popover-modal-body {padding-top:0;padding-bottom:0;max-height:480px;height:480px} div.modal-body.grey-background.select-goal-template-modal-body {padding-top:0;max-height:455px;height:455px;padding:10px} div.modal-body.grey-background.select-goal-template-modal-body div.rightpanel-inner div.group-info.select-goal-template-step1, div.modal-body.grey-background.select-goal-template-modal-body div.rightpanel-inner div.group-info.select-goal-template-step2, div.modal-body.grey-background.select-goal-template-modal-body div.rightpanel-inner div.group-info.select-goal-template-step1 ul, div.modal-body.grey-background.select-goal-template-modal-body div.rightpanel-inner div.group-info.select-goal-template-step2 ul {width:325px} div.modal-body.grey-background.select-goal-template-modal-body div.rightpanel-inner div.group-info.select-goal-template-step1 ul li, div.modal-body.grey-background.select-goal-template-modal-body div.rightpanel-inner div.group-info.select-goal-template-step2 ul li {margin-left:auto; margin-right:auto;box-sizing:initial;} div.modal-body.grey-background.select-goal-template-modal-body div.rightpanel-inner div.group-info.select-goal-template-step3 {width:360px} div.select-coping-tactic-template-modal div.modal-body.grey-background{padding-top:0;max-height:520px;height:520px;padding:10px;} div.select-coping-tactic-template-modal div.modal-body.grey-background div.rightpanel-inner div.group-info {width:343px;} div.select-coping-tactic-template-modal div.modal-body.grey-background div.rightpanel-inner div.group-info div div.xarticle {width:325px} div.select-coping-tactic-template-modal div.modal-body.grey-background div.rightpanel-inner div.group-info ul {width:343px;} div.select-coping-tactic-template-modal div.modal-body.grey-background div.rightpanel-inner div.group-info ul li {width:320px;;padding-right:11px} div.select-coping-tactic-template-modal div.modal-body.grey-background div.rightpanel-inner div.group-info {width:325px} div.select-coping-tactic-template-modal div.modal-body.grey-background div.rightpanel-inner div.group-info div.xarticle {width:325px} div.select-coping-tactic-template-modal div.modal-body.grey-background div.rightpanel-inner div.coping-examples div.article-box div.xarticle {width:325px;margin:20px 0 0 30px} div.select-coping-tactic-template-modal div.modal-body.grey-background div.rightpanel-inner div.coping-examples div.article-box div.xarticle div.xaside {width:301px} div.modal-body.grey-background.select-goal-template-modal-body div.rightpanel-inner div.group-info.select-goal-template-step3 {width:360px} div.modal-footer.shadow button.flat-rounded-btn.bigger {width:321px;margin-top:10px;max-width:100%} div.modal-body.add-coping-tactic-modal-body {padding-top:0;padding-bottom:0;max-height:450px;height:450px;} div.modal-body.add-coping-tactic-modal-body div.rightpanel-scroll div.detail-info form ul {width:380px} div.modal-body.add-coping-tactic-modal-body div.rightpanel-scroll div.detail-info form ul li textarea.flat-grey-input.less-padding.shorter {font-size:15px;height:105px} div.modal-body.add-coping-tactic-modal-body div.rightpanel-scroll div.detail-info form ul li textarea#examples-text.flat-grey-input.less-padding.shorter {font-size:15px;height:50px} div.modal-body.show-conditions-popover-modal-body {padding-top:0;max-height:450px;height:450px;position:initial;background-color:#f4f4f4} div.modal-body.coping-tactic-config-off-modal-body {height:50px} div.modal-body.context-help-coping-skills-modal-body {height:500px;max-height:500px} div.modal-body.add-clinical-goal-modal-body {padding-top:0;max-height:430px;height:430px;overflow-x:hidden} div.modal-body.add-clinical-goal-modal-body div.rightpanel-inner.add-clinical-goal-step1 {width:346px;height:auto;margin:25px auto 0;float:none;overflow-x:hidden;max-width:100%} div.modal-body.add-clinical-goal-modal-body div.rightpanel-inner.add-clinical-goal-step2 {width:346px;height:auto;margin:25px auto 0;float:none;position:relative;top:-12px;max-width:100%;} div.modal-body.add-clinical-goal-modal-body div.rightpanel-inner.add-clinical-goal-step2 div.coping-examples div.article-box div.xarticle {width:305px;margin:20px 0 0 20px} div.modal-body.add-clinical-goal-modal-body div.rightpanel-inner.add-clinical-goal-step3 {width:370px;height:auto;margin:25px auto 0;float:none;max-width:100%} div.modal-body.view-clinical-goal-modal-body {padding-top:0;max-height:520px;height:520px;overflow-x:hidden} div.modal-body.context-help-goals-modal-body {height:500px;max-height:500px} div.modal-body.simple-add-clinical-goal-modal-body {padding-top:0;max-height:430px;height:430px;overflow-x:hidden} div.modal-body.simple-add-clinical-goal-modal-body div.rightpanel-inner {width:346px;height:auto;margin:0 auto;float:none;overflow-x:hidden} div.modal-body.grey-background.add-visit-record-modal-body {padding-top:0;max-height:560px;height:560px;overflow-y:scroll} div.modal-body.grey-background.add-visit-record-modal-body div.rightpanel-scroll div.rightpanel-inner form div.group-info.add-record ul li.input-bg div.txt-box {height:150px} div.modal-body.grey-background.add-visit-record-modal-body div.rightpanel-scroll div.rightpanel-inner form div.group-info.add-record ul li.input-bg div.txt-box textarea.textarea {width:359px;height:140px;background-color: transparent;line-height:28px} div.modal-body.context-help-visit-records-modal-body {height:500px;max-height:500px} div.modal-body.context-help-meal-planner-modal-body {height:500px;max-height:500px} div.modal-body.prompt-turn-on-patient-reply-modal-body div button.btn.btn-large {width:355px;} div.modal-body.prompt-turn-on-patient-reply-modal-body div button.btn.btn-large {width:355px} div.modal-body.context-help-messages-modal-body {height:500px;max-height:500px} div.modal-body.cms-terms-of-use-dlg-modal-body {height:530px;max-height:530px;border-top:1px solid black;border-bottom:1px solid black;padding:0} div#privacyBox.modal-body.cms-privacy-notice-dlg-modal-body {height:530px;max-height:530px;border-top:1px solid black;border-bottom:1px solid black;padding:0} div.modal-body.stripe-refund-confirm-refund-modal-body {padding-top:0;padding-bottom:0;max-height:220px;height:220px} div.modal-body.stripe-refund-confirm-refund-modal-body form label div {padding:8px; border: 1px solid grey; border-bottom-left-radius: 5px; border-top-left-radius: 5px; background-color: #dddddd; margin-right:-5px; height:36px; box-sizing:border-box; display:inline-block;} div.modal-body.stripe-refund-confirm-refund-modal-body form label input.flat-grey-input.less-padding {padding:8px; height: 36px; box-sizing:border-box; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-color:grey;width:150px;position:relative;top:3px} div.choose-expectation-template-popover-modal div.modal-body.grey-background {padding-top:0;max-height:520px;height:520px;padding:10px;} div.choose-expectation-template-popover-modal div.modal-body.grey-background div.rightpanel-inner div.group-info {width:325px} div.choose-expectation-template-popover-modal div.modal-body.grey-background div.rightpanel-inner div.group-info div.xarticle {width:325px} div.modal-body.grey-background.settings-blood-glucose-modal-body {padding-top:0;max-height:255px;height:255px;overflow-x:hidden} div.modal-body.grey-background.log-calendar-logs-for-date-modal-body {padding-top:0;max-height:400px;height:400px;padding:10px;} div.modal-body.grey-background.log-calendar-logs-for-date-modal-body div.rightpanel-inner div.group-info {width:343px} div.modal-body.grey-background.log-calendar-logs-for-date-modal-body div.rightpanel-inner div.group-info ul {width:343px} div.modal-body.grey-background.log-calendar-logs-for-date-modal-body div.rightpanel-inner div.group-info ul li {width:320px;padding-right:11px} div.modal-body.grey-background.configure-dysfunctional-thought-questions-modal-body {padding-top:0;max-height:430px;height:430px;overflow-x:hidden} div.modal-body.grey-background.select-questionnaire-for-request-modal-body {padding-top:0;max-height:430px;height:430px;overflow-x:hidden;padding:30px} div.modal-body.add-interpersonal-relationship.add-interpersonal-relationship-modal-body {padding-top:0;max-height:430px;height:430px;overflow-x:hidden;padding:0} div.modal-body.add-interpersonal-relationship.add-interpersonal-relationship-modal-body div.relationship-container {position: relative; height: 50px; margin-bottom: 15px;} div.modal-body.add-interpersonal-relationship.add-interpersonal-relationship-modal-body div.select-relationship-container {padding:15px;overflow-y:scroll;height:291px} div.modal-footer.extra-pad-bottom.add-interpersonal-relationship-modal-footer button.flat-rounded-btn.bigger {padding:8px 20px;width:338px;margin-top:15px} div.modal-body.grey-background.single-select-list-modal-body {padding-top:0;max-height:430px;height:430px;overflow-x:hidden} div.modal-body.grey-background.add-my-triggers-modal-body, div.modal-body.grey-background.add-fbt-growth-chart-measurement-modal-body {max-height:430px;height:430px;overflow-x:hidden} div.modal-footer.extra-pad-bottom.shadow button.flat-rounded-btn.bigger.centered {width:334px;margin-bottom:10px} div.modal-footer.extra-pad-bottom.shadow.add-my-triggers-modal-footer button.flat-rounded-btn.bigger.centered, div.modal-footer.extra-pad-bottom.shadow.add-fbt-growth-chart-measurement-modal-footer button.flat-rounded-btn.bigger.centered {width:334px;margin-bottom:10px} div.modal-footer.extra-pad-bottom.shadow.add-my-triggers-modal-footer button.flat-rounded-btn.bigger.centered, div.modal-footer.extra-pad-bottom.shadow.add-fbt-growth-chart-measurement-modal-footer button.flat-rounded-btn.bigger.centered {width:334px;margin-bottom:10px} div.modal-body.grey-background.person-select-view-modal-body {padding-top:0;max-height:380px;height:380px;overflow-x:hidden} div.modal-body.grey-background.person-select-view-modal-body div button.flat-rounded-btn.bigger.centered {margin:8px auto;padding:8px 2px;width:335px} div.modal-footer.extra-pad-bottom.shadow button.flat-rounded-btn.bigger.centered {margin:8px auto;padding:8px 2px;width:335px} div.modal-body.grey-background.people-select-list-modal-body {padding-top:0;max-height:430px;height:430px;overflow-x:hidden} div.modal-footer.extra-pad-bottom.shadow button.flat-rounded-btn.bigger.centered {margin:8px auto;padding:8px 2px;width:335px} div.modal-body.add-or-edit-anxiety-exposure-modal-body {padding-top:0;max-height:430px;height:430px;overflow-x:hidden} div.modal-body.add-or-edit-anxiety-exposure-modal-body div div.rightpanel-inner {width:346px;height:auto;margin:0 auto;float:none;overflow-x:hidden} div.modal-body.grey-background.select-file-to-upload-modal-body {padding-top:0;max-height:450px} div.modal-body.grey-background.select-patients-for-share-document-modal-body {padding-top:0;max-height:430px;height:430px;overflow-x:hidden} div.modal-body.context-help-united-healthcare-modal-body {height:500px;max-height:500px} div.modal-body.grey-background.audio-lessons-select-format-and-character-modal-body {max-height:300px;height:300px;padding:30px;} div.modal-body.grey-background.private-groups-profile-modal-body {padding:20px;max-height:430px;height:430px;overflow-x:hidden} div.modal-body.grey-background.choose-private-group-logo-modal-body div.rightpanel-inner {height:390px} div.modal-body.enter-private-group-logo-url-modal-body p {color:red; border:1px solid red; width:350px; padding: 5px 10px; text-align:center; margin: 0 auto 15px} div.modal-body.grey-background.invite-private-group-member.invite-private-group-member-modal-body {padding:20px;max-height:430px;height:430px;overflow-x:hidden;} div.modal-body.grey-background.invite-private-group-member.invite-private-group-member-modal-body div.rounded-white-card.padded.group-invite-by-email div {height: 45px; position:relative} div.clinical-insight-thumbs-down-reason-modal div.modal-body.grey-background {padding-top:0;max-height:275px;height:275px;padding:10px;} div.clinical-insight-thumbs-down-reason-modal div.modal-body.grey-background div.rightpanel-inner div.group-info.clinical-insight-thumbs-down {width:325px} div.clinical-insight-thumbs-down-reason-modal div.modal-body.grey-background div.rightpanel-inner div.group-info.clinical-insight-thumbs-down div.xarticle {width:325px} div.modal-body.grey-background.add-meal-supplement.add-or-edit-patient-supplement-modal-body {padding-top:0;max-height:430px;height:430px;overflow-x:hidden;padding:30px;position:relative} div.modal-body.two-factor-auth-enable-modal-body {padding:0px;height:465px;max-height:465px;overflow:initial} div.modal-body.two-factor-auth-enable-modal-body div.did-not-receive-auth-channel {height:55px;padding-top:15px} form.simple-form.two-factor-auth-disable-modal div.modal-body {height:235px;max-height:235px} div.modal-body.create-link-with-patient-available-to-link-with-modal-body {padding-top:0;max-height:450px} div.modal-body.grey-background.dbt-skill-description-modal-body {padding:20px;max-height:430px;height:430px;overflow-y:scroll} div.modal-body.add-or-edit-custom-dbt-behavior-target-modal-body {padding-top:0;padding-bottom:0;max-height:300px;height:300px} div.modal-body.add-meal-to-plan-modal-body {padding-top:0;max-height:426px;height:426px;overflow-y:auto;overflow-x:hidden} div.modal-body.add-meal-to-plan-modal-body div.rightpanel {width:360px;float:none;margin:0 auto;overflow:hidden;background-color:#fff} div.modal-body.add-meal-to-plan-modal-body div.rightpanel div.rightpanel-inner div.addmeal-info form ul {width:330px;padding-left:30px} div.modal-footer.extra-pad-bottom.add-meal-to-plan-modal-footer button.flat-rounded-btn.bigger {width: 315px;margin-top:10px} div.clone-another-day-popover-modal {height:310px;padding:20px 0 0 0;background-color:#eff0f6;border-radius:3px 3px 0 0} div.modal-body.grey-background.pick-exchange-modal-body {padding-top:10px;max-height:510px;height:510px;overflow-y:auto;overflow-x:hidden} div.modal-body.grey-background.pick-exchange-modal-body div.coping-examples div.article-box.article-boxinner div.rightpanel-inner div.group-info.mealplan ul {width:388px} div.modal-body.grey-background.pick-exchange-modal-body div.coping-examples div.article-box.article-boxinner div.rightpanel-inner div.group-info.mealplan ul li {width:340px} div.modal-body.exchange-value-modal-body {padding-top:0;max-height:500px;height:500px;overflow-y:auto;overflow-x:hidden} div.modal-body.exchange-fluid-value-modal-body {padding-top:0;max-height:500px;height:500px;overflow-y:auto;overflow-x:hidden} div.modal-body.add-custom-exchange-modal-body {padding-top:0;max-height:500px;height:500px;overflow-y:auto;overflow-x:hidden} div.modal-body.grey-background.use-meal-plan-template-modal-body {padding-top:0;max-height:510px;height:510px} div.modal-body.grey-background.use-meal-plan-template-modal-body div.rightpanel-scroll div.detail-info div.rightpanel-inner div.coping-examples.plandays.theplan div.xarticle {width:368px;margin-left:13px} div.modal-body.grey-background.use-meal-plan-template-modal-body div.rightpanel-scroll div.detail-info div.rightpanel-inner div.coping-examples.plandays.theplan div.xarticle a div.xaside {width:340px} div.modal-body.grey-background.use-meal-plan-template-modal-body div.rightpanel-scroll div.detail-info div.rightpanel-inner div.coping-examples.plandays.theplan div.xarticle div.meal-plan-template div.xaside {width:340px} div.date-of-birth-popover-modal {height:290px;width:320px} div.units-popover-modal {height:230px;padding:100px 16px 0 16px;} div.modal-body.grey-background.medication-popover-modal-body {padding-top:0;max-height:560px;height:560px;overflow-x:hidden} div.modal-body.grey-background.medication-popover-modal-body div.coping-examples.visit-medications div.article-box.article-boxinner div.xarticle {width:394px} div.modal-body.grey-background.medication-popover-modal-body div.coping-examples.visit-medications div.article-box.article-boxinner div.xarticle div div.xaside {width:370px;} div.modal-body.grey-background.medication-popover-modal-body div.coping-examples.visit-medications div.article-box.article-boxinner div.xarticle div div.xaside {width:370px;background-color:#FFFFFF;padding-bottom:10px;padding-top:7px;cursor:default;margin-bottom:0px;border-bottom:1px solid #eff0f6;border-radius:0} div.modal-body.grey-background.medication-popover-modal-body div.coping-examples.visit-medications div.article-box.article-boxinner div.xarticle div div.xaside {width:370px;background-color:#FFFFFF;padding-bottom:10px;padding-top:7px;cursor:default;margin-bottom:0px;border-bottom:1px solid #eff0f6;border-radius:0} div.modal-body.grey-background.medication-popover-modal-body div.coping-examples.visit-medications div.article-box.article-boxinner div.xarticle div div.xaside.date-entry {width:370px;;border-radius:0 0 3px 3px;margin-bottom:10px} div.rightpanel.rightpanel-about-us div.rightpanel-scroll.about-us {height: calc(100% - 193px); height: -webkit-calc(100% - 193px); height: -moz-calc(100% - 193px);} div.rightpanel.rightpanel-about-us div.rightpanel-scroll.about-us div.rightpanel-inner div.about-us-content {width:450px;margin:0 auto;padding-top:40px;font-family:sans-serif; max-width: 100%;} div.rightpanel.rightpanel-add-private-group div.rightpanel-scroll.add-private-group {height: calc(100% - 195px); height: -webkit-calc(100% - 195px); height: -moz-calc(100% - 195px);padding-top:30px;padding-bottom:30px;} div.rightpanel.rightpanel-all-patient-step-counts-view div.heading-bar.toggle-bg a.nav-toggle.today-toggle {background-position:bottom right 0px;} div.rightpanel.rightpanel-all-patient-step-counts-view div.heading-bar.toggle-bg a.nav-toggle.yesterday-toggle {background-position:bottom right 20px;} div.rightpanel.rightpanel-all-patient-step-counts-view div#dyn-height.rightpanel-scroll {height:calc(100% - 140px);height:-moz-calc(100% - 140px);height:-webkit-calc(100% - 140px);} div.rightpanel.rightpanel-anxiety-exposures div#dyn-height1.rightpanel-scroll.anxiety-exposures-scroll {padding-bottom:30px; height:calc(100% - 219px);height:-moz-calc(100% - 219px);height:-webkit-calc(100% - 219px);} div.rightpanel.rightpanel-assign-homework div#dyn-height1.rightpanel-scroll.assign-homework-scroll {padding-bottom:30px; height:calc(100% - 161px);height:-moz-calc(100% - 161px);height:-webkit-calc(100% - 161px);} div.rightpanel.rightpanel-baa-npi-first div#dyn-height1 div div.rounded-white-card.padded.centered.baa-npi-first-content {width:400px;margin-top:30px;padding-right:0;} div.rightpanel.rightpanel-bariatric-insurance-requirements div#dyn-height.rightpanel-scroll {overflow:hidden;height:calc(100% - 139px);height:-moz-calc(100% - 139px);height:-webkit-calc(100% - 139px);} div.rightpanel.rightpanel-bright-licensing div#dyn-height1.rightpanel {height:calc(100% - 48px);height:-moz-calc(100% - 48px);height:-webkit-calc(100% - 48px);background-color:#A0A7B5;} div.rightpanel.rightpanel-bright-licensing div#dyn-height4.rightpanel-scroll {height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);} div.rightpanel.rightpanel-bright-licensing div#dyn-height4.rightpanel-scroll div.bright-select-license-type, div.rightpanel.rightpanel-rp-licensing div#dyn-height4.rightpanel-scroll div.rp-select-license-type, div.rightpanel.rightpanel-ml-licensing div#dyn-height4.rightpanel-scroll.ml-licensing-scroll2 div.ml-select-license-type, div.rightpanel.rightpanel-licensing div#dyn-height4.rightpanel-scroll.licensing-scroll2 div.select-license-type {width:500px;margin:30px auto 0 auto;max-width:100%;} div.rightpanel.rightpanel-bright-licensing div#dyn-height2.rightpanel-scroll {height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);} div.rightpanel.rightpanel-bright-licensing div#dyn-height3.rightpanel-scroll {height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);} div.rightpanel.rightpanel-bright-licensing div#dyn-height3.rightpanel-scroll div p.bright-licensing-clinic-value-prop, div.rightpanel.rightpanel-licensing div#dyn-height3.rightpanel-scroll.licensing-scroll6 div p.licensing-clinic-value-prop, div.rightpanel.rightpanel-ml-licensing div#dyn-height3.rightpanel-scroll.ml-licensing-scroll6 div p.ml-licensing-clinic-value-prop, div.rightpanel.rightpanel-nourishly-subscription div#dyn-height3.rightpanel-scroll.nourishly-subscription-scroll3 div p.nourishly-subscription-clinic-value-prop, div.rightpanel.rightpanel-rp-licensing div#dyn-height3.rightpanel-scroll.rp-licensing-scroll6 div p.rp-licensing-clinic-value-prop {padding:20px 20px;width:520px;margin:0 auto;max-width:100%;box-sizing:border-box;} div.bright-select-license-type p, div.rp-select-license-type p, div.ml-select-license-type p, div.select-license-type p {margin-left:15px;margin-right:15px;} p.licensing-prices-in-usd {float:right;width:300px;text-align:right;margin-left:-300px;color:#555;font-size:12px;} div.rightpanel.rightpanel-call-patient div#dyn-height1.rightpanel-scroll {padding-bottom:30px; height:calc(100% - 219px);height:-moz-calc(100% - 219px);height:-webkit-calc(100% - 219px);} div.rightpanel.rightpanel-call-patient div#dyn-height1.rightpanel-scroll div div div#rr-video-call-container {width:650px; height:500px; margin: 15px auto; position:relative; background-color: #000000;} div.rightpanel.rightpanel-chart-events div#dyn-height.rightpanel-scroll.chart-events-scroll, div.rightpanel.rightpanel-chart-trends div#dyn-height.rightpanel-scroll.chart-trends-scroll {height:calc(100% - 208px);height:-moz-calc(100% - 208px);height:-webkit-calc(100% - 208px);} div.rightpanel.rightpanel-chart-events div#dyn-height.rightpanel-scroll.chart-events-scroll div.data-insights div.chart-events-content {width:600px;height:450px;margin:20px auto;} div.rightpanel.rightpanel-chart-insights div#dyn-height.rightpanel-scroll.chart-insights div.data-insights div.data-insights-content {width:600px;height:450px;margin:20px auto;} div.rightpanel.rightpanel-chart-trends div#dyn-height.rightpanel-scroll.chart-trends-scroll div.data-insights div.chart-trends-content {width:600px;height:450px;margin:20px auto;} div.rightpanel.rightpanel-clinical-goals div.heading-bar.toggle-bg a.nav-toggle.active.clinical-goals-toggle {background-position: bottom right 17px;} div.rightpanel.rightpanel-clinician-profile div.rightpanel-scroll.clinician-profile-scroll {height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);overflow-y:scroll;} div.rightpanel.rightpanel-cms-missed-dosing-message div#dyn-height1.rightpanel-scroll {padding-bottom:30px; height:calc(100% - 161px);height:-moz-calc(100% - 161px);height:-webkit-calc(100% - 161px);} div.rightpanel.rightpanel-cms-missed-dosing-message div#dyn-height1.rightpanel-scroll div div.rounded-white-card.padded.cms-missed-dosing-message-content {margin: 30px auto; width: 400px;} div.rightpanel.rightpanel-configure-dbt-diary-card-behaviors div#dyn-height.rightpanel-scroll.dbt-diary-cards-config-section div.dbt-diary-card-custom-behaviors {margin: 20px auto; width: 500px;} div.rightpanel.rightpanel-configure-dbt-diary-card-behaviors div#dyn-height.rightpanel-scroll.dbt-diary-cards-config-section div.dbt-diary-card-configure-behaviors {margin: 20px auto; width: 500px;} div.rightpanel.rightpanel-configure-dbt-diary-card-feelings div#dyn-height.rightpanel-scroll.dbt-diary-cards-config-section {height: calc(100% - 187px);height: -webkit-calc(100% - 187px); height: -moz-calc(100% - 187px);} div.rightpanel.rightpanel-configure-dbt-diary-card-feelings div#dyn-height.rightpanel-scroll.dbt-diary-cards-config-section div.enable-dbt-diary-card-feelings {margin: 20px auto; width: 500px;} div.rightpanel.rightpanel-configure-dbt-diary-card-feelings div#dyn-height.rightpanel-scroll.dbt-diary-cards-config-section div.enable-dbt-diary-card-feelings div.group-info ul li {width:400px;padding-bottom:9px;} div.rightpanel.rightpanel-configure-dbt-diary-card-feelings div#dyn-height.rightpanel-scroll.dbt-diary-cards-config-section div.reorder-dbt-diary-card-feelings {margin: 20px auto; width: 500px;} div.rightpanel.rightpanel-configure-dbt-diary-card-feelings div#dyn-height.rightpanel-scroll.dbt-diary-cards-config-section div.reorder-dbt-diary-card-feelings div.group-info.reorder-dbt-feelings ul li.nohighlight {width:400px;padding-bottom:9px;} div.rightpanel.rightpanel-configure-dbt-diary-card-skills div#dyn-height.rightpanel-scroll.dbt-diary-cards-config-section div.dbt-diary-card-configure-skills {margin: 20px auto; width: 500px;} div.rightpanel.rightpanel-configure-dbt-diary-cards div.heading-bar.toggle-bg a.nav-toggle.weekly-toggle {background-position: bottom right 5px;} div.rightpanel.rightpanel-configure-dbt-diary-cards div.heading-bar.toggle-bg a.nav-toggle.active.configure-toggle {background-position: bottom right 20px;} div.rightpanel.rightpanel-configure-dbt-diary-cards div#dyn-height.rightpanel-scroll.dbt-diary-cards-container p.dbt-diary-card-explainer-para {width:600px;margin:20px auto 0 auto;text-align:left;} div.rightpanel.rightpanel-configure-dbt-diary-cards div#dyn-height.rightpanel-scroll.dbt-diary-cards-container div.group-info ul li.top-bottom {width:500px; margin: 10px auto 5px; box-sizing:border-box;} div.rightpanel.rightpanel-configure-dbt-diary-cards div#dyn-height.rightpanel-scroll.dbt-diary-cards-container div.config-dbt-diary-card-sections {margin: 20px auto; width: 500px;} div.rightpanel.rightpanel-configure-dbt-diary-cards div#dyn-height.rightpanel-scroll.dbt-diary-cards-container div.config-dbt-diary-card-reminder-times {width: 400px; margin: 0 auto;padding-bottom:40px;} div.rightpanel.rightpanel-configure-logging-and-tracking div.heading-bar.toggle-bg a.nav-toggle.log-types-toggle {background-position-x:-8px;} div.rightpanel.rightpanel-configure-logging-and-tracking div.heading-bar.toggle-bg a.nav-toggle.check-in-questions-toggle {background-position-x:0px;} div.rightpanel.rightpanel-configure-logging-and-tracking div#dyn-height1.rightpanel-scroll {height:calc(100% - 132px);height:-moz-calc(100% - 132px);height:-webkit-calc(100% - 132px);padding-bottom:20px;box-sizing:border-box;} div.rightpanel.rightpanel-coping-tactics div#dyn-height.rightpanel-scroll.coping-tactics-scroll {height:calc(100% - 192px);height:-moz-calc(100% - 192px);height:-webkit-calc(100% - 192px);} div.rightpanel.rightpanel-coworker-compose div#dyn-height1.meal-list-inner.scroll-bottom.rightpanel-scroll div.message-info div div.coworker-message-container {max-width:530px;margin:0 20px;} div.rightpanel.rightpanel-coworker-conversations div#dyn-height1.meal-list-inner.padded.coworker-conversations-scroll {height:calc(100% - 193px);height:-moz-calc(100% - 193px);height:-webkit-calc(100% - 193px);} div.rightpanel.rightpanel-coworker-conversations div#dyn-height1.meal-list-inner.padded.coworker-conversations-scroll div div.rounded-white-card.padded.centered.invite-coworker-container {width:450px;} div.rightpanel.rightpanel-coworker-list div#dyn-height1.rightpanel-scroll.meal-list-inner.coworker-list-scroll {height:calc(100% - 133px);height:-moz-calc(100% - 133px);height:-webkit-calc(100% - 133px);overflow-y:scroll;} div.rightpanel.rightpanel-daily-water-log-view div.meal-list div div#dyn-height1.scroll-bottom.meal-list-inner.thought-log.daily-water-log-scroll {height:calc(100% - 180px);height:-moz-calc(100% - 180px);height:-webkit-calc(100% - 180px);border-top: 1px solid #e3e3e3;} div.rightpanel.rightpanel-dbt-diary-card div#dyn-height.dbt-diary-card-scroll div.dbt-diary-card-container {margin: 0 auto; width: 500px;} div.rightpanel.rightpanel-edeq div.rightpanel-scroll.edeq-scroll {height:calc(100% - 132px);height:-moz-calc(100% - 132px);height:-webkit-calc(100% - 132px);} div.rightpanel.rightpanel-edeq div.rightpanel-scroll.edeq-scroll div.scroll-bottom.answer-overview-bg.rounded-white-card.edeq-answers-container {width:395px;margin:30px auto;} div.rightpanel.rightpanel-edeqs div#dyn-height1.rightpanel-scroll.edeqs-scroll {padding-bottom:20px;height:calc(100% - 225px);height:-moz-calc(100% - 225px);height:-webkit-calc(100% - 225px);} div.rightpanel.rightpanel-edeqs div#dyn-height2.rightpanel-scroll.edeqs-scroll2 {height:calc(100% - 205px);height:-moz-calc(100% - 205px);height:-webkit-calc(100% - 205px);} div.rightpanel.rightpanel-edeqs div#dyn-height2.rightpanel-scroll.edeqs-scroll2 div.heading-bar.toggle-bg a.nav-toggle.score-toggle {background-position: bottom right 0px;} div.rightpanel.rightpanel-edeqs div#dyn-height2.rightpanel-scroll.edeqs-scroll2 div.heading-bar.toggle-bg a.nav-toggle.sd-from-norms-toggle {background-position: bottom right 40px;} div.rightpanel.rightpanel-edeqs div#dyn-height2.rightpanel-scroll.edeqs-scroll2 div.edeqs-chart-container {width:600px;height:370px;margin:20px auto;} div.rightpanel.rightpanel-enjoyable-activities div.heading-bar.toggle-bg a.nav-toggle.reviewed-toggle {background-position: bottom right 17px;} div.rightpanel.rightpanel-enjoyable-activities div#dyn-height1.rightpanel-scroll.enjoyable-activities-scroll {padding-bottom:30px; height:calc(100% - 278px);height:-moz-calc(100% - 278px);height:-webkit-calc(100% - 278px);} div.rightpanel.rightpanel-epcot div#dyn-height2.rightpanel-scroll.epcot-scroll {height:calc(100% - 193px);height:-moz-calc(100% - 193px);height:-webkit-calc(100% - 193px);padding-top:8px;} div.rightpanel.rightpanel-epcot div#dyn-height2.rightpanel-scroll.epcot-scroll div.scroll-bottom.answer-overview-bg.rounded-white-card.padded div div.tab-links-goal ul.epcot-answer-options {width:422px;margin:0;} div.rightpanel.rightpanel-epcot div#dyn-height2.rightpanel-scroll.epcot-scroll div.scroll-bottom.answer-overview-bg.rounded-white-card.padded div.meal-list.epcot-comments-container {width:420px;float:none;} div.rightpanel.rightpanel-epcot div#dyn-height2.rightpanel-scroll.epcot-scroll div.scroll-bottom.answer-overview-bg.rounded-white-card.padded.epcot-answers-container {width:415px;margin:20px auto;} div.rightpanel.rightpanel-epcot div#dyn-height2.rightpanel-scroll.epcot-scroll div.scroll-bottom.answer-overview-bg.rounded-white-card.padded.epcot-answers-container div div.tab-links-goal ul.epcot-answer-options {width:422px;margin:0;} div.rightpanel.rightpanel-epcot div#dyn-height2.rightpanel-scroll.epcot-scroll div.scroll-bottom.answer-overview-bg.rounded-white-card.padded.epcot-answers-container div.meal-list.epcot-comments {width:420px;float:none;} div.rightpanel.rightpanel-epcots div#dyn-height1.rightpanel-scroll.epcots-scroll {padding-bottom:20px;height:calc(100% - 220px);height:-moz-calc(100% - 220px);height:-webkit-calc(100% - 220px);} div.rightpanel.rightpanel-epcots div#dyn-height2.rightpanel-scroll.epcots-scroll2 {height:calc(100% - 200px);height:-moz-calc(100% - 200px);height:-webkit-calc(100% - 200px);} div.rightpanel.rightpanel-epcots div#dyn-height2.rightpanel-scroll.epcots-scroll2 div.heading-bar.toggle-bg a.nav-toggle.score-toggle-de {background-position: bottom right 7px;} div.rightpanel.rightpanel-epcots div#dyn-height2.rightpanel-scroll.epcots-scroll2 div.heading-bar.toggle-bg a.nav-toggle.sd-from-norms-toggle-de {background-position: bottom right 228px;} div.rightpanel.rightpanel-epcots div#dyn-height2.rightpanel-scroll.epcots-scroll2 div.heading-bar.toggle-bg a.nav-toggle.score-toggle {background-position: bottom right 7px;} div.rightpanel.rightpanel-epcots div#dyn-height2.rightpanel-scroll.epcots-scroll2 div.heading-bar.toggle-bg a.nav-toggle.sd-from-norms-toggle {background-position: bottom right 128px;} div.rightpanel.rightpanel-epcots div#dyn-height2.rightpanel-scroll.epcots-scroll2 div.epcots-chart-container {width:600px;height:370px;margin:20px auto;} div.rightpanel.rightpanel-exchange-tally div#dyn-height.rightpanel-inner.exchanges-feed.exchange-tally-scroll, div.rightpanel.rightpanel-patient-at-a-glance-events div#dyn-height.rightpanel-inner.patient-at-a-glance-events-scroll {height:calc(100% - 131px);height:-moz-calc(100% - 131px);height:-webkit-calc(100% - 131px);} div.rightpanel.rightpanel-exchanges-feed div#dyn-height.rightpanel-inner.exchanges-feed.exchanges-feed-scroll {height:calc(100% - 134px);height:-moz-calc(100% - 134px);height:-webkit-calc(100% - 134px);} div.rightpanel.rightpanel-expectation-setting div#dyn-height.rightpanel-inner.expectation-setting-scroll {height:calc(100% - 191px);height:-moz-calc(100% - 191px);height:-webkit-calc(100% - 191px);} div.rightpanel.rightpanel-expectation-settings div#dyn-height.rightpanel-inner.expectation-settings-scroll {height:calc(100% - 136px);height:-moz-calc(100% - 136px);height:-webkit-calc(100% - 136px);} div.rightpanel.rightpanel-expectation-template div#dyn-height.rightpanel-inner.expectation-template-scroll {height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);} div.rightpanel.rightpanel-faq div.heading-bar.toggle-bg a.nav-toggle.active.faq-toggle {background-position: bottom right -1px;} div.rightpanel.rightpanel-faq div#dyn-height.rightpanel-scroll.faq-scroll {height:calc(100% - 134px);height:-moz-calc(100% - 134px);height:-webkit-calc(100% - 134px);} div.rightpanel.rightpanel-group-chat div#dyn-height.scroll-bottom.rightpanel-scroll.group-chat-scroll {padding:0;height:calc(100% - 213px);height:-moz-calc(100% - 213px);height:-webkit-calc(100% - 213px);} div.rightpanel.rightpanel-help div.heading-bar.toggle-bg a.nav-toggle.active.help-toggle {background-position: bottom right -1px;} div.rightpanel.rightpanel-help div#dyn-height.rightpanel-scroll.help-scroll {overflow:hidden;height:calc(100% - 134px);height:-moz-calc(100% - 134px);height:-webkit-calc(100% - 134px);} div.rightpanel.rightpanel-ideas div#dyn-height.padded.ideas-scroll {height: calc(100%- 134px); height: -moz-calc(100% - 134px); height: -webkit-calc(100% - 134px);overflow-y:scroll;} div.rightpanel.rightpanel-identified-triggers div#dyn-height1.rightpanel-scroll.identified-triggers-scroll {padding-bottom:30px; height:calc(100% - 219px);height:-moz-calc(100% - 219px);height:-webkit-calc(100% - 219px);} div.rightpanel.rightpanel-in-person-link-tool div#dyn-height.rightpanel-scroll.in-person-link-scroll {height:calc(100% - 110px);height:-moz-calc(100% - 110px);height:-webkit-calc(100% - 110px);} div.rightpanel.rightpanel-in-person-link-tool div#dyn-height.rightpanel-scroll.in-person-link-scroll div.rounded-white-card.padded button.flat-rounded-btn.centered.bigger.select-in-person-action-btn {margin-top:15px;width:420px;} div.rightpanel.rightpanel-in-person-link-tool div#dyn-height.rightpanel-scroll.in-person-link-scroll div.rounded-white-card.padded button.flat-rounded-btn.centered.bigger.darker.select-in-person-action-btn {margin-top:15px;width:420px;} div.rightpanel.rightpanel-in-person-view div#dyn-height.rightpanel-inner.at-a-glance.in-person-view-scroll {height:calc(100% - 110px);height:-moz-calc(100% - 110px);height:-webkit-calc(100% - 110px);} div.rightpanel.rightpanel-interpersonal-relationships div#dyn-height1.rightpanel-scroll.interpersonal-relationships-scroll {height:calc(100% - 189px);height:-moz-calc(100% - 189px);height:-webkit-calc(100% - 189px);} div.rightpanel.rightpanel-invite-clinician-to-link div#dyn-height.rightpanel-inner.invite-clinician-to-link-scroll {height:calc(100% - 51px);height:-moz-calc(100% - 51px);height:-webkit-calc(100% - 51px);font-size:20px;} div.rightpanel.rightpanel-invite-clinician-to-link div#dyn-height.rightpanel-inner.invite-clinician-to-link-scroll div div.other-clinician-links-container {max-height:170px;overflow-y:scroll;width:450px;margin:0 auto;} div.rightpanel.rightpanel-invite-clinician-to-link div#dyn-height.rightpanel-inner.invite-clinician-to-link-scroll div div.other-clinician-links-container div.other-clinician-links {clear:both;border:none;margin:0 auto;width:420px;border-top:1px solid #DDD;} div.rightpanel.rightpanel-invite-clinician-to-link div#dyn-height.rightpanel-inner.invite-clinician-to-link-scroll div form div button.flat-rounded-btn.invite-clinician-send {width:363px;margin-left:15px;} div.rightpanel.rightpanel-licensing div#dyn-height1.rightpanel.licensing-scroll1 {height:calc(100% - 48px);height:-moz-calc(100% - 48px);height:-webkit-calc(100% - 48px);background-color:#A0A7B5;} div.rightpanel.rightpanel-licensing div#dyn-height4.rightpanel-scroll.licensing-scroll2, div.rightpanel.rightpanel-licensing div#dyn-height2.rightpanel-scroll.licensing-scroll3, div.rightpanel.rightpanel-licensing div#dyn-height2.rightpanel-scroll.licensing-scroll4, div.rightpanel.rightpanel-licensing div#dyn-height2.rightpanel-scroll.licensing-scroll5, div.rightpanel.rightpanel-licensing div#dyn-height3.rightpanel-scroll.licensing-scroll6 {height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);} div.rightpanel.rightpanel-log div#dyn-height.meal-list-time-table-container div.meal-list div div.scroll-bottom.meal-list-inner.meal-log-scroll {height:calc(100% - 141px);height:-moz-calc(100% - 141px);height:-webkit-calc(100% - 141px);border-top: 1px solid #e3e3e3;} div.rightpanel.rightpanel-log-calendar div#dyn-height.rightpanel-scroll.log-calendar-scroll {height:calc(100% - 131px);height:-moz-calc(100% - 131px);height:-webkit-calc(100% - 131px);} div.rightpanel.rightpanel-logging-goals div.heading-bar.toggle-bg a.nav-toggle.active.logging-toggle {background-position: bottom right 16px;} div.rightpanel.rightpanel-logging-goals div#dyn-height.rightpanel-scroll.logging-goals-scroll {height:calc(100% - 132px);height:-moz-calc(100% - 132px);height:-webkit-calc(100% - 132px);} div.rightpanel.rightpanel-logging-goals div#dyn-height.rightpanel-scroll.logging-goals-scroll.rr-logging-goals-scroll {height:calc(100% - 191px);height:-moz-calc(100% - 191px);height:-webkit-calc(100% - 191px);} div.rightpanel.rightpanel-manual div.heading-bar.toggle-bg a.nav-toggle.support-toggle {background-position: bottom right 20px;} div.rightpanel.rightpanel-manual div#dyn-height.rightpanel-scroll.manula-scroll {overflow:hidden;height:calc(100% - 134px);height:-moz-calc(100% - 134px);height:-webkit-calc(100% - 134px);} div.rightpanel.rightpanel-meal-plan-printable div#dyn-height.print-configuration.rightpanel-scroll.meal-plan-printable-scroll {height:calc(100% - 190px);height:-moz-calc(100% - 190px);height:-webkit-calc(100% - 190px);} div.rightpanel.rightpanel-medical-questionnaire-display div#dyn-height1.rightpanel-scroll.medical-questionnaire-display-scroll {padding-bottom:20px;height:calc(100% - 151px);height:-moz-calc(100% - 151px);height:-webkit-calc(100% - 151px);} div.rightpanel.rightpanel-medical-questionnaire-display div#dyn-height1.rightpanel-scroll.medical-questionnaire-display-scroll div.rounded-white-card.centered.padded.medical-questionnaire-display {width:450px; margin-top: 30px;} div.rightpanel.rightpanel-medication-dose div#dyn-height.medication-dose-scroll {height:calc(100% - 186px);height:-moz-calc(100% - 186px);height:-webkit-calc(100% - 186px);border-top: 1px solid #aaa;overflow-y:scroll;} div.rightpanel.rightpanel-meditation-list div#dyn-height.rightpanel-scroll.meditation-list-scroll, div.rightpanel.rightpanel-meditations-choose-audio-track div#dyn-height.rightpanel-scroll.meditation-audio-track-scroll, div.rightpanel.rightpanel-meditations-choose-scene div#dyn-height.rightpanel-scroll.meditation-screen-scroll, div.rightpanel.rightpanel-meditations-configure div#dyn-height.rightpanel-scroll.meditations-configure-scroll, div.rightpanel.rightpanel-meditations-edit div#dyn-height.rightpanel-scroll.meditations-edit-scroll, div.rightpanel.rightpanel-meditations-preview div.preview-meditation.meditations-preview-scroll {height:calc(100% - 191px);height:-moz-calc(100% - 191px);height:-webkit-calc(100% - 191px);} div.rightpanel.rightpanel-messages div#dyn-height.scroll-bottom.rightpanel-scroll div.message-info div div.message-container {max-width:850px;margin:0 20px;} div.rightpanel.rightpanel-ml-licensing div#dyn-height1.rightpanel.ml-licensing-scroll1 {height:calc(100% - 48px);height:-moz-calc(100% - 48px);height:-webkit-calc(100% - 48px);background-color:#A0A7B5;} div.rightpanel.rightpanel-ml-licensing div#dyn-height4.rightpanel-scroll.ml-licensing-scroll2, div.rightpanel.rightpanel-ml-licensing div#dyn-height2.rightpanel-scroll.ml-licensing-scroll3, div.rightpanel.rightpanel-ml-licensing div#dyn-height2.rightpanel-scroll.ml-licensing-scroll4, div.rightpanel.rightpanel-ml-licensing div#dyn-height2.rightpanel-scroll.ml-licensing-scroll5, div.rightpanel.rightpanel-ml-licensing div#dyn-height3.rightpanel-scroll.ml-licensing-scroll6 {height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);} div.rightpanel.rightpanel-ml-print div#dyn-height.print-configuration.rightpanel-scroll.ml-print-scroll {height:calc(100% - 151px);height:-moz-calc(100% - 151px);height:-webkit-calc(100% - 151px);} div.rightpanel.rightpanel-mood-disorders-info div.rightpanel-scroll {height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);overflow-y:scroll;} div.rightpanel.rightpanel-notification-preferences div.rightpanel-scroll {height:calc(100% - 52px);height:-moz-calc(100% - 52px);height:-webkit-calc(100% - 52px);overflow:scroll;} div.rightpanel.rightpanel-nourishly-subscription div#dyn-height2.rightpanel-scroll.nourishly-subscription-scroll1, div.rightpanel.rightpanel-nourishly-subscription div#dyn-height2.rightpanel-scroll.nourishly-subscription-scroll2, div.rightpanel.rightpanel-nourishly-subscription div#dyn-height3.rightpanel-scroll.nourishly-subscription-scroll3 {height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);} div.rightpanel.rightpanel-nourishly-subscription div#dyn-height3.rightpanel-scroll.nourishly-subscription-scroll3 div.billing-wrapper.nourishly-billing-wrapper {width:480px;font-size:14px;margin:50px auto 100px auto;font-family:'Century Gothic', 'Apple Gothic', AppleGothic, 'URW Gothic L', 'Avant Garde', Futura, sans-serif;} div.rightpanel.rightpanel-nourishly-subscription div#dyn-height3.rightpanel-scroll.nourishly-subscription-scroll3 div.enterprise {padding:0px;box-sizing:border-box;width:50%;} div.rightpanel.rightpanel-nourishly-subscription div#dyn-height3.rightpanel-scroll.nourishly-subscription-scroll3 div.enterprise div.enterprise-details {padding:20px;} div.rightpanel.rightpanel-npi-setup div#dyn-height1.rightpanel-scroll {padding:30px;box-sizing:border-box;height: calc(100% - 74px);} div.rightpanel.rightpanel-npi-setup div#dyn-height1.rightpanel-scroll div.rounded-white-card.padded.centered.npi-setup {width:400px;margin-top:30px;box-sizing:border-box;} div.rightpanel.rightpanel-npi-setup div#dyn-height1.rightpanel-scroll div.rounded-white-card.padded.centered.npi-setup input.flat-grey-input.less-padding {min-width:175px;margin-bottom:0;width:calc(100% - 120px);} div.rightpanel.rightpanel-npi-setup div#dyn-height1.rightpanel-scroll div.rounded-white-card.padded.centered.npi-setup > button.flat-rounded-btn {float:right;padding:15px 25px;} div.rightpanel.rightpanel-ny-configure-logging-and-tracking div#dyn-height1.rightpanel-scroll, div.rightpanel.rightpanel-ml-configure-logging-and-tracking div#dyn-height1.rightpanel-scroll {height:calc(100% - 132px);height:-moz-calc(100% - 132px);height:-webkit-calc(100% - 132px);padding-bottom:20px;box-sizing:border-box;} div.rightpanel.rightpanel-outcomes-link div.rightpanel-scroll div.header-info-text p.outcomes-tool-link {padding:20px 20px 10px 20px;width:500px;margin:30px auto 0 auto;} div.rightpanel.rightpanel-outcomes-link div.rightpanel-scroll div.header-info-text p.outcomes-tool-instructions {padding:20px 20px 10px 20px;width:500px;margin:0 auto;} div.rightpanel.rightpanel-outcomes-link div.rightpanel-scroll div.header-info-text div.outcomes-tool-instructions {padding:20px 20px 10px 20px;width:500px;margin:0 auto;} div.rightpanel.rightpanel-patient-audio-lessons div.rightpanel-scroll.patient-audio-lessons-scroll {height: calc(100% - 131px); height: -webkit-calc(100% - 131px); height: -moz-calc(100% - 131px);} div.rightpanel.rightpanel-patient-blood-glucose-chart div#dyn-height.rightpanel-scroll.blood-glucose-chart-scroll {height:calc(100% - 201px);height:-moz-calc(100% - 201px);height:-webkit-calc(100% - 201px);} div.rightpanel.rightpanel-patient-blood-glucose-chart div#dyn-height.rightpanel-scroll.blood-glucose-chart-scroll div div.blood-glucose-chart-no-data {width:600px; margin:20px auto;} div.rightpanel.rightpanel-patient-blood-glucose-chart div#dyn-height.rightpanel-scroll.blood-glucose-chart-scroll div.daily-heart-rate div.blood-glucose-chart-content {width:600px;height:450px;margin:30px auto;} div.rightpanel.rightpanel-patient-daily-heart-rate-chart div.daily-heart-rate.heading-bar.toggle-bg div.toggles a.nav-toggle.list-toggle {background-position:bottom right -12px;} div.rightpanel.rightpanel-patient-daily-heart-rate-chart div#dyn-height.rightpanel-scroll.daily-heart-rate-chart-scroll {height:calc(100% - 259px);height:-moz-calc(100% - 259px);height:-webkit-calc(100% - 259px);} div.rightpanel.rightpanel-patient-daily-heart-rate-chart div#dyn-height.rightpanel-scroll.daily-heart-rate-chart-scroll div.daily-heart-rate div.daily-heart-rate-chart-content {width:600px;height:450px;margin:30px auto;} div.rightpanel.rightpanel-patient-daily-heart-rate-chart div#dyn-height.rightpanel-scroll.daily-heart-rate-chart-scroll div.daily-heart-rate-chart-no-data {width:600px; margin:20px auto;} div.rightpanel.rightpanel-patient-meal-plan-change-summary div#dyn-height.meal-plan-change-summary-scroll {height:calc(100% - 231px);height:-moz-calc(100% - 231px);height:-webkit-calc(100% - 231px);overflow-y:scroll;} div.rightpanel.rightpanel-patient-medications-list div#dyn-height1.rightpanel-scroll.patient-medications-list-scroll {padding-bottom:30px; height:calc(100% - 161px);height:-moz-calc(100% - 161px);height:-webkit-calc(100% - 161px);} div.rightpanel.rightpanel-messaging-center div#dyn-height1.rightpanel-scroll.messaging-center-scroll {padding-bottom:20px;height:calc(100% - 154px);height:-moz-calc(100% - 154px);height:-webkit-calc(100% - 154px);} div.rightpanel.rightpanel-patient-questionnaires-overview div#dyn-height1.rightpanel-scroll.questionnaires-overview-scroll {padding-bottom:20px;height:calc(100% - 151px);height:-moz-calc(100% - 151px);height:-webkit-calc(100% - 151px);} div.rightpanel.rightpanel-patient-share-documents div.heading-bar.toggle-bg a#shared-by-patient-tab.nav-toggle, div.rightpanel.rightpanel-patient-share-documents div.heading-bar.toggle-bg a.nav-toggle.your-documents-toggle {background-position: bottom right 45px;} div.rightpanel.rightpanel-patient-share-documents div.rightpanel-scroll.patient-share-documents-scroll {height: calc(100% - 248px); height: -webkit-calc(100% - 248px); height: -moz-calc(100% - 248px);} div.rightpanel.rightpanel-patient-step-counts div#dyn-height.rightpanel-scroll.patient-step-counts-scroll {height:calc(100% - 131px);height:-moz-calc(100% - 131px);height:-webkit-calc(100% - 131px);} div.rightpanel.rightpanel-patient-step-counts div#dyn-height.rightpanel-scroll.patient-step-counts-scroll div.heading-bar.toggle-bg div.toggles-centered a.nav-toggle.last-four-weeks-toggle {background-position:bottom right 30px;} div.rightpanel.rightpanel-patient-step-counts div#dyn-height.rightpanel-scroll.patient-step-counts-scroll div.heading-bar.toggle-bg div.toggles-centered a.nav-toggle.list-toggle {background-position:bottom right -12px;} div.rightpanel.rightpanel-patient-step-counts div#dyn-height.rightpanel-scroll.patient-step-counts-scroll div.data-insights div.patient-step-counts-chart-content {width:600px;height:450px;margin:20px auto;} div.rightpanel.rightpanel-patient-supplement-tracking div.heading-bar.toggle-bg a.nav-toggle.daily-toggle {background-position: bottom right -3px;} div.rightpanel.rightpanel-patient-supplement-tracking div.heading-bar.toggle-bg a.nav-toggle.weekly-toggle {background-position: bottom right 7px;} div.rightpanel.rightpanel-patients-available-to-link div#dyn-height.rightpanel-scroll.available-to-link-scroll {height:calc(100% - 134px);height:-moz-calc(100% - 134px);height:-webkit-calc(100% - 134px);} div.rightpanel.rightpanel-photo div#dyn-height2.rightpanel-scroll div p.meal-photo-note {width:400px; margin:0 auto; text-align:left; color:#323444;} div.rightpanel.rightpanel-photo div#dyn-height2.rightpanel-scroll div.meal-photo-detail-section {width:600px;margin:15px auto;} div.rightpanel.rightpanel-places-to-avoid div#dyn-height1.rightpanel-scroll.places-to-avoid-scroll {padding-bottom:30px; height:calc(100% - 161px);height:-moz-calc(100% - 161px);height:-webkit-calc(100% - 161px);} div.rightpanel.rightpanel-print div#dyn-height.print-configuration.rightpanel-scroll.print-config-scroll {height:calc(100% - 190px);height:-moz-calc(100% - 190px);height:-webkit-calc(100% - 190px);} div.rightpanel.rightpanel-privacy-policy div.heading-bar.toggle-bg a.nav-toggle.active.privacy-policy-toggle {background-position:bottom right 42px;;} div.rightpanel.rightpanel-privacy-policy div#dyn-height.rightpanel-scroll.privacy-policy-scroll {overflow:hidden;height:calc(100% - 134px);height:-moz-calc(100% - 134px);height:-webkit-calc(100% - 134px);} div.rightpanel.rightpanel-private-group div#dyn-height1.scroll-bottom.rightpanel-scroll.private-group-scroll {height:calc(100% - 233px);height:-moz-calc(100% - 233px);height:-webkit-calc(100% - 233px);} div.rightpanel.rightpanel-private-group div#dyn-height1.scroll-bottom.rightpanel-scroll.private-group-scroll div.message-info div div.private-group-message-container {max-width:850px;margin:0 20px;} div.rightpanel.rightpanel-private-group-admin-panel div.rightpanel-scroll.private-group-admin-panel {position:relative;height: calc(100% - 195px); height: -webkit-calc(100% - 195px); height: -moz-calc(100% - 195px);padding-top:30px;padding-bottom:30px;} div.rightpanel.rightpanel-private-group-admin-panel div.rightpanel-scroll.private-group-admin-panel div div.private-group-admin-options-container {width: 450px; margin:0 auto;} div.rightpanel.rightpanel-private-group-admin-panel div.rightpanel-scroll.private-group-admin-panel div.private-group-admin-manage-members-container {width:500px;margin: 20px auto;} div.rightpanel.rightpanel-private-group-admin-panel div.rightpanel-scroll.private-group-admin-panel div.private-group-admin-flagged-messages-container {width:500px;margin: 20px auto;} div.rightpanel.rightpanel-private-group-video-call div#dyn-height1.rightpanel-scroll.private-group-call {padding-bottom:30px; height:calc(100% - 163px);height:-moz-calc(100% - 163px);height:-webkit-calc(100% - 163px);} div.rightpanel.rightpanel-private-group-video-call div#dyn-height1.rightpanel-scroll.private-group-call div div.private-group-call-members {width: 500px; margin: 30px auto;} div.rightpanel.rightpanel-private-group-video-call div#dyn-height1.rightpanel-scroll.private-group-call div div div#rr-video-call-container {width:650px; height:500px; margin: 15px auto; position:relative; background-color: #000000;} div.rightpanel.rightpanel-private-groups-home div.rightpanel-scroll.private-groups {height: calc(100% - 196px); height: -webkit-calc(100% - 196px); height: -moz-calc(100% - 196px);padding-top:30px;padding-bottom:30px;} div.rightpanel.rightpanel-private-groups-home div.rightpanel-scroll.private-groups div div div.private-groups-profile-container {width:500px;background:white;padding:10px 18px;margin: 0 auto 5px auto;border-radius:3px;} div.rightpanel.rightpanel-profile div#dyn-height.rightpanel-inner.profile-scroll {height:calc(100% - 132px);height:-moz-calc(100% - 132px);height:-webkit-calc(100% - 132px);overflow-y:scroll;} div.rightpanel.rightpanel-profile div#dyn-height.rightpanel-inner.profile-scroll div button.flat-rounded-btn.darker.bigger.less-padding.re-run-onboarding-button {width:485px;max-width:96%;} div.rightpanel.rightpanel-program-of-goals-and-skills div#dyn-height.rightpanel-scroll.program-of-goals-and-skills {height:calc(100% - 194px);height:-moz-calc(100% - 194px);height:-webkit-calc(100% - 194px);} div.rightpanel.rightpanel-program-of-goals-and-skills div#dyn-height.rightpanel-scroll.program-of-goals-and-skills div.heading-bar.goals-and-skills-toggle.toggle-bg a.nav-toggle.goals-toggle, div.rightpanel.rightpanel-program-of-goals-and-skills div#dyn-height.rightpanel-scroll.program-of-goals-and-skills div.heading-bar.goals-and-skills-toggle.toggle-bg a.nav-toggle.skills-toggle {background-position:bottom right 4px;} div.rightpanel.rightpanel-reasons-to-recover div#dyn-height1.rightpanel-scroll.reasons-to-recover-scroll {padding-bottom:30px; height:calc(100% - 161px);height:-moz-calc(100% - 161px);height:-webkit-calc(100% - 161px);} div.rightpanel.rightpanel-recent-cravings div#dyn-height.rightpanel-inner.recent-cravings-scroll {height:calc(100% - 136px);height:-moz-calc(100% - 136px);height:-webkit-calc(100% - 136px);} div.rightpanel.rightpanel-recently-stopped-dosing div#dyn-height.rightpanel-inner.recently-stopped-dosing-scroll {height:calc(100% - 136px);height:-moz-calc(100% - 136px);height:-webkit-calc(100% - 136px);} div.rightpanel.rightpanel-recently-used div#dyn-height.rightpanel-inner.recently-used-scroll {height:calc(100% - 136px);height:-moz-calc(100% - 136px);height:-webkit-calc(100% - 136px);} div.rightpanel.rightpanel-referral-program div.rightpanel-scroll div.program-info form.rounded-white-card.padded div button.flat-rounded-btn.send-referrals-button {width:422px;font-weight:bold;font-size:16px;height:50px;} div.rightpanel.rightpanel-referrals div#dyn-height.rightpanel-inner.referrals-scroll {height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);} div.rightpanel.rightpanel-referrals div#dyn-height.rightpanel-inner.referrals-scroll div.referrals-setup.rounded-white-card p.referrals-info-para1 {padding:20px;width:450px;margin:0 auto;font-size:16px;line-height:30px;color:#313444;} div.rightpanel.rightpanel-referrals div#dyn-height.rightpanel-inner.referrals-scroll div.referrals-setup.rounded-white-card p.referrals-info-para2 {padding-left:20px;padding-right:20px;padding-bottom:20px;width:450px;margin:0 auto;font-size:16px;line-height:30px;color:#313444;} div.rightpanel.rightpanel-referrals div#dyn-height.rightpanel-inner.referrals-scroll div.referrals-setup.rounded-white-card div.btn-center.referrals-toggle-container {margin:10px auto 100px; width: 388px;} div.rightpanel.rightpanel-referrals div#dyn-height.rightpanel-inner.referrals-not-setup-scroll {height:calc(100% - 51px);height:-moz-calc(100% - 51px);height:-webkit-calc(100% - 51px);} div.rightpanel.rightpanel-referrals-admissions-contact div#dyn-height.rightpanel-inner.referrals-admissions-contact-scroll {height:calc(100% - 132px);height:-moz-calc(100% - 132px);height:-webkit-calc(100% - 132px);position:relative;} div.rightpanel.rightpanel-referrals-lead div#dyn-height.rightpanel-inner.referrals-lead-scroll {height:calc(100% - 110px);height:-moz-calc(100% - 110px);height:-webkit-calc(100% - 110px);position:relative;} div.rightpanel.rightpanel-referrals-lead div#dyn-height.rightpanel-inner.referrals-lead-scroll div.referrals-leads div.referrals-latest-edeq-score-container {width:407px;border-top:2px solid #bcbcbc;border-bottom:2px solid #bcbcbc;border-left:2px solid #bcbcbc;display:inline-block;margin:20px 175px;} div.rightpanel.rightpanel-referrals-lead div#dyn-height.rightpanel-inner.referrals-lead-scroll div.referrals-leads div.referrals-latest-edeq-score-container div.score-info {width:443px;margin:0;border:none;padding:none;} div.rightpanel.rightpanel-referrals-lead div#dyn-height.rightpanel-inner.referrals-lead-scroll div.referrals-leads div.referrals-latest-edeq-score-container div.score-info div.xarticle2 div.tableinfo ul {width:407px;} div.rightpanel.rightpanel-referrals-lead-preferences div#dyn-height.rightpanel-inner.referrals-lead-preferences-scroll {height:calc(100% - 132px);height:-moz-calc(100% - 132px);height:-webkit-calc(100% - 132px);} div.rightpanel.rightpanel-referrals-profile-public div#dyn-height.rightpanel-inner.referrals-profile-public-scroll {height:calc(100% - 132px);height:-moz-calc(100% - 132px);height:-webkit-calc(100% - 132px);position:relative;} div.rightpanel.rightpanel-referrals-profile-public div#dyn-height.rightpanel-inner.referrals-profile-public-scroll div.referrals-public-profile {margin-left:10px;width: 490px;margin: 0 auto;} div.rightpanel.rightpanel-referrals-profile-public div#dyn-height.rightpanel-inner.referrals-profile-public-scroll div.referrals-public-profile div.rounded-white-card.padded label {font-size:16px;width: 435px;margin: 0 auto;} div.rightpanel.rightpanel-referrals-profile-public div#dyn-height.rightpanel-inner.referrals-profile-public-scroll div.referrals-public-profile div.rounded-white-card.padded a {color:#189ffb;display: block;width: 435px;margin: 0 auto;} div.rightpanel.rightpanel-referrals-profile-public div#dyn-height.rightpanel-inner.referrals-profile-public-scroll div.rounded-white-card.referrals-profile-public-clinics-container {width:450px;margin:20px auto 20px auto;} div.rightpanel.rightpanel-relapse-warning-signs div#dyn-height1.rightpanel-scroll.relapse-warning-signs-scroll {padding-bottom:30px; height:calc(100% - 161px);height:-moz-calc(100% - 161px);height:-webkit-calc(100% - 161px);} div.rightpanel.rightpanel-resolve-ambivalence-exercise div#dyn-height1.rightpanel-scroll.resolve-ambivalenece-exercise-scroll {padding-bottom:30px; height:calc(100% - 161px);height:-moz-calc(100% - 161px);height:-webkit-calc(100% - 161px);} div.rightpanel.rightpanel-risky-event-prep div#dyn-height1.rightpanel-scroll.risky-event-prep-scroll {padding-bottom:30px; height:calc(100% - 219px);height:-moz-calc(100% - 219px);height:-webkit-calc(100% - 219px);} div.rightpanel.rightpanel-risky-events div.heading-bar.toggle-bg a.nav-toggle.reviewed-toggle {background-position: bottom right 17px;} div.rightpanel.rightpanel-risky-events div#dyn-height1.rightpanel-scroll.risky-events-scroll {padding-bottom:30px; height:calc(100% - 278px);height:-moz-calc(100% - 278px);height:-webkit-calc(100% - 278px);} div.rightpanel.rightpanel-rp-data-trends div.heading-bar.toggle-bg a.nav-toggle.cravings-toggle {background-position: bottom right 49px;} div.rightpanel.rightpanel-rp-data-trends div.heading-bar.toggle-bg a.nav-toggle.social-support-toggle {background-position: bottom right 44px;} div.rightpanel.rightpanel-rp-data-trends div#dyn-height.rightpanel-scroll.rp-data-trends-scroll {height:calc(100% - 190px);height:-moz-calc(100% - 190px);height:-webkit-calc(100% - 190px);} div.rightpanel.rightpanel-rp-data-trends div#dyn-height.rightpanel-scroll.rp-data-trends-scroll div.data-insights div.rp-data-trends-chart-content {width:600px;height:450px;margin:20px auto;} div.rightpanel.rightpanel-rp-licensing div#dyn-height1.rightpanel.rp-licensing-scroll1 {height:calc(100% - 48px);height:-moz-calc(100% - 48px);height:-webkit-calc(100% - 48px);background-color:#A0A7B5;} div.rightpanel.rightpanel-rp-licensing div#dyn-height2.rightpanel-scroll.rp-licensing-scroll3, div.rightpanel.rightpanel-rp-licensing div#dyn-height2.rightpanel-scroll.rp-licensing-scroll4, div.rightpanel.rightpanel-rp-licensing div#dyn-height2.rightpanel-scroll.rp-licensing-scroll15, div.rightpanel.rightpanel-rp-licensing div#dyn-height3.rightpanel-scroll.rp-licensing-scroll6 {height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);} div.rightpanel.rightpanel-rp-print div#dyn-height.print-configuration.rightpanel-scroll.rp-print-scroll {height:calc(100% - 151px);height:-moz-calc(100% - 151px);height:-webkit-calc(100% - 151px);} div.rightpanel.rightpanel-rp-questionnaires div.heading-bar.toggle-bg a.nav-toggle.completed-toggle, div.rightpanel.rightpanel-rp-questionnaires div.heading-bar.toggle-bg a.nav-toggle.requested-toggle {background-position: bottom right 22px;} div.rightpanel.rightpanel-rp-questionnaires div#dyn-height1.rightpanel-scroll.rp-questionnaires-container div div.rp-completed-questionnaires {margin:0 auto;width:450px;} div.rightpanel.rightpanel-rp-questionnaires div#dyn-height1.rightpanel-scroll.rp-questionnaires-container div div.rp-requested-questionnaires {margin:20px auto; max-width:800px;padding:12px 30px;box-sizing:border-box;} div.rightpanel.rightpanel-safety-plan div#dyn-height1.rightpanel-scroll.safety-plan-scroll {padding-bottom:30px; height:calc(100% - 161px);height:-moz-calc(100% - 161px);height:-webkit-calc(100% - 161px);} div.rightpanel.rightpanel-schedule-enjoyable-activity div#dyn-height1.rightpanel-scroll.schedule-enjoyable-activity-scroll {padding-bottom:30px; height:calc(100% - 219px);height:-moz-calc(100% - 219px);height:-webkit-calc(100% - 219px);} div.rightpanel.rightpanel-sd-exercise div#dyn-height.sd-exercise-scroll {height:calc(100% - 186px);height:-moz-calc(100% - 186px);height:-webkit-calc(100% - 186px);border-top: 1px solid #aaa;overflow-y:scroll;} div.rightpanel.rightpanel-share-documents div.heading-bar.toggle-bg a.nav-toggle.your-documents-toggle {background-position: bottom right 45px;} div.rightpanel.rightpanel-share-documents div.heading-bar.toggle-bg a.nav-toggle.shared-toggle {background-position: bottom right 45px;} div.rightpanel.rightpanel-share-documents div.rightpanel-scroll.share-documents-scroll {height: calc(100% - 193px); height: -webkit-calc(100% - 193px); height: -moz-calc(100% - 193px);} div.rightpanel.rightpanel-sign-baa div#dyn-height.rightpanel-scroll.sign-baa-scroll {height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);} div.rightpanel.rightpanel-sign-baa div#dyn-height.rightpanel-scroll.sign-baa-scroll div div.baa-document-container {height:380px;overflow:scroll;background-color:#FFF;border:1px solid #000;padding:20px;max-width:600px;margin:20px auto;} div.rightpanel.rightpanel-sign-baa div#dyn-height.rightpanel-scroll.sign-baa-scroll div div.baa-signature-container {border:1px solid #555;max-width:600px;padding:20px;margin:20px auto;background-color:white;} div.rightpanel.rightpanel-sleep-tracking-log-view div#dyn-height.sleep-tracking-log-scroll {height:calc(100% - 185px);height:-moz-calc(100% - 185px);height:-webkit-calc(100% - 185px);overflow-y:scroll;} div.rightpanel.rightpanel-stripe-refunds div#dyn-height.rightpanel-inner.stripe-refunds-scroll {height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);overflow:scroll;} div.rightpanel.rightpanel-support div.heading-bar.toggle-bg a.nav-toggle.active.support-toggle {background-position: bottom right 20px;} div.rightpanel.rightpanel-support div.support-scroll {width:100%;height:calc(100% - 196px);height:-moz-calc(100% - 196px);height:-webkit-calc(100% - 196px);position:relative;} div.rightpanel.rightpanel-support div.support-scroll form p.support-ticket-header {text-align:center;margin:20px auto;width:510px;max-width:100%;} div.rightpanel.rightpanel-support div.support-scroll form div.rounded-white-card.padded.support-ticket-inputs-container {width:510px;margin:0 auto; max-width:100%;box-sizing:border-box;} div.rightpanel.rightpanel-support div.support-scroll form div.rounded-white-card.padded.support-ticket-inputs-container div button.flat-rounded-btn.submit-support-ticket-button {width:512px;height:52px;font-size:15px; max-width:100%} div.rightpanel.rightpanel-support-context div#dyn-height.rightpanel-inner.support-context-scroll {height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);overflow:scroll;} div.xsection.container div.xsection.wrapper-box div div#dyn-height.rightpanel-scroll.support-tool-scroll {height:calc(100% - 76px);height:-moz-calc(100% - 76px);height:-webkit-calc(100% - 76px); background-color:#eff0f6;} div.xsection.container div.xsection.wrapper-box div div#dyn-height.rightpanel-scroll.support-tool-scroll div iframe.support-tool-web-resource {width:545px;height:inherit;display:block;margin:0 auto;background-color:white;} div.xsection.container div.xsection.wrapper-box div div#dyn-height.rightpanel-scroll.support-tool-scroll form p.support-ticket-header {text-align:center;margin:20px auto;width:510px;} div.xsection.container div.xsection.wrapper-box div div#dyn-height.rightpanel-scroll.support-tool-scroll form div.rounded-white-card.padded.support-ticket-inputs-container {width:510px;margin:0 auto;} div.xsection.container div.xsection.wrapper-box div div#dyn-height.rightpanel-scroll.support-tool-scroll form div.rounded-white-card.padded.support-ticket-inputs-container div button.flat-rounded-btn.submit-support-ticket-button {width:512px;height:52px;font-size:15px;} div.rightpanel.rightpanel-team-chat div#dyn-height1.meal-list-inner.scroll-bottom.rightpanel-scroll div.message-info div div.team-chat-message-container {max-width:850px;margin:0 20px;} div.rightpanel.rightpanel-terms-of-use div.heading-bar.toggle-bg a.nav-toggle.active.terms-of-use-toggle {background-position:bottom right 42px;;} div.rightpanel.rightpanel-terms-of-use div#dyn-height.rightpanel-scroll.terms-of-use-scroll {overflow:hidden;height:calc(100% - 134px);height:-moz-calc(100% - 134px);height:-webkit-calc(100% - 134px);} div.rightpanel.rightpanel-thought-log-view div.meal-list div#dyn-height1.scroll-bottom.meal-list-inner.thought-log {height:calc(100% - 133px);height:-moz-calc(100% - 133px);height:-webkit-calc(100% - 133px);border-top: 1px solid #e3e3e3;} div.rightpanel.rightpanel-tutorials div#dyn-height.rightpanel-scroll.tutorials-scroll {height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);overflow:hidden;} div.rightpanel.rightpanel-tutorials div#dyn-height.rightpanel-scroll.tutorials-scroll iframe.tutorial-content {height:calc(100% - 90px);} div.rightpanel.rightpanel-two-factor-auth-setup div#dyn-height.rightpanel-inner.two-factor-auth-setup-scroll {height:calc(100% - 136px);height:-moz-calc(100% - 136px);height:-webkit-calc(100% - 136px);} div.rightpanel.rightpanel-two-factor-auth-setup div#dyn-height.rightpanel-inner.two-factor-auth-setup-scroll div div.two-factor-auth-setup-buttons-container {width:400px;margin:0 auto;} div.rightpanel.rightpanel-united-healthcare-member-list div.rightpanel-scroll.united-healthcare-member-list-scroll {height: calc(100% - 193px); height: -webkit-calc(100% - 193px); height: -moz-calc(100% - 193px);padding-top:30px;padding-bottom:30px;} div.rightpanel.rightpanel-unlinked-case-load div#dyn-height.rightpanel-inner.unlinked-case-load-scroll, div.rightpanel.rightpanel-counselor-note-history div#dyn-height.rightpanel-inner.counselor-note-history-scroll {height:calc(100% - 74px);height:-moz-calc(100% - 74px);height:-webkit-calc(100% - 74px);} div.rightpanel.rightpanel-visit-records div#dyn-height1.rightpanel-scroll.visit-records-scroll {height:calc(100% - 263px);height:-moz-calc(100% - 263px);height:-webkit-calc(100% - 263px);} div.rightpanel.rightpanel-visit-records div#dyn-height2.rightpanel-inner.visit-records-weights-scroll {height:calc(100% - 185px);height:-moz-calc(100% - 185px);height:-webkit-calc(100% - 185px);} div.rightpanel.rightpanel-visit-records div#dyn-height2.rightpanel-inner.visit-records-weights-scroll div.visit-records-weights-chart-container {width:600px;height:480px;margin:20px auto;} div.rightpanel.rightpanel-visit-records div#dyn-height3.rightpanel-inner.visit-records-bmi-scroll {height:calc(100% - 185px);height:-moz-calc(100% - 185px);height:-webkit-calc(100% - 185px);} div.rightpanel.rightpanel-visit-records div#dyn-height3.rightpanel-inner.visit-records-bmi-scroll div.visit-records-bmi-chart-content {width:600px;height:480px;margin:20px auto;} div.rightpanel.rightpanel-weekly-dbt-diary-cards div.heading-bar.toggle-bg a.nav-toggle.active.weekly-toggle {background-position: bottom right 5px;} div.rightpanel.rightpanel-weekly-dbt-diary-cards div.heading-bar.toggle-bg a.nav-toggle.configure-toggle {background-position: bottom right 20px;} div.rightpanel.rightpanel-welcome div.rightpanel-scroll.welcome-scroll {height:calc(100% - 74px);height:-webkit-calc(100% - 74px);height:-moz-calc(100% - 74px);} div.rightpanel.rightpanel-welcome div.rightpanel-scroll.welcome-scroll div.welcome-box button.flat-rounded-btn.bigger.centered.welcome-start-tour-button-de {width:389px;padding:8px 10px;margin-top:30px;} div.rightpanel.rightpanel-welcome div.rightpanel-scroll.welcome-scroll div.welcome-box div div button.flat-rounded-btn.bigger.welcome-invite-patient-button-de {width:390px;} div.rightpanel.rightpanel-welcome-no-tour div.rightpanel-scroll.welcome-no-tour-scroll {height:calc(100% - 74px);height:-webkit-calc(100% - 74px);height:-moz-calc(100% - 74px);} div.rightpanel.rightpanel-anger-log-view div#dyn-height.anger-log-scroll, div.rightpanel.rightpanel-anxiety-episode-log-view div#dyn-height.anxiety-episode-scroll, div.rightpanel.rightpanel-arfid-food-exposure-log-view div#dyn-height.arfid-food-exposure-log-scroll, div.rightpanel.rightpanel-beacon-message-view div#dyn-height.beacon-message-scroll, div.rightpanel.rightpanel-blood-glucose-log-view div#dyn-height.blood-glucose-log-scroll, div.rightpanel.rightpanel-completed-homework-assignment div#dyn-height.completed-homework-assignment-scroll, div.rightpanel.rightpanel-cravings-and-urges-log-view div#dyn-height.cravings-and-urges-log-scroll, div.rightpanel.rightpanel-daily-hygiene-checklist-view div#dyn-height.daily-hygiene-checklist-scroll, div.rightpanel.rightpanel-daily-self-care-checklist-view div#dyn-height.daily-self-care-checklist-scroll, div.rightpanel.rightpanel-day-schedule-checklist-view div#dyn-height.day-schedule-checklist-scroll, div.rightpanel.rightpanel-dbt-diary-card div#dyn-height.dbt-diary-card-scroll, div.rightpanel.rightpanel-dysfunctional-thought-log-view div#dyn-height.dysfunctional-thought-log-scroll, div.rightpanel.rightpanel-exposure-learnings-view div#dyn-height.exposure-learnings-scroll, div.rightpanel.rightpanel-exposure-plan-view div#dyn-height.exposure-plan-scroll, div.rightpanel.rightpanel-five-minute-log-view div#dyn-height.five-minute-log-scroll, div.rightpanel.rightpanel-goal-set-review div#dyn-height.goal-set-review-scroll, div.rightpanel.rightpanel-listened-to-meditation-view div#dyn-height.listened-to-meditation-scroll, div.rightpanel.rightpanel-medical-questionnaire-view div#dyn-height.medical-questionnaire-view-scroll, div.rightpanel.rightpanel-mood-and-activity-checkin div#dyn-height.mood-and-activity-checkin-scroll, div.rightpanel.rightpanel-places-to-avoid-region-event-view div#dyn-height.places-to-avoid-region-event-scroll, div.rightpanel.rightpanel-refusal-log-view div#dyn-height.refusal-log-scroll, div.rightpanel.rightpanel-rp-daily-checkin-log-view div#dyn-height.rp-daily-checkin-log-scroll, div.rightpanel.rightpanel-shared-document-view div#dyn-height.shared-document-view-scroll, div.rightpanel.rightpanel-stool-tracking-log-view div#dyn-height.stool-tracking-log-scroll, div.rightpanel.rightpanel-support-meeting-checkin-view div#dyn-height.support-meeting-checkin-scroll, div.rightpanel.rightpanel-triggered-log-view div#dyn-height.trigger-log-scroll, div.rightpanel.rightpanel-used-substance-log-view div#dyn-height.used-substance-log-scroll, div.rightpanel.rightpanel-why-near-or-at-place-to-avoid-view div#dyn-height.why-near-or-at-place-to-avoid-scroll, div.rightpanel.rightpanel-audio-lesson-taken-view div#dyn-height.audio-lesson-taken-scroll, div.rightpanel.rightpanel-skill-set-review div#dyn-height.skill-set-review-scroll {height:calc(100% - 235px);height:-moz-calc(100% - 235px);height:-webkit-calc(100% - 235px);overflow-y:scroll;} div.rightpanel.rightpanel-words-best-describe-you div#dyn-height1.rightpanel-scroll.words-best-describe-you-scroll {padding-bottom:30px; height:calc(100% - 161px);height:-moz-calc(100% - 161px);height:-webkit-calc(100% - 161px);} div.rightpanel.rightpanel-message-templates div#dyn-height1.rightpanel-scroll.message-templates-scroll {height:calc(100% - 134px);height:-moz-calc(100% - 134px);height:-webkit-calc(100% - 134px);} button#icon-legend {padding-right:20px;} .advert-web-push-full-width-banner > p {font-size:16px;} .rightpanel.rightpanel-manage-links div.heading-bar button.white-header-btn {width:160px;} div.rightpanel.rightpanel-messages .heading-sub button.context-help{margin-top:10px;} div.rightpanel.rightpanel-messages .heading-sub div.patient-can-send-messages, div.rightpanel.rightpanel-team-chat .heading-sub div.team-chat-can-send-messages {padding:0px;width:auto;} div.rightpanel.rightpanel-team-chat .heading-sub div.team-chat-can-send-messages {text-align:center} div.rightpanel.rightpanel-messages .heading-sub div.patient-can-send-messages h3, div.rightpanel.rightpanel-team-chat .heading-sub div.team-chat-can-send-messages h3 {text-transform:none;padding-top:10px} div.rightpanel.rightpanel-messages .heading-sub div.patient-can-send-messages h3 {float:left;} div.rightpanel-outcomes-link.rightpanel div.rightpanel-scroll.outcomes-link-scroll {height:calc(100% - 74px);} div.rightpanel-coworker-compose.rightpanel div.rightpanel-scroll.meal-list-inner.scroll-bottom.single-coworker-compose-scroll {height:calc(100% - 175px);} div.rightpanel-coworker-compose.rightpanel div.rightpanel-scroll.meal-list-inner.scroll-bottom.multiple-coworker-compose-scroll {height:calc(100% - 231px);} .rightpanel-clinician-profile.rightpanel .profile-info div.clinician-profile-change-credentials, .rightpanel-clinician-profile.rightpanel .profile-info div.gdpr-actions-buttons, .rightpanel-clinician-profile.rightpanel .profile-info div.enable-disable-auto-logout-buttons {text-align:center;} .rightpanel-clinician-profile.rightpanel .profile-info div.clinician-profile-change-credentials, .rightpanel-clinician-profile.rightpanel .profile-info div.gdpr-actions-buttons {padding-bottom:20px;} .rightpanel-clinician-profile.rightpanel .profile-info div.enable-disable-auto-logout-buttons > button, .rightpanel-clinician-profile.rightpanel .profile-info div.gdpr-actions-buttons > button {width:350px;margin-bottom:20px;} .rightpanel-clinician-profile.rightpanel .profile-info div.clinician-profile-change-credentials > button, .rightpanel-clinician-profile.rightpanel .profile-info div.enable-disable-auto-logout-buttons > button, .rightpanel-clinician-profile.rightpanel .profile-info div.gdpr-actions-buttons > button {padding:8px 25px;} .rightpanel-clinician-profile.rightpanel .profile-info div.clinician-profile-change-credentials > button:first-child {margin-right:14px;} div.modal form.do-not-disturb-modal div.xarticle div.enable-disable-do-not-disturb-toggles, div.modal form.delay-after-hours-messages-modal div.xarticle div.enable-disable-after-hours-toggles, div.modal form.out-of-office-modal div.xarticle div.enable-disable-out-of-office-toggles {width:130px;float:right;padding-right:20px;} div.rightpanel.rightpanel-add-expectation-template-add div.toolbar-white button.add-expectation-template-btn {margin: 0 auto; display: block; left: -40px; position: relative; width: 250px;} div.cms-confirm-medical-record-modal div.modal-body.grey-background.cms-confirm-medical-record div.rounded-white-card.padded {margin: 10px 30px;} div.cms-confirm-medical-record-modal div.modal-body.grey-background.cms-confirm-medical-record div.rounded-white-card.padded.cms-patient-details.cms-multi-match {margin:3px 30px} div.tab-links-goal ul.epcot-answer-options li.epcot-answer-option {width:70px;} div.tab-links-goal ul.epcot-answer-options li.epcot-answer-option-wider.epcot-answer-option {width:100px;} div.completed-homework-assignment-scroll button.view-completed-homework-btn, div.medical-questionnaire-view-scroll button.view-medical-questionnaire-answers-btn, div.listened-to-meditation-scroll button.view-meditation-btn, div.audio-lesson-taken-scroll button.listen-to-lesson-btn {margin-top:25px;margin-bottom:25px;width:350px;} div.rightpanel-rp-questionnaires.rightpanel div.heading-bar.toggle-bg button.white-header-btn {width:250px;} div.rightpanel.rightpanel-in-person-link-tool div#dyn-height.in-person-link-scroll.rightpanel-scroll div.rounded-white-card.padded {margin:30px;} div.rightpanel.patient-logs-feed div.log-wrapper div.heading button.logs-view-meal-plan-btn {float:right;padding:4px 8px; margin-right:100px;} div.log-calendar-scroll.rightpanel-scroll div.rounded-white-card.padded.patient-log-calendar-container {margin:30px 30px 350px;padding-bottom:60px} div.narrow-shortish-modal-coping div.modal-footer.add-coping-tactic-modal-footer button.flat-rounded-btn.bigger.less-padding.full-width-btn {width:340px;margin-top:15px} div.narrow-shortish-modal-coping div.modal-footer.add-coping-tactic-modal-footer button.flat-rounded-btn.bigger.less-padding {width: 160px; } div.modal-footer.extra-pad-bottom.add-clinical-goal-modal-footer button.flat-rounded-btn.bigger.less-padding {width:156px;} div.modal-footer.extra-pad-bottom.simple-add-clinical-goal-modal-footer button.flat-rounded-btn.bigger.full-width-btn, div.modal-footer.extra-pad-bottom.add-clinical-goal-modal-footer button.flat-rounded-btn.bigger.full-width-btn {padding:8px 20px;width:338px;margin-top:15px} div.modal-body.add-clinical-goal-modal-body div.calendar-info {padding:0;} div.modal-body.add-clinical-goal-modal-body div.calendar-info div.tab-links-goal, div.modal-body.add-clinical-goal-modal-body div.calendar-info div.tab-links-goal ul {float:none;} div.modal-body.add-clinical-goal-modal-body div.calendar-info div.tab-links-goal ul {margin:0 auto;} div.rightpanel.rightpanel-program-of-goals-and-skills .flat-rounded-btn.bigger.program-of-goals-and-skills-left-aligned-btn {padding:8px 15px;float:left;margin-left:20px;} div.rightpanel.rightpanel-program-of-goals-and-skills div.rightpanel-scroll.program-of-goals-and-skills form.edit-goal-or-skill.rounded-white-card.padded {margin:30px;} div.meditations-configure-scroll.rightpanel-scroll div.rounded-white-card.padded.meditations-configure-container, div.meditations-edit-scroll.rightpanel-scroll div.rounded-white-card.padded.meditations-configure-container {margin: 30px;} div#dyn-height.rightpanel-scroll.dbt-diary-cards-container .heading h2.weekly-dbt-diary-card-date-header-short {display:none} div.rightpanel-scroll.dbt-diary-cards-container div.config-dbt-diary-card-reminder-times .group-info ul li {width:350px;} div.rightpanel-scroll.dbt-diary-cards-container div.configure-dbt-diary-cards-general-config {padding:30px;} div.questionnaires-overview-scroll.rightpanel-scroll div.questionnaire-overview-data div.patient-questionnaires-container {padding:15px; margin: 0 auto 30px;} div.messaging-center-scroll.rightpanel-scroll div.messaging-center-data div.messaging-center-chats-container {padding:15px; margin: 0 auto 30px;} div.modal-body.grey-background.audio-lessons-select-format-and-character-modal-body button.flat-rounded-btn.bigger.centered.select-format-btn, div.modal-body.grey-background.audio-lessons-select-format-and-character-modal-body button.flat-rounded-btn.bigger.centered.select-video-format-btn, div.modal-body.grey-background.audio-lessons-select-format-and-character-modal-body button.flat-rounded-btn.bigger.centered.select-audio-format-btn {width:300px;margin-top:15px;max-width:100%;} div.united-healthcare-member-list-scroll.rightpanel-scroll div.uhc-member-list div.message-patients-list {margin: 0 auto; max-width:800px;} div.united-healthcare-member-list-scroll.rightpanel-scroll div.united-healthcare-member-list-data {padding:0 30px;} div.united-healthcare-member-list-scroll.rightpanel-scroll div.uhc-member-list div.message-patients-list div.patient-member-state {position:relative;padding:10px 20px 10px 10px;cursor:pointer;border-radius:3px;margin-bottom:5px;} div.united-healthcare-member-list-scroll.rightpanel-scroll div.uhc-member-list div.message-patients-list div.patient-member-state > img {display:inline-block;vertical-align:top;} div.united-healthcare-member-list-scroll.rightpanel-scroll div.uhc-member-list div.message-patients-list div.patient-member-state > div.patient-member-name-and-email {display:inline-block;padding-left:10px;} div.united-healthcare-member-list-scroll.rightpanel-scroll div.uhc-member-list div.message-patients-list div.patient-member-state > div.patient-member-name-and-email p.patient-member-email {color:#808080;font-size:10px;line-height:1} div.united-healthcare-member-list-scroll.rightpanel-scroll div.uhc-member-list div.message-patients-list div.patient-member-state > p.patient-member-display-state {float:right;padding-left:10px;margin-top:10px} div.welcome-no-tour-scroll.rightpanel-scroll div.welcome-box div.welcome-app-icon-container {text-align:center;padding:30px 100px 30px 0;} div.welcome-no-tour-scroll.rightpanel-scroll div.welcome-box div.welcome-app-icon-container img {height:auto;} div.rightpanel.rightpanel-thought-log-view div.meal-list {height: calc(100% - 140px); } div.cms-client-welcome-message-templates-modal div.modal-body.grey-background.cms-client-welcome-message-templates, div.cms-client-welcome-message-modal div.modal-body.grey-background.cms-client-welcome-message, div.modal-body.grey-background.select-message-templates-modal-body { height:450px; max-height:450px;} div.cms-client-welcome-message-modal div.cms-welcome-message-sent-bar-container .emoji-wysiwyg-editor { height: 120px;margin-left:0px;border:1px solid #CCCCCC;border-radius:4px;width:100%; } div.cms-client-welcome-message-modal div.cms-welcome-message-sent-bar-container .sent-bar button#emojibtn { float:none; position: relative; top: -8px;} div.cms-client-welcome-message-modal div.modal-body.grey-background.cms-client-welcome-message p button.cms-client-welcome-message-templates-btn { display:inline;text-align:right;border:none;background:none;color:#189FFB; text-decoration:underline;cursor:pointer; font-size:16px;} div.cms-client-welcome-message-modal div.modal-body.grey-background.cms-client-welcome-message p button.cms-client-welcome-message-templates-btn:hover { color:#4AB6FD; } div.cms-client-welcome-message-modal div.modal-body.grey-background.cms-client-welcome-message p button.cms-client-welcome-message-templates-btn:active { color:#187EC1; } div.cms-client-welcome-message-templates-modal div.modal-body.grey-background.cms-client-welcome-message-templates {padding:30px 20px;} div.cms-client-welcome-message-templates-modal div.modal-body.grey-background.cms-client-welcome-message-templates div.rounded-white-card.cms-client-welcome-message-template, div.modal-body.grey-background.select-message-templates-modal-body div.rounded-white-card.select-message-template {margin-bottom:3px;padding:15px;} div.add-or-edit-patient-group-modal div.modal-footer.shadow button.delete-patient-group-btn { display:inline;text-align:left;border:none;background:none;color:red;cursor:pointer; font-size:16px;} div.rounded-white-card.message-patients-list div.physician-patient-group-container button.edit-physician-patient-group-btn, div.rightpanel-message-multiple-patients div.rightpanel-scroll.message-multiple-patients button.add-new-physician-patient-group-btn, div.rightpanel-message-multiple-patients div.rightpanel-scroll.message-multiple-patients button.create-physician-patient-group-btn{ display:inline;text-align:right;border:none;background:none;color:#189FFB;cursor:pointer; font-size:16px;} div.rightpanel-message-multiple-patients div.rightpanel-scroll.message-multiple-patients button.create-physician-patient-group-btn {margin-left:15px;} div.rightpanel-message-multiple-patients div.rightpanel-scroll.message-multiple-patients button.add-new-physician-patient-group-btn { float:right; position:relative; z-index:10;} .modal-body.grey-background.add-or-edit-patient-group {max-height:420px; height:420px;} .modal-body.grey-background.add-or-edit-patient-group div.rounded-white-card.message-patients-list div.patient-group-name-container {padding:15px 20px 0px;border-bottom:4px solid #eff0f6;} div.rounded-white-card.message-patients-list div.physician-patient-group-container div.physician-patient-group-details {display: inline-block; padding-left: 10px; padding-right: 10px; width: calc(100% - 45px)} div.rounded-white-card.message-patients-list div.physician-patient-group-container h4 {color:#000000;font-size:18px;} div.rounded-white-card.message-patients-list div.physician-patient-group-container p {color:#767676;} div.rounded-white-card.message-patients-list div.physician-patient-group-container button.edit-physician-patient-group-btn {float:right;} div.rounded-white-card.message-patients-list div.physician-patient-group-container img {display:inline-block;vertical-align:top;position:relative; top: 5px;} .messaging-center-data div.messaging-center-chats-container { max-width: 1200px; margin: 20px auto;} div.rounded-white-card.messaging-center-chat div.messaging-center-chat-text-container, div.rounded-white-card.messaging-center-chat div.messaging-center-chat-icons, div.rounded-white-card.messaging-center-chat div.messaging-center-chat-text-container p.messaging-chat-last-message-sent-at, div.rounded-white-card.messaging-center-chat div.messaging-center-chat-text-container div.chat-name-container, div.rounded-white-card.messaging-center-chat div.messaging-center-chat-text-container p.messaging-chat-last-message { display: inline-block; box-sizing: border-box; } div.rounded-white-card.messaging-center-chat { margin-bottom: 5px; padding: 15px 15px 15px 30px; position: relative; box-sizing: border-box; } div.rounded-white-card.messaging-center-chat div.messaging-center-chat-text-container { width: calc(100% - 80px); height: 50px; } div.rounded-white-card.messaging-center-chat div.messaging-center-chat-text-container div.messaing-center-chat-text-flex { display:flex; align-items: center; height: 100%; } div.rounded-white-card.messaging-center-chat div.messaging-center-chat-icons { width: 70px; vertical-align: top; padding-top: 5px; position: relative; } div.rounded-white-card.messaging-center-chat div.messaging-center-chat-icons img { position: absolute; right: 10px; } div.rounded-white-card.messaging-center-chat div.messaging-center-chat-icons div.message-chat-unread-indicator { width: 10px; height: 10px; background-color: #2B78E4; border-radius: 50%; display: inline-block; position: relative; top: 8px; } div.rounded-white-card.messaging-center-chat.locked-out div.messaging-center-chat-icons div.message-chat-unread-indicator { background-color: #AAAAAA; } div.rounded-white-card.messaging-center-chat.locked-out div.messaging-center-chat-icons img.team-chat-icon { opacity: 0.45; } div.rounded-white-card.messaging-center-chat div.messaging-center-chat-text-container p.messaging-chat-last-message-sent-at { font-size:14px; font-weight:bold; color:#676767; width: 100px; text-align:right; } div.rounded-white-card.messaging-center-chat.locked-out div.messaging-center-chat-text-container p.messaging-chat-last-message-sent-at, div.rounded-white-card.messaging-center-chat.locked-out div.messaging-center-chat-text-container div.chat-name-container h4 { color:#AAAAAA; } div.rounded-white-card.messaging-center-chat div.messaging-center-chat-text-container div.chat-name-container { position: relative; width: 250px; overflow: hidden; } div.rounded-white-card.messaging-center-chat div.messaging-center-chat-text-container div.chat-name-container h4 { font-size:18px; font-weight:bold; color:#000000; height: 25px; overflow: hidden; white-space: break-spaces; } div.rounded-white-card.messaging-center-chat div.messaging-center-chat-text-container div.chat-name-container h4.chat-name-row-2 { display: block; position: relative; white-space: nowrap; text-overflow: ellipsis; } div.rounded-white-card.messaging-center-chat div.messaging-center-chat-text-container p.messaging-chat-last-message { font-size: 16px; color:#676767; width: calc(100% - 353px); padding-left:2%; max-height: 50px; overflow: hidden; } div.message-multiple-patients-message-templates-modal div.modal-body.grey-background{padding-top:0;max-height:520px;height:520px;padding:10px;} div.message-multiple-patients-message-templates-modal div.modal-body.grey-background div.rightpanel-inner div.group-info {width:343px;} div.message-multiple-patients-message-templates-modal div.modal-body.grey-background div.rightpanel-inner div.group-info div.xarticle {width:343px} div.message-multiple-patients-message-templates-modal div.modal-body.grey-background div.rightpanel-inner div.group-info div.xarticle div.xaside{width:100%;box-sizing:border-box;} div.message-templates-data {margin: 0 auto; max-width:800px;padding-top:30px; padding-bottom:30px} div.message-templates-data div.message-templates-chats-container div.rounded-white-card.message-templates-chat.padded {margin-bottom:3px;} div.rightpanel.rightpanel-fbt-growth-chart div.heading-bar.toggle-bg a.nav-toggle.active.chart-toggle {background-position: bottom right 0px;} div.rightpanel.rightpanel-fbt-growth-chart-measurements div.heading-bar.toggle-bg a.nav-toggle.active.measurements-toggle {background-position: bottom right 36px;} div.rightpanel.rightpanel-fbt-growth-chart-settings div.heading-bar.toggle-bg a.nav-toggle.active.settings-toggle {background-position: bottom right 12px;} div.rightpanel.rightpanel-fbt-growth-chart div.rightpanel-scroll.fbt-growth-chart-scroll, div.rightpanel.rightpanel-fbt-growth-chart-measurements div.rightpanel-scroll.fbt-growth-chart-measurements-scroll, div.rightpanel.rightpanel-fbt-growth-chart-settings div.rightpanel-scroll.fbt-growth-chart-settings-scroll {height: calc(100% - 193px); height: -webkit-calc(100% - 193px); height: -moz-calc(100% - 193px);} div.rightpanel.rightpanel-fbt-growth-chart div#dyn-height.rightpanel-scroll.fbt-growth-chart-scroll div.data-insights div.fbt-growth-chart-content {width:600px;height:600px;margin:20px auto;} .fbt-growth-chart-measurements-scroll button.edit-measurement-btn { background-color: #FFFFFF; margin: 0 auto; } .fbt-growth-chart-measurements-scroll div.fbt-growth-chart-measurements-container { width: 500px; margin:0 auto; } .fbt-growth-chart-measurements-scroll div.fbt-growth-chart-measurements-container h3 { margin-bottom: 10px; } .fbt-growth-chart-measurements-scroll table.fbt-growth-chart-measurements { width:100%; border-collapse: collapse; } .fbt-growth-chart-measurements-scroll table.fbt-growth-chart-measurements tbody tr.fbt-growth-chart-measurement { border-bottom: 2px solid #eff0f6; background-color: #FFFFFF; } .fbt-growth-chart-measurements-scroll table.fbt-growth-chart-measurements tbody td { text-align:center; padding: 12px; width: 20%; } .fbt-growth-chart-measurements-scroll table.fbt-growth-chart-measurements tbody td:first-child { text-align: left; border-radius: 3px 0 0 3px; width: 40%; } .fbt-growth-chart-measurements-scroll table.fbt-growth-chart-measurements tbody td:last-child { border-radius: 0 3px 3px 0; } .fbt-growth-chart-setting-section { width: 600px; margin: 0 auto 5px; } .fbt-growth-chart-setting-section div.settings-inline-section { display:inline-block; } .fbt-growth-chart-setting-section a.btn-log, .fbt-growth-chart-setting-section a.btn-log.btn-glance { color: #189FFB; padding: 14px 20px; } .fbt-growth-chart-setting-section a.btn-log.active, .fbt-growth-chart-setting-section a.btn-log.btn-glance.active { color: #FFFFFF; } #dyn-height.rightpanel-inner.new-at-a-glance { width: 94%; padding: 0 3%; display: block; background-color:#eff0f6; height:calc(100% - 198px ); height:-moz-calc(100% - 198px); height:-webkit-calc(100% - 198px); } #dyn-height.rightpanel-inner.new-at-a-glance.with-tour { height: calc(100% - 311px ); height: -webkit-calc(100% - 311px ); height: -moz-calc(100% - 311px ); } .new-ata-glance, .new-ata-glance * { box-sizing: border-box; } .new-ata-glance .ata-glance-patient-box { display: grid; grid-template-columns: 225px 250px 1fr; grid-template-rows: repeat(2, auto); gap: 15px; margin-bottom:10px; width: 100%; border-radius: 3px; background-color: #FFFFFF; min-height: 100px; padding: 15px; font-size: 14px; } .new-ata-glance .ata-glance-patient-box .at-a-glance-patient-details, .new-ata-glance .ata-glance-patient-box .at-a-glance-state { grid-row: span 2; align-content: center; } .new-ata-glance .ata-glance-patient-box .at-a-glance-logs, .new-ata-glance .ata-glance-patient-box .at-a-glance-actions { grid-row: span 1; } .new-ata-glance .ata-glance-patient-box .at-a-glance-actions { grid-row: span 1; text-align: right; } .new-ata-glance .ata-glance-patient-box .at-a-glance-actions.at-a-glance-actions-two-rows { grid-row: span 2; align-content: center; } .new-ata-glance .ata-glance-patient-box div.at-a-glance-state ul { width:45px;height:45px;background:#3f3f3f; border:1px solid #2a2a2a; box-shadow:#8f8e8e 1px 0 1px; border-radius:6px; } .new-ata-glance .ata-glance-patient-box div.at-a-glance-state ul li{ width:41px; height:41px; background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/light-normal.png) no-repeat 1px 1px/contain; text-indent:-99999px} .new-ata-glance .ata-glance-patient-box div.at-a-glance-state .yellow{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/light-yellow.png) no-repeat 1px 1px/contain} .new-ata-glance .ata-glance-patient-box div.at-a-glance-state .green{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/light-green.png) no-repeat 1px 1px/contain} .new-ata-glance .ata-glance-patient-box div.at-a-glance-state .red{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/light-red.png) no-repeat 1px 1px/contain} .new-ata-glance .ata-glance-patient-box div.at-a-glance-actions-narrow { display: none; } .new-ata-glance .ata-glance-patient-box .at-a-glance-patient-details .center-vertical, .new-ata-glance .ata-glance-patient-box div.at-a-glance-state { display: flex; align-content: center; } .new-ata-glance .ata-glance-patient-box .at-a-glance-patient-details .center-vertical > .xfigure, .new-ata-glance .ata-glance-patient-box div.at-a-glance-state > div.patient-traffic-light { flex: 1; align-self: center; } .new-ata-glance .ata-glance-patient-box .at-a-glance-patient-details .center-vertical > .patient-name, .new-ata-glance .ata-glance-patient-box div.at-a-glance-state > div.patient-states { flex: 3; align-self: center; } .new-ata-glance .ata-glance-patient-box .at-a-glance-patient-details .center-vertical > .patient-name { padding-left: 10px; } .new-ata-glance .ata-glance-patient-box div.at-a-glance-state > div.patient-states p { line-height: 18px; margin-bottom: 5px; } .new-ata-glance .ata-glance-patient-box div.at-a-glance-state > div.patient-states p:last-child { margin-bottom: none; } .new-ata-glance .ata-glance-patient-box div.at-a-glance-state > div.patient-states p.green-text { color: green; } .new-ata-glance .ata-glance-patient-box div.at-a-glance-state > div.patient-states p.yellow-text { color: #FFA600; } .new-ata-glance .ata-glance-patient-box div.at-a-glance-state > div.patient-states p.red-text { color: #CE0000; } .rightpanel-new-at-a-glance .toolbar-white .traffic-light-filter-container { height: 45px; float:right; margin-right: 15px; width: 164px; background-color: #3f3f3f; border:1px solid #2a2a2a; box-shadow:#8f8e8e 1px 0 1px; border-radius:6px; } .rightpanel-new-at-a-glance .toolbar-white .traffic-light-filter-container ul > li { display: inline-block; margin-right: 5px; height: 44px; width: 44px; background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/light-normal.png) no-repeat 1px 1px/contain; text-indent:-99999px; cursor: pointer; } .rightpanel-new-at-a-glance .toolbar-white .traffic-light-filter-container ul > li.yellow, .rightpanel-new-at-a-glance .toolbar-white .traffic-light-filter-container ul > li.traffic-light-hover-yellow:hover, .rightpanel-new-at-a-glance .toolbar-white .traffic-light-filter-container ul > li.traffic-light-hover-yellow:active{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/light-yellow.png) no-repeat 1px 1px/contain} .rightpanel-new-at-a-glance .toolbar-white .traffic-light-filter-container ul > li.green, .rightpanel-new-at-a-glance .toolbar-white .traffic-light-filter-container ul > li.traffic-light-hover-green:hover, .rightpanel-new-at-a-glance .toolbar-white .traffic-light-filter-container ul > li.traffic-light-hover-green:active{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/light-green.png) no-repeat 1px 1px/contain} .rightpanel-new-at-a-glance .toolbar-white .traffic-light-filter-container ul > li.red, .rightpanel-new-at-a-glance .toolbar-white .traffic-light-filter-container ul > li.traffic-light-hover-red:hover, .rightpanel-new-at-a-glance .toolbar-white .traffic-light-filter-container ul > li.traffic-light-hover-red:active{ background:url(https://d3buh2p23rhyze.cloudfront.net/app/images/light-red.png) no-repeat 1px 1px/contain}