body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
    width: auto;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background-color: transparent; 
}

::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
    max-width: 100%;
    font-family: Arial;
    font-size: smaller;
    padding: 5px;
}

textarea {
    max-width: 100%;
    font-family: Arial;
    font-size: smaller;
    margin-right: 10px;
}

    textarea:read-only {
        background-color: #F3F3F3;
        border: none;
    }

.big-save-button {
    font-size: 1.5em;
    font-weight: bold;
    width: 160px;
    white-space: normal;
    background: #0A0;
    color: white;
    border: none;
}
.big-save-button:disabled {
    cursor: not-allowed;
    background-color: gray;
    color: lightgray;
}

.clear {
    clear: both;
}

.invalid {
    border: 2px solid red;
}

.none {
    display: none;
}

.content-wrapper {
    margin: 0 auto;
    width: 2000px;
}

.flex-options {
    display: flex;
    flex-flow: wrap;
}
.flex-options div {
    margin-right: 15px;
}

.share-icon {
    cursor: pointer;
    font-size: 14px;
}
.not-shared {
    opacity: 0.6;
    font-size: 10px;
}

.copy-encounter {
    text-align: center;
}

#table_summary {
    margin-left: auto;
    margin-right: auto;
}

#div_Summary input[type="radio"],
.sectionModifier input[type="checkbox"],
.addon-row input[type="checkbox"],
#div_MDMBoxA input[type="radio"],
#div_MDMBoxB input[type="radio"],
#div_MDMBoxC input[type="radio"] {
    margin-left: 5px;
}

#div_Summary label,
#div_BoxA label,
#div_BoxB label,
#div_BoxC label {
    font-weight: normal;
    margin-bottom: 0;
}

    #div_Summary label:has(input[type="radio"]:checked),
    #div_BoxA label:has(input[type="radio"]:checked),
    #div_BoxB label:has(input[type="radio"]:checked),
    #div_BoxC label:has(input[type="radio"]:checked) {
        font-weight: bold;
    }

#div_Summary input[type="radio"].readonly,
#div_BoxA input[type="radio"].readonly,
#div_BoxB input[type="radio"].readonly,
#div_BoxC input[type="radio"].readonly {
    visibility: hidden;
}

    #div_Summary input[type="radio"].readonly:checked,
    #div_BoxA input[type="radio"].readonly:checked,
    #div_BoxB input[type="radio"].readonly:checked,
    #div_BoxC input[type="radio"].readonly:checked {
        visibility: visible;
        appearance: none;
        background-color: black;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        margin-left: 7px;
        margin-right: 1px;
    }

#div_Summary input[type="checkbox"].readonly {
    opacity: .5;
}

input[type="number"].readonly {
    appearance: none;
    -moz-appearance: textfield;
    text-align: center;
}

#div_MDMBoxA thead,
#div_MDMBoxB thead,
#div_MDMBoxC thead {
    font-weight: bold;
}

#div_MDMBoxB input[type="number"] {
    width: 40px;
}

#divCreateTicket {
    margin-bottom: 20px;
}

.ticket-destinations label {
    font-weight: normal;
}
#techTicket, #chartpalTicket, #noTicket {
    margin-left: 20px;
}

/*  Navy Blue / smoke white */
/*background-color: #00004e;*/
/*background-color: white;*/
.navbar-inverse {
    background-color: #00004e;
}

body .navbar-brand {
    padding-top: 0;
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #777;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #4285F4;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #777;
    }

    .navbar-default .navbar-nav > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #4285F4;
            background-color: transparent;
        }

.errorMessage {
    color: red;
    font-weight: bold;
    text-align: center;
}

.right-menu-alignment {
    position: absolute;
    right: 5vw;
}

a.site-logo {
    background-image: url(images/logo.png);
    display: block;
    top: 5px;
    left: 5px;
    width: 100px;
    height: 100px;
    text-indent: -9999px; /*hides the link text*/
}

