@import "footer-btns.css";

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: border-box;
}

body {
    margin: 0;
    /* set the base font and size for all DOM children */
    /*font-family: sans-serif;*/
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.01em;
    color: #26282a;
    /*font-size: 1em;*/
    background: #fff;
}

a {
    color: #424141;
    text-decoration: none;
}

a:hover {
    color: #0e82e0;
}

.menu {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    font-style: italic;
    font-size: 11pt;
    color: #FAFAFA;
    text-decoration: none;
    text-align: left;
}

.menu_selected {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    font-style: italic;
    font-size: 11pt;
    color:  #222;
    text-decoration: none;
    text-align: left;
}

.logout {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    font-style: italic;
    font-size: 11pt;
    color: #FAFAFA;
    text-decoration: none;
    text-align: right;
}

.text {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    color: #26282a;
    text-decoration: none;
    font-size: 10pt;
}

.required {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    text-decoration: none;
    font-size: 10pt;
    color: #26569E;
    font-weight: bold;
}

.bold {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    text-decoration: none;
    font-size: 10pt;
    color:  #222;
    font-weight: bold;
}

.alert {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    font-size: 70%;
    color: #FF0000;
    text-decoration: none;
}

.small {
    text-decoration: none;
    color:  #222;
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    font-size: 80%;
}

.link {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    text-decoration: none;
    color:   #222;
    font-size: 10pt;
}

.mmdlink {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    text-decoration: none;
    color:   #222;
    font-size: 10pt;
    cursor: pointer;
    -webkit-transition: color 0.1s ease-out;
    -moz-transition: color 0.1s ease-out;
    -ms-transition: color 0.1s ease-out;
    -o-transition: color 0.1s ease-out;
    transition: color 0.1s ease-out;
}

.mmdlink:hover {
    color: #264B82 !important;
}

.more {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    text-decoration: none;
    font-size: 10pt;
}

.back {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    text-decoration: none;
    font-size: 10pt;
}

.link_selected {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    text-decoration: none;
    color: #FAFAFA;
    font-size: 10pt;
}

.link_selected:visited {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    text-decoration: none;
    color: #FAFAFA;
    font-size: 10pt;
}

.items {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    font-size: 6pt;
}

.title {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
}

/* see .titlebar below */
.title_bar {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    color: #FAFAFA;
}

.body_top {
    background-color: #FAFAFA;
    padding: 7px 15px;
}

.bgcolor2 {
    background-color: #FAFAFA;
}

.topBarBody {
    background-color: #16325C;
}

.topBarBody a {
    color: #FAFAFA;
    text-decoration: none;
}

.topBarBody a:visited {
    color: #ff;
}

.topBarBody a:hover {
    color: #0e82e0;
}

.topBarBody .text {
    color: #FAFAFA;
    background-color: #16325C;
}

.esign-log-row {
    color: #FAFAFA;

}

.esign-log-element {
    color: #424141;
}

.body_nav {
    background-color: #16325C;
}

.body_filler {
    background-color: #f7f0d5;
}

.body_login {
    background: url('../pic/aquabg.gif') repeat;
}

/* $login_body_line */
.table_bg {
    background-color: #ccc;
}

.bgcolor1 {
    background-color: #ccc;
}

.textcolor11 {
    background-color: #222;
}

.highlightcolor {
    background-color: #ddd;
}

.bottom_line {
    background: url('../pic/aquabg.gif') repeat;
}

.logobar {
    background-color: #24262c;
    height: 110px;
}

.navbar {
    height: 22px;
}

.titlebar {
    height: 20px;
}

/* style taken out of the addressbook code and put here instead */
#addressbook_list td {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    padding-left: 4px;
    padding-right: 4px;
}

#addressbook_list a, #addressbook_list a:visited, #addressbook_list a:hover {
    color: #0000cc;
}

#addressbook_list tr.search {
    font-size: 9pt;
    font-weight: bold;
}

#addressbook_list tr.head {
    font-size: 10pt;
    background-color: #cccccc;
    font-weight: bold;
}

#addressbook_list tr.detail {
    font-size: 10pt;
}

#addressbook_list .inputtext {
    font-family: monospace;
    font-size: 9pt;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
    border-color:  #222;
    background-color: transparent;
}

#addressbook_list .button {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    font-size: 8pt;
    font-weight: bold;
}

/* styles taken out of templates/report/general_default.html */
#reports_list td {
    font-size: 8pt;
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
}

#reports_list a {
    font-size: 8pt;
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
}

/* styles taken out of templates/documents/general_list.html */
#documents_list td {
    font-size: 8pt;
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
}

#documents_list a {
    font-size: 8pt;
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
}

#documents_list .treeMenuDefault {
    font-style: italic;
}

#documents_list .treeMenuBold {
    font-style: italic;
    font-weight: bold;
}

#documents_list {
    width: 29%;
    height: 95%;
    overflow: auto;
    float: left;
    border-right: dashed 1px;
}

#documents_actions {
    padding-top: 10px;
    width: 70%;
    height: 95%;
    float: right;
    overflow: auto;
}

#documents_actions iframe {
    display: inline;
    border: none;
    width: 100%;
    height: 600px;
    overflow: auto;
}

#documents_actions form {
    margin: 0px;
    padding: 0px;
}

#documents_actions table {
    width: 100%;
    height: 95%;
}

/* Patient History */

#HIS .groupname {
    font-weight: bold;
    color: #080;
    font-size: 9pt;
    padding-right: 1px;
    vertical-align: top;
    height: 2em;
}

#HIS .label {
    font-weight: bold;
    font-size: 9pt;
    vertical-align: top;
}

#HIS .data {
    font-size: 9pt;
    vertical-align: top;
    text-align: left;
    padding-right: 10px;
}

/*=============================================================
 * Patient Notes
 * seen in the patient summary and notes screens
 *============================================================*/
#pnotes .billing {
    background-color: #dfd;
}

#pnotes .highlight {
    background-color: #FAFAFA;
}

#pnotes table {
    border-collapse: collapse;
}

#pnotes .noterow {
    cursor: pointer;
}

