@charset "UTF-8";
/* ================================================== */
/* Google Fonts */
/* ================================================== */
/*Roboto*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');
/* ================================================== */
/* body */
/* ================================================== */
html,
body {
    height: 100% !important;
    min-height: 100% !important;
}
body {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
main {
    position: relative;
    width: 100%;
    float: left;
    clear: both;
}
section {
    float: left;
    width: 100%;
    clear: both;
}
footer {
    float: left;
    width: 100%;
    clear: both;
}
a,
a:hover,
a:active {
    text-decoration: none;
    outline: none;
}
::-moz-selection {
    background: #3ec14f;
    color: #ffffff;
    text-shadow: none;
}
::selection {
    background: #3ec14f;
    color: #ffffff;
    text-shadow: none;
}
img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0;
}
ul {
    padding-left: 0;
    list-style: none;
}
button {
    outline: none !important;
}
/* ================================================== */
/* animated */
/* ================================================== */
.animated {
    visibility: hidden;
}
.visible {
    visibility: visible;
}
.transition {
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/* ================================================== */
/* help classes */
/* ================================================== */
.container-fluid-custom {
    width: 100%;
    padding: 15px 90px;
    clear: both;
}
.space-container{
  max-width: 1450px;
}
.container-fluid-custom .active p {
    width: 63px;
}
.content-background {
    background: linear-gradient(to bottom, #f7f7f7, rgba(247, 247, 247, 0));
    border-radius: 8px;
    width: auto;
    margin: 0 15px;
    padding: 30px 0;
    clear: both;
    border: 1px solid #f7f7f7;
}
.flex-start {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.flex-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.border-bottom {
    padding-bottom: 15px;
    border-bottom: 1px solid #dde8f2 !important;
}
.pl-0 {
    padding-left: 0px;
}
.m-t-1 {
    margin-top: 10px;
}
.m-t-15 {
    margin-top: 15px;
}
.m-t-20 {
    margin-top: 20px;
}
.m-t-30 {
    margin-top: 30px;
}
.m-b-30 {
    margin-bottom: 30px;
}
.m-b-20 {
    margin-bottom: 20px;
}
.m-t-50 {
    margin-top: 50px;
}
.m-b-50 {
    margin-bottom: 50px;
}
.m-t-60 {
    margin-top: 60px;
}
.m-t-70 {
    margin-top: 70px;
}
.m-t-100 {
    margin-top: 100px;
}
.m-b-90 {
    margin-bottom: 90px;
}
.p-t-b-20 {
    padding: 20px 0;
}
.p-b-30 {
    padding-bottom: 30px;
}
.pr-0 {
    padding-right: 0;
}
a {
    text-decoration: none !important;
}
.container.larger-screen {
    max-width: 1450px;
}
.background-box {
    border-radius: 10px;
    background-color: #ecf6ff;
    border: solid 1px #b6deff;
    padding: 37px 57px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.background-box table {
    margin-bottom: 5px;
}
.background-box.space {
    padding-bottom: 110px;
}

.dashed-space {
    border: 2px dashed #b6deff;
    padding: 15px 0;
    background: inherit;
    border-radius: 13px;
    background: #ecf6ff;
}

.dashed-space .add-new-link {
    border-radius: 27px;
    background-color: #0087ff;
    border: 1px solid #0087ff;
    padding: 15px 20px;
    color: #fff;
    margin-right: 20px;
    font-size: 21px;
    cursor: pointer;
}
.dashed-space .card-body {
    padding-top: 0;
    padding-bottom: 0;
}
.download-btn {
    width: 198px;
    height: 57px;
    border-radius: 10px;
    background-color: #0087ff;
    color: #fff;
    float: right;
    text-align: center;
    padding: 17px 0;
    margin-top: 15px;
    font-weight: bold;
    cursor: pointer;
}
.download-btn .fa-file {
    font-size: 15px;
    margin-left: 5px;
}

/* ================================================== */
/* help classes */
/* ================================================== */
#auth {
    float: left;
    width: 100%;
    height: 100vh;
    float: left;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
}
.btn-blue {
    width: 100%;
    padding: 12px 15px;
    display: block;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    background-color: #0087ff;
    border: transparent;
    border-radius: 8px;
    color: #ffffff;
    font-weight: 400;
    font-size: 20px;
}
.btn-blue:hover,
.btn-blue:focus {
    background-color: #037de8;
    color: #ffffff;
    box-shadow: none;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-black {
    width: 100%;
    padding: 12px 15px;
    display: block;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    background-color: #242d34;
    border: transparent;
    border-radius: 8px;
    color: #ffffff;
    font-weight: 400;
    font-size: 20px;
}
.btn-black:hover,
.btn-black:focus {
    background-color: #020303;
    color: #ffffff;
    box-shadow: none;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
button#delete_patient {
    width: 100%;
    padding: 12px 15px;
    border-radius: 8px;
}
#auth .logo {
    display: block;
    padding-bottom: 50px;
    text-align: center;
}
#auth .form-group {
    margin-bottom: 30px;
}
.search-patients {
    position: relative;
}
.search-patients span {
    position: absolute;
    top: 30%;
    left: 20px;
}
.search-patients span.info-icon {
    right: 20px;
    left: inherit;
}
.info-paragraph {
    position: absolute;
    right: -20px;
    background-color: #0087ff;
    padding: 10px;
    border-radius: 8px;
    font-size: 16px;
    text-align: -webkit-center;
    width: 270px;
    color: #ffffff;
    font-weight: 300;
    top: 40px;
    z-index: 10;
}
.info-paragraph:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -10px;
    border-left: 14px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #0087ff;
    right: 15px;
}
.form-group label {
    display: block;
    font-size: 20px;
    color: #0087ff;
    font-weight: 400;
}
.form-group .select-custom-style {
    padding-right: 35px!important;
    width: 100%;
    color: #231f20;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position-x: 95%;
    background-position-y: center;
    background-image: url(../img/chevron-down.png);
    background-repeat: no-repeat;
    background-color: transparent;
    border: 1px solid rgba(167, 165, 166, 0.3);
    border-radius: 4px;
}
.form-group-bg {
    float: left;
    width: 95%;
    background-color: #ecf6ff;
    border-radius: 12px;
}
.form-group-bg .select-col-2 {
    float: left;
    width: 20%;
    position: relative;
    padding: 0 15px;
}
.form-group-bg .select-col-3 {
    float: left;
    width: 30%;
    position: relative;
    padding: 0 15px;
}
.form-group-bg .select-col-2:before,
.form-group-bg .select-col-3:before {
    content: ' ';
    width: 1px;
    height: 30px;
    position: absolute;
    background-color: #b7cfe5;
    top: 10px;
    right: -5px;
    z-index: 10;
}
.form-group-bg .select-col-2:last-child:before,
.form-group-bg .select-col-3:last-child:before {
    position: relative;
}
.form-group-bg .select-custom-style:focus {
    border: transparent !important;
}
.add-new {
    margin: 30px 0 20px 0;
}
.add-new a {
    color: #0087ff;
    font-weight: 400;
    font-size: 21px;
    text-decoration: none;
}
.add-new-icon {
    float: left;
    width: 5%;
    display: block;
    text-align: center;
    padding: 12px;
}
.container {
    max-width: 1200px;
}
.patient-profile-info {
    width: 100%;
    padding: 20px;
    min-height: 160px;
    display: inline-flex;
    /* align-items: center; */
    border-radius: 8px;
    background-color: #ecf6ff;
}
.profile-info.space {
    margin-left: 25px;
}
.tooltip-icon {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.tooltip-icon .tooltiptext {
    visibility: hidden;
    background-color: #0087ff;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 5px;
    position: absolute;
    z-index: 1;
    min-width: 210px;
    font-size: 16px;
    margin-top: 20px;
    left: 0;
}
.tooltip-icon:hover .tooltiptext {
    visibility: visible;
}
.patient-profile-info .profile-icon a {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}
.patient-profile-info .profile-icon img {
    width: 28px;
    height: 28px;
}
.patient-profile-info > li {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 40%;
}
.patient-profile-info.right-info > li:first-child {
    width: 70%;
    padding-right: 20px;
}
.patient-profile-info.right-info > li:last-child {
    width: 40%;
}
.patient-profile-info > li .profile-info h6 {
    font-size: 18px;
    color: #0087ff;
    font-weight: 400;
    padding-bottom: 5px;
}
.patient-profile-info > li .profile-info p {
    font-size: 18px;
    color: #242d34;
    font-weight: 400;
    padding-right: 10px;
}
.patient-profile-into.space {
    width: 50%;
}
.patient-table{
    overflow-x: scroll;
}
.patient-table img {
    width: 39.8px;
    height: 39.8px;
}
.right-btn {
    position:absolute;
    right: 0;
    margin-right: 55px;
    display: flex;
    margin-top: 10px;
}
.active-circle {
    width: 10px;
    height: 10px;
    background-color: #42ce6b;
    border-radius: 50%;
    margin-top: 0px;
    margin-right: 5px !important;
    display: -webkit-inline-box;
}
.inactive-circle {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    margin-top: 0px;
    margin-right: 5px !important;
    display: -webkit-inline-box;
}

.start-btn {
    width: 170px;
    height: 35px;
    border-radius: 100px;
    background-color: #42ce6b;
    border: 1px solid #42ce6b;
    color: #fff;
    margin-top: 15px;
}
.stop-btn {
    width: 170px;
    height: 35px;
    border-radius: 100px;
    background-color: #cf021a;
    border: 1px solid #cf021a;
    color: #fff;
    margin-top: 15px;
}
.gray-btn {
    width: 170px;
    height: 35px;
    border-radius: 100px;
    background-color: #c9c9c9;
    border: 1px solid #c9c9c9;
    color: #fff;
    margin-top: 15px;
}
.form-group-text {
    display: block;
    position: relative;
    top: 70%;
    left: 0;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
    margin-bottom: 0;
}
.form-group-text span {
    font-size: 18px;
    font-weight: 400;
    color: #838383;
    letter-spacing: 0.3px;
}
select.form-control:not([size]):not([multiple]) {
    height: auto !important;
}
.form-group .form-control {
    padding: 15px;
    color: #242d34;
    font-size: 20px;
    font-weight: 400;
    background-color: #ecf6ff;
    border: 1px solid transparent;
    border-radius: 10px;
    box-shadow: inherit;
}
.search-patients .form-control {
    padding: 15px 15px 15px 55px;
}
.form-group .form-control:focus {
    border: 1px solid rgba(66, 206, 107, 1);
}
.form-group .form-control.error:focus {
    border: 1px solid red;
}
.form-group .form-control::-moz-placeholder {
    color: #242d34;
    font-size: 21px;
    font-weight: 400;
}
.form-group .form-control:-ms-input-placeholder {
    color: #242d34;
    font-size: 21px;
    font-weight: 400;
}
.form-group .form-control::-webkit-input-placeholder {
    color: #242d34;
    font-size: 21px;
    font-weight: 400;
}
textarea{
    min-height:120px;
}
#textarea-background::-moz-placeholder {
    color: #242d34;
    font-size: 19px;
    font-weight: 400;
}
#textarea-background:-ms-input-placeholder {
    color: #242d34;
    font-size: 19px;
    font-weight: 400;
}
#textarea-background::-webkit-input-placeholder {
    color: #242d34;
    font-size: 19px;
    font-weight: 400;
}
.search-patients .form-control::-moz-placeholder {
    color: rgba(36, 45, 52, 1);
    font-size: 18px;
    font-weight: 400;
}
.search-patients .form-control:-ms-input-placeholder {
    color: rgba(36, 45, 52, 1);
    font-size: 18px;
    font-weight: 400;
}
.search-patients .form-control::-webkit-input-placeholder {
    color: rgba(36, 45, 52, 1);
    font-size: 18px;
    font-weight: 400;
}

