body {font-family: "San Francisco", BlinkMacSystemFont, "Segoe UI", -apple-system, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", "Lucida Grande", Arial, sans-serif !important; font-weight: 400; font-size:16px; color:#111}

/* Text */

b, strong, .strong, div b, div strong, div .strong, th b, th, th strong, th .strong, td b, td strong, td .strong, label {font-family: "San Francisco", BlinkMacSystemFont, "Segoe UI", -apple-system, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", "Lucida Grande", Arial, sans-serif !important;  font-weight: 600 !important;}
h1 {font-size: 36px; margin: 0px; margin-bottom:5px; color: #fff; font-weight: 600; font-style:italic; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); font-family: "San Francisco", BlinkMacSystemFont, "Segoe UI", -apple-system, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", "Lucida Grande", Arial, sans-serif !important;}
h1>.titleFont {padding-left:15px; font-weight:400; letter-spacing:-0.03em}
h1>img{margin-bottom:5px}
h2, .responsiveForm h2 {font-size: 28px; font-weight: 600; color: #045465; margin-top: 0px}
h3, .responsiveForm h3, .h3Title {font-size: 22px; font-weight: 600; margin-top: 0px}
h4, .responsiveForm h4 {font-size: 20px; font-weight: 600; margin-top: 0px}
body>.fullHeightBg, .fullHeightBg {height:100%;width:100%;position:fixed;left:0;right:0;top:0;bottom:0;margin:0;padding:0; z-index:-1} 
div.errorMsg {width:100%!important; font-size: 18px!important; margin-bottom:15px; text-align: center!important; padding:5px!important; border: 2px dotted #E91E63!important; background-color: #ffe8ec!important; color: #000!important;}
.noWrap {
    white-space: nowrap
}
.iPhoneNoSize {
    font-size: 16px;
}

#legal {
    color: #e1e1e1;
    font-size: 11px;
    text-align: center;
    margin: 10px auto;
} 
/* Links */

a {color: #004fa2; text-decoration:underline}
a.btn, a.btnBlue, button.btn, .nav-tabs#topTabs > li > a, #sideTabs .list-group-item {text-decoration:none!important}
a.alink, .tab-pane .panel a.WizardActions {text-decoration:underline}
a.alink, .tab-pane .panel a.WizardActions.btn {text-decoration:none}
a.alink, .tab-pane .panel a.WizardActions.btn:hover {text-decoration:underline}
a.logoLink {text-decoration:none!important; display:inline-block}
a:hover {cursor: pointer}
.responsiveForm a:not(.btn), a.linkified {text-decoration:underline}
.responsiveForm a:not(.btn).list-group-item {text-decoration:none; cursor:pointer}
.responsiveForm a:not(.btn):hover,  a.linkified:hover {background-color:#EEFFFF;}
.btn-group>.btn {margin-right: 2px;}

/* Margins and Padding */
.noPadding {padding:0px}
.noColPad {padding-left: 0px; padding-right: 0px}
.extraLR {padding-left: 15px; padding-right: 15px}
.bottom5 {margin-bottom: 5px}
.bottom15 {margin-bottom: 15px}
.bottom30 {margin-bottom: 30px}
.bottom45 {margin-bottom: 45px}
.tenPad {padding: 10px}
.thirtyPadTB {padding: 30px 0}
.thirtyPadLR {padding: 0 30px}
.twentyPadLR {padding: 0 20px}
.fifteenPadTB {padding: 15px 0}
.tenPadTB {padding: 10px 0}
.fiveTB {padding: 5px 0}
.fifteenPad {padding: 15px}
.thirtyPad {padding: 30px}
.fivePad {padding: 5px}
.fivePadLeft {padding-left:5px}
.tenPadLeft {padding-left:10px}
.noMargin {margin: 0px!important}
.top15 {margin-top: 15px}
.top30 {margin-top: 15px}
.dataRow {margin:0 0}
.fifteenMarginR {margin-right:15px}
.seniorReviewLabel {opacity:1; animation: seniorReviewLabelFlash 1s infinite; -webkit-animation: seniorReviewLabelFlash 1s infinite;}
@keyframes seniorReviewLabelFlash {
    0% {opacity:0;}
    50% { opacity: 0}
    51% {opacity: 1;}
    100% {opacity: 1;}
}

/* Colours, Shadows and Backgrounds */
.paleBlue {
    background-color: #edf3f3
}
.labourCTGColour {background:#54D4AA}
.labourCTGColourDark  {background:#38C28D}
.labourPartoColour {background:#CA819D}
.labourMEWSColour {background:#AAC76D}
.labourNotesColour {background:#34D8E5}
.postItNote {background-color: rgb(255,249,220);}
.bigBg {position: absolute; top: 0; height: 100%; bottom: 0; background: #045465; width: 100%; z-index: -1;}
.phrBg {background-color:#2c7b8c;}
.postItNoteLight {background-color: #FFFCF0}
.skyBlue {background: #d7eff5;}
.skyBlueTint {background: #fdfbf7}
.darkBlueBg {background-color: #1b697b;}
.darkGreen {background-color: #098ba9}
.instructionText {color: #098ba9}
.veryLightBg {background-color: #fdfbf7}
.superLightBg {background-color: #fdfbf7}
.lightGreen {background-color: #e7ffe7}
.lightBg {background-color: #fafafa}
.darkBg {background-color: #098ba9}
.pureWhite {background-color: #fff}
.whiteBg {background-color:#fdfbf7}
.whiteT, .whiteTxt {color: #fff}
.greenT, .greenT a {color: #098ba9}
.myPreferencesGreenT{color: #297063 !important;}
.greyT, .greyT a {color: #aaa}
.dkGreenT, .dkGreenT a {color: #013B3E}
.disabled a {color: #1b697b}
.orangeT {color: #ff701d}
.Grey90 {background-color:#323D49;}
.Grey85 {background-color:#3E4C5D;}
.Grey80 {background-color:#4A5C71;}
.Grey70 {background-color:#566B82;}
.Grey60 {background-color:#637A94;}
.Grey50 {background-color:#7489A0;}
.Grey40 {background-color:#8598AD;}
.Grey30 {background-color:#A5B3C2;}
.Grey25 {background-color:#B5C0CD;}
.Grey22 {background-color:#bec8d3}
.Grey20 {background-color:#C5CED8;}
.Grey15 {background-color:#DBE1E7;}
.Grey10 {background-color:#F2F4F7;}
.k2Blue {background-color:#24B0D1;}
.k2BlueDk {background-color:#1494BE;}
.k2Orange {background-color:#E87900;}
.k2OrangeDk {background-color:#DD5900;}
.greenInfantColour {background-color:#5BBB1C;}
.blueInfantColour {background-color:#0BB8EA;}
.yellowInfantColour {background-color:#F4BE04;}
.goldColour {background-color:gold;}
.redInfantColour {background-color:#DC0000;}
.shadowDown {box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1) !important}
.outerShadow {box-shadow: 3px 3px 9px 0 rgba(0,0,0,0.05);}
.relative {position: relative}
.divLine { margin-bottom: 5px; padding-bottom: 5px}
.noMargin {margin:0px}

@keyframes yellowAlert
    {
      0%   {background-color: #F4BE04;}
      50%   {background-color: #F4BE04;}
      51%   {background-color: transparent;}
      100%  {background-color: transparent;}
    }
@keyframes redAlert
    {
      0%   {background-color: #DC0000;}
      50%   {background-color: #DC0000;}
      51%   {background-color: transparent;}
      100%  {background-color: transparent;}
    }

@keyframes iconAlert
    {
      0%   { opacity : 1}
      50%   { opacity : 1}
      51%   {opacity: 0;}
      100%  {opacity: 0;}
    }

.ladderYellow {animation: yellowAlert 1.4s infinite; -webkit-animation: yellowAlert 1.4s infinite;}
.ladderRed  {animation: redAlert 0.7s infinite; -webkit-animation: redAlert 0.7s infinite;}
.ladderIconYellowFlash {animation: iconAlert 1.4s infinite; -webkit-animation: iconAlert 1.4s infinite;}
.ladderIconRedFlash  {animation: iconAlert 0.7s infinite; -webkit-animation: iconAlert 0.7s infinite;}


.accordion-body {
    -webkit-transition: none!important;
    transition: none!important;
}

.moreInfo .grp2, .moreInfo .grp3, .moreInfo .grp4 {display:none}

/* Header */

.titleArea {padding: 15px;}
.logo {display: inline-block; position: absolute; top: 12px; left: 15px; z-index: 1;}
.logoImg {width:60px; height:60px; vertical-align:top}
.logoLink {font-weight:600; font-style:italic; color:#fff; padding-top:2px; font-size:21px}
a.logoLink:hover, a.logoLink:active, a.logoLink:focus {color:#fff; text-decoration:none}
.K2logo {margin-right: 10px; display: inline-block}
.trust {font-family: "San Francisco", BlinkMacSystemFont, "Segoe UI", -apple-system, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", "Lucida Grande", Arial, sans-serif !important;  display: block; margin-top: -10px; margin-bottom: 15px; color: #8e2960; font-size: 18px; letter-spacing: normal; padding-left: 75px; text-shadow: none}
.titleValueBorder {margin: 15px 0px!important; border-bottom: 1px solid #f1f1f1; padding-bottom: 15px;}
.titleValueBorder:last-of-type {margin: 15px 0px 0px !important; border-bottom: none; padding-bottom: 15px;}

/* Wizard & Forms Layout */
#wizardFrm {padding-bottom: 75px}
.responsiveForm {width: 730px; margin: 0 auto}
@media (max-width:767px) {.responsiveForm {width: 100%;}}
@media (min-width:768px) {.responsiveForm {width: 730px;}}
@media (min-width:800px) {.responsiveForm {width: 760px;}}
@media (min-width:900px) {.responsiveForm {width: 855px;}}
@media (min-width:1000px) {.responsiveForm {width: 950px;}}
@media (min-width:1100px) {.responsiveForm {width: 1045px;}}
@media (min-width:1200px) {.responsiveForm {width: 1140px;}}
@media (min-width:1300px) {.responsiveForm {width: 1235px;}}
@media (min-width:1400px) {.responsiveForm {width: 1330px;}}
.borderBot {border-bottom: solid 10px #7489A0;}

/* Action Buttons */

/* Buttons */

.btn {border: 0px solid transparent; border-radius: 5px; font-size:16px}
.btn-group-lg>.btn, .btn-lg {font-size:16px; padding: 8px 12px}
.titleArea .btn {border-left-width: 0px;}
.btn-blue {background-color: #084e5d; border-color: #007d9a; color: #fff;}
.btn-blue.active.focus, .btn-blue.active:focus, .btn-blue.active:hover, .btn-blue:active.focus, .btn-blue:active:focus, .btn-blue:active:hover, .open > .dropdown-toggle.btn-blue.focus, .open > .dropdown-toggle.btn-blue:focus, .open > .dropdown-toggle.btn-blue:hover, .btn-blue:hover, .btn-blue:active, .btn-blue:focus {background-color: #084e5d; background-image: none; text-decoration: underline; color: #fff;}
.btn-transp {background-color:#045465; border-color: #2c7b8c; color: #fff;}
.btn-transp.active.focus, .btn-transp.active:focus, .btn-transp.active:hover, .btn-transp:active.focus, .btn-transp:active:focus, .btn-transp:active:hover, .open > .dropdown-toggle.btn-transp.focus, .open > .dropdown-toggle.btn-transp:focus, .open > .dropdown-toggle.btn-transp:hover, .btn-transp:hover, .btn-transp:active, .btn-transp:focus {background-color: #045465; background-image: none; text-decoration: underline; color: #fff;}
.btn-grey {background-color: #3E4C5D; border-color: #2c7b8c; color: #fff;}
.btn-grey.active.focus, .btn-grey.active:focus, .btn-grey.active:hover, .btn-grey:active.focus, .btn-grey:active:focus, .btn-grey:active:hover, .open > .dropdown-toggle.btn-grey.focus, .open > .dropdown-toggle.btn-grey:focus, .open > .dropdown-toggle.btn-grey:hover, .btn-grey:hover, .btn-grey:active, .btn-grey:focus {background-color:#323D49; background-image: none; text-decoration: underline; color: #fff;}
.btn-yellow {background-color: yellow; border-left-width:0px!important; color: black; padding: 7px 8px 8px;}
.btn-yellow.active.focus, .btn-yellow.active:focus, .btn-yellow.active:hover, .btn-yellow:active.focus, .btn-yellow:active:focus, .btn-yellow:active:hover, .open > .dropdown-toggle.btn-yellow.focus, .open > .dropdown-toggle.btn-yellow:focus, .open > .dropdown-toggle.btn-yellow:hover, .btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus {background-color: yellow; background-image: none; text-decoration: underline;  color: black;}
.btn-green {background-color: #006600; border-color: #0da70d; color: #fff;}
.btn-green.active.focus, .btn-green.active:focus, .btn-green.active:hover, .btn-green:active.focus, .btn-green:active:focus, .btn-green:active:hover, .open > .dropdown-toggle.btn-green.focus, .open > .dropdown-toggle.btn-green:focus, .open > .dropdown-toggle.btn-green:hover, .btn-green:hover, .btn-green:active, .btn-green:focus {background-color: #006600; background-image: none; text-decoration: underline; color: #fff;}
.submitBtnWrap {padding: 6px;border-radius: 12px; width: auto; display: inline-block}
.btnBlue {color: #fff!important; background-color: #24B0D1; font-weight:600; border:none}
.btnBlue:hover, .btnBlue:active {color: #fff!important; background-color: #2099B7; font-weight:600; box-shadow:none}
.btn.btnBlue:hover, .btn.btnBlue:focus, .btn.btnBlue.focus {color: #fff!important; text-decoration: underline; outline:none}
.btn.btnBlue.disabled {color: #fff!important; background-color: #2099B7!important; opacity:1; font-weight:600; box-shadow:none}
td.grp5 > a.toggleThis {font-size: 14px; line-height: 1.2; white-space: nowrap; padding:6px}


/* Input Fields */
 .reallySmallInput {width: 75px}
 .form-group > label {margin-right:10px}
 label.FormLabel {padding-right: 0px; text-align:right; padding-top:6px; display: block; font-size:16px; font-weight: 400; line-height: 120%}
  label.FormValue { padding-left: 10px; text-align:left; padding-top:6px; display: block; font-size:16px; font-weight:normal!important; line-height: 120%}
 .form-group > input.form-control:last-child {margin-right:10px}

/* Search Page */
.searchTitle {font-size:20px; font-weight:600; border-radius:3px;}
table#patientSearchResultsTable, table#patientSearchResultsTable > thead > tr > th, table#patientSearchResultsTable > tbody > tr > td {border-left:0px!important;}
table#patientSearchResultsTable > thead > tr > th {padding: 5px; font-weight: 600; color: #fff; background-color:#4A5C71; border-right:1px solid #f2f4f7 ; text-align:left}
table#patientSearchResultsTable > tbody > tr > td {padding: 5px; font-weight: 400; width: 1px; border-right: 1px solid #ccc}
table#patientSearchResultsTable > tbody > tr:hover > td {background-color: rgb(255,249,220);}
table#patientSearchResultsTable > tbody > tr > td.noWrap > a, td.noWrap {white-space:nowrap}
a.tableLink {display: block; text-decoration:none!important; color:#222!important}

/* Locations Page */
.locationsTitle {font-size: 20px; font-weight: 600; border-radius: 3px;}
.locationsList > .list-group-item {margin-bottom: 15px; width: 100%; text-decoration:none!important}
.locationsList > .list-group-item:last-child {margin-bottom: 0px;}
 
/* Chalkboard */

.cbModal.modal {display:inherit}
.cbModal.modal-dialog {z-index:1070;}
.fullMore {position: absolute; left:0; top:0; height:100%}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border-top:0px}
.chalkboardRow {padding-bottom: 5px;}
.chalkboardRow > table.table {margin-bottom: 0px}
.table.cbTable {border-collapse:unset}
.table.cbTable, .table.cbTable > thead > tr > th, .table > tbody > tr > td {border-left:0px!important;}
.table.cbTable > thead > tr > th {padding: 5px; font-weight: 600; color: #fff; box-shadow:1px 0px 0px 0px #637A94; line-height:1}
.table.cbTable > tbody > tr > td {padding: 5px; font-weight: 400; width: 1px;  line-height:1} /*box-shadow: 1px 0px 0px 0px #A5B3C2;*/


.table.cbTable > tbody > tr > td:last-child {box-shadow:none}
.table.cbTable > thead > tr > th {vertical-align: bottom; border-bottom: 0px!important; text-align:center}
.table.cbTable  > tbody > tr.mainTr.sss > td {border-bottom: none!important }
.table.cbTable  > tbody > tr.unoccupiedRoom, .table.cbTable  > tbody > tr.unoccupiedRoom > td {background-color:#e7ebef}
/*.table.cbTable > tbody > tr:nth-of-type(4n-1) {background-color: #ebeef3}
.table.cbTable > tbody > tr.hhh:nth-of-type(4n-1) {background-color: #ebeef3; opacity:1}*/
.sss {background-color: rgb(255,249,220); opacity:1}
.sss.hhh {background-color: #F2F4F7;}
/*.table.cbTable > tbody > tr.sss:nth-of-type(4n-1) {background-color: rgb(255,249,220)}
.table.cbTable > tbody > tr.sss.hhh:nth-of-type(4n-1) {background-color: #DBE1E7}*/

.hiddenRow {
  padding: 0px !important;
  background-color:#FFFCF0!important;
}

.clickable-row.active td {
  background-color:#FFFCF0!important
}

.clickBtn {font-size:14px; white-space:unset; padding:5px; max-width:60px; display:inline-block; line-height:1}
.clickBtn:focus, .clickBtn:active, .clickBtn:active:focus {outline:none}

.clickBtn > span.lbl:after {
  content: "Show More";
}

.clickable-row.active .clickBtn>span.lbl:after {
  content: "Show Less";
}


td.onePercent {width:1%!important}
td.grp5, th.grp5 {max-width: 1%; width: 1%;  text-align:center}
.table>tbody>tr>td.vAlignT {vertical-align:top}
.table>tbody>tr>td.vAlignM {vertical-align:middle}
.table>tbody>tr>td.vAlignB {vertical-align:bottom}
td.moreTd {padding: 0px!important; color:#222!important}
.moreInfo.collapse.in .lastRow {margin-bottom:15px}
.moreInfo.collapse.in > .moreInfoWrap{padding:5px 15px}
.moreInfo.collapse.in .grp2, .moreInfo.collapse.in .grp3, .moreInfo.collapse.in .grp4, .moreInfo.collapse.in .grp2, .moreInfo.collapse.in .grp3, .moreInfo.collapse.in .grp4 {display: none;}
.mobTitle {display:none; font-weight:400}
.moreTitle {font-weight: 400;
    margin-bottom: 5px;
    padding: 0;
    font-size: 14px;
    line-height: 1;
    display: inline-block;}
.moreValue {font-weight: 600; 
    line-height:unset;
    display: block;
    padding:5px;
    background-color:#fffbea;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);
}

/* Table Styling */

.tableContainer {width: 100%; overflow-x: auto}
.table {margin-bottom: 0; width: 100%}
td.wideCol {width: 100%}

.panel-info .table-striped > tbody > tr:nth-of-type(odd) {background-color: #f1f9fb;}
.panel-info .table-bordered > tbody > tr > td, .panel-info .table-bordered > tbody > tr > th, .panel-info .table-bordered > tfoot > tr > td, .panel-info .table-bordered > tfoot > tr > th, .panel-info .table-bordered > thead > tr > td, .panel-info .table-bordered > thead > tr > th, .panel-info .table-bordered {border: 1px solid #cee8ee;}
.panel-green .table-striped > tbody > tr:nth-of-type(odd) {background-color: #f3fdf6;}
.panel-green .table-bordered > tbody > tr > td, .panel-green .table-bordered > tbody > tr > th, .panel-green .table-bordered > tfoot > tr > td, .panel-green .table-bordered > tfoot > tr > th, .panel-green .table-bordered > thead > tr > td, .panel-green .table-bordered > thead > tr > th, .panel-green .table-bordered {border: 1px solid #ceeed8;}
.panel-default .table-bordered > tbody > tr > td, .panel-default .table-bordered > tbody > tr > th, .panel-default .table-bordered > tfoot > tr > td, .panel-default .table-bordered > tfoot > tr > th, .panel-default .table-bordered > thead > tr > td, .panel-default .table-bordered > thead > tr > th, .panel-default .table-bordered {border: 1px solid #eee;}

.table.noTableStyle.centered {width: auto; margin: 0 auto}
.table.noTableStyle > tbody > tr > td, .table.noTableStyle > tbody > tr > th, .table.noTableStyle > tfoot > tr > td, .table.noTableStyle > tfoot > tr > th, .table.noTableStyle > thead > tr > td, .table.noTableStyle > thead > tr > th {border-top: none; padding: 6px 12px 6px 12px; vertical-align: middle; line-height: normal;}
.table.noTableStyle.simpleTable > tbody > tr > td { padding:10px 10px 10px 0; font-weight:600;}
.table.noTableStyle.simpleTable.bottom30 {margin-bottom:30px}
.table.noTableStyle:not(.simpleTable) > tbody > tr > td:nth-child(2) {min-width:330px}
.table.noTableStyle > tbody > tr > td:empty {padding-left:0; padding-right:0}

#eventsTable td {vertical-align: top!important}
.eventTime {color: #1e48c3;}

/* Loading */
.progress {height: 30px;}
.progress-bar {height:30px; font-size:16px; background-color:#0a4b82}
.progress-bar > span {padding-top:5px; display:inline-block; margin:0 auto; text-align:center}

/* Features */
.featuresTitle {position:absolute; text-align:center; left:-50px; right:-50px}
th.subTh {width: 1%; border-right: none!important; }
th.subTh:last-of-type {border-right: 1px solid #A5B3C2!important;}
.featureContainer {text-align:center; font-size:14px; width:60px; display:inline-block}
.featureValueLabel {font-weight:600;  display:block; white-space:normal}
.featureTimeLabel {font-weight:400; display:block}
.featureAlertLabel {font-weight:600; display:block; box-shadow:0px 0px 0px 1px #bec8d3; margin-top:4px}

/* Risks */
.riskCell {width:120px; min-width:120px; background-color:pink; text-align:center;font-size:14px; font-weight:600;box-shadow:0px 0px 0px 1px #bec8d3;}
.table.riskTable, .table.riskTable > tbody > tr, .table.riskTable > tbody > tr > td {background-color: transparent !important; margin: 0px !important; border: 0px !important}
.moreValue>.table.riskTable {width:auto}
.riskCell {width:120px; min-width:120px; background-color:pink; text-align:center;font-size:14px; font-weight:600;box-shadow:0px 0px 0px 1px #bec8d3;}
div.riskCell:empty {box-shadow:none!important; display:none!important}
.table.riskTable > tbody > tr > td.r1c1 {padding:0px 4px 4px 0px}
.table.riskTable > tbody > tr > td.r1c2 {padding:0px 0px 4px 0px}
.table.riskTable > tbody > tr > td.r2c1 {padding:0px 4px 0px 0px}
.table.riskTable > tbody > tr > td.r2c2 {padding:0px 0px 0px 0px}
.table.riskTable > tbody > tr > td.r3c1 {padding:4px 4px 0px 0px}
.table.riskTable > tbody > tr > td.r3c2 {padding:4px 0px 0px 0px}

tab-pane .col-sm-1, .tab-pane .col-sm-1.text-right, .tab-pane .col-sm-1.text-left, .tab-pane .col-sm-3.text-right, .tab-pane .col-sm-3.text-left, .tab-pane .col-sm-6.text-right, .tab-pane .col-sm-6.text-left, .tab-pane .col-sm-12.text-right, .tab-pane .col-sm-12.text-left {
    padding-right: 5px !important;
    padding-left: 5px !important
}


/* Chalkboard Phone & Small Tablet */
@media (min-width: 1px) {
td.roomCell {text-align:center}
td.disabledRoom { color:#A5B3C2;}
.grp1 {display: block; width:100%!important;}
.grp2, .grp3, .grp4 {display: none}
.moreInfo.collapse.in .grp2, .moreInfo.collapse.in .grp3, .moreInfo.collapse.in .grp4 {display: block;}
.chalkboardRow thead {display: none}
.mobTitle {display: none;}
.grp5 {display: inline-block}
.fContainer {padding:5px; display:inline-block; box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); vertical-align: top; margin:2px 0; min-height: 80px;}
.fTitle {padding:0px 0px 5px 0px; display:block; border-bottom:1px solid #ccc; text-align:center; margin-bottom:5px}
.mobileNothing {font-size:14px; padding:5px; font-weight:400}
/*.grp1, .grp5 { border-bottom:0px!important}*/
}  

@media (max-width: 479px) {
td.onePercent {width:auto!important; min-width: 100%;}
.fullMore {position:relative}
.cbTable {text-align:center}
.cbTable > * {box-shadow: none!important}
.table.cbTable > tbody > tr > td {box-shadow: none!important}
.grp5 {border-bottom:2px solid #ccc!important}
tr.unoccupiedRoom {display:none}
.clickBtn {max-width:none}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border:none}
.table.cbTable > tbody > tr > td.grp1:empty {padding:0px!important}
.situation3:empty {line-height:0; display:none}
.careIcon, .provider {margin-top:0px!important}
.carousel-inner {line-height: 0!important}



}
/* Chalkboard Small Tablet */	  
@media (min-width: 480px) {
.grp1 {display: table-cell; width:1px!important}
.moreInfo.collapse.in .grp2, .moreInfo.collapse.in .grp3, .moreInfo.collapse.in .grp4 {display: block}
.chalkboardRow thead {display: table-header-group;}
.grp1 .mobTitle {display: none}	
.grp5 {display: table-cell;}
    
/*.table > tbody > tr.mainTr > td {border-bottom: 1px solid #4A5C71!important; }*/
}

/* Chalkboard Tablet */
@media (min-width: 768px) {
.grp1, .grp2 {display: table-cell}
.grp3, .grp4 {display: none}	
.moreInfo.collapse.in .grp2 {display: none}
.moreInfo.collapse.in .grp3, .moreInfo.collapse.in .grp4 {display: block}

}

/* Chalkboard Laptop and Desktop */
@media (min-width: 1366px) {
.grp1, .grp2, .grp3 {display: table-cell}
.grp4 {display: none}
.moreInfo.collapse.in .grp2, .moreInfo.collapse.in .grp3 {display: none}
.moreInfo.collapse.in .grp4 {display: block}	
.mobileNothing {font-size:14px; padding:0px; display:none }
}

/* Chalkboard Large Screen + */
@media (min-width: 1600px) {
/*.moreInfo {display: none}*/
.grp1, .grp2, .grp3, .grp4 {display: table-cell}
.grp5 {display: none!important}
.fContainer, .fTitle {padding:0px; display:inline; box-shadow:none; border-bottom:0px; margin:0; text-align:left; min-height:unset}
}

/* CUI Header */
#cuiZoneOne {background-color:#fff; border-bottom: 2px solid #637A94; padding: 6px 30px}
#cuiZoneOne .cuiPatientName {font-size:20px; font-weight:600}
#cuiZoneOne .cuiPatientDetails {font-size:17px; font-weight:600; padding-top:2px; display:inline-block}
#cuiZoneOne .cuiPatientDetails em {font-weight:400}
#cuiZoneThree {padding: 5px 30px 10px}

/* CUI Header Mobile */
@media (max-width:767px) {
#cuiZoneOne {padding: 6px 15px}
#cuiZoneOne .cuiPatientName.pull-left {font-size:18px; font-weight:600; float:none!important;}
#cuiZoneOne .cuiPatientDetails.pull-right {font-size:16px; font-weight:600; float:none!important;}
#cuiZoneOne .cuiPatientDetails em {font-weight:400}
#cuiZoneThree {padding: 6px 15px}
    .tab-pane .col-sm-1, .tab-pane .col-sm-1.text-right, .tab-pane .col-sm-1.text-left, .tab-pane .col-sm-3.text-right, .tab-pane .col-sm-3.text-left, .tab-pane .col-sm-6.text-right, .tab-pane .col-sm-6.text-left, .tab-pane .col-sm-12.text-right, .tab-pane .col-sm-12.text-left {
        text-align: center !important
    }
}

/* Room Tabs */
.belowTab {height: 15px}
.nav-tabs#topTabs {margin-top: -5px; padding: 0 0 0 20px; border-bottom: 0}
.nav-tabs#topTabs > li > a {padding: 16px 15px 16px 10px; border: 0px; font-size: 19px; font-weight: 600; color: #fff;}
.nav-tabs#topTabs > li > a > span {padding-left:3px}
.nav-tabs#topTabs > li > a:focus, .nav-tabs#topTabs > li > a:hover {background-color: transparent; opacity: 0.5; border: 0px;}
.nav-tabs#topTabs > li.active > a, .nav-tabs#topTabs > li.active > a:focus, .nav-tabs#topTabs > li.active > a:hover {padding: 16px 15px 16px 10px; border: 0px; background-color: #F2F4F7; color:#323D49;  opacity: 1; border-radius: 4px; box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.05); position: relative; z-index: 1;}
.nav-tabs#topTabs > li {margin-bottom:-4px;}
.nav-tabs#topTabs > li + li:before {padding:0 5px 0 0; left:-5px; width: 0px; content: " | "; display: block; text-align:center; margin: 0; color:rgba(255,255,255,0.3); position: absolute; top: 16px; z-index:0; font-size: 21px;}
.nav-tabs#topTabs > li.active:before {opacity:0!important}

/* Room Tabs Mobile */
.selectPadding {padding:15px}
.form-control {height:auto}
select#topTabsMobile {font-size:18px;  line-height:18px; font-weight:600}
select#topTabsMobile > option {font-size:18px; line-height:18px; font-weight:600}

/* CTG */
#mainContentWrap {width: 100%; overflow-x: scroll;}
.ctgContainer {height:364px; }
.ctgTraceBg {background-color:#FFFFF0 }
.rtl {direction: rtl; }

/* Notes - Event Summary */
.table.tableNotes, .table.tableNotes > tbody > tr, .table.tableNotes > tbody > tr > td {background-color: transparent !important; padding: 0px !important; margin: 0px !important; border: 0px !important; font-size:17px}
.table.tableNotes > tbody > tr > td.notesCol1 {width: 1%; white-space:nowrap}
.table.tableNotes > tbody > tr > td.notesCol2 {width: 1%; white-space:nowrap }
.table.tableNotes > tbody > tr > td.notesCol1 > span, .table.tableNotes > tbody > tr > td.notesCol2 > span {margin-right:30px}
.timeText {color:#925137; display:inline-block; font-weight:600;}
.timeText:before{
    content: "";
    display: inline-block;
    background: url("../images/watchicon.png") no-repeat;
    width: 21px;
    height: 23px;
    padding-left: 21px;
    margin: 0 6px 0 0;
}
.timeText:empty:before{
    content: "";
    display: none;
    background: none;
    width: 0;
    height: 0;
    float: none;
    margin: 0;
}
.boldDateText {font-weight:600; color:#378192; font-size:19px; margin-bottom:15px; display:block; border-bottom:1px solid;}
.boldNotesText {font-weight:600; color:#323D49; display:inline-block}
.notesText {display: inline-block; color: #323D49; margin-bottom: 10px; white-space:pre-line;}
.notesCol3 .notesText:last-child {margin-bottom:15px}
hr.notesDivider {margin-top: 1px; margin-bottom: 15px; border: 0; border-top: 1px solid #B5C0CD;}

/* Notes and Outcome */

#PatientNotesPageContainer, #OutcomeNotesPageContainer {padding-top: 15px;}
.bedContentWrapper .panel-heading {padding:3px; font-size: 18px!important; font-weight:600!important}
#sideTabs .list-group-item {padding:5px 10px}
#sideTabs .list-group-item:focus{background-color: #4A5C71!important; color:#fff!important}

/* Notes Mobile */

@media (max-width:350px) {
#cuiZoneOne, #cuiZoneThree {padding: 5px 10px;}
 .selectPadding {padding:10px}
 select#topTabsMobile {font-size: 16px; line-height: 16px}
 .logoLink {font-size:19px; padding-top: 0px;}   
 .btn-group-lg>.btn, .btn-lg {font-size: 14px; padding: 4px 8px}
 .titleArea {padding: 8px;}
 .belowTab {display:none}
}

@media (max-width:767px) {
    #notesContainer .twentyPadLR {padding: 0px}
    .table.tableNotes > tbody > tr > td.notesCol1, .table.tableNotes > tbody > tr > td.notesCol2 {width:100%;display:block!important; white-space:normal}
    .table.tableNotes > tbody > tr > td.notesCol3 {width:100%!important; display:block!important}
    .table.tableNotes > tbody > tr > td.notesCol1 > span, .table.tableNotes > tbody > tr > td.notesCol2 > span {margin-right:0px;}
    /*td.onePercent {width:auto!important}*/
    .boldNotesText {margin-bottom:0px}
    tr:first-child .boldDateText {margin-top: 0px;}
    tr .timeText {margin-bottom: 15px;}
    .notesCol1 .timeText:empty {display:none!important}
    .chiLabel, .dobLabel,  .firstNameLabel, .lastNameLabel {display:block}
    .form-inline .form-control.reallySmallInput {width: 75px; display:inline-block}
    .hiddenMargin {margin-bottom:15px}
}


/* Notes Small */
@media (min-width:768px) {
.form-inline .form-control.reallySmallInput {width: 75px; display:inline-block}
#notesContainer .twentyPadLR {padding: 0px 10px}
}

@media (min-width:768px) and (max-width:1024px) {
    .chiLabel, .hospitalIdLabel, .dobLabel,  .firstNameLabel, .lastNameLabel {display:block}
    .hiddenMargin {margin-bottom:15px}
    #searchFormLayout .btn.btnBlue {vertical-align:bottom}
}

/* Notes Medium + */
@media (min-width:1366px) {
    #notesContainer .twentyPadLR {padding: 0px 20px}
}

/* Situation */
.flowerIcon {display: inline}
.patientName {font-weight:600; display: inline-block; margin-bottom:5px}
.careIcon>img{width:60px;}
.careIcon,.provider {margin-top:5px; display:inline-block}

/* Scrolling Icons */
.item {outline:0;padding:0px}
.itemWidth::after
{
 box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.2);
 content: '';
 display: block;
 height: 60px;
 position: absolute;
 top: 0;
 width: 60px;
}

.carousel-inner > .item {transition:0.2s ease-in-out}
.carousel-caption {position: relative; right: 0; left: 0; bottom: 0; padding: 0 !important; margin:1px 0px; line-height:1; color: #999; text-align: center; font-size: 10px; font-style:italic; text-shadow:none}
.moreValue .carousel-inner > .item {transition:none; display:inline-block; position:relative; left:0 }
.moreValue .carousel-inner>.item.active, .moreValue .carousel-inner>.item.next.left, .moreValue .carousel-inner>.item.prev.right {transition:none; display:inline-block; position:relative; left:0}
.moreValue .carousel-caption {display:none; margin:0px!important}
.mainTr .itemWidth {width:60px}
.moreInfo.collapse.in .itemWidth {width:60px}

/* Plan */
.planItem {margin-bottom:2px; padding-left:2px; padding-right:2px}
.planItem:last-child {margin-bottom:0px}











/* - - - - - - - - - Responsive Photo and Small Landscape Tablet - - - - - - - - - */

@media (max-width:767px) {

.table.noTableStyle:not(.simpleTable) > tbody > tr > td:nth-child(2) {min-width:unset}

.nav, .navbar-nav a {display: block}
.nav#tabNav1 {margin-top: 0px; margin-bottom: 0; border-bottom: 0px}
.nav#tabNav2 {margin-top: 0px; margin-bottom: 0}
.nav#tabNav1 > li > a, .nav#tabNav2 > li > a {color: #fff; font-weight: 400; font-size: 1.25em; padding: 10px; box-shadow: none; line-height: 20px; margin-right: 0; width:100%}
.nav#tabNav1 > li.active > a, .nav#tabNav2 > li.active > a {padding: 10px; border-radius: 0px}
.nav#tabNav1 > li > a:focus, .nav#tabNav1 > li > a:hover, .nav#tabNav2 > li > a:focus, .nav#tabNav2 > li > a:hover {text-decoration: none; background-color: #015a6f; color: #fff; border-radius: 0px; padding: 10px;}
.nav#tabNav2 > li > a {background-color: #007d9a;}
.nav#tabNav2 > li.disabled > a {color: #fff; padding: 8px 10px; background-color: #015a6f}
.nav#tabNav2 > li.disabled > a svg {color: #007d9a}
.nav.tabNav2 {padding:0px}
.nav.tabNav2 {text-align:center}

.secondRow .nav.tabNav2 > li {display:inline-block; margin: 0 1px}
.secondRow .nav.tabNav2 > li > a {display:inline-block; margin:0}
.nav.tabNav2 > li > a:after {padding-left: 6px;}
.nav .nav-divider {margin: 0; background-color: #015a6f; height: 2px}

/* Wizard & Forms Layout */

.responsiveForm {padding: 0 15px; width:100%}
.form-control {height: auto; padding: 8px 6px; color: #222; }/*min-height: 34px; */
.form-horizontal .form-group {margin-left: 0; margin-right: 0}
.form-group .labelStyle:first-of-type, .labelStyle, .modal .form-group .labelStyle:first-of-type, .form-group > .labelStyle:nth-child(2) {float: none; display: block; width: 100%; padding-right: 0; text-align: left; margin-left:0px; margin-bottom: 6px;}
.inputWrapper, .inputWrapper {float: none; display: block; width: 100%;}
.input-xsmall, .input-small, .input-medium, .input-large, .input-xlarge, .input-full {width: 100%;}
select, select > option {font-size: 16px !important;} /* min font size to prevent iOS zoom*/
.noTableStyle td > label.FormLabel, label.FormLabel {text-align: left}

/* Table Styling */

.table.noTableStyle.centered {width:100%}
.table.noTableStyle > tbody > tr > td {text-align: left; display: block}
.table.noTableStyle > tbody > tr > td > img.squiggle {margin-left:auto; margin-right:auto}
.table.noTableStyle.simpleTable > tbody > tr > td {display: table-cell}
.table.noTableStyle > tbody > tr > td:empty {display: none}
.table.noTableStyle > tbody > tr > td, .table.noTableStyle > tbody > tr > th, .table.noTableStyle > tfoot > tr > td, .table.noTableStyle > tfoot > tr > th, .table.noTableStyle > thead > tr > td, .table.noTableStyle > thead > tr > th {padding: 6px 0px; }

}