﻿@charset "utf-8";
/* CSS Document */

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
.HideControl,
[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: 'Roboto', 'Segoe UI', Verdana, sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
    outline:none;
}

a:link, input {
   outline:none;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: 'Segoe UI', Verdana, sans-serif;
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input,
select {
    line-height: normal;
    border-radius: 0.25em;
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

body {
    position:relative;
    background-color:#d6e9f8;
}

body.PDF {
    background-color:white;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.master_footer {
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
}

.master_wrapper {
    min-height: 100%;
    position: absolute;
    width: 100%;
    background: #F6F8FA;
}

.PDF .master_wrapper {
    position: relative;
    background: white;
}

            .master_content {
                padding-bottom:3.5em;   /* Height of the footer element */
                overflow:hidden;
                height:100%;
                width:100%;
                padding-top:5%;
            }

.patientlist_aspx .master_content,
.PatientList_aspx .master_content,
.bedoffer-list_aspx .master_content {
    padding-top: 6%;
}

            .PDF .master_content {
                padding-top: 0;
            }

            html,
            body, 
            form {
                   margin:0;
                   padding:0;
                   height:100%;
            }

            .background-full {
                 margin:0;
                   padding:0;
                   height:100%;
                   overflow:auto;
                   background-size:cover;
                   background-repeat:repeat;                
                 width: 100%;
            }

            .PDF .background-full {
                position:relative;
            }

.header-background {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10ccfb+0,08b5de+100 */
    background: #10ccfb; /* Old browsers */
    background: -moz-linear-gradient(top, #10ccfb 0%, #08b5de 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10ccfb), color-stop(100%,#08b5de)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #10ccfb 0%,#08b5de 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #10ccfb 0%,#08b5de 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #10ccfb 0%,#08b5de 100%); /* IE10+ */
    background: linear-gradient(to bottom, #10ccfb 0%,#08b5de 100%); /* W3C */
    background: white;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10ccfb', endColorstr='#08b5de',GradientType=0 ); /* IE6-9 */
    width: 100%;
    height: 4.5em;
    border-bottom: 3px solid #10ccfb;
}

.footer-background {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10ccfb+0,08b5de+100 */
    background: #10ccfb; /* Old browsers */
    background: -moz-linear-gradient(top, #10ccfb 0%, #08b5de 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10ccfb), color-stop(100%,#08b5de)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #10ccfb 0%,#08b5de 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #10ccfb 0%,#08b5de 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #10ccfb 0%,#08b5de 100%); /* IE10+ */
    background: white;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10ccfb', endColorstr='#08b5de',GradientType=0 ); /* IE6-9 */
    width: 100%;
    height: 5em;
    border-top: 3px solid #10ccfb;
    clear: both;
    padding-top: .5em;
}

.side1 {
    width: 84%;
    background-position: center top;
    background-repeat: no-repeat;
    float: left;
    height: 100%;
    background: #F6F8FA;
    padding-left: 16%;
}

.side1-full {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    height: 100%;
}

.PDF .side1 {
    background: white;
}

.page-full {
	width:100%;
	float:left;
	height:100%;
}

.side2 {
    width: 16%;
    background-color: white;
    float: left;
    height: 100%;
}

.PDF .side2 {
    display:none;
}

.pdfshow {
    display:none;
}

.PDF .pdfshow {
    display:block;
}

.PDF .background-close-x {
    display:none;
}

.PDF .pdfhide {
    display:none !important;
}

.container1 {
	width:50%; 
	height:100%;
	min-width:750px; 
	text-align:center; 
	margin:0 auto;
}

.container1-full {
	width:100%; 
	height:100%;
	margin:0 auto;
}


.container2-col1-full-view {
	width:4%; 
	height:100%;
	text-align:left; 
	margin:0 auto;
    float:left;
}

.container2-col1-full {
	width:4%; 
	height:100%;
	text-align:left; 
	margin:0 auto;
    float:left;
}

.container2-col1-full-popup {
	width:4%; 
	height:100%;
	text-align:left; 
	margin:0 auto;
    float:left;
}



.container2-col2-full {
	width:22%; 
	height:100%;
	text-align:left; 
	margin:0 auto;
    float:left;
}

.container2-col3-full {
	width:22%; 
	height:100%;
	text-align:left; 
	margin:0 auto;
    float:left;
    margin-left:1%;
}

.container2-col4-full {
	width:4%; 
	height:100%;
	text-align:left; 
	margin:0 auto;
    float:left;
}

.container2-col5-full {
	width:22%; 
	height:100%;
	text-align:left; 
	margin:0 auto;
    float:left;
}

.container2-col6-full {
	width:22%; 
	height:100%;
	text-align:left; 
	margin:0 auto;
    float:left;
}

.container2-col7-full {
	width:4%; 
	height:100%;
	text-align:left; 
	margin:0 auto;
    float:left;
}



  .opacityLayer,
  .opacityLayer2,
  .opacityLayer3
   {
        z-index:1000;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        opacity:.8;
        background-color:black;
        filter:alpha(opacity=40);
    }
  .opacityLayer+div  {      z-index: 1001;  }

  .opacityLayer2  {      z-index: 2000;  }
  .opacityLayer2+div  {      z-index: 2001;  }

  .opacityLayer3  {      z-index: 3000;  }
  .opacityLayer3+div  {      z-index: 3001;  }

.title-background {
	width:742px;
	height:80px;
	background-image: url(../Images/title-background-small.png);
	margin-top:30px;
    margin-left:5%
}


@media all and (max-width: 2200px) and (min-width: 1260px) {
.title-background {
	width:842px;
	height:80px;
	background-image: url(../Images/title-background.png);
    margin-left:5%
}
}



@media all and (max-width: 1259px) and (min-width: 1px) {
    .title-background {
	    width:742px;
	    height:80px;
	    background-image: url(../Images/title-background-small.png);
        margin-left:5%
    }
}

.title-header {
    font-family: bankgothicbold, Cursive, 'Segoe UI', verdana, sans-serif;
    font-weight: bold;
    font-size: 240%;
    color: white;
    text-align: left;
    position: absolute;
    top: 0;
    left: 2%;
    display: flex;
    align-items: center;
}

    .AM .title-header,
    .PM .title-header {
        top: 8%;
    }

.titleHeader {
    font-family: 'Roboto', 'Segoe UI', Verdana, sans-serif;
    font-weight: bold;
    font-size: 2em;
    color: black;
    align-content: center;
}

.titleBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

.signup-info {
    font-family: 'Roboto', 'Segoe UI', Verdana, sans-serif;
    font-weight: normal;
    font-size: 100%;
    color: black;
    text-align: left;
    margin-top: 2%;
    margin-bottom: 1%;
}


.textbox-1 {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size:100%;
	width:100%;
	border: 1px solid #acacac;
    margin-bottom:6%;
    background-color:white;
}

.textbox-2 {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size:100%;
	width:100%;
	border: 1px solid #acacac;
    margin-bottom:3%;
    background-color:white;
}

.textbox-3 {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size:100%;
	width:89%;
	border: 1px solid #acacac;
    margin-bottom:1.5%;
    background-color:white;
}

.textbox-4 {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size:100%;
	width:100%;
	border: 1px solid #acacac;
    margin-bottom:3%;
    background-color:white;
}

.textbox-5 {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size:100%;
	width:75%;
	border: 1px solid #acacac;
    margin-bottom:3%;
    background-color:white;
}


.textbox-6 {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
    font-size:100%;
	width:15%;
	border: 1px solid #acacac;
    margin-bottom:3%;
    background-color:white;
}


.textbox-1-popup {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size:100%;
	width:100%;
	border: 1px solid #acacac;
    background-color:white;
}

/* for jquery to work theres some restrictions on class names so use wrappers to set the class */
.textbox-2-popup,
.div-textbox-2-popup select,
.div-textbox-2-popup input {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size:100%;
	width:100%;
	border: 1px solid #acacac;
    background-color:white;
}

.textbox-3-popup {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size:100%;
	width:89%;
	border: 1px solid #acacac;
    background-color:white;
}

.textbox-5-popup {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size:100%;
	width:75%;
	border: 1px solid #acacac;
    background-color:white;
}

.textbox-6-popup {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
    font-size:100%;
	width:15%;
	border: 1px solid #acacac;
    background-color:white;
}


.background-title {
	width:44%;
	position: relative;
	left: 28%;
	top: 0;
	z-index: 0;
    margin-top:3%;
    margin-bottom:2%;
}

.background-button {
	width:35%;
	height:35%;
	position: relative;
	left: -10%;
	top: 0;
	z-index: 0;
    float:right;
    padding-top:52%;
}

.btnSubmit {
    height: 2em;
    margin-top: 9%;
    margin-bottom: 18%;
}

.background-submitbutton {
    width: 35%;
    height: 35%;
    position: relative;
    top: 0;
    z-index: 0;
    padding-top: 4%;
}

.background-congratulations {
	width:85%;
	height:85%;
	position: relative;
	top: 0;
	z-index: 0;
    padding-top:0;
}


.stretch-title {
    width:100%;
}

.stretch-congrats {
    width:100%;
	height:10%;
}

.stretch-button {
    width:100%;
}

.background-checkbox {
	width:1%;
	height:1%;
	position: relative;
	left: 0;
	top: 0;
	z-index: 0;
    text-decoration:none;
}

.stretch-checkbox {
    width:3.2%;
	height:3.2%;
}

.textbox-title {
    font-family: 'Segoe UI', Verdana, sans-serif;
    font-size: 0.75em;
    color: black;
    text-align: left;
}

.textbox-title-required {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size:65%;
	color:red;
	text-align:left;
    margin-bottom:2%;
}


.textbox-title-bold {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:bold;
	font-size:80%;
	color:black;
	text-align:left;
    text-transform:uppercase;
}

.connect-signup {
    width:50%; 
    display:inline-block; 
    float:right
}

.corp-signup {
    width: 50%;
    display: inline-block;
    float: right;
    left: -20%;
    position: relative;
}

.connectsignup-btn {
    width:46%; 
    float:left; 
    cursor:pointer;
}

.editsignup-btn {
    width:46%; 
    float:left; 
    cursor:pointer;
}

.corpsignup-btn {
    width:26%; 
    float:left; 
    cursor:pointer;
}

.backsignup-btn {
    width:46%; 
    float:left; 
    margin-left:3%;
    cursor:pointer;
}

.same-address {
	font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size: 85%;
}

.background-creditcards {
    width:100%;
   top:0;
   left:0;
}

.terms-agree {
	font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size: 115%;
}


.congrats-text {
	font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size:110%;
	text-align:center;
    margin-top:0%;
}	

.congrats-text-line2 {
	font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-weight:bold;
	font-size:110%;
	text-align:center;
    text-transform:uppercase;
    margin-top:5%;
}	


.congrats-text-line3 {
	font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-weight:bold;
	font-size:160%;
	text-align:center;
    text-transform:uppercase;
    color:#0d8e0d;
}	

.congrats-text-italic {
	font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-style:italic;
	font-size:125%;
	text-align:left;
}	


.link-text {
	font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-weight:bold;
	font-size:150%;
	text-align:left;
	float:left;
	color:#084ab2;
}	

.link-text a {
	text-decoration:none;
    color:#084ab2;
}	

.link-text a:visited {
	color:#084ab2;
}	


.later {
	position:relative;
	float:right;
}


.settings-background {
	width:100%;
	background-image:url(../Images/nursinghome-bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	height:800px;
}

.blue-bar {
	width:100%;
	background-color:#084ab2;
	height:90px;
	text-align:center;
}


.home-bar {
	width:100%;
	height:100%;
	text-align:center;
	background-color: #d6ebf8;
	font-size: 305%;
	font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	vertical-align:middle;
	padding: 1% 0;
}

.info-background {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10ccfb+0,08b5de+100 */
    width: 94%;
    height: 100%;
    margin: 2% 3%;
    border-radius: 1em;
}

.info-side1 {
    font-family: 'Roboto', 'Segoe UI', Verdana, sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

    .info-side1 div {
        width: 100%;
        height: 100%;
        align-content: center;
    }

.info-white {
    color: #ECECEC;
    font-weight: 500;
}

.home-info,
.census-info,
.bedhold-info {
    font-family: 'Roboto', 'Segoe UI', Verdana, sans-serif;
    font-size: 1em;
    text-align: left;
    width: 100%;
    align-content: center;
    align-items: center;
    height: 100%;
    text-decoration: none;
    color: black;
}

    .home-info div,
    .home-info-row {
        display: flex;
        align-items: center;
    }

        .home-info span.totalRow {
            font-weight: 600;
        }

    .home-info-total {
        font-family: 'Roboto', 'Segoe UI', Verdana, sans-serif;
        font-size: 1.3em;
        text-align: left;
        font-weight: 600;
        width: 100%;
        float: left;
        height: 15%;
    }

.census-total-info {
    font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-size:160%;
    font-weight:bold;
    text-align:left;
	}

.census-small-info {
    font-family: 'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-size: 110%;
}

.home-container {
    margin:3% 13%;
}

.pending-text {
  font-family: bankgothicbold, 'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-weight:bold;
	font-size:191%;
    text-align:left;
    color:white;
    padding-left:1%;
    width:82%;
    line-height: 1.5;
}

.side-title {
     font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-weight:bold;
	font-size:150%;
    color:black;
    padding-left:15%;
    padding-top:2%;
}

.side-title2 {
    font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-weight:bold;
	font-size: 1.3em;
    color:black;
    padding-left:15%;
}

.side-list {
    font-family: 'Roboto', 'Segoe UI', Verdana, sans-serif;
    font-size: 0.975em;
    padding: 0 12%;
}

    .side-list li a {
        background-repeat: no-repeat;
        background-size: contain;
        padding: 3.7% 19%;
        padding-right: 0;
    }

.side-list li a:link,
.side-list li a:visited {
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: black;
    font-weight: 500;
    display: block;
    width: 84%;
    transition: background-color 0.5s ease, box-shadow 0.5s ease;
}

        .side-list li a:hover {
            background-color: #D6F2FF;
            box-shadow: -0.2em 0 0 #10ccfb;
            color: #10ccfb;
        }

.side2 ul {
    margin-block-end: .05em;
    margin-block-start: .5em;
    list-style-type: none;
}

.customerService.usertype-tech .isTech {
    display:block !important;
}
.customerService li.isCS {
        display:list-item !important;
}
.customerService .isCS{
    display:inline-block !important;
}

/* show for corporate only*/
.customerService a.showCorporateOnly,
.usertype-owner a.showCorporateOnly,
.usertype-cfo a.showCorporateOnly,
.usertype-coo a.showCorporateOnly,
.usertype-ceo a.showCorporateOnly,
.usertype-corporate .showAdvanced 
{
    display:inline;
}
.showCorporateOnly
{
    display:none;
}

.background-createbutton,
.background-census.background-createbutton {
    height: 24%;
    margin-bottom: 4%;
    align-content: center;
    text-align: center;
    background-color: #044895;
    border-radius: .75em;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.5s ease;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    color: white;
    gap: 4%;
    font-weight: 500;
    display: flex;
}
    .background-createbutton:hover,
    .background-createbutton.lnkAMPMCensus:hover {
        background-color: #ECECEC;
        color: black;
    }

    .background-createbutton.btnDashboard img {
        max-width: 1.5em;
        content: url('../secure/Images/icon-dashboard.png');
    }
    .background-createbutton.btnDashboard:hover img {
        content: url('../secure/Images/icon-dashboard-active.png');
    }

    .background-createbutton.btnCreateOffer img {
        max-width: 1.5em;
        content: url('../secure/Images/icon-manual-referral.png');
    }
    .background-createbutton.btnCreateOffer:hover img {
        content: url('../secure/Images/icon-manual-referral-active.png');
    }

    .background-createbutton.lnkAMPMCensus {
        background-color: #10ccfb;
        color: black;
    }
    .background-createbutton.lnkAMPMCensus img {
        max-width: 1.5em;
        content: url('../secure/Images/icon-ampm-census.png');
    }
    .background-createbutton.lnkAMPMCensus:hover img {
        content: url('../secure/Images/icon-ampm-census-active.png');
    }

.lblLiveCensusIcon {
    font-size: 1.3em;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-size: contain;
    line-height: 0.95em;
}

    .lblLiveCensusIcon.noChange {
        padding-right: 1.3em;
    }

    .lblLiveCensusIcon.upIcon {
        background-image: url('../secure/Images/icon-arrow-up.png');
        padding-right: 1.3em;
    }
    .lblLiveCensusIcon.downIcon {
        background-image: url('../secure/Images/icon-arrow-down.png');
        padding-right: 1.3em;
    }

.stretch-createbutton {
    width: 100%;
}

.background-pending {
    width:100%;
    top:0px;
    position:relative;
	top: 0px;
    left:0px;
	z-index: 0;
}

.stretch-pending {
    width: 100%;
}

.stretch-pendingbutton {
    width: 100%;
}

.divCard {
    padding: 1.5em 3%;
    background: white;
    border-radius: 1em;
}

.divCardHome {
    width: 26%;
    display: flex;
    flex-direction: column;
    height: 16em;
    float: left;
}

.divCardHomeContent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.background-logo {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 0;
}

.stretch-logo {
    height: 3.5em
}

.background-logout {
    width:10%;
    height:10%;
    position:relative;
    top: 0;
    left:63%;
    z-index: 0;
}

    .background-logout.btnHome {
        width: 25%;
        position: unset;
        height: 2em;
        margin-left: 5%;
    }

        .background-logout.btnHome img {
            width: 2em;
            height: 2em;
        }

.stretch-logout {
    height: 1.8em;
}

.stretch-homeicon {
height:2.7em;
}

.header-text {
     font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-size:180%;
    font-weight:bold;
}

.phonenumber {
     font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-size:200%;
    font-weight:bold;
}

.background-censuslogo {
    width: 55%;
    height: 4.5em;
    top: 0px;
    position: relative;
    top: 0%;
    left: 0%;
    z-index: 0;
    padding-left: 1%;
    padding-top: 0%;
    align-content: center;
}

.background-phonenumber {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.stretch-censuslogo {
    height: 1.4em;
}

.stretch-censusnumber {
    padding-top: 0.5em;
}

.textbox-hide {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size: 115%;
	width:100%;
     background-color:transparent;
    border:none;
    color:black;
}

.textbox-2 {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size:100%;
	width:100%;
	border: 1px solid #acacac;
    margin-bottom:3%;
}

.textbox-3 {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size:100%;
	width:89%;
	border: 1px solid #acacac;
    margin-bottom:1.5%;
}

.textbox-4 {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size:100%;
	width:100%;
	border: 1px solid #acacac;
    margin-bottom:3%;
}

.textbox-5 {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size:100%;
	width:75%;
	border: 1px solid #acacac;
    margin-bottom:3%;
}


.textbox-6 {
	font-family: 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
    font-size:100%;
	width:15%;
	border: 1px solid #acacac;
    margin-bottom:3%;
}

.background-census {
    width: 100%;
    height: 100%;
    top: 0px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 0;
}

.stretch-census {
width:100%
}

.account-view-text {
    font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-weight:normal;
	font-size:140%;
}

.account-view-text-bold {
    font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-weight:bold;
	font-size: 115%;
}

.account-view-text-bed {
    font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-size: 115%;
}


.account-view-title {
    font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-weight:bold;
    font-size:180%;
}


.census-email-text {
    font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
    font-size:80%;
}
.account-container .background-editaccount {
    margin-left: 2%;
}
.background-editaccount {
width:100%;
height:100%;
top:0px;
position:relative;
    left:-2%;
	z-index: 0;
}


.stretch-editaccount {
    width:11%;
height:11%;
}

.stretch-sendlogin {
width:100%;
height:100%;
}


.background-censuscheck {

width:100%;
height:100%;
top:0px;
position:relative;
	top: 0px;
    left:0px;
	z-index: 0;
}

.stretch-censuscheck {
    width:100%;
height:100%;
}

.background-userbutton {

width:100%;
height:100%;
top:0px;
position:relative;
	top: 0px;
    left:0px;
	z-index: 0;
}

.stretch-userbutton {
    width:100%;
height:100%;
}


/*DROPDOWN OPTION
.styled-select select {
   background: transparent;
   width: 135px;
   font-size: 24px;
   line-height: 1;
   padding-left:5px;
   border: 0;
   border-radius: 0;
   height: 44px;
   -webkit-appearance: none;
   }

.styled-select {
   width: 115px;
   height: 44px;
   overflow: hidden;
   background: url(dropdown-arrow.png) no-repeat right #fff;
   border: 1px solid #acacac;
   }
*/

@font-face {
	font-family: 'Segoe UI';
	src: url('../Fonts/SegoeUI.eot');
	src: url('../Fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
		url('../Fonts/SegoeUI.woff') format('woff'),
		url('../Fonts/SegoeUI.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../Fonts/SegoeUI-Bold.eot');
	src: url('../Fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),
		url('../Fonts/SegoeUI-Bold.woff') format('woff'),
		url('../Fonts/SegoeUI-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

/*when a screen datalist viewOnly hide the buttons that are meant to be shown when editing*/  
.viewOnly .editButtons
{
    display:none;
}

.viewEdit .editButtons
{
    display:block;
}

.viewOnly .viewButtons
{
    display:block;
}

.viewEdit .viewButtons
{
    display:none;
}

.closeoffer {
    font-family: 'Roboto', 'Segoe UI', Verdana, sans-serif;
    font-weight: bold;
    font-size: 180%;
    color: #044895;
    padding: .5% 0 .5% 2%;
}

/*Below are new general POPUP styles.*/
.popupOuterBox {
    width: 40vw;
    background: white;
    margin-left: 30vw;
    z-index: 1001;
    position: fixed;
    top: 18vh;
    left: 0;
    display: flex;
    flex-direction: column;
    border-radius: 1em;
}

    .popupOuterBox.popupLargeBox {
        width: 60vw;
        margin-left: 20vw;
    }

    .popupOuterBox.popupSmallBox {
        width: 30vw;
        margin-left: 35vw;
    }

.popupTitle {
    font-weight: bold;
    font-size: 1.2em;
    padding: 1em;
    text-align: center;
    border-bottom: 1px solid gainsboro;
}

.popupCloseBtn {
    position: absolute;
    height: 2em;
    width: 2em;
    top: 0;
    right: 0;
    margin: 1em;
}

    .popupCloseBtn img,
    .popupCloseBtn .stretch-x {
        height: 100%;
        width: 100%;
    }

.popupContent {
    width: calc(100% - 2em);
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.popupBodyTitle {
    font-size: 1.1em;
    font-weight: 500;
    color: #343434;
    padding: 0.5em;
}

.popupFooter {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 1.5em;
    margin-bottom: 0.25em;
    gap: 2em;
}

.popupFooterBtn {
    height: 2em;
}

    .popupFooterBtn img,
    .popupFooterBtn input[type=image] {
        height: 100%;
        width: 100%;
    }

.newRespBedOffer {
    text-decoration: underline;
    width: 78%;
    margin: 0 auto;
    padding-top: 3%;
    text-transform: uppercase;
}

.contactSection {
    position: absolute;
    top: 30%;
    width: 12%;
    right: 17.2%;
    overflow: visible;
}

.btnWrapper {
    position: relative;
    margin-bottom: 5%;
    width: 74%;
}

.btnWrapper a {
    display:inline-block;
    margin-bottom: 3%;
    text-decoration: none;
    line-height: 3em;
    width: 90%;
    text-align: center;
    overflow: visible;
}

.default-btn {
    display: inline-block;
    outline: 0;
    cursor: pointer;
    border-radius: 10px;
    //border: 1px solid #0A7D2B;
   

    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, 
                rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, 
                rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

    font-weight: 700;
    font-size: 0.65em;
    height: 3em;
    position: relative;
    padding-left: 20%;
    padding-right: 12%;
    text-transform: uppercase;
    white-space: nowrap;    
}

.greenBackground {
    background-color: #0A7D2B;
    border: 1px solid #0A7D2B;
}

.greenBackground:hover {
}

.greenGradientBackground {
    background: linear-gradient(#1aad1a, #027202);
    border: 1px solid #1aad1a; 
}

.redBackground {
    background: linear-gradient(#d01414, #a90000);
    border: 0.03em solid #414a4c;
}

.lightblueBackground {
    background-color: #0cc0ec;
    border: 0.03em solid #044596; 
}

.btnLightblueText {
    background: #10ccfb;
    font-weight: 500;
    height: 2em;
    align-content: center;
    font-size: 1em;
    padding: 0 1em;
    border: none;
    border-radius: 0.75em;
    color: black;
    transition: background ease 0.25s;
    cursor: pointer;
}

    .btnLightblueText:hover {
        background: #ECECEC;
    }

.darkblueBackground {
    background-color: #044596; 
    border: 1px solid #044596;
}

.default-btn:hover {
    background: 0 0;
    color: #000;
}

.icn-btn {
    position: absolute;
    top: -1%;
    left: 2%;
    width: 100%;
    height: 96%;
    background-size: contain;
    background-repeat: no-repeat;
    /* 5/22/2023 switching z-index from 1 to 0 to show under the slider on bedoffer-create */
    z-index: 0;
    pointer-events: none;
}

@media screen and (max-width: 1441px) {
    
    .icn-btn {
        top: 5%!important;
        left: 1.5%!important;
        width: 87%!important;
        height: 87%!important;
    }

}

.icn-btn-at {
    background-image: url(/Images/at-icn.png);
}

.icn-btn-ai {
    background-image: url(/Images/ai-round-icn.png);
}

.icn-btn-announce {
    background-image: url(/Images/announce-icn.png);
}

.icn-btn-phone {
    background-image: url(/Images/phone-icn.png);
}

.btn-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'Microsoft New Tai Lue', Verdana, sans-serif;
}

.background-x {
	width:100%;
	height:100%;
	position:relative;
	top: 0;
    left:0;
	z-index: 0;
    text-align:right;
}

.stretch-x {
    width:20%;
    height:20%;
}

.closeoffer-popup-text {
   font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
   font-size:140%;
   margin-top:3%;
   font-weight:bold;
}

.background-admitted {
	width:100%;
	height:100%;
	position:relative;
	top: 0;
    left:0;
	z-index: 0;
}

.stretch-admitted {
    width:70%;
    height:70%;
}

.closed-text {
     font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-weight:bold;
	 font-size:180%;
     color:#bf1027;
}

.warning-text {
     font-family:'Roboto', 'Segoe UI', Verdana, sans-serif;
	font-weight:bold;
	 font-size:140%;
}

.background-checkbox-setup {
	width:100%;
	height:100%;
	position: relative;
	left: 0;
	top: 0;
	z-index: 0;
    text-decoration:none;
}

.stretch-checkbox-setup {
    width:100%;
}


/*FOR TEXTBOXES*/

 .filledIn
{
    background-color: white;
}
.blank {
    background-color: lightpink;
}
.required.blank {
    background-color: lightpink;
}

/**/


/*FOR HIDING SPINNER*/

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] {
    -moz-appearance:textfield;
}

/**/



/*@media font sizes*/

body {
	font-size:15px;
    /*font-size: 0.90em*/
}



@media all and (min-width:1601px) {
    body {
        font-size: 18px !important;
        /*font-size: 1.1em !important;*/
    }

    body:has(.DisplayViewOffer, .DisplayViewApprovalForm) {
        font-size: 17.5px!important;
    }
}

@media all and (max-width:1600px) and (min-width:1281px) {
    body {
        font-size: 14px !important;
        /*font-size: 0.90em !important;*/
    }
}

@media all and (max-width:1400px) and (min-width:1281px) and (max-height: 785px) {
     .DisplayViewApprovalForm  {
        padding: 0.4%!important;
    }
    .DisplayViewOffer {
        padding: 0.5%!important;
    }
    .DisplayViewOffer .lblOfferTime {
        padding-top: 0.4%!important;
    }

    .ctlPatientList_container.newReferral {
        font-size: 16px!important;
    }
}

@media all and (max-width:1280px) and (min-width:1025px) {
    body {
        font-size: 11px !important;
    }
    .background-createbutton,
    .background-census.background-createbutton {
        background-size: contain;
    }
}

@media all and (max-width:1024px) and (min-width:981px) {
    body {
        font-size: 11px !important;
    }
    .background-createbutton,
    .background-census.background-createbutton {
        background-size: contain;
    }
}

@media all and (max-width:980px) and (min-width:1px) {
    body {
        font-size: 10px !important;
    }
    .background-createbutton,
    .background-census.background-createbutton {
        background-size: contain;
    }
}

@media all and (max-width:1280px) and (min-width:1021px) {
    .title-header {
        font-size:200%;
    }
}

@media all and (max-width:1020px) and (min-width:1px) {
    .title-header {
        font-size:200%;
    }
}

.background-searchbutton {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
}

.background-print {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: relative;
}

.stretch-print {
    width: 100%;
}

.background-nextbutton {
    width: 68%;
    height: 68%;
    position: relative;
    top: 0;
    left: 0;
    float: left;
    padding-top: 100%;
}

.background-signup-nextbutton {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    float: right;
    padding-top: 20%;
}

.background-savelaterbutton {
    width: 100%;
    position: relative;
    top: 0;
}

.showHIPAA {
    position: absolute;
    margin-top: .5em;
}

.root_container.customerService .showHIPAA {
    display: none;
}

.background-security {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.stretch-security {
    width: 100%;
}

.background-switch,
.stretch-switch {
    display: block;
    width: 100%;
    height: 100%;
}

.stretch {
    width: 100%;
}

.filter-row {
    display: none !important;
}

.onrowclick, .onrowclickHeader {
    display: none;
}

.FacilitySetup-Beds {
    width: 10%;
    float: left;
    margin-left: 2.5%;
}

    .FacilitySetup-Beds:first-child {
        margin-left: 0;
    }

.FacilitySetup-Equipment {
    width: 33%;
    float: left;
    margin-left: 2.5%;
}

    .FacilitySetup-Equipment:first-child {
        margin-left: 0;
    }

.hide-bedholds {
    display: none;
}

body:not(.showBedHold) .lnkViewPatients {
    margin-left: 2.9% !important;
}

.showBedHold .hide-bedholds {
    display: flex;
}

.hide {
    display: none;
}

.show {
    display: block;
}
/*TOP ERROR MESSAGE*/

#topMessage {
    background: #0e900e;
    /*border-bottom: solid 2px #EEE;*/
    padding: 1% 0;
    text-align: center;
    width: 100%;
    height: 1.2em;
    color: white;
    z-index: 9999;
    font-size: 150%;
    position: relative;
    display: none;
    font-family: arial;
}

    #topMessage.error {
        background: #d20101;
    }

    #topMessage a {
        color: white;
    }

        #topMessage a:hover {
            color: #acacac;
        }

.message-body {
    position: absolute;
    width: 100%;
}

.topmessageclose {
    float: right;
    z-index: 99999;
    display: block;
    cursor: pointer;
    width: 1em;
    right: 1%;
    position: absolute;
}

.background-topclose {
    width: 100%;
}

.topMostElement {
    z-index: 999999 !important;
}

/* ------------------------------  JQUERY Dialog ------------------------------------ */
.defaultJDialog .ui-dialog-titlebar {
    display: none !important;
}

.ui-dialog.popupClass {
    position: absolute !important;
}

.ui-widget-overlay {
    position: fixed !important;
}

    .ui-widget-overlay.ui-front {
        opacity: .85 !important;
        background: none !important;
        background-color: black !important;
    }

.ui-dialog.pop1 {
    z-index: 1001 !important;
    border-radius: 1em;
}

.ui-dialog.pop2 {
    z-index: 2001 !important;
}

.ui-dialog.pop3 {
    z-index: 3001 !important;
}

.ui-dialog.pop4 {
    z-index: 4001 !important;
}

.ui-dialog.pop5 {
    z-index: 6001 !important;
}

.ui-dialog.pop1 + .ui-widget-overlay.ui-front {
    z-index: 1000 !important;
}

.ui-dialog.pop2 + .ui-widget-overlay.ui-front {
    z-index: 2000 !important;
}

.ui-dialog.pop3 + .ui-widget-overlay.ui-front {
    z-index: 3000 !important;
}

.ui-dialog.pop4 + .ui-widget-overlay.ui-front {
    z-index: 4000 !important;
}

.ui-dialog.pop5 + .ui-widget-overlay.ui-front {
    z-index: 6000 !important;
}

/*FOR SETTINGS DROPDOWN*/
.settingsContainer {
    width: 1.4em;
    height: 1.4em;
    cursor: pointer;
}

.nav-pop {
    position: absolute;
    z-index: 2;
    top: 4.5em;
    cursor: pointer;
}

.servname{
    position: fixed;
    bottom: 0px;
    right: 30px;
    color: grey;
    font-size: 65%;
}

.customerService .servname{
    position: fixed;
    bottom: 0px;
    right: 30px;
    color: black;
    font-size: 65%;
}

.customerService .lblBrowser{
    position: fixed;
    bottom: 0px;
    right: 150px;
    color: black;
    font-size: 65%;
}

.settinglist-container {
    background-color: white;
    width: 7.4em;
    margin-top: 3px;
    box-shadow: 0px 6px 9px #00000022;
    border-radius: 1em;
}

   .background-settingarrow {
        width:10%;
        top:-10%;
        left:42%;
        position:absolute;
        z-index:-1;
        display:none;
    }

.settingrow {
    white-space: nowrap;
    padding: 1em;
    color: dimgray;
    font-size: 0.9em;
    font-weight: 500;
    transition: all 0.5s ease;
}

.settinglist-container a {
    color:black;
    text-decoration: none;
}

.settingrow:hover {
    color: black;
    background-color: #D6F2FF;
}

.CSsectionTitle {
    cursor:pointer
}

.CSsectionTitle:hover {
    color:#054899;
    text-decoration:underline;
}

.DefaultCheckBox input[type=checkbox] {
    display:none;
}
 
.DefaultCheckBox input[type=checkbox] + label {
    height:1em;
    width:1em;
    display:inline-block;
    padding: 0 0 0 0;
    background: url(../Images/checkbox.png);
    background-size: 1em;
    background-repeat: no-repeat;
    vertical-align:middle;
    cursor:pointer;
}

.DefaultCheckBox input[type=checkbox]:checked + label {
    background: url(../Images/checkbox-click.png);
    background-size: 1em;
    background-repeat: no-repeat;
}

.DefaultCheckBox input[type=checkbox]:disabled + label {
    background: url(../Images/checkbox-disabled-unchecked.png);
    background-size: 1em;
    background-repeat: no-repeat;
    cursor:default;
}

.DefaultCheckBox input[type=checkbox]:checked:disabled + label {
    background: url(../Images/checkbox-disabled-checked.png);
    cursor:default;
    background-size: 1em;
    background-repeat: no-repeat;
}


    .ScreenCover
    {   
        display:none;
        background-color:white;
    }

.PDF .ScreenCover {
    display: none !important;
}

.ScreenCoverDiv {
    display:none;
}

.DefaultRadio input:checked {
    content:url('../Images/radio-on.png'); 
}

.DefaultRadio input[disabled] {
    opacity:.3;
}

.DefaultRadio input {
    content: url('../Images/radio-off.png');
    width: 1.25em;
}

    .DefaultRadio input::before {
        content: url('../Images/radio-off.png');
    }


.on-off-switch input[type=checkbox] {
    display: none;
}

    .on-off-switch input[type=checkbox] + label {
        background-image: url(../secure/images/toggle-full-off.png);
        background-repeat: no-repeat;
        width: 2.4em;
        display: inline-block;
        cursor: pointer;
        background-size: 2.4em 1.2em;
    }
        .on-off-switch input[type=checkbox]:checked + label {
            background: url(../secure/Images/toggle-full-on.png);
            background-repeat: no-repeat;
            background-size: 2.4em 1.2em;
        }

.btn1 {
    background-color: #064AAA;
    color: white !important;
    border: 1px solid #064AAA;
    border-radius: 8px;
    padding: 2px 12px;
    font-weight: bold;
    text-align: center;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    text-decoration: none;
    cursor: pointer;
    margin-right: 2%;
    position: relative;
    width: 100%;
}

.btn1:hover {
    background-color: #11CCFB !important;
}

.btn1.red {
    background-color:red;
}

.usertype-concierge .side2,
.usertype-concierge .homeMenu,
.usertype-concierge .sidemenu-dashboard-button,
.usertype-concierge .settingsContainer,
.usertype-concierge .background-logout,
.usertype-concierge .messageNotificationContainer {
    display: none;
}

.ui-datepicker-trigger {
    width: 20%;
    float: left;
    cursor: pointer;
}

/**************************************************/
/*  Styles for the list popup */
/**************************************************/
.listPopup .tbl,
.tbl.BuildDivTbl {
    width: 76%;
    padding: 0;
    margin: 2% 12%;
    float: left;
}
    .listPopup .tbl .row.header,
    .tbl.BuildDivTbl .row.header {
        background-color: #054899;
        font-weight: bold;
        text-transform: capitalize;
        color: white;
        border-top: 1px solid #acacac;
    }

    .listPopup .tbl .row,
    .tbl.BuildDivTbl .row {
        float: left;
        text-align: left;
        font-size: 90%;
        border: 1px solid #acacac;
        width: 100%;
        border-top: none;
        padding: 0.25em 0;
        position: relative;
    }

        .listPopup .tbl .row .headercol, .listPopup .tbl .row .cell,
        .tbl.BuildDivTbl .row .headercol, .tbl.BuildDivTbl .row .cell {
            border: none;
            float: left;
            width: 24%;
        }

    .tbl.BuildDivTbl .headercol.total.referrals, .tbl.BuildDivTbl .headercol.new, .tbl.BuildDivTbl .headercol.facility,
    .tbl.BuildDivTbl .cell.total.referrals, .tbl.BuildDivTbl .cell.new, .cell.facility {
        text-align: center;
        width: 33%;
    }

    .OtherHomeRefsList.popupClass .cell.facility {
        width: 33%;
    }

    .tbl.BuildDivTbl .headercol.facility,
    .tbl.BuildDivTbl .cell.facility {
        text-align: left;
    }

.checkOtherHomeNewReferralsCenteredColumn {
    text-align: center;
}

.tbl.BuildDivTbl .row .headercol.readmitteddays, .tbl.BuildDivTbl .row .cell.readmitteddays {
    width: 20%;
    text-align: center;
    border: none;
    float: left;
}

.tbl.BuildDivTbl .row .headercol.daysfromadmit, .tbl.BuildDivTbl .row .cell.daysfromadmit {
    width: 20%;
    text-align: center;
    border: none;
    float: left;
}

.tbl.BuildDivTbl .row .headercol.firstname, .tbl.BuildDivTbl .row .cell.firstname,
.tbl.BuildDivTbl .row .headercol.lastname, .tbl.BuildDivTbl .row .cell.lastname {
    border: none;
    float: left;
    width: 26%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ui-menu.ui-autocomplete .ui-menu-item {
    list-style-image:none !important;
}

.ui-menu .ui-menu-item-wrapper {
    float:none !important;
    display:inline-block;
}

.hoverScroll
{
    overflow-y:scroll;    
}
    .hoverScroll::-webkit-scrollbar {
        visibility: hidden;
        background-color: #aaa;
    }
    .hoverScroll:hover::-webkit-scrollbar {
        visibility:visible !important;
        
    }
    .hoverScroll:hover::-webkit-scrollbar-thumb {
        background: #000;
    }


@media screen and (max-device-height: 800px) and (orientation : landscape) {
    .homeMenu {
        display: none !important;
    }

    .sidemenu-dashboard-button {
        margin-top: -0.8%!important;
    }

    .side-list.list1 {
        margin-top: 3% !important;
    }

    .ctlChatBarContainer {
        font-size: 95%!important;
    }
}


.loader {
    border-radius: 50%;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* font-face CENTRAL */

@font-face {
            font-family: bankgothicbold;
            src: url('../Fonts/bankgothic_bold-webfont.eot');
            src: url('../Fonts/bankgothic_bold-webfont.eot?#iefix') format('embedded-opentype'),
                 url('../Fonts/bankgothic_bold-webfont.woff') format('woff'),
                 url('../Fonts/bankgothic_bold-webfont.ttf') format('truetype'),
                 url('../Fonts/bankgothic_bold-webfont.svg#bankgothicbold') format('svg');
            font-weight: normal;
            font-style: normal;
         }

/* STYLES TO OVERWRITE CHATBOX */

    
.agentinclude .agent {
    width: 100%!important;
}

.agentinclude .agent {
    width: 100%!important;
}

.button_ai_wrp {
    height: 100%;
    margin-top: -2%;
}

.button_ai {
    background: url("../secure/Images/Logo with Ask AI_blue.png") no-repeat!important;
    width: 20.36%;
    height: 100%!important;
    background-size: 10.67em!important;
    float: right;
    margin-right: -2%;
    margin-top: 1%;
    cursor: pointer;
}

.PDF .button_ai {
    display: none;
}

    .button_ai:visited,
    .button_ai:hover {
        background: url("../secure/Images/Logo with Ask AI.png") no-repeat !important;
        background-size: 10.67em !important;
    }

    .customerService .button_ai_wrp {
        display: block!important;
    }

#included_agentchat {
    position: fixed;
}

/* 2/26/2025 dont allow dragging any elements - user dragged image into hmo auth upload box*/
* {
    -webkit-user-drag:none;
}