.radio-checkbox label {
    display: inline-block;
    cursor: pointer;
    padding-left: 40px;
    margin-right: 15px;
    position: relative;
    top: 0;
    margin: 0;
    font-size: 20px;
    color: #242d34;
}
.radio-checkbox input[type='radio'],
.radio-checkbox input[type='checkbox'] {
    display: none;
}
.radio-checkbox label:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 1px;
    background-color: #ecf6ff;
    background-position: 50% 50%;
    border: transparent;
    border-radius: 1px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.radio-checkbox input[type='radio']:checked + label:before,
.radio-checkbox input[type='checkbox']:checked + label:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 1px;
    background-image: url(../img/check.svg);
    background-repeat: no-repeat;
    background-color: #ecf6ff;
    background-position: 50% 50%;
    border: transparent;
    border-radius: 1px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#header {
    padding: 16px 45px;
    background: linear-gradient(to right, #3d28f2, #4fc2ff);
}
#header .navbar {
    padding: 0;
}
#header .navbar .navbar-brand {
    position: relative;
    margin-right: 40px;
}
#header .navbar .navbar-brand:before {
    content: ' ';
    width: 1px;
    height: 25px;
    position: absolute;
    background-color: #ffffff;
    top: 10px;
    right: -30px;
    z-index: 10;
}
#header .navbar .navbar-nav .nav-link {
    color: #ffffff;
    font-weight: 400;
    font-size: 20px;
    padding-right: 25px;
    padding-left: 25px;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#header .navbar .navbar-nav .nav-link:hover {
    background-color: #304fea;
    border-radius: 30px;
}
#header .navbar .navbar-nav .nav-item {
    margin: 0 5px;
}
#header .navbar .navbar-nav .nav-item.active {
    background-color: #304fea;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#header .navbar .navbar-right {
    display: inline-block;
    float:right;
}
#header .navbar .navbar-right > li {
    display: inline-flex;
    padding-left: 20px;
}
#header .navbar .navbar-right .profile img {
    border-radius: 50%;
}
#header .navbar .navbar-right > li:first-child {
    position: relative;
}
/* #header .navbar .navbar-right > li:first-child:before {
    content: ' ';
    width: 1px;
    height: 20px;
    position: absolute;
    background-color: #ffffff;
    top: 7px;
    right: -3px;
    z-index: 10;
} */
#header .navbar .navbar-right > li.profile a {
    display: inline-flex;
    align-items: center;
}
#header .navbar .navbar-right > li > a {
    color: #ffffff;
    font-weight: 400;
    font-size: 20px;
    padding-right: 15px;
    padding-left: 15px;
}
#header .navbar .navbar-right > li.profile a img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 50%;
    margin-left: 15px;
}
.nav-item select.select-custom-style.form-control {
    color: #ffffff;
    font-weight: 400;
    font-size: 20px;
    padding-right: 25px;
    padding-left: 25px;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: transparent;
    border: unset;
    margin-top: 10px;
}
.navbar .navbar-nav .nav-item select.select-custom-style.form-control{
    padding: 8px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top:0;
}
#header .navbar .navbar-nav .nav-item select.select-custom-style.form-control:hover  {
    background-color: #304fea;
    border-radius: 30px;
}
#header .profile .dropdown-menu {
    right: 0;
    left: unset;
    /* width: 13rem; */
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: #0087ff;
    background-color: transparent;
}
.inner-nav {
    width: 100%;
    display: inline-flex;
    align-items: center;
    padding-top: 40px;
}
.inner-nav > li {
    display: inline-block;
    float: left;
    width: 20%;
    text-align: center;
    margin: 0 5px;
}
.inner-nav > li a {
    display: block;
    padding: 10px;
    font-size: 20px;
    color: #242d34;
    font-weight: 400;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
.inner-nav > li.active-inner-nav a {
    background-color: rgba(247, 247, 247, 0.6);
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    color: #0087ff;
    border: 1px solid #f7f7f7;
    border-bottom: 0;
}
.inner-nav > li a:hover,
.inner-nav > li.active-inner-nav a:hover {
    background-color: rgba(247, 247, 247, 0.6);
    /* border-top-right-radius: 8px;
      border-top-left-radius: 8px; */
    color: #0087ff;
}
.content {
    float: left;
    width: 100%;
    clear: both;
    padding: 80px 80px;
}
.content .row-title h3 {
    font-size: 32px;
    color: #242d34;
    font-weight: 300;
}
.content .form-group label {
    color: #242d34;
    font-size: 24px;
    font-weight: 300;
}
.content .content-background .form-group label {
    /* color: #0087ff; */
    font-size: 21px;
    font-weight: normal;
}
.content span .fa-trash {
    font-size: 20px;
    margin-left: 10px;
}

.calendar-box {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.calendar-box .fa-edit{
  font-size: 23px;
}
.calendar-box table {
  border: 1px solid #f2f4f6;
  border-collapse: collapse;
  border-spacing: 0;
}
.calendar-box table thead {
  background: #f2f4f6;
  border-top: 0;
  border-bottom: 0;
}
.calendar-box table thead th {
  border-bottom: none;
  font-size: 15px;
  text-transform: uppercase;
  color: #252631;
  font-weight: 600;
  background-color:#ecf6ff;
  padding: 25px 20px 10px 20px;
}
.calendar-box .table td:first-child {
  border-left-style: none;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.calendar-box .table tr td {
    border: 1px solid #dfdfdf7a !important;
} 
.calendar-box .table tr th {
  border: 1px solid #dfdfdf7a !important;
} 
.calendar-box table tr td ul li {
  padding-bottom: 15px;
}
.calendar-box table tr td ul li span {
  padding-left: 5px;
}
.calendar-box table tr td{
  background-color:#fff;
  font-size: 18px;
  vertical-align: unset;
  padding: 13px 10px;
}

.patient-check {
    position: relative;
    display: flex;
    float: right;
    padding-right: 15px;
}
.patient-check label {
    display: inline-block;
    cursor: pointer;
    padding-left: 40px;
    margin-right: 15px;
    position: relative;
    top: 0;
    margin: 0;
    font-size: 20px;
    color: #242d34;
}
.patient-check input[type='radio'],
.patient-check input[type='checkbox'] {
    display: none;
}
.patient-check label:before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 1px;
    background-color: rgba(66, 206, 107, 0.2);
    background-position: 50% 50%;
    border: transparent;
    border-radius: 15px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.patient-check input[type='radio']:checked + label:before,
.patient-check input[type='checkbox']:checked + label:before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 1px;
    background-image: url(../img/check.svg);
    background-repeat: no-repeat;
    background-color: rgba(66, 206, 107, 0.2);
    background-position: 50% 50%;
    border: transparent;
    border-radius: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.radio-checkbox-language label {
    display: inline-block;
    cursor: pointer;
    padding-left: 70px;
    padding-top: 10px;
    margin-right: 15px;
    position: relative;
    top: 0;
    margin: 0;
    font-size: 20px;
    color: #242d34;
}
.radio-checkbox-language input[type='radio'],
.radio-checkbox-language input[type='checkbox'] {
    display: none;
}
.radio-checkbox-language label:before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 1px;
    background-color: #ecf6ff;
    background-position: 50% 50%;
    border: transparent;
    border-radius: 50%;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.radio-checkbox-language input[type='radio']:checked + label:before,
.radio-checkbox-language input[type='checkbox']:checked + label:before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 1px;
    background-image: url(../img/oval-check.svg);
    background-repeat: no-repeat;
    background-color: #ecf6ff;
    background-position: 50% 50%;
    border: transparent;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.table thead th {
    vertical-align: middle;
    border: transparent;
    font-size: 20px;
    font-weight: 400;
    color: #0087ff;
}
.table-head-blue thead th {
    color: #0087ff !important;
}
.table-head-blue {
    overflow-x: scroll;
}
.table tbody tr {
    border-radius: 8px;
    border: transparent;
    padding: 15px 0;
}
.table {
    border-collapse: separate;
    border-spacing: 0 15px;
    margin-top: -10px;
}
.table td {
    vertical-align: middle;
    border: transparent !important;
    border-style: solid none;
    padding: 15px;
    background-color: #dcefff;
    font-size: 21px;
    font-weight: 400;
    color: #242d34;
    cursor: pointer;
}
.table td:first-child {
    border-left-style: solid;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.table td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 13px;
    border-top-right-radius: 13px;
}
.table .inline-flex {
    display: flex;
    align-items: center;
}
.table .inline-flex a {
    margin: 0 10px;
}

table #row-light td {
    background: #f1f8ff;
}
table #row-dark td {
    background: #e5f3ff;
}
table #row-red td {
    background-color: #ffe2e5;
}
table #row-red td .circle-table-status {
    background-color: #d0021b;
}

.schedule p,
.active p,
.completed p {
    padding: 5px 10px;
    border-radius: 17.7px;
    color: #ffffff !important;
    text-align: center;
}
.schedule p {
    background-color: #ffbc34;
    width: 220px;
}
.active p {
    background-color: #42ce6b;
    width: 100px;
}
.completed p {
    background-color: #0087ff;
    width: 150px;
}

/* Summary page */

