@import url('https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css');
html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; margin: 0; padding: 0; border-spacing: 0; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;}
form {margin: 0; padding: 0;}
div {margin: 0; border: 0; padding: 0}
img {border: 0; vertical-align: text-top;}
table {border-collapse: collapse; border: 0;}
select {background-color: #FFFFFF}
a:link {color: black;}
a:visited {color: black;}
a:hover {color: black;}

#container {min-width: 1152px; margin: 0 auto; font-size: 13px; font-weight: 500; padding-bottom: 3px}
.container {width: 98%; margin: 0 auto; padding: 0 0 26px; font-size: 13px; font-weight: 500; color: #000000;}
.floatleft {float: left;}
.floatright {float: right;}
.endfloat {clear: both}

#companyname {font-size: 15px; line-height: 20px; font-family: lucida bright; padding-left: 3px;}

#loginheader {height: 78px; border-bottom: 1px solid #b5dcff;}

.navbar {height: 78px; background-color:#d9ebfb; padding: 0.15rem .50rem !important;}
.navbar div {border: 0; white-space: nowrap;}
.navbar #col1 {width: 30%; float: left;}
.navbar #col1 img {max-height: 100%; max-width: 100%; width: auto; height: auto; position: relative; top: 0; bottom: 0; left: 0; right: 0; margin: auto 0 auto;}
.navbar #col2 {width: 40%; float: left; text-align: center}
.navbar #col3 {width: 30%; text-align: right;}
.navbar #announcement {background-color: red; padding: 0.25em 0.25em 0.25em 0;}
.navbar #announcement a {font-size: 13px; font-weight: 600; color: white;}
.navbar a {text-decoration: none;}

#tdimgheader {height: 72px; text-align: left; vertical-align: middle}
#tdimgheader img {max-height: 100%; max-width: 100%; width: auto; height: auto; margin: auto 2px auto;}

#menu {width: 100%; height: 32px; background-color: #b5dcff; text-align: center; padding: 1px; margin: 0; margin-bottom: 4px;}
#menu ul {width: 100%; height: 100%; margin: auto auto; padding: 0 3px; list-style: none; text-align: center}
#menu li {width: 20%; height: 100%; display: block; float: left; text-align: center; overflow: hidden;}
#menu li#fp {width: 16%; height: 100%; display: block; float: left; text-align: center; overflow: hidden;}
#menu li#phy {width: 20%; height: 100%; display: block; float: left; text-align: center; overflow: hidden;}
#menu img {margin: 0 auto; border: 0; vertical-align: middle}
#menu a {text-decoration: none}
#menu span {font-size: 13px; font-weight: 600; font-style: italic}

.box {padding: 0; margin: 0 auto; text-align: center;}
.darkbox {border: 1px solid #7295b6; padding: 1em; background-color: #eeeeef; margin: 0 auto; text-align: center}
.wrksheetbox {padding: 0; margin: 0 auto; text-align: center; background-color: #eeeeef; border: 0;}

.dataform {margin: 0 auto; background-color: #eeeeef; border: 1px solid #7295b6; border-collapse: collapse;}
.dataform td {border: 0; white-space: nowrap;}
.dataform .trlight {background-color: #fdfdfd}
.dataform .tdright {text-align: right; font-size: 12px; font-weight: 700; padding: 3px}
.dataform .tdrightnotbold {text-align: right; font-size: 12px; font-weight: 500; padding: 3px}
.dataform .tdleft {text-align: left; font-size: 13px; font-weight: 500; padding: 3px}
.dataform .tdleftbold {text-align: left; font-size: 12px; font-weight: 700; padding: 3px}
.dataform .goaltext {font-size: 14px; font-weight: 500;}
.dataform .tdcenter {text-align: center; font-size: 13px; font-weight: 500; padding: 3px}
.dataform .header {text-align: left; color: white; background-color: #7295b6; font-size: 14px; padding: 3px}
.dataform .header2 {text-align: center; color: #FFFFFF; background-color: #003366; font-size: 13px; font-weight: bold; padding: 3px}
.dataform .link {font-size: 13px}
.dataform .colorspan {color: #FFFF33}
.dataform .colorspan2 {color: #003366}
.dataform a {font-size: 12px; font-weight: 600; color: #3379bb; text-decoration: underline;}
.dataform .divcategory {text-align: left; color: #000000; font-size: 15px; padding-left: 4px; background-color: #AAAAAA;}
.dataform .tdcategory {background-color: #AAAAAA; padding: 2px 0}
.dataform textarea {resize: vertical}
.dataform .bgyellow {background-color: #FFFFCC}
.dataform .bgblue {background-color: #94c6fd}
.dataform .bggreen {background-color: darkseagreen}
.dataform .bgtan {background-color: tan}
.dataform .bgorange {background-color: orange}
.dataform .bgred {background-color: #FF0000}
.dataform td .divPDPMAsses {width: 86%; border: 1px solid #7295b6; padding: 6px; padding-right: 12px; margin-bottom: 4px; background-color: #FDFDFD}
.dataform .tdcomment > * {vertical-align: middle}
.dataform .spancomment {margin-right: 6px; visibility: hidden;}
.dataform .tdprogress > * {vertical-align: middle}
.dataform .spanlibrary {text-align: left; margin-left: 6px;}
.divPDPMAsses .divPDPMAsses1 {width: 70%; text-align: left; float: left}
.divPDPMAsses .divPDPMAsses2 {width: 30%; text-align: right; float: left;}
.divPDPMAsses .divPDPMAsses3 {width: 50%; text-align: left; float: left}
.divPDPMAsses .divPDPMAsses4 {width: 50%; text-align: right; float: left;}

#flowsheet {background-color: #FFFFFF; border: 0;}
#flowsheet td {border: 0;}
#flowsheet .header {text-align: left; color: #FFFFFF; background-color: #999999; font-size: 16px; padding: 4px}

.selectform {margin: 0 auto; background-color: #eeeeef; border: 1px solid #7295b6; border-collapse: collapse;}
.selectform td {border: 1px solid #7295b6; white-space: nowrap;}
.selectform .trreg {background-color: #eeeeef}
.selectform .trlight {background-color: #fdfdfd}
.selectform .trred {background-color: #FF0000}
.selectform .trmed {background-color: #CACACA}
.selectform .tdright {text-align: right; font-size: 12px; font-weight: 700; padding: 3px}
.selectform .tdrightnb {text-align: right; font-size: 13px; font-weight: 500; padding: 3px}
.selectform .tdleft {text-align: left; font-size: 13px; font-weight: 500; padding: 3px}
.selectform .tdcenter {text-align: center; font-size: 13px; font-weight: 500; padding: 3px}
.selectform .tdcenterbold {text-align: center; font-size: 12px; font-weight: 700; padding: 3px}
.selectform .tdleftsmaller {text-align: left; font-size: 12px; font-weight: 500; padding: 3px}
.selectform .tdcentersmaller {text-align: center; font-size: 12px; font-weight: 500; padding: 3px}
.selectform .header {text-align: left; color: #FFFFFF; background-color: #7295b6; font-size: 14px; padding: 3px}
.selectform .headerright {text-align: right; color: #FFFFFF; background-color: #7295b6; font-size: 14px; padding: 3px}
.selectform .header2 {text-align: center; color: #FFFFFF; background-color: #003366; font-size: 13px; padding: 3px}
.selectform .colorspan {color: #FFFF33}
.selectform .colorspan2 {color: #003366}
.selectform a {font-size: 11px; font-weight: 600; color: #3379bb; text-decoration: underline;}
.selectform .bgyellow {background-color: #FFFFCC}
.selectform .bgblue {background-color: #94c6fd}
.selectform .bggreen {background-color: darkseagreen}
.selectform .bgtan {background-color: tan}
.selectform .bgorange {background-color: orange}
.selectform .bgred {background-color: #FF0000}
.selectform .redrightborder {border-right-color: red}

#treatform {background-color: #dadadc; border: 1px solid #7295b6; border-collapse: collapse;}
#treatform td {border: 1px solid #7295b6; text-align: center; padding: 3px 3px; font-size: 11px; font-weight: 700; white-space: nowrap;}
#treatform .tdnb1 {border-right: 1px hidden #7295b6}
#treatform .tdnb2 {border-right: 1px hidden #7295b6; border-left: 1px hidden #7295b6}
#treatform .tdnb3 {border-left: 1px hidden #7295b6}
#treatform .header {color: #FFFFFF; background-color: #7295b6; padding: 1px 4px; font-size: 11px; font-weight: bold}
#treatform .therapist {font-size: 12px; background-color: #D3D3D3;}
#treatform .codeselect {font-size: 12px; background-color: #D3D3D3;}
#treatform textarea {background-color: #D3D3D3}
#treatform input[type="text"] {background-color: #FFFFFF;}
#treatform .tdcomment {text-align: left; padding-left: 15px; white-space: normal;}
#treatform .tdcomment > * {vertical-align: middle}
#treatform .spancomment {margin-right: 6px; visibility: hidden;}

#histform {background-color: #dadadc; border: 1px solid #7295b6; border-collapse: collapse;}
#histform td {border: 1px solid #7295b6; text-align: center; padding: 6px 4px; font-size: 11px; font-weight: 700; white-space: nowrap;}
#histform .header {color: #000000; background-color: #7295b6; padding: 2px 4px; font-size: 11px; font-weight: bold}
#treatform .treathist {font-weight: normal; padding: 3px 3px; text-align: left}

#minutechart {background-color: #dadadc; border: 1px solid #7295b6; border-collapse: collapse; margin-top: 6px}
#minutechart td {border: 1px solid #7295b6; text-align: center; padding: 6px 4px; font-size: 11px; font-weight: 700; white-space: nowrap;}
#minutechart .header {color: #000000; background-color: #7295b6; padding: 2px 4px; font-size: 11px; font-weight: bold}
#minutechart .treathist {font-weight: normal; padding: 3px 3px; text-align: left}

#dataform2 {background-color: #dadadc; border: 1px solid #7295b6}
#dataform2 td {border: 0; white-space: nowrap;}
#dataform2 .tdright {text-align: right; font-size: 12px; font-weight: 700; padding: 4px}
#dataform2 .tdleft {text-align: left; padding: 4px}
#dataform2 .tdleftbold {text-align: left; font-size: 12px; font-weight: 700; padding: 4px}
#dataform2 .tdcenter {text-align: center; padding: 4px}

#dataform3 {background-color: #dadadc; border: 1px solid #7295b6}
#dataform3 td {border: 1px solid #7295b6; white-space: nowrap;}
#dataform3 .tdright {text-align: right; font-size: 12px; font-weight: 700; padding: 4px}
#dataform3 .tdleft {text-align: left; font-size: 13px; padding: 4px}
#dataform3 .tdcenter {text-align: center; font-size: 13px; padding: 4px}
#dataform3 .header {text-align: left; color: #000000; background-color: #7295b6; font-size: 14px; padding: 4px}

#dataform4 {background-color: #dadadc; border: 1px solid #7295b6}
/*#dataform4 tr:nth-child(1), #dataform4 tr:nth-child(9) {border: 1px solid #7295b6; border-bottom: 0;}*/
#dataform4 td {border: 0; white-space: nowrap;}
#dataform4 .tdright {text-align: right; font-size: 12px; font-weight: 700; padding: 4px}
#dataform4 .tdleft {text-align: left; font-size: 13px; padding: 4px}
#dataform4 .tdleftbold {text-align: left; font-size: 12px; font-weight: 700; padding: 4px}
#dataform4 .tdcenter {text-align: center; font-size: 13px; padding: 4px}
#dataform4 .header2 {text-align: left; color: #FFFFCC; background-color: #AAAAAA; font-size: 14px; padding: 4px}

#calendar {}
#calendar table {font-size: 11px; border-collapse: separate; border-spacing: 1px}
#calendar span {font-size: 11px}

/* trackers */
.assessmentrow {margin: 0 auto;}
.assessmentrow div {margin: 2px auto; display: inline-block}
.assessmentbox {float: left; padding: 0 6px;}
.assessmenttable {background-color: #E9E9E9; border: 1px solid #7295b6;}
.assessmenttable td {border: 1px solid #7295b6; padding: 5px 8px; font-size: 12px; font-weight: 500; white-space: nowrap;}

div#wrapper {border: 0; padding: 0; float: none; min-width: 1152px; overflow-y: hidden; color: #000000; background: transparent; width: auto; margin: 0 4px 10px;}

/* treatment logs */
.width10 {width: 10%}
.width15 {width: 15%}
.width50 {width: 50%}

.fsxsml {font-size: 10px}
.fssml {font-size: 12px}
.fsmed {font-size: 14px}
.fslrg {font-size: 16px}
.fsxlrg {font-size: 18px}
.fwbold {font-weight: bold}
.cred {color: red}
.cgreen {color: green}
.cyellow {color: yellow}

.taleft {text-align: left}
.tacenter {text-align: center}
.taright {text-align: right}

#logwrapper {min-width: 1152px; margin: 0 4px; border: 0; padding: 0; color: #000000;}

#tblTitle {width: 100%; margin: 0 0 12px;}
#tblTitle td {vertical-align: middle; white-space: nowrap;}

#tblResident {width: 100%; margin: 0 0 12px;}
#tblResident td {vertical-align: top; white-space: nowrap;}

#tblDates {width: 100%; margin: 0 0 5px; border: 1px solid #000000;}
#tblDates td {border: 1px solid #000000; text-align: center; vertical-align: middle; white-space: nowrap;}

#tblTherapists {width: 100%; margin: 0 0 25px;}
#tblTherapists td {vertical-align: middle; white-space: nowrap;}

#divModMessage {float: right;}

/* patient pot  */
.divform {background-color: #eeeeef; border: 0}

.nobotborder {border-bottom: 0;}
.notopborder {border-top: 0;}
.noborder {border: 0;}
.needborder {border: 1px solid #7295b6;}
.topborder {border-top: 1px solid #7295b6;}
.botborder {border-bottom: 1px solid #7295b6;}
.leftborder {border-left: 1px solid #7295b6;}
.rightborder {border-right: 1px solid #7295b6;}
.needdarkcolor {background-color: #dadadc}
.needtextdec {text-decoration: underline}

.wordwrap td {white-space: normal;}
.truncate td {overflow: hidden;}

input {
    margin: revert;
}

.cwfbadge {
  position: relative;
  top: -3px;
  right: -2px;
  padding: 3px 5px;
  border-radius: 100%;
  background: red;
  color: white;
}

.btnSubmit, #btnSubmit, .btnBlue, #btnMove, #btnAdd, .btnEdit, #btnRemove, input[type="submit"] 
{
    display: inline-block;
    color: white;
    text-decoration: none;
    background-color: #003366;
    border: 0;
    margin: 1px;
    border-radius: 0;
    padding: .320rem .50rem;
}
.btnCancel, .btnGrey, #btnView, #btnCancel, #btnCancelTop, #btnDelete, #btnBack, #btnCancel1, #btnCancel2, #btnSF, #btnMF, #btnMove, input[value="Cancel"], #btnNext, #btnNextTop
{
    display: inline-block;
    color: white;
    text-decoration: none !important;
    font-weight: normal !important;
    background-color: #7295b6;
    border: 0;
    margin: 1px;
    border-radius: 0;
    padding: .320rem .50rem;
}

.badge {
    background-color: #7295b6 !important;
}

input, select, textarea {
    border: 1px solid #c7c7c7;
}