@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap');

:root {
    --clr-brand: #1B468E;
    --clr-brand-dark: #122f62;
    --clr-brand-mid: #2d64b0;
    --clr-brand-light: #e8eef9;
    --clr-accent: #4a9de8;
    --clr-active: #420e64;
    --clr-sub: #27539d;
    --clr-text: #1a2035;
    --clr-text-muted: #6b7a95;
    --clr-surface: #f3f6fb;
    --clr-white: #ffffff;
    --clr-border: #c8d5ea;
}

/* Global Styles */
table, tr, th, td {
    border: none;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

input[type="text"]:disabled {
    background: #dddddd;
}

/* Master Page Area */
body {
    font-family: 'DM Sans', verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    background-color: var(--clr-surface);
}

SPAN.menu {
    color: yellow;
    FONT-SIZE: 10pt;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    MARGIN-LEFT: 0px;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
}

.divLicAttrCont span {
    display: inline-block;
    padding: 2px;
}

span.MajorIssuesFlag {
    color: #ec7504;
}

span.CriticalAlertFlag {
    color: #f00;
}

span.MinorAlertFlag {
    color: #ec7504;
}

/* Form Styles */
.formBtn {
    background: #789acc;
    background-image: -webkit-linear-gradient(top, #789acc, #123c80);
    background-image: -moz-linear-gradient(top, #789acc, #123c80);
    background-image: -ms-linear-gradient(top, #789acc, #123c80);
    background-image: -o-linear-gradient(top, #789acc, #123c80);
    background-image: linear-gradient(to bottom, #789acc, #123c80);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    padding: 3px 6px 3px 6px;
    text-decoration: none;
    border: 1px solid #1a458b;
    cursor: pointer;
}

.formBtn:hover {
    background: #6aa3c4;
    background-image: -webkit-linear-gradient(top, #6aa3c4, #0d5e94);
    background-image: -moz-linear-gradient(top, #6aa3c4, #0d5e94);
    background-image: -ms-linear-gradient(top, #6aa3c4, #0d5e94);
    background-image: -o-linear-gradient(top, #6aa3c4, #0d5e94);
    background-image: linear-gradient(to bottom, #6aa3c4, #0d5e94);
    text-decoration: none;
}

input[type=text] {
}

textarea, input[type=text] {
    font-size: 12px;
    font-family: verdana,arial,helvetica,sans-serif;
    border: 1px solid #437aa8;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 3px;
}

select {
    border: 1px solid #437aa8;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px;
}

input[type=checkbox], input[type=radio] {
    display: none;
}

input[type=checkbox] + label, input[type=radio] + label {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0;
    margin: 2px 0 2px 0;
    cursor: pointer;
}

input[type=checkbox] + label:before, input[type=radio] + label:before {
    width: 16px;
    height: 16px;
    border: 1px solid #c4ced6;
    line-height: 13px;
    font-size: 16px;
    text-align: center;
    content: "\00a0";
    display: inline-block;
    padding-right: 1px;
    margin-right: 4px;
    background-color: #fff;
    box-shadow: inset 0px 2px 3px 0px #c1cbd4, 0px 1px 0px 0px #d0dae2;
    position: relative;
}

input[type=checkbox] + label:before {
    border-radius: 3px;
}

input[type=checkbox]:checked + label:before {
    content: "\2714";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    color: #437aa8;
    top: 0px;
}

input[type=radio] + label:before {
    border-radius: 8px;
    font-size: 24px;
    top: 4px;
}

input[type=radio]:checked + label:before {
    content: "\2022";
    color: #437aa8;
    line-height: 13px;
}

input[type=radio] + label {
    position: relative;
    top: -5px;
}

.inputTitle {
    padding-top: 5px;
}

/* Link styles */
A:link {
    COLOR: #003399;
    text-decoration: none;
}

A:visited {
    COLOR: #003399;
    text-decoration: none;
}

A:hover {
    COLOR: #ff3300;
    text-decoration: none;
}

A.menu:link {
    COLOR: white;
    text-decoration: none;
}

A.menu:visited {
    COLOR: white;
    text-decoration: none;
}

A.menu:hover {
    COLOR: yellow;
    text-decoration: none;
}

A.completed:link {
    COLOR: #003399;
    text-decoration: line-through;
}

A.completed:visited {
    COLOR: #660099;
    text-decoration: line-through;
}

A.completed:hover {
    COLOR: #ff3300;
    text-decoration: line-through;
}

a.header2red {
    font-family: Tahoma, Arial;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #990000;
}

a.header2red:hover {
    font-family: Tahoma, Arial;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-decoration: underline;
    color: #990000;
}

a.header2red:visited {
    font-family: Tahoma, Arial;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #990000;
}

a.header2red:visited:hover {
    font-family: Tahoma, Arial;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-decoration: underline;
    color: #990000;
}

.header2blue {
    font-family: Tahoma, Arial;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #333366;
}

a.header2blue {
    font-family: Tahoma, Arial;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #333366;
}

a.header2blue:hover {
    font-family: Tahoma, Arial;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-decoration: underline;
    color: #333366;
}

a.header2blue:visited {
    font-family: Tahoma, Arial;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #333366;
}

a.header2blue:visited:hover {
    font-family: Tahoma, Arial;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-decoration: underline;
    color: #333366;
}

a.grey_small {
    font-family: Tahoma;
    font-size: 9px;
    line-height: 9px;
    font-weight: normal;
    text-decoration: underline;
    color: #717172;
}

a.grey_small:hover {
    font-family: Tahoma;
    font-size: 9px;
    line-height: 9px;
    font-weight: normal;
    text-decoration: underline;
    color: #717172;
}

a.grey_small:visited {
    font-family: Tahoma;
    font-size: 9px;
    line-height: 9px;
    text-decoration: underline;
    color: #717172;
}

a.grey_small:visited:hover {
    font-family: Tahoma;
    font-size: 9px;
    line-height: 9px;
    font-weight: normal;
    text-decoration: underline;
    color: #717172;
}

.aBoldLink {
    font-size: 16px;
    color: #1886c5 !important;
}

a.toggleRightMenu {
    display: block;
    float: right;
    font-size: 12px;
}

#divFilter .divRight {
    float: left;
    width: 280px;
    margin-left: 10px;
}

#divPageContainer {
    margin: 0 8px 8px 8px;
    min-width: 910px;
}

/* Brand bar */
#divBrandBar {
    background: linear-gradient(135deg, #122f62 0%, #1B468E 60%, #2d64b0 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    height: 50px;
    box-shadow: 0 2px 6px rgba(18, 47, 98, 0.35);
}

#divBrandName {
    display: flex;
    align-items: center;
    gap: 14px;
}

#spanBrandMark {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #4a9de8;
    font-family: 'DM Sans', verdana, arial, sans-serif;
}

#spanBrandTitle {
    font-size: 13px;
    font-weight: 400;
    color: rgba(255,255,255,0.85);
    letter-spacing: 0.5px;
    border-left: 1px solid rgba(255,255,255,0.3);
    padding-left: 14px;
    line-height: 1;
}

#divTopQuickLinks {
    display: flex;
    align-items: center;
    gap: 6px;
}

#divTopQuickLinks a, #divTopQuickLinks div {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    height: auto;
    padding: 5px 12px;
    border-radius: 4px;
    background-color: rgba(255,255,255,0.15);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.3);
    line-height: normal;
    white-space: nowrap;
    transition: background-color 0.15s;
    margin: 0;
}

#divTopQuickLinks a:link,
#divTopQuickLinks a:visited {
    color: #fff;
}

#divTopQuickLinks a:hover {
    background-color: rgba(255,255,255,0.28);
    color: #fff;
}

#divTopQuickLinks input[type=text] {
    font-size: 11px;
    padding: 2px 6px;
    height: 22px;
    border-radius: 3px;
    border: 1px solid rgba(255,255,255,0.3);
    background: rgba(255,255,255,0.15);
    color: #fff;
    width: 60px;
    box-sizing: border-box;
}

#divTopQuickLinks .formBtn {
    font-size: 11px;
    padding: 2px 8px;
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    border-radius: 3px;
    box-shadow: none;
}

#btnHamburger {
    display: none;
}

#divTopHeaderInner {
    flex: 1;
    min-width: 200px;
    padding: 4px 0 4px 16px;
}

#divPageMenuCont {
    background-color: var(--clr-brand);
    padding: 0 8px 0 8px;
    margin-bottom: 0;
}

#bottomBorder {
    display: none;
}

#divTopHolder {
    height: 0px;
}

.divHeaderContFixed {
    position: fixed;
    background-color: #1B468E;
    width: 100%;
    z-index: 10000;
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}

.divHeaderContFixed #newsHeaderContainer {
    display: none;
}

.divHeaderContFixed #divTopHeaderInner {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.divHeaderContFixed #bottomBorder {
    display: none;
}

.divHeaderContFixed #divTopHeader {
    display: none;
}

#divSchedSnapshot {
    color: #1a2035;
    font-size: 13px;
}

#divSchedSnapshot legend, #divSchedSnapshot .aSchedSnapshotLink {
    font-weight: 600;
    font-size: 12px;
    color: var(--clr-brand);
}

#divSchedSnapshot fieldset {
    border: 1px solid var(--clr-border);
    border-radius: 4px;
    padding: 4px 8px;
}

.divSchedSnapshot {
    display: flex;
    font-size: 12px;
    color: #1f2937;
}

.divSchedSnapshot .divSchedSnapshotType {
    font-weight: 600;
    padding-right: 5px;
    color: #1a2035;
}

#divPageMainMenu {
    height: auto;
    margin: 0;
    padding: 6px 0 0 0;
    clear: none;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}

#divPageMainMenu a {
    display: block;
    float: none;
    padding: 8px 14px;
    margin-right: 0;
    background-color: transparent;
    border: none;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.2px;
    transition: background-color 0.15s;
}

#divPageMainMenu a:hover {
    background-color: rgba(255,255,255,0.18);
    color: #fff;
}

#divPageMainMenu a.mainCurrent {
    background-color: #fff;
    color: var(--clr-brand);
    font-weight: 700;
}

.divSubMenu a.subMenuCurrent {
    background-color: rgba(255,255,255,0.9);
    color: var(--clr-brand);
    border-color: rgba(255,255,255,0.5);
}

.divAreaTitle {
    font-size: 16px;
    font-weight: 600;
}

.divSubMenu {
    clear: none;
    margin-left: 0;
    height: auto;
    min-height: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    padding: 0;
    border-top: none;
}

.divSubMenu:has(a) {
    min-height: 28px;
    padding: 5px 0 8px 0;
    border-top: 1px solid rgba(255,255,255,0.12);
}

.divSubMenu a {
    display: block;
    float: none;
    font-size: 12px;
    font-weight: 500;
    background-color: rgba(255,255,255,0.14);
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 20px;
    color: #fff;
    padding: 4px 13px;
    margin: 0;
    transition: background-color 0.15s;
}