.summary-control .form-control {
    background: transparent;
    border: none;
    width: 100%;
}
.summary-control select.form-control{
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 6px;
}
.main-box {
    border-radius: 7.9px;
    margin: 60px 0;
}
.main-box .title {
    padding: 25px 40px;
    background: #4989fb;
    border: 1px solid #4989fb;
    border-top-left-radius: 7.9px;
    border-top-right-radius: 7.9px;
}
.main-box .title h4 {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
}
.content-box {
    padding: 60px 80px;
    border: 1px solid#cecece;
    border-radius: 7.9px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.content-box h5 {
    font-size: 25px;
    padding-bottom: 10px;
}
.content-box .form-group .form-control {
    font-size: 18px;
    padding: 10px 15px;
    background-color: #ecf6ff;
}
.heading5-blue {
    color: #0087ff;
    font-weight: 400;
}
.heading5-dark {
    color: #242d34;
    font-weight: 400;
}
.summary .form-group .form-control {
    font-size: 18px;
    padding: 10px 5px;
    background-color: transparent;
}
.content-box .details {
    border: 1px solid #cecece;
    padding: 20px 0;
    border-radius: 7.9px;
    background-color: #fff;
}
.content-box .details h5 {
    font-size: 22.5px;
}
.content-box .details h2 {
    font-size: 76px;
    font-weight: bold;
}
.content-box .details a {
    margin-right: 10px;
}
.mb-50 {
    margin-bottom: 60px;
}
.content-box .details.overview-space {
    padding: 50px;
}
.content-box .details.monitors-space {
    text-align: left;
    padding: 20px;
}

.content-box h3 {
    font-size: 65px;
}
.content-box h6 {
    font-size: 18px;
    font-weight: 400;
}
.heading6-green {
    color: #6dc75a;
}
.heading6-b-blue {
    color: #3fc1c0;
}
.bottom-heading {
    padding-top: 170px;
}
.content-box .details.weight-space {
    border-color: #ffb8c7;
    color: #fd6585;
}
.content-box .details.weight-space.padding {
    padding: 60px 0;
}
.content-box .details.weight-space h6 {
    padding-top: 30px;
}
.content-box .details.weight-space h3 {
    padding-top: 10px;
}
.content-box .details.weight-space span {
    font-size: 25px;
    font-weight: 300;
}
.content-box .details.medications-space {
    border: solid 1px #c4e3ff;
}
.content-box .details .circle {
    width: 11px;
    height: 29px;
    transform: rotate(-270deg);
    border-radius: 9.5px;
    background-color: #42ce6b;
    position: absolute;
}
.content-box .details .circle.red {
    background: #ff3963;
}
.content-box .details .circle.yellow {
    background: #ffbc34;
}
.content-box .details ul li .txt {
    margin-left: 30px;
    vertical-align: middle;
}
.content-box .details ul li .time-span {
    color: #0087ff;
}
.content-box .details.medications-space ul .no-margin {
    margin-bottom: 0;
}
.content-box .details.medications-space .preview-btn {
    width: 272px;
    height: 60px;
    border-radius: 10px;
    background-color: #0087ff;
    border: 1px solid #0087ff;
    outline: 0;
    box-shadow: none;
    margin-top: 30px;
    color: #fff;
}
.content-box .details.timeline-space {
    border-radius: 9px;
    border: solid 1px #c4e3ff;
    padding: 20px;
}
.content-box .details.timeline-space h6 {
    color: #b2b2b2;
    padding-bottom: 20px;
    text-align: center;
    font-size: 16px;
    color: #242d34;
}
.content-box .details.video-space {
    border-radius: 9px;
    border: solid 1px #c4e3ff;
    padding: 35px;
}
.content-box .details.video-space ul li .square-span {
    width: 20px;
    height: 20px;
    background-color: #28a197;
    position: absolute;
}
.content-box .details.video-space ul li .text {
    font-size: 16px;
    color: #242d34;
    margin-left: 30px;
}

.content-box .details.video-space ul li {
    margin-bottom: 10px;
}
.content-box .details.video-space .square-span.first-color {
    background-color: #00acdc;
}
.content-box .details.video-space .square-span.second-color {
    background-color: #d53880;
}
.content-box .details.video-space .square-span.third-color {
    background-color: #ffbf47;
}
.content-box .details.video-space .square-span.fifth-color {
    background-color: #6f72af;
}
.content-box .details.video-space .square-span.sixth-color {
    background-color: #f47738;
}
.content-box .details.video-space .square-span.seventh-color {
    background-color: #85994a;
}
.content-box .details.video-space .square-span.eighth-color {
    background-color: #912b88;
}
.content-box .details.video-space .square-span.ninth-color {
    background-color: #f499be;
}
.content-box .details.video-space .square-span.tenth-color {
    background-color: #006435;
}
.content-box .details.education-progress-space {
    border-radius: 9px;
    border: solid 1px #c4e3ff;
    padding: 35px;
}
.content-box .details.education-progress-space .test-form {
    text-align: center;
}
.content-box .details.education-progress-space .test-form .circle-color {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #ffbf47;
    position: absolute;
}
.content-box .details.education-progress-space .test-form .circle-color.green {
    background: #42ce6b;
}

.content-box .details.education-progress-space .test-form .txt {
    margin-left: 25px;
}
.content-box .details.education-progress-space .test-form .circle-color {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #ffbf47;
    position: absolute;
}
.content-box .details.rosie-space {
    border-radius: 9px;
    border: solid 1px #c4e3ff;
}
.content-box .details.task-completed-space {
    border-radius: 9px;
    border: solid 1px #c4e3ff;
    padding: 25px 35px;
}

.content-box .details.task-completed-space .color-numbers {
    display: flex;
    /* justify-content: space-between; */
}
.content-box .details.task-completed-space .color-numbers li {
    width: 50px;
    height: 50px;
    background-color: #42ce6b;
    border-radius: 50%;
    text-align: center;
    font-size: 17px;
    color: #fff;
    line-height: 50px;
    margin-bottom: 15px;
    margin-right: 25px;
}
.content-box .details.task-completed-space .color-numbers li span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.content-box .details.task-completed-space .color-numbers .yellow {
    background-color: #ffbc34;
}
.content-box .details.task-completed-space .color-numbers .red {
    background-color: #ff3963;
}

.content-box .details.kp-org-space {
    border: solid 1px #c4e3ff;
    padding: 60px 20px;
}
.content-box .details.call-history-space {
    border: solid 1px #c4e3ff;
    padding: 30px;
}
.content-box .details .bottom-ul ul {
    display: inline-flex;
    padding-left: 10px;
}
.content-box .details .bottom-ul li {
    margin-right: 25px;
}
.content-box .details.health-conf-space {
    padding: 10px 30px;
}
.content-box .details.details.health-conf-space .bottom-space {
    padding: 10px 50px;
}
.content-box .details.details.health-conf-space .list-items li {
    display: block;
}
.content-box .details.health-conf-space ul li {
    display: inline-flex;
    font-size: 14px;
    margin-right: 3px;
}
.content-box .details.health-conf-space ul li .line {
    position: absolute;
    background-color: red;
    width: 17px;
    height: 2px;
    margin-top: 12px;
}
.content-box .details.health-conf-space ul li .line.green {
    background-color: #00d166;
}
.content-box .details.health-conf-space ul li .line.yellow {
    background-color: #ffeb3b;
}
.content-box .details.health-conf-space ul li .line.orange {
    background-color: #ff9800;
}
.regular-checkbox {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #7f8fa4b8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}
.regular-checkbox:active,
.regular-checkbox:checked:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.regular-checkbox:checked {
    background-color: #00d166;
    border: 1px solid #00d166;
    outline: 0;
}
.regular-checkbox.blue:checked {
    background-color: #9eedf6;
    border: 1px solid #9eedf6;
}
.regular-checkbox.green:checked {
    background-color: #afe68a;
    border: 1px solid #afe68a;
}
.regular-checkbox.purple:checked {
    background-color: #ec8bf4;
    border: 1px solid #ec8bf4;
}
.regular-checkbox.yellow:checked {
    background-color: #fecb49;
    border: 1px solid #fecb49;
}
.regular-checkbox.gray:checked {
    background-color: #9996;
    border: 1px solid #9996;
}
.light-lbl {
    color: #999999f5;
    font-size: 15px;
    vertical-align: middle;
}
.regular-checkbox:checked:after {
    content: '\2714';
    font-size: 10px;
    position: absolute;
    top: -1px;
    left: 3px;
    color: #fff;
}
.details input[type='checkbox'] {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-top: 3px;
}
.details.fitness-space {
    border-radius: 7.9px;
    background-color: #ffffff;
    border: solid 1px #c4e3ff;
    padding: 60px 20px;
}
.details.fitness-space h6 {
    margin-top: 10px;
}
.details.fitness-space ul {
    margin-top: 20px;
}
.details.fitness-space ul li {
    margin-bottom: 15px;
}
.details.fitness-space ul li h4 {
    font-size: 42.3px;
}
.details.fitness-space ul li span {
    font-size: 18px;
}
.details.fitness-space .date-info {
    overflow-y: scroll;
    padding-right: 30px;
    height: 380px;
}

/* width */
.date-info::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.date-info::-webkit-scrollbar-track {
    background: #efefef;
}

/* Handle */
.date-info::-webkit-scrollbar-thumb {
    background: #dadada;
}

/* Handle on hover */
.date-info::-webkit-scrollbar-thumb:hover {
    background: #dadada;
}

.details .progress {
    height: 8px;
    border-radius: 8px;
}
.details .progress-bar {
    background-image: linear-gradient(91deg, #3d28f2, #4fc2ff);
}

.details .progress-holder {
    position: relative;
}

.details .progress-holder .progress-num {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 17px;
    color: #fff;
    line-height: 50px;
    position: relative;
    top: 25px;
    display: inline-block;
    margin-right: 100px;
}

.details .progress-holder .progress-num.red {
    background-color: #d0021b;
}
.details .progress-holder .progress-num.yellow {
    background-color: #f5a623;
}
.details .progress-holder .progress-num.green {
    background-color: #42ce6b;
}
.details .progress-holder .progress-num.gray {
    background-color: #d8d8d8;
}
.progress-num.center {
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #42ce6b !important;
}
.progress-num.right {
    right: 0;
    background-color: #d8d8d8 !important;
}
.details .progress-holder .progress-num span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.details .score-num {
    font-size: 17px;
    color: #fff;
    line-height: 50px;
    margin-top: 35px;
    background-color: #e8e8e8;
    height: 110px;
    width: 132px;
    border-radius: 9px;
    text-align: center;
    display: inline-block;
    margin-right: 30px;
}
.details .score-num h6 {
    padding-bottom: 0 !important;
    padding-top: 5px;
}
.details .score-num .small-h6 {
    font-size: 13px !important;
}
.details .score-num span {
    color: #4989fb;
    font-size: 13px;
}
.details .score-num.left {
    float: left;
}
.details .score-num.center {
    margin: auto;
    margin-top: 35px;
}
.details .score-num .top-carret {
    width: 17px;
    height: 16px;
    transform: rotate(-45deg);
    position: relative;
    top: -7px;
    right: -13px;
    background-color: #e8e8e8;
}

.angle a {
    color: #fff;
}

/* Onboarding */

.span-id {
    font-size: 16px;
    color: #ff6e6e;
    letter-spacing: 0.3px;
}

.add-new-btn {
    border-radius: 10px;
    background-color: #0087ff;
    border: 1px solid #0087ff;
    padding: 10px 0;
    color: #fff;
    margin-right: 20px;
    font-size: 21px;
    cursor: pointer;
    width: 268px;
}
.ti-tag {
    background-color: #0087ff!important;
}
.ti-input {
    border: none!important;
    padding: 0!important;
}
.ti-new-tag-input-wrapper {
    padding: 0!important;
    margin: 0!important;

}
.collapse-table {
    position: relative;
}
#collapseExampleSecond .card {
    border: none;
    background: transparent;
}
#collapseExampleSecond_tasks .card {
    border: none;
    background: transparent;
}
#collapseExampleSecond_appointments .card {
    border: none;
    background: transparent;
}

