/* Global Styles */

* { box-sizing: border-box; -moz-box-sizing: border-box; font-family: 'Montserrat', sans-serif; }
body { background: #fff; margin: 0; padding: 0; font-size: 14px; color: #333333; font-weight: 400; }

h1, h2, h3, h4 { margin: 0 0 15px 0; line-height: 1.5em;}

h1 { font-size: 25px; font-weight: 700; }
h2 { font-size: 18px; font-weight: 700;}
h3 { font-size: 18px; font-weight: 700; margin:0; }

p { margin: 0 0 15px 0; line-height: 1.7em;}

a { color: #277ad4; text-decoration: underline; }

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

.vert-container { display: flex; align-items: center; justify-content: center; height: 100%;}

.vert-top { align-self: flex-start; }
.vert-bottom { align-self: flex-end; }

.clear-after:after {content:""; clear:both; display:block;}

.width25 { width: 21.25%; margin-right: 5%; float:left;}
.width25:last-child { margin-right: 0%;}


.width20 { width: 18%; float:left;}
.width20:nth-child(2) { margin: 0 2.5%;}
.width20:nth-child(4) { margin: 0 2.5%;}

.width33 { width: 30%; float:left;}
.width33:nth-child(2) { margin: 0 5%;}

.width60 { width: 57.5%; float:left;}
.width40 { width: 37.5%; float: right; }

.width50 { width: 47.5%; float: left; }
.width50:last-child { width: 47.5%; float: right; }

.width70 {width:70%; float:left;}
.width30 {width:30%; float:left;}



.float-left { float:left;}
.float-right { float: right; }

.margin-right { margin-right: 10px;}
.margin-bottom { margin-bottom: 50px;}

fieldset {border: 1px solid #ccc;
    padding-top: 40px;
    position: relative; margin-bottom: 30px;}
	
	legend {color: #fff;
    background: #1758b4;
    padding: 5px;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 700;
    position: absolute;
    top: -1px;
    left: -1px;}

.btn { display: inline-block; text-decoration: none; color: #4753a3; border: 1px solid #4753a3; padding: 10px; margin-right: 10px; border-radius: 2px; -moz-border-radius: 2px; cursor: pointer; text-decoration: none; }

#unseen-ppe {background: red; color:#fff; display:inline-block; padding:3px 7px; margin-left:10px; border-radius: 3px; -moz-border-radius: 3px;}

#add-outstanding-ppe {display: block; border-radius: 3px; -moz-border-radius: 3px;   background: #353745;    color: #fff;    text-align: center;    padding: 10px;    text-decoration: none;    text-transform: uppercase;    font-weight: 700;}

.remove-outstanding-ppe {    position: absolute;  cursor:pointer;  top: -1px;    right: -1px;    background: red;    color: #fff;    font-size: .8em;    font-weight: 700;    text-decoration: none;    padding: 5px;    display: block;}



fieldset .form-item span {position: relative;}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 0%;
  margin-bottom: 5px;
  margin-left: 0;
  padding: 7px;
  max-width: 400px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: left;
  font-size: 1em;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 10px;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}




/*Header*/
header, .header { background:#fff; padding: 20px; background:#fff; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px 0 rgba(0,0,0,.1); border-bottom: 1px solid #f0f0f0; position: relative; z-index: 99;}

.logo { margin: 0; font-size: 20px; font-weight: 400; padding: 0; padding-left: 85px; background: url(../images/logo.jpg) no-repeat; background-position: left center; background-size: auto 40px;  line-height: 1em;}
    .logo span { display: block; font-size: 12px; }

.reg-logo-container a { text-decoration:none;}

.top-header-info {position: absolute;    top: 0;    right: 0;    bottom: 0;    border-left: 1px solid #e5e5e5;    padding: 20px;    text-align: right;}

.bg-red { background:red; text-align:center; color:#fff; font-weight: 700; padding: 20px; margin: 20px 0;}
.step-title { text-transform: uppercase; font-weight: 900; font-size: 1.25em; line-height: 1.25em; margin: 15px 0;}
    .step-title span { font-size: .8em; display:block;}

    .dash-bg-red { background: red; text-align: center; color: #fff; font-weight: 700; padding: 20px; margin: 0 0 50px 0; }

/*SideBar*/
.side-bar, .agreement-form-nav { position: fixed; top: 80px; left:0; bottom: 0; width: 250px; background:#353745; border-right: 1px solid #f0f0f0; }
    .side-bar ul { list-style:none; margin:0; padding:20px;}
        .side-bar ul li { }
        .side-bar ul li a { color:#fff; font-size: 12px; text-transform:uppercase; text-decoration:none; display:block; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.1); }

/*Rightside*/
.right-side {position: fixed; top: 80px; padding: 20px; right:0; bottom: 0; width: 250px; background:#fbfafa; border-right: 1px solid #f0f0f0;  }
    .right-side ul { list-style:none; padding: 0; margin: 0;}
        .right-side ul li { border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 10px; margin-bottom: 10px; }
        .right-side ul li span {display:block; font-size: 12px; }

/*Main Content*/
.main-content {position: fixed; top: 80px; left:250px; bottom: 0; right: 250px; padding: 30px; overflow: auto; }
.main-content-full {position: fixed; top: 80px; left:250px; bottom: 0; right: 0; padding: 30px; overflow: auto; }

.page-title { font-size: 25px; font-weight: 300; margin-bottom: 20px;}
.location-title {margin-bottom: 0;}
.location-bc {margin-bottom: 20px; font-size: .8em; padding-top: 10px;}

.content-section {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 5px solid rgba(0,0,0,.1);}

.filters-container {background: rgba(0,0,0,.05); border:1px solid rgba(0,0,0,.05); padding: 15px 15px 0 15px;}

.k-grid th {background: #353745 !important; border: 1px solid #595d73; font-size: .8em; color:#fff !important; font-weight: 700 !important; text-transform:uppercase; }
.k-grid th a {color:#fff !important;  font-weight: 700 !important;}

.main-table {width: 100%;  border-collapse: collapse;}
    .main-table th { background:#353745; border-bottom: 2px solid #e4e3e3; font-size:.8em; color:#fff; text-transform:uppercase; font-weight: 700; text-align:left; padding: 10px; }
    .main-table td { padding: 10px; text-align:left;  text-overflow:ellipsis; max-width: 300px;  overflow:hidden;}
    .main-table tbody tr { border-bottom: 1px solid #e4e3e3;}
    .main-table tfoot td { background:#fbfafa;}

/*Modal Windows */

.k-widget * {box-sizing: border-box !important; -moz-box-sizing: border-box !important;}
.k-window .k-header {background:#353745 !important;}
.k-header.k-grid-toolbar {
  background: #e6e6e6!important;
}

/*Tabs*/
.tabs { border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 30px;}
.tabs a { display: inline-block; text-decoration:none; padding: 10px 10px 20px; font-weight: 400;}
    .tabs a.active { border-bottom: 5px solid #277ad4; font-weight: 700; color:#000;}

.tab-container { display:none;}
.tab-container-01 { display:block;}



/* Schedule Tables */
.schedule-table {width: 100%;  border-collapse: collapse;}
    .schedule-table th { background:#fbfafa; border-bottom: 2px solid #e4e3e3; text-align:left; padding: 10px; }
    .schedule-table td { padding: 10px; text-align:left;}
    .schedule-table tr { border-bottom: 1px solid #e4e3e3;}

  

.reoccurence-option { display:none;}

/*Login Styles*/
.login-bg {background: #f5f5f5;}

.login-container {max-width: 600px; margin: 50px auto; padding: 30px; background:#fff; }

.login-content {display:none; padding-top: 30px; }
.login-content-01 { display: block; }

.reset-lnk { font-size: .8em; color:#4753a3; float:right; }

/*Create Account*/
.btn-account-choice { display: inline-block; text-decoration: none; color: #4753a3; border: 1px solid #4753a3; padding: 10px; margin-right: 10px; border-radius: 2px; -moz-border-radius: 2px; cursor: pointer; text-decoration: none; }
.btn-account-choice.active { background:#4753a3; color:#fff;}
    .ca-details { display: none; }
.ca-option { display: none; }


/*Form Elements*/

.form-section { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 5px solid rgba(0,0,0,.1); max-width: 700px;}
.form-section-add { margin-bottom: 30px;}

.form-sub-title { font-size: 16px; font-weight: 700; margin-bottom: 20px;}
    .form-sub-title span { font-size: 12px; display:block; font-weight: 700; margin-top: 5px;}

.form-item:not(.no-style) { margin-bottom: 25px; }
    .form-item:not(.no-style) > span { display: block; font-size: .8em; color:#000; text-transform:uppercase; font-weight: 400; margin-bottom: 8px; }
    .form-item span.ltc-testing-date{font-size: 1em;}

        .form-item span.required:before { color:red; content:"*"; display:inline-block; padding-right: 5px;}

.radio-btn-container {padding-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,.1); }

.rb-container { margin: 20px 0;}

        input[type=text], input[type=password], input[type=date], input[type=number], input[type=email], input[type=tel], select { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; font-family: 'Montserrat', sans-serif; font-size: 1em;}
input[type=button], .btn { background: #277ad4; color: #fff; display: inline-block; border: 0; padding: 10px 15px; font-family: 'Montserrat', sans-serif; font-size: 1em; border-radius: 2px; -moz-border-radius: 2px; cursor: pointer; text-decoration: none; }
textarea { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; height: 125px; font-family: 'Montserrat', sans-serif; font-size: 1em;}

.cb-container {
  float: left; margin-right: 2em;
}

.date-picker-container .k-widget,.date-picker-container .k-link,#report-window .k-widget,#report-window .k-link,#end-surveillance-window .k-widget,#end-surveillance-window .k-link,#surveillance-window .k-widget,#surveillance-window .k-link,#ltc-testing-report-window .k-link,#ltc-staff-report-window .k-link,#ltc-testing-report-window .k-widget,#ltc-staff-report-window .k-widget,#ltc-ppe-report-window .k-widget,#ltc-ppe-report-window .k-link  {
  font-size: 20px!important;
}

.k-widget.k-datepicker {
  width: 100%
}

.form-item .k-widget.k-datepicker,.form-item .k-widget.k-timepicker {width: 100%}
.form-item .k-widget.k-datepicker input {padding: 10px}

.k-input[data-role="datepicker"],.k-input[data-role="timepicker"] {
  padding: 8px!important;
  font-size: 1.2em!important;
}

.k-scheduler-dayview > tbody > tr:nth-of-type(2) {
  display:none
}

.k-scheduler-weekview > tbody > tr:nth-of-type(2) {
  display:none
}


.k-event {
  cursor: pointer!important;
}

.k-widget.k-dropdown {
  width:100%!important;
}

.k-pager-sizes .k-widget.k-dropdown {
  width:initial!important;
}

.k-widget.k-dropdown .k-icon.k-i-arrow-s{
  display: inline-block!important;
  font-size:1em!important;
  margin-bottom: 0px!important;
}

.k-list-container.k-popup {
  font-size: 14px!important;
}

*[data-agency] {
  padding-left:16px;
}

h5[data-agency] {
  cursor:pointer;
}

.k-icon.k-i-calendar {
  font-size: 1.4em;
}

.kendo-date-picker {
  width: 100%!important
}

span.ltc-testing-date {display:inline}
.k-list li {
  font-size: 14px!important;
}

.k-calendar-container {
  max-width: 600px!important;
  font-size: 14px!important;
}

.small-number { max-width: 100px;}

.selection {font-size: 1.5em!important;}

/*Modal Window*/

.modal {display:none; background:rgba(0, 0, 0, 0.80); position: fixed; top:0; left:0; right:0; bottom: 0; z-index:99; overflow:auto;}
.modal-container {display:none; margin: 50px auto 0; max-width: 700px; background:#fff; padding: 30px; position: relative;}
.modal-close-btn { position: absolute; top:0; right: 0; display:block; text-decoration:none; padding: 20px; font-size: .8em; color:rgba(0,0,0,.5);}

/*Dashobard Styles*/
.dashboard-map {    background: rgba(0,0,0,.05);    border: 1px solid rgba(0,0,0,.05);}

.dashboard-map .map-container {width: 100%; height: 500px; background: #f5f5f5; margin: 0 0 0 0;}

.totals { }
.totals-container { font-size: 55px; font-weight: 900; padding:20px; color:#282e7b;}
.totals-container label {display:block; font-weight: 400; text-transform:uppercase; color:#353745; font-size: 14px; padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,.1) }

.toggle {width: 60px; position: relative; height: 30px; background:rgba(0,0,0,.1); display:block; border-radius: 300px; overflow:hidden;  -moz-border-radius: 300px; }
    
.toggle:before { position:absolute; right:3px; top:3px; width: 24px; height: 24px; content:""; display:block; background:#b73200; border-radius: 100px; -moz-border-radius: 100px;}
.toggle.active:before { left:3px; top:3px; right:auto;  background:#2fb700;}


.two-days-left-list { list-style:none; padding: 0; margin: 0; }
    .two-days-left-list li a { background:#fff; border: 1px solid #ccc; display:block; padding: 10px 10px 10px 30px; position:relative; text-decoration:none; font-style:normal; margin-bottom: 7px;}
        .two-days-left-list li a:before { position:absolute; content:""; width: 7px; height: 7px; border-radius: 50px; -moz-border-radius: 50px; background:red; left:13px; top:15px;}
        .two-days-left-list li a span { display:block; font-size: 12px;}

.one-week-left-list { list-style:none; padding: 0; margin: 0; }
    .one-week-left-list li a { background:#fff; border: 1px solid #ccc; display:block; padding: 10px 10px 10px 30px; position:relative; text-decoration:none; font-style:normal; margin-bottom: 7px;}
        .one-week-left-list li a:before { position:absolute; content:""; width: 7px; height: 7px; border-radius: 50px; -moz-border-radius: 50px; background:orange; left:13px; top:15px;}
        .one-week-left-list li a span { display:block; font-size: 12px;}

        .invalid {
          border: 0.2rem solid red !important;
      }

      span.k-dropdown.invalid {
        border: 0.2rem solid red !important;
    }

.admin {
  display: none;
}

.user {
  display:none;
}

.school {
  display:none;
}

.agreements {
  display:none;
}


.altsd {
  display: none;
}

.tabs a.altsd-admin {
  display:none
}
.altsd-admin {
  display: none;
}

.form-info {font-weight:bold}

.number-placeholder {
  font-weight:bolder;
  font-size:1.5em;
  margin-top:1em;
}


.grid-warning {
  margin-left: 1em;
  color: red!important;  
  position: relative;
  bottom: 0.15em;
}

  .directory-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content/Box */
  .directory-modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 60%; /* Could be more or less, depending on screen size */
  }

  .directory-modal-content .notification {
    margin-bottom: 2em;
  }
  
  /* The Close Button */
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  #schedule-tabs .btn.active {
    background: green;
  }

  .btn.delete-schedule {
    background: red;
  }

  .btn.warning {
    background: red
  }

  .patient-note {
    border-bottom: 1px solid black;
    padding-bottom: 0.5 em;
    margin-bottom: 1.5em;
  }

  .btn.approve {
    background: red
  }
  
#report-window, #attendance-report-window, #ppe-report-window {
  overflow-y: auto;
  padding: 2em;
}

.k-grid td[role=gridcell] a.btn {
  padding: 5px 10px
}

a.btn.disabled, button:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.7;
}

a.btn.approve {
  background: green;
}

a.btn.reject {
  background: red;
}

  #report-window .form-section, #attendance-report-window .form-section, #ppe-report-window .form-section{
    max-width: 100%;
    
  }
  @-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
  }

@charset "UTF-8";

@font-face {
  font-family: "nmdoh-testing";
  src:url("fonts/nmdoh-testing.eot");
  src:url("fonts/nmdoh-testing.eot?#iefix") format("embedded-opentype"),
    url("fonts/nmdoh-testing.woff") format("woff"),
    url("fonts/nmdoh-testing.ttf") format("truetype"),
    url("fonts/nmdoh-testing.svg#nmdoh-testing") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "nmdoh-testing" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; padding-right: 5px;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "nmdoh-testing" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; padding-right: 5px;
}

.icon-close:before {
  content: "\61";
}
.icon-locations:before {
  content: "\62";
}
.icon-contact:before {
  content: "\64";
}
.icon-settings:before {
  content: "\63";
}
.icon-bars:before {
  content: "\65";
}
.icon-patients:before {
  content: "\66";
}
.icon-lab:before {
  content: "\67";
}
.icon-sent:before {
  content: "\68";
}
.icon-providers:before {
  content: "\69";
}
.icon-ppe:before {
  content: "\6a";
}
.icon-data:before {
  content: "\6b";
}
.icon-long-term-care:before {
  content: "\6c";
}


/*Public Directory */
.map-container {
            width: 100%;
            height: 500px;
            background: #f5f5f5;
            margin: 0 0 50px 0;
        }

        .directory-item {
            background: #fff;
            border: 1px solid #ccc;
            padding: 30px;
            margin-bottom: 20px;
        }

        .location-title {
            font-size: 1.5em;
            font-weight: 700;
        }

        .location-type {
            font-style: italic;
            margin-bottom: 20px;
        }

        .location-open {
            margin-bottom: 20px;
        }

        .location-item span {
            display: block;
            font-weight: 700;
        }

        .location-address {
            margin-bottom: 20px;
        }

        .open-today::after {
            content: " - Open Today";
            display: inline-block;
            color: green;
        }

        .closed-today::after {
            content: " - Closed Today";
            display: inline-block;
            color: red;
        }
        .k-block, .k-draghandle, .k-inline-block, .k-widget {
            border: none!important;
        }
		
		
		@media only screen and (max-width: 900px) 
		{
			.directory-page .filter-Container {padding:0 20px 20px 20px;}
			.directory-page .filter-Container::before {content:"Filters:"; display:block; padding-bottom: 20px; font-size: 1.5em; font-weight: 700;}
			
			.directory-page .width33 {width: 100%; float: none;}
			.directory-page .width33:nth-child(2) {margin: 0;}
			
			.directory-page .width50, .width50:last-child {width: 100%; float:none;}
			.directory-page .location-description {margin-bottom: 20px;}
			
			.map-container {width: 100%; height: 300px;	background: #f5f5f5; margin: 0 0 50px 0;}
						
			
			/*Login Page */
			.login-bg {background:#fff;}
			.login-container {margin: 0 auto;}
			.logo-container {padding: 0 0 30px 0; border-bottom: 1px solid #ccc;}
			.logo {font-size: 16px; padding: 5px 0 5px 85px;}
			
			/*General Layout */
			.side-bar, .agreement-form-nav {position:static; width: 100%;}
			
			.main-content {position: static; width: 100%; padding: 20px; overflow: auto; }
			.main-content-full {position:static; width: 100%;}
			
			.right-side {position: static; top: 80px; padding: 20px; right:0; bottom: 0; width: 100%; background:#fbfafa; border-top: 1px solid #f0f0f0;  border-left: 0;}
			
			.top-header-info {position: relative; border-left: 0; padding: 10px 0 0; text-align: center;}
			.top-header-info::after {clear:both; content:""; p display:block; font-size: .8em;}
			.welcome-name {text-align:left; padding-right: 70px }
			.logout {position:absolute; right: 0; top: 10px;}
			
			
            .width60, .width40 {width: 100%; float: none; margin:0;}

            .width50 {float:none; width: 100%;}
			
			.width33 {width: 100%; float: none;}
			.width33:nth-child(2) {margin: 0;}
			
			.width25 { width: 100%; margin-right: 0%; float:none;}
            .width25:last-child { margin-right: 0%;}
			
			.schedule-table-container table {min-width: 700px;}

            .agreement-status-title { margin-top: 30px;}

			/*Dashboard */
			
			.width70 {width:100%; float:none;}
			.width30 {width:100%; float:none;}
			.width20, .width60 { width: 100%; float:none;}
			.width20:nth-child(2) { margin: 0%;}
			
			/*Modal Windows*/
			.k-widget.k-window {top: 5px !important; left: 3% !important; right: 3% !Important; bottom: 15px !important; width: 94% !important; height: auto !important}
			
			#report-window {padding: 1em;}
			
			/**/
			div.mobile-grid-container{width: 100%; overflow-x: auto; position:relative;}
      .k-grid {    touch-action: auto !important;}
      
			
		}
		
		@media only screen and (max-width: 550px) 
		{
			
			.directory-page .logo {font-size: 14px; padding-left: 60px; background-size: auto 30px;}
			.directory-page .logo span {font-size: 10px; }
			
			
			
		}
		
		



/*Form Agreement Styles*/
.agreement-form-nav { background: #353745; color:#fff; padding: 20px; overflow: auto;}
    .agreement-form-nav h3 { font-size: 16px; border-bottom: 1px solid rgba(255,255,255,.25); padding-bottom: 15px; margin-bottom: 15px;}

    .subnav-title { font-weight: 700; font-size: 12px; margin: 15px 0;}

    .agreement-form-nav ul { list-style:none; margin: 0; padding:0;}
        .agreement-form-nav ul li { display:block; padding: 8px 0; font-size: 12px; }
    .agreement-form-nav ul li a {  color:yellow; text-decoration:none;}

.footnotes { font-size: 12px; background:rgba(0,0,0,.025); padding: 15px; border: 1px solid #ccc;}

.clear-signature { margin-top: 20px;}

.justify { text-align:justify;}

.btn-dash-container {border-top: 1px solid rgba(255,255,255,.25); padding-top: 15px; margin-top: 15px; }

.form-submit {     background: #277ad4;    color: #fff;    padding: 30px;    max-width: 700px;}

#questions-grid.k-grid td{
  white-space: nowrap;
  text-overflow: ellipsis;
}

#questions-grid.k-grid table {
  table-layout: fixed;
}

#complete-items .incomplete {display:none}
#incomplete-items .complete {display:none}

.outer-section {  border: 1px solid rgba(0,0,0,.1); max-width: 700px; position:relative; margin-bottom: 30px;}
.section-title { font-size:18px; color:#fff; background:#353745; font-weight: 700; padding: 15px;}
.section-padding { padding: 15px;}

.agreement-container {position:relative; margin-bottom: 20px; border: 1px solid #ccc; padding: 20px;}

li.agreement-status.green,li.signature-status.green { display:block; position:relative; clear:both; padding: 7px 5px 7px 0px!important; }
li.agreement-status.red,li.signature-status.red { display:block; position:relative; clear:both; padding: 7px 5px 7px 15px!important; }
.green {color:#0ba31e !important;}
.red {color:#d01414 !important;}

.agreement-status::before, .signature-status::before {width: 7px; height: 7px; position: absolute; left:0; top: 9px; content:""; border-radius: 20px; -moz-border-radius: 20px; }
.agreement-status.red::before, .signature-status.red::before {background:#d01414 }
/*.agreement-status.green::before, .signature-status.green::before {background:#0ba31e }*/

.agreement-status-title { text-transform:uppercase; color:#353745; text-transform:uppercase; font-weight: bold; font-size: 12px;  border-bottom: 1px solid #ccc; padding-bottom: 7px;}
.agreement-status-list { margin: 0; padding:0; list-style:none;}
    .agreement-status-list li { border-bottom: 1px solid #ccc; padding: 7px 0; font-size: 12px;}
        .agreement-status-list li:last-child { border-bottom: 0;}

/*Signage*/
.pdf-embed-container { position: absolute; top: 81px; left: 0; right: 600px; bottom: 0; display:block; overflow:auto;}
.pdf-embed { width: 100%; height: 100%;}

.signature-container-sign {position: absolute; top: 81px; width: 600px; right: 0; bottom: 0; display:block; padding: 30px; }

/*Wizard Steps*/
#modal-wizard-container {position:fixed; top: 0; right :0; bottom:0; left: 0; z-index: 100; background:rgba(0,0,0,.8); padding: 30px; overflow: auto; display:none;}
#wizard-container { max-width: 600px; background:#fff; padding: 30px; margin:0 auto; border-radius: 10px; -moz-border-radius: 10px; position:relative;}

.wiz-step { display:none;}
.wiz-step-0 { display:block;}

.wizard-progress { margin: 0; padding: 0; list-style:none; position: absolute; right: 30px; bottom: 50px;}
    .wizard-progress li { float:left; margin-left: 8px;}    
.wizard-progress a { display:block; width: 8px; height: 8px; background:#ccc; border-radius: 50px; -moz-border-radius: 50px;}

.wizard-progress a.wiz-active { background:#353745;}

.agreement-requirements-list { }
.agreement-requirements-list li { line-height: 1.75em; border-top: 1px solid #ccc; padding: 15px 0;}
    .agreement-requirements-list li li { border-top: 0;}

.signature-language { border: 5px solid #277ad4; padding: 15px; margin-bottom: 30px;}


/*Registration Application*/
.reg-logo { margin: 0; color:#fff; font-size: 25px; font-weight: 400; padding: 75px 0 0 0; margin-bottom: 50px; background: url(../images/white-logo.png) no-repeat; background-position: left top; background-size: auto 50px;  line-height: 1.25em; }
    .reg-logo span { display: block; font-size: 10px; line-height: 1.8em;}

.registration-outer-container { max-width: 1200px; width: 96%;margin: 30px auto; border-radius: 15px; -moz-border-radius: 15px; overflow:hidden; }

.registration-container { background:#fff; margin: 0 auto; display:flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch;}

.left-item { width: 30%; background:url(../images/blue-gradient.jpg) no-repeat #0eb6ff; background-size: 100% auto; }
.padding-left-col { padding: 75px 50px;}


.intro-text { color:#fff; }
    .intro-text a { display: inline-block; margin-top: 15px; text-decoration: none; background: yellow; border: 0; padding: 10px; margin-right: 10px; border-radius: 2px; -moz-border-radius: 2px; cursor: pointer; text-decoration: none; }


.wiz-links { display:none;}
.wiz-links a.lnk { display:block; color:#fff; text-decoration:none; padding: 15px 0 15px 40px; position: relative;}
    .wiz-links a.lnk::before { position:absolute; width: 20px; height: 20px; top: 14px; left: 0; content:""; background:rgba(255,255,255,.5);  border-radius: 50px; -moz-border-radius: 50px;}

    .wiz-links a.lnkSec { display:none;}
    .wiz-links a.second-phase { display:block;}

    .wiz-links a.active { font-weight: 700;}
        .wiz-links a.active::before { background: yellow; }

    .wiz-links a.complete { font-weight: 400;}
        .wiz-links a.complete::before { background:rgba(255,255,255,0); content:url(../images/check.png);}


.right-item {width: 70%; }
.padding-right-col { padding: 75px;}

    .registration-container .logo-container { padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px;}

.registration-title-container {  margin-bottom: 50px;}
.registration-title { font-size: 2.5em; margin-bottom: 15px;}

.reg-section { display:none;}
.reg-section-00 { display:block;}

.question-container { border-bottom: 1px solid #ccc; padding-top: 20px;}

.red-text { color:#fff; background:red;}

.superadmin2 {display:none}
.superadmin {display:none}
.admin {display:none}
.community-partner {display:none}

#accessiblity-container .form-item {margin-bottom:5px;}

.reg-status-lnk a { background-size: 30px auto; background-position: 20px 20px;  background-repeat: no-repeat; margin-bottom:30px; border: 1px solid #ccc; padding: 20px 20px 20px 75px; display:block; font-size: 14px; font-weight: 700; text-decoration:none;}
.reg-status-lnk a span { display:block; font-size: 14px; font-weight: 400;}

.reg-status-lnk a.complete { background-image:url(../images/complete-icon.png); }
.reg-status-lnk a.incomplete { background-image:url(../images/incomplete-icon.png); }

.registration-welcome-actions {list-style:none; padding:0; margin: 0; }
.registration-welcome-actions li { margin-bottom: 10px;}
.registration-welcome-actions li a { display:block; padding: 19px 20px 19px 20px; border: 1px solid #ccc; background-position: 20px 12px; background-repeat: no-repeat; background-size: 30px auto; font-weight: 700; text-decoration:none; border-right: 5px solid #e5e5e5; border-bottom: 5px solid #e5e5e5; }
    .registration-welcome-actions li a span { display:block; font-size: .8em; }
    .registration-welcome-actions li a.welcome-icon-01 { background-image:url(../images/icon-cal-new.png);}
    .registration-welcome-actions li a.welcome-icon-02 { background-image:url(../images/icon-cal-complete.png);}
    .registration-welcome-actions li a.welcome-icon-03 { background-image:url(../images/icon-cal-reschedule.png);}
    .registration-welcome-actions li a.welcome-icon-04 { background-image:url(../images/icon-cal-details.png);}

.emp-icon-01 { background-image:url(../images/icon-emp.png);}

.registration-dash-lnk { display: block; margin-bottom: 30px;    text-decoration: none;    background: yellow;    border: 0;    padding: 10px !important;    margin-right: 0;    border-radius: 2px;    -moz-border-radius: 2px;    cursor: pointer;    text-decoration: none; color:#277ad4 !important; text-align:center;}
.registration-dash-lnk::before {display:none; }

.popup-container .content-section {padding-bottom: 12px; margin-bottom: 12px}
#logout { display: inline-block;
    margin-top: 30px;
    text-decoration: none;
    background: #010473;
    border: 0;
    padding: 5px 10px !important;
    margin-right: 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    color: #fff !important;
    text-align: center; font-size: .8em;}

#g-translate br { display:none;}
.gflag { display:none;}

a.back-to-reg { display:none;}

.icon-container img { display:block; width: 40px; height: auto; margin-bottom: 20px;}

/* Mobile Styles */
@media only screen and (max-width: 1024px) {    

    .registration-outer-container { margin: 0; width: 100%;     border-radius: 0;    -moz-border-radius: 0;}

    .left-item { position:fixed; width: 30%; top: 0; left: 0; bottom: 0; overflow: hidden; }
    
    .padding-left-col {padding: 50px 40px;}

    .right-item {width: 70%; position:absolute; left: 30%; top:0; right: 0;}
    .padding-right-col {padding: 50px;}
    .registration-title {font-size: 2em; margin-bottom: 15px;}
    .margin-bottom { margin-bottom: 30px;}
    
    .form-section { background: #fff; padding: 20px; border-radius: 10px; -moz-border-radius: 10px;}

    a.back-to-reg { display:none;}
}

@media only screen and (max-width: 900px) {
    body {background:#f5f5f5; }
.registration-outer-container { margin: 0; width: 100%;     border-radius: 0;    -moz-border-radius: 0;}

.registration-container { display:block; width: 100%;}

.k-dialog-buttongroup {
  margin-top: -100px!important;
}

.left-item { float:none; width: 100%; position:static;}
.padding-left-col {padding: 20px;}
.wiz-links, .intro-text { display:none !important;}

.right-item {width: 100%; position:static !important; background:#f5f5f5;}
.padding-right-col {padding: 20px;}

.reg-logo { font-weight: 700; margin-bottom: 0; padding: 60px 0 0 0;}

.registration-title { font-size: 1.5em; margin-bottom: 0;}

    #complete-items { margin-bottom: 30px;}

.registration-title-container {border-bottom: 1px solid #ccc;margin-bottom: 25px; padding-bottom: 25px;}

    .reg-status-lnk a { background-size: 20px auto; padding: 10px 10px 10px 50px; background-position: 15px 15px; margin-bottom: 5px;}

    .btn {     text-align: center;    width: 100%;}
    
    a.back-to-reg { display:block; margin-top: 0.5em;}

}


/*Map Styles*/

.registration-outer-container-map .left-item { width: 400px; position: fixed; top: 0; left: 0; bottom: 0; overflow:auto; color:#fff !important;}
    .registration-outer-container-map .left-item .form-item span { color:#fff;}

.intro-text-map { margin-bottom: 50px;}

.padding-left-map {}

.map-left-col { width: 30%;margin-left: 5%; float:left;}
.map-right-col { width: 65%;  float:left;}

.registration-outer-container-map .right-item {width:auto; position: fixed; top: 0; left: 400px; right: 0; bottom: 0; overflow:auto; }
/*.registration-outer-container-map #map { position:fixed;height: 100% !important; top: 0; left: 400px; right: 0; overflow:auto;}*/
registration-outer-container-map #map {height: 500px }


.registration-outer-container-map .padding-right-col {padding: 0;}

.chronic-conditions div, .cb-container div { position: relative; padding-left: 30px; padding-bottom: 5px; }
    .chronic-conditions div input, .cb-container div input { position: absolute; left: 0;}


.registration-alert { border: 5px solid red; padding: 20px; margin-bottom: 30px; font-weight: 700; color:#fff; background:red;border-radius: 15px;-moz-border-radius: 15px;}

.reg-footer { text-align:center; padding: 0 0 30px; font-size:.8em; background:#f5f5f5;}
.reg-footer a { text-decoration:none;}

#accessibility-container .form-item {position:relative;}
#accessibility-container .form-item input {left:0px;}

.data-table {width: 100%;border-collapse: collapse;}
.data-table th {padding: 10px 5px; text-align: left;border-bottom: 1px solid #ccc; font-size: .8em;}
    .data-table tr:hover td { background: rgba(0,0,0,.05);}
.data-table td {padding: 10px 5px;border-bottom: 1px solid #ccc;font-size: 1em;}

.data-table-phase td


.dash-row, .dash-row-alt { padding: 30px; background:#fff; margin: 0 30px 30px; border-radius: 15px; -moz-border-radius: 15px;}

.dash-title {padding: 30px 30px 0 30px; }
.dash-number-container {padding: 30px 30px 30px 30px; }

.graph-sub-title { font-weight: 700; text-align:center; margin-bottom: 30px;}

.grid { display: grid; grid-auto-flow: column; column-gap: 30px; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));}  
 
  .element {height: 100%; background:#fff; padding: 20px;  border-radius: 15px; -moz-border-radius: 15px;}

.graph-sub-num-title { font-size: .9em;}
.big-number { font-size: 60px; font-weight: 900}
.big-number-2 { font-size: 30px; font-weight: 900}

.big-number-container { margin-bottom: 45px;}

.graph-section-title { font-size: 20px;    font-weight: 700; padding-bottom: 20px;   margin-bottom: 20px; border-bottom: 1px solid #ccc;}



@media only screen and (max-width: 1500px) {
    body { font-size: 12px;}
    
    .big-number { font-size: 50px; font-weight: 900}
}


@media only screen and (max-width: 1350px) {
    .registration-outer-container-map .left-item { width: 300px;}
    .padding-left-col {padding: 75px 30px;}

    .registration-outer-container-map .right-item { left: 300px;}

    .big-number { font-size: 40px; font-weight: 900}
}

@media only screen and (max-width: 1100px) {
    .registration-container { display:block;}
    
    .registration-outer-container-map .left-item { width: 100%; position:static;}
    .padding-left-col {padding: 30px;}

    .registration-outer-container-map .right-item { left: 300px; position:static; background:#f5f5f5;}

    .big-number { font-size: 40px; font-weight: 900}

    .reg-logo { margin: 0;    color: #fff;    font-size: 25px;    font-weight: 400;    padding: 0 0 0 1200px;    margin-bottom: 0;    background: url(../images/white-logo.png) no-repeat;    background-position: left top;    background-size: auto 50px;    line-height: 1.25em; text-indent: -99999px; opacity:1; overflow:hidden; height: 50px; }

    .intro-text { display:none;}

}

@media only screen and (max-width: 900px) {
    .grid {display: block;}
    .element { margin-bottom: 15px;}
    .element:last-child { margin-bottom: 15px;}

    

    .dash-number-container {    padding: 0;}

    .dash-title {
    padding: 10px 10px 30px 10px;
}

    .registration-title { font-size: 2.5em; font-weight: 900;}

    .dash-row, .dash-row-alt {
    padding: 30px;
    background: #fff;
    margin: 0 10px 15px;
    border-radius: 15px;
    -moz-border-radius: 15px;
}
    .graph-sub-num-title { font-size: 1em; text-align:center;}
    .big-number { font-size: 50px; font-weight: 900; text-align:center;}
}