.divSubMenu a:hover {
    background-color: rgba(255,255,255,0.28);
    color: #fff;
}

#divSubMenuTitle {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background-color: rgba(91,75,151,0.8);
    padding: 4px 8px;
    border-radius: 20px;
    border: none;
}

#divPageContent {
    clear: both;
    background-color: #fff;
    padding: 14px;
    margin: 8px 8px 0 8px;
    border-radius: 6px;
    border: solid 1px var(--clr-border);
}

#divFooter {
    clear: both;
    background: linear-gradient(135deg, #122f62 0%, #1B468E 100%);
    height: auto;
    padding: 12px 20px;
    margin-top: 14px;
    border-radius: 6px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(255,255,255,0.88);
    font-size: 13px;
}

#divFooter div {
    padding-bottom: 0;
}

#divFooter .lbLogOut {
    color: #4a9de8;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.15s;
}

#divFooter .lbLogOut:hover {
    color: #fff;
}
/* *********** */

/* Intranet Tables */

.stdTbl1 .trHead, .stdTbl2 .trHead {
    border: 1px solid #1B468E;
}

.stdTbl1 .trHead th, .stdTbl2 .trHead th, .stdTbl1 .trHead {
    padding: 3px 5px 3px 5px;
    margin: 0;
    font-weight: bold;
    color: #fff;
    text-align: left;
    background-color: #1B468E;
}

.stdTbl1 .trHeadTimeOff th, .stdTbl1 .trHeadAddressBook th {
    padding: 3px 5px 3px 5px;
    margin: 0;
    font-weight: bold;
    color: #fff;
    background-color: #1B468E;
}

.stdTbl1 .trWebUserHead th {
    padding: 3px 5px 3px 5px;
    margin: 0;
    font-weight: bold;
    color: #fff;
    background-color: #1B468E;
}

.stdTbl1 .trHead th a, .stdTbl2 .trHead th a, .stdTbl1 .trWebUserHead th a, .stdTbl1 .trHeadTimeOff th a, .stdTbl1 .trHeadAddressBook th a {
    color: #fff;
}

.trHead.trFutureTraining th {
    text-align: center;
}

.stdTbl1 td, .stdTbl2 td {
    padding: 3px;
}

.stdTbl1 td.tdData, .stdTbl2 td.tdData {
    padding: 10px 5px 10px 5px;
    margin: 5px 0 5px 0;
}

.stdTbl2 td.tdData {
    border-bottom: 1px solid #fff;
}

.stdTbl1 .trAlt {
    background-color: #cadaf4;
    border: 1px solid #90b2e9; /*
    -moz-box-shadow: 2px 1px 2px #90b2e9;
    -webkit-box-shadow: 2px 1px 2px #90b2e9;
    box-shadow: 2px 1px 2px #90b2e9;*/
}

.stdTbl2 .trData {
    background-color: #cadaf4;
}

.stdTbl1 .rowSelection {
    cursor: pointer;
    background-color: #dfdbed;
    border: 1px solid #a597d9; /*
    -moz-box-shadow: 2px 1px 2px #a597d9;
    -webkit-box-shadow: 2px 1px 2px #a597d9;
    box-shadow: 2px 1px 2px #a597d9;*/
}

.stdTbl1 .rowSelectionNoPointer {
    background-color: #dfdbed;
    border: 1px solid #a597d9; /*
    -moz-box-shadow: 2px 1px 2px #a597d9;
    -webkit-box-shadow: 2px 1px 2px #a597d9;
    box-shadow: 2px 1px 2px #a597d9;*/
}

.stdTbl2 .rowSelection {
    cursor: pointer;
    background-color: #dfdbed;
}

#divCloudList .stdTbl1 td, #divCloudList .stdTbl2 td {
    padding: 10px 5px;
}

#divCloudList .TemplateTypeCol {
    display:none;
}

#divCloudList.divShowTemplateType .TemplateTypeCol {
    display: table-cell;
}

#divCloudList .divCloudDoctors, .divCloudUser .divCloudDoctors {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    max-width: 500px;
}

#divCloudList .divCloudDoctors div, .divCloudUser .divCloudDoctors div {
    padding: 0 5px;
}

.divApiToken .spApiToken {
    display: inline-block;
    word-wrap: break-word;
    width: 200px;
}

table.regular th.deselectedTab {
    background-color: #ffffff;
}

table.regular th {
    background-color: #1B468E;
    color: #ffffff;
}

.CustInfo th, td {
    text-align: left;
    padding: 5px;
}

.tblDocPracList tr.tdDocPracList {
    vertical-align: top;
    background-color: #f8f9fd;
    border: 1px solid #d1d4ef;
    border-spacing: 5px;
}

.tblDocPracList .tdCurDoc {
    padding: 0 0 6px 0;
}

.tblDocPracList th {
    padding-bottom: 5px;
}

#divStepVer th {
    padding: 5px;
}

.divAlertTitle {
    float: left;
    width: 350px;
}

.TrainingConf {
    background-color: #5d75c4;
}

.TrainingFollowUp {
    background-color: #7368c3;
}

.FinalCheckup {
    background-color: #ac53c5;
}

.StepsIncomplete {
    background-color: #FEFF5F;
}

.BedCheck {
    background-color: #FF2F2F;
}

.Step1Incomplete {
    background-color: #FFA65F;
}

.Step2Incomplete {
    background-color: #77FF6F;
}

.Step3Incomplete {
    background-color: #8FD7FF;
}

.stepLink a {
    text-decoration: underline !important;
    color: blue;
}

.stepCompleted {
    color: #B7B7B7;
}
/* ***** */

.divFloatLeft {
    float: left;
    padding: 5px 15px 0 0;
}

.divFloatRight {
    float: right;
}

.divLeftFloatLeft {
    float: left;
    padding: 5px 15px 0 0;
    width: 400px;
    text-align: right;
    vertical-align: top;
}

.divDetails div {
    padding: 0 5px 5px 0;
}

#divFilter > div {
    height: 36px;
}

#divClocked .divLeft {
    float: left;
    width: 110px;
    margin-bottom: 10px;
}

#divFilter .divLeft {
    float: left;
    width: 150px;
    text-align: left;
    margin-right: 5px;
}

#divFilter #divTckListType {
    margin-bottom: 10px;
}

#divFilter #divTckListType a {
    display: inline-block;
    padding: 5px;
    background-color: #1b468e;
    color: #fff;
    border: 1px solid #132f5f;
}

#divFilter #divTckListType a.current, #divFilter #divTckListType a:hover {
    background-color: #420e64;
}

#divFilter div#divTckListFilter {
    height: auto;
}

#divFilter #divTckListFilter .divLeft {
    width: 110px;
    padding-bottom: 10px;
}

#divFilter #divTckListFilter .divLeft.tckFilterCol1 {
    width: 80px;
}

#divFilter #divTckListFilter .divRight {
    padding-bottom: 10px;
}

#divFilter #divTckFilter .divLeft {
    text-align: left;
    margin: 5px 0 5px 0;
}

#divFilter #divTckListFilter .divFilterCont4 {
    float: left;
    width: 260px;
}

#divFilter #divTckListFilter .divFilterCont4 .divRight {
    width: 130px;
}

#divFilter #divTckListFilter .tckKW .divRight {
    width: 310px;
}

#divFilter .mobileFilter .divLeft {
    width: 110px;
}

.divSearch {
    display:inline-block;
}

#divMobSearchResults {
    max-width: 500px;
}

#divMobSearchResults .divSearchResultRow {
    background-color: #f1f4fb;
    border: solid 1px #cad0de;
    margin-top: 5px;
}

#divMobSearchResults .divSearchResultRow .divSearchResultData {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
}

#divMobSearchResults .divSearchResultRow .divSearchResultData > div {
    padding-bottom: 3px;
}

#divMobSearchResults .divSearchResultRow .divSearchResultData a.aSelectPractice {
    display: inline-block;
    padding: 3px;
    background-color: #295aad;
    border: 1px solid #204482;
    color: #fff;
    margin-left: 10px;
    border-radius: 5px;
}

#divSchedule .divLeft {
    text-align: right;
    float: left;
    width: 350px;
    padding-right: 5px;
}

#divClocked .divRight {
    float: left;
    margin-bottom: 10px;
}

#divSchedule .divRight {
    float: left;
    width: 310px;
    text-align: left;
}

#divSchedule .divClear {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 665px;
}

#divNewBilling {
    margin:auto;
    max-width:1000px;
}

#divNewBilling .divLeft {
    text-align: right;
    float: left;
    width: 260px;
    padding-right: 5px;
}

#divNewBilling .divRight {
    float: left;
    width: 520px;
    text-align: left;
}

#divNewBilling .divClear {
    padding-top: 5px;
    padding-bottom: 5px;
}

#billingSMS .divClear .divLeft {
    width: 70px;
}

#billingSMS .divClear .divRight {
    width: 120px;
}

#billingSMS #divFilter {
    text-align: center;
    width: 550px;
    margin: auto;
}

#billingSMS #divFilter .divLeft {
    width: 40px;
    text-align: left;
}

#billingSMS #divFilter .divRight {
    width: 110px;
    text-align: left;
}

#divMobileReport #divFilter .divRight {
    float: left;
    width: 190px;
}

#divTicket, #divActivity, #divOfficeCalendarCont {
}

#divTicket .divLeft {
    float: left;
    margin-right: 10px;
}

#divTicket .divRight {
    float: left;
}

#divTicketActivityCont textarea.txtActivityDetails {
    width: 350px;
    height: 30px;
    margin-bottom: 5px;
}

#divTicketActivityCont .divCurActivityCont > div {
    margin-bottom: 5px;
}

#divActivityCom {
    width: 375px;
    display: inline-block;
    vertical-align: top;
}

#divTicketView {
    display:inline-block;
    margin-right:10px;
} 

#divActivityView .divLeft, #divCalendar .divLeft {
    float: left;
    width: auto;
    margin-bottom: 10px;
    margin-right: 5px;
}

#divActivityView .divLeft {
    width: 50px;
    margin-bottom: 3px;
}

#divTicketView .divRight, #divActivityView .divRight {
    float: left;
    width: auto;
    margin-bottom: 10px;
    margin-right: 10px;
}

#ticketView {
    text-align: center;
    color: #fff;
    background-color: #1B468E;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
    font-weight: bold;
}

#divTicketRightPast7 {
    max-height: 500px;
    width: 375px;
    overflow-y: scroll;
}

