/* 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;}

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;}

.padding20 {padding: 20px; }


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:#4753a3; padding: 0; 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 auto; font-size: 20px; font-weight: 400; padding: 0; width: 300px; height: 60px; background: url(../images/logo.jpg) no-repeat; background-position: center; background-size: auto 100%;  line-height: 1em;}
    .logo span { display: block; font-size: 12px; }
.login-container .logo { float:none;}


.app-nav {float:left; }
    .app-nav ul { list-style:none; padding:0; margin: 0;}
        .app-nav ul li { float:left; margin-right: 15px;}
            .app-nav ul li a { display:block; padding: 10px; text-decoration:none;}
                .app-nav ul li a.active { background:#4753a3; color:#fff; border-radius: 3px; -moz-border-radius: 3px;}

            .app-nav ul li:last-child a { background:red; color:#fff;border-radius: 3px; -moz-border-radius: 3px;}

.top-header-info {position: static; color:#fff;   top: 0;    right: 0;    bottom: 0;    border-left: 0;    padding: 10px; font-size: .8em; background:#4753a3;  text-align: right;}
    .top-header-info a { color:#fff;}

.switch-locations { float:right;}


/*SideBar*/
.side-bar, .agreement-form-nav { position: fixed; top: 81px; left:0; bottom: 0; width: 250px; background:#353745; border-right: 1px solid #f0f0f0; display:none;}
    .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: 81px; 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: 117px; left:0; bottom: 0; right: 0; padding: 20px; 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);}

.patient-note {
  border-bottom: 1px solid black;
  padding-bottom: 0.5 em;
  margin-bottom: 1.5em;
}
.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;}

.k-link.k-nav-day {float:left; margin-left:6px}

.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; }
.k-grid tr{
  height: 28px;
}

.k-link.k-nav-day.special-event::before {
  display: inline-block;
   content: '';
   height: 0.55rem;
   width: 0.55rem;
   margin-right: 0.5em;
   background: green;
   color:green;
   border-radius: 6px;
}

.preferred-date {color: green}

/*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: 400; margin-top: 5px;}
  
.form-item:not(.no-style) { margin-bottom: 15px; }
    .form-item > span, span.form-label,span.form-label { 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); }
.form-item .k-widget.k-datetimepicker {width: 100%}
.form-item .k-widget.k-datetimepicker input {padding: 8px; font-size:1.3em}
.form-item .k-widget.k-datepicker {width: 100%}
.form-item .k-widget.k-datepicker input {padding: 8px; font-size:1.3em}
.rb-container { margin: 20px 0;}

        input[type=text], input[type=password], input[type=date], input[type=file], 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: #30b4a9; 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;
}
.form-info {font-weight:bold}
.big-number { font-size: 60px; font-weight: 900}
.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-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);}

#observation-time-remaining { font-size: 70px;}

/*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: 100%; position:fixed; top: 81px; bottom:0; left: 350px; right: 350px; 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;
}

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

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

.user {
  display:none;
}

.school {
  display:none;
}

.agreements {
  display:none;
}

.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
  }

  .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;  
}

[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: 9px;
}

.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";
}
.icon-calendar:before {
  content: "\6d";
}


/*Public Directory */
.map-container {
            position:fixed; top: 81px; bottom:100px; left: 0; right: 0; margin: 0 0 0 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: 1024px) 
		{
			.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;}			
			
			.k-dialog-buttongroup {
        margin-top: -100px!important;
      }
			/*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;}
			
			
			
			
            .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;
}

.question-container {padding:10px 0px; border-bottom: 1px solid #e5e5e5;}
    .question-container:last-child { border-bottom: 0;}

    .question-container.highlight { background:yellow; padding: 10px 0 10px 10px;}

.superadmin2 {display:none}
.superadmin {display:none}
.admin {display:none}
.reports-user {display:none}
.tabs a.superadmin {display:none}

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

.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); }

.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;}

/*map*/

.pr-map-filters { position:fixed; top: 81px; left: 0; width: 350px; background:#fff; padding:20px; overflow: auto; bottom: 0; border-right: 1px solid #ccc; }
.pr-map-container { position:fixed; top: 81px; left: 350px; right: 350px; bottom: 80px; }
.pr-map-locations { position:fixed; top: 81px; right: 0; width: 350px; background:#fff; padding:20px; bottom: 80px;border-left: 1px solid #ccc; overflow:auto; }

.data-table { width: 100%;}
    .data-table th { text-align: left;}    
.data-table td { border-bottom: 1px solid #ccc; font-size: .9em; padding: 5px 0;}