#pnotes .noterow td {
    border-bottom: 1px solid #ddd;
    vertical-align: top;
    padding: 5px;
    margin: 5px;
}

#pnotes .noterow:hover {
    background: #eee;
}

/*=============================================================
 * Patient Past Encounters and Documents
 * seen in the patient encounter screen
 *============================================================*/
#patient_pastenc {
    width: 100%;
}

#patient_pastenc .billing_note {
    width: 25%;
}

#patient_pastenc .billing_note_text {
    padding: 5px;
    border: 2px outset  #222;
    background-color: lightgrey;
}

#patient_pastenc .billing_note_text_highlight {
    background-color: #f7f5d1;
}

#patient_pastenc table {
    border-collapse: collapse;
    width: 100%;
}

#patient_pastenc tr {
    cursor: pointer;
}

#patient_pastenc td {
    border-top: 1px solid  #222;
    vertical-align: top;
}

#patient_pastenc th {
    text-align: left;
}

#patient_pastenc #tooltipdiv {
    position: absolute;
    width: 500px;
    border: 1px solid  #222;
    padding: 2px;
    background-color: #ffffaa;
    visibility: hidden;
    z-index: 1000;
    font-size: 9pt;
}

#patient_pastenc .highlight {
    background-color: #FAFAFA;
}

#patient_pastenc .tooltip {
    position: absolute;
    border: 1px solid  #222;
    background: #f7f5d1;
    padding: 2px 5px;
    color:  #222;
    display: none;
}

/*=============================================================
 * Patient Reports
 * seen in the patient reports screens
 *============================================================*/
#patient_reports {
    width: 100%;
}

#patient_reports .issues {
    padding-right: 30px;
}

#patient_reports .issues table {
    margin: 10px 0px 10px 0px;
}

#patient_reports .issues td {
    padding: 2px;
}

#patient_reports .encounters td {
    padding: 2px;
}

#patient_reports .encounter_forms {
    margin: 5px 15px 5px 15px;
}

#patient_reports td {
    vertical-align: top;
}

#patient_reports ul {
    list-style: none;
}

/*=============================================================
 * Report - Custom
 * seen as the patient report (custom_report.php)
 *============================================================*/
#report_custom {
    width: 100%;
}

#report_custom hr {
    border: 2px dotted  #222;
}

#report_custom .billing {
    margin: 5px;
    padding: 5px;
}

#report_custom h1 {
    font-size: 120%;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

#report_custom .immunizations {
    margin: 5px;
    padding: 5px;
}

#report_custom .notes {
    margin: 5px;
    padding: 5px;
}

#report_custom .transactions {
    margin: 5px;
    padding: 5px;
}

#report_custom .communications {
    margin: 5px;
    padding: 5px;
}

#report_custom .documents {
    margin: 5px;
    padding: 5px;
}

#report_custom .demographics {
    margin: 5px;
    padding: 5px;
}

#report_custom .insurance {
    margin: 5px;
    padding: 5px;
}

#report_custom .history {
    margin: 5px;
    padding: 5px;
}

#report_custom .issue {
    margin-left: 20px;
}

#report_custom .issue_type {
    font-weight: bold;
    padding: 5px 0px 5px 0px;
}

#report_custom .issue_diag {
    margin: 0px 20px 0px 20px;
}

#report_custom .issue_title {
}

#report_custom .issue_comments {
}

#report_custom .encounter {
    width: 100%;
    border-top: 2px dotted  #222;
    padding: 10px 5px 10px 5px;
    margin-top: 10px;
}

#report_custom .encounter h1 {
    font-size: 140%;
    margin: 0px;
    padding: 0px;
}

#report_custom .encounter_form {
    margin: 10px;
    padding: 10px;
    border-top: 1px solid gray;
}

#addressbook_list tr.evenrow {
    background-color: #ddddff;
}

#addressbook_list tr.oddrow {
    background-color: #FAFAFA;
}

/*
 * CSS BUTTONS
*/
.css_button_small {
    background: #26569e;
    color: #FAFAFA;
    float: left;
    font: bold 10px arial, sans-serif;
    height: 19px;
    margin-right: 3px;
    text-decoration: none;
}

.css_button.btn-large {
    height: 32px;
    line-height: 30px;
    padding: 0 15px;
}

.css_button.btn-danger {
    background: #c00000 !important;
    border: 1px solid #c00000 !important;
}

.css_button.btn-danger:hover, .css_button.btn-danger:hover > span {
    color: #c00000 !important;
}

.css_button.btn-danger > span {
    background: #c00000 !important;
}

.css_button.btn-success {
    background: #008800 !important;
    border: 1px solid #008800 !important;
}

.css_button.btn-success:hover, .css_button.btn-success:hover > span {
    color: #008800 !important;
}

.css_button.btn-success > span {
    background: #008800 !important;
}

.css_button_circle_mmd {
    border-radius: 50%;
    max-width: 37px;
    max-height: 37px;
    height: 37px;
    width: 37px;
    background-color: #16325c;
    color: #FAFAFA;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.section-header .css_button_small {
    height: 28px;
    position: relative;
    left: -1px;
}

.section-header .css_button_small span {
    line-height: 28px;
}

.logout_circle {
    background-color: #FAFAFA;
    color: #26569e;
    max-width: 35px;
    max-height: 35px;
    height: 35px;
    width: 35px;
}

.logout_circle:hover {
    color: #FAFAFA;
}

.css_button_circle_mmd:hover {
    background-color: #26569e;
}

.css_button_small a {
    color: #FAFAFA;
    text-decoration: none;
}

.css_button_small a:visited {
    color: #FAFAFA;
}

.css_button_small span {
    background: #26569e;
    line-height: 28px;
    color: #FAFAFA;
    display:inline-block;
    width: 100%;
    text-align: center;
}

.css_button_small.no-content,
.css_button_small.no-content span {
    /* From chart widgets */
    background-color: #4775ae;
}

.css_button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid transparent !important;
    overflow: hidden;
    background: #26569e;
    color: #FAFAFA;
    float: left;
    font: bold 10px arial, sans-serif;
    height: 28px;
    margin-right: 3px;
    text-decoration: none;
    transition: none !important;
    box-shadow: none;
}