#divTicketRightPast7 .thPast7Opened, #divTicketRightPast7 .tdPast7Opened,
#divTicketRightPast7 .thPast7Assigned, #divTicketRightPast7 .tdPast7Assigned,
#divTicketRightPast7 .thPast7Closed, #divTicketRightPast7 .tdPast7Closed,
#divTicketRightPast7 .thPast7Doctor, #divTicketRightPast7 .tdPast7Doctor,
#divTicketRightPast7 .thPast7Status, #divTicketRightPast7 .tdPast7Status {
    display: none;
}

#divTicketRightPast7 .stdTbl1 {
    width: 355px;
}

#divTicketRightPast7 .stdTbl1 td.tdPast7Title {
            max-width: 120px !important;
}

#divTicketRightPast7 .stdTbl1 td.tdPast7Area {
            max-width: 80px !important;
}

#divPracticeInfoTitle {
}

#divPracticeInfo {
    margin-bottom: 10px;
    text-align: left;
    max-width: 675px;
    max-height: 200px;
    overflow-y: scroll;
    border: 2px solid #1b468e;
    padding: 2px 0 0 2px;
}

#divPracticeInfo > div {
    padding: 5px;
    margin-right: 10px;
}

.divPracFlags {
    display: inline-block;
    vertical-align: top;
    padding: 0 2px 0 0;
}

.divPracFlags strong {
    padding-top: 3px;
    display: inline-block;
}

.divPracFlags > div {
    display: inline-block;
    line-height: 16px;
    padding: 1px 2px 3px 2px;
    margin: 2px 1px 2px 1px;
}

.greenAlert {
    color: green;
}

.divVPNUpdateBanner {
    background-color: #8125d4;
    padding: 5px 0 5px 0;
}

.divVirtualDoctorCont {
}

.divVirtualDoctorCont .divVDTitles {
    font-weight: bold;
    margin-top: 10px;
}

.divVirtualDoctorCont .divVDCols {
    margin-top: 10px;
    text-align: left;
}

.divVirtualDoctorCont .divVDCols > div {
    display: inline-block;
    width: 140px;
    margin: 0;
    padding: 0;
    text-align: left;
}

.divVirtualDoctorCont .divVDCols a {
    display: inline-block;
    margin: 0 3px 0 3px;
}

.divVirtualDoctorCont .divVDCols .divPrimeDrNum {
    width: 95px;
}

.divVirtualLocationCont {
}

.divVirtualLocationCont .divVLTitles {
    font-weight: bold;
    margin-top: 10px;
}

.divVirtualLocationCont .divVLCols {
    margin-top: 10px;
    text-align: left;
}

.divVirtualLocationCont .divVLCols > div {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
}

.divVirtualLocationCont .divVLCols .divVLName {
    width: 230px;
}

.divVirtualLocationCont .divVLCols .divVLTdoId {
    width: 130px;
}

.divVirtualLocationCont .divVLCols a {
    display: inline-block;
    margin: 0 3px 0 3px;
}

#tblUpdateList th {
    text-align: left;
    padding-bottom: 10px;
}

#tblUpdateList th {
    text-align: left;
    padding-bottom: 10px;
}

#tblUpdateList td {
    padding: 5px;
    margin: 0;
    border-top: 1px solid #000;
}

#aCheckList {
    font-size: 11px;
}

#attachedFiles {
    border: none;
    padding: 3px;
    margin: 3px;
    display: none;
}

#divActivityView .divRight {
    margin-bottom: 3px;
    margin-right: 3px;
}

#divSatLevCont {
    padding-bottom: 5px;
}

.divSatLev {
    padding: 5px 0 5px 0;
}

#divCommunicationLog .divClear {
    padding-bottom: 5px;
}

#divCommunicationLog .divLeft {
    text-align: right;
    float: left;
    width: 145px;
    margin-top: 5px;
}

#divCommunicationLog .divRight {
    text-align: left;
    float: left;
    width: 210px;
    margin-top: 5px;
}

#divCopyTicket .divLeft {
    text-align: left;
    float: left;
    width: 260px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#divPostgradSignup .divLeft {
    float: left;
    margin-right: 10px;
}

#divPostgradSignup .divRight {
    float: left;
    margin-left: 20px;
}

#divNewSignups .divClear, #divProcessedSignups .divClear {
    padding-top: 5px;
}

#divNewSignups .divLeft {
    float: left;
    margin-right: 10px;
    width: 120px;
}

#divNewSignups .divRight {
    float: left;
}

#divProcessedSignups .divLeft {
    float: left;
    margin-right: 10px;
    width: 330px;
    text-align: right;
}

#divProcessedSignups .divRight {
    float: left;
}

#divCalendar {
    overflow: scroll;
}

#divLoginPage .divClear, #divAddressBook .divClear {
    padding-bottom: 1px;
    width: 100%;
}

#divLoginPage .divLeft, #divAddressBook .divLeft {
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    float: left;
    width: 210px;
    margin-top: 5px;
    padding-left: 5px;
}

#divLoginPage .divRight, #divAddressBook .divRight {
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    float: left;
    margin-top: 5px;
}

.tdEmpAddr {
    width: 150px;
}

#divSecPassMsg {
    font-size: 12px;
    line-height: 16px;
    padding: 5px 0 10px 0;
}

#divSecPassMsg span {
    display: block;
    font-size: 11px;
    line-height: 13px;
    padding-top: 4px;
}

#divDISCLink {
    padding-bottom: 10px;
}

#divDISCPrefs .divDiscCol {
    display: inline-block;
    padding-right: 10px;
    vertical-align:top;
}

#divDISCPrefs div {
    line-height: 20px;
    font-weight: normal;
}

#divDISCPrefs .divDiscTitle {
    font-size: 14px;
    font-weight: bold;
}

.divDiscAR a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    background-color: #244c8d;
    margin: 15px 0;
    padding: 3px 5px;
    border-radius: 5px;
    border: #173361 1px solid;
}

.divDiscARCont .divARChk {
    display:none;
}

.divDiscARCont .divARChk.divARChkChecked {
    display: block;
}

.divDiscARCont.divDiscARContShowAll .divARChk {
    display: block;
}

.divDiscARCont input[type=checkbox] + label:before {
    display: none;
}

.divDiscARCont.divDiscARContShowAll input[type=checkbox] + label:before {
    display: inline-block;
}

#divNews .divClear {
    padding-bottom: 1px;
    width: 100%;
}

#divNews .divClear {
    padding-bottom: 1px;
    width: 100%;
}

#divNews .divLeft {
    text-align: left;
    float: left;
    width: 60px;
    margin-top: 5px;
}

#divNews .divRight {
    text-align: left;
    float: left;
    margin-top: 5px;
}

.divAreaTitle {
    padding: 5px;
    font-weight: bold;
    color: #fff;
    background-color: #1B468E;
    text-align: center;
}

#divIssues .divAreaTitle {
    text-align: left;
    background-color: #f18806;
}

#divIssues, #divBdays, #divAnniv {
    padding-bottom: 20px;
}

#divBdays:not(:has(.divBdayItem)),
#divAnniv:not(:has(.divBdayItem)),
#divIssues:not(:has(.divIssueItem)) {
    display: none;
}

#divHomeRight:not(:has(.divBdayItem, .divIssueItem)) {
    display: none;
}

.divIssueItem, .divBdayItem, .divNewsItems {
    padding: 5px 8px;
}

.divBdayItem {
    display: inline-block;
    margin-right: 20px;
}

#divBday .divAlt, #divHomeNews .divAlt {
    background-color: #cadaf4;
}

.divHomeLayout {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

#divHomeNews, #divHomeRight {
    flex: 1;
    min-width: 0;
    padding: 0 5px 0 5px;
}



.divIssueItem {
    clear: both;
    padding-bottom: 1px;
    width: 100%;
}

.divIssueItem .divIssueDesc {
    font-weight: bold;
    text-align: left;
    float: left;
    width: 200px;
    margin-top: 5px;
}

.divIssueItem .divIssuePrac {
    font-weight: bold;
    text-align: left;
    float: left;
    margin-top: 5px;
}

.divIssuePrac .divIssuePracTitle, .divIssueItem .divIssueTicketTitle, .divBdayItem .spanEmpName, .divNewsTitle {
    font-weight: bold;
}

#divHomeNews .divAreaTitle {
    clear: both;
}

#divHomeNews .divAreaTitle .divNewsTitle {
    float: left;
}

#divHomeNews .divAreaTitle .divRight {
    float: right;
    font-weight: normal;
    font-size: 12px;
}

#divHomeNews .divAreaTitle .divRight a {
    color: #fff;
}

.tblCalendar {
    margin-bottom: 10px;
    background-color: #355891;
    color: #fff;
}

.tblCalendar th {
    font-weight: bold;
}

.tblCalendar td a {
    color: #fff;
}

#tblComputerCheck td, #tblComputerCheck th {
    padding: 5px;
}

#tblTraining th {
    text-align: left;
    padding: 5px;
}

.pageMainTitle {
    font-size: 14px;
    font-weight: bold;
    text-align: center
}

.mainTitle {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

#divActivityCom .mainTitle, #divActivityView .mainTitle, #divActivityEmployee .mainTitle {
    margin: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #fff;
    background-color: #1B468E;
}

#divActivityView .mainTitle {
    margin-bottom: 5px;
}

#divTimeOff .mainTitle {
    margin: 0px;
    padding: 5px;
    width: 650px;
    color: #fff;
    background-color: #1B468E;
}

.divTimeClock div {
    margin-bottom: 5px;
}

.wideBtn {
    padding-right: 10px;
    padding-left: 10px;
}

.FilterContainer {
    margin: 10px 0 10px 0;
    clear: left;
}

#divTicketFilterCont {
    display:flex;
    flex-wrap:wrap;
}

#divTicketFilterCont .divTicketFilterColumn {
    padding-right:10px;
}

#divTicketFilterCont .divTicketFilterColumn .divTicketFilterSection {
    display: flex;
    padding-bottom:5px;
}



#divTicketFilterCont .divTicketFilterColumn .divTicketFilterSection .divTicketFilterLeft1 {
    width:130px;
}
#divTicketFilterCont .divTicketFilterColumn .divTicketFilterSection .divTicketFilterLeft2 {
    width: 120px;
}
#divTicketFilterCont .divTicketFilterColumn .divTicketFilterSection .divTicketFilterLeft3 {
    width: 110px;
}

#divTicketFilterCont .divTicketFilterColumn .divTicketFilterSection .divTicketFilterRight {
}

.NewWebContainer, .WebTrainingContainer, .WebSetupContainer, .WebStatContainer, .WebDrStatContainer, .MobileUserContainer1,
.MobileUserContainer2, .ChecklistContainer, .SMSActivityContainer, .MeetingContainer, .RegInfoContainer, .WebUserContainer, .WebUserContainer2 {
    clear: left;
    margin: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.NewWebContainer {
    width: 660px;
}

#divPracList > div {
    padding: 5px;
}

#divPracList label span {
    display: block;
    font-size: 12px;
    line-height: 18px;
    padding-left: 20px;
}