#collapseExample .card {
    border: none;
    background: transparent;
}
#collapseDiseaseRule .card {
    border: none;
    background: transparent;
}

.onboarding-holder {
    position: relative;
}
.add-medication {
    padding: 0px 60px !important;
    position: relative;
    bottom: 110px;
    width: 100%;
}
.add-monitor {
    padding: 0 50px !important;
    position: relative;
    bottom: 110px;
    width: 100%;
}

.hide-btn {
    opacity: 0;
    /* visibility: hidden; */
}

.patient-check.space {
    float: left;
}
.card .form-group label {
    color: #0087ff;
    font-size: 21px;
    font-weight: normal;
}
.card .form-group .form-control {
    background: #fff;
    border: solid 1px #b9dfff;
    border-radius: 10px;
}
.card .form-group .select-custom-style {
    background-position-x: 95%;
    background-position-y: center;
    background-image: url(../img/chevron-down.png);
    background-repeat: no-repeat;
    background-color: #fff;
}
.card .week-chkb label {
    border-color: #c4e5ff;
    background-color: #fff;
}
.card #textarea-background {
    background-color: #ffffff !important;
    border: solid 1px #b9dfff !important;
}

.card .week-chkb input[type='checkbox']:checked + label {
    background: #d6f5e3;
    border: 1px solid #d6f5e3;
}

.checked-lbl {
    font-size: 21px;
    margin-left: 10px;
    vertical-align: -webkit-baseline-middle;
}
.checkbox-regular {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #e5e5e7;
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    width: 61.4px;
    height: 35.5px;
    border-radius: 17.7px;
    vertical-align: middle;
    outline: none;
}
.checkbox-regular:checked {
    background-color: #d6f5e3;
    border: 1px solid #d6f5e3;
}
.checkbox-regular:checked:after {
    content: '\2714';
    font-size: 20px;
    position: absolute;
    top: 2px;
    left: 20px;
    color: #42ce6b;
}
.bg-input {
    font-size: 21px;
    background-color: #ecf6ff;
    border-radius: 10px;
    box-shadow: none;
    border: 1px solid #ecf6ff;
    padding: 10px 20px;
    outline: none;
}
.right-space {
    padding-right: 20px;
    display: -webkit-inline-box;
}
.p-20 {
    padding: 20px;
}
/*Modal Css*/
.modal-open .modal {
    padding-right: 0 !important;
    background: #0000005e;
}
#save-message .modal-header {
    font-size: 31px;
    font-weight: 300;
    margin: 0 100px !important;
    padding: 40px 0 15px 0;
}
#save-message .modal-header label {
    margin-bottom: 0;
}
#save-message .modal-dialog {
    max-width: 1250px;
    height: inherit;
}
#save-message .modal-body {
    margin: 0 100px;
    padding: 40px 0 15px 0;
}
#save-message h6 {
    color: #0087ff;
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 10px;
}
#save-message span {
    font-size: 21px;
}
#save-message .background-box {
    padding: 15px;
}
#save-message .btn-gray {
    background: #d4d4d4;
    width: 384px;
    padding: 12px 15px;
    display: block;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border: transparent;
    border-radius: 8px;
    color: #ffffff;
    font-weight: 400;
    font-size: 20px;
}
#save-message .btn-blue {
    width: 384px;
    float: right;
    text-decoration: none;
}
.week-chkb label {
    background-color: transparent;
    color: #242d34;
    border: 1px solid #c4e5ff;
    border-radius: 17.5px;
    padding: 2px 35px;
    font-size: 21px;
    height: 35px;
    margin-bottom: 15px;
}

.week-chkb input[type='checkbox']:checked + label {
    background: #d6f5e3;
    border: 1px solid #d6f5e3;
}
.week-chkb input[type='checkbox'],
input[type='radio'] {
    display: none;
}

.add-new-icon a {
    display: inline-flex;
    font-size: 21px;
}
.add-new-icon a:hover {
    color: #0087ff;
}
.add-new-icon img {
    margin-right: 5px;
}
.x-btn {
    background: transparent;
    border: none;
    cursor: pointer;
}

.txt-input {
    background: transparent;
    border: none;
    padding-top: 15px;
    color: #242d34;
    font-size: 21px;
    padding-left: 20px;
    outline: none;
}
.txt-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #242d34;
}
.txt-input::-moz-placeholder {
    /* Firefox 19+ */
    color: #242d34;
}
.txt-input:-ms-input-placeholder {
    /* IE 10+ */
    color: #242d34;
}
.txt-input:-moz-placeholder {
    /* Firefox 18- */
    color: #242d34;
}

.btn-add-new {
    width: 245px;
    height: 60px;
    border-radius: 10px;
    background-color: #0087ff;
    border: 1px solid #0087ff;
    color: #fff;
    cursor: pointer;
    font-size: 21px;
}
.col-md-9.right {
    padding-right: 0;
}
.pagination {
    float: right;
    margin: 0;
}
.pagination ul li {
    display: inline-block;
    font-size: 21px;
}
.pagination ul li a {
    color: #0087ff;
    margin-left: 5px;
    vertical-align: middle;
}
.checkin-status {
    width: 38.8px;
    height: 38.8px;
    background-color: #42ce6b;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 15px;
}
.red-status {
    background-color: #d0021b;
}
.yellow-status {
    background-color: #f5a623;
}
.circle-table-status {
    width: 14.7px;
    height: 14.7px;
    background-color: #fc7752;
    border-radius: 50%;
    margin-top: 0px;
    margin-right: 5px !important;
    display: -webkit-inline-box;
}
.yellow-circle {
    background-color: #ffca00;
}

.green-circle {
    background-color: #2ac9a5;
}

#textarea-background {
    width: 100%;
    min-height: 120px;
    border-radius: 10px;
    background-color: #ecf6ff;
    border: 1px solid #ecf6ff;
    padding: 20px;
    outline: none;
}
.communication-page .item {
    text-align: center;
}
.communication-page .item img {
    width: 101px;
    height: 101px;
    object-fit: contain;
}
.communication-page .item button {
    width: 140px;
    height: 50px;
    border-radius: 10px;
    border: transparent;
    color: #fff;
    cursor: pointer;
}
.communication-page textarea {
    border-radius: 6px;
    border: solid 2px #b6deff;
    background-color: #ffffff;
    width: 100%;
    min-height: 147px;
    padding: 20px;
}
.communication-page .add-new {
    width: 250px;
    height: 44px;
    border-radius: 10px;
    background-color: #0087ff;
    margin: 0;
    color: #fff;
    border: 1px solid #0087ff;
    cursor: pointer;
}
.communication-page h5 {
    display: -webkit-inline-box;
}
.item .blue-btn {
    background-color: #0087ff;
}
.item .red-btn {
    background-color: #e7386e;
}
.item .green-btn {
    background: #42ce6b;
}
.communication-page .item h6 {
    color: #454545;
    padding: 11px 0 20px 0;
    font-weight: normal;
    font-size: 18px;
}
.communication-page .date {
    width: 171.7px;
    height: 30.9px;
    border-radius: 170px;
    box-shadow: 0 5px 14px 0 #d9edff;
    background-color: #ffffff;
    margin: auto;
    text-align: center;
    font-size: 11.9px;
    padding: 5px;
    color: #47637d;
    font-family: 'Open Sans', sans-serif;
}
.first-gradient-img {
    position: absolute;
    left: 0;
    right: 25%;
}
.second-gradient-img {
    position: absolute;
    right: 0;
    left: 25%;
    top: 5px;
}
.conversation-box {
    width: 564.4px;
    min-height: 150px;
    border-radius: 10.2px;
    box-shadow: 0 5px 14px 0 #d9edff;
    background-color: #ffffff;
    margin: auto;
    padding: 50px 40px;
    text-align: left;
    margin-top: 20px;
}
.conversation-box:first-child {
    margin-top: 0 !important;
}
.conversation-reply {
    width: 423.1px;
    min-height: 147.9px;
    border-radius: 10.2px;
    box-shadow: 0 5px 14px 0 #d9edff;
    background-color: #4254f6;
    margin-left: 37%;
    margin-top: 12px;
    padding: 50px 40px;
    text-align: left;
    color: #fff;
}
.pink-color {
    box-shadow: 0 5px 14px 0 #d9edff;
    background-color: #e7386e;
}
.conversation-reply span {
    font-size: 12px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.conversation-reply p {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}

.conversation-title {
    width: 564.4px;
    height: 60px;
    border-radius: 10.2px;
    box-shadow: 0 5px 14px 0 #d9edff;
    background-color: #4254f6;
    margin: auto;
    padding: 14px 30px;
    text-align: left;
    color: #fff;
    margin-top: 30px;
}
.conversation-title a {
    text-align: right;
    color: #fff;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
.conversation-title h6 {
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
    font-weight: 600;
}
.image-space {
    width: 68px;
    height: 68px;
    margin-top: -15px;
}
.conversation-box h6 {
    font-size: 22px;
    color: #47637d;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.conversation-box span {
    font-size: 15px;
    color: #47637d;
    display: block;
    font-family: 'Open Sans', sans-serif;
}
.txt-disabilities {
    background: #d6f5e3;
    border: 1px solid #d6f5e3;
    width: 150px;
    height: 35.5px;
    border-radius: 17.7px;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}

.message-holder {
    padding: 50px;
}
#message-box-holder ul li {
  color: #242d34;
  font-size: 24px;
  font-weight: 300;
  line-height: 40px;
}
.message-holder h3 {
    font-size: 31px;
    font-weight: 300;
    border-bottom: solid 1px #dde8f2;
    color: #242d34;
    padding-bottom: 15px;
}

.message-holder textarea {
    width: 100%;
    min-height: 190px;
    margin-top: 30px;
    border-radius: 6px;
    border: solid 1px #b9dfff;
    padding: 20px;
}
.message-holder .send-btn {
    width: 112px;
    height: 40px;
    border-radius: 6.4px;
    background-color: #42ce6b;
    float: right;
    border: 1px solid #42ce6b;
    color: #fff;
    cursor: pointer;
}
#message-box-holder ul li {
    color: #242d34;
    font-size: 24px;
    font-weight: 300;
    line-height: 40px;
}
#rosie-conversation-modal .modal-open .modal {
    background: #00000082 !important;
}
#rosie-conversation-modal .modal-content {
    background-color: transparent;
    border: none;
}
#rosie-conversation-modal .modal-header {
    color: #fff;
    padding: 0;
    font-size: 31px;
    border-bottom: 0;
}
#rosie-conversation-modal .modal-body {
    background: #fff;
    border-radius: 10.2px;
    background-color: #ffffff;
    padding: 30px 15px;
}
#rosie-conversation-modal .modal-dialog {
    max-width: 800px;
}
#rosie-conversation-modal .modal-body .send-message {
    margin-bottom: 15px;
}
#rosie-conversation-modal .modal-body .reply-message {
    text-align: right;
    margin-top: 35px;
}
#rosie-conversation-modal .modal-body .send-message span {
    height: 42px;
    border-radius: 7px;
    background-image: linear-gradient(97deg, #26aae1, #2600e1);
    padding: 10px;
    color: #fff;
}
#rosie-conversation-modal .modal-body .reply-message span {
    height: 42px;
    border-radius: 7px;
    background-image: linear-gradient(126deg, #53dfbf, #1fa184);
    padding: 10px;
    color: #fff;
}
#rosie-conversation-modal button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    color: #fff;
    font-size: 38px;
}
#rosie-conversation-modal button.close:hover {
    color: inherit;
}
#rosie-conversation-modal .modal-header .close {
    margin: 0 !important;
}