.css_button.secondary {
    border: 1px solid #aaa !important;
    color: #26569e !important;
    background: #fafafa !important;
}

.css_button.secondary span {
    color: #26569e !important;
    background: #fafafa !important;
}

.css_button.secondary:focus span,
.css_button.secondary:focus,
.css_button.secondary:hover span,
.css_button.secondary:hover {
    color: #26569e !important;
    background: #eee !important;
}

.css_button[disabled],
.css_button:hover[disabled],
.css_button[disabled] span,
.css_button:hover[disabled] span,
.css_button.disabled,
.css_button:hover.disabled,
.css_button:focus.disabled,
.css_button.disabled span,
.css_button:hover.disabled span,
.css_button:focus.disabled span
{
    background: #eee !important;
    color: #aaa !important;
    border: 1px solid #eee !important;
    pointer-events: none;
}

.button-group .css_button[disabled]::before {
    background-color: #eee !important;
}

.css_button:active,
.css_button:hover,
.css_button:visited,
.css_button:focus {
    color: #fff !important;
}

.css_button:hover,
.css_button:hover span,
.css_button:focus,
.css_button:focus span {
    background: #14449e !important;
    text-decoration: none;
}

.css_button a {
    color: #FAFAFA;
    text-decoration: none;
}

.css_button a:visited {
    color: #FAFAFA;
}

.css_button span {
    background: #26569e;
    padding: 0 10px;
    display: inline-block;
    line-height: 27px;
    text-align: center;
}

.css_button:hover,
.css_button:hover span {
    color: #26569e !important;
    background: #fafafa !important;
}

.css_button:hover {
    border: 1px solid #aaa !important;
}


.button-group .css_button {
    position: relative;
}

.button-group .css_button:not(:last-child) {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.button-group .css_button:not(:first-child) {
    margin-left: 0 !important;
    border-left: none !important;
}

.button-group .css_button:not(:last-child) {
    margin-right: 0 !important;
    border-right: none !important;
}

.button-group .css_button:not(:first-child):before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background: #fff;
    left: 0;
    top: 0;
}

.button-group .css_button.secondary:not(:first-child):before {
    background: #aaa;
}

.button-group .css_button:not(:first-child) {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.btn-middle {
    border-radius: 0;
    margin-right: 1px;
}

.btn-left {
    border-radius: 3px 0 0 3px;
    margin-right: 1px;
    box-shadow: 1px 0 0 0 #fff;
}

.btn-right {
    border-radius: 0 3px 3px 0;
}

.btn-left.no-float {
    margin-left: -2px;
}

.no-float {
    float: none;
}

.float-none {
    float: none !important;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.sellistclass {
    float: left;
}

.disabled_button {
    color: grey;

}

a.disabled_button:hover {
    color: grey;
}

/*
 * TABS
*/

ul.tabNav {
    margin: 0;
    padding: 0;
}

ul.tabNav {
    float: left;
    list-style: none;
    width: 100%;
}

ul.tabNav li {
    float: left;
    margin: 0 1px 0 0;
    padding: 6px 0 0;
    font-size: 13px;
    vertical-align: bottom;
    text-align: left;
}

ul.tabNav li.current {
    padding-top: 0;
}

ul.tabNav a {
    background: #A7A7A7;
    border: 1px solid #FAFAFA;
    border-width: 1px 1px 0;
    color:  #222;
    display: block;
    padding: 4px 4px 5px 4px;
    text-decoration: none;
}

ul.tabNav li.current a {
    background: #D7DFE7;
    padding: 8px;
}

.tabNav li p {
    text-align: center;
    border-top: 3px solid #eee;
    border-right: 3px solid #eee;
    border-left: 3px solid #eee;
    background: #ccc !important;
    line-height: 25px;
    padding: 0 8px;
    margin: 0;
    cursor: pointer;
}

.tabNav li {
    margin: 0 0 3px !important;
    padding: 0 !important;
    height: 25px;
    /*border-bottom: 2px solid #26569e;*/
}

.tabNav li.current p {
    /*padding: 4px 4px 5px !important;*/
    background: #26569e !important;
    color: #fafafa !important;
    border-top: 3px solid #26569e;
    border-right: 3px solid #26569e;
    border-left: 3px solid #26569e;
}

div.tabContainer {
    clear: both;
    float: left;
    width: 100%;
    background: #f1f1f1 !important;
}

div.tabContainer div.tab {
    border: 1px solid #FAFAFA;
    border-bottom: none;
    color:   #222;
    display: none;
    padding: 10px;
}

div.tabContainer div.current {
    display: block;
}

div.tab {
    min-height: 180px;
    background: #f1f1f1 none repeat scroll 0 0;
    margin-bottom: 10px;
    width: 665px;
}

div.tab_long {
    min-height: 180px;
    background: #FAFAFA none repeat scroll 0 0;
    margin-bottom: 10px;
    width: 100%;
}

div.tab p:last-child {
    margin-bottom: 0;
}

div.tab table td {
    padding-right: 1px;
    padding-bottom: 0px
}

div.tab table td.label {
    min-width: 80px;
}

div.tab table td.data {
    min-width: 100px; /*170px*/
}

div.notab {
    background-color: #D7DFE7;
    color: #222;
    margin-bottom: 10px;
    width: 100%;
}

div.notab-right {
    background: #D7DFE7 none repeat scroll 0 0;
    margin-bottom: 10px;
    width: 100%;
}

.section-header {
    margin-top: 5px;
    height: 28px;
    border: 1px solid #aaaaaa;
    background-color: #f1f1f1;
}

.section-header table {
    width: 100%;
    height: 100%;
    position: relative;
    top: -1px;
}

.summary_item {
    background: #D7DFE7;
    padding: 8px 14px;
    margin-bottom: 5px;
}

/*
* REPORTS
*/

#report_parameters {
    background-color: #ececec;
    margin-top: 10px;
}

#report_parameters table {
    border: solid 1px;
    width: 100%;
    border-collapse: collapse;
}

#report_parameters table td {
    padding: 5px;
}

#report_parameters table table {
    border: 0px;
    border-collapse: collapse;
    font-size: 0.8em;
}