#divPracList label span.spPracName {
    display: inline;
    font-weight: bold;
    padding-left: 2px;
}

#divOrgViewInfo {
    padding:10px;
}

#divOrgViewInfo > div {
    padding: 3px 0;
}

#divOrgViewInfo > div strong {
    display:inline-block;
    width:190px;
}

.pFormDiv {
    padding: 10px 0;
}

.pFormName {
    padding-bottom: 3px;
}

.pFormLink {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 5px 5px 5px 12px;
    background-color: #f2f5fb;
    border: 1px solid #d6def0;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.12s ease, border-color 0.12s ease;
}

.pFormLink:hover {
    background-color: #e9eefb;
    border-color: #3b66c7;
}

.pFormLink:focus-visible {
    outline: 2px solid #3b66c7;
    outline-offset: 1px;
}

.pFormLink .pFormUrl {
    flex: 1 1 auto;
    min-width: 0;
    word-break: break-all;
    font-size: 13px;
    color: #393d42;
}

.pFormLink .btnCopyLink {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    color: #5a6b8c;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.pFormLink:hover .btnCopyLink {
    background-color: #3b66c7;
    color: #ffffff;
}

.pFormLink .btnCopyLink svg {
    width: 16px;
    height: 16px;
    display: block;
}

.pFormLink .btnCopyLink .iconCheck { display: none; }
.pFormLink .btnCopyLink.copied { color: #1a7f4b; background-color: transparent; }
.pFormLink .btnCopyLink.copied .iconCopy { display: none; }
.pFormLink .btnCopyLink.copied .iconCheck { display: block; }

.divContractLinkCont > a {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 70px;
}
.divContractLinkCont .aShowLink {
    font-size: 10px;
    margin-left:10px;
}

.WebStatContainer {
    width: 690px;
}

.WebDrStatContainer {
    width: 850px;
}

.WebTrainingContainer {
    width: 550px;
}

.WebSetupContainer, .WebUserContainer {
    width: 760px;
}

.WebUserContainer2 {
    width: 520px;
}

.ChecklistContainer {
    width: 455px;
}

#divSMSTotalsCont {
    width: 400px;
    margin: auto;
}

.divSMSTotals {
    width: 180px;
    display: inline-block;
    text-align: left;
    padding-bottom: 10px;
}

.divSMSTotals div {
    padding-bottom: 5px;
}

.SMSActivityContainer {
    text-align: center;
    vertical-align: top;
}

.SMSActivityContainer div {
    display: inline-block;
    width: 70px;
    padding: 5px;
    text-align: left;
}

.SMSActivityContainer div.divYearTotal {
    width: 50px;
}

.SMSActivityContainer div.divUser {
    width: 100px;
}

.SMSActivityContainer div.divLocation {
    width: 90px;
}

.SMSActivityContainer div.divSMSBillingDoctorGroup {
    width: 300px;
    display:block;
    padding:0;
}

.SMSActivityContainer div.divSMSBillingDoctorGroup > div {
    width:auto;
}

.divSMSHead td {
    font-weight: bold;
}

.MeetingContainer {
    width: 570px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.divMeetingDetailsCont {
    width: 450px;
    margin: auto;
    padding-top: 10px;
}

.divMeetingRegDetails {
    text-align: left;
    float: left;
    width: 225px;
}

.divMeetingRegDetails .divMeetingReg {
    font-weight: bold;
    font-size: 14px;
}

.divMeetingRegDetails .divMeetingRegName {
    font-weight: bold;
    padding-top: 5px;
}

.RegInfoContainer {
    width: 450px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#aViewRegDetails {
    margin: 2px 0;
    padding: 4px 8px;
    background-color: #1a468e;
    border: 1px solid #102b56;
    color: #fff;
    display: inline-block;
}

#tblRegDetails th {
    font-size: 11px;
    line-height: 16px;
    padding: 2px;
}

.FilterField {
    float: left;
}

#divNewWeb .divLeft {
    float: left;
    width: 360px;
}

#divNewWeb .divRight {
    float: left;
    width: 300px;
    text-align: left;
}

.MobileUserContainer1 .divLeft {
    float: left;
    text-align: left;
}

.MobileUserContainer2 .divRight {
    float: left;
    text-align: left;
}

.MobileUserContainer2 .divLeft {
    float: left;
    text-align: left;
    width: 130px;
}

.MobileUserContainer .divRight {
    float: left;
    text-align: left;
}

#divWebSetup .divLeft, #divWebSetup .divRight, #divMobileReportFilter .divLeft, .divCloudUser .divLeft, .divCloudUser .divRight {
    float: left;
    width: 370px;
    text-align: left;
}

.divCloudUser .divLeft {
    text-align: right;
    padding-right: 10px;
}

#divCurrentSendGridDomains {
    margin-top: 10px;
    border: 1px solid #000;
    padding: 5px;
    height: 200px;
    width: 320px;
    overflow-y: scroll;
}

#fsEmailInfo {
    width: 800px;
    margin: auto;
}

#fsSmtpInfo {
    clear: both;
    width: 600px;
}

#fsEmailInfo legend, #fsSmtpInfo legend {
    font-weight: bold;
}

.divWebUser2 .divLeft {
    float: left;
    width: 160px;
    text-align: left;
}

.divWebUser2 .divRight {
    float: left;
    width: 360px;
    text-align: left;
}

#divWebTraining .divLeft {
    float: left;
    width: 310px;
    text-align: left;
}

#divWebTraining .divRight {
    float: left;
    width: 260px;
    text-align: left;
}

#divWebStat .divLeft {
    float: left;
    width: 210px;
    text-align: left;
}

#divWebDrStat .divLeft {
    float: left;
    width: 210px;
    text-align: left;
}

#divChecklist .divLeft {
    float: left;
    width: 410px;
    text-align: left;
}

#divChecklist .divRight {
    float: left;
    width: 40px;
    text-align: right;
}

#divMobileReport .FilterField {
    padding-bottom: 10px;
    padding-top: 10px;
}

.MeetingContainer .divLeft {
    float: left;
    width: 70px;
    padding-top: 5px;
}

.MeetingContainer .divRight {
    float: left;
    width: 370px;
}

.RegInfoContainer .divLeft {
    float: left;
    width: 260px;
    text-align: left;
    padding-right: 5px;
}

.RegInfoContainer .divRight {
    float: left;
    width: auto;
    text-align: left;
}

#Steps .divLeft {
    width: 400px;
    float: left;
}

#divEmail .divLeft, #divEmail .divRight {
    float: left;
    width: 470px;
    padding: 5px 15px 0 0;
}

#divEmail .divRight {
    width: auto;
}

.divCloudUser .WebUserContainer {
    width: 800px;
}

.divCloudUser .WebUserContainer .divLeft {
    float: none;
    display: inline-block;
    width: 270px;
    vertical-align: top;
}

.divCloudUser .WebUserContainer .divRight {
    float: none;
    display: inline-block;
    width: 500px;
}

.divTimeOffContent {
    padding: 3px 0px 3px 0px;
    text-align: left;
    width: 650px;
}

.divUserRepDisplayOptions .mainTitle {
    text-align: left;
    margin-bottom: 5px;
    margin-top: 5px;
}

.divUserReport {
    margin-bottom: 10px;
}

.divUserReport .bigblue {
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    font-size: 110%;
    font-weight: bold;
    color: #1B468E;
    margin-bottom: 10px;
}

.divUserRepDisplayOptions {
    clear: both;
    padding-top: 10px;
}

.divUserRepDisplayOptions .subInfo {
    margin-left: 20px;
}

.divUserRepDisplayOption {
    display: inline-block;
    vertical-align: top;
    min-width: 100px;
    padding-bottom: 5px;
}

.divUserRepFilterOptions .mainTitle {
    text-align: left;
    margin-bottom: 5px;
}

.divUserRepFilterOptions {
    clear: both;
}

.divUserRepFilterOption {
    float: left;
    width: 200px;
    padding-bottom: 5px;
}

.divUserReportBtn {
    margin: 20px 0 0 0;
}

.divUserReportTable {
    margin: 20px 0 0 0;
}

.divUserReportTable div {
    margin: 0 0 5px 0;
}

#divProdReportFilters h3 {
    font-weight:bold;
    font-size:14px;
}

#divProdReportFilters > div {
    padding:0 0 5px 0;
}

#tblProVersions {
    margin-top:10px;
}

#tblProVersions th, #tblProVersions td {
    text-align: left;
    padding:5px 10px;
}

a.aBtn {
    display: inline-block;
    background-color: #2354a7;
    color: #fff;
    border: 1px solid #13366f;
    border-radius: 10px;
    padding: 5px 10px;
    margin: 10px 5px;
}

.backupModalBody a.aBtn {
    font-size: 12px;
    padding: 5px 5px;
    margin: 0;
    line-height: 12px;
}

.errorText {
    vertical-align: top;
}

span.nothing {
}

span.completed {
    color: Gray;
}

span.completed2 {
    color: Gray;
    text-decoration: line-through;
}


span.bigblue {
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    font-size: 110%;
    font-weight: bold;
    color: #1B468E
}

span.biggerblue {
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    font-size: 150%;
    color: #1B468E
}

span.important {
    font-weight: bold;
    color: #ff0000
}

span.bigblack {
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    font-size: 110%;
    font-weight: bold;
    color: #990000;
}

span.smallblack {
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    font-size: 68%;
    color: #000000
}

#fldLinkedBilling legend, #fldLinkedPracLics legend {
    font-weight: bold;
    font-size: 16px;
}

#fldLinkedBilling {
    line-height:
}

#fldLinkedBilling .divLinkedBilling > div {
    vertical-align: top;
    display: inline-block;
    padding-right: 5px;
}

#fldLinkedBilling .divLinkedBilling .divLinkedBillingName {
    font-weight: bold;
    padding-top: 5px;
    font-size: 14px;
    display: block;
    color: #420e64;
}

#fldLinkedBilling .divLinkedBillingTitle {
    font-weight: bold;
    padding-top: 5px;
    padding-left: 5px;
}

#fldLinkedBilling .divLinkedBillingInfo {
    padding-left: 10px;
    line-height: 18px;
}

#fldLinkedBilling .divLinkedBillingInfoSpacer {
    height: 5px;
    border-bottom: 1px dashed #000;
    margin: 2px 18px 5px 10px;
}

#fldLinkedBilling .divLinkedBillingInfo .divLicInfo {
    line-height: 9px;
    margin: 2px 0 5px 0;
}

#fldLinkedBilling .divLinkedBillingInfo .divLicInfo > div {
    display: inline-block;
    margin: 0;
    padding: 0px 2px 0px 2px;
    font-size: 9px;
    line-height: 9px;
}

#fldLinkedBilling  .divBillingPracName {
    color: #471269;
    font-weight: bold;
}