/*Message*/

.control-page .alert-message {
    border-radius: 6px;
    border: solid 1px;
    padding: 25px 20px;
    margin-bottom: 14px;
    background-color: #f1f8ff;
    min-height: 77px;
    /* display: flex; */
}
.span-time{
    display:flex;
    color:#0087ff;
    margin-top: 5px;
}
.control-page .red-border {
    border: solid 1px #d0021b;
}
.control-page .yellow-border {
    border: solid 1px #f5a623;
}
.red-border .fa-exclamation-triangle {
    color: #d0021b;
    font-size: 19px;
    margin-top: 5px;
}
.yellow-border .fa-exclamation-triangle {
    color: #f5a623;
    font-size: 18px;
    margin-top: 5px;
}
.control-page .alert-message h4 {
    font-size: 18px;
    font-weight: normal;
    margin-left: 5px;
    display: -webkit-inline-box;
    position: relative;
    /* padding: 0px 12% 0 0; */
    line-height: 25px;
}
.call-now {
    min-width: 128px;
    height: 43.4px;
    border-radius: 21.7px;
    background-color: #42ce6b;
    border: 1px solid #42ce6b;
    color: #fff;
    margin-top: -10px;
    /* float: right; */
    position: absolute;
    right: 0;
    margin-right: 27px;
}
.call-now-new {
    min-width: 128px;
    height: 43.4px;
    border-radius: 21.7px;
    background-color: #42ce6b;
    border: 1px solid #42ce6b;
    color: #fff;
}
.dismiss-new {
    min-width: 128px;
    height: 43.4px;
    border-radius: 21.7px;
    background-color: #0087ff;
    border: 1px solid #0087ff;
    color: #fff;
}
.forward-btn {
    min-width: 150px;
    height: 43.4px;
    border-radius: 21.7px;
    background-color: gray;
    border: 1px solid gray;
    color: #fff;
    cursor: pointer;
}
.control-page .form-group.right .form-control {
    float: right;
    width: 185.6px;
    font-size: 18px;
}
.control-page table {
    position: relative;
}
.control-page table td {
    vertical-align: unset;
    font-size: 24px;
}
.control-page .border-right::before {
    content: ' ';
    width: 1px;
    height: 30px;
    position: absolute;
    background-color: #9cceff;
    margin-left: -30px;
}
.control-page .border-right:first-child {
    border: none;
}
.control-page .box-item {
    background-color: #f1f8ff;
    padding: 20px 30px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.overflow-table {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.control-page .control-table th {
    padding: 0 10px;
    padding-bottom: 25px;
    width: 100px;
}
.control-page .control-table td {
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 0;
    position: relative;
}

.control-table td .circle {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    text-align: center;
    font-size: 17px;
    color: #fff;
}

.control-table td .line-circle:after {
    content: '';
    position: absolute;
    background-color: #60aeff;
    height: 1px;
    width: 100%;
    top: 18px;
    left: 48px;
}

.control-table td:last-child .line-circle:after {
    display: none;
}

.control-table td .circle.red {
    background: #fc7752;
}
.control-table td .circle.green {
    background: #42ce6b;
}
.control-table td .circle.orange {
    background: #f5a623;
}
.control-table td .circle.orange {
    background: #f5a623;
}
.control-table td .circle.white {
    border: solid 1px #c6e2ff;
    background-color: #ffffff;
}
.control-table {
    width: 100%;
}
.table-patient {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-spacing: 0 15px;
    border-collapse: separate;
}
.table-patient td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    padding-left: 15px;
}
.table-patient td:last-child {
    border-bottom-right-radius: 13px;
    border-top-right-radius: 13px;
}
.table-patient td {
    vertical-align: middle;
    padding: 15px 0;
    background-color: #dcefff;
    font-size: 21px;
    font-weight: 400;
    color: #242d34;
    cursor: pointer;
}
.table-patient .yellow-border-tr {
    border: 1px solid yellow;
}
.patient-table .tooltip-icon .tooltiptext {
    background-color: #0087ff;
    border: 2px solid #0087ff;
    text-align: center;
    padding: 15px 10px;
    z-index: 1;
    width: 260px;
    color: #000;
    position: absolute;
    color: #fff;
    margin-top: -110px;
    font-size: 21px;
    border-radius: 10px;
    margin-left: -10px;
}
.patient-table .tooltip-icon .tooltiptext:after {
    border-left: 12px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: none;
    border-top: 9px solid #0087ff;
    height: 5px;
    width: 25px;
    content: '';
    right: 0;
    left: 5px;
    bottom: -8px;
    position: absolute;
}
.rosie-width {
    width: 80%;
}
.control-page textarea {
    border-radius: 6px;
    border: solid 2px #b6deff;
    background-color: #ffffff;
    width: 100%;
    min-height: 147px;
    padding: 20px;
}
.control-page .add-new {
    width: 250px;
    height: 44px;
    border-radius: 10px;
    background-color: #0087ff;
    margin: 0;
    color: #fff;
    border: 1px solid #0087ff;
    cursor: pointer;
}
.control-page h5 {
    font-size: 25px;
    font-weight: normal;
    display: -webkit-inline-box;
}
.control-page h6 {
    color: #1c94ff;
    font-size: 25px;
    font-weight: normal;
}
.notes-table {
    margin-top: 5px;
}
.notes-number {
    border-radius: 10px;
    background-color: #ecf6ff;
    border: 1px solid #ecf6ff;
    padding: 20px;
    width: 83.2px;
    height: 60px;
    outline: none;
    margin-left: 10px;
    margin-bottom: 15px;
}
.data-space {
    width: 650px;
}
.row-space td {
    width: 85px;
}
.row-space td:first-child {
    width: 185px;
}
.background-box .add-new {
    margin-top: 10px;
}

/*Dashboard*/

.dashboard-body {
    background-color: #f6f6f6;
    font-family: 'Source Sans Pro', sans-serif;
}
.dashboard-content {
    padding: 30px;
}
.dashboard-content .topbar-list {
    padding-left: 0;
    display: flex;
}
.dashboard-content .topbar-list li {
    margin-right: 25px;
    padding-bottom: 20px;
}
.dashboard-content .topbar-list li a {
    color: #949494;
    font-size: 21px;
}
.dashboard-content .topbar-list li.active a {
    color: #00a8e8 !important;
    font-weight: bold;
    border-bottom: 4px solid;
    padding-bottom: 21px;
}
.dashboard-content .box-content {
    border-radius: 6px;
    background-color: #ffffff;
    padding: 40px;
    margin: 30px 0;
}
.dashboard-content .box-content h2 {
    font-size: 43px;
    font-weight: 300;
    margin-bottom: 35px;
}
.dashboard-content .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #00a8e8 !important;
    border-bottom: 4px solid #00a8e8 !important;
    background-color: transparent;
    font-weight: bold;
    padding-bottom: 5px;
}
.dashboard-content .dashboard-table .nav-tabs {
    border-bottom: none;
}
.dashboard-content .nav-tabs .nav-link {
    border: none;
    color: #949494;
    padding: 0;
    margin-right: 30px;
}
.dashboard-content .nav-tabs {
    border-bottom: none;
}
.p-30 {
    padding: 0 30px;
}
.dashboard-content table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 6px;
}
.dashboard-content table thead {
    border-radius: 6px;
}
.dashboard-content table thead th {
    background-color: #00a8e8;
    padding: 25px 30px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}