#report_parameters table table td.label {
    text-align: right;
}

#report_results table {
    border-top: 1px solid  #222;
    border-bottom: 1px solid  #222;
    border-left: 1px solid  #222;
    border-right: 1px solid  #222;
    width: 100%;
    border-collapse: collapse;
    margin-top: 1px;
}

#report_results table thead {
    padding: 5px;
    display: table-header-group;
    background-color: #ddd;
    text-align: left;
    font-weight: bold;
    font-size: 0.7em;
}

#report_results table th {
    border-bottom: 1px solid  #222;
    padding: 5px;
}

#report_results table td {
    padding: 5px;
    border-bottom: 1px dashed;
    font-size: 0.8em;
}

.report_totals td {
    background-color: #77ff77;
    font-weight: bold;
}

/**
* List-table formatting
**/
.showborder {
    width: 650px;
}

.showborder td {
    border-bottom: 1px dashed  #222;
    text-align: left;
    font-size: 9pt;
}

.showborder_head th {
    border-bottom: 1px solid  #222;
    text-align: left;
    font-size: 9pt;
}

.shownoborder td {
    text-align: left;
    font-size: 9pt;
}

.showborder_long {
    width: 100%;
}

.showborder_long tr td {
    border-bottom: 1px dashed  #222;
    text-align: left;
    font-size: 9pt;
}

/**
* Drug lookup
**/
.drug_lookup {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    font-size: 8pt;
    border: 2px outset rgb(102, 102, 102);
    background-color: #e4db96;
    padding: 5px;
    position: absolute;
    display: block;
}

/* Password alert styles */
.pwdalert {
    display: block;
    width: 390pt;
    margin-left: 100px;
    padding: 10px 10px 10px 15px;
    color:  #222;
}

.alertmsg1 {
    border: 3px solid #fe7b7a;
    background-color: #ffd6d6;
}

.alertmsg2 {
    border: 3px solid #f56fff;
    background-color: #fabfff;
}

.alertmsg3 {
    border: 3px solid #9acc2e;
    background-color: #eef7dd;
}

/* Password alert styles */

/* Style for red font */
.redtext {
    font-family: 'Helvetica Neue','Helvetica','Arial','sans-serif';
    text-decoration: none;
    color: #FF0000;
    font-size: 10pt;
}

/* Style for red font */

.de_identification_status_message {
    width: 50%;
    border: 1px solid #0000FF;
}

.de_identification_input_controls_box {
    width: 100%;
    border: 1px solid #0000FF;
}

.de_id_upgrade_login {
    width: 40%;
    border: 1px solid  #222;
    background-color: #FAFAFA;
}

#navigation-slide, #navigation-slide * {
    padding-left: 0px;
    margin-left: 0px;
}

#navigation-slide li {
    list-style: none;
    background-color: #16325c;
    /* border: 1px solid #aaa; */
    color: #FAFAFA;
    display: inline-block;
    width: 100%;
    /*width: 95%;*/
}

#navigation-slide a {
    background: #16325c;
    color: #FAFAFA;
    display: block;
    font-weight: bold;
    padding: 10px 14px;
    text-decoration: none;
}

#navigation-slide ul.submenu-mmd li:first-child > a {
    box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.7);
}

#navigation-slide > li > ul.submenu-mmd li:last-child > a {
    box-shadow: inset 0 -4px 4px -4px rgba(0, 0, 0, 0.7);
}

#navigation-slide ul.submenu-mmd {
    background-color: #1C4175;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

#navigation-slide ul.submenu-mmd li a {
    padding: 6px 25px;
    color: #FAFAFA;
    background-color: #1C4175;
}

#navigation-slide ul.submenu-mmd li:hover {
    background-color: #16325c;
}

#navigation-slide a .nav-title {
    width: 100%;
    vertical-align: middle;
}

#navigation-slide.collapsed a .nav-title {
    display: none;
}

#navigation-slide li a.collapsed {
    background-color: #16325c; /* for non-css3 browsers */
    color: #FAFAFA;
    cursor: pointer;
}

#navigation-slide li:not(.expanded) a:hover,
#navigation-slide ul.submenu_mmd li a:hover {
    background-color: #26569e;
}

#navigation-slide li a.expanded {
    background-color: #16325c; /* for non-css3 browsers */
    color: #FAFAFA;
    cursor: pointer;
}

#navigation-slide ul li a.collapsed_lv2 {
    background-color: #193A69; /* for non-css3 browsers */
    color: #FAFAFA;
}

#navigation-slide ul li a.expanded_lv2 {
    background-color: #193A69; /* for non-css3 browsers */
    color: #FAFAFA;
}

#navigation-slide:not(.sr-enabled) li.item[data-name="speechRecognition"] {
    display: none !important;
}

#sddm li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    border: 1px solid #424141;
    background: #999; /* for non-css3 browsers */
    background: #424141; /* for firefox 3.6+ */
}

#sddm li a {
    display: block;
    margin: 0 1px 0 0;
    padding: 4px 10px;
    color: #FAFAFA;
    text-align: left;
    text-decoration: none;
    font-size: 0.8em;
    font-weight: bold;
}

#sddm li a:hover {
    background: #424141;
}

#sddm div {
    position: absolute;
    visibility: hidden;
    display: none;
    margin: 0;
    padding: 0;
    background: #424141;
    border-left: 1px solid  #222;
    border-right: 1px solid  #222;
    border-bottom: 1px solid  #222;
}

#sddm div a {
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px;
    width: 170px;
    white-space: normal;
    text-align: left;
    text-decoration: none;
    background: #424141;
    color: #FAFAFA;
    font-size: 0.8em;
    font-weight: normal;
}

#sddm div a:hover {
    background: #424141;
    color: #0e82e0;
}

.text-area {
    background-color: #FAFAFA;
    border: 1px solid  #222;
    width: 100%;
    height: 100px;
    overflow: auto;
    text-align: left;
}

.example_menu {
    font-size: 70%;
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 136px;
}

.expand_all,
.collapse_all {
    cursor: pointer;
}