#fldLinkedBilling .divBillingPracDocs, #fldLinkedBilling .divBillingPracLocs, #fldLinkedBilling .divBillingPracVD {
    font-size: 10px;
    line-height: 14px;
}

.divBillingPracInfoEntry {
    padding-bottom: 15px;
    border-bottom: 1px dashed #000;
    margin-bottom: 15px;
}

.divLinkedBillingSumTotals h2 {
    font-size: 14px;
    line-height: 18px;
    padding: 0;
    margin: 0 0 5px 0;
}

.divLinkedBillingSumTotals {
    line-height: 18px;
}

#fldLinkedBilling .divBillingPracInfoEntry fieldset legend {
    font-size: 10px;
}

.divStatTitle {
    font-weight: bold;
    padding-top: 10px;
}

.divStatTitle a {
    font-weight: normal;
    margin-left: 5px;
    padding: 3px;
    background-color: #365fa2;
    border: 1px solid #0f2b5a;
    color: #fff;
    border-radius: 5px;
}

.divStatPracSum {
    padding-top: 10px;
}

.divStatExpl {
    font-size: 10px;
    margin-top: 5px;
    color: #2d0348;
    display: none;
}

.divBillingPracInfoEntry.DisplayStats .divStatExpl {
    display: block;
}

.divLinkedBilling .divLinkedBillingTemp {
    display: none;
}

.divBillingPracInfoEntry .divBillingPracStats {
    
}

.divBillingPracInfoEntry .divBillingPracStats th, .divBillingPracInfoEntry .divBillingPracStats td {
    padding: 2px 5px 2px 5px;
    text-align: left;
}

.divBillingPracInfoEntry .divBillingPracStats .divStatTitle {
    padding-top: 5px;
}

.divBillingPracStats {
    display: none;
    background-color: #eef1fd;
    border: 1px solid #1e71ef;
    margin-top: 5px;
    padding: 5px;
}

.divBillingPracInfoEntry.DisplayStats .divBillingPracStats {
    display: block;
}

.divBillingPracInfoEntry.DisplayStats .aViewPracStats, .aHideStats {
    display: none;
}

.divBillingPracInfoEntry.DisplayStats .aHideStats {
    display:inline-block;
}

#divCustomerCont h1 {
    font-size: 18px;
}

.divLinkedLic {
    position: relative;
    background-color: #d7ddf8;
    margin-bottom: 10px;
    border: 1px solid #1e71ef;
}

.divLinkedLicCont, .divLinkedLicCmds {
    display: inline-block;
    padding: 5px;
}

.divLinkedLicCont {
    font-weight: bold;
}

.divLinkedLicCont .divPracLocs {
    font-weight: normal;
    font-size: 12px;
    padding: 2px;
    margin-top: 5px;
    line-height: 20px;
    background-color: #cad2f5;
    border: 1px solid #a5b0dc;
}

.divLinkedLicCont .divPracLocs > div {
    padding-left: 5px;
}

.divLinkedLicCont .divPracLocs .divPracLocsSubTitle {
    font-size: 10px;
    font-weight: bold;
    padding-left: 0;
}

.divLinkedLicCmds {
    position: absolute;
    top: 40%;
    margin-left: 20px;
}

.divPracLicEdit {
    padding-bottom: 10px;
}

.divOrgEdit > div {
    padding:3px 0;
}

.divPractAttrList > div {
    display: inline-block;
    width: 240px;
}

.divPractAttrList > div.divPracAttrTypeDesc {
    display:block;
    width:100%;
    font-size:12px;
    font-weight:bold;
    border-top:1px solid #000;
    padding:10px 0 5px 0;
    margin-top:15px;
    color:#04237b;
}

.divLocationDetailsTopCont, .divDoctorDetailsTopCont {
    padding: 0 0 10px 10px;
    background-color: #b6c1ef;
    border-top: 1px solid #8e9aca;
}

.divLocationDetailsTopTitle, .divDoctorDetailsTopTitle {
    font-size: 18px;
    color: #032a6b;
    padding: 10px 0 10px 0;
}

.divLocationDetailsTop {
    margin-left: 5px;
    font-size: 14px;
    height: 38px;
    color: #fff;
}

.divLocationDetailsTop a {
    color: #fff;
}

.divDoctorDetailsTopTitle, .divDoctorDetailsLists {
    display: inline-block;
}

.divDoctorDetailsTopCont .divDoctorDetailsLists a {
    display: inline-block;
    font-size: 11px;
    padding: 4px 6px;
    margin: 0 5px 10px 0;
    background-color: #f5faff;
    border-radius: 8px;
}
.divDoctorDetailsTopCont .divDoctorDetailsLists a span {
    display:none;
}

.divDoctorDetailsTopCont .divDoctorDetailsLists a:hover {
    color: #2354a7;
    background-color: #d6dcf8;
}

.divDoctorDetailsTopCont .divDoctorDetailsLists a.aPracCustMarkRM span {
    display: inline-block;
    margin-left: 5px;
    padding: 2px 4px;
    text-transform: uppercase;
    background-color: #f00;
    color: #fff;
    border-radius: 10px;
    text-align: center;
}

.divDoctorDetailsTopCont, .divDoctorDetailsTopCont .divDoctorDetailsUpdate {
    padding-top: 10px;
}

#divLicPin {
    padding-top: 20px;
    text-align: center;
    line-height: 26px;
    font-size: 16px;
}

#divLicPin .divSubMsg {
    font-size: 12px;
}

#divSatKeyCont .divSatLocTitle {
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
}

#divSatKeyCont .divSatLocKeyText {
    font-size: 12px;
    padding-top: 5px;
}

.officeContainer {
    clear: left;
}

.officeInfo {
    float: left;
}

.officeInfo .aPracLocBtn {
    display: inline-block;
    background-color: #f5faff;
    color: #204f9e;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
}

.officeInfo .aPracLocBtn:hover {
    background-color: #deeefd;
}

.unlockContainer {
    clear: left;
    height: 36px;
}

.unlockInfo {
    float: left;
    width: 100px;
}

.unlockInfo2, .unlockInfo2 td {
    float: left;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px 0 0;
    margin: 0;
}

.kodakContainer {
    clear: left;
    margin-bottom: 10px;
}

.kodakTitle {
    width: 130px;
    float: left;
    font-weight: bold;
}

.kodakFields {
    float: left;
    width: 130px;
}

.kodakNotes {
    float: left;
    width: 300px;
}

.kodakCmds {
    padding-right: 5px;
}

.menu {
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    text-align: right;
    font-weight: bold;
    color: #000066;
}

.lead_closed {
    color: #717172;
    text-decoration: line-through;
}

.lead_important {
    font-weight: bold;
    color: #ff0000
}

.transfer_nothing {
}

ansfer_completed {
    color: Gray;
}

.transfer_completed2 {
    color: Gray;
    text-decoration: line-through;
}

.transfer_important {
    font-weight: bold;
    color: #ff0000;
}

.confirmation {
    color: red;
    font-weight: bold;
}

.Today {
    background-color: rgb(255, 255, 149);
}

.Ongoing {
    background-color: rgb(139, 216, 177);
}


.mobileFilter, .moreInfoFilter, .leadsActivitiesFilter, .TDOWebFilter, .divFilter, .divLeft {
    float: left;
}

#filterFields {
    width: 400px;
}

#moreInfofilterFields {
    width: 710px;
}

#TDOWebFilterFields {
    width: 200px;
}

#leadsActivitiesFilterFields {
    width: 650px;
}

.moreInfo th {
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #99CCFF;
}

.moreInfo td {
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
}

.leadActivity th {
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #99CCFF;
}

.leadActivity td {
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
}

#fColDisplay {
    margin-top: 5px;
    margin-bottom: 5px;
}

.MoreInfoComments {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.specialDate {
    background-color: #000;
    color: #FF0000;
}

.alignMiddle {
    vertical-align: middle;
}

.billListFilterRow {
    height: 20px;
    margin-bottom: 15px;
    text-align: left;
    clear: left;
}

.billListFilterLeft {
    float: left;
    width: 510px;
}

#mobUserCont {
    margin: 5px 0 0 20px;
}

#mobUserCont .user {
    margin: 10px 0 0 0;
}

#mobUserCont .buttons {
    margin: 20px 0 10px 0;
}

.salesDashCont {
    margin: 0 0 0 20px;
}

.salesDashCont legend {
    font-weight: bold;
}

.excelField {
    width: 500px;
    margin: 20px 0 0 30px;
    clear: left;
}

.excelField div {
    margin: 5px 0 5px 0;
    clear: left;
}

.excelSub {
    margin: 20px 0 0 30px;
}

.excelTable {
    margin: 20px 0 0 30px;
}

.excelTable div {
    margin: 0 0 5px 0;
}

.excelFieldTitle {
    float: left;
    width: 150px;
}

.excelTableMeeting {
    margin: 20px 30px 0 0;
    float: left;
}

.excelTableMeeting div {
    margin: 0 0 5px 0;
}

.divCenterButton a {
    display: block;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 5px;
    width: 200px;
    color: #fff;
    background-color: #5a1984;
    border: 1px solid #240738;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
}

.divLicEmpty {
    background-color: #fd00001a;
    padding: 10px;
    border: 1px solid #ef1e1e;
    margin: 10px 0 10px 0;
}

.divLicEmpty > div {
    padding-bottom: 10px;
    line-height: 20px;
}

.divLicMain, .divLicSat {
    background-color: #8296ea54;
    padding: 0;
    border-top: none;
}

.divLicStart {
    background-color: #8296ea54;
    margin-top: 10px;
    padding: 0;
}

.divLicStart.MinorAlertFlag, .divLicStart.MajorIssuesFlag {
    border: 2px solid orange;
}

.divLicStart.CriticalAlertFlag {
    border: 2px solid red;
}

.divLicStart .divLicInfoCont {
    padding: 10px 10px 20px 10px;
}

.divLicStart .divLicInfoCont > div {
    padding-left: 10px;
}

.divLicStart .divLicInfoCont > div div {
    display: inline-block;
    line-height: 18px;
}

.divLicStart .divLicInfoCont .divLicInfo {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    color: #360456;
    padding-left: 5px;
}

.divLicStart .divLicInfoCat {
    width: 240px;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
}

.divLocationDetailsMain {
    background-color: #8296ea54;
    padding:10px;
}

.divLocationDetailsMain > div {
    background-color: #d6dcf8;
}

.trLocationHeader {
    background-color: #204f9e;
    border-top: 1px solid #193c77;
    border-bottom: 1px solid #193c77;
}

.trLocationHeader td {
    padding-top: 7px;
}

.practiceName {
    margin: 0 0 5px 25px;
    font-size: 13px;
    font-weight: bold;
}