.dashboard-content table tbody tr td {
    padding: 25px 30px;
    background: #fff;
    color: #999999;
    border-bottom: 2px solid #f5f5f5;
}
.dashboard-content table tbody tr td .active {
    color: #2ac9a5;
    font-weight: 600;
}
.dashboard-content .box-content h5 {
    font-size: 24px;
    color: #00a8e8;
    font-weight: 600;
    text-align: center;
}
.dashboard-content .box-content.alerts h6 span {
    font-size: 12px;
    color: #393c40;
    font-weight: 300;
    margin-top: 5px;
}
.dashboard-content .alerts {
    flex: 1;
    background: #fff;
    margin: 50px 20px 25px 20px;
    border-radius: 6px;
}
.dashboard-content .left-item h6 {
    color: #f44636;
    font-weight: 600;
}
.dashboard-content .center-item h6 {
    color: #393c40;
    font-weight: 600;
}
.dashboard-content .right-item {
    padding-right: 15px;
}
.dashboard-content .right-item h6 {
    color: #393c40;
    font-weight: 600;
}
.dashboard-content .tickets-box {
    padding: 75px 30px;
}
.dashboard-content .tickets-box.disease {
    padding: 20px 30px;
}
.dashboard-content .disease-type {
    padding: 10px 0;
}
.dashboard-content .video-img {
    width: 90px;
    height: 48px;
}
.dashboard-content .patient-list-box {
    padding: 60px 80px;
}
.dashboard-content .scheduled-box {
    padding: 60px 100px;
}
.dashboard-content .box-content span {
    color: #999;
    font-size: 16px;
    display: block;
    text-align: center;
    margin-bottom: 15px;
}
.dashboard-content .box-content h1 {
    color: #00a8e8;
    font-size: 56px;
    font-weight: bold;
}
.dashboard-content .search-bar .fa-search {
    position: absolute;
    margin-top: 10px;
    font-size: 15px;
    margin-left: 15px;
    color: #ababab;
}
.dashboard-content .pagination{
    margin-top: 30px;
}
.search-bar [type='text'] {
    width: 200px;
    height: 34px;
    border-radius: 4px;
    border: 1px solid #dfdfdf;
    background: transparent;
    padding-left: 40px;
    outline: none;
}
.search-bar ::-webkit-input-placeholder {
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 600;
}
.gray-bottom-border {
    border-bottom: 1px solid #d8d8d8;
}
.create-btn {
    width: 180px;
    height: 41px;
    border-radius: 20.5px;
    background-color: #2ac9a5;
    color: #fff;
    border: 1px solid #2ac9a5;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
}
#scheduled-modal .modal-header h2 {
    margin: auto;
    font-size: 36px;
    font-weight: 300;
}
#scheduled-modal .modal-header {
    border-bottom: none;
    border-top: none;
    padding-top: 30px;
}
#scheduled-modal .modal-body input {
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    padding: 5px 10px;
    width: 255px;
    outline: none;
    font-size: 15px;
}
#scheduled-modal .modal-dialog {
    max-width: 630px;
}
#scheduled-modal .modal-body select {
    padding: 3px 10px;
    background-image: url(../img/dropdown.png);
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    height: 40px;
    width: 255px;
    font-size: 15px;
}
#scheduled-modal .modal-body textarea {
    width: 555px;
    border-radius: 4px;
    min-height: 100px;
    padding: 15px;
    border: 1px solid #dfdfdf;
    outline: none;
}
#scheduled-modal .cancel-btn {
    width: 180px;
    height: 41px;
    border-radius: 20.5px;
    border: 2px solid #00a8e8;
    color: #00a8e8;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
}
#scheduled-modal .modal-body ::-webkit-input-placeholder {
    color: #666666;
    font-size: 15px;
    font-weight: bold;
}
.dashboard-table {
    overflow-x: scroll !important;
}
.scroll-table {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
/*Encounters*/

.encounters .encounters-btn-list li {
    display: inline-block;
}
.encounters .encounters-btn-list li {
    margin-right: 5px;
}
.encounters .encounters-btn-list li select {
    width: 150px;
    height: 55px;
    border-radius: 10px;
    border-color: #dfdfdf;
    color: #4a4a4a73;
    font-weight: 600;
    font-size: 18px;
    padding: 10px 15px;
}
.encounters .encounters-btn-list li button {
    width: 180px;
    height: 55px;
    border-radius: 10px;
    background-color: #0087ff;
    border: 1px solid #0087ff;
    padding: 10px 0;
    color: #fff;
    margin-right: 5px;
    font-size: 18px;
    cursor: pointer;
}
.encounters .encounters-btn-list li button img {
    float: left;
    margin-left: 10px;
    margin-top: 3px;
}
.encounters .box-content {
    background-color: #fff;
    padding: 20px 0;
    border-radius: 6px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
}
.encounters .box-content ul li {
    display: inline-flex;
    padding-left: 25px;
}
.encounters .box-content ul {
    margin-bottom: 20px;
}
.encounters .box-content ul.active {
    border-left: 7px solid #0087ff;
}
.encounters .box-content ul li p {
    width: 135px;
    display: table-cell;
    font-size: 19px;
    color: #4a4a4a;
    line-height: 2;
    font-weight: 600;
}
.encounters .box-content ul li span {
    font-size: 17px;
    color: #4a4a4a;
    font-weight: normal;
    line-height: 1.67;
}
.encounters .box-content ul.active p {
    color: #0087ff !important;
    background: none;
    border-radius: none;
    padding: unset;
    text-align: left;
}
.encounters .pagination {
    padding: 10px 0;
}
.encounters .pagination .page-item:first-child .page-link {
    border: none;
    background: transparent;
}
.encounters .pagination .page-item:last-child .page-link {
    border: none;
    background-color: transparent;
}
.encounters .pagination .page-link {
    border-radius: 4px;
    background-color: #ffffff;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 10px;
    font-size: 15px;
    color: #778ca2;
}
.encounters .pagination .page-item .page-link .fa-chevron-left {
    font-size: 15px;
    color: #00a8e8;
}
.encounters .pagination .page-item .page-link .fa-chevron-right {
    font-size: 15px;
    color: #00a8e8;
}
.encounters .pagination .page-item .active {
    color: #0087ff !important;
}
.encounters .pagination {
    float: left;
}
.encounters .box-content h6 {
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 19px;
}
.encounters .box-content .small-h6 {
    font-size: 18px;
    margin-bottom: 10px;
}
.encounters .box-content p {
    font-size: 16px;
    color: #4a4a4a;
    margin-top: 10px;
}
.encounters .box-content.right-side {
    padding: 25px 30px;
}
.encounters .box-content .details .name {
    width: 120px;
    font-weight: 600;
    font-size: 17px;
    line-height: 30px;
}
.encounters .btn-primary.focus,
.btn-primary:focus {
    box-shadow: none;
}
.encounters .box-content .details a {
    font-size: 18px;
    text-decoration: none;
}
.encounters .box-content .details a:hover {
    color: #0087ff;
}
.encounters .box-content .details .value {
    font-size: 17px;
}
.encounter-modal .modal-dialog {
    max-width: 1143px;
    height: inherit;
}
.encounter-modal .modal-body {
    padding: 20px 30px;
}
.encounter-modal textarea {
    width: 100%;
    height: 170px;
    padding: 15px;
    border-radius: 5px;
    border-color: #dfdfdf;
}
.encounter-modal .save-btn {
    width: 140px;
    height: 42px;
    border-radius: 8px;
    background-color: #00a8e8;
    color: #fff;
    border: 1px solid #00a8e8;
    outline: none;
}
.encounter-modal .minutes-btn {
    height: 41px;
    border-radius: 4px;
}
.encounter-modal .nav-tabs .nav-item {
    width: 40%;
    text-align: center;
    font-size: 18px;
}
.encounter-modal .min-input {
    width: 125px;
    height: 55px;
}
.encounter-modal .select-custom-style {
    width: 100%;
    font-size: 18px;
    background-image: none;
}
.encounter-modal input {
    width: 100%;
    height: 55px;
    padding: 15px;
    color: #4a4a4a;
    font-size: 17px;
    background-color: #ecf6ff;
    border: 1px solid transparent;
    border-radius: 10px;
}
.encounter-modal .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border: 0;
}
.encounter-modal .check-list ul li {
    font-size: 15px;
    font-weight: 400;
    line-height: 35px;
    color: #4a4a4a;
}
.encounter-modal input[type='checkbox'] {
    width: 25px;
    height: 20px;
    padding: 15px;
    display: -webkit-inline-box;
    vertical-align: middle;
    border-radius: 4px;
}
.encounter-modal .border-bottom {
    padding: 0;
}

#add-action-plan input::-webkit-input-placeholder {
    color: #242d34;
    font-size: 21px;
    font-weight: 400;
}
#add-action-plan input::-moz-placeholder {
    color: #242d34;
    font-size: 18px;
    font-weight: 400;
}
#add-action-plan input:-ms-input-placeholder {
    color: #242d34;
    font-size: 18px;
    font-weight: 400;
}
#add-action-plan input::-webkit-input-placeholder {
    color: #242d34;
    font-size: 18px;
    font-weight: 400;
}
.nav-tabs {
    border-bottom: 0;
}
.close {
    font-size: 1.7rem;
}
.blue-h6 {
    color: #00a8e8;
    font-size: 20px;
}
.calendar-box {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.calendar-box .fa-edit {
    font-size: 23px;
}
.calendar-box table {
    border: 1px solid #f2f4f6;
    border-collapse: collapse;
    border-spacing: 0;
}
.calendar-box table thead {
    background: #f2f4f6;
    border-top: 0;
    border-bottom: 0;
}
.calendar-box table thead th {
    border-bottom: none;
    font-size: 15px;
    text-transform: uppercase;
    color: #252631;
    font-weight: 600;
    background-color: #ecf6ff;
    padding: 25px 20px 10px 20px;
}

.calendar-box .table td:first-child {
    border-left-style: none;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.calendar-box .table tr td {
    border: 1px solid #dfdfdf7a !important;
}
.calendar-box .table tr th {
    border: 1px solid #dfdfdf7a !important;
}
.calendar-box table tr td ul li {
    padding-bottom: 15px;
}
.calendar-box table tr td ul li span {
    padding-left: 5px;
}
.calendar-box table tr td {
    background-color: #fff;
    font-size: 18px;
    vertical-align: unset;
    padding: 13px 10px;
}
#add-action-summary input[type='checkbox'],
input[type='radio'] {
    box-sizing: border-box;
    padding: 0;
    width: 25px;
    height: 20px;
    padding: 15px;
    display: -webkit-inline-box;
    vertical-align: middle;
    border-radius: 4px;
    margin-top: 3px;
}
#add-action-summary .box-content ul li {
    padding-left: 0;
}
#add-action-summary .week-chkb input[type='checkbox'],
input[type='radio'] {
    display: none;
}

#daily-action-plan .week-chkb input[type='checkbox'],
input[type='radio'] {
    display: none;
}
#add-encounter-modal .patient-form label {
    font-size: 22px;
    font-weight: 300;
}
#add-encounters-modal .form-group {
    margin-bottom: 15px;
}
#daily-action-plan span {
    font-size: 18px;
}
.close {
    opacity: unset;
}
.close:focus,
.close:hover {
    opacity: unset;
}
.space-container{
    max-width: 1750px;
}
.assign-all-btn {
    font-size: 21px;
    line-height: 35px;
    width: 238px;
    height: 47px;
    border-radius: 100px;
    background-color: #0087ff;
    color: #ffffff;
    margin-bottom: 30px;
    border-color: #ecf6ff;
    float:right;
}
.assign-all-btn:hover{
    border-radius: 100px;
    background-color: #ecf6ff;
    color: #0087ff;
    border:1px solid #ecf6ff;;
}
.edit-patient-btn{
    font-size: 21px;
    line-height: 35px;
    width: 238px;
    height: 47px;
    border-radius: 100px;
    background-color: #ecf6ff;
    color: #0087ff;
    margin-bottom: 30px;
    border-color: #ecf6ff;
}
/*Reports*/

.reports .heading5-blue {
    font-size: 28px;
    line-height: 35px;
}
.reports .border-bottom {
    margin: 20px 0 30px 0;
}
.reports h6 {
    font-weight: 400;
    font-size: 21px;
}
.reports .blue-span {
    color: #0087ff;
}
.reports h4 {
    line-height: 35px;
}
.reports .line {
    width: 165px;
    background: #0087ff;
    height: 3px;
    margin: 10px 0;
}
.table-report {
    border-collapse: collapse;
}
.table-report tbody tr:first-child {
    border-bottom: 1px solid #aeb1b47a;
}
.table-report td{
    background-color:#e5f3ff;
}
.table-report td:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.table-report td:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.reports .title-header h2{
    padding-bottom: 15px;
    letter-spacing: 0.4px;
}
.reports .date-list{
    display: inline-flex;
}
.reports .date-list li{
    margin-right: 5px;
}
.reports .date-list li{
    margin-right: 5px;
    font-size: 17px;
}
.reports .generate-report{
    width:40%;
    margin:0 auto;
}
.reports .left-info{
    width: 140px;
}
.reports .generate-report ul li{
    display: inline-flex;
}
.reports select{
    width: 100%;
    background: #ecf6ff;
    border-radius: 10px;
    padding: 10px;
    font-size: 19px;
    height: 60px;
    border: transparent;
}
.reports input[type="date"]{
    padding: 15px;
    color: #242d34;
    font-size: 19px;
    font-weight: 400;
    background-color: #ecf6ff;
    border: 1px solid transparent;
    border-radius: 10px;
    box-shadow: inherit;
    width: 100%;
}
.reports .form-group .form-control{
    width:470px;
}
.generate-link{
    border-radius: 10px;
    background-color: #0087ff;
    border: 1px solid #0087ff;
    color: #fff;
    cursor: pointer;
    font-size: 21px;
    padding: 15px 20px;
    width:100%;
    text-align: center;
}
.generate-link:hover{
    text-decoration: none;
    color: #fff;
}
.generate-report .btn-list li{
    width: 230px !important;
}