.example_menu ul {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, .example_menu li {
    background-image: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid white;
}

.example_menu ul ul {
    display: block;
}

.example_menu a {
    color:   #222;
    cursor: pointer;
    display: block;
    font-weight: bold;
    margin-left: 0;
    padding: 2px 2px 2px 17px;
    width: 160px;
}

.example_menu a.expanded {
    background: #bbb url('collapse.gif') no-repeat 3px 50%;
}

.example_menu a.collapsed {
    background: #bbb url('expand.gif') no-repeat 3px 50%;
}

.example_menu a:hover {
    text-decoration: none;
}

.example_menu ul li span {
    background: #d9d1a4;
    color:   #222;
    display: block;
    font-weight: normal;
    width: 100%;
}

.example_menu ul a:Subjective {
    font-weight: normal;
}

.example_menu ul a:hover {
    background: #f5f5f5;
    text-decoration: underline;
}

.example_menu li.active a {
    background: #FAFAFA;
}

.example_menu li.active li a {
    background: #e8e8e8;
}

#menu1 li.footer, #menu2 li.footer, #menu3 li.footer, #menu4 li.footer, #menu5 li.footer, .example_menu .footer {
    background: transparent url('footer.jpg') no-repeat 0 0;
    border-top: 2px solid #FAFAFA;
    height: 9px;
    line-height: 15px;
    margin: 0 0 10px 0;
    width: 131px;
}

.example_menu .footer span {
    display: none;
}

.cke_contents {
    height: 300px !important;
}

/* Form styles */
.formtable {
    font-size: 13px;
    line-height: 24px;
}

.formtable tr td {
    line-height: 24px;
}

.report_search_bar {
    background-color: #E1E4E9;
}

.glyphicons {
    vertical-align: unset !important;
    display: unset !important;
    line-height: unset !important;
}

.notab #encounters {
    width: 665px !important;
    background-color: #FAFAFA;
    max-height: 300px;
    padding: 10px;
    overflow-y: auto;
    border: 1px solid #aaa
}

.notab #encounters tr:first-child:hover {
    background-color: #FAFAFA;
    cursor: auto;
}

.notab #encounters tr:hover {
    background-color: #D7DFE7;
}

.notab #encounters td {
    padding: 3px;
    border-top-color: #aaa;
}

.notab #encounters th {
    padding: 3px;
}

.reset-this {
    animation: none;
    animation-delay: 0;
    animation-direction: normal;
    animation-duration: 0;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: none;
    animation-play-state: running;
    animation-timing-function: ease;
    backface-visibility: visible;
    background: 0;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: 0;
    border-style: none;
    border-width: medium;
    border-color: inherit;
    border-bottom: 0;
    border-bottom-color: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-collapse: separate;
    border-image: none;
    border-left: 0;
    border-left-color: inherit;
    border-left-style: none;
    border-left-width: medium;
    border-radius: 0;
    border-right: 0;
    border-right-color: inherit;
    border-right-style: none;
    border-right-width: medium;
    border-spacing: 0;
    border-top: 0;
    border-top-color: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: none;
    border-top-width: medium;
    bottom: auto;
    box-shadow: none;
    box-sizing: content-box;
    caption-side: top;
    clear: none;
    clip: auto;
    color: inherit;
    columns: auto;
    column-count: auto;
    column-fill: balance;
    column-gap: normal;
    column-rule: medium none currentColor;
    column-rule-color: currentColor;
    column-rule-style: none;
    column-rule-width: none;
    column-span: 1;
    column-width: auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    cursor: auto;
    direction: ltr;
    display: inline;
    empty-cells: show;
    float: none;
    font: normal;
    font-family: inherit;
    font-size: medium;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: auto;
    hyphens: none;
    left: auto;
    letter-spacing: normal;
    line-height: normal;
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    orphans: 0;
    outline: 0;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    padding: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    page-break-after: auto;
    page-break-before: auto;
    page-break-inside: auto;
    perspective: none;
    perspective-origin: 50% 50%;
    position: static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes: '\201C' '\201D' '\2018' '\2019';
    right: auto;
    tab-size: 8;
    table-layout: auto;
    text-align: inherit;
    text-align-last: auto;
    text-decoration: none;
    text-decoration-color: inherit;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    top: auto;
    transform: none;
    transform-style: flat;
    transition: none;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: none;
    transition-timing-function: ease;
    unicode-bidi: normal;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    widows: 0;
    width: auto;
    word-spacing: normal;
    z-index: auto;
}

.gb_xc.gb_g .gb_db, .gb_xc.gb_g .gb_eb, .gb_xc.gb_g .gb_ga, .gb_g.gb_ga {
    display: block;
}

.gb_ga.gb_ha {
    min-height: 196px;
    overflow-y: auto;
    width: 320px;
}

.gb_ia {
    -moz-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
}

.gb_ga {
    background: #FAFAFA;
    border: 1px solid #ccc;
    color:   #222;
    /* -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2); */
    display: none;
    outline: none;
    overflow: hidden;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 44px;
    -moz-animation: gb__a .2s;
    animation: gb__a .2s;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-user-select: text;
}

.gb_dc {
    line-height: normal;
    text-align: left;
}

.gb_hf {
    white-space: nowrap;
}

.gb_je > .gb_R {
    line-height: 58px;
}

.gb_cb {
    text-align: right;
}

.gb_je {
    font: 13px/27px Arial, sans-serif;
}

.gb_ef {
    color:   #222;
    font: 13px/27px Arial, sans-serif;
}

tr.hovered {
    background-color: #e1e8f0 !important;
}

.darkClass {
    background-color: #e5e5e5;
    filter: alpha(opacity=40); /* IE */
    opacity: 0.40; /* Safari, Opera */
    -moz-opacity: 0.40; /* FireFox */
    z-index: 20;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: fixed;
    top: 0;
    left: 0;
}

.darkClass.active {
    display: block !important;
}

.favCell {
    width: 0%;
    padding: 0 4px;
    color: #bbb;
    cursor: pointer;
}