.divMainTopic {
    margin-top: 10px;
    padding: 5px 0 5px 0;
    font-size: 16px;
    border-top: 1px solid #888;
}

.divPracLocations {
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
}

.spanPracProd {
    font-size: 12px;
    color: #420e64;
}

.divSubTopic {
    padding: 0 0 2px 5px;
}

.spBillingSmall {
    font-size: 10px;
    color: #220138;
}

.divSubTopic2 {
    padding: 2px 0 2px 10px;
}

.divSubTopic3 {
    padding: 0 0 4px 15px;
}

.divLocationInline {
    display: inline-block;
    padding-right: 5px;
}

.spMainSat {
    font-size: 10px;
    color: #d5d0d6;
}

#divSwitchLic {
    text-align: center;
    line-height: 20px;
}

#divSwitchLic h2 {
    font-size: 14px;
}

#divSwitchLic a {
    display: block;
    margin: 5px 0 5px 0;
    padding: 5px 0 5px 0;
}

.prMbrsClass {
    padding: 0 0 5px 35px;
}

.prMbrsClass a {
    color: #814587;
}

.prFilter {
    margin: 0 0 20px 25px;
    font-weight: bold;
}

#divContractChecklist .mainTitle {
    font-size:18px;
    font-weight:bold;
}

#divContractChecklist .divContractSectionHead {
    font-size: 16px;
    font-weight: bold;
    text-align:center;
    margin-top:10px;
}

.tblContracts {
    margin: auto;
    margin-top: 20px;
}

.tblContracts td {
    border-top: 1px dashed #010101;
    padding: 10px 0 10px 0;
}

.tblContracts .tdLeft {
    text-align: left;
}

.divMeetRegCont {
    border: #000000 solid 1px;
    margin: 0 0 10px 0;
    padding: 5px 5px 5px 5px;
    width: 700px;
}

.divMeetTitle {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}

.divMeetProcessed {
    font-weight: bold;
    color: green;
}

.divMeetNotProcessed {
    font-weight: bold;
    color: red;
}

#divTopHeader {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    background-color: #fff;
    border-bottom: 1px solid var(--clr-border);
    padding: 8px 20px;
    gap: 0;
    min-height: 60px;
}

#newsHeaderContainer {
    overflow: auto;
    padding: 4px 16px 4px 0;
    margin-bottom: 0;
    text-align: left;
    font-weight: normal;
    max-height: 100px;
    flex: 0 0 48%;
    border-right: 1px solid var(--clr-border);
}

#newsHeaderHead {
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: var(--clr-brand);
    width: auto;
    padding-bottom: 3px;
    margin-bottom: 4px;
    border-bottom: 2px solid #4a9de8;
    display: inline-block;
}

.newsHeaderTitle {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 2px;
    color: #111827;
}

.newsHeaderBody {
    font-size: 12px;
    color: #374151;
    margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom: 1px dashed var(--clr-border);
}

.newsHeaderDate {
    font-size: 11px;
    color: #4b5563;
    padding-top: 1px;
}

.chkTrainingTitle {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

.chkTrainingDivLeft {
    float: left;
    width: 370px;
}

.chkTrainingDivRight {
    float: left;
    width: 360px;
}

.chkTrainingUl {
    list-style: circle;
}

#comPastTitle {
    padding: 2px 0 0 5px;
    font-weight: bold;
}

.comPastLogDiv {
    float: left;
    padding: 4px 6px 4px 6px;
    border: 2px #fff solid;
}

.comTypeDiv {
    width: 130px;
}

.hide {
    display: none;
}

.show {
    display: inline;
}

.validator {
    color: red;
}

.important {
    font-weight: bold;
    color: #ff0000;
}

.practiceListContainer {
    clear: left;
}

.practiceListField {
    float: left;
}

.leadsFilter {
    vertical-align: top;
    font-weight: bold;
}

.tblPager span {
    font-weight: bold;
}

.leadsHeader th {
    background-color: #99ccff;
    text-align: left;
    vertical-align: top;
    padding-left: 5px;
    padding-bottom: 10px;
}

.gvPostgradHeader th {
    background-color: #99ccff;
    vertical-align: top;
    padding-left: 5px;
    padding-bottom: 10px;
}

.gvInfoHeader, .gvActivityHeader {
    vertical-align: middle;
    text-align: center;
    padding-left: 5px;
    padding-bottom: 10px;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #99CCFF;
}

.gvInfoRow, .gvActivityRow {
    vertical-align: middle;
    text-align: center;
    padding-left: 5px;
    padding-bottom: 10px;
    FONT-FAMILY: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
}

.gvActivityRow {
    text-align: left;
}

.qtipMatches {
    max-height: 300px;
    overflow-x: auto;
    overflow-y: auto;
    width: 100%;
}

.filterTitle {
    font-weight: bold;
}

/* jquery ui autocomplete */
.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

* html .ui-autocomplete {
    height: 150px;
}

.ui-menu-item {
}

.divLatePaymentUser, #divCustomerCont.MinorAlertFlag {
    border: solid 2px #eb9b29;
    margin: 15px;
    padding: 15px;
}

.divLatePaymentUser #divCustomerMsg, .spLateUser {
    color: #eb9b29;
}

.divFrozenUser, .divInactiveUser, #divCustomerCont.CriticalAlertFlag {
    border: solid 2px #eb2929;
    margin: 15px;
    padding: 15px;
}

.divFrozenUser #divCustomerMsg, .spFrozenUser, .divInactiveUser #divCustomerMsg {
    color: #eb2929;
}

.divPartialPayUser {
    border: solid 2px #6e08c5;
    margin: 15px;
    padding: 15px;
}

.divPartialPayUser #divCustomerMsg {
    color: #6e08c5;
}

#divCustomerMsg {
    text-align: center;
    padding: 0 0 15px 0;
    font-weight: bold;
    font-size: 16px;
}

#divLinkedTicketsCont, #divAddWatchList {
    padding: 5px 0 5px 0;
}

#divLinkedTicketsCont div {
    padding-bottom: 5px;
    font-size: 11px;
}

#divLinkedTicketsCont #divLinkedTicketsTitle {
    font-size: 14px;
    font-weight: bold;
    margin: 11px 0 10px 0;
}

.divTicketTextCont {
    clear: both;
    text-align: left;
    padding-bottom: 5px;
}

.divTicketTextCont .divTicketTextTitle {
    float: left;
}

.divTicketTextCont .divTicketCmds {
    float: right;
}

.divTicketTextCont .divTicketTextBox {
    padding-top: 2px;
    clear: both;
}

.divTicketTextCont .divTicketTextBox input, .divTicketTextCont .divTicketTextBox textarea {
    width:99%;
}

.divTicketBtmOptions {
    clear:both;
    font-size:11px;
}

.divTicketBtmOptions input, .divTicketBtmOptions select {
    font-size:11px;
}

#divBugSpecific {
    display: inline-block;
    vertical-align: top;
}

#divBugSpecific > div {
    display: inline-block;
    max-width: 220px;
    vertical-align: top;
}

.divLicStatSection {
    margin-bottom: 10px;
}

.spanLicTitle {
    font-weight: bold;
    color: #0f4d9e;
}

.divLicStatLoc {
    margin-bottom: 5px;
    padding: 5px;
    border-bottom: 1px solid #000;
}

.divLicStatLoc div {
    margin-bottom: 5px;
}

.divLicStatLocCat {
    float: left;
    width: 150px;
    clear: left;
    font-weight: bold;
}

.divLicStatDoc {
    margin-bottom: 5px;
    padding: 5px;
}

#divEditUnlocks div {
    padding-bottom: 5px;
}

.divDBStatsToolbar {
    margin: 20px 0 10px 0;
}

#tdoDBStatsOuter, #tdoDBStatsPracticeOuter {
    width: 550px;
    display: inline-block;
    margin: 10px;
    padding: 10px;
}

.divColTitle {
    font-weight: bold;
    font-size: 16px;
}

#tdoDBStats, #tdoDBStatsPractice {
    overflow: scroll;
    height: 600px;
    border: 1px solid #000;
}

.tdoDBStatCont {
    border-bottom: 2px solid #0f4d9e;
    margin: 20px;
    clear: both;
}

.tdoDBStatTitle {
    font-weight: bold;
    clear: both;
}

.tdoDBStatSection {
    border-bottom: 1px dotted #000;
    margin: 10px;
    padding-bottom: 10px;
    clear: both;
}

.tdoDBStatsPracticeCont {
    border-bottom: 2px solid #0f4d9e;
    margin: 10px 10px 0 0;
    clear: both;
}

.tdoDBStatsContFloat {
    float: left;
    margin: 10px 5px 10px 5px;
}

.tdoDBStatsContFloat div {
    padding-bottom: 4px;
}

.tdoDBStatsContFloatPrac {
    border-right: dotted 1px #000;
    padding-right: 10px;
    width: 220px;
}

.tdoDBStatsCtr {
    width: 270px;
}

.tdoDBStatsCmds {
    padding-left: 10px;
    border-left: 1px solid #000;
}

.divClear {
    clear: both;
}

.divClearSpace {
    height: 1px;
    clear: both;
}

.divContSpacer {
    height: 10px;
    clear: both;
}

#divServicesInfoCont {
    padding: 10px 20px 20px 20px;
}

.serviceInfoTopic {
    font-size: 16px;
    font-weight: bold;
}

#divServicesInfoCont ul {
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#divServicesInfoCont li {
    padding-top: 8px;
}

#divServicesKBLinks div {
    padding-top: 10px;
}

.txtSelected {
    background-color: #02bd21;
}

.errorPageMain {
    padding: 5px;
    border: thick double #FF0000;
    color: red;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 5px;
}

#spIntRevConf {
    color: #470c6d;
}

.divVpnServerMonitorStatusRow {
    display: flex;
    padding: 2px 0;
}

.divVpnServerMonitorStatusRow.divHeaderRow {
    font-weight: bold;
}

.divVpnServerMonitorStatusRow .divVSMServer {
    width: 280px;
}

.divVpnServerMonitorStatusRow .divVSMLatency {
    width: 100px;
}

.divVpnServerMonitorStatusRow .divVSMLast {
    width: 150px;
}

@media print {
    .printPageBreak {
        page-break-before: always;
    }
}

ul.ui-autocomplete {
    z-index: 10500;
}
/*********************Training Calendar**********************************/
/* CSS Document */
/* CSS Produced & Owned by Veerle (veerle.duoh.com) */
/* This CSS document & its accompanying image bg_calendar.gif are protected under this license: http://creativecommons.org/licenses/by-nc-sa/2.5/ */
/* You must attribute the work in the manner specified by the author or licensor. 
/* Noncommercial. You may not use this work for commercial purposes. */
/* Share Alike. If you alter, transform, or build upon this work, you may distribute the resulting work only under a license identical to this one.  */