.multi-line {
    max-width: 80%;
}

html, body {
    height: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.noWrap {
    white-space: nowrap;
}

.width-50 {
    width: 50px;
}

.width-100 {
    width: 100px;
}

.width-200 {
    width: 200px;
}

.width-350 {
    width: 350px;
}

.width-400 {
    width: 400px;
}

.auto-style2 {
    width: 19px;
    height: 19px;
}

.auto-style3 {
    width: 17px;
    height: 20px;
}

body {
    background: #F5F7FA;
}

.common_title {
    padding: 15px 0;
}

    .common_title h4 {
        text-transform: uppercase;
        color: #1B2942;
    }

th {
    background-color: transparent !important;
}

.blue_white {
    background: #4285F4;
    color: #fff;
    max-width: 100%;
}


    .blue_white:hover {
        color: #fff;
    }


.welcome_div {
    background: #fff;
    padding: 20px;
    margin-top: 75px;
}

    .welcome_div h2 {
        text-align: center;
        color: #00004e;
        text-transform: uppercase;
    }

.welcome_title h4 {
    font-size: 24px;
    text-align: center;
    padding: 20px;
}

.table_scroll {
    width: 100%;
    overflow: auto;
}

.login_form {
    width: 450px;
    margin: 0 auto;
}

.modal_padding {
    padding: 0 15px;
}

.blue_btn {
    color: #fff;
    background-color: #4285F4;
    border-color: #4285f4;
}

    .blue_btn:hover, .blue_btn:focus, .blue_btn.focus {
        color: #fff;
        background-color: #4285F4;
        border-color: #4285f4;
        outline: 0;
        outline-offset: none;
    }


.dropdown-submenu {
    position: relative;
}

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

.fade {
    display: none;
}

    .fade.in {
        display: block;
    }

#loading {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1040;
    left: 0;
    background-color: black;
    opacity: .3;
}

.ui-loading-icon {
    margin: auto;
    margin-top: 8px;
    display: block;
    border-radius: 30px;
}

#userTable {
    margin-bottom: 10px;
}

.appointment-type th,
.appointment-type td {
    border: 1px solid gray;
    padding: 5px;
}

.appointment-type label {
    font-weight: normal;
    vertical-align: middle;
    margin: 0px;
}

.appointment-type input[type="radio"] {
    margin: 0px 0px 0px 5px;
    vertical-align: middle;
}

.appointment-type input[type="radio"]:checked + label {
    font-weight: bold;
}

.appointment-type .visit-type-checkbox {
    text-align: center;
}

.em-heading td {
    padding-left: 4px;
}

.support-documentation {
    font-weight: bold;
    font-size: 1.1em;
    color: indigo;
}

.clinicalsummarybox {
    margin-bottom: 10px;
}

.structure-text .clinicalsummarybox {
    padding-left: 5px;
}

a.toggle-link {
    display: block;
    width: 100%;
    cursor: pointer;
    color: indigo;
    /*background-color: #ffeccc;*/
    font-weight: bold;
    padding: 2px;
}

#divTopTabNav {
    margin-bottom: 15px;
}
    #divTopTabNav > li > a {
        padding: 10px 11px;
    }

#editUserModal label {
    width: 100px;
    margin-bottom: 10px;
}

#userMessage,
#oneTimeLinkMessage,
.message-box {
    padding: 4px;
    background-color: lightblue;
    border: 1px solid blue;
    margin-bottom: 10px;
}

.one-time-link {
    cursor: pointer;
    text-decoration: underline;
}

#passwordSetup {
    max-width: 450px;
    margin: auto;
    font-size: 16px;
}

    #passwordSetup label {
        width: 150px;
        margin-bottom: 15px;
        margin-left: 20px;
    }

    #passwordSetup input {
        width: 260px;
    }

    #passwordSetup button {
        width: 100%;
        background-color: #263D89;
        border-color: #263D89;
        color: white;
        padding: 4px;
    }

        #passwordSetup button:hover {
            filter: brightness(110%);
        }