.docCell {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.favCell:hover {
    color: #5a84c3 !important;
}

.favCell.active {
    color: #26569E;
}

.searchTable tr {
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

.searchTable tr:hover {
    background-color: #D7DFE7;
}

.searchTable tr.noHover:hover {
    background-color: #FAFAFA;
}

.searchTable tr.noHover:active {
    background-color: #D7DFE7;
}

.linkActive {
    background-color: #26569E;
    border: 1px solid #26569E;
    padding: 5px 8px;
    color: #FAFAFA;
}

.linkActive:hover {
    color: #FAFAFA;
    text-decoration: none;
}

.linkInactive {
    background-color: #FAFAFA;
    border: 1px solid #26569E;
    padding: 5px 8px;
    cursor: pointer;
}

.linkInactive:hover {
    text-decoration: underline;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 5px;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    text-align: left !important;
}

.table > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    text-align: left !important;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.table > tbody + tbody {
    border-top: 2px solid #ddd;
}

.table .table {
    background-color: #FAFAFA;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

    .table-responsive > .table {
        margin-bottom: 0;
    }

    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }

    .table-responsive > .table-bordered {
        border: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

.linky-link {
    color: #26569E;
    text-decoration: underline;
    cursor: pointer;
}

.linky-link:hover {
    color: #D48991;
}

.docs-homescreen-grid-item {
    background-color: #FAFAFA;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    background-clip: padding-box;
    color: #444;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 208px;
    cursor: pointer;
}

.docs-homescreen-grid-item:hover {
    border-color: #0E82E0;
    box-shadow: 0px 1px 0px #CCDFFF;
    outline: none;
}

.docs-homescreen-docs .docs-homescreen-grid-item-thumbnail {
    height: 269px;
    width: 208px;
}

.docs-homescreen-grid-item-thumbnail {
    background-repeat: no-repeat;
    background-size: 208px auto;
    border: none;
    display: block;
    position: relative;
    -ms-high-contrast-adjust: none;
}

.docs-homescreen-grid-item-metadata-container {
    border-top: 1px solid #ccc;
    padding: 14px 22px 14px 14px;
    position: relative;
    background-color: #f1f1f1;
}

.docs-homescreen-grid-item-title {
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.docs-homescreen-grid-item-row {
    padding-top: 2px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
}

/* Hide default HTML checkbox */
.switch input {
    display: none;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

input[type=text],
input[type=number],
input[type=date],
input[type=time],
input[type=datetime-local],
select {
    height: 24px;
    padding: 0 6px;
    color:   #222;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #666;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-size: 12px;
}

select {
    padding: 2px 6px;
}

textarea {
    padding: 2px 4px;
    color:   #222;
    font-size: 12px;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #666;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

select[multiple] {
    height: unset;
}

input[type=text]:focus, input[type=number]:focus, select:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

input[type=text].error, input[type=number].error, select.error {
    border-color: #bc2328;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(188, 35, 40, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(188, 35, 40, .6);
}

input[type=text]:disabled, input[type=number]:disabled, select:disabled {
    color: #888;
    border-color: #999;
}

.permHover {
    background-color: #D7DFE7 !important;
}

.templateCtMenu {
    position: fixed !important;
    font-size: 13px !important;
}

.ctSubMenu {
    margin: 0px !important;
}

.mybtn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    background-color: #16325C;
    color: #FAFAFA;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;;
}

.mybtn:focus,
.mybtn:active:focus,
.mybtn.active:focus,
.mybtn.focus,
.mybtn:active.focus,
.mybtn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    background-color: #26569e;
}

.mybtn:hover,
.mybtn:focus,
.mybtn.focus {
    color: #FAFAFA;
    text-decoration: none;
    background-color: #26569e;
}

.mybtn:active,
.mybtn.active {
    background-image: none;
    outline: 0;
    background-color: #26569e;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.mybtn.disabled,
.mybtn[disabled],
fieldset[disabled] .mybtn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.has-addon-right {
    border-radius: 2px 0 0 2px !important;

    border-top: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-right: none !important;
}

.input-addon-right {
    height: 24px;
    width: 30px;
    padding: 3px 5px;
    background: #ddd;
    border: 1px solid #666;
    border-radius: 0 2px 2px 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-sizing: border-box;
    margin-left: -7px;
    /*margin-top: -2px;*/
}

.greyLink {
    font-size: 9pt;
    color: #666;
    cursor: pointer;
}

.greyLink:hover {
    color: #26569e;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.window-footer {
    background-color: #eee;
    border-top: 1px solid #aaa;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 38px;
    font-size:0;
}

.dropdown-submenu .caret {
    border-left: 4px dashed;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-right: none;
    float: right;
    margin-top: 5px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin: 0 0 0 -1px;
}

.dropdown-menu-grid {
    background: none;
    display: grid;
    grid-auto-columns: 160px;
    grid-template-rows: repeat(13, auto);
    grid-auto-flow: column;
}

.button-list {
    padding: 0px 10px 5px 10px;
    box-shadow: none;
}

.button-list-option {
    background-color: #eee;
    border: 1px solid #aaa;
    padding: 5px 10px;
    cursor: pointer;
    margin-top: 5px;
    transition: all 0.1s;
    text-align: left;
    position: relative;
    height: 26px;
}


.button-list.button-list-add-tab .button-list-option {
    /*background-color: #D7DFE7;*/
    background-color: #FFF;
    /*color: #50a40a;*/
    /*border-color: #50a40a;*/
    transition: none;
}

.button-list-option.no-padding {
    padding: 0px;
}

.button-list-option:not(.active):hover {
    background-color: #fcfcfc;
}

/* used in prescriptions when holding CTRL for favourites*/
.button-list.button-list-add-tab  .button-list-option:not(.active):hover {
    background-color: #eee;
}

.button-list-option div.button-list-option-name {
    display: inline-block;
    width: 205px;
    max-width: 205px;
    padding: 5px 5px 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.button-list-option div.button-list-option-rename {
    color: #666;
    padding: 3px 6px 5px 8px;
    border-left: 1px solid #ccc;
    display: inline-block;
    float: right;
    white-space: nowrap;
    position: absolute;
    right: 27px;
    top: 0px;
    bottom: 0px;
    width: 27px;
}

.button-list-option div.button-list-option-rename:hover {
    color: #FFF;
    background-color: #26569e;
}

.button-list.button-list-add-tab .button-list-option div.button-list-option-rename {
    display: none;
}

.button-list-option div.button-list-option-delete {
    color: #666;
    padding: 4px 7px 5px 7px;
    border-left: 1px solid #ccc;
    display: inline-block;
    float: right;
    white-space: nowrap;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 27px;
}

.button-list-option div.button-list-option-delete:hover {
    color: #FFF;
    background-color: darkred;
}

.button-list.button-list-add-tab .button-list-option div.button-list-option-delete {
    display: none;
}

.button-list-option div.button-list-option-addnewtab {
    color: #666;
    padding: 4px 7px 5px 7px;
    border-left: 1px solid #ccc;
    display: inline-block;
    float: right;
    white-space: nowrap;
    position: absolute;
    right: 54px;
    top: 0px;
    bottom: 0px;
    width: 27px;
}

.button-list-option div.button-list-option-addnewtab:hover {
    color: #FFF;
    background-color: #50a40a;
}

.button-list.button-list-add-tab .button-list-option div.button-list-option-addnewtab {
    color: #FFF;
    background-color: #666;
    width: 81px;
    right: 0px;
}

.button-list .button-list-option div.button-list-option-addnewtab span.button-list-option-addnewtab-title {
    display: none;
}

.button-list.button-list-add-tab .button-list-option div.button-list-option-addnewtab span.button-list-option-addnewtab-title {
    display: inline-block;
    padding-left: 5px;
    white-space: nowrap;
    padding-bottom: 3px;
}

.button-list-option div.button-list-count-rx {
    background-color: #666;
    color: #FFF;
    width: 20px;
    height: 20px;
    text-align: center;
    font-weight: bold;
    border-radius: 25%;
    display: inline-block;
    position: absolute;
    right: 84px;
    top: 2px;
    padding-top: 1px;
}

/* used in prescriptions when holding CTRL for favourites*/
/*.button-list.button-list-add-tab .button-list-option div.button-list-count-rx {*/
/*    background-color: #50a40a;*/
/*}*/

.button-list-controls {
    padding: 5px 10px;
}

.button-list-control {
    background-color: #eee;
    border: 1px solid #aaa;
    padding: 5px 10px;
    cursor: pointer;
    margin-top: 5px;
    transition: all 0.1s;
    text-align: center;
}

.button-list-new {
    background-color: #FFF;
    border: 1px solid #0069D9;
    color: #0069D9;
}

.button-list-new:hover {
    background-color: #0069D9;
    color: #FFF;
}

.button-list-orange {
    background-color: #FFF;
    border: 1px solid #da7000;
    color: #da7000;
}

.button-list-orange:hover {
    background-color: #da7000;
    color: #FFF;
}

.button-list-header {
    font-size: 9pt;
    background-color: #EEE;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid #CCC;
    font-weight: bold;
    height: 30px;
}

.button-list-header span {
    margin-left: 15px;
    display: inline-block;
}

.button-list-header-transparent-button {
    border: none;
    color: #333;
    font-weight: normal;
    background: transparent;
    padding: 5px 15px;
    height: 30px;
    border-left: 1px solid #ccc;
}

.button-list-header-transparent-button:hover {
    color: #0069D9;
}

.mmd-title {
    background-color: #EEEEEE;
    border-bottom: 1px solid #CCC;
    padding: 10px 20px;
    font-size: 13pt;
    font-weight: bold;
    display: flex;
    align-items: center;

}

.mmd-title.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 90;
}

.mmd-title .subtitle {
    font-weight: normal;
    font-style: italic;
}

/*spacer for fixed-position title*/
.mmd-title-spacer {
    display: block;
    height: 55px;
}

.select2-container .select2-selection--single {
    height: 24px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 22px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
}

.select2-results__option {
    padding: 2px 6px;
}

.select2-results__options {
    font-size: 9pt;
    color:  #222 !important;
}

.select2-search__field {
    padding: 2px 4px;
    font-size: 9pt;
    color:  #222 !important;
}

.select2-selection {
    font-size: 9pt !important;
}

.select2-selection__rendered {
    word-wrap: break-word;
    text-overflow: clip;
    white-space: normal;
}

.select2-selection {
    border: 1px solid #666 !important;
    border-radius: 2px !important;
    color:  #222 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color:  #222 !important;
}

.context-menu-list {
    font-size: 10pt !important
}

.context-menu-list span.glyphicon {
    margin-right: 10px;
}

.context-menu-item {
    padding: 3px 28px 3px 10px;
}

.ui-dialog-content.no-padding, .ui-dialog.no-padding {
    padding: 0 !important;
}

.ui-dialog-content.no-padding .ui-dialog-content,
.ui-dialog.no-padding .ui-dialog-content {
    padding: 0 !important;
}

.ui-dialog.mmd-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

td.icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

th.icon {
    width: 1%;
}

.dynarch-calendar-button {
    line-height: 0;
    margin-left: 0;
}
.dynarch-calendar-input {
    float: left;
}

.classyLink {
    color: #000;
}

.classyLink:hover {
    color: #000;
    text-decoration: underline;
}

.toggle-user-prefs {
    cursor: pointer;
    padding: 1px 8px;
    margin-left: 5px;
    background: #f1f1f1;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: #26569e;
    border: 1px solid #26569e;
    color: #fafafa;
}

.toggle-user-prefs:hover {
    background: #fafafa;
    border: 1px solid #aaaaaa;
    color: #26569e;
}

.portal-link {
    cursor: pointer;
    padding: 1px 8px;
    margin-left: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: #fafafa;
    border: 1px solid #aaaaaa;
    color: #26569e;
    transition: 0.2s;
}

.portal-link:hover {
    background: #26569e;
    border: 1px solid #26569e;
    color: #fafafa;
}

.portal-link.has-portal {
    background: #50a40a;
    border: 1px solid #50a40a;
    color: #fafafa;
}

.portal-link.has-portal:hover {
    background: #fafafa;
    border: 1px solid #aaaaaa;
    color: #50a40a;
}

#encTable {
    width: 100%;
    padding: 0;
    table-layout: fixed;
}

#encTable th {
    text-align: left;
    border-bottom: 1px dotted #888;
    font-weight: normal;
}

#encTable tbody tr {
    cursor: pointer;
}

#encTable tr.encrow {
    background-color: #D7DFE7;
}

/*#encTable tr.encrow:nth-child(odd) {*/
/*background-color: #D7DFE7;*/
/*}*/

/*#encTable tr.encrow:nth-child(even) {*/
/*background-color: #ced7de;*/
/*}*/

#encTable tr.encrow:hover {
    background-color: #bbc9d6;
}