.patient-pagination .page-item:first-child .page-link{
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    font-size: 35px;
    line-height: 35px;
    color: #007bff !important;
    margin-right: 10px;
    border: none;
    padding: 0;
    outline: none !important;
}

.patient-pagination .page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    font-size: 35px;
    line-height: 35px;
    color: #007bff !important;
    margin-right: 10px;
    border: none;
    padding: 0;
    outline: none !important;
}
.patient-pagination .page-item .page-link{
    border-radius: 4px;
    background-color: #ffffff;
    margin-right: 7px;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 10px;
    font-size: 17px;
    color: #778ca2;
    outline: none !important;
}
.patient-pagination .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: transparent;
    border-color: #007bff;
    color: #007bff !important;
}
.placeholder {
	border-radius: 6px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05);
    background-color: #fff;
}
.side-navigation {
	padding: 25px 0
}

.side-navigation ul {
	font-size: 19px;
	margin: 0;
	padding: 0
}

.side-navigation ul li {
	list-style: none;
	margin-bottom: 10px
}

.side-navigation ul li a {
	border-left: 4px solid transparent;
	color: #4a4a4a;
	text-decoration: none;
	line-height: 2;
	display: block;
	padding-left: 25px;
	transition: color .2s, border-color .2s
}

.side-navigation ul li a.active,
.side-navigation ul li a:hover {
	color: #0087ff;
	border-color: #0087ff
}

.side-navigation ul li a.active {
	font-weight: 600
}
.wrapper {
    padding: 50px!important;
    background: linear-gradient(to bottom, #f7f7f7, rgba(247, 247, 247, 0));
}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    border-radius: 26px;
    padding: 5px 25px;
    float:right;
    margin-right:10px;
}
.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    border-radius: 26px;
    padding: 5px 25px;
    
    margin-right:10px;
}
.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    border-radius: 26px;
    padding: 5px 25px;
    
    margin-right:10px;
}
.btn-edit {
    color: #fff;
    background-color: #006435;
    border-color: #006435;
    border-radius: 26px;
    padding: 5px 25px;
    float:right;
    margin-right:10px;
}
.patient-care .create-btn{
    padding: 12px 30px;
    text-decoration: none !important;
    font-size: 18px;
}
.wrapper .right-content{
    border-radius: 6px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05);
    background-color: #fff;
    padding:15px 35px;
    margin-top: 35px;
}
.wrapper .patient-table tr td{
    background:#f1f8ff;
}
.wrapper .patient-table .edit-a {
    color:#0087ff !important
}
.wrapper .form-group label{
    color: #242d34;
    font-size: 24px;
    font-weight: 300;
}
#header .right-info .profile p {
    font-size: 21px;
    color: #fff;
    margin: 0 10px 0 0;
}
#header .profile .image img{
    border-radius:50%;
}
.wrapper .dashed-space{
    padding:20px;
    background:#fff;
}
.dashed-space .form-control::-moz-placeholder {
    color: #888;
    font-size: 21px;
    font-weight: 400;
}
 .dashed-space .form-control:-ms-input-placeholder {
    color: #888;
    font-size: 21px;
    font-weight: 400;
}
.dashed-space .form-control::-webkit-input-placeholder {
    color: #888;
    font-size: 21px;
    font-weight: 400;
} 
.dashed-space input[type=date]:invalid::-webkit-datetime-edit {
    color: #888;
}
.dashed-space input[type=number]:invalid::-webkit-number-edit {
    color: #888;
}
 .dashed-space select.select-custom-style.form-control {
    color:#000;
}  
.dashed-space select:invalid{
    color: #888 !important;
}
.dashed-space  input::-webkit-input-placeholder{
    color:#000;
}
.dashed-space .week-chkb label {
    color:#888 !important;
}
.dashed-space .week-chkb input[type='checkbox']:checked + label {
    background: #d6f5e3;
    border: 1px solid #d6f5e3;
    color:#000 !important;
}
.wrapper .profile-form{
    padding:20px;
}
.wrapper select#admin_organization_id {
    padding: 20px;
    height: calc(2.25rem + 2px) !important;
}
.wrapper .create-btn  a:hover {
    color: #fff !important;
}
.patient-care a.create-btn {
    color: #fff;
}
.patient-care .circle-table-status{
    width: 80px;
    height: 29.6px;
    border-radius: 13px;
    margin-top: 0px;
    margin-right: 5px !important;
    text-align: center;
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 28px;
}
.patient-care .urgent-status {
    background-color: #d0021b;
}
.patient-care .high-status {
    background-color: #ff6f76;
}
.patient-care .table-head-black tr th {
    border-bottom: unset;
}
.patient-care .patient-table img {
    width: 25.8px;
    height: 25.8px;
}
select#organization_id {
    height: 45px !important;
}
select#organization_id::before{
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: 'f078';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
}
.patient-profile-info .profile-info svg{
    width:65px;
    height:65px;
}
.patient-care a.create-btn span{
    margin-right: 5px;
}
.dashboard-content .gray-bottom-border:last-child{
    border:unset !important;
}
.patient-pagination .page-item .page-link:focus{
    outline: none;
}
.card-patient-statistics .card{
    border: 2px solid #e5f3ff;
    min-height: 150px;
}
.card-patient-statistics .card .card-title{
    font-weight: normal;
}
.card-patient-statistics .card .card-text{
    color:#0087ff !important
}
.control-page .alert-message button{
    min-width:170px;
}
.accordion .card:last-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: inherit;
}
@media (min-width: 1900px) {
    .container {
        max-width: 1500px;
    }
    .btn-add-new {
        width: 300px;
    }
    #save-message .modal-dialog {
        max-width: 1330px;
        height: inherit;
    }
    .first-gradient-img {
        right: 21%;
    }
    .second-gradient-img {
        left: 21%;
    }
    .message-holder {
        padding: 50px 95px;
    }
    .control-page .add-new {
        margin-left: 56px;
    }
    .control-page .alert-message h4 {
        padding: 0px 10% 0 0;
    }
    .call-now {
        margin-right: 30px;
    }
    .reports .form-group .form-control {
        width: 595px;
    }
}
@media(max-width: 1550px){
    #header{
        padding: 16px 40px;
    }
    #header .navbar .navbar-brand{
        margin-right: 25px !important;
    }
    #header .navbar .navbar-brand{
        width:165px;
    }
}
@media(max-width: 1420px){
    ul#app.patient-profile-info:last-child{
        display:grid;
    }
    .profile-info.space{
        margin-top:10px;
        margin-left:0;
    }
    #header .navbar .navbar-right > li > a{
        font-size: 18px;
    }
    
}
@media (max-width: 1280px) {
    .container-fluid-custom {
        padding: 15px 30px;
    }
    .content-background {
        margin: 0 35px;
    }
    .control-page .alert-message {
        margin: 10px;
    }
    .patient-profile-info .profile-icon img {
        width: 27px;
        height: 27px;
    }
    #header .navbar .navbar-brand{
        width:150px;
    }
    #header .navbar .navbar-nav .nav-link{
        padding-left: 10px !important;
        font-size:16px !important;
    }
    .navbar-expand-lg img{
        width:150px;
    }
    select#organization_id {
        height: 45px !important;
        font-size: 16px;
        padding: 10px 15px;
    }
    /* #header .navbar .navbar-right > li{
        padding-left: 15px;
    } */
    #header .navbar .navbar-right > li > a{
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media (max-width: 1100px){
    .patient-profile-info{
        display: inline-grid;
    }
    .generate-link{
        margin-top: 10px;
    }
}
@media (max-width: 1500px) {
    #header {
        padding: 16px 20px;
    }
    #header .navbar .navbar-nav .nav-link{
        font-size: 18px;
        padding-right: 10px;
        padding-left: 20px;
    }
    #header .navbar .navbar-right {
        display: contents !important;
    }
    #header .navbar .navbar-right > li:first-child:before{
        display: none;
    }
}
@media (max-width: 992px) {
    .table td {
        font-size: 18px;
    }
    .add-new-btn {
        font-size: 18px;
    }
    .checked-lbl {
        font-size: 18px;
    }
    .container {
        max-width: 875px;
    }
    .form-group-bg .select-col-2 {
        width: 22%;
    }
    .patient-profile-info {
        padding: 15px;
        display: inline-table;
        margin-bottom: 20px;
    }
    .patient-profile-info > li {
        width: 100%;
    }
    .profile-info {
        margin-bottom: 20px;
    }
    .patient-profile-info .profile-icon a {
        margin: 0;
    }
    .control-page table td {
        vertical-align: unset;
        font-size: 20px;
    }
    .call-now {
        position: unset;
    }
    .patient-table .table-head-blue{
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }
    .generate-link{
        margin-bottom: 15px;
        width: 100%;
        text-align: center; 
    }
    .reports .generate-report {
        width: 85%;
    }
    .form-group .form-control{
        font-size:18px;
    }
    .right-btn{
        position:unset;
    }
    .reports .form-group .form-control {
        width: 420px;
    }
    #navbarVianova select#organization_id{
        padding-left: 5px;
        margin-left: 5px;
    }
    div#navbarVianova {
        margin-top: 10px;
    }
    .reports select {
        width: 560px;
    }
    .inner-nav > li a{
        font-size: 18px;
    }
    .patient-profile-info .profile-info svg {
        width: 65px;
        height: 65px;
    }
    .control-page .alert-message .d-flex{
        display:unset !important;
    }
    .encounters .encounters-btn-list li button{
        margin-bottom: 10px;
    }
    .content{
        padding:50px 0;
    }
    
}