#validationMessage {
    display: none;
    background-color: lightblue;
    padding: 5px;
    margin-bottom: 15px;
}

.tab_container {
    margin-top: 10px;
    margin-bottom: 15px;
}

.auto-overflow-y{
    overflow-y: auto;
}

.sectionNon label, .sectionMin label, .sectionLow label, .sectionMod label, .sectionHigh label {
    width: 100%;
}

#divAttest label,
.sectionModifier label {
    font-weight: normal;
    margin-right: 10px;
    margin-bottom: 0;
}

#divAttest input {
    margin-right: 2px;
}

#divButtons textarea {
    width: 550px;
}

#divButtons table td {
    padding-bottom: 10px;
}

.support_category {
    float: right;
    margin-right: 14px;
}

.HeadingTotal3, .HeadingTotal4, .HeadingTotal5, .HeadingTotal6 {
    text-align: center;
    max-width: 110px;
    padding-left: 8px;
    padding-right: 8px;
}

input.HeadingTotal3, input.HeadingTotal4, input.HeadingTotal5, input.HeadingTotal6 {
    padding: 5px;
    text-align: left;
}

.system {
    background-color: #f5c46a;
}

input[type="checkbox"].system {
    outline: 2px solid #f5c46a;
}

.internal-audit {
    background-color: #f8deae;
}

input[type="checkbox"].internal-audit {
    outline: 2px solid #f8deae;
}

.external-audit {
    background-color: #dfffa0;
}

input[type="checkbox"].external-audit {
    outline: 2px solid #dfffa0;
}

.table-heading {
    font-weight: bold;
    font-size: 16px;
    color: indigo;
    padding-left: 5px;
    padding-right: 5px;
}

#auditor_status tr td {
    padding-bottom: 0;
}
#auditor_status input {
    margin-left: 5px;
    margin-right: -2px;
}

.support-documentation-links {
    display: none; /* Remove this line to enable the links */
    position: fixed;
    top: 5px;
    margin-left: 220px;
    z-index: 1031;
}

    .support-documentation-links a {
        color: indigo;
        background-color: #ffeccc;
        font-weight: bold;
        padding: 2px;
        margin: 0 3px 3px 3px;
        display: inline-block;
        white-space: nowrap;
        font-size: smaller;
    }

.notation-options {
    position: absolute;
    display: none;
    padding: 8px;
    border: 2px solid lightblue;
    background-color: white;
    z-index: 1032;
    top: 20px;
    left: 200px;
}

#divAuditNoteDraft {
    padding-top: 10px;
    margin-bottom: 20px;
}
#auditNoteDraft {
    text-align: left;
    font-size: smaller;
}

#auditorNotes {
    position: fixed;
    right: 17px;
    bottom: 0;
    z-index: 1031;
    max-height: 90vh;
    overflow-y: auto;
}

    #auditorNotes .auditor-status label {
        font-weight: normal;
        font-size: 12px;
    }
    #auditorNotes .auditor-status input {
        margin-left: 3px;
        margin-right: -2px;
    }

    #auditorNotes .audit-section {
        margin-bottom: 3px;
        border-radius: 8px;
        background-color: #dfeaf5;
        text-align: center;
    }

    #auditorNotes .share {
        float: right;
        font-size: 14px;
        margin-right: 5px;
        padding-top: 3px;
    }

    #auditorNotes .date {
        font-family: Courier New, Courier, monospace;
        float: left;
        font-size: smaller;
    }

    #auditorNotes .name {
        float: left;
        font-weight: bold;
        font-size: smaller;
        margin-right: 8px;
        margin-left: 5px;
    }

    #auditorNotes .note-content {
        text-align: left;
        margin-left: 5px;
    }

    #auditorNotes .notes-section {
        width: 380px;
    }

    #auditorNotes label {
        font-weight: bold;
    }

    #auditorNotes div,
    #auditorNotes textarea,
    #auditorNotes select {
        width: 98%;
        max-width: 1000px;
    }

    #auditorNotes .btn-open {
        display: none;
    }