#encTable tr.encrow:not(:last-child) td {
    /* don't apply border style to last row */
    border-bottom: 1px dotted #888;
}
#encTable tr.encrow td {
    font-weight: normal;
}

/*#encTable.hideVitals.hideDocs tr.encrow td {*/
/*font-weight: normal;*/
/*}*/

.myEncounter {
    font-weight: bold;
}

td.docLink:hover, td.vitalLink:hover {
    color: #28579F;
}

td.docLink:hover .glyphicons-file {
    color: #26569E;
}

td.vitalLink:hover .glyphicons-heartbeat {
    color: #BC2328;
}

table.hideDocs td.docLink {
    display: none;
}

.hideDocsIndicator {
    color: #26569E;
}

.hideDocsIndicator:hover {
    color: #47588f !important;
}

table.hideDocs .hideDocsIndicator {
    color: #666;
}

table.hideVitals td.vitalLink {
    display: none;
}

.hideVitalsIndicator {
    color: #BC2328;
}

.hideVitalsIndicator:hover {
    color: #8a3b40 !important;
}

table.hideVitals .hideVitalsIndicator {
    color: #666;
}

.issueFocusLink,
.providerFocusLink {
    color: #16325C;
}

.issueFocusLink:hover,
.providerFocusLink:hover {
    text-decoration: underline;
}

