html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

/* ==========  Custom styles  ========== */

body {
  font-family: 'Montserrat', sans-serif;
  background-color: #fafbff;
}

a:hover {text-decoration: none;}

.main-container {margin: 0 auto; max-width: 1530px;}
.main-container-absolute {z-index: 1; position: relative; margin-top: 120px;}

.pic1 {width: auto !important; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%;
    -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out;
    transition: all .25s ease-in-out;}

/* h1, h2, h3, h4, h5, h6 */
h1, h2, h3, h4, h5, h6 {margin:0px; padding: 0px;}
h1 {font-size: 17px; font-weight: 600;}
h2 {font-size: 16px; font-weight: 600;}
h3 {font-size: 15px; font-weight: 600;}

/* UL, LI */
ul {margin: 0px; padding: 0px;}
ul li {list-style: none;}

/* Font size */
.fs14 {font-size: 14px;}
.fs24 {font-size: 24px;}

/* Font weight */
.fw100 {font-weight: 100;}
.fw200 {font-weight: 200;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fw900 {font-weight: 900;}

/* Color */
.purple {color: #cf4ba6;}
.blue {color: #4650d6;}
.gray {color: #636363;}

/* Background color */
.greenbg {background-color: #2fcc71;}
.purplebg {background-color: #cf4ba6;}
.bluebg {background-color: #4650d6;}
.graybg {background-color: #636363;}
.tab-bg {background-color: #6C8CBF;}

/* Button */
.button1 {min-width: 166px; color: #fff; font-size: 14px; text-transform: uppercase; background-color: #BAC94A; font-weight: 500; -webkit-box-shadow: 0px 1px 10px -4px rgba(0,0,0,0.50);-moz-box-shadow: 0px 1px 10px -4px rgba(0,0,0,0.50); box-shadow: 0px 1px 10px -4px rgba(0,0,0,0.50);}
.button1:hover {color: #fff; font-size: 14px; text-transform: uppercase; background-color: #BAC94A; font-weight: 500;}
.button1.active .button1:active {background-color: none;}
.button1:focus {background-color: #BAC94A !important; color: #fff !important; border: 1px solid #BAC94A !important;}

.button2 {padding: 10px; background-color: #1f9f8f; width: 100%; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600; border-radius: 10px; border: 0px;}
.button2:hover {background-color: #178e7f; width: 100%; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 600;}
.admit-btn {background-color: #BAC94A; color: #fff !important; font-size: 12px; font-weight: 500 !important; text-transform: uppercase; border-radius: 6px; padding: 4px 12px; text-decoration: none;}
.admit-btn:hover {background-color: #BAC94A;}

.button3 {color: #fff; font-size: 14px; text-transform: uppercase; background-color: #bac94a; font-weight: 500; -webkit-box-shadow: 0px 1px 10px -4px rgba(0,0,0,0.50);-moz-box-shadow: 0px 1px 10px -4px rgba(0,0,0,0.50); box-shadow: 0px 1px 10px -4px rgba(0,0,0,0.50); padding: 0px;}
.button3:hover {color: #fff; font-size: 14px; text-transform: uppercase; background-color: #bac94a; font-weight: 500;}
.button3.active .button3:active {background-color: none;}
.button3:focus {background-color: #bac94a !important; color: #fff !important; border: 1px solid #bac94a !important;}


/* Input, select, textarea */
.custom-select-top {border-radius: 0px; border: 1px solid #fff; background-color: #6C8CBF; color: #fff; font-size: 16px; background-image: url("../img/icons/drop-arrow.png"); background-size: 14px 8px;}
.custom-select-top::before {content: ''; background-image: url("../img/icons/calendar-white-icon.png"); background-size: 14px 8px;}

/* Header */
header {background-color: #fff; border-bottom: 1px solid #dee2e6; -webkit-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.06);
-moz-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.06); box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.06);}
header .toggle-bar {vertical-align: top;}
header .header-logo .logo-name a {color: #000000; font-size: 18px; font-weight: 600; text-decoration: none;}
header .header-top-right {float: right;}
header .header-top-right ul li {margin-right: 20px; color: #000; font-size: 14px; font-weight: 500; position: relative;}
header .header-top-right ul li:last-child {margin-right: 0px;}
header .header-top-right ul li .header-top-admin-alert {position: absolute; background-color: #dc3545; border-radius: 6px; color: #fff; width: 13px; font-size: 10px; text-align: center; top: 0px; right: -9px;}
header .header-top-right ul li .header-top-team-message {position: absolute; background-color: #ffc107; border-radius: 6px; color: #000; width: 13px; font-size: 10px; text-align: center; top: 0px; right: -9px;}
header .header-top-right-content .btn-group button {border: 0px; background-color: transparent;}
header .header-top-right-content .dropdown-menu {border-radius: 0px; padding-top: 0px; padding-bottom: 0px;}
header .header-top-right-content .dropdown-menu li {margin-right: 0px;}
header .header-top-right-content .dropdown-menu li a {padding: 8px 10px;}
header .header-top-right-content .dropdown-menu li a:hover {color: #fff; background-color: #6C8CBF;}
header .header-top-right-content .dropdown-item.active, .dropdown-item:active {background-color: none;}
header .header-top-right-content .dropdown-item:focus {background-color: #6C8CBF !important;}

/* Breadcrumb */
.breadcrumb-top-right-links ul li {position: relative;}
.breadcrumb-top-right-links ul li .btn-icon {width: 30px; height: 30px; background-color: #BAC94A; line-height: 28px; display: block; border-radius: 50%; text-align: center;}
.breadcrumb-top-right-links ul li .breadcrumbright-alert {position: absolute; background-color: #dc3545; border-radius: 6px;
    color: #fff; width: 13px; font-size: 10px; text-align: center; top: -5px; right: -5px;}

/* Page heading */
.page-heading h1 {color: #212529;}

/* Assessment form */
.assessment-form-tabber .nav-tabs .nav-link {cursor: pointer; color: #212529; font-size: 14px; font-weight: 600;}
.assessment-form-tabber .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 3px solid #BAC94A; background-color: transparent; color: #212529;}
.assessment-form-tabber .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border: 1px solid transparent; border-bottom: 3px solid #BAC94A;}
.assessment-form-tabber .tab-icon {margin: 0 auto; display: block; border-radius: 50%; background-color: #BAC94A; width: 37px; height: 37px; text-align: center; line-height: 37px;}
.assessment-form-top-box {padding: 20px; color: #fff; font-size: 14px;}
.assessment-form-top-box .residential-time {width: 332px;}
.assessment-form-tabber .scroller {height: 85px; padding-top: 35px; background-color: #fafbff;}

.residential-tabber-assessment-form {-webkit-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.06); -moz-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.06); box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.06); /*padding: 30px 20px;*/}

/* Custom input */
.input-block {position: relative; margin-bottom: 30px;}
.input-block input {font-weight: 500; font-size: 16px; color: #212529; width: 100%; padding: 7px 10px; border-radius: 0px; border: 1px solid  #b7b7b7; outline:none; opacity: 1;}
.input-block span.placeholder {position: absolute; margin: 8px 0; padding: 0 4px; color:  #212529; display: flex; align-items: center; font-size: 16px; top: 0; left: 8px; transition: all 0.2s; transform-origin: 0% 0%; background: none;  pointer-events: none; opacity: 1;}
.input-block input:valid + span.placeholder, .input-block input:focus + span.placeholder {transform: scale(0.8) translateY(-30px); background: #fff; opacity: 1;}
.input-block input:focus {color: #212529; border-color: #b7b7b7; opacity: 1;}
.input-block input:focus + span.placeholder {color: #212529; opacity: 1;}

.input-block span.placeholder1 {position: absolute; margin: 8px 0; padding: 0 4px; color:  #212529; display: flex; align-items: center; font-size: 16px; top: 0; left: 0px; transition: all 0.2s; transform: scale(0.8) translateY(-30px); background: #fff;  pointer-events: none; opacity: 1;}

/* Custom select */
.input-block select {font-weight: 500; font-size: 16px; color: #212529; width: 100%; padding: 7px 10px; border-radius: 0px; border: 1px solid  #b7b7b7; outline:none; opacity: 1;}

/* Custom textarea */
.input-block textarea {font-weight: 500; font-size: 16px; color: #212529; width: 100%; padding: 7px 10px; border-radius: 0px; border: 1px solid  #b7b7b7; outline:none; opacity: 1; height: 110px;}
.input-block span.placeholder {position: absolute; margin: 8px 0; padding: 0 4px; color:  #212529; display: flex; align-items: center; font-size: 16px; top: 0; left: 8px; transition: all 0.2s; transform-origin: 0% 0%; background: none;  pointer-events: none; opacity: 1;}
.input-block textarea:valid + span.placeholder, .input-block textarea:focus + span.placeholder {transform: scale(0.8) translateY(-30px); background: #fff; opacity: 1;}
.input-block textarea:focus {color: #212529; border-color: #b7b7b7; opacity: 1;}
.input-block textarea:focus + span.placeholder {color: #212529; opacity: 1;}


.residential-tabber-assessment-form .uploadpic-thumb {margin-bottom: 30px; position: relative; height: 103px; border: 1px solid #b7b7b7; width: 103px; display: inline-block;}
.uploadpic-thumb-deleteicon {position: absolute; width: 30px; height: 30px; display: block; background-color: #BAC94A; text-align: center; border-radius: 50%; top: -15px; right: -15px; line-height: 28px;}

.assessment-form-residential-uploadpic {border: 1px solid #b7b7b7; height: 103px; font-size: 14px; font-weight: 500; position: relative; /*overflow: hidden;*/ display: block; cursor: pointer; width: 100%; margin-bottom: 30px;}
.assessment-form-residential-uploadpic p {color: #212529;background-color: #fff; padding: 23px 10px 10px 10px; font-size: 14px; font-weight: 500; cursor: pointer; height: 100%;}
.assessment-form-residential-uploadpic input[type=file] {position: absolute; left: 0; top: 0; right: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer;}


.main-heading-box {margin-bottom: 20px; background-color: #ebf3ff; display: inline-block;}
.main-heading-box .left-line {width: 6px; height: 43px; background-color: #6C8CBF;}
.main-heading-box h2 {padding-left: 12px; padding-right: 12px; color: #6C8CBF;font-size: 20px; font-weight: 500; text-transform: uppercase; line-height: 43px;}

.main-time-box {display: inline-block; float: right; width: 450px;}

.heading-box {border: 1px solid #dcdcdc; background-color: #fafbff; padding: 10px 15px; -webkit-box-shadow: 0px 5px 5px 1px rgb(0 0 0 / 6%); -moz-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.06); box-shadow: 0px 5px 5px 1px rgb(0 0 0 / 6%); margin-bottom: 30px;}
.heading-box h2 {color: #5AA7A7;}
.heading-box label {font-size: 14px; font-weight: 500;}

.sub-heading-box {margin-bottom: 20px;}

.residential-picture-thumb-pic {width: 53px; height: 53px; position: relative; display: inline-block; vertical-align: middle;}
.residential-picture-thumb-pic img {border-radius: 50%; border: 2px solid #355b99;}

/* Login BG SLIDESHOW CSS */
.slideshow,
.slideshow::after {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: -1;
}
.slideshow::after {
  content: '';
  /*background: linear-gradient(-70deg, rgba(0,0,0,0), rgba(0,0,0,1));*/
}
.img-bg-slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  color: transparent; hides span's text
  background-size: cover; /* covers whole viewport */
  background-position: 100% 100%;
  background-repeat: none;
  opacity: 0;
  z-index: 0;
  animation: backgroundSlideshow 60s linear infinite 0s;
}

@keyframes backgroundSlideshow {
  0% { opacity: 0;}
  12.5% { opacity: 1;}
  25% { opacity: 1;}
  37.5% { opacity: 0;}
  100% { opacity: 0;} 
}
/* Login End of BG SLIDESHOW */

.login-page {background-color: #fff; padding: 30px 20px 40px 20px; border-radius: 10px; z-index: 100; -webkit-box-shadow: 0px 0px 10px 6px rgba(0,0,0,0.06); -moz-box-shadow: 0px 0px 10px 6px rgba(0,0,0,0.06); box-shadow: 0px 0px 10px 6px rgba(0,0,0,0.06);}
.login-page .title {font-size: 30px; font-weight: 600; line-height: 30px;}
.login-page span {font-size: 18px;}
.login-page .forgotlink {float: right;}
.login-page .forgotlink a {color: #fd7e14; font-size: 14px; text-decoration: none;}
.login-quotes-slider {width: 490px !important; margin: 0 auto; margin-top: 100px;}
.login-quotes-slider .item:before {content: ''; display: block; width: 44px; height: 30px; background-image: url("../img/icons/before-quote.png");}
.login-quotes-slider .item:after {content: ''; display: block; width: 44px; height: 30px; background-image: url("../img/icons/after-quote.png"); position: absolute; bottom: 0; right: 0;}
.login-quotes-slider .item p {color: #fff; font-size: 25px; padding-left: 60px; padding-right: 50px;}
.login-quotes-slider .item p:first-child {margin-top: -30px;}

/* Table */
.box-table {background-color: #fff; -webkit-box-shadow: 0px 5px 5px 1px rgb(0 0 0 / 6%); -moz-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.06); box-shadow: 0px 5px 5px 1px rgb(0 0 0 / 6%); border-radius: 6px;}
.table-heading {background-color: #6C8CBF; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 9px 10px; color: #fff; font-size: 16px; font-weight: 500;}
.box-table-main table>thead>tr>th {font-size: 14px; color: #5AA7A7; font-weight: 600;}
.box-table-main table>tbody>tr>td {font-size: 14px; color: #525558; font-weight: 500;}
.box-table-main table>tbody>tr>td a {font-size: 14px; color: #5AA7A7; font-weight: 600; text-decoration: none;}

.dashboard-notes-remember {padding: 14px 8px;}
.dashboard-quick-notes-box {position: relative; border: 1px solid #96D7C6; background-color: #fbfffe; border-radius: 6px; padding: 6px 8px; margin-bottom: 10px;}
.dashboard-quick-notes-box .close-icon {position: absolute; top: 3px; right: 8px;}
.dashboard-quick-notes-box p {margin-bottom: 0px; color: #525558; font-size: 14px;  font-weight: 500;}
.dashboard-quick-notes-box ul li {margin-right: 5px; color:#5AA7A7; font-size: 14px; font-weight: 600;}
.quicknotes-chat-message {position: relative; background-color: #f7f7f7; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding: 10px 8px;}
.quicknotes-chat-message a {position: absolute; top: 10px; right: 8px; background-color: #BAC94A; padding: 7px 10px; border-top-right-radius: 6px; border-bottom-right-radius: 6px;}

/* Dependency calculator */
.dependency-calculator {margin-bottom: 30px;}
.dependency-calculator h2 {color: #16a050; margin-bottom: 10px;}
.dependency-calculator-box {border: 1px solid #d0e8de; background-color: #fafbff; padding: 15px; border-radius: 6px; min-height: 280px; position: relative;}
.score-box {margin-top: 15px; background-color: #8cb1a1; padding: 8px; border-radius: 6px; font-size: 16px; color: #fff; font-weight: 500; text-align: center; position: absolute; left: 15px; right: 15px; bottom: 15px;}
.dependency-calculator-box .form-check {margin-bottom: 8px;}
.form-check label {font-size: 15px; font-weight: 500;}

.dependency-calculator-list {border: 1px solid #d0e8de; background-color: #fff; padding: 15px; border-radius: 6px; margin-bottom: 15px;}
.dependency-calculator-list table>tbody>tr>td {font-size: 15px; font-weight: 500; padding: 4px 0px;}
.dependency-calculator-list table>tbody>tr.list-active {color: #ff0000;}

.dependency-calculator-total-score-box {border: 1px solid #d0e8de; background-color: #fafbff; padding: 15px; border-radius: 6px; text-align: center; font-size: 25px; font-weight: 600; color: #212529; margin-bottom: 15px; min-height: 158px; line-height: 120px;}
.dependency-calculator-total-score-box span {color: #16a050;}

.dependency-calculator-message-box {margin-bottom: 30px; font-size: 15px; font-weight: 500;}

/* DataTable start */
#myTable_wrapper .dataTables_length {padding-left: 10px; font-size: 14px;}
#myTable_wrapper .dataTables_filter {padding-right: 15px; font-size: 14px;}
#myTable_wrapper .dataTables_filter input {padding-right: 15px; font-size: 16px;}
#myTable_wrapper .dataTables_info {padding-left: 10px; font-size: 14px; margin-top: 10px;}
#myTable_wrapper .dataTables_paginate {padding-right: 10px; font-size: 14px; margin-top: 10px; margin-bottom: 10px;}

.careplan-list-table .table>thead>tr>th {background-color: #2fcc71; color: #fff; font-size: 14px; font-weight: 600;}
.careplan-list-table .table>tbody>tr>td {font-size: 14px; font-weight: 500;}

.notes-list {background-color: #f9f9f9; border: 1px solid #b7b7b7; padding: 15px;}
.notes-list h3 {background-color: #fff; color: #212529; font-size: 16px; font-weight: 700; width: fit-content; margin-top: -28px; margin-bottom: 12px; padding: 2px;}
.notes-list ul li {color: #212529; font-size: 14px; line-height: 30px; list-style: disc; margin-left: 17px;}
.notes-list p {margin-top: 10px; margin-bottom: 0px; color: #212529; font-size: 14px; font-weight: 600;}

.task-heading {padding-top: 12px;}
.button-pdg {padding-top: 3px; float: right;}

.daily-notes-ul ul {padding-left: 18px;}
.daily-notes-ul ul li {list-style: disc;}
.dailyrecordtablelist {max-height:200px;}

.resident-home-alert-reminder-box {background-color: #fdfdfd; border: 1px solid #efefef; border-radius: 10px; padding: 10px;}

.info-box {
    -webkit-box-shadow: 0px 5px 5px 1px rgb(0 0 0 / 6%);
    -moz-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.06);
    box-shadow: 0px 5px 5px 1px rgb(0 0 0 / 6%);
    border-radius: 6px;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    min-height: 50px;
    padding: 0.5rem;
    position: relative;
    width: 100%;
}
.info-box .info-box-icon {
    border-radius: 0.25rem;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.875rem;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 70px;
    background-color: #6C8CBF;
}
.info-box .info-box-icon i {color: #fff;}
.info-box .info-box-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.7;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px;
    overflow: hidden;
}
.info-box .info-box-text, .info-box .progress-description {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.info-box .info-box-number {
    display: block;
    margin-top: 0.25rem;
    font-weight: 700;
}
.resident-box-links a {color: #000; text-decoration: none;}
.resident-chart-links a {color: #000; text-decoration: none;}

.box-table-main a {color: #000; text-decoration: none;}
.daily-progress-chart-box {position: relative;}
.daily-progress-chart-box .food-badge {position: absolute; top: 35%; left: 0; right: 0; font-size: 14px; font-weight: 500;}
.daily-progress-chart-box .chart-title {font-size: 14px; font-weight: 500; display: block;  overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap;}

.daily-progress-shift {padding: 10px;}
.daily-progress-shift.active {-webkit-box-shadow: 0px 5px 5px 1px rgb(0 0 0 / 6%); -moz-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.06); box-shadow: 0px 5px 5px 1px rgb(0 0 0 / 6%); padding: 10px; border: 1px solid #dfdfdf;
    border-radius: 6px;}
.daily-progress-shift a {color: #000; text-decoration: none;}
.box-title-bg {background-color: #6C8CBF; border-top-left-radius: 6px; border-top-right-radius: 6px;  padding: 9px 10px; color: #fff; font-size: 16px; font-weight: 500;}

.section-padding {padding: 30px 20px;}
label {margin-bottom:5px; font-size: 15px; font-weight: 500;}
.sub-heading-skyblue h2 {color: #00acff;}
.light-blue {background-color: #f4fcff;}


/* Footer */
footer {margin-top: 30px; background-color: #fff; border-top: 1px solid #dee2e6;}
footer .footer-rights-left {color: #1f2d3d; font-size: 14px;}
footer .footer-rights-left span {color: #000000; font-weight: 600;}
footer .footer-xelcms-right {color: #1f2d3d; font-size: 14px;}
footer .footer-xelcms-right span {color: #000000; font-weight: 600;}