@media only screen and (max-width: 767px) {
    #header {
        padding: 15px;
    }
    #header .navbar .navbar-brand:before {
        position: relative;
    }
    #header .navbar .navbar-toggler {
        padding: 0;
        border: transparent;
    }
    #header .navbar .navbar-toggler-icon {
        width: 25px;
        height: 25px;
        background-image: url(../img/menu-icon.svg);
    }
    .content {
        padding: 40px 0;
    }
    [type='checkbox'],
    input[type='radio'] {
        margin-bottom: 10px;
    }
    .form-group-bg .select-col-2 {
        width: 26%;
    }
    .content-background {
        margin: 0 20px;
    }
    .form-group .form-control {
        margin-bottom: 5px;
    }
    .container-fluid-custom {
        padding: 15px 20px;
    }
    .pagination {
        margin-bottom: 30px;
    }
    .dashboard-content {
        padding: 30px !important;
    }
    .dashboard-content .create-btn {
        margin-top: 10px;
        margin-bottom: 20px;
        float: left;
    }
    .dashboard-content .topbar-list li.active a {
        border-bottom: 3px solid;
        padding-bottom: 5px;
    }
    .dashboard-content table tbody tr td {
        padding: 15px 25px;
    }
    .dashboard-content table thead th {
        padding: 15px 25px;
    }
    .dashboard-content .patient-list-box {
        padding: 25px 40px;
    }
    .dashboard-content .tickets-box {
        padding: 25px 40px;
    }
    .search-bar [type='text'] {
        width: 100%;
        float: left;
        margin-top: 25px;
        padding-left: 35px;
        font-size: 14px;
    }
    .dashboard-content .search-bar .fa-search {
        margin-top: 35px;
        font-size: 15px;
        margin-left: 20px;
        left: 0;
    }
    .p-30 {
        padding: 0 15px;
    }
    .dashboard-content .box-content h1 {
        font-size: 45px;
    }
    .dashboard-content .topbar-list li a {
        font-size: 19px;
    }
    .encounters .encounters-btn-list li button {
        margin-bottom: 10px;
        min-width: 165px;
    }
    .content .inner-nav > li a {
        display: block;
        padding: 10px 5px;
        font-size: 17px;
        margin-top: 10px;
        text-align:center;
    }
    .inner-nav {
        padding-top: 40px;
        display: inline-block;
        align-items: unset;
    }
    .encounter-modal input {
        margin-bottom: 10px;
    }
    .week-chkb label {
        font-size: 18px;
    }
    .encounter-modal input {
        margin-top: 10px;
    }
    .background-box {
        padding: 25px 20px;
    }
    .call-now {
        position: unset;
    }
    .control-page .box-item {
        padding: 20px 10px;
    }
    .notes-number {
        width: 72.2px;
        height: 39px;
        margin-left: 25px;
        margin-bottom: 25px;
    }
    .content-box .details {
        padding: 20px;
        margin-bottom: 30px;
    }
    .content-box {
        padding: 40px 50px;
    }
    .content-box .details.weight-space {
        margin-bottom: 10px;
    }
    .content-box .details.details.health-conf-space .bottom-space {
        padding: 10px 0px;
    }
    .btn-add-new {
        width: 200px;
        height: 45px;
        font-size: 18px;
    }
    .btn-blue {
        margin-bottom: 15px;
    }
    .radio-checkbox-language {
        margin-top: 20px;
    }
    .content-box .details h2 {
        font-size: 50px;
    }
    .content-box .details h5 {
        font-size: 20px;
    }
    .details .progress-holder .progress-num {
        margin-right: 20px;
        width: 40px;
        height: 40px;
        line-height: 35px;
    }
    .profile-info .center img {
        float: left;
    }
    .profile-info .right img {
        float: left;
    }
    .card .form-group label {
        font-size: 18px;
    }
    #save-message .modal-body {
        margin: 0 15px;
        padding: 30px 0 10px 0;
    }
    #save-message .modal-header {
        margin: 0 25px !important;
    }
    #save-message .btn-blue {
        width: 200px;
        margin: auto;
    }
    #save-message .btn-gray {
        width: 200px;
    }
    #header .profile .dropdown-menu {
        left: 0;
    }
    .inner-nav > li {
        float: unset;
        width: 25%;
        text-align: left;
    }
    #header .navbar .navbar-brand:before {
        display: none;
    }
    .alert-message .right-btn{
        position: unset;
        margin-top: 35px;
        margin-right: 0;
        display: flex;
    }
    .profile-info.space{
        margin-left: 0;
    }
    #message-box-holder ul li{
        font-size: 21px;
        line-height: 35px;
    }
    .content .form-group label{
        font-size: 21px;
    }
    .content .row-title h3{
        font-size: 28px;
    }
    .patient-table .tooltip-icon .tooltiptext{
        margin-top: -65px;
    }
    #rosie-conversation-modal .modal-content{
        padding:20px;
    }
    .container.m-t-30{
        margin-top: 10px;
    }
    .search-patients .tooltip-icon .tooltiptext {
        left: unset;
        right: 0;
    }
    .table-patient td{
        padding: 15px 20px;
        font-size: 20px;
    }
    .btn-black{
        margin-bottom: 10px;
    }
    .table-component{
        overflow-x: scroll;
        overflow-y: scroll;
        white-space: normal;
    }
    .col-12.patient-activities {
        width: 100%;
        background: #fff;
        margin-top: 20px;
    }
    .patient-profile {
        overflow-x:scroll;
    }
    .admin-navigation {
        margin-bottom: 35px;
    }    
    .logo img{
        width:125px;
    }
    #header .right-info .profile p {
        font-size: 16px;
    }
    .assign-all-btn{
        float:left;
    }
    header .right-info .profile:before{
        display: none;
    }
    .patient-care .create-btn{
        padding: 10px 25px;
        font-size: 15px;
    }
    .btn-danger{
        font-size: 18px;
    }
    .wrapper .form-group label{
        font-size: 20px;
    }
    #header .navbar .navbar-right > li{
        padding-left: 0;
    }
    .communication-page .item{
        margin-bottom: 30px;
    }
    .card-patient-statistics .card{
        margin-bottom:20px;
    }
    .control-page table.notes-table{
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }
}

@media only screen and (max-width: 567px) {
    .patient-check label {
        top: -30px !important;
    }
    .radio-checkbox-language label {
        margin-bottom: 20px;
    }
    .form-group-bg .select-col-2 {
        width: 100%;
    }
    .btn-blue {
        margin-bottom: 20px;
    }
    .table td {
        padding: 10px;
    }
    .table thead th {
        font-size: 16px;
    }
    .table td {
        font-size: 16px;
    }
    .form-group .form-control {
        font-size: 16px !important;
    }
    .week-chkb label {
        max-width: 230px;
        height: 40px;
        text-align: center;
        padding: 5px 15px;
    }
    .right-space {
        display: block;
    }
    .content .row-title h3 {
        font-size: 23px;
        margin-bottom: 10px;
    }
    .form-group-text span {
        font-size: 16px;
    }
    .radio-checkbox-language label {
        font-size: 18px;
    }
    .form-group-bg .select-col-2:before,
    .form-group-bg .select-col-3:before {
        display: none;
    }
    .gray-bottom-border{
        border-bottom: none;
    }
    .container {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .control-page h5 {
        font-size: 22px;
    }
    .edit-patient-btn{
        font-size: 19px;
    }
    .assign-all-btn{
        font-size: 19px;
    }
    .background-box {
        padding: 10px 15px;
        overflow-x: auto;
    }
    .communication-page .item {
        margin-bottom: 30px;
    }
    .first-gradient-img {
        display: none;
    }
    .second-gradient-img {
        display: none;
    }
    .conversation-box {
        width: inherit;
        height: inherit;
        padding: 20px;
    }
    .image-space {
        margin-top: 20px !important;
    }
    .conversation-reply {
        width: inherit;
        height: inherit;
        margin-left: 0;
        padding: 20px;
    }
    .conversation-title {
        width: inherit;
        height: 70.3px;
    }
    .rosie-width {
        width: 100%;
    }
    .content-background {
        margin: 0 15px;
    }
    .content-box .details.details.health-conf-space .bottom-space {
        padding: 10px 0;
    }
    #save-message .modal-body {
        padding: 40px 0 15px 0 !important;
        overflow-x: scroll;
        margin: 0;
    }
    .dashboard-content .topbar-list li a {
        font-size: 15px;
    }
    .container .m-t-100 {
        margin-top: 50px;
    }
    .add-monitor {
        padding: 0 25px !important;
    }
    .add-medication {
        padding: 0 25px !important;
    }
    #save-message .modal-header {
        font-size: 25px;
        font-weight: 300;
        margin: 0 25px !important;
        padding: 23px 0 10px 0;
    }
    #scheduled-modal .modal-body textarea {
        width: 350px;
    }
    #scheduled-modal .modal-body input {
        width: 350px;
        margin-bottom: 10px;
    }
    #scheduled-modal .modal-body select {
        width: 350px;
    }
    .create-btn {
        margin-bottom: 10px;
    }
    .add-new-btn {
        width: 245px;
    }
    .inner-nav > li {
        width: unset;
        float: unset;
    }
    .checkin-status {
        width: 30px;
        height: 30px;
    }
    .content-box .details.task-completed-space .color-numbers li {
        min-width: 50px;
    }
    .main-box .title {
        padding: 15px 35px;
    }
    .main-box .title h4 {
        font-size: 25px;
    }
    .add-medication {
        padding: 2px 45px;
    }
    .add-monitor {
        padding: 2px 45px;
    }
    .table thead th {
        font-size: 18px;
    }
    .content .form-group label {
        font-size: 21px;
    }
    .reports .form-group .form-control {
        width: 400px;
    }
    .reports select{
        width: 400px;
    }
    .wrapper .collapseExample .add-new-btn .i.fa.fa-plus{
        font-size: 14px;
    }
}
/* Internet Explorer  */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .form-group .select-custom-style {
        background-image: none;
    }
    .right-space {
        display: inline-block;
    }
    .card .form-group .select-custom-style {
        background-image: none;
    }
    .second-gradient-img {
        display: none;
    }
    .first-gradient-img {
        display: none;
    }
    .circle-table-status {
        display: inline-block;
    }
    .control-table td .line-circle::after {
        display: none;
    }
    .dashboard-content .search-bar .fa-search {
        display: none;
    }

    :checked.checkbox-regular {
        background-color: transparent;
        border: none;
    }
}

@media all and (min--moz-device-pixel-ratio:0){
    .reports input[type="date"]{
        width: 225px;
    }
}

.coordinator-status-active {
    width: 50px !important;
    border-radius: 5px !important;
}

.coordinator-status-inactive {
    width: 50px !important;
    border-radius: 5px !important;
}

.coordinator-status-active.active {
    background-color: #42ce6b !important;
    border-color: #42ce6b !important;
}

.coordinator-status-inactive.active {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}
.filter-row {
    display: flex;
    justify-content: space-between;
    margin: 0 -10px; 

}
.filter-row-inner:first-child {
    margin: 0 10px; 
    min-width: 400px; 
    max-width: 100%;
    width:100%;
}
.filter-row-inner {
    margin: 0 10px; 
    width:100%; 
    max-width:200px;
}
.filter-row-inner select {
    font-size: 16px!important;
}
.filter-row-inner input {
    font-size: 16px!important;
}