.encounterTag {
    display: inline-block;
    padding: 2px 6px;
    margin-left: 4px;
    border: 1px solid #cbcbcb;
    background-color: #CED7DE;
    white-space: nowrap;
    font-size: 9pt;
    line-height: 9pt;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #444;
}

.encounterTag:hover {
    background-color: #bbc9d6;
}

.encounterTag.static:hover {
    background-color: #CED7DE;
}

.encounterTag.provider {
    border: 1px solid #1e447d;
    background-color: #26569E;
    color: #fff;
}

.encounterTag.provider:hover {
    background-color: #1e447d;
}

.encounterTag.issue {
    border: 1px solid #8daec6;
    background-color: #a9d1ee;
    color: #444;
}

.encounterTag.issue:hover {
    background-color: #8daec6;
}

.encounterTag.focus {
    border: 1px solid #102341;
    background-color: #16325C;
    color: #FFF;
}

.encounterTag.focus:hover {
    background-color: #16325C;
}

.notab #newDocBtn {
    display: inline-block;
    font-size: 12px;
    color: #FFF;
    background-color: #26569E;
    padding: 8px 12px;
}

.notab #newDocBtn:hover {
    background-color: #1E447D !important;
    -moz-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
    cursor: pointer;
}

.noTab select {
    background-color: #D7DFE7;
    border: 1px solid #CBD2DA;
}

#leftNavToggleCell {
    display: inline-block;
    padding: 3px 14px 3px 10px;
    border-right: 1px solid #888888;
    color: #FFF;
    cursor: pointer;
}

#leftNavToggleCell:hover {
    background-color: #26569E;
}

.nav-menu-img {
    width: 25px;
    height: 25px;
    border: none;
    margin-right: 5px;
    vertical-align: middle;
}

.field_header {
    font-size: 11px;
    margin: 6px 0px 2px 0px;
    font-weight: bold;
}

.field_section_header {
    font-size: 12px;
    border-bottom: 1px solid #aaa;
    margin-top: 5px;
    font-weight: bold;
}

tr:first-child .field_section_header {
    margin-top: 0;
}

#DEM .groupname {
    font-weight: bold;
    color: #080;
    font-size: 0.8em;
    padding-right: 5px;
    vertical-align: top;
}

#DEM .label {
    font-size: 0.8em;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;
    padding-right: 6px;
    padding-top: 0px;
}

#DEM td {
    padding-top: 2px;
    padding-right: 5px;
}

#DEM .cell-title {
    width: 1px;
}

#DEM .title {
    font-weight: bold;
    font-size: 12px;
    white-space: nowrap;
    display: inline-block;
}

#DEM .data {
    font-size: 13px;
    padding-right: 6px;
    display: inline-block;
}

#encounters_ps_expand,
#tasks_ps_expand,
#pnotes_ps_expand {
    max-height: 500px;
}

.trundleLink {
    width: 100%;
    font-size: 10pt;
    display: inline-block;
}

.trundleLink:hover {
    text-decoration: none;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.btn-append {
    height: 24px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-right: 0;
    float: right;
}

input[type="text"].input-append, select.input-append {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff !important;
    background-color: #16325C !important;
    border: 1px solid transparent !important;
}

.nav > li > a {
    padding: 7px 15px;
    color: #16325C;
}

.nav > li {
    font-size: 13px;
}

.nav-tabs > li .glyphicons {
    font-size: 12px;
    margin-right: 3px;
}

.small-pill {
    background-color: #26569e;
    color: #FFF;
    padding: 3px 6px;
    border-radius: 3px;
}

.small-pill.small-pill-grey {
    background-color: #666;
}

.widget-title {
    font-weight: bold;
}

.widget-title.no-content {
    color: #6d6d6d !important;
}

.toggle-indicator-link .indicator {
    float: right;
    padding: 0px 10px;
}

.referral-red {
    color:#ff0000;
}

.referral-red:hover {
    color:#ff0000 !important;
}

.add-issue {
    color: #26569E;
    cursor: pointer;
    font-size: 10pt;
    display: block;
}

.mmd-chooser-injection-form {
    display: none;
}

.nav-bg {
    background-color: rgb(22, 50, 92);
    padding: 2px;
}

.ap-text-red {
    color: #ff6868;
}
.ap-text-orange {
    color: #ffa700;
}
.ap-text-yellow {
    color: #fffb00;
}
.ap-text-green {
    color: #88ff4e;
}