/* Bootstrapping */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
Added reset by Christopher Bishop
*/
@import url("https://fonts.googleapis.com/css?family=Barlow:300,500");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
body {
line-height: 1; }
.right-display {
float: right;
color: #7898db;
}
.save-solid {
background: url(../fonts/save-solid.svg) no-repeat;
display: inline-block;
width: 20px;
height: 20px;
}
.multi-user{margin-top: 16px;margin-right: 10px;height: 25px;float: right;}
.dash-actions .checkbox input[type=checkbox]:checked + label + span>span.line_through {
text-decoration: line-through;
}
span.label.fontbold {
font-weight: bold;
}
span.right-display.line_through {
text-decoration: line-through;
}
span.red {
color: red;
}
span.split-2 {
width: 50% !important;
}
.spanTogalCls{
font-size: 27px;
margin-left: 10px;
cursor: pointer;
}
i.icon-check-box.is-done.avails {
color: white;
}
/*custom css for icon*/
.right-display{
float:right;
}
.customnotes>.tablinks {
background: #f1f1f1;
}
.customnotes{
background: #eee;
}
label.active {
color: blue;
}
.evalcls {
background-color: #808080cc;
}
span.label-static.smallfonts {
font-size: 0.75rem;
}
.suggesttemplet .visits-tab {
background: #fff;
box-shadow: 0 0 3px #ccc;
position: sticky;
top: 0;
z-index: 1;
border-bottom: 1px solid #eee;
}
.selectable-list-nested>li>accordion-header
{
overflow:hidden
}
.custom-text-toggle
{
margin-left: 12px;
display: block;
width: 90%;
padding: 3px;
background: #f3f3f36b;
}
.list-title>.circle-glyph
{
position: absolute;
left: 2px;
}
.custom-text-toggle .getlist{
margin-right:5px;
}
.accordion-drawer>ul.selectable-list-nested>li>span.accordion-header::after
{
content:none;
}
i.icon-check-circle.done {
color: #00ff2b;
}
.check-star{
background: url('../fonts/star.svg') no-repeat;
display: block;
width: 15px;
height: 15px;
}
.check-star.done{
background: url('../fonts/star-yellow.svg') no-repeat;
display: block;
width: 15px;
height: 15px;
}
.event-link
{
font-size: 13px;
z-index: 99;
position: absolute;
left: 77px;
top: 6px;
cursor: pointer;
}
.icon-chevron-up:before {
content: "\e909";
font-family: icomoon;
float: right;
/*position: absolute;
top: 10px;
right: 5px;*/
transition: .3s all;
transform: rotate(-180deg);
}
.required{color:#ff0000fa;}
.accordion-drawer .selectable-list-nested>li>accordion-header
{
overflow:hidden
}
.suggestedNotes{
margin-top: 15px;
hight: 100px !important;
max-height: 320px;
padding: 15px;
overflow-y: scroll;
width: 100%;
background-color: #ffffff;
border-radius: 5px 5px 0 0;
box-shadow: 0 0px 9px rgba(0, 0, 0, 0.25);
}
.suggestCantaner{
/*
margin-top:25px;
padding-top:25px;
*/
}
/* Style the tab */
.tab {
/* overflow: hidden; */
border: 1px solid #ccc;
background-color: #f1f1f1;
}
.suggesttemplet {
padding:0px 10px;
max-height: 400px;
overflow-y: auto;
width: 100%;
background-color: #ffffff;
border-radius: 0;
border: 1px solid #ccc;
/* box-shadow: 0 0px 9px rgba(0, 0, 0, 0.25); */
}
.pastVisit
{
border: 1px solid #ccc;
}
/* Style the buttons inside the tab */
.tab button {
background-color: inherit;
/* float: left; */
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
background-color: #ccc;
}
.visits-tab {
background: none;
border: 0;
}
.tab.visits-tab>.tablinks:first-child {
border: none;
}
.tab.visits-tab>.tablinks {
font-weight: 300;
color: rgba(106, 143, 217, 0.75);
font-family: "Barlow", sans-serif;
font-size: 20px;
padding: 5px 10px;
border-left: 1px solid rgb(227, 230, 238);
}
.visits-tab >button.tablinks:hover,.visits-tab>button.tablinks:active {
background: none;
font-weight: bold;
}
.visits-tab >button.tablinks>span.active
{
font-weight: bold;
color:#6A8FD9;
}
/* Tell the browser to render HTML 5 elements as block */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none; }
/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold; }
del {
text-decoration: line-through; }
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help; }
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0; }
/* change border colour to suit your needs */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0; }
hr.custom {
margin: 1em 2em 1em 0em;
}
.icon-pluscircle{
background:url("../images/multi-user.png") no-repeat
}
input, select {
vertical-align: middle; }
ol, ul {
list-style: none; }
a:focus {
outline: none;
/* Removes dotted outline caused by FireFox */ }
img {
border: none;
/* Removes purple border caused by FireFox */ }
/* Clear Div (not suggested) */
.clear {
clear: both; }
/* Clear Fix */
.clear-fix {
*zoom: 1; }
.clear-fix:before, .clear-fix:after {
display: table;
content: ""; }
.clear-fix:after {
clear: both; }
/* Partials */
/*
-----------------------------------------
ANIMATION
-----------------------------------------
*/
/*
-----------------------------------------
Background Highlights
-----------------------------------------
*/
::-moz-selection {
background: #54b4fc;
color: #ffffff; }
::selection {
background: #54b4fc;
color: #ffffff; }
/*
-----------------------------------------
HEAD TAGS
-----------------------------------------
*/
* {
box-sizing: border-box; }
html, body {
height: 100%;
font-family: "Barlow", sans-serif;
font-weight: 300;
color: #333333; }
html {
/* Prevents webpage zooming for mobile devices change orientation */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-size: 16px;
font-family: "Barlow", sans-serif; }
body {
background: #F5F5F5; }
/*
-----------------------------------------
GENERICS
-----------------------------------------
*/
img {
max-width: 100%; }
.relative {
position: relative; }
.left,
.pull-left {
float: left !important; }
.right,
.pull-right {
float: right !important; }
.text-left {
text-align: left; }
.text-center {
text-align: center; }
.text-right {
text-align: right; }
.italic {
font-style: italic; }
.bold {
font-weight: bold; }
.section {
margin-bottom: 15px; }
/*
-----------------------------------------
MOBILE ADJUSTMENTS
-----------------------------------------
*/
a:link {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); }
.mobile-show {
display: none; }
/*
-----------------------------------------
LAYOUT
-----------------------------------------
*/
.left {
text-align: left; }
.right {
text-align: right; }
.center {
text-align: center;
margin-left: auto;
margin-right: auto; }
.justify {
text-align: justify; }
.hidden-sm {
display: none; }
.content {
padding-top: 80px;
background: #ffffff; }
.container {
width: 90%;
margin-left: auto;
margin-right: auto; }
@media only screen and (min-width: 33.75em) {
.container {
width: 100%; } }
@media only screen and (min-width: 64em) {
.container {
width: 100%; } }
.row {
position: relative;
width: 100%;
max-width: 64rem;
margin-right: auto;
margin-left: auto; }
.row [class^="col"] {
float: left;
margin: 0.5rem 2%;
min-height: 0.125rem; }
.row [class^="col"].no-left-space {
margin-left: 0; }
.row [class^="col"].no-right-space {
margin-right: 0; }
[class^="input-col-"] {
float: left;
margin: 0 1%; }
.space-right {
margin-right: 15px; }
.row::after {
content: "";
display: table;
clear: both; }
.col-1, .input-col-1
.col-2, .input-col-2
.col-3, .input-col-3
.col-4, .input-col-4
.col-5, .input-col-5
.col-6, .input-col-6
.col-7, .input-col-7
.col-8, .input-col-8
.col-9, .input-col-9
.col-10, .input-col-10
.col-11, .input-col-11
.col-12, .input-col-12 {
width: 96%;
position: relative; }
.col-1-sm, .input-col-1-sm {
width: 4.3333333333%; }
.col-2-sm, .input-col-2-sm {
width: 12.6666666667%; }
.col-3-sm, .input-col-3-sm {
width: 21%; }
.col-4-sm, .input-col-4-sm {
width: 29.3333333333%; }
.col-5-sm, .input-col-5-sm {
width: 37.6666666667%; }
.col-6-sm, .input-col-6-sm {
width: 46%; }
.col-7-sm, .input-col-7-sm {
width: 54.3333333333%; }
.col-8-sm, .input-col-8-sm {
width: 62.6666666667%; }
.col-9-sm, .input-col-9-sm {
width: 71%; }
.col-10-sm, .input-col-10-sm {
width: 79.3333333333%; }
.col-11-sm, .input-col-11-sm {
width: 87.6666666667%; }
.col-12-sm, .input-col-12-sm {
width: 96%; }
@media only screen and (min-width: 45em) {
.col-1, .input-col-1 {
width: 4.3333333333%; }
.col-2, .input-col-2 {
width: 12.6666666667%; }
.col-3, .input-col-3 {
width: 21%; }
.col-4, .input-col-4 {
width: 29.3333333333%; }
.col-5, .input-col-5 {
width: 37.6666666667%; }
.col-6, .input-col-6 {
width: 46%; }
.col-7, .input-col-7 {
width: 54.3333333333%; }
.col-8, .input-col-8 {
width: 62.6666666667%; }
.col-9, .input-col-9 {
width: 71%; }
.col-10, .input-col-10 {
width: 79.3333333333%; }
.col-11, .input-col-11 {
width: 87.6666666667%; }
.col-12, .input-col-12 {
width: 96%; }
.hidden-sm {
display: block; } }
.row [class^="col"].offset-1 {
margin-left: 8%; }
.row [class^="col"].offset-2 {
margin-left: 16%; }
.row [class^="col"].offset-3 {
margin-left: 24%; }
.row [class^="col"].offset-4 {
margin-left: 32%; }
.row [class^="col"].offset-5 {
margin-left: 40%; }
.row [class^="col"].offset-6 {
margin-left: 48%; }
.row [class^="col"].offset-7 {
margin-left: 56%; }
.row [class^="col"].offset-8 {
margin-left: 64%; }
.row [class^="col"].offset-9 {
margin-left: 72%; }
.row [class^="col"].offset-10 {
margin-left: 80%; }
.row [class^="col"].offset-11 {
margin-left: 88%; }
.row [class^="col"].offset-12 {
margin-left: 96%; }
.hidden-content {
display: none; }
ul.list-spacing li {
margin-bottom: 10px; }
ul.list-spacing li:last-child {
margin-bottom: 0; }
.seperator {
border-top: 1px solid #C3C3C3;
padding-top: 10px;
margin-top: 10px; }
.seperator-btm {
border-bottom: 1px solid #C3C3C3;
padding-bottom: 10px;
margin-bottom: 10px; }
.seperator-right {
border-right: 1px solid #C3C3C3; }
.seperator-left {
border-left: 1px solid #C3C3C3; }
.no-left-margin {
margin-left: 0px !important; }
.no-right-margin {
margin-right: 0px !important; }
.pad-xlg {
padding: 40px; }
.side-tab-page {
/* margin-left: 70px; */
/* margin-right: 20px; */
}
/*
-----------------------------------------
Fonts
-----------------------------------------
*/
@font-face {
font-family: 'icomoon';
src: url("../fonts/icomoon.eot?jyc5q8");
src: url("../fonts/icomoon.eot?jyc5q8#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?jyc5q8") format("truetype"), url("../fonts/icomoon.woff?jyc5q8") format("woff"), url("../fonts/icomoon.svg?jyc5q8#icomoon") format("svg");
font-weight: normal;
font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-menu:before {
content: "\e93b"; }
.icon-sliders:before {
content: "\e939"; }
.icon-check-box:before {
content: "\e93a"; }
.icon-caret-down:before {
content: "\e938"; }
.icon-graph:before {
content: "\e936"; }
.icon-info:before {
content: "\e937"; }
.icon-minus:before {
content: "\e929"; }
.icon-check-circle:before {
content: "\e92a"; }
.icon-excercise:before {
content: "\e92b"; }
.icon-expand:before {
content: "\e92c"; }
.icon-feather:before {
content: "\e92d"; }
.icon-import:before {
content: "\e92e"; }
.cptDropdown.container div {
cursor:pointer;
}
.cptDropdown.container div:hover {
background-color: #fff;
}
.cptDropdown.container {
position: absolute;
margin-left: 30px;
color: #333;
background: #f1f4f9;
width: fit-content;
padding: 5px;
border: #cdcdcd solid 1px;
z-index: 9;
line-height: 1.5;
}
.cptDropdown.checked-container {
height:16px;
width:16px;
margin: 0 0;
cursor:pointer;
display: inline-block;
}
.cptDropdown.checked {
height:12px;
width:12px;
margin: 0 0px;
cursor:pointer;
}
.icon-manual:before {
content: "\e92f"; }
.icon-minus-circle:before {
content: "\e930"; }
.icon-modality:before {
content: "\e931"; }
.icon-width16:before {
width: 16px;
display: inline-block; }
.icon-bells:before {
content: " ";
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='45.174px' height='45.174px' viewBox='0 0 45.174 45.174' style='enable-background:new 0 0 45.174 45.174;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M41.573,15.879v-1.675c0-1.922-1.558-3.495-3.479-3.495h-2.761c-1.921,0-3.479,1.573-3.479,3.495v4.693H13.319v-4.693 c0-1.922-1.558-3.495-3.479-3.495H7.079c-1.921,0-3.479,1.573-3.479,3.495v1.675c-1.979,0-3.6,1.617-3.6,3.613v6.172 c0,1.996,1.71,3.613,3.6,3.613v1.674c0,1.922,1.558,3.513,3.479,3.513H9.84c1.921,0,3.479-1.591,3.479-3.513v-4.676h18.536v4.676 c0,1.922,1.558,3.513,3.479,3.513h2.762c1.92,0,3.479-1.591,3.479-3.513v-1.674c1.979,0,3.6-1.619,3.6-3.613v-6.172 C45.172,17.496,43.462,15.879,41.573,15.879z'/%3E%3C/g%3E%3C/svg%3E");
display: inline-block;
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
opacity: .3;
}
.icon-singleleg:before {
content: " ";
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 441.751 441.751' style='enable-background:new 0 0 441.751 441.751;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M220.53,88.675c24.448,0,44.338-19.89,44.338-44.338C264.868,19.89,244.978,0,220.53,0 c-24.447,0-44.337,19.89-44.337,44.337C176.193,68.785,196.083,88.675,220.53,88.675z'/%3E%3Cpath d='M368.375,98.751h-110h-9h-57h-6h-113c-7.72,0-14,6.28-14,14v3c0,7.72,6.28,14,14,14h101v76.928 c-0.103,0.104-0.222,0.199-0.319,0.305l-30.08,32.734c-2.666,2.895-4.601,7.956-4.601,12.033v96.692c0,5.196,3.968,9.468,9,9.895 v3.413c0,5.514,4.486,10,10,10h14c5.514,0,10-4.486,10-10v-3.908c4.754-0.744,8.51-4.875,8.629-9.811l1.96-81.708 c0.001-0.062,0.116-0.16,0.167-0.16l32.285-0.326l1.22,152.201c0.038,4.687,3.348,8.728,7.738,9.822v3.89c0,5.514,4.486,10,10,10 h14c5.514,0,10-4.486,10-10v-3.217c1.915-0.428,3.676-1.467,5.088-2.877c1.878-1.877,2.912-4.56,2.912-7.214V226.418 c0-3.435-1.02-8.405-2.38-11.584l-2.389-5.516c-0.32-0.749-0.74-1.463-1.231-2.137v-77.431h98c7.72,0,14-6.28,14-14v-3 C382.375,105.031,376.095,98.751,368.375,98.751z M225.431,255.803l-32.402,0.338c-5.417,0.056-9.93,4.511-10.061,9.931 l-1.96,81.714c-0.002,0.079-0.119,0.185-0.159,0.185l-31.473,0.407v-96.626c0-1.553,0.988-4.207,1.961-5.264 c0,0,31.329-40.736,35.039-40.736h72c2.621,0,8,19.099,8,20.667v191.958l-29.632-0.403c-0.031,0-0.106-0.076-0.106-0.107 l-1.22-152.155C235.373,260.247,230.893,255.803,225.431,255.803z'/%3E%3C/g%3E%3C/svg%3E%0A");
display: inline-block;
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
opacity: .3;
}
.icon-next-appt:before {
content: "\e932"; }
.icon-note:before {
content: "\e933"; }
.icon-plus-circle:before {
content: "\e934"; }
.icon-timer:before {
content: "\e935"; }
.icon-cancel:before {
content: "\e918"; }
.icon-check:before {
content: "\e919"; }
.icon-confirmed:before {
content: "\e91a"; }
.icon-day:before {
content: "\e91b"; }
.icon-email:before {
content: "\e91c"; }
.icon-help:before {
content: "\e91d"; }
.icon-otc:before {
content: "\e91e"; }
.icon-upload:before {
content: "\e91f"; }
.icon-warning:before {
content: "\e920"; }
.icon-flowsheet:before {
content: "\e917"; }
.icon-report:before {
content: "\e924"; }
.icon-pdf:before {
content: "\e925"; }
.icon-word:before {
content: "\e926"; }
.icon-magnify:before {
content: "\e927"; }
.icon-print:before {
content: "\e928"; }
.icon-filter:before {
content: "\e921"; }
.icon-future-appt:before {
content: "\e922"; }
.icon-recurring:before {
content: "\e923"; }
.icon-add:before {
content: "\e900"; }
.icon-alert:before {
content: "\e901"; }
.icon-arrow-down:before {
content: "\e902"; }
.icon-arrow-fat-down:before {
content: "\e903"; }
.icon-arrow-fat-up:before {
content: "\e904"; }
.icon-arrow-up:before {
content: "\e905"; }
.icon-calendar:before {
content: "\e906"; }
.icon-chevron-double-left:before {
content: "\e907"; }
.icon-chevron-double-right:before {
content: "\e908"; }
.icon-chevron-down:before {
content: "\e909"; }
.icon-chevron-left:before {
content: "\e90a"; }
.icon-chevron-right:before {
content: "\e90b"; }
.icon-copy:before {
content: "\e90c"; }
.icon-download:before {
content: "\e90d"; }
.icon-edit:before {
content: "\e90e"; }
.icon-exit:before {
content: "\e90f"; }
.icon-exit {
cursor: pointer; }
.icon-metrics:before {
content: "\e910"; }
.icon-profile:before {
content: "\e911"; }
.icon-remove:before {
content: "\e912"; }
.icon-schedule:before {
content: "\e913"; }
.icon-search:before {
content: "\e914"; }
.icon-settings:before {
content: "\e915"; }
.icon-tools:before {
content: "\e916"; }
/*
-----------------------------------------
TYPOGRAPHY
-----------------------------------------
*/
/* Basics */
a {
color: #6A8FD9;
transition: all 0.2s linear;
text-decoration: none;
cursor: pointer; }
a:hover {
color: #93aee3; }
p {
font-size: 16px;
font-size: 1rem;
line-height: 1.4em;
margin-bottom: 20px; }
p:last-child {
margin-bottom: 0; }
small {
font-size: 12px;
font-size: 0.75rem;
margin-bottom: 20px;
display: block; }
h1, h2, h3, h4, h5 {
font-weight: 500;
margin-bottom: 20px; }
h1 span, h2 span, h3 span, h4 span, h5 span {
font-weight: 300;
margin: 0 10px; }
h1.no-margin, h2.no-margin, h3.no-margin, h4.no-margin, h5.no-margin {
margin: 0; }
h1 {
font-size: 39px; }
h1.btm-border {
border-bottom: 1px solid #333333;
padding-bottom: 10px; }
h2 {
font-size: 31px; }
h3 {
font-size: 25px; }
h4 {
font-size: 20px; }
h5 {
font-size: 16px; }
h1 .text-light,
h2 .text-light,
h3 .text-light,
h4 .text-light,
h5 .text-light {
font-weight: 300; }
.smart-text {
background: rgba(81, 111, 172, 0.14);
padding: 20px;
color: #213864;
margin-bottom: 20px; }
.smart-text h5 {
border-bottom: 1px solid #213864;
padding-bottom: 10px; }
.add-feature {
position: relative; }
.add-feature .add-new {
position: absolute;
right: 0;
top: 18px; }
.add-feature .add-new .icon-add {
margin-right: 10px; }
.add-feature .add-new.hide {
display: none; }
.alt-header {
color: #828282;
padding-bottom: 10px;
border-bottom: 1px solid #C3C3C3; }
.tabs a {
padding: 5px 10px;
border-left: 1px solid #E3E6EE;
color: rgba(106, 143, 217, 0.75);
font-size: 20px; }
.tabs a.selected {
font-weight: 400;
color: #6A8FD9; }
.tabs a:first-of-type {
border: none; }
.list-wrapper {
position: relative; }
.success-message {
background: #BDFCC9;
color: #004F00;
padding: 10px 20px;
margin-bottom: 20px; }
.alert,
.alert-small,
.alert-info {
display: block; }
.alert {
font-weight: 500;
color: #A70134; }
.alert-info {
padding: 10px 20px; }
.alert-small {
padding: 3px 5px;
margin-bottom: 5px; }
.alert-info {
background: #E7EBF3;
color: #213864; }
.over-bottom-right {
display: inline-block;
position: absolute;
right: 3px;
bottom: 10px;
border-radius: 3px; }
.label,
.label-long,
.value {
margin-bottom: 5px;
display: inline-block; }
.value,
.value-static {
color: #999999; }
.label {
width: 50%; }
.label-long {
width: 75%; }
.link-list {
margin-bottom: 30px; }
.link-list h3 {
margin-bottom: 15px; }
.link-list li {
margin-bottom: 15px; }
.muted {
color: #CFCFCF; }
.label-tile {
/*sonia -add clear both*/
/*
clear:both;
cursor: move;
font-size: 14px;
color: #000;
font-weight: bold;
padding: 2px 4px 3px;
background: #c3ba91;
border-radius: 3px;
margin: 5px auto;
display: table;
text-align: center;
*/
clear: both;
cursor: move;
font-size: 16px;
font-weight: 400;
color: #fff;
padding: 5px 8px 5px;
background: #6a8fd9;
border-radius: 6px;
margin: 9px auto;
display: table;
text-align: center;
}
.text-group {
padding: 0 0 10px 0; }
.text-group p {
margin-bottom: 8px; }
.question {
font-weight: bold; }
.result-group {
margin-right: 15px; }
/*
-----------------------------------------
BUTTONS
-----------------------------------------
*/
.button {
cursor: pointer;
display: inline-block;
border: none;
-webkit-appearance: none; }
.button:focus {
outline: none; }
.btn-space {
padding: 10px; }
.btn-link {
padding: 10px;
display: inline-block;
cursor: pointer;
color: #516FAC;
transition: all 0.2s linear; }
.btn-link:hover {
color: #415989; }
.btn {
padding: 10px 30px !important;
border-radius: 5px;
font-size: 16px;
margin: 0 20px 20px 0;
cursor: pointer;
transition: all 0.2s linear; }
.btn.no-space {
margin: 0; }
.btn.primary {
background: #6A8FD9;
color: #ffffff;
border: 1px solid #6A8FD9;
border-bottom: 3px solid #516FAC; }
.btn.primary:hover {
background: #4170cf;
color: #ffffff;
border: 1px solid #4170cf;
border-bottom: 3px solid #415989; }
.btn.primary.alert {
background: #E50046;
border-color: #A70134; }
.btn.primary.alert:hover {
background: #b20036;
border-color: #740124; }
.btn.secondary {
background: #ffffff;
color: #516FAC;
border: 1px solid #516FAC;
border-bottom: 3px solid #516FAC; }
.btn.secondary:hover {
background: #6A8FD9;
color: #ffffff;
border: 1px solid #6A8FD9;
border-bottom: 3px solid #516FAC; }
.btn.secondary.alert {
border-color: #E50046;
color: #E50046; }
.btn.secondary.alert:hover {
background: #E50046;
color: #ffffff; }
.btn.short {
padding: 10px 15px !important; }
.btn.small {
padding: 2px 5px !important;
margin: 0 5px 0 0; }
.btn.primary-disabled {
background: #CFCFCF;
color: #ffffff;
border: 1px solid #CFCFCF;
border-bottom: 3px solid #CFCFCF;
cursor: not-allowed;
cursor: default; }
.btn.secondary-disabled {
background: #ffffff;
color: #CFCFCF;
border: 1px solid #CFCFCF;
border-bottom: 3px solid #CFCFCF;
cursor: not-allowed;
cursor: default; }
.btn.reversed {
background: none;
color: #ffffff;
border: 1px solid #ffffff;
border-bottom: 3px solid #ffffff; }
.btn.reversed:hover {
opacity: .5; }
.btn.slim {
padding: 5px 10px !important;
min-width: 150px; }
.btn.right {
margin-right: 0; }
.btn.block {
display: block;
width: 100%; }
.btn.btn-switch {
border: 1px solid #CFCFCF; }
.btn.btn-switch .inactive-glyph {
display: none; }
.btn.btn-switch .active-glyph {
display: inline-block; }
.btn.btn-switch.active {
border: 1px solid #516FAC;
background: #516FAC;
color: #ffffff; }
.btn.btn-switch.active .inactive-glyph {
display: inline-block; }
.btn.btn-switch.active .active-glyph {
display: none; }
.move-controls {
margin: -15px 5px -15px -15px;
padding: 0;
display: inline-block; }
.move-controls .btn {
padding: 10px 5px !important;
border-radius: 0;
font-size: 1em;
margin: 0;
display: inline-block; }
.btn-icon {
cursor: pointer; }
.sort-btn {
cursor: pointer;
display: inline-block;
border: none;
-webkit-appearance: none;
background: none; }
.sort-btn:focus {
outline: none; }
.sort-btn:hover {
opacity: .5; }
.toggle-glyph {
cursor: pointer; }
.toggle-glyph.active {
color: #516FAC; }
/*
-----------------------------------------
TABLES
-----------------------------------------
*/
table {
font-size: 12px;
font-size: 0.75rem;
background: #ffffff;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
width: 100%; }
thead {
text-align: left;
border-bottom: 1px solid #516FAC; }
tfoot {
text-align: center;
border-top: 1px solid #C3C3C3; }
tfoot.table-totals {
text-align: left; }
tfoot.table-totals .left-padding {
padding-left: 23px; }
tfoot.table-totals tr:nth-child(even) {
background: #ffffff; }
tr:nth-child(even) {
background: rgba(81, 111, 172, 0.08); }
tr.delete-check {
position: relative;
padding-bottom: 10px;
box-shadow: 0 0px 9px rgba(0, 0, 0, 0.25); }
tr.delete-check .delete-prompt-active {
position: relative;
background-color: #ffffff;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
margin-right: 5px; }
tr.delete-check .delete-prompt-active:after {
content: '';
width: 100%;
height: 10px;
background: #ffffff;
display: block;
position: absolute;
left: 0;
bottom: -5px;
z-index: 1; }
tr.delete-check .delete-prompt-active .remove {
width: 100%;
color: #E50046; }
tr.delete-check .delete-prompt {
text-align: right;
padding: 20px;
font-size: 16px;
position: absolute;
right: 21px;
left: 20px;
background-color: #ffffff;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25); }
tr.delete-check .delete-prompt span {
margin-right: 20px; }
tr.delete-check .delete-prompt button {
margin-bottom: 0; }
tr.delete-check .delete-prompt button:last-of-type {
margin-right: 0; }
th {
padding: 10px 0px 10px 10px; }
td {
line-height: 1.2;
padding: 10px;
vertical-align: middle; }
td.left-padding {
padding-left: 23px; }
td.multi-line-cell div {
padding-bottom: 2px; }
td.multi-line-cell div:last-of-type {
padding-bottom: 0; }
td select {
margin: 0;
font-size: 12px;
font-size: 0.75rem;
border: 1px dashed #C3C3C3;
padding: 1em;
border-radius: 0;
padding: 10px 22px 10px 12px;
background-color: transparent; }
td select:hover, td select:focus {
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
border: 1px solid #ffffff;
outline: none;
background-color: #ffffff; }
td .remove, td .edit {
display: inline-block;
width: 20px;
text-align: center;
font-size: 20px;
color: #828282;
transition: all 0.2s linear; }
td .remove:hover, td .edit:hover {
color: #E50046; }
td .edit:hover {
color: #6A8FD9; }
td .phone, td .multi-line {
margin-bottom: 5px; }
td .phone b, td .multi-line b {
padding-right: 5px; }
.cell5 {
width: 5%; }
.cell7 {
width: 7%; }
.cell10 {
width: 10%; }
.cell15 {
width: 15%; }
.cell18 {
width: 18%; }
.cell20 {
width: 20%; }
.cell25 {
width: 25%; }
.cell30 {
width: 30%; }
.cell35 {
width: 35%; }
.cell40 {
width: 40%; }
.cell45 {
width: 45%; }
.cell50 {
width: 50%; }
.cell55 {
width: 55%; }
.cell60 {
width: 60%; }
.cell65 {
width: 65%; }
.cell70 {
width: 70%; }
.cell75 {
width: 75%; }
.cell80 {
width: 80%; }
.cell85 {
width: 85%; }
.cell90 {
width: 90%; }
.cell95 {
width: 95%; }
.table-container {
background: #F5F5F5;
padding: 10px 0 15px 0; }
.table-container .right-details {
position: relative; }
.table-container .right-details .right-content {
position: absolute;
right: 0;
top: 12px; }
.table-container .right-details .right-content span, .table-container .right-details .right-content a {
margin-left: 10px; }
.table-container h3, .table-container .search-field {
margin-bottom: 5px; }
.table-container td.error {
color: #A70134; }
.table-container td .div-spacing {
margin-bottom: 5px; }
.table-container td .seperator {
border-left: 1px solid #C3C3C3;
margin: 0 5px 0 5px;
padding-top: 0; }
.table-container td .indicator {
background: #CFCFCF;
width: 10px;
height: 10px;
border-radius: 10px;
display: inline-block; }
.table-container td .indicator.gold {
background: #996633; }
.table-container td .indicator.black {
background: #000000; }
.table-container .color-box {
padding: 10px;
margin: 0;
border-radius: 5px;
font-weight: 700; }
.table-container .card-table .pagination {
background: #ffffff;
padding: 10px;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25); }
.table-container .card-table .card {
margin-bottom: 20px;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25); }
.table-container .card-table .card .card-header {
background: rgba(81, 111, 172, 0.08);
padding: 20px;
overflow: auto; }
.table-container .card-table .card .card-header .checkbox label {
padding: 0 0 0 40px; }
.table-container .card-table .card .card-header h4 {
float: left;
max-width: 50%;
margin-bottom: 0; }
.table-container .card-table .card .card-header h5 {
float: left;
margin-bottom: 15px; }
.table-container .card-table .card .card-header .item-info {
text-align: right;
float: right;
font-size: 16px;
font-size: 1rem; }
.table-container .card-table .card .card-header .item-info span {
margin-left: 20px; }
.table-container .card-table .card .card-header .item-info span b {
margin-right: 10px; }
.table-container .card-table .card .card-header .item-info span.red-msg {
color: #A70134; }
.table-container .card-table .card .card-header .item-info span.status {
color: #2B4D7B; }
.table-container .card-table .card .card-header .item-info span.status.canceled {
color: #A70134; }
.table-container .card-table .card .card-header .item-info span.new-tag i {
background: #A70134;
width: 10px;
height: 10px;
border-radius: 10px;
display: inline-block;
margin-right: 8px; }
.table-container .card-table .card .card-header .item-info a {
font-size: 16px;
font-size: 1rem;
color: #828282; }
.table-container .card-table .card .card-header .item-info a:hover {
color: #6A8FD9; }
.table-container .card-table .card .card-details {
background: #ffffff;
padding: 10px 10px;
font-size: 16px;
font-size: 1rem; }
.table-container .card-table .card .card-details ul {
margin-left: 10px; }
.table-container .card-table .card .card-details ul li {
display: inline-block;
margin: 0 20px 10px 0;
vertical-align: top;
max-width: 20%;
font-size: 14px; }
.table-container .card-table .card .card-details ul li b {
padding-bottom: 5px;
display: block; }
.table-container .card-table .card .card-details ul li.full {
max-width: 100%; }
.table-container .restrict-height {
max-height: 500px;
overflow: auto;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2); }
.table-container .restrict-height::-webkit-scrollbar {
width: 0px;
background: transparent;
/* make scrollbar transparent */ }
.checkbox-list::-webkit-scrollbar {
width: 10px;
background: #ccc;
}
::-webkit-scrollbar {
width: 10px!important;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1!important;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888!important;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555!important;
}
.table-container .permission-table {
font-size: 16px; }
.table-container .permission-table tr {
cursor: pointer;
border-bottom: 1px solid #CFCFCF; }
.table-container .permission-table tr:last-child {
border-bottom: none; }
.table-container .permission-table tr:nth-child(even) {
background: none; }
.table-container .permission-table tr:hover {
background: rgba(81, 111, 172, 0.08); }
.table-container .permission-table tr.selected {
font-weight: 500;
background: rgba(81, 111, 172, 0.08); }
.table-container .permission-table thead tr:hover {
background: none; }
.table-container .permission-table thead tr th.tall-th {
padding: 24px 0 24px 10px; }
.table-container .permission-table a.icons {
color: #333333; }
.table-container .permission-table a.disabled {
color: #CFCFCF;
cursor: not-allowed; }
.table-container .permission-table.right-table {
font-size: 12px; }
.table-container .permission-table.right-table tr {
cursor: default; }
.table-container .permission-table.right-table tr:hover {
background: initial; }
.table-container .permission-table.right-table tr:nth-child(even) {
background: rgba(81, 111, 172, 0.08); }
.table-container .tab-header {
background: #ffffff;
overflow: auto;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
border-bottom: 1px solid #516FAC;
padding: 20px 10px; }
.table-container .tab-header h3 {
margin-bottom: 0; }
.table-container .tab-header h3 span {
font-size: 16px;
float: right;
margin-top: 5px; }
.table-container .tab-header h3 .hide {
display: none; }
.table-container .tab-header .tabs {
margin-bottom: 0; }
.table-container .tab-header .tabs li {
padding: 0;
text-align: right;
margin: 0;
font-size: 16px; }
.table-container .tab-header .tabs li:first-child {
padding-right: 10px;
margin-right: 8px; }
.table-container .tab-header .tabs a {
font-size: 16px;
padding: 0; }
.table-container .outer-foot {
text-align: center;
background: #ffffff;
border-top: 1px solid #516FAC;
padding: 10px;
box-shadow: 0 -1px 9px rgba(0, 0, 0, 0.2);
z-index: 2;
position: relative; }
.table-container .outer-foot.no-content {
padding: 0;
background: none; }
.table-container .outer-foot .button {
margin: 10px 0; }
.table-container .outer-foot .new-group {
position: absolute;
background: #ffffff;
border-top: 1px solid #516FAC;
padding: 30px 20px 10px 20px;
width: 100%;
box-shadow: 0 -1px 9px rgba(0, 0, 0, 0.2);
left: 0;
bottom: 0;
height: 0;
visibility: hidden;
opacity: 0;
transition: opacity .35s, visibility .35s, height .35s;
overflow: hidden; }
.table-container .outer-foot .new-group.open {
height: 370px;
visibility: visible;
opacity: 1; }
.table-container .outer-foot .new-group .cancel-group {
position: absolute;
top: 10px;
right: 10px; }
.table-container .no-selection {
background: #ffffff;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
text-align: center;
padding: 20px;
min-height: 581px; }
.pagination {
margin: 0;
padding: 0;
text-align: center; }
.pagination li {
display: inline; }
.pagination li a {
display: inline-block;
text-decoration: none;
padding: 5px 10px;
color: #828282; }
.pagination li a:hover {
opacity: .5; }
.pagination li a.active {
font-weight: 500;
color: #333333; }
.stats-table {
margin-bottom: 30px; }
.stats-table thead {
border-bottom: 1px solid #F5F5F5; }
.stats-table tbody tr {
border-bottom: 2px solid #CFCFCF; }
.stats-table tbody tr td {
border-left: 1px solid #F5F5F5; }
.stats-table tbody tr td.indent {
padding-left: 20px; }
.stats-table tbody tr td.positive {
color: #169702; }
.stats-table tbody tr td.negative {
color: #A70134; }
.stats-table tbody tr td .name {
float: left;
max-width: 78%; }
.stats-table tbody tr td .graph {
color: #828282; }
.stats-table tbody tr td .graph:hover {
opacity: .5; }
.fold-table tr:nth-child(even) {
background: #ffffff; }
.fold-table tr:nth-child(3n+0) {
background: rgba(81, 111, 172, 0.08) !important; }
.view td {
cursor: pointer; }
.view td.indent {
padding-left: 50px !important; }
.view td.indent .arrow {
left: 25px !important; }
.view td:first-child, .view th:first-child {
position: relative;
padding-left: 35px; }
.view td:first-child .arrow, .view th:first-child .arrow {
position: absolute;
top: 12px;
left: 10px;
font-size: 10px;
transition: all .3s ease; }
.view.open td:first-child .arrow, .view.open th:first-child .arrow {
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
color: #333; }
.fold {
display: none; }
.fold.open {
display: table-row; }
.fold .fold-container {
padding: 0; }
.fold .fold-container table {
box-shadow: none;
padding: 0; }
.fold .fold-container table thead tr {
border-bottom: 1px solid #F5F5F5; }
.fold .fold-container table thead tr th.indent {
padding-left: 35px; }
.fold .fold-container table thead tr th.secondary-indent {
padding-left: 50px; }
.fold .fold-container table tbody tr {
border-bottom: none;
background: #ffffff !important; }
.fold .fold-container table tbody tr td.indent {
padding-left: 55px; }
.fold .fold-container table tbody tr td.secondary-indent {
padding-left: 70px; }
.fold .fold-container table tbody tr td a {
position: relative;
z-index: 2; }
/*
-----------------------------------------
CSS TABLES
-----------------------------------------
*/
.fake-table {
width: 100%;
position: relative; }
.fake-table.no-lines .fake-table-row {
border-bottom: none; }
.fake-table.row-spaced {
margin: 0 2%;
width: auto; }
.fake-table small {
margin-bottom: 0; }
.fake-table-row,
.fake-table-head {
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #dddcdc;
*zoom: 1; }
.fake-table-row:before, .fake-table-row:after,
.fake-table-head:before,
.fake-table-head:after {
display: table;
content: ""; }
.fake-table-row:after,
.fake-table-head:after {
clear: both; }
.fake-table-row.table-row-accordion,
.fake-table-head.table-row-accordion {
display: block; }
.fake-table-row.active .accordion-ctl:after {
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.fake-row-header {
display: -ms-flexbox;
display: flex; }
.fake-row-header .accordion-ctl {
position: relative; }
.fake-row-header .accordion-ctl:after {
content: "\e909";
font-family: icomoon;
font-size: .4em;
float: right;
position: absolute;
top: 18px;
right: 5px;
transition: .3s all;
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
.fake-row-drawer {
display: block;
max-height: 0px;
transition: all .2s ease-in-out; }
.fake-table-row.active .fake-row-drawer {
max-height: 400px; }
.is-done {
color: #CFCFCF; }
.done .is-done {
color: #333333; }
.done .is-done .accordion-ctl:after {
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.fake-table-row {
overflow: hidden; }
.fake-table-row .drawer-row {
display: -ms-flexbox;
display: flex;
font-size: .8em; }
.fake-table-row .drawer-row [class^="fake-cell-"]:first-child {
padding-left: 20px; }
[class^="fake-cell-"].border-right,
.fake-table-row.border-right {
border-right: 1px solid #dddcdc; }
[class^="fake-cell-"].border-right-heavy,
.fake-table-row.border-right-heavy {
border-right: 2px solid #C3C3C3; }
[class*="fake-cell-"] {
padding: 10px; }
.less-pad [class*="fake-cell-"] {
padding: 5px; }
.split-4,
.split-3,
.split-2 {
display: block;
float: left;
min-height: 20px; }
.split-4 {
width: 25%; }
.split-3 {
width: 33.3333333333%; }
.fake-cell-5 {
width: 5%; }
.fake-cell-10 {
width: 10%; }
.fake-cell-15 {
width: 15%; }
.fake-cell-20 {
width: 20%; }
.fake-cell-25 {
width: 25%; }
.fake-cell-30 {
width: 30%; }
.fake-cell-35 {
width: 35%; }
.fake-cell-40 {
width: 40%; }
.fake-cell-45 {
width: 45%; }
.fake-cell-50 {
width: 50%; }
.fake-cell-55 {
width: 55%; }
.fake-cell-60 {
width: 60%; }
.fake-cell-65 {
width: 65%; }
.fake-cell-70 {
width: 70%; }
.fake-cell-75 {
width: 75%; }
.fake-cell-80 {
width: 80%; }
.fake-cell-85 {
width: 85%; }
.fake-cell-90 {
width: 90%; }
.fake-cell-95 {
width: 95%; }
.fake-cell-100 {
width: 100%; }
.pad-left {
padding-left: 10px;
padding-right: 0; }
.pad-right {
padding-right: 10px;
padding-left: 0; }
.small-pad-right {
padding-right: 3px; }
.table-head {
font-size: 12px;
font-weight: 500;
vertical-align: bottom;
text-align: center; }
.table-icon1 {
width: 40px; }
.test-pos {
position: relative;
width: 100%;
display: table-cell; }
.row-overlay {
position: absolute;
z-index: 2;
background: #ffffff;
left: 0;
bottom: 0;
top: 0;
width: 100%;
padding: 6px;
visibility: hidden;
opacity: 0;
transition: opacity 0.2s linear; }
.row-overlay.row-overlay-next {
padding: 0; }
.row-overlay .editable-content {
border: none;
color: #333333;
background: #ffffff;
margin-top: 1px; }
.row-overlay .btn {
border: 1px solid #ffffff; }
.row-overlay .btn:hover {
color: #333333;
background: #ffffff;
opacity: 1; }
.row-overlay .fake-table-row {
border-bottom: none; }
.row-overlay a {
display: inline-block; }
.row-overlay a.glyph {
margin-top: 3px; }
.row-overlay-today {
background: rgba(22, 151, 2, 0.8);
color: #ffffff; }
.row-overlay-today a {
color: #ffffff; }
.row-overlay-black,
.row-overlay-next {
background: rgba(0, 0, 0, 0.7);
color: #ffffff; }
.row-overlay-black a,
.row-overlay-next a {
color: #ffffff; }
.add-table-row,
.fake-table-row {
position: relative; }
.add-table-row [class^='fake-cell-'].small-pad,
.fake-table-row [class^='fake-cell-'].small-pad {
padding: 2px; }
.add-table-row [class^='fake-cell-'].smallish-pad-cell1,
.fake-table-row [class^='fake-cell-'].smallish-pad-cell1 {
padding: 4px 4px 4px 10px; }
.add-table-row .cell-pad,
.fake-table-row .cell-pad {
padding: 10px; }
.add-table-row .btn,
.fake-table-row .btn {
padding: 2px 4px;
font-size: 12px; }
.add-table-row .do-today:after,
.add-table-row .marked:after,
.fake-table-row .do-today:after,
.fake-table-row .marked:after {
content: "";
position: absolute;
height: 0px;
width: 0px;
top: -2px;
left: -13px;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
-ms-transform: rotate(315deg);
transform: rotate(315deg); }
.add-table-row .do-today:after,
.fake-table-row .do-today:after {
border-bottom: 13px solid #169702; }
.add-table-row .marked:after,
.fake-table-row .marked:after {
border-bottom: 13px solid #CFCFCF; }
.add-table-row.active .row-overlay,
.fake-table-row.active .row-overlay {
visibility: visible;
opacity: 1;
min-height: 62px; }
.add-table-row.error,
.fake-table-row.error {
padding-bottom: 25px; }
.add-table-row.error .error-field,
.fake-table-row.error .error-field {
color: #A70134; }
.add-table-row.error .row-error,
.fake-table-row.error .row-error {
color: #ffffff;
background-color: #E50046;
padding: 2px 10px;
text-align: right;
margin-left: -5px;
position: absolute;
bottom: 0;
width: 100%; }
.btn.table-input-lg,
.table-input-lg {
padding: 8px 10px !important;
margin-right: 0px;
margin-top: -5px;
margin-bottom: -5px;
display: inline-block;
float: right; }
.table-icon-lg {
font-size: 1.4em;
margin-top: -2px;
margin-bottom: -5px;
display: inline-block;
float: right; }
/*
-----------------------------------------
FORMS
-----------------------------------------
*/
form {
margin: 0; }
label {
display: block;
font-size: 16px;
font-size: 1rem;
color: #333333;
margin-bottom: 5px;
line-height: 1.4em;
position: relative; }
label span.error {
color: #E50046;
position: absolute;
left: 12px;
top: 75px; }
.form-inline {
*zoom: 1; }
.form-inline:before, .form-inline:after {
display: table;
content: ""; }
.form-inline:after {
clear: both; }
.form-inline label,
.form-inline input,
.form-inline button,
.form-inline div,
.form-inline p,
.form-inline a {
display: inline-block;
margin-right: 10px;
margin-bottom: 0; }
.form-inline label:last-child,
.form-inline input:last-child,
.form-inline button:last-child,
.form-inline div:last-child,
.form-inline p:last-child,
.form-inline a:last-child {
margin-right: 0; }
.form-inline .label-inline {
margin-top: 10px; }
.input-space {
margin-right: 5%; }
.input-10 {
width: 10%; }
.input-20 {
width: 20%; }
.input-30 {
width: 30%; }
.input-40 {
width: 40%; }
.input-50 {
width: 50%; }
.input-60 {
width: 60%; }
.input-70 {
width: 70%; }
.input-80 {
width: 80%; }
.input-90 {
width: 90%; }
.input-100 {
width: 100%; }
input, textarea {
width: 100%;
border: 1px solid #C3C3C3;
padding: 10px;
font-size: 16px;
font-size: 1rem;
color: #333333;
border-radius: 5px;
margin-bottom: 10px;
font-family: "Barlow", sans-serif;
font-weight: 300; }
input:focus, textarea:focus {
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
border: 1px solid #ffffff;
outline: none; }
input:disabled, textarea:disabled {
color: #CFCFCF;
background: #fff;
cursor: not-allowed; }
input.error, textarea.error {
border-color: #E50046;
color: #E50046;
background: rgba(229, 0, 70, 0.02);
margin-bottom: 35px; }
textarea {
min-height: 150px;
resize: none; }
textarea.small {
min-height: 150px; }
textarea.large {
min-height: 250px; }
.dropdown-h {
position: relative;
margin-bottom: 10px; }
.dropdown-h h1, .dropdown-h h2, .dropdown-h h3, .dropdown-h h4, .dropdown-h p {
*zoom: 1;
border-bottom: 1px solid #C3C3C3;
margin-bottom: 0;
padding: 10px;
cursor: pointer; }
.dropdown-h h1:before, .dropdown-h h1:after, .dropdown-h h2:before, .dropdown-h h2:after, .dropdown-h h3:before, .dropdown-h h3:after, .dropdown-h h4:before, .dropdown-h h4:after, .dropdown-h p:before, .dropdown-h p:after {
display: table;
content: ""; }
.dropdown-h h1:after, .dropdown-h h2:after, .dropdown-h h3:after, .dropdown-h h4:after, .dropdown-h p:after {
clear: both; }
.dropdown-h h1 .indicator {
font-size: 19px;
float: right;
margin-top: 10px;
margin-left: 20px; }
.dropdown-h .dropdown {
background: #ffffff;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
position: absolute;
top: 50px;
left: 1px;
z-index: 1000;
width: 100%;
border-radius: 5px;
overflow-x: scroll;
visibility: hidden;
opacity: 0;
transition: opacity .2s ease-in-out; }
.dropdown-h .dropdown li a {
color: #333333;
display: block;
padding: 10px;
font-size: 25px;
cursor: pointer; }
.dropdown-h .dropdown li a:hover {
background: #F5F5F5; }
.dropdown-h .dropdown li a:active, .dropdown-h .dropdown li a:hover, .dropdown-h .dropdown li a:visited {
color: #333333; }
.dropdown-h.active .dropdown {
visibility: visible;
opacity: 1;
z-index: 999; }
select {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: "Barlow", sans-serif;
font-weight: 300;
cursor: pointer;
text-indent: 0.01px;
text-overflow: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' height='100' width='100'%3E%3Cpath fill='%23555' d='M0 20l50 60 50-60z'/%3E%3C/svg%3E");
background-position: right 10px top 50%;
background-repeat: no-repeat;
background-size: 8px 8px;
border: 1px solid #C3C3C3;
border-radius: 5px;
padding: 10px 22px 10px 12px;
background-color: #ffffff;
font-size: 16px;
font-size: 1rem;
color: #333333;
margin-bottom: 10px; }
select::-ms-expand {
display: none; }
select:disabled {
color: #CFCFCF;
background: #fff;
cursor: not-allowed; }
select:focus {
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
border: 1px solid #ffffff;
outline: none; }
select.header-select {
border: none;
padding: 0 25px 0 20px;
font-weight: 500;
font-size: 20px;
width: auto;
margin-bottom: 20px; }
select.small {
padding: 2px 5px;
margin: 0 5px 0 0; }
::-webkit-input-placeholder {
color: #C3C3C3; }
::-moz-placeholder {
color: #C3C3C3; }
:-ms-input-placeholder {
color: #C3C3C3; }
input:-moz-placeholder {
color: #C3C3C3; }
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="file"],
textarea {
-webkit-appearance: none; }
input[type="text"].small,
input[type="email"].small,
input[type="tel"].small,
input[type="file"].small {
padding: 2px 5px;
margin: 0 5px 0 0; }
input[type="search"] {
-webkit-appearance: none; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: none; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0; }
input[type=number] {
-moz-appearance: textfield; }
/* Form Styles */
.field-group {
*zoom: 1; }
.field-group:before, .field-group:after {
display: table;
content: ""; }
.field-group:after {
clear: both; }
.field {
margin-bottom: 20px; }
/* Customize checkbox and radio */
.checkbox {
min-height: 25px;
cursor: pointer;
display: inline-block;
padding-right: 20px; }
.checkbox.block {
display: block; }
.fake-table-row .checkbox,
.fake-talbe-head .checkbox {
min-height: 12px; }
.checkbox.no-label {
padding: 0; }
.checkbox.no-label label {
padding: 8px 0 0 25px; }
.fake-table-row .checkbox.no-label label:before,
.fake-talbe-head .checkbox.no-label label:before {
margin-top: -5px; }
.fake-table-row .checkbox.no-label label:after,
.fake-talbe-head .checkbox.no-label label:after {
top: 3px;
left: 7px; }
.checkbox.btm-border {
border-bottom: 1px solid #F5F5F5;
margin-bottom: 10px;
display: block; }
.checkbox label {
position: relative;
padding: 8px 0 8px 40px;
z-index: 2;
cursor: pointer; }
.checkbox label:before {
content: '';
width: 25px;
height: 25px;
cursor: pointer;
position: absolute;
background: #fff;
left: 0;
top: 0;
border: 1px solid #C3C3C3;
border-radius: 3px; }
.checkbox label:after {
content: '';
width: 10px;
height: 4px;
position: absolute;
top: 9px;
left: 7px;
border: 4px solid #ccc;
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
cursor: pointer; }
.checkbox label:hover::after {
opacity: 0.2; }
.checkbox label .label-container {
font-size: 16px;
line-height: 1.6em;
margin-top: -8px;
display: block;
text-transform: none;
cursor: pointer; }
.checkbox input[type=checkbox] {
visibility: hidden;
position: absolute;
left: -9999px; }
.checkbox input[type=checkbox]:checked + label:before {
background: #6A8FD9;
border: 1px solid #6A8FD9; }
.checkbox input[type=checkbox]:checked + label:after {
opacity: 1;
border-color: #ffffff; }
.radio {
cursor: pointer;
display: inline-block;
padding-right: 20px; }
.radio.radio-block {
display: block; }
.radio.btm-border {
border-bottom: 1px solid #F5F5F5;
margin-bottom: 10px;
display: block; }
.radio label {
position: relative;
z-index: 2;
padding: 8px 0 8px 40px;
cursor: pointer; }
.radio label:before {
content: '';
width: 28px;
height: 28px;
cursor: pointer;
position: absolute;
background: #fff;
left: 0;
top: 0;
border: 1px solid #ccc;
border-radius: 50%; }
.radio label:after {
content: '';
width: 18px;
height: 18px;
border-radius: 50%;
position: absolute;
top: 6px;
left: 6px;
background: #6A8FD9;
opacity: 0;
cursor: pointer; }
.radio label:hover::after {
opacity: 0.2; }
.radio label .label-container {
font-size: 16px;
line-height: 1.6em;
margin-top: -8px;
display: block;
text-transform: none;
cursor: pointer; }
.radio input[type=radio] {
visibility: hidden;
position: absolute;
left: -9999px; }
.radio input[type=radio]:checked + label:before {
border: 1px solid #6A8FD9; }
.radio input[type=radio]:checked + label:after {
opacity: 1; }
.error-message {
background: #FFE2EB;
color: #A70134;
padding: 10px 20px;
margin-bottom: 20px; }
.error-message .icon {
display: inline-block;
width: 15px;
text-align: center; }
.error-message ul li {
margin-bottom: 10px; }
.error-message ul li:last-child {
margin-bottom: 0; }
.search-form, .date-form {
margin: 0;
position: relative; }
.search-form select, .date-form select {
margin-bottom: 0; }
.search-form .search-btn, .date-form .search-btn {
border: none;
background: none;
font-size: 24px;
color: #CFCFCF;
position: absolute;
right: 5px;
top: 7px;
cursor: pointer; }
.search-form .search-btn:hover, .date-form .search-btn:hover {
opacity: .5; }
.color-picker {
position: relative;
width: 100%;
margin: 0px !important; }
.color-picker input {
padding-left: 40px; }
.color-picker .color-sample {
border: 1px solid #C3C3C3;
position: absolute;
left: 0;
top: 25px;
width: 30px;
height: 30px;
display: block;
border-radius: 3px; }
.color-picker .color-sample:focus {
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
border: 1px solid #ffffff;
outline: none; }
.editable-content {
width: 100%;
padding: 1em;
border: 1px dashed #C3C3C3;
word-wrap: break-word;
word-break: break-all;
box-sizing: border-box; }
.editable-content:hover, .editable-content:focus {
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
border: 1px solid #ffffff;
outline: none;
background: #ffffff; }
.fake-table-row .editable-content {
padding: 8px 4px;
display: block; }
input[type="checkbox"].switch {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 35px;
height: 17px;
background: #ffffff;
border-radius: 3em;
position: relative;
cursor: pointer;
outline: none;
transition: all .2s ease-in-out;
padding: 0;
margin: 0 5px;
border: 1px solid #828282; }
input[type="checkbox"].switch:focus {
box-shadow: 0 0px 0px transparent;
outline: none; }
input[type="checkbox"].switch:checked {
background: #ffffff;
border: 1px solid #516FAC; }
input[type="checkbox"].switch:checked:after {
left: calc(100% - 15px);
background: #516FAC; }
input[type="checkbox"].switch:after {
position: absolute;
content: "";
width: 15px;
height: 15px;
border-radius: 50%;
background: #516FAC;
-ms-transform: scale(0.7);
transform: scale(0.7);
left: 0;
transition: all .2s ease-in-out;
background: #828282; }
.input_plus {
padding-right: 32px;
position: relative;
margin-top: 14px; }
.input_plus input {
margin-bottom: 8px; }
.input_plus .plus_btn {
position: absolute;
top: 14px;
right: 7px; }
.name-typeahead {
position: relative; }
.name-typeahead.searching input {
border-radius: 5px 5px 0 0; }
.patient-search-results {
background-color: #ffffff;
padding: 15px;
border-radius: 0 0 5px 5px;
width: 100%;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
position: absolute;
top: 69px;
z-index: 1;
display: none; }
.searching .patient-search-results {
display: block; }
.patient-search-results li {
border-bottom: 1px solid #F5F5F5;
font-weight: 500;
padding: 15px; }
.patient-search-results li:first-of-type {
padding-top: 0; }
.patient-search-results li:last-of-type {
border-bottom: none;
padding-bottom: 5px; }
.patient-search-results li a {
display: inline-block; }
.patient-search-results li span {
display: block;
font-size: 14px;
color: #C3C3C3;
padding-top: 5px;
font-weight: 300; }
.clickable {
cursor: pointer; }
.drill-down-box-list .drill-down-box {
margin-bottom: 10px; }
.drill-down-box {
border: 1px solid #ffffff;
transition: all .2s ease-in-out;
position: relative; }
.drill-down-box .circle-glyph {
transition: .3s all; }
.drill-down-box .drill-down-head {
display: block;
*zoom: 1;
margin-bottom: 5px;
position: relative; }
.drill-down-box .drill-down-head:before, .drill-down-box .drill-down-head:after {
display: table;
content: ""; }
.drill-down-box .drill-down-head:after {
clear: both; }
.drill-down-box .drill-down-head .drill-down-head-text {
display: inline-block; }
.drill-down-box .drill-down-head .drill-down-head-text small {
margin-bottom: 0; }
.drill-down-box .drill-down-display-content {
visibility: visible; }
.drill-down-box .drill-down-content {
visibility: hidden;
opacity: 0;
max-height: 0;
transition: all .2s ease-in-out; }
.drill-down-box.active {
border: 1px solid #C3C3C3;
padding: 15px; }
.drill-down-box.active .drill-down-display-content {
visibility: hidden; }
.drill-down-box.active .circle-glyph {
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.drill-down-box.active .drill-down-content {
visibility: visible;
opacity: 1;
max-height: 200px; }
.label-space {
padding-top: 27px; }
.form-group-btn-solo {
display: -ms-flexbox;
display: flex; }
.form-group-btn-solo .form-group-input {
-ms-flex-positive: 1px;
flex-grow: 1px; }
.form-group-btn-solo .form-group-btn {
-ms-flex: 0 0 50px;
flex: 0 0 50px;
margin-bottom: 0;
margin-left: 10px; }
.form-group-btn-solo .form-group-btn:last-child {
margin-right: 0; }
.input-group-btn {
display: -ms-flexbox;
display: flex; }
.input-group-btn select,
.input-group-btn input {
-ms-flex-positive: 1;
flex-grow: 1;
border-radius: 5px 0 0 5px;
height: 25px;
margin: 0; }
.input-group-btn select.small,
.input-group-btn input.small {
background-image: none; }
.input-group-btn button {
border-radius: 0 5px 5px 0;
color: #ffffff;
background: #516FAC;
border: #516FAC;
height: 25px;
width: 25px;
cursor: pointer; }
.input-group-time {
display: -ms-flexbox !important;
display: flex !important; }
.input-group-time input {
margin: 0;
border-radius: 5px 0 0 5px;
padding-rigth: 2px;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%; }
.input-group-time select {
border-radius: 0 5px 5px 0;
border-left: none;
padding-right: 10px;
width: 55px;
margin: 0;
background-position: right 5px top 50%;
display: -ms-flexbox;
display: flex; }
.input-group-3,
.input-group-2 {
@inlcude clearfix; }
.input-group-3 .input-left,
.input-group-3 .input-center,
.input-group-3 .input-right,
.input-group-2 .input-left,
.input-group-2 .input-center,
.input-group-2 .input-right {
float: left; }
.input-group-3 .input-left select,
.input-group-3 .input-left input,
.input-group-2 .input-left select,
.input-group-2 .input-left input {
border-radius: 5px 0 0 5px; }
.input-group-3 .input-center select,
.input-group-3 .input-center input,
.input-group-2 .input-center select,
.input-group-2 .input-center input {
border-radius: 0;
border-left: none; }
.input-group-3 .input-right select,
.input-group-3 .input-right input,
.input-group-2 .input-right select,
.input-group-2 .input-right input {
border-radius: 0 5px 5px 0;
border-left: none; }
.input-group-3 .input-left,
.input-group-3 .input-center,
.input-group-3 .input-right {
width: 33.3333333333%; }
.input-group-2 .input-left,
.input-group-2 .input-right {
width: 50%; }
.form-group {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #C3C3C3; }
.radio-scale {
display: -ms-flexbox;
display: flex;
border: 1px solid #CFCFCF;
border-radius: 4px; }
.radio-scale .scale-btn {
-ms-flex: 1;
flex: 1;
position: relative;
cursor: pointer;
text-align: center;
padding: 10px 5px;
margin: 0;
border-right: 1px solid #CFCFCF;
transition: all .2s ease-in-out; }
.radio-scale .scale-btn:last-child {
border-radius: 0 3px 3px 0;
border-right: none; }
.radio-scale .scale-btn:first-child {
border-radius: 3px 0 0 3px; }
.radio-scale input {
display: none;
opacity: 0; }
.radio-scale input:checked + label {
background: #516FAC;
color: #ffffff; }
.selector {
position: relative;
width: 100%; }
.selector .face {
display: block;
padding: 2px 5px;
border: 1px solid #C3C3C3;
border-radius: 5px;
background-color: #ffffff;
color: #333333;
width: 100%;
cursor: pointer;
position: relative;
transition: all .2s ease-in-out; }
.selector .face .signifier {
position: absolute;
top: 8px;
right: 7px;
font-size: 4px; }
.selector .drawer {
visibility: hidden;
opacity: 0;
max-height: 0;
position: absolute;
width: 100%;
display: block;
top: 0;
left: 0;
background: #ffffff;
z-index: 2000;
overflow-x: hidden;
overflow-y: auto;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
border: 1px solid #F5F5F5;
border-radius: 5px; }
.selector .drawer li {
cursor: pointer;
border-bottom: 1px solid #dddcdc; }
.selector .drawer li:hover {
background: #F5F5F5; }
.selector .drawer li:last-child {
border-bottom: none; }
.selector .drawer li .drawer-btn,
.selector .drawer li .drawer-text {
display: inline-block;
padding: 5px; }
.selector .drawer li .drawer-btn {
background: #F5F5F5;
font-size: 14px; }
.selector .drawer li .drawer-btn:hover {
background: #516FAC;
color: #ffffff; }
.selector .drawer li .drawer-btn.selected {
background: #516FAC;
color: #ffffff; }
.selector .drawer li.selected {
background: #F5F5F5; }
.selector.active .face {
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
border: 1px solid #ffffff;
outline: none; }
.selector.active .drawer {
visibility: visible;
opacity: 1;
max-height: 200px; }
.row.chart-row {
padding-top: 100px;
z-index: 2; }
.row.chart-row .col-4 {
perspective: 1000px;
transform-style: preserve-3d; }
.row.chart-row .col-4.flip .chart-content {
transform: rotateY(180deg);
z-index: 1; }
.row.chart-row .col-4.flip .chart-settings {
transform: rotateY(0deg);
z-index: 2; }
.chart-row .col-12 {
perspective: 1000px;
transform-style: preserve-3d; }
.chart-row .col-12.flip .chart-content {
transform: rotateY(180deg);
z-index: 1; }
.chart-row .col-12.flip .chart-settings {
transform: rotateY(0deg);
z-index: 2; }
.chart-tile {
width: 100%;
height: 294px;
border-radius: 3px;
position: relative; }
.chart-tile .btn {
margin: 0; }
.chart-tile .chart-content, .chart-tile .chart-settings {
width: 100%;
height: 100%;
overflow: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
background-color: #FFFFFF;
transition: 0.6s;
transform-style: preserve-3d;
box-shadow: 0 0 12px 0 rgba(85, 85, 85, 0.1); }
.chart-tile .chart-content {
z-index: 2;
transform: rotateY(0deg);
padding: 12px 0 0; }
.chart-tile .chart-settings {
background-color: #ffffff;
transform: rotateY(-180deg);
padding: 10px 0 20px;
z-index: 1; }
.chart-tile .chart-settings h4 {
padding: 0 20px; }
.chart-tile .chart-settings span {
display: block;
width: 100%; }
.chart-tile a.settings {
position: absolute;
top: 7px;
right: 7px;
font-size: 20px;
color: #828282; }
.chart-tile a.settings:hover {
color: #6A8FD9; }
.chart-tile a.cancel {
color: #828282;
position: absolute;
top: 7px;
right: 7px;
font-size: 20px; }
.chart-tile .number {
font-size: 44px;
line-height: 0.65;
position: absolute;
top: 37%;
left: 50%;
padding-right: 23px;
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.chart-tile .number i {
font-size: 25px;
position: absolute;
top: 0;
right: 0; }
.chart-tile .chart-container {
width: 100.1%;
position: absolute;
bottom: 0;
height: 150px; }
.chart-tile .chart-container canvas {
border-radius: 0 0 3px 3px; }
.chart-tile .radio.btm-border {
border: none;
margin-bottom: 13px; }
.chart-tile .radio label:before {
width: 25px;
height: 25px; }
.chart-tile .radio label:after {
width: 17px;
height: 17px;
top: 5px;
left: 5px; }
.chart-options-wrapper {
width: 100%;
height: 177px;
padding: 0 0 0 20px;
margin-bottom: 15px;
border-bottom: 1px solid #F5F5F5;
position: relative; }
.chart-options {
width: 100%;
height: 100%;
overflow-y: scroll; }
.content.dashboard {
position: relative;
margin-top: -60px;
padding-top: 90px; }
.dash-actions {
padding-bottom: 53px; }
.dash-actions h1 {
font-size: 31px;
margin-bottom: 0; }
.dash-actions .checkbox input[type=checkbox]:checked + label + span.line_through {
text-decoration: line-through; }
.dash-actions .checkbox-wrapper {
overflow: hidden;
height: 243px;
border-bottom: 1px solid #C3C3C3;
position: relative; }
.dash-actions .checkbox-list {
width: 100%;
height: 100%;
overflow-y: scroll;
padding-top: 9px;
/* padding-right: 17px;*/
box-sizing: content-box;
z-index: 1; }
.dash-actions .checkbox-list li {
margin: 0 0 9px 10px;
padding: 5px 10px 12px 10px; }
.action-list .list-wrapper {
height: 298px;
position: relative;
overflow: hidden; }
.action-needed-list {
width: 100%;
height: 100%;
/*padding-right: 17px;*/
box-sizing: content-box;
overflow-y: scroll; }
.action-needed-list li {
padding: 14px 10px;
border-bottom: 1px solid #F5F5F5;
position: relative;
margin: 0 0 0 10px; }
.action-needed-list li .count {
color: #333333;
float: right; }
.action-needed-list li.call-out {
font-weight: 500; }
.action-needed-list li.call-out .count {
position: absolute;
top: 4px;
right: 0;
display: inline-block;
padding: 10px 14px;
background-color: #DBE5FB; }
.battleplan {
position: relative; }
.battleplan .clip-copy {
position: absolute;
top: 10px;
right: 12px; }
.battleplan .clip-copy .icon-copy {
padding-left: 7px; }
.bot-scroll:after, .top-scroll:before {
content: '';
width: 100%;
height: 8px;
display: block;
position: absolute;
left: 0;
z-index: 3; }
.bot-scroll:after {
background-image: url("../../assets/images/scroll-gradient-bottom.svg");
background-position: bottom;
background-repeat: repeat-x;
bottom: 0; }
.top-scroll:before {
background-image: url("../../assets/images/scroll-gradient-top.svg");
background-position: top;
background-repeat: repeat-x;
top: 0; }
.dash-side {
margin-top: 30px; }
.dash-side a.clip-edit {
font-size: 19px;
float: right;
color: rgba(255, 255, 255, 0.7);
margin-left: 10px; }
.dash-side a.clip-edit:hover {
color: white; }
.dash-info {
background-color: #ffffff;
height: 262px; }
.dash-info h2 {
width: 100%;
padding: 14px 15px;
font-size: 20px;
font-weight: 300;
background-color: #2B4D7B;
display: inline-block;
color: #ffffff;
margin-bottom: 0; }
.dash-info ul {
padding: 20px 20px; }
.dash-info ul li {
padding-bottom: 14px; }
.dash-info ul li a {
text-decoration: underline;
font-size: 16px; }
.dash-info .list-wrapper {
width: 100%;
height: 217px;
overflow: hidden;
border-bottom: 1px solid #C3C3C3; }
.dash-info .list-wrapper ul {
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 15px 17px 0 0;
padding-right:0;
box-sizing: content-box; }
.dash-info .list-wrapper ul li {
padding-left: 21px;
padding-right: 5px; }
.dash-info .list-wrapper ul li:last-of-type p {
padding-bottom: 20px;
border: none; }
.dash-info .list-wrapper ul li p {
border-bottom: 1px solid #F5F5F5;
margin: 0;
padding-bottom: 13px; }
.dash-info .calendar-picker .calendar-select {
background-color: #2B4D7B;
padding: 14px 20px;
width: 100%;
font-size: 20px;
float: none; }
.dash-info .calendar-picker .calendar {
position: relative;
top: 0px;
width: 100%; }
.dash-info .calendar-picker .calendar table {
box-shadow: none; }
.dash-info .calendar-picker .calendar td, .dash-info .calendar-picker .calendar th {
font-size: 15px;
height: 36px; }
.dash-info .calendar-picker .calendar th {
height: 33px; }
@media (min-width: 1100px) {
.dashboard_container {
display: inline-block;
width: 100%; }
.dashboard_left {
width: 75%;
float: left; }
.dash-side {
float: right;
width: 25%;
margin-top: 107px; }
.col-4.dash-info {
float: none;
width: 80%;
max-width: 20rem;
margin: 0px auto 28px;
height: 257px; }
.dash-info .list-wrapper {
height: 209px; } }
.edit-quicklinks .preview {
width: 35%;
float: left; }
.edit-quicklinks .link-options {
width: 65%;
float: right; }
.edit-quicklinks .modal-content .therapist-list li {
padding: 10px 20px;
margin: 0; }
.edit-quicklinks .modal-content .therapist-list.unassigned li {
font-size: 12px; }
.edit-quicklinks .modal-content .therapist-list li.place.nav-cat {
border-bottom: 1px solid #333333; }
.edit-quicklinks .modal-content .therapist-list li.place {
padding-left: 0px; }
.edit-quicklinks .modal-content .therapist-list li.added {
background-color: #F1F4F9; }
.edit-newsupdates textarea {
min-height: 90px; }
.edit-newsupdates .entries {
position: relative;
border-bottom: 1px solid #C3C3C3;
overflow: hidden; }
.edit-newsupdates .entries.seperator {
padding-top: 0; }
.edit-newsupdates .entries ul {
overflow-y: scroll;
height: 250px;
width: 100%;
padding: 0 0 0 17px;
box-sizing: content-box; }
.edit-newsupdates .entries li {
padding: 15px 75px 15px 15px;
position: relative;
margin-right: 20px; }
.edit-newsupdates .entries li:nth-of-type(2n) {
background-color: #F1F4F9; }
.edit-newsupdates .entries li .modify-entry {
position: absolute;
top: 20px;
right: 15px; }
.edit-newsupdates .entries li .modify-entry a {
margin-left: 20px;
color: #828282; }
.edit-newsupdates .entries li .modify-entry a:hover {
color: #516FAC; }
.edit-newsupdates .add-edit-input {
margin-top: 1rem; }
/*
-----------------------------------------
SCHEDULER STYLES
-----------------------------------------
*/
.rescheduling-warning .error-message {
margin-bottom: 0; }
.rescheduling-warning .error-message .close {
float: right;
color: #A70134; }
.side-fixed {
position: absolute;
z-index: 2; }
.scheduler-container {
position: relative;
white-space: nowrap;
overflow: hidden; }
.scheduler-container .events {
overflow-x: scroll;
padding-bottom: 17px;
font-size: 0; }
.scheduler-container .events::-webkit-scrollbar {
width: 0px;
background: transparent;
/* make scrollbar transparent */ }
.scheduler-container .events .current-time {
position: absolute;
border-bottom: 3px solid #E50046;
width: 100%;
left: 65px; }
.scheduler-container .events .pod-group {
display: inline-block;
white-space: normal;
font-size: 16px; }
.scheduler-container .events .pod-group .pod-title {
text-align: center;
border-right: 1px solid #C3C3C3;
padding: 10px;
font-weight: 500;
font-size: 12px;
height: 33px; }
.scheduler-container .events .pod-group .dr-group {
background: #ffffff; }
.scheduler-container .events .pod-group .dr-group .dr-header {
background: #6A8FD9;
padding: 10px;
color: #ffffff;
position: relative;
cursor: pointer;
min-height: 55px; }
.scheduler-container .events .pod-group .dr-group .dr-header.selected, .scheduler-container .events .pod-group .dr-group .dr-header:hover {
background: #516FAC; }
.scheduler-container .events .pod-group .dr-group .dr-header.selected .day-view, .scheduler-container .events .pod-group .dr-group .dr-header:hover .day-view {
display: block; }
.scheduler-container .events .pod-group .dr-group .dr-header.selected .day-view:hover, .scheduler-container .events .pod-group .dr-group .dr-header:hover .day-view:hover {
opacity: .8; }
.scheduler-container .events .pod-group .dr-group .dr-header .visits {
font-size: 12px;
margin-top: 5px; }
.scheduler-container .events .pod-group .dr-group .dr-header .day-view {
position: absolute;
top: 10px;
right: 10px;
color: #ffffff;
display: none;
padding: 1px; }
.scheduler-container .events .pod-group .dr-group .dr-header .dr-filter {
line-height: 35px; }
.scheduler-container .events .pod-group .dr-group li {
float: left;
width: 150px; }
.scheduler-container .events .pod-group .dr-group .time-slots {
border-left: 1px solid #C3C3C3;
border-bottom: 2px solid #333333;
height: 102px;
position: relative; }
.scheduler-container .events .pod-group .dr-group .time-slots li {
height: 25px;
width: 100%;
border-bottom: 1px solid #F5F5F5;
cursor: pointer; }
.scheduler-container .events .pod-group .dr-group .time-slots li:hover {
background: #DBE5FB; }
.scheduler-container .events .pod-group .dr-group .time-slots li.half {
border-bottom: 1px solid #C3C3C3; }
.scheduler-container .events .pod-group .dr-group .time-slots li.scheduled {
background: #000000;
color: #ffffff;
position: absolute;
width: 145px;
border-radius: 5px;
padding: 5px;
font-size: 12px;
z-index: 1; }
.scheduler-container .events .pod-group .dr-group .time-slots li.scheduled .left-icons .icon {
margin-right: 5px; }
.scheduler-container .events .pod-group .dr-group .time-slots li.scheduled .name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 70px;
display: inline-block; }
.scheduler-container .events .pod-group .dr-group .time-slots li.scheduled .right-icons {
float: right; }
.scheduler-container .events .pod-group .dr-group .time-slots li.scheduled .right-icons .icon {
margin-left: 5px; }
.scheduler-container .events .pod-group .dr-group .time-slots li.scheduled .right-icons .icon.icon-check {
font-size: 10px; }
.scheduler-container .events .pod-group .dr-group .time-slots li.scheduled.blocked {
background: #CFCFCF;
color: #333333;
font-weight: 500; }
.scheduler-container .events .pod-group .dr-group .time-slots li.scheduled.at-15 {
top: 25px; }
.scheduler-container .events .pod-group .dr-group .time-slots li.scheduled.at-30 {
top: 50px; }
.scheduler-container .events .pod-group .dr-group .time-slots li.scheduled.at-45 {
top: 75px; }
.scheduler-container .events .pod-group .dr-group .time-slots li.scheduled.for-30 {
height: 50px; }
.scheduler-container .events .pod-group .dr-group .time-slots li.scheduled.for-45 {
height: 75px; }
.scheduler-container .events .pod-group .dr-group .time-slots li.scheduled.for-60 {
height: 100px; }
.scheduler-container .events .time-group {
display: inline-block;
white-space: normal;
font-size: 16px;
background: #ffffff; }
.scheduler-container .events .time-group + li {
margin-left: 64px; }
.scheduler-container .events .time-group .time-title {
text-align: center;
border-right: 1px solid #C3C3C3;
padding: 10px;
font-size: 12px;
width: 65px;
height: 33px; }
.scheduler-container .events .time-group .dr-group {
text-align: center; }
.scheduler-container .events .time-group .dr-group .dr-header {
cursor: initial; }
.scheduler-container .events .time-group .dr-group .dr-header .dr-filter {
color: #ffffff;
text-align: center; }
.scheduler-container .events .time-group .dr-group .dr-header:hover {
background: #6A8FD9; }
.scheduler-container .events .time-group .dr-group .time-headers {
position: relative;
height: 102px;
width: 65px;
font-size: 12px;
border-bottom: 2px solid #333333;
border-right: 1px solid #CFCFCF; }
.scheduler-container .events .time-group .dr-group .time-headers .hour {
font-weight: 500;
font-size: 25px;
position: absolute;
left: 0;
top: 50%;
margin-top: -15px; }
.scheduler-container .events .time-group .dr-group .time-headers .quarter {
position: absolute;
left: 30px;
top: 18px; }
.scheduler-container .events .time-group .dr-group .time-headers .half {
position: absolute;
left: 30px;
top: 42px; }
.scheduler-container .events .time-group .dr-group .time-headers .threequarters {
position: absolute;
left: 30px;
bottom: 22px; }
.scheduler-container .events .time-group .dr-group li {
width: auto; }
.scheduler-container .events .pod-group:last-child .dr-group li:last-child .time-slots {
border-right: 1px solid #C3C3C3; }
.calendar-picker {
position: relative; }
.calendar-picker .calendar-select {
background: #6A8FD9;
color: #ffffff;
text-align: center;
width: 300px;
display: inline-block;
padding: 20px;
float: right;
cursor: pointer; }
.calendar-picker .calendar-select a {
color: #ffffff; }
.calendar-picker .calendar {
position: absolute;
right: 0;
top: 55px;
width: 300px;
z-index: 2;
text-align: center; }
.calendar-picker .calendar thead {
border: none; }
.calendar-picker .calendar tr {
text-align: center; }
.calendar-picker .calendar tr:nth-child(even) {
background: none; }
.calendar-picker .calendar tr td:hover {
background: #DBE5FB; }
.calendar-picker .calendar tr td.lastmonth, .calendar-picker .calendar tr td.nextmonth {
opacity: .3; }
.calendar-picker .calendar tr td.selected {
background: #6A8FD9;
color: #ffffff; }
.calendar-picker .calendar tr td.current {
background: #CFCFCF;
color: #ffffff; }
.calendar-picker .calendar td, .calendar-picker .calendar th {
width: 38px;
height: 38px;
padding: 6px;
cursor: pointer;
text-align: center;
vertical-align: middle;
font-size: 16px; }
.calendar-picker .today-btn {
position: absolute;
left: 95px;
top: 20px; }
.calendar-picker .new-patients {
position: absolute;
right: 0;
top: -25px; }
.tippy-tooltip.white-theme {
/* Your styling here. Example: */
background-color: #ffffff;
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5);
width: 400px;
text-align: left;
color: #333333; }
.tippy-tooltip.white-theme h3 {
margin: 0.5rem 2%; }
.tippy-tooltip.white-theme .button {
width: 100%;
text-align: center;
margin-bottom: 10px; }
.tippy-tooltip.white-theme .future-apts {
margin: 0.5rem 2%;
padding-bottom: 10px; }
.tippy-tooltip.white-theme .future-apts h4 {
margin-bottom: 10px; }
.tippy-tooltip.white-theme .app-details .status {
color: #6A8FD9;
font-weight: 500; }
.tippy-tooltip.white-theme .app-details .status .icon {
margin-left: 10px; }
.tippy-tooltip.white-theme .app-details .circle-color {
background: #F5F5F5;
width: 15px;
height: 15px;
border-radius: 15px;
display: inline-block;
margin-right: 5px;
vertical-align: middle; }
.tippy-tooltip.white-theme .app-details ul li {
margin-bottom: 5px; }
.tippy-tooltip.white-theme .secondary-link {
margin-bottom: 20px;
text-align: center;
display: block; }
.tippy-popper[x-placement^=bottom] .tippy-tooltip.white-theme .tippy-arrow {
border-bottom: 20px solid #ffffff;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
top: -15px; }
.tippy-popper[x-placement^=right] .tippy-tooltip.white-theme .tippy-arrow {
border-right: 20px solid #ffffff;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
left: -15px; }
.tippy-popper[x-placement^=left] .tippy-tooltip.white-theme .tippy-arrow {
border-left: 20px solid #ffffff;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
right: -15px; }
.tippy-popper[x-placement^=top] .tippy-tooltip.white-theme .tippy-arrow {
border-top: 20px solid #ffffff;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
bottom: -15px; }
.modal-open {
overflow: hidden; }
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
display: none;
overflow: hidden;
outline: 0; }
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none; }
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out 0.2s linear;
-ms-transform: translate(0, -25%);
transform: translate(0, -25%); }
.modal.show .modal-dialog {
-ms-transform: translate(0, 0);
transform: translate(0, 0); }
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (0.5rem * 2)); }
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #FFFFFF;
background-clip: padding-box;
box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5) 3px 5px rgba(0, 0, 0, 0.5);
outline: 0; }
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 50;
background-color: #000000; }
.modal-backdrop.fade {
opacity: 0; }
.modal-backdrop.show {
opacity: 0.5; }
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
/*
-----------------------------------------
MODAL Styles
-----------------------------------------
*/
.modal {
padding: 20px;
color: #333333;
width: 100%; }
.modal .modal-content {
max-width: 850px;
margin-top: 60px; }
.modal .modal-content.small {
max-width: 550px; }
.modal.table-modal h2 {
margin-left: 35px;
margin-bottom: 25px; }
.modal.table-modal .modal-content {
padding: 35px 0 0; }
.modal.table-modal .header-content {
padding: 0 35px 15px; }
.modal.table-modal .table-container {
padding: 35px; }
.modal.table-modal .table-container section {
padding: 0 0 30px; }
.modal.table-modal .table-container section:last-of-type {
padding: 0; }
.modal.table-modal .table-container tfoot {
text-align: left; }
.modal-close {
position: absolute;
top: 5px;
right: 5px;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
transition: color 0.2s;
text-decoration: none;
color: #333333;
border: 0;
outline: 0;
background: transparent; }
.modal-content {
padding: 35px;
text-align: left;
position: absolute;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.modal-content .checkbox label {
padding-left: 35px; }
.modal-content .apt-recur {
margin-top: 12px; }
.modal-content .apt-recur li {
margin-bottom: 20px; }
.modal-content .apt-recur li span {
margin-left: 30px;
display: inline-block; }
.modal-content .apt-recur li a {
float: right; }
.modal-content .apt-info {
border-left: 1px solid #C3C3C3;
padding-left: 20px; }
.modal-content .search-nav li.client-visits {
margin-top: 20px; }
.modal-content .search-nav .new-patient-btn {
line-height: 38px; }
.modal-content .search-nav .new-patient-btn .icon {
margin-left: 5px; }
.modal-content .search-results {
color: #333333; }
.modal-content .search-results h2 {
color: #333333;
margin-left: 15px; }
.modal-content .search-results .table-container {
background: none;
text-align: left; }
.modal-content .search-results .table-container table {
background: none;
box-shadow: none;
font-size: 20px;
width: 100%;
margin: 0 auto; }
.modal-content .search-results .table-container table tr:nth-child(even) {
background: none; }
.modal-content .search-results .table-container table tr:hover {
background: #F5F5F5;
cursor: pointer; }
.modal-content .pods-list {
max-height: 435px;
overflow: auto;
box-shadow: inset 0px -7px 16px -10px rgba(0, 0, 0, 0.5); }
.modal-content .pods-list::-webkit-scrollbar {
width: 0px;
background: transparent;
/* make scrollbar transparent */ }
.modal-content .therapist-list {
border-top: 1px solid #333333; }
.modal-content .therapist-list h4 {
display: inline-block;
margin-bottom: 0; }
.modal-content .therapist-list li {
clear: both;
border-bottom: 1px solid #F5F5F5;
display: block;
padding: 10px 0;
margin-left: 20px; }
.modal-content .therapist-list li.place {
margin-left: 0; }
.modal-content .therapist-list li:last-child {
border-bottom: none; }
.modal-content .therapist-list li .show-toggle {
float: right;
text-align: left;
width: 90px; }
.modal-content .therapist-list li input[type="checkbox"].switch {
border: 1px solid #828282; }
.modal-content .therapist-list li input[type="checkbox"].switch:focus {
box-shadow: 0 0px 0px transparent;
outline: none; }
.modal-content .therapist-list li input[type="checkbox"].switch:checked {
border: 1px solid #516FAC; }
.modal-content .therapist-list li input[type="checkbox"].switch:checked:after {
background: #516FAC; }
.modal-content .therapist-list li input[type="checkbox"].switch:after {
background: #828282; }
.modal-content .therapist-list.pods .show-toggle {
width: auto;
color: #516FAC;
cursor: pointer; }
.modal-content .therapist-list.pods .show-toggle .icon {
margin-left: 10px; }
.modal-content .therapist-list.unassigned {
border-top: none;
background: #F5F5F5;
height: 245px;
overflow-x: scroll; }
.modal-content .therapist-list.unassigned::-webkit-scrollbar {
width: 0px;
background: transparent;
/* make scrollbar transparent */ }
.modal-content .therapist-list.unassigned li {
padding: 10px;
margin-left: 0;
border-bottom: 1px solid #ffffff;
position: relative; }
.modal-content .therapist-list.unassigned li .icon {
font-size: 8px; }
.modal-content .therapist-list.unassigned .place {
border-bottom: 1px solid #333333; }
.modal-content .therapist-list.unassigned .ava-pods {
background: #ffffff;
position: absolute;
right: 5px;
top: 30px;
z-index: 4;
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1); }
.modal-content .therapist-list.unassigned .ava-pods.hidden {
display: none; }
.modal-content .new-pod {
margin-top: 20px; }
.exercise-modal h2 .edit-title {
font-size: 16px;
margin-left: 20px; }
.exercise-modal .thumbnails {
margin: 20px 0; }
.exercise-modal .thumbnails li {
width: 60px;
height: 60px;
display: inline-block;
border: 1px solid #CFCFCF;
margin-right: 10px;
position: relative; }
.exercise-modal .thumbnails li .middle {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: rgba(81, 111, 172, 0.8); }
.exercise-modal .thumbnails li .middle .view {
color: #ffffff;
position: absolute;
font-size: 40px;
width: 40px;
height: 40px;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px; }
.exercise-modal .thumbnails li:hover .middle {
opacity: 1; }
.exercise-modal .admin-settings {
padding: 15px 15px 0 15px;
border: 1px solid #CFCFCF;
margin-bottom: 20px;
position: relative; }
.exercise-modal .admin-settings select {
margin-bottom: 0; }
.exercise-modal .admin-settings .cancel {
position: absolute;
top: 15px;
right: 15px; }
.outcome-measures-modal select {
width: 350px;
min-width: 75%;
display: block; }
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 50;
background-color: #000000; }
.modal-backdrop.fade {
opacity: 0; }
.modal-backdrop.fade.in {
opacity: 0.5; }
.modal-backdrop.show {
opacity: 0.5; }
.content-line {
border-bottom: 1px solid #C3C3C3;
margin-bottom: 15px;
cursor: pointer; }
.content-line:last-child {
border-bottom: none; }
.content-line-title {
margin-bottom: 0; }
.content-line-body {
padding-bottom: 15px; }
.dropup-container {
position: relative; }
.dropup {
z-index:9999;
top:150px;
max-height: 320px;
padding: 15px;
overflow-y: scroll;
position: absolute;
width: 100%;
background-color: #ffffff;
border-radius: 5px 5px 0 0;
box-shadow: 0 0px 9px rgba(0, 0, 0, 0.25);
visibility: hidden; }
.dropup .content-line {
cursor: pointer; }
.dropup-container.active textarea {
border-radius: 0 0 5px 5px; }
.dropup-container.active .dropup {
visibility: visible; }
.dropup-container.active.dropup1-visible .dropup1 {
display: block; }
.dropup-container.active.dropup1-visible .dropup2 {
display: none; }
.dropup-container.active.dropup2-visible .dropup1 {
display: none; }
.dropup-container.active.dropup2-visible .dropup2 {
display: block; }
/*
-----------------------------------------
Tabs Styles
-----------------------------------------
*/
.tabs {
margin-bottom: 20px; }
.table-container .tabs {
margin-top: 5px; }
.tabs li {
display: inline-block;
font-size: 20px;
padding-right: 20px;
border-right: 1px solid #C3C3C3;
margin-right: 15px; }
.tabs li:last-child {
border: none; }
.tabs li a.active {
font-weight: 500; }
.tabs-lg {
margin-bottom: 20px;
border-bottom: 1px solid #C3C3C3;
padding: 0 20px;
*zoom: 1; }
.tabs-lg:before, .tabs-lg:after {
display: table;
content: ""; }
.tabs-lg:after {
clear: both; }
.tabs-lg a {
border: 1px solid #F1F4F9;
border-bottom: none;
background: #F1F4F9;
display: inline-block;
padding: 15px 40px;
margin-right: 5px;
position: relative; }
.tabs-lg a.complete:after {
content: "\e92a";
position: absolute;
width: 20px;
height: 20px;
top: 14px;
right: 3px;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.tabs-lg a.active {
cursor: default;
border: 1px solid #C3C3C3;
border-bottom: none;
color: #333333;
font-weight: 500;
background: #ffffff;
position: relative; }
.tabs-lg a.active:after {
content: '';
width: 100%;
position: absolute;
bottom: -1px;
left: 0;
z-index: 1;
border-bottom: 1px solid #ffffff; }
.tabs-lg .widget-right {
margin-bottom: 3px;
float: right;
text-align: right; }
.side-tab-container {
/* min-height: 800px; */
position: relative;
overflow-y: hidden;
}
.side-tab {
background: #ffffff;
padding: 8px 0;
border-left: none;
/* min-height: 560px; */
transition: margin-left .2s ease-in-out;
}
.toggleHideTab{
display: none;
}
.toggleShowTab{
display: block;
position: absolute;
top: 70px;
left: 0;
}
.side-tab .tab {
display: inline-block;
padding: 0 20px;
height: 50px;
width: 150px;
background: #F1F4F9;
padding: 15px 20px;
white-space: nowrap;
text-align: center;
}
.side-tab .create-custom-show {
display: none; }
.side-tab.create-custom .create-custom-show {
display: block; }
.side-tab.create-custom .create-custom-hide {
display: none; }
input.input-table-cell,
select.input-table-cell {
margin: 0;
padding: 7px 4px;
border-radius: 0;
border: 1px dashed #C3C3C3; }
input.input-table-cell:focus, input.input-table-cell:hover,
select.input-table-cell:focus,
select.input-table-cell:hover {
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
border: 1px solid #ffffff; }
/*
-----------------------------------------
Settings Styles
-----------------------------------------
*/
.settings select {
margin-bottom: 0px; }
/*
-----------------------------------------
Exercise Manager Styles
-----------------------------------------
*/
.exercise-manager .exercise-container .exercise-content {
position: relative;
border: solid 1px #CFCFCF;
font-size: 12px; }
.exercise-manager .exercise-container .exercise-content .tag {
background: #F1F4F9;
padding: 5px 8px;
margin-top: 5px;
font-size: 10px;
font-weight: 500;
display: inline-block;
position: absolute;
top: 0;
left: 0; }
.exercise-manager .exercise-container .exercise-content .title {
padding: 5px; }
.exercise-manager .exercise-container .exercise-content .middle {
color: #ffffff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: rgba(81, 111, 172, 0.8); }
.exercise-manager .exercise-container .exercise-content .middle .button {
position: absolute;
top: 5px;
right: 5px;
margin: 0;
border: 1px solid #ffffff;
padding: 5px 10px !important;
font-size: 12px; }
.exercise-manager .exercise-container .exercise-content .middle .scroll-v {
border: 1 solid red;
height: 95px;
overflow-y: auto; }
.exercise-manager .exercise-container .exercise-content .middle .exit-function {
padding: 5px;
text-align: right; }
.exercise-manager .exercise-container .exercise-content .middle .exit-function i {
cursor: pointer; }
.exercise-manager .exercise-container .exercise-content .middle .buttons-list {
padding: 0 5px; }
.exercise-manager .exercise-container .exercise-content .middle .buttons-list .button {
position: relative;
margin-bottom: 5px;
right: 0; }
.exercise-manager .exercise-container .exercise-content .middle .view {
color: #ffffff;
position: absolute;
font-size: 40px;
width: 40px;
height: 40px;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px; }
.exercise-manager .exercise-container .exercise-content .middle .active-show {
display: none; }
.exercise-manager .exercise-container .exercise-content .middle.active .active-hide {
display: none; }
.exercise-manager .exercise-container .exercise-content .middle.active .active-show {
display: block; }
.exercise-manager .exercise-container .exercise-content:hover .middle {
opacity: 1; }
.exercise-manager .right-column {
border: 1px solid #CFCFCF; }
.exercise-manager .right-column .search-form .search-field {
border: none;
margin: 0; }
.exercise-manager .right-column .section {
padding: 15px;
border-bottom: 1px solid #CFCFCF;
overflow: auto;
margin-bottom: 0; }
.exercise-manager .right-column .phase {
font-weight: bold;
background: #F5F5F5; }
.exercise-manager .right-column .phase input[type="text"] {
padding: 0 4px;
display: inline;
font-size: 14px; }
.exercise-manager .right-column .phase .remove-line {
float: right;
padding-top: 3px;
margin-right: -10px; }
.exercise-manager .right-column .exercise-list li {
font-size: 12px;
position: relative;
border-bottom: 1px solid #C3C3C3;
overflow: auto;
padding: 10px 15px; }
.exercise-manager .right-column .exercise-list li:last-child {
border-bottom: none; }
.exercise-manager .right-column .exercise-list li img {
width: 50px;
float: left;
margin: 0 10px 10px 0; }
.exercise-manager .right-column .exercise-list li .title-section {
float: left;
width: 105px; }
.exercise-manager .right-column .exercise-list li .title-section .title {
display: block; }
.exercise-manager .right-column .exercise-list li .title-section .tag {
background: #F1F4F9;
padding: 5px 8px;
margin-top: 5px;
font-size: 10px;
font-weight: 500;
display: inline-block; }
.exercise-manager .right-column .exercise-list li .remove {
position: absolute;
top: 10px;
right: 10px;
color: #333333; }
.edit-view {
display: none; }
.show-edit-view .edit-view {
display: block; }
.show-edit-view .normal-view {
display: none; }
/*
-----------------------------------------
Stats Trackers Styles
-----------------------------------------
*/
.stats-container h4 {
margin: 0; }
.stats-container ul li {
margin-bottom: 20px; }
.stats-container ul li:last-child {
border-top: 1px solid #CFCFCF;
padding-top: 10px; }
.stats-container .stats-details {
position: relative;
display: inline-block;
margin-left: 10px; }
.stats-container .stats-details .number {
text-align: right;
font-weight: 500; }
.stats-container .stats-details .large-percent {
position: absolute;
right: -100px;
top: 2px;
font-size: 40px;
border-left: 1px solid #CFCFCF;
padding: 10px;
font-weight: 500; }
.stats-container .months-col ul li:last-child {
border-top: none;
padding-top: 0; }
.stats-container .dr-ref {
margin-bottom: 20px; }
.stats-container .dr-ref h4 {
margin-bottom: 10px; }
.stats-container .dr-ref ul li {
margin-bottom: 0;
border-bottom: 1px solid #CFCFCF; }
.stats-container .dr-ref .dr-ref-header {
font-weight: 500; }
.stats-container .ref-log-container {
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
padding: 20px; }
.stats-container .ref-log-container .center-col {
text-align: center; }
.stats-container .ref-log-container .last-col {
text-align: right; }
/*
-----------------------------------------
Accordion Styles
-----------------------------------------
*/
.scroll-container {
position: relative;
height: 350px;
overflow-x: auto; }
.scroll-shadows {
position: relative;
border: 1px solid #EBEBEB;
border-radius: 5px;
}
.circle-glyph {
font-size: 10px;
border-radius: 50%;
border: 1px solid #333333;
padding: 2px;
display: inline-block;
margin-right: 5px; }
.selectable-list > li {
padding: 8px;
cursor: pointer;
display: block; }
.selectable-list > li {
border-bottom: 1px solid #dddcdc; }
.selectable-list-nested,
.selectable-list-nested-2 {
padding-left: 16px;
display: block; }
.selectable-list-nested > li,
.selectable-list-nested-2 > li {
display: block;
padding: 8px;
cursor: pointer;
display: block; }
.selectable-list-nested > li.selected,
.selectable-list-nested-2 > li.selected {
background: #E7EBF3;
color: #213864; }
.selectable-list-nested > li.selected .circle-glyph,
.selectable-list-nested-2 > li.selected .circle-glyph {
border-color: #213864; }
.accordion {
margin: 0 auto; }
.accordion .accordion__item {
margin-bottom: 10px; }
.accordion.small .accordion-content {
padding: 5px 10px;
display: block; }
.accordion.small .accordion-header {
background: #ffffff;
color: #333333;
padding: 8px;
display: block; }
.accordion.small .accordion-header:after {
content: "\e909";
font-family: icomoon;
font-size: .4em;
float: right;
position: absolute;
top: 10px;
right: 5px;
transition: .3s all;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
color:blue; }
.accordion.small .deactivated {
color: #CFCFCF;
cursor: default; }
.accordion.small .deactivated .icon-check {
font-size: .8em;
margin-right: 5px; }
.accordion.small .deactivated.selected {
color: darkgray; }
.accordion.small .accordion-line.selected .accordion-header,
.accordion.small .accordion-line.selected .accordion-drawer {
background: #E7EBF3;
color: #213864; }
.accordion.small .accordion-line.selected .circle-glyph {
border-color: #213864; }
.accordion.small .accordion-line.active .accordion-header:after {
-ms-transform: rotate(-180deg);
transform: rotate(-180deg); }
.accordion.small .accordion-line.active .accordion-drawer {
max-height: 300px;
overflow-y: auto; }
.accordion .accordion-header {
padding: 20px;
background: #2B4D7B;
color: #ffffff;
cursor: pointer;
transition: all .3s;
overflow: auto;
position: relative; }
.accordion .accordion-header:hover {
position: relative;
z-index: 5; }
.accordion .accordion-header h4 {
float: left;
margin: 0; }
.accordion .accordion-header .item-info {
float: right;
margin-right: 30px; }
.accordion .accordion-header .item-info span {
margin-right: 20px; }
.accordion .accordion-header .item-info span b {
margin-right: 10px; }
.accordion .accordion-drawer {
display: block;
overflow: hidden;
max-height: 0;
border-bottom: 1px solid #dddcdc;
transition: .3s all; }
.accordion .accordion-body {
display: none; }
.accordion .accordion__item > .accordion-header:after {
content: "\f3d0";
font-family: IonIcons;
font-size: 1.2em;
float: right;
position: absolute;
top: 20px;
right: 20px;
transition: .3s all;
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
.accordion .accordion__item.active > .accordion-header:after {
-ms-transform: rotate(-180deg);
transform: rotate(-180deg); }
/*
-----------------------------------------
Patient Profile Styles
-----------------------------------------
*/
.patient-profile h1 {
margin-bottom: 10px; }
.patient-profile .sub-title {
margin-bottom: 30px; }
.patient-profile .sub-title span {
margin-right: 20px;
color: #CFCFCF;
font-size: 25px;
font-weight: 500; }
.patient-profile .patient-info h3 {
border-bottom: 1px solid #CFCFCF;
padding-bottom: 10px;
position: relative; }
.patient-profile .patient-info h3 span {
position: absolute;
font-size: 18px;
top: 5px;
right: 0;
margin: 0; }
.patient-profile .patient-info h3 span a {
margin-left: 10px; }
.patient-profile .patient-info ul li {
display: inline-block;
margin: 0 25px 20px 0; }
.patient-profile .insurance-content, .patient-profile .patient-content {
padding: 15px 15px 1px 15px; }
.patient-profile .patient-history {
margin-top: 30px; }
.patient-profile .patient-history .tabs {
border-bottom: 1px solid #CFCFCF;
padding-bottom: 10px;
margin-bottom: 15px; }
.patient-profile .patient-content .patient-header {
clear: both;
overflow: auto; }
.patient-profile .patient-content .patient-header .checkbox {
float: left;
margin-top: 5px;
margin-left: 15px; }
.patient-profile .patient-content .patient-header .right-details {
float: right; }
.patient-profile .patient-content .patient-header .right-details a {
margin-right: 20px; }
.patient-profile .patient-content .patient-header .right-details select {
width: 120px; }
.patient-profile .patient-content .card-table .card .card-header {
padding: 15px 15px 5px 15px;
position: relative; }
.patient-profile .patient-content .card-table .card .card-header .canceled {
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 0;
border-color: #A70134 transparent transparent transparent;
position: absolute;
z-index: 2;
top: 0;
left: 0; }
.patient-profile .right-details .freq-details {
margin-bottom: 20px; }
.patient-profile .right-details .freq-details h3 {
margin-bottom: 10px; }
.patient-profile .right-details .freq-details h3 a {
font-size: 18px;
margin-top: 5px; }
.patient-profile .right-details .freq-details.edit {
border: 1px solid #CFCFCF;
padding: 15px; }
.patient-profile .right-details .freq-details.edit .btn {
margin: 0; }
.patient-profile .right-details .alert-details h3 {
margin-bottom: 10px; }
.patient-profile .right-details .alert-details .alert-add.new, .patient-profile .right-details .alert-details .otc-add.new {
border: 1px solid #CFCFCF;
padding: 15px; }
.patient-profile .right-details .alert-details .alert-add.new .btn, .patient-profile .right-details .alert-details .otc-add.new .btn {
margin: 0; }
.patient-profile .right-details .alert-details .alert-list li {
background: #DBE5FB;
padding: 10px 35px 10px 10px;
color: #2B4D7B;
margin-bottom: 2px;
position: relative; }
.patient-profile .right-details .alert-details .alert-list li:last-child {
margin-bottom: 25px; }
.patient-profile .right-details .alert-details .alert-list li .remove {
position: absolute;
right: 10px;
top: 10px; }
.patient-profile .right-details .patient-docs .docs-list li {
position: relative;
border-bottom: 1px solid #CFCFCF;
overflow: auto;
padding-bottom: 10px;
margin-bottom: 10px; }
.patient-profile .right-details .patient-docs .docs-list li:last-child {
border-bottom: none; }
.patient-profile .right-details .patient-docs .docs-list li .icon {
float: left;
margin-top: 2px; }
.patient-profile .right-details .patient-docs .docs-list li .doc-text {
float: left;
margin-left: 10px;
width: 75%; }
.patient-profile .right-details .patient-docs .docs-list li .doc-text small {
margin-bottom: 0; }
.patient-profile .right-details .patient-docs .docs-list li .remove {
position: absolute;
right: 10px;
top: 2px; }
.patient-profile .right-details .patient-docs .doc-add {
border: 1px solid #CFCFCF;
padding: 15px; }
#edit, #alert-add, #otc-add {
display: none;
margin-bottom: 10px; }
.questionnaire section {
padding-bottom: 50px; }
/*
-----------------------------------------
Sales Transactions Styles
-----------------------------------------
*/
.sales-transaction .left-info, .sales-transaction .right-info {
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
background: #ffffff;
min-height: 600px; }
.sales-transaction .left-info .content-container, .sales-transaction .right-info .content-container {
padding: 10px; }
.sales-transaction .left-info .content-container table, .sales-transaction .right-info .content-container table {
box-shadow: none; }
.sales-transaction .left-info h4 {
margin-bottom: 0;
padding: 20px;
background: #DBE5FB; }
.sales-transaction .left-info h4 span {
font-size: 18px; }
.sales-transaction .left-info .search-form {
width: 60%;
display: inline-block;
margin-right: 20px; }
.sales-transaction .right-info h3 {
margin-bottom: 0;
padding: 20px;
border-bottom: 1px solid #516FAC; }
.sales-transaction .right-info .total {
border-top: 1px solid #F5F5F5;
display: inline-block;
padding-top: 15px; }
.sales-transaction .right-info .payments-header {
border-bottom: 1px solid #F5F5F5;
display: inline-block; }
.sales-transaction .right-info .payments-header h5 {
margin-bottom: 15px; }
.sales-transaction .right-info .payments-header a {
font-size: 12px;
margin-top: 4px; }
.sales-transaction .right-info .payment-type select, .sales-transaction .right-info .payment-type input {
width: 40%;
margin-right: 10px; }
.sales-transaction .right-info .payment-type a {
color: #333333; }
.sales-transaction .right-info .payment-type a.disabled {
opacity: .3; }
.sales-transaction .right-info .button-group {
margin-top: 40px; }
.sales-transaction .right-info .button-group .button {
margin-bottom: 0; }
.off-canvas-nav-container {
overflow: hidden;
min-height: 900px;
padding-left: 30px;
position: relative;
max-width: 64rem;
margin-right: auto;
margin-left: auto; }
.off-canvas-nav {
background: #ffffff;
width: 250px;
position: absolute;
top: 5px;
left: -220px;
box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
transition: all .2s ease-in-out;
z-index: 3; }
.off-canvas-nav .vertical-nav li {
padding-right: 30px;
transition: all .2s ease-in-out;
cursor: pointer; }
.off-canvas-nav .vertical-nav li.selected {
background: #516FAC;
pointer-events: none; }
.off-canvas-nav .vertical-nav li.selected a {
color: #516FAC;
font-weight: bold; }
.off-canvas-nav .vertical-nav li:hover {
background: #ecf0f6; }
.off-canvas-nav .vertical-nav li a {
display: block;
background: #ffffff;
padding: 10px;
color: #333333; }
.off-canvas-nav .vertical-nav li a:hover {
background: none; }
.off-canvas-nav.open {
left: 0; }
.off-canvas-nav.open .vertical-nav li {
padding-right: 10px; }
.off-canvas-nav-btn {
cursor: pointer;
text-align: right;
font-size: 20px;
padding: 5px;
background: #F5F5F5; }
/* Modules */
/*
-----------------------------------------
MASTHEAD
-----------------------------------------
*/
.site-masthead {
position: fixed;
top: 0px;
left: 0px;
margin: 0 auto;
width: 100%;
background-color: #ffffff;
z-index: 9999;
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
padding: 5px 20px;
height: 66px; }
.site-masthead .main-nav {
position: relative;
max-width: 64rem;
margin-right: auto;
margin-left: auto; }
.site-masthead .main-nav .site-logo {
display: inline-block; }
.site-masthead .main-nav .navbar .nav-list {
list-style-type: none;
text-align: center;
position: absolute;
left: 225px;
top: 10px; }
.site-masthead .main-nav .navbar .nav-list .js-nav {
position: relative; }
.site-masthead .main-nav .navbar .nav-list .js-nav:hover .sub-nav {
-ms-transform: translate(0, 10px);
transform: translate(0, 10px);
opacity: 1;
visibility: visible; }
.site-masthead .main-nav .navbar .nav-list .js-nav .sub-nav {
position: absolute;
background: #ffffff;
border-radius: 4px;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
text-align: left;
opacity: 0;
visibility: hidden;
transition: 0.3s ease;
border: 1px solid #C3C3C3;
padding: 20px;
width: 800px;
left: 50%;
margin-left: -388px;
display: -ms-flexbox;
display: flex; }
.site-masthead .main-nav .navbar .nav-list .js-nav .sub-nav:before {
position: absolute;
top: 0;
left: 50%;
content: "";
width: 0;
height: 0;
box-sizing: border-box;
border: 8px solid black;
border-color: transparent transparent #ffffff #ffffff;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-ms-transform: rotate(135deg);
transform: rotate(135deg);
box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.1); }
.site-masthead .main-nav .navbar .nav-list .js-nav .sub-nav .subnav-border {
border-right: solid 1px #C3C3C3;
margin-right: 20px;
padding-right: 10px; }
.site-masthead .main-nav .navbar .nav-list .js-nav .sub-nav .subnav-list {
margin-bottom: 30px; }
.site-masthead .main-nav .navbar .nav-list .js-nav .sub-nav .subnav-list .subnav-list__item {
display: block;
margin: 10px 0 10px 0; }
.site-masthead .main-nav .navbar .nav-list .js-nav .sub-nav .subnav-list .subnav-list__item h4 {
margin-bottom: 10px; }
.site-masthead .main-nav .navbar .nav-list .js-nav .sub-nav .subnav-list .subnav-list__item a {
text-align: left; }
.site-masthead .main-nav .navbar .nav-list .js-nav .subnav-col {
-ms-flex: 1 1;
flex: 1 1; }
.site-masthead .main-nav .navbar .nav-list li {
display: inline-block;
margin-right: 40px; }
.site-masthead .main-nav .navbar .nav-list li a {
text-decoration: none;
color: #828282;
text-align: center;
font-size: 18px; }
.site-masthead .main-nav .navbar .nav-list li a span {
display: block; }
.site-masthead .main-nav .navbar .nav-list li a.active {
color: #333333; }
.site-masthead .main-nav .navbar .nav-list li a:hover {
color: #333333; }
.site-masthead .main-nav .navbar .profile-container {
position: absolute;
right: 0;
top: 14px; }
.site-masthead .main-nav .navbar .profile-container:hover .dropdown {
opacity: 1;
visibility: visible; }
.site-masthead .main-nav .navbar .profile-container .profile {
cursor: pointer;
font-size: 26px;
color: #828282;
cursor: pointer; }
.site-masthead .main-nav .navbar .profile-container .dropdown {
position: absolute;
top: 35px;
right: 0;
background: #ffffff;
border-radius: 4px;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
text-align: left;
opacity: 0;
visibility: hidden;
transition: 0.3s ease;
border: 1px solid #C3C3C3;
padding-bottom: 5px;
min-width: 200px;
z-index: 10; }
.site-masthead .main-nav .navbar .profile-container .dropdown li {
z-index: 1;
position: relative;
background: #ffffff;
padding: 10px 20px;
width: 100%;
height: auto;
line-height: 20px;
display: block;
font-family: "Barlow", sans-serif;
font-weight: 300; }
.site-masthead .main-nav .navbar .profile-container .dropdown li h3 {
margin: 5px 0; }
.site-masthead .main-nav .navbar .profile-container .dropdown li:first-child {
padding-bottom: 0px; }
.site-masthead .main-nav .navbar .profile-container .dropdown li:last-child {
border-top: 1px solid #C3C3C3;
margin-top: 10px; }
.site-masthead .main-nav .nav-right {
position: absolute;
right: 55px;
top: 7px; }
.site-masthead .main-nav .nav-right .clinic-select {
width: 160px;
float: left; }
.site-masthead .main-nav .nav-right .clinic-select select {
margin: 0;
color: #828282; }
.site-masthead .main-nav .nav-right .main-search, .site-masthead .main-nav .nav-right .profile {
font-size: 26px;
color: #828282;
margin-left: 30px;
float: left;
margin-top: 8px;
cursor: pointer; }
.site-masthead .main-nav .nav-right .main-search:hover, .site-masthead .main-nav .nav-right .profile:hover {
color: #333333; }
.overlay {
position: fixed;
z-index: 1000;
background: #333333;
top: 0;
left: 0;
width: 100%;
height: 0%;
opacity: 0;
visibility: hidden;
transition: opacity .35s, visibility .35s, height .35s;
overflow: hidden; }
.overlay.open {
opacity: 1;
visibility: visible;
z-index: 9999;
height: 100%;
background: rgba(51, 51, 51, 0.9);
overflow-y: scroll; }
.overlay .search-nav {
background: #ffffff;
padding: 5px 0; }
.overlay .search-nav input, .overlay .search-nav select {
margin-bottom: 0px; }
.overlay .exit {
font-size: 26px;
cursor: pointer;
line-height: 40px;
color: #828282; }
.overlay .search-results {
padding-top: 30px;
text-align: center;
color: #ffffff; }
.overlay .search-results h2 {
color: #ffffff;
text-align: center; }
.overlay .search-results .table-container {
background: none;
text-align: left; }
.overlay .search-results .table-container table {
background: none;
box-shadow: none;
font-size: 20px;
width: 75%;
margin: 0 auto; }
.overlay .search-results .table-container table tr:nth-child(even) {
background: none; }
.overlay .search-results .table-container table tr:hover {
background: #333333;
cursor: pointer; }
.no-scroll {
overflow: hidden; }
/*
-----------------------------------------
FOOTER
-----------------------------------------
*/
.site-footer {
padding: 20px 0;
text-align: center; }
/* Vendors */
/*
-----------------------------------------
VENDOR OVERRIDES
-----------------------------------------
*/
/* Media Queries */
@media only screen and (max-width: 992px) {
.mobile-show {
display: inline-block; }
.mobile-hide {
display: none !important; }
.layout-stack-tablet {
float: none !important;
width: auto !important; }
.site-masthead .main-nav .navbar {
position: absolute;
top: -5px;
right: -20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 200px;
max-width: 512px;
height: 100vh;
opacity: 0;
overflow: hidden;
-ms-transform: translateX(110%);
transform: translateX(110%);
transition: all 0.8s cubic-bezier(0, 0, 0.3, 1);
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
overflow: auto; }
.site-masthead .main-nav .navbar.is-open {
min-width: 320px;
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
z-index: 2;
background-color: #ffffff;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25); }
.site-masthead .main-nav .navbar .nav-list {
display: block;
background-color: #ffffff;
box-shadow: none;
list-style: none;
cursor: pointer;
padding: 20px 0;
position: initial;
margin-top: 116px; }
.site-masthead .main-nav .navbar .nav-list li a span {
display: initial;
margin-left: 10px; }
.site-masthead .main-nav .navbar .nav-list .nav-list__item {
position: relative;
border-bottom: 1px solid #C3C3C3;
display: block;
margin: 0;
padding: 20px;
text-align: left; }
.site-masthead .main-nav .navbar .nav-list .nav-list__item a {
text-align: left; }
.site-masthead .main-nav .navbar .nav-list .nav-list__item::before, .site-masthead .main-nav .navbar .nav-list .nav-list__item::after {
background-color: transparent !important; }
.site-masthead .main-nav .navbar .nav-list .nav-list__item:first-child {
margin-top: 10px;
z-index: 99; }
.site-masthead .main-nav .navbar .nav-list .nav-list__item .nav-link-icon {
position: absolute;
top: 32px;
right: 20px;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 30px;
height: 30px;
cursor: pointer; }
.site-masthead .main-nav .navbar .nav-list .nav-list__item .nav-link-icon__bar {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 3px;
width: 11px;
background-color: transparent; }
.site-masthead .main-nav .navbar .nav-list .nav-list__item .nav-link-icon__bar::before, .site-masthead .main-nav .navbar .nav-list .nav-list__item .nav-link-icon__bar::after {
display: block;
position: absolute;
content: "";
height: 3px;
width: 11px;
background-color: #828282;
transition: all 0.4s linear; }
.site-masthead .main-nav .navbar .nav-list .nav-list__item .nav-link-icon__bar::before {
top: 100%;
-ms-transform: rotate(315deg);
transform: rotate(315deg); }
.site-masthead .main-nav .navbar .nav-list .nav-list__item .nav-link-icon__bar::after {
bottom: 100%;
-ms-transform: rotate(-315deg);
transform: rotate(-315deg); }
.site-masthead .main-nav .navbar .nav-list .nav-list__item .nav-link-icon.is-open .nav-link-icon__bar {
background-color: none;
z-index: 999; }
.site-masthead .main-nav .navbar .nav-list .nav-list__item .nav-link-icon.is-open .nav-link-icon__bar::before, .site-masthead .main-nav .navbar .nav-list .nav-list__item .nav-link-icon.is-open .nav-link-icon__bar::after {
width: 11px; }
.site-masthead .main-nav .navbar .nav-list .nav-list__item .nav-link-icon.is-open .nav-link-icon__bar::before {
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.site-masthead .main-nav .navbar .nav-list .nav-list__item .nav-link-icon.is-open .nav-link-icon__bar::after {
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.site-masthead .main-nav .navbar .nav-list .js-nav:hover .sub-nav {
-ms-transform: translate(0, 0px);
transform: translate(0, 0px); }
.site-masthead .main-nav .navbar .nav-list .js-nav .sub-nav {
position: initial;
background: none;
box-shadow: none;
border: none;
visibility: visible;
opacity: 1;
-ms-transform: translate(0, 0px);
transform: translate(0, 0px);
width: 100%;
margin-left: 0;
overflow: hidden;
transition: transform 0.3s ease-out;
-ms-transform: scaleY(0);
transform: scaleY(0);
-ms-transform-origin: top;
transform-origin: top;
height: 0;
padding: 0;
display: block; }
.site-masthead .main-nav .navbar .nav-list .js-nav .sub-nav.is-display {
height: auto;
-ms-transform: scaleY(1);
transform: scaleY(1);
margin-top: 20px; }
.site-masthead .main-nav .navbar .nav-list .js-nav .sub-nav:before {
display: none; }
.site-masthead .main-nav .navbar .nav-list .js-nav .sub-nav .subnav-col {
width: 100%;
margin: 0; }
.site-masthead .main-nav .navbar .nav-list .js-nav .sub-nav .subnav-border {
border-right: none;
margin-right: 0;
padding-right: 0; }
.site-masthead .main-nav .navbar .nav-list .js-nav .sub-nav .subnav-list {
border-bottom: 1px solid #C3C3C3;
padding-bottom: 20px; }
.site-masthead .main-nav .navbar .nav-list .js-nav .sub-nav .subnav-list .subnav-list__item h4 {
margin-bottom: 0; }
.site-masthead .main-nav .navbar .nav-list .js-nav .sub-nav .subnav-list .subnav-list__item a span {
margin: 0; }
.site-masthead .main-nav .navbar .nav-list .js-nav .sub-nav .subnav-col:last-child ul.subnav-list:last-child {
border-bottom: none;
padding-bottom: 0; }
.site-masthead .main-nav .navbar .profile-container {
left: 0;
top: 0; }
.site-masthead .main-nav .navbar .profile-container .profile {
display: none; }
.site-masthead .main-nav .navbar .profile-container .dropdown {
display: block;
visibility: visible;
opacity: 1;
width: 100%;
box-shadow: none;
border: none;
transition: none;
top: 10px;
border-bottom: 1px solid #C3C3C3; }
.site-masthead .main-nav .navbar .profile-container .dropdown li h3 {
margin: 10px 0; }
.site-masthead .main-nav .navbar .profile-container .dropdown li a {
color: #828282; }
.site-masthead .main-nav .navbar .profile-container .dropdown li:first-child {
padding-bottom: 0px; }
.site-masthead .main-nav .navbar .profile-container .dropdown li:last-child {
border-top: none;
margin-top: 0; }
/* nav-icon */
.nav-icon {
position: absolute;
right: 20px;
top: 10px;
width: 34px;
height: 34px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: 0.2s ease-in-out;
cursor: pointer;
z-index: 9; }
.nav-icon.is-open span:nth-child(1) {
width: 0%;
top: 10px;
left: 50%; }
.nav-icon.is-open span:nth-child(2) {
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.nav-icon.is-open span:nth-child(3) {
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.nav-icon.is-open span:nth-child(4) {
width: 0%;
top: 10px;
left: 50%; }
.nav-icon span {
position: absolute;
right: 0;
height: 1px;
width: 100%;
background: #828282;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: 0.1s ease-in-out;
opacity: 1; }
.nav-icon span:nth-child(1) {
top: 0px; }
.nav-icon span:nth-child(2), .nav-icon span:nth-child(3) {
top: 10px; }
.nav-icon span:nth-child(4) {
top: 20px; }
.nav-icon.is-open span {
background-color: #828282; } }
@media only screen and (max-width: 768px) {
/* Dashboard Specific */
.row .battleplan {
margin-top: 30px; }
.dash-actions {
padding-bottom: 30px; }
.dash-actions > [class*="col-"] {
float: none;
width: auto; }
.row .dash-info {
margin-bottom: 20px; }
.content.dashboard {
padding-top: 75px; }
.row.chart-row > [class*="col-"] {
float: none;
width: auto; }
.dash-side > .row > [class*="col-"] {
float: none;
width: auto; } }
@media only screen and (max-width: 480px) {
.container {
width: 100%; }
.row {
width: 90%; }
.layout-stack-mobile {
float: none !important;
width: auto !important; } }
ul.past-visit-notes>li {
border: 1px solid #eee;
margin: 10px 0;
}
ul.past-visit-notes>li>span.accordion-header {
background: #f2f2f2!important;
margin: 0px!important;
}
ul.past-visit-notes>li>div {
padding: 10px;
}
ul.past-visit-notes li .toggle-detail
{
overflow-y: hidden; padding: 0 10px 15px 7px; margin-bottom: 10px;
}
ul.cptLists {
top: 0;
border: 1px solid #eee;
z-index: 9999;
max-height: 17vh;
overflow-y: auto;
background: #fff;
padding: 10px;
}
ul.cptLists>li {
padding: 7px;
border-bottom: 1px solid #888;
#myBtn {
position: fixed;
bottom: 10px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: #6a8fd9;
color: white;
cursor: pointer;
height: 42px;
width: 42px;
border-radius: 4px;
}
}
/* [warning-alert] */
.alert-warning {
background: #FFE2EB;
color: #A70134;
padding-top: 15px;
}
.alert-warning li {
margin-bottom: 15px;
}
.hidden {
display: none;;
}
/* Tooltip container */
.fs_tooltip {
position: relative;
display: inline-block;
}
/* Tooltip text */
.fs_tooltip .fs_tooltiptext {
visibility: hidden;
background-color: #384C74;
height: 28px;
color: white;
text-align: center;
border-radius: 4px;
padding: 5px 10px 5px 10px;
position: absolute;
z-index: 1;
bottom: 0px;
left: 50%;
margin-left: 35px;
opacity: 0;
transition: opacity 0.3s;
font-size: 16px;
white-space: nowrap;
font-weight: 500;
line-height: 16px;
letter-spacing: 0em;
text-align: left;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
/* Triangle on the left side */
.fs_tooltip .fs_tooltiptext::before {
content: "";
position: absolute;
top: 50%;
right: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent #384C74 transparent transparent;
}
/* Triangle on the top side */
.fs_tooltip .fs_tooltiptext_bellow::before {
content: "";
position: absolute;
top: -12px;
left: 85%;
transform: translateX(-50%);
border-width: 10px;
border-style: solid;
border-color: transparent transparent #384C74 transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.fs_tooltip:hover .fs_tooltiptext {
visibility: visible;
opacity: 1;
}
/* Flowsheet */
.title-button {
width: 150px;
height: 31px;
display: flex;
align-items: center;
justify-content: center;
/* White */
background: #FFFFFF;
/* Profitic Blue 3 */
border: 0.613095px solid #6A8FD9;
border-radius: 3.06548px;
border-bottom-width: 2px;
}
.outcome-button {
width: 150px;
}
.help-button {
width: 100px;
}
.info-label {
font-family: 'Barlow';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: #000000;
}
.info-value {
font-family: 'Barlow';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #8B8B8B;
}
.btn-toggle {
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #698FD9;
border: none;
text-decoration-line: underline;
outline: none;
background: transparent;
margin-top: 14px;
}
.flowsheetHeader{
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.flowsheetHeader h1{
margin: 0;
}
.btnWrapper{
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
}
.infoRow{
display: flex;
}
.flowsheetHeaderBottom{
height: 20px;
border-radius: 5px;
background:#efefef;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.itemSectionWrapper{
background-color: white;
position: fixed;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.15);
z-index: 99;
}
.itemSection{
display: flex;
align-items: center;
justify-content:center;
gap: 30px;
width: 100%;
max-width: 64rem;
margin-right: auto;
margin-left: auto;
}
.modalFlowSheet{
width: 100%;
max-width: 64rem;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}
.modalHeader{
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 20px 0 20px;
}
.modalHeader h1{
margin-bottom: 0 !important;
}
.exercisePlaceholder{
height: 100%;
display: flex;
justify-content: center;
margin-top: 30px;
}
.headerRight{
flex: 1;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 20px;
}
.headerLinks{
display: flex;
align-items: center;
}