.audit-header {
    margin-bottom: 0;
}


label#lblAuditComplete {
    font-weight: normal;
    margin-right: 5px;
}

label#lblShareWithClient {
    font-weight: normal;
    float: right;
    font-size: 11px;
    margin-top: -8px;
}

#btnSaveAudit, #btnSaveAdminAudit {
    margin-top: 2px;
    margin-bottom: 5px;
}

#auditorNotes.collapsed textarea,
#auditorNotes.collapsed select,
#auditorNotes.collapsed .btn-x,
#auditorNotes.collapsed .auditor-status-div,
#auditorNotes.collapsed .note,
#auditorNotes.collapsed #divShareWithClient {
    display: none;
}

#auditorNotes.collapsed .btn-open {
    display: inherit;
}

.notes-content .note {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid lightblue;
}

.btn-icon {
    float: right;
    padding: 0;
    margin-right: 4px;
}

.date-control {
    display: flex;
    align-items: center;
    width: 20vw;
    font-size: 14px;
    position: relative;
    padding-top: 10px;
}

.date-control-input {
    height: 45px;
    padding-left: 10px;
    font-size: 18px;
}

.date-control-label {
    width: 20ch;
}
.p-1rem {
    padding: 1rem;
}

#providersOnHold {
    margin-top: 20px;
    margin-bottom: 10px;
    max-width: 1000px;
}
.provider-on-hold {
    font-weight: normal;
    margin-right: 10px;
}

#dictionarySummary {
    position: absolute;
    padding: 8px;
    border: 2px solid lightblue;
    background-color: white;
    z-index: 1032;
    opacity: 85%;
}

.dictionary-setup {
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1200px;
}
.dictionary-setup label {
    margin-top: 5px;
    margin-bottom: 0;
    text-align: right;
    font-weight: normal;
}
.dictionary-setup .col1 label {
    width: 180px;
}
.dictionary-setup .col2 label {
    width: 125px;
}
.dictionary-setup .col3 label {
    width: 95px;
}
.dictionary-setup .col4 label {
    width: 70px;
}
.dictionary-setup input[type=number] {
    width: 50px;
}
.dictionary-setup input.small {
    width: 60px;
}
.dictionary-setup .terms input,
.dictionary-setup .nots input {
    width: 50px;
}

.flex-settings {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.flex-settings > div {
    margin-bottom: 20px;
}
.flex-settings textarea {
    margin-right: 0;
}

.terms-view {
    border: 1px solid #101010;
    background-color: white;
    display: block;
    height: 196px;
    overflow-y: scroll;
    padding-left: 3px;
}
.terms-view table {
    width: 100%;
}
.terms-view td {
    cursor: cell;
}
.terms-edit {
    display: none;
}
.term-date {
    font-size: 11px;
}


#tblCptSummary .cpt, #tblCptSummary .count,
#tblProviderCpts .cpt, #tblProviderCpts .count {
    text-align: right;
    max-width: 60px;
}

.ticket-column {
    text-align: center;
}

.physician-audit-date-filter {
    width: 110px;
    display: inline-block;
    font-size: 16px;
    height: 46px;
}

.addon-header {
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
    background-color: #D3FAFA;
}
.addon-row {
    font-weight: bold;
    background-color: #D3FAFA;
}
.addon-name {
    text-align: right;
    padding-right: 5px;
}

.diagnoses-and-addendum {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
#divPrimaryDXs input[type=checkbox] {
    margin-left: 8px;
}
#billingAddendumToPdf {
    margin-left: 8px;
    margin-bottom: -5px;
}
#billingAddendumToPdf textarea {
    width: 100%;
}