#calendar a {
    color: #DF9496;
}

#calendar, .balanceContainer table {
    padding: 0;
    margin: 0;
    border-left: 1px solid #A2ADBC;
    font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #616B76;
    text-align: center;
    background-color: #fff;
}

#calendar caption a {
    font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

#calendar caption {
    margin: 0;
    padding: 0;
    background: #A2ADBC;
    color: #fff;
    font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

#calendar th, .balanceContainer th {
    font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #616B76;
    background: #D9E2E1;
    border-right: 1px solid #A2ADBC;
    border-bottom: 1px solid #A2ADBC;
    border-top: 1px solid #A2ADBC;
}

.balanceContainer th {
    padding: 3px 5px 3px 5px;
}

#calendar .today, #calendar td.today a, #calendar td.today a:link, #calendar td.today a:visited {
    color: #fff !important;
    font-weight: bold;
    background: #DF9496 !important;
}

#calendar td {
    border-right: 1px solid #A2ADBC;
    border-bottom: 1px solid #A2ADBC;
    width: 150px;
    height: 100px;
    text-align: center;
}

#calendar .calDate {
}

#calendar td a {
    text-decoration: none;
    font-weight: bold;
    display: block;
}

#calendar td a:link, #calendar td a:visited {
    color: #608194;
}

#calendar .calDate a:hover, #calendar .calDate a:active {
    background: none !important;
    color: #fff;
    background-color: #0033CC !important;
}

.balanceTitle {
    font-weight: bold;
    font-size: 14px;
    color: #616B76;
    margin-bottom: 5px;
}

.balanceContainer {
    float: left;
}

.balanceContainer td {
    border-right: 1px solid #A2ADBC;
    border-bottom: 1px solid #A2ADBC;
    text-align: center;
}

#divAddPTO div {
    padding-top: 5px;
}

.tblEmailGroups th, .tblEmailGroups td {
    padding: 1px;
}

.incomplete {
    color: red;
}

.override {
    color: blue;
}

.green {
    color: #006600;
}

.pink {
    color: #FF33CC;
}

.purple {
    color: #3300CC;
}

.nobr {
    white-space: nowrap;
}

#divLoginPage {
    padding: 20px 0 0 40px;
}

.divLoginText {
    float: left;
    clear: left;
    width: 100px;
    font-size: 16px;
}

.divLoginInput {
    float: left;
}

.inputCtrl td {
    padding: 0px;
}

.docSearchResults {
    padding: 0 0 10px 5px;
}

.docSearchResults span {
    color: #636a70;
}

.rmAttendee {
    font-size: 10px;
}

.divAttendeeRemoved div {
    color: #bbb;
    text-decoration: line-through;
}

.rsAttendee {
    font-size: 10px;
    text-decoration: none !important;
}

.divAttendeeLinked .domRegLink, .divAttendeeRemoved .rmAttendee, .divAttendeeNotLinked .aLinked {
    display: none;
}

.rsAttendee {
    display: none;
}

.divAttendeeRemoved .rsAttendee {
    display: inline;
}

.hlFileMissing, .hlFileMissing:hover {
    text-decoration: none;
    color: black;
}

#divMngWL {
    text-align: right;
}

#divMngWL a {
    font-size: 10px;
}

#divCurWatchLists {
    padding-bottom: 10px;
}

#divCurWatchLists a {
    font-size: 10px;
}

.divMngAllEntry {
    padding: 0 0 5px 10px;
}

.divMngAllEntry a {
    font-size: 12px;
}

.divMngAllEntry a.aWLERemove {
    font-size: 10px;
    color: #420E64;
}

.divMngWLName {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 5px 0;
}

.divMngWLName .aRemoveWatchListAll {
    font-size: 12px;
    font-weight: normal;
}

.divCloudAcct {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: dashed 1px #000;
    color: #6d6d6c;
}

.divCloudAcct .spCategory {
    color: #000;
}

.divCloudAcct div {
    padding-bottom: 2px;
}

.divCloudDetails, .divRecentActivity, .divRecentAlerts {
    padding-left: 5px;
}

.spCloudGood {
    color: green;
    font-size: 14px;
}

.spCloudBad {
    color: red;
    font-size: 14px;
}

.ddlStaffType {
    vertical-align: top;
    display: block;
    margin-top: 2px;
}

a.aNewUserBtn, a.aNewOrgBtn {
    display: inline-block;
    padding: 7px;
    color: #fff;
    background-color: #563070;
    border: 1px solid #420E64;
    width: 100px;
    font-size: 14px;
    margin: 0 10px 20px 0;
}

.divSciReportCont {
    border-bottom: dotted 1px #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.divSciReportRow {
    clear: both;
    padding-bottom: 5px;
}

.divSciReportLeft {
    width: 100px;
    float: left;
    font-weight: bold;
}

.divSciReportRight {
    width: 600px;
    float: left;
}

#divChartControlsCont {
    padding: 20px;
}

#divChartControlsCont div {
    padding-bottom: 10px;
    vertical-align: text-top;
}

#divChartControlsCont textarea {
    width: 500px;
    height: 200px;
}

#divChartControlsCont .divChartControls {
    border-bottom: dashed 1px #000;
    margin-bottom: 20px;
}

.divChartControlItem {
    height: 80px;
    line-height: 50px;
}

#divChartControlsCont .divChartControlItem textarea {
    width: 250px;
    height: 80px;
}

.divChartControlItem span {
    display: inline-block;
    vertical-align: top;
    height: 80px;
    line-height: normal;
}

.divDashArea {
    padding: 20px;
}

.divDashArea .divDashTitle {
    font-size: 20px;
    padding-bottom: 5px;
}

.divDashArea .divDashSubTitle {
    font-size: 14px;
    padding-bottom: 3px;
}

.divDashArea .divDashDispDesc {
    font-size: 10px;
    padding-bottom: 2px;
}

.divDashArea fieldset {
    margin: 10px 0 10px 0;
}

.divDashArea fieldset legend {
    font-weight: bold;
    color: #1c468e;
}

.divDashArea table th, .divDashArea table td {
    padding: 5px;
}

.divDashArea table tr:nth-child(even) {
    background-color: #c5ccea;
}

.divDashArea .trTicket {
    cursor: pointer;
}

.divDashArea .trTicket:hover {
    background-color: #a6b1e0;
}

#divUserSiteContentDisplay .divSiteDisplayCont {
    border: 1px solid #000;
    margin: 10px;
}

#divUserSiteContentDisplay .divSiteDisplayCont, #divUserSiteContentDisplay .divSiteDisplayCont div {
    padding: 10px;
}

#divUserSiteContentDisplay .divSiteDisplayCont .divBlockText > div {
    width: 500px;
    height: 200px;
    overflow: scroll;
    border: 1px solid #000;
    margin-top: 10px;
}

#divCustomerListCont .aIsSelected {
    border: 1px solid #56306f;
    padding: 0px 4px 1px 3px;
    background-color: #7b3fa2;
    color: #fff;
}

#divFeatureVotes {
    margin-bottom: 20px;
}

#divFeatureVotes .divVoteInput {
    padding: 5px 0 5px 0;
}

#divFeatureVotes #divFeatureVoteList {
    padding: 10px 0 10px 0;
    line-height: 18px;
}

#divFeatureVotes #divFeatureVoteList a {
    font-size: 10px;
}

#divFeatureVotes #divFeatureVoteList #divVoteCount {
    margin-top: 5px;
}

#divFeatureVotes #spROIFormula {
    font-size: 8px;
    font-weight: normal;
}

.fldTicketVoting {
    margin: 5px 0 5px 0;
}

.fldTicketVoting legend {
    font-weight: bold;
}

#divROIVal {
    padding-top: 5px;
}

.divROIHide #divROIVal {
    display: none;
}

#divPrevNextTickets {

}

#divPrevNextTickets a {
    display: block;
    width: 120px;
    font-size: 11px;
    color:#fff;
    font-weight:normal;
    padding:0 2px;
}

.aPrevTicket {
    float: left;
    text-align: left;
}

.aNextTicket {
    float: right;
    text-align: right;
}

.divMeetingLocAddr {
    padding-top: 10px;
}

.divMeetingLocAddr > div > div {
    display: inline-block;
    padding: 0 5px 0 0;
}

.divGWInfo {
    margin-bottom: 10px;
}

#divResults {
    margin-top:20px;
    max-width: 100%;
    overflow-y: scroll;
    max-height: 500px;
}

.ticketRow1 {
    padding-top:5px;
    text-align: left;
    clear: both;
}

#divDueOn, #divDueOn > div {
    display: inline-block;
}

#divTicketFlags {
    padding-left:10px;
    font-size: 11px;
    display:inline-block;
}

#divTicketFlags .divFlagCont {
    display: inline-block;
    margin-right: 10px;
}

#divTicketFlags .divFlagDesc {
    display: none;
}

#tblUserChart td {
    border: 1px solid #000;
}

#tblUserChart span {
    display: block;
}

.errorText1 {
    color: red;
}

#divTDOSettingsOptions {
}

#divTDOSettingsCont {
    padding-top:20px;
}

.trTDODrLocChanged {
    background-color: #e7eaf1;
}

#divTDODrLocAddNew > div {
    display:inline-block;
    padding:5px;
}

.divTDODRChkBx {
    width: 75px;
}

.divTDODRChkBx label {
    font-size:12px;
}

.spMerchDetailName {
    display: inline-block;
    width: 55px;
}

.tdMerchInfo {
    font-size:12px;
}

#divLicRepPage {
    padding: 10px;
}

#divLicRepPage #divLicRepPageFilter, #divLicRepPage #divLicRepPageFilter > div {
    padding-bottom: 10px;
}

#divLicRepPage #divLicRepPageFilter .divFilterType {
    font-weight: bold;
}

#divLicRepPage table th, #divLicRepPage table td {
    padding: 5px;
    text-align: left;
}

#divLicRepPage table th {
    background-color: #1b468e;
    color: #fff;
}

#divLicRepPage #divLicRepPageContent table tr:nth-child(odd) {
    background-color: #e5e8f5;
}

#tblCommsStats {
    position:relative;
}

#tblCommsStats .trBg1 {
    background-color: #f4f5f8;
}

#tblCommsStats .trBg2 {
    background-color: #c6d3e8;
}

#tblCommsStats #trTopRow th {
    position:sticky;
    top:150px;
    background-color:#fff;
}

.divNPSScoreCont {
    padding:3px 0 3px 0;
}

.divNPSScoreCont > div {
    display: inline-block;
}

.divLicStart .divLicInfoCont .divNPSScoreCont > div.divNPSQuestion,
.divLicStart .divLicInfoCont .divNPSScoreCont > div.divNPSAnswer,
.divNPSScoreCont > div.divNPSQuestion, .divNPSScoreCont > div.divNPSAnswer {
    display: none;
}

.divLicStart .divLicInfoCont .divNPSScoreCont > div.divNPSQuestion.divNPSShow,
.divLicStart .divLicInfoCont .divNPSScoreCont > div.divNPSAnswer.divNPSShow,
.divNPSScoreCont > div.divNPSQuestion.divNPSShow, .divNPSScoreCont > div.divNPSAnswer.divNPSShow {
    display: block;
    line-height: 22px;
    margin-left: 5px;
}

.divLicStart .divLicInfoCont .divNPSScoreCont > div.divNPSQuestion.divNPSShow,
.divLicStart .divLicInfoCont .divNPSScoreCont > div.divNPSAnswer.divNPSShow {
    margin-left:255px;
}

.divNPSScoreCont > div.divNPSAnswer.divNPSShow {
    margin-bottom: 5px;
}

.divNPSLeftPL {
    display: none;
}

.divNPSLeftPL.divNPSShow {
    display: inline-block;
    padding-left: 245px;
}

.divNPSScoreTitle {
    font-weight: bold;
}

.divNPSScoreVal {
    color: #fff;
    padding: 2px 6px;
    margin: 0 0 0 5px;
    text-align: center;
    font-weight: bold;
}

.aToggleNPSDetails {
    padding-left:5px;
}

.divNPSColorGreen {
    background-color: green;
}

.divNPSColorYellow {
    color: #444;
    background-color: yellow;
}

.divNPSColorOrange {
    background-color: orange;
}

.divNPSColorRed {
    background-color: red;
}

/* ── Customer Health Score (CHS) badge ──────────────────────────────────────
   Shown beside the NPS block on the ticket and phone-support pages. The band
   colours mirror the CHS wallboard (officedashboard): Critical / At Risk /
   Watch / Healthy. The score, band and thresholds are owned by the dashboard;
   the intranet only maps the returned band name to its colour here. */
.divCHSScoreCont {
    padding: 3px 0 3px 0;
}

.divCHSScoreTitle {
    font-weight: bold;
    display: inline-block;
}

.divCHSBadge {
    display: inline-block;
    color: #fff;
    padding: 2px 8px;
    margin: 0 0 0 5px;
    border-radius: 3px;
    font-weight: bold;
}

.divCHSColorCritical {
    background-color: #ef4444;
}

.divCHSColorAtRisk {
    background-color: #f59e0b;
}

.divCHSColorWatch {
    color: #333;
    background-color: #eab308;
}

.divCHSColorHealthy {
    background-color: #22c55e;
}

.divCHSColorUnscored {
    background-color: #64748b;
}

.aCHSDetails {
    padding-left: 8px;
    font-size: 11px;
}

.spDBCompareResult, .spDBApplyResult {
    color: darkgreen;
    display: inline-block;
    padding-left:10px;
}

.spDBTaskLoading {
    width: 20px;
    display: inline-block;
    position: relative;
    top: 5px
}

#divDefaultTableList .divDefaultTableGroupName {
    font-weight: bold;
    padding:5px 0;
}

#divDefaultTableList .divDefaultTableGroup {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    padding: 5px 5px 5px 5px;
    background-color: #f4f5f8;
}

    #divDefaultTableList .divDefaultTableGroup > div {
        flex-basis: 40%;
        line-height: 20px;
        padding: 5px 0;
    }

.divDefaultTableDetails {
    padding: 5px 0 0 23px;
    display: none;
}

    .divDefaultTableDetails.divDefaultTableDetailsShow {
        padding: 5px 0 0 23px;
        display: block;
    }

.divChatConversation {
    line-height: 22px;
    border: 1px solid #686464;
    margin: 10px;
    padding: 10px;
}

    .divChatConversation p {
        padding: 0;
        margin: 0;
    }

.divAuthorTypebot {
    color: #2e024b;
    border-bottom: 1px dotted #2e024b;
}

.divAuthorTypeuser {
    color: #073074;
    border-bottom: 1px dotted #073074;
}

.tblHubspot input {
    display:inline;
}
/************************************************************************/
@media all and (max-width:1200px) {
    .NewWebContainer {
        display: block;
        text-align: left;
        width: auto;
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
        clear: both;
    }
}

@media all and (max-width:768px) {
    /* CHS badge: let the title, badge and details link wrap instead of overflowing. */
    .divCHSScoreCont .divCHSBadge {
        margin-left: 0;
        margin-top: 3px;
    }

    .aCHSDetails {
        display: inline-block;
        padding-left: 0;
        margin-top: 3px;
    }

    #divTopHeader, .divHeaderContFixed #divTopHeaderInner {
        display: block;
    }

    #newsHeaderContainer {
        flex: 0 0 100%;
        border-right: none;
        border-bottom: 1px solid var(--clr-border);
        padding-right: 0;
        margin-bottom: 8px;
    }

    #divPageContent {
        width: auto;
    }

    .divHomeLayout {
        flex-direction: column;
    }

    #divHomeNews, #divHomeRight {
        width: 100%;
    }

    #divPageContainer {
        min-width: auto;
    }

    #divBrandBar {
        flex-wrap: wrap;
        height: auto;
        padding: 8px 12px;
        gap: 6px;
    }
    #spanBrandTitle {
        display: none;
    }
    #divTopQuickLinks {
        flex-wrap: wrap;
        gap: 4px;
    }
    #divTopQuickLinks a, #divTopQuickLinks div {
        padding: 5px 8px;
        font-size: 11px;
    }

    /* --- Hamburger navigation --- */
    #btnHamburger {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 28px;
        height: 20px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        flex-shrink: 0;
        margin-left: auto;
    }
    #btnHamburger span {
        display: block;
        width: 100%;
        height: 3px;
        background: #fff;
        border-radius: 2px;
        transition: transform 0.25s ease, opacity 0.25s ease;
    }
    #btnHamburger.menuOpen span:nth-child(1) { transform: translateY(8.5px) rotate(45deg); }
    #btnHamburger.menuOpen span:nth-child(2) { opacity: 0; }
    #btnHamburger.menuOpen span:nth-child(3) { transform: translateY(-8.5px) rotate(-45deg); }

    #divPageMainMenu {
        display: none;
        flex-direction: column;
        gap: 0;
        padding: 4px 0;
    }
    #divPageMainMenu.menuOpen { display: flex; }

    #divPageMainMenu a {
        padding: 10px 16px;
        font-size: 13px;
        border-radius: 0;
        width: 100%;
        box-sizing: border-box;
    }
    #divPageMainMenu a.mainCurrent {
        background-color: rgba(255,255,255,0.2);
        color: #fff;
    }

    .divSubMenu {
        display: none;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding: 0;
        border-top: none;
        min-height: 0;
    }
    .divSubMenu.menuOpen:has(a) { display: flex; }
    .divSubMenu:has(a) { min-height: 0; padding: 0; border-top: none; }

    .divSubMenu a {
        border-radius: 0;
        border: none;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 8px 24px;
        font-size: 13px;
        width: 100%;
        box-sizing: border-box;
        background: rgba(0,0,0,0.15);
    }

    #divFooter {
        flex-direction: column;
        gap: 6px;
        text-align: center;
    }

    /* --- Filter panel form pairs --- */
    #divFilter .divLeft, #divFilter .divRight {
        float: none; display: block; width: auto !important;
    }

    /* --- Responsive table: card layout --- */
    .tblResponsive, .tblResponsive tbody {
        width: 100% !important;
    }
    .tblResponsive thead,
    .tblResponsive .trHead {
        position: absolute;
        width: 1px; height: 1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
    }
    .tblResponsive, .tblResponsive tbody {
        display: block;
        width: 100%;
    }
    .tblResponsive tr {
        display: block;
        border: 1px solid var(--clr-border);
        border-radius: 6px;
        margin-bottom: 10px;
        padding: 6px 10px;
        background: #fff;
    }
    .tblResponsive td {
        display: block;
        text-align: left;
        border: none;
        padding: 4px 0;
    }
    .tblResponsive td:empty { display: none; }
    .tblResponsive td::before {
        content: attr(data-label) ": ";
        font-weight: 700;
        color: var(--clr-brand);
        display: inline;
    }
    .tblResponsive td:not([data-label])::before,
    .tblResponsive td[data-label=""]::before {
        content: none;
    }

    /* --- Ticket.aspx form layout --- */
    #divTicketView, #divActivityCom {
        display: block;
        width: 100%;
        margin-right: 0;
    }
    #divActivityCom { flex-direction: column; }
    #divTicket .divLeft, #divTicket .divRight,
    #divCommunicationLog .divLeft, #divCommunicationLog .divRight {
        float: none; display: block; width: auto !important; margin-right: 0;
    }
    #divTicketActivityCont textarea.txtActivityDetails { width: 100%; box-sizing: border-box; }

    /* --- TicketList.aspx filter layout --- */
    #divTicketFilterCont .divTicketFilterColumn { width: 100%; }
    #divTicketFilterCont .divTicketFilterColumn .divTicketFilterSection .divTicketFilterLeft1,
    #divTicketFilterCont .divTicketFilterColumn .divTicketFilterSection .divTicketFilterLeft2,
    #divTicketFilterCont .divTicketFilterColumn .divTicketFilterSection .divTicketFilterLeft3 {
        width: auto; min-width: 110px;
    }
    #divPracFlagsModalInner { width: auto !important; max-width: 95vw; margin: 20px auto; }

    /* --- TDOUsers form layouts --- */
    #divChecklist .divLeft, #divChecklist .divRight,
    #divNewBilling .divLeft, #divNewBilling .divRight,
    #divEmail .divLeft, #divEmail .divRight,
    #divAddressBook .divLeft, #divAddressBook .divRight {
        float: none; display: block; width: auto !important;
    }
    .pendingFilter { width: 100% !important; float: none; }

    /* --- Fixed-width container overrides --- */
    .NewWebContainer, .WebTrainingContainer, .WebSetupContainer,
    .WebStatContainer, .ChecklistContainer,
    #Steps { width: auto !important; max-width: 100%; }

    /* --- Checklist.aspx form row stacking --- */
    #Steps .divFloatLeft, #Steps .divLeftFloatLeft { float: none; display: block; width: auto !important; }

    /* --- Global input overflow prevention --- */
    input[type="text"], input[type="password"], textarea, select {
        max-width: 100%; box-sizing: border-box;
    }

    /* --- Lead.aspx outer wrapper --- */
    table.regular { width: auto !important; max-width: 100%; }

    /* --- Customer.aspx / Checklist.aspx divFloatLeft form pairs --- */
    #divCustomerCont .divFloatLeft { float: none; display: block; width: auto !important; }

    /* --- TimeOffRequest.aspx fixed-width container --- */
    #divTimeOffContent { width: auto !important; max-width: 100%; }
}

@keyframes aiSpin {
    to { transform: rotate(360deg); }
}