/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
  scroll-behavior: smooth;
}
body {
  font-family: "Nunito", sans-serif !important;
  background: #f0f5f5 !important;
  color: #000000;
  font-size: 14px !important;
  font-weight: 500 !important;
}
a {
  color: #00C4EF ;
  text-decoration: none !important;
}
a:hover {
  color: #00B4DC;
  text-decoration: none !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Nunito", sans-serif;
}
/* input[type="date"] {
  position: relative;
  margin:-1px;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
  cursor:pointer;
}
input[type="date"]:before {
    display: block;
    font-family: 'remixicon' !important;
    font-style: normal;
    content: '\eb27';
    width: 33px;
    height: 33px;
    line-height: 25px;
    position: absolute;
    top: -1px;
    right: -1px;
    background: #00B4DC;
    border-color: #00B4DC;
    color: #fff;
    border: none;
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
} */
input[type="date"] {
    position: relative;
    margin: -1px;
    cursor: pointer; /* Make the entire input clickable */
    width: 100%; /* Ensures the clickable area covers full input */
    padding-right: 30px; /* Space for the default calendar icon */
}
  
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: pointer; /* Ensures clickable icon */
    opacity: 0; /* Makes the picker invisible but still clickable */
}
  
input[type="date"]::before {
    display: block;
    font-family: 'remixicon' !important;
    font-style: normal;
    content: '\eb27';
    width: 33px;
    height: 33px;
    line-height: 25px;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    font-size: 1.2rem;
    background: #00B4DC;
    border-color: #00B4DC;
    color: #fff;
    border: none;
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    pointer-events: none; /* Icon won't block clicks */
}

.dropdown-toggle::after {
    vertical-align: 0.125em;
}
.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #a2efff;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 194 238 / 25%);
}
.btn-check:focus+.btn {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 194 238 / 25%)!important;
}
.form-check-input:checked {
    background-color: #00c4ef !important;
    border-color: #00c4ef !important;
}
.form-check-input:focus {
    border-color: #8debff;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 196 239 / 25%);
}
.small, small {
    font-size: .815em;
}
.tooltip{
	z-index:999 !important;
}
.tooltip-inner {
    background-color: #00C4EF !important;
    box-shadow:none !important;
    opacity:1!important;
	font-size:12px !important;
	color:#fff !important;
}
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #00C4EF !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #00C4EF !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #00C4EF !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #00C4EF !important;
}
/*--Theme Styles--*/
.text-tmBlue{color: #00C4EF !important;}
.text-tmPink{color: #FF6694 !important;cursor:pointer;}
.text-tmGreen {color: #47be00 !important;}
.text-tmYallow {color: #ffbf00 !important;}
.text-tmPurple{color: #9464e9 !important;}
.text-tmOrange{color: #ff9116 !important;}

.text-tmAquaGreen{color: #16C4AE!important;}
.text-tmAquaDgreen{color: #005C74!important;}
/*--Bgs--*/
.bg-tmBlue{background-color: #00C4EF !important;}
.bg-tmPink{background-color: #FF6694 !important;}
.bg-tmGreen {background-color: #47be00 !important;}
.bg-tmYallow {background-color: #ffbf00 !important;}
.bg-tmPurple{background-color: #9464e9 !important;}
.bg-tmOrange{background-color: #ff9116 !important;}

.bg-tmAquaGreen{background-color: #16C4AE!important;}
.bg-tmAquaDgreen{background-color: #005C74!important;}
/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.btn{
	padding: 0.45rem 0.55rem;
	border-radius: 8px !important;
	font-size: 15px;
	font-weight: 600;
}
.btn i{
	font-weight: 400;
}
.input-group-sm>.btn{
	line-height: 0.875rem;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 0.25rem 0.75rem;
    font-size: .855rem;
    border-radius: 0.2rem;
}
.btn-group-xs>.btn, .btn-xs {
    padding: 0.15rem 0.45rem;
    font-size: .755rem;
    border-radius: 0.2rem;
}
.input-group-sm>.btn i, .btn-sm i{
    font-size:16px;
}
.btn-48px{
	    min-height: 46px;
    font-size: 18px;
}
/*--BLUE--*/
.btn-tmBlue {
    background: #00C4EF !important;
    border-color: #00C4EF !important;
    color: #fff !important;
	z-index:0 !important;
}
.btn-tmBlue:hover{
    background: #00B4DC !important;
	border-color: #00B4DC;
    color: #fff;
}
.btn-tmBlue:focus{
    background: #00B4DC;
    border-color: #00B4DC;
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgb(0 180 220 / 25%);
}
.btn-outline-tmBlue{
	color: #00C4EF !important;
    border-color: #00C4EF !important;
}
.btn-outline-tmBlue:hover{
	color: #fff !important;
    background-color: #00C4EF !important;
    border-color: #00C4EF;
}
.btn-outline-tmBlue:focus{
	color: #fff !important;
    background-color: #00C4EF !important;
    border-color: #00C4EF;
    box-shadow: 0 0 0 0.2rem hsl(240 36% 61% / 0.25);
}
/*--PINK--*/
.btn-tmPink {
    background: #FF6694 !important;
    border-color: #FF6694 !important;
    color: #fff !important;
    font-weight: 500 !important;
}
.btn-tmPink:hover{
    background: #F55283;
	border-color: #F55283;
    color: #fff;
}
.btn-tmPink:focus{
    background: #F55283;
    border-color: #F55283;
    color: #fff;
    box-shadow: 0 0 0 0.2rem hsl(3deg 73% 81% / 25%);
}
.btn-outline-tmPink{
	color: #FF6694 !important;
    border-color: #FF6694 !important;
}
.btn-outline-tmPink:hover{
	color: #fff !important;
    background-color: #FF6694;
    border-color: #FF6694;
}
.btn-outline-tmPink:focus{
	color: #fff;
    background-color: #FF6694;
    border-color: #FF6694;
    box-shadow: 0 0 0 0.2rem hsl(3deg 73% 81% / 25%);
}

/*--------------------------------------------------------------
# Login
--------------------------------------------------------------*/
.login-sec .login-logo img{
   width: 275px;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}
.login-sec .wrap {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
}
.login-sec .wrap img{
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
/*----*/
#loginForm {
	width: 50%;
	background: rgb(255 255 255);
	padding: 45px;
	border-radius: 10px;
	text-align: left;
}
#loginForm h1{
	color: #ff6f9a;
	font-size: 1.5rem;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
}
#loginForm h5{
	color: #666;
	font-size: 0.85rem;
	font-weight: 600;
	margin-bottom: 30px;
}
#loginForm .form-control{
	border: 1px solid #ccc;
	padding: 10px 10px 10px 37px;
	margin-bottom: 10px;
	min-height: 50px;
	font-size: 14px;
	font-weight: normal;
	background: #ffffff;
	border-radius: 8px;
	color: #000000!important;
}
#loginForm .form-control:focus {
    color: #000000;
    background-color: #fff;
    border-color: #00c4ef;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 196 239 / 20%);
}
#loginForm .btn{
	text-transform:uppercase;
	padding:0.75rem 0.95rem;
}
#loginForm .form-group{
	position:relative;
}
#loginForm .form-group i{
	position: absolute;
	top: 40px;
	left: 10px;
	font-size: 22px;
	line-height: 22px;
	color: #aaa;
}
#loginForm .form-group img{
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 0;
	color: #ffffff;
	width: 25px;
	height: 25px;
	text-align: center;
}
#loginForm .recaptcha{
	background: #fff;
	padding: 12px 5px 5px 5px;
	text-align: center;
	margin-bottom: 20px;
}
#loginForm .footer-text {
    text-align: center;
    color: #333;
}
#loginForm .footer-text p{
    margin:0px;
    letter-spacing: 0.35px;
	
}
.login_link{
	color: #00C4EF;
	cursor:pointer;
}
#loginForm .regFG{
    background: #f9f9f9; 
	padding: 15px 15px 10px;
	margin-bottom: 15px; 
	border-radius: 10px;
}

/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
#main {
  margin-top: 60px;
  padding: 20px 30px;
  transition: all 0.3s;
  min-height: 600px;
}
@media (max-width: 1199px) {
  #main {
    padding: 20px;
  }
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.logo {
  line-height: 1;
}
@media (min-width: 1200px) {
  .logo {
    width: 250px;
  }
}
.logo img {
  margin-right: 10px;
  width: 160px;
}
.logo span {
  font-size: 26px;
  font-weight: 700;
  color: #00B4DC;
}
.header {
  transition: all 0.5s;
  z-index: 997;
  height: 60px;
  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
  background-color: #fff;
  padding-left: 15px;
  /* Toggle Sidebar Button */
  /* Search Bar */
}
.header .toggle-sidebar-btn {
  font-size: 20px;
  cursor: pointer;
  color: #666666;
  background: #f5f5f5;
  padding: 8px;
  border-radius: 8px;
}
.header .search-bar {
  min-width: 360px;
  padding: 0 20px;
}
@media (max-width: 1199px) {
  .header .search-bar {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    padding: 20px;
    box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
    background: white;
    z-index: 9999;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
  }
  .header .search-bar-show {
    top: 60px;
    visibility: visible;
    opacity: 1;
  }
  .logo img {
    margin-right: 10px;
    width: 140px;
  }
}
.header .search-form {
  width: 100%;
}
.header .search-form input {
  border: 0;
  font-size: 14px;
  color: #00B4DC;
  border: 1px solid rgba(1, 41, 112, 0.2);
  padding: 7px 38px 7px 8px;
  border-radius: 3px;
  transition: 0.3s;
  width: 100%;
}
.header .search-form input:focus, .header .search-form input:hover {
  outline: none;
  box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);
  border: 1px solid rgba(1, 41, 112, 0.3);
}
.header .search-form button {
  border: 0;
  padding: 0;
  margin-left: -30px;
  background: none;
}
.header .search-form button i {
  color: #00B4DC;
}
/*--------------------------------------------------------------
# Header Nav
--------------------------------------------------------------*/
.header-nav ul {
  list-style: none;
}
.header-nav > ul {
  margin: 0;
  padding: 0;
}
.header-nav .nav-icon {
  color: #ff6f9a;
}
.header-nav .nav-icon i{
  font-size: 24px;
	line-height:28px;
}
.header-nav .nav-profile {
  color: #444444;
  padding: 0.25rem 1rem;
}
.header-nav .nav-profile img {
  height: 40px;
  width: 40px;
  object-fit:cover;
}
.header-nav .nav-profile span {
  font-size: 14px;
  font-weight: 500;
  color: #666666;
}
.header-nav .badge-number {
  position: absolute;
  inset: 4px 6px auto auto;
  font-size: 10px;
  padding: 3px 4px;
  color: white;
  font-weight: 600;
}
.header-nav .notifications .notification-item {
  display: flex;
  align-items: center;
  padding: 10px 8px;
  transition: 0.3s;
}
.header-nav .notifications .notification-item i {
  margin: 0 10px 0 10px;
  font-size: 24px;
}
.header-nav .notifications .notification-item h4 {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
}
.header-nav .notifications .notification-item p {
  font-size: 11px;
  margin-bottom: 3px;
  color: #919191;
}
.header-nav .notifications .notification-item:hover {
  background-color: #edfcff;
}
.header-nav .messages .message-item {
  padding: 15px 10px;
  transition: 0.3s;
}
.header-nav .messages .message-item a {
  display: flex;
}
.header-nav .messages .message-item img {
  margin: 0px 10px 0 5px;
  max-height: 36px;
}
.header-nav .messages .message-item h4 {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
  color: #333333;
}
.header-nav .messages .message-item p {
  font-size: 12px;
  margin-bottom: 3px;
  color: #919191;
  max-width:250px;
  word-wrap:break-word;
}
.header-nav .messages .message-item:hover {
  background-color: #edfcff;
}
.header-nav .profile {
  min-width: 240px;
  padding-bottom: 0;
}
.header-nav .profile .dropdown-header h6 {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 400;
  color: #00B4DC;
}
.header-nav .profile .dropdown-header span {
  font-size: 13px;
  color: #ff6f9a;
}
.header-nav .profile .dropdown-item {
  font-size: 13px;
  padding: 15px 15px;
  transition: 0.3s;
}
.header-nav .profile .dropdown-item i {
  margin-right: 10px;
  font-size: 20px;
  line-height: 0;
  color: #00c4ef;
}
.header-nav .profile .dropdown-item img {
  margin-right: 10px;
  width:20px;
  line-height: 0;
}
.header-nav .profile .dropdown-item:hover {
  background-color: #f3fdff;
}
.vFlip{
	-webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}
.hFlip{
	-webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
/*--------------------------------------------------------------
# Override some default Bootstrap stylings
--------------------------------------------------------------*/
/* Dropdown menus */
.dropdown-menu {
  border-radius: 4px;
  padding: 10px 0;
  -webkit-animation-name: dropdown-animate;
  animation-name: dropdown-animate;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  border: 0;
  box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);
}
@media (max-width: 480px) {
  .dropdown-menu {
    width: 100vw !important;
  }
}
.dropdown-menu .dropdown-header, .dropdown-menu .dropdown-footer {
  text-align: center;
  font-size: 14px;
  padding: 10px 15px;
  font-weight: 400;
  color: #00B4DC;
}
.dropdown-menu .dropdown-footer a {
  color: #ff6f9a;
  text-decoration: none;
  font-weight: 500;
}
.dropdown-menu .dropdown-footer a:hover {
  text-decoration: none;
}
.dropdown-menu .dropdown-divider {
  color: #ebebeb;
  margin: 0;
}
.dropdown-menu .dropdown-item {
  font-size: 13px;
  padding: 10px 15px;
  transition: 0.3s;
}
.dropdown-menu .dropdown-item i {
  margin-right: 10px;
  font-size: 18px;
  line-height: 0;
}
.dropdown-menu .dropdown-item:hover {
  background-color: #dcf9ff;
  color: #333;
}

@media (min-width: 768px) {
  .dropdown-menu-arrow::before {
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -7px;
    right: 20px;
    transform: rotate(45deg);
    border-top: 1px solid #eaedf1;
    border-left: 1px solid #eaedf1;
  }
}
@-webkit-keyframes dropdown-animate {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
}
@keyframes dropdown-animate {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar {
  position: fixed;
  top: 60px;
  left: 0;
  bottom: 0;
  width: 300px;
  /* z-index: 996; */
  transition: all 0.3s;
  padding: 20px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #aab7cf transparent;
  box-shadow: 0px 0px 10px rgba(1, 41, 112, 0.1);
  background-color: #00c4ef;
}
@media (max-width: 1199px) {
  .sidebar {
    left: -300px;
  }
}
.sidebar::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #fff;
}
.sidebar::-webkit-scrollbar-thumb {
  background-color: #00c4ef;
}

@media (min-width: 1200px) {
  #main, #footer {
    margin-left: 300px;
  }
}
@media (max-width: 1199px) {
  .toggle-sidebar .sidebar {
    left: 0;
  }
}
@media (min-width: 1200px) {
  .toggle-sidebar #main, .toggle-sidebar #footer {
    margin-left: 0;
  }
  .toggle-sidebar .sidebar {
    left: -300px;
  }
}

.sidebar-nav {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar-nav li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar-nav .nav-item {
  margin-bottom: 15px;
}
.sidebar-nav .nav-heading {
  font-size: 11px;
  text-transform: uppercase;
  color: #00c4ef;
  font-weight: 600;
  margin: 10px 0 5px 15px;
}
.sidebar-nav .nav-link {
  display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    transition: 0.5s;
    background: rgb(255 255 255 / 15%);
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #ffffff;
    border-bottom: 3px solid #fff;
    box-shadow: 3px 3px 9px rgb(0 116 141 / 25%)
}
.sidebar-nav .nav-link i {
  font-size: 24px;
  margin-right: 12px;
  color: #ffffff;
  transition: 0.5s;
}
.sidebar-nav .nav-link img {
  width: 20px;
  margin-right: 10px;
}
.sidebar-nav .nav-link.active {
  color: #ff6f9a;
    background: #ffffff;
    border: 1px solid #ffa9c3;
    border-bottom: 3px solid #ffa9c3;
}
.sidebar-nav .nav-link.active i {
  color: #ff6f9a;
}
.sidebar-nav .nav-link:hover {
   color: #ff6f9a;
    background: #ffffff;
    border: 1px solid #ffa9c3;
    border-bottom: 3px solid #ffa9c3;
}
.sidebar-nav .nav-link:hover i {
  color: #ff6f9a;
}
.sidebar-nav .nav-link .ri-arrow-down-s-line {
  margin-right: 0;
  transition: transform 0.2s ease-in-out;
}
.sidebar-nav .nav-link:not(.collapsed) .ri-arrow-down-s-line {
  transform: rotate(180deg);
}
/*--------------------------------------------------------------
# Content Section
--------------------------------------------------------------*/
.pagesection {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0px 0 15px rgb(222 222 222);
}
.pagetitle {
  margin-bottom: 30px;
  background: #a5b3bb;
  padding: 10px 15px;
  border-radius: 8px;
  border-bottom: 4px solid rgb(0 0 0 / 15%);
}
.pagetitle h1 {
  font-size: 22px;
  margin-bottom: 0px;
  font-weight: 500;
  color: #ffffff;
}
.pagetitle .backIcon {
    color: #fff;
}
.pagetitle .backIcon i{
    font-size: 24px;
    vertical-align: middle;
    line-height: 30px;
}
.pagetitle .backIcon:hover {
    color: rgb(255 255 255 / 75%);
}
.subTitle {
    background: #e7fbff;
    padding: 10px 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    border-bottom: 4px solid #00c4ef;
}
.subTitle h5{
    margin-bottom:0px;
    font-weight: 700;
    color: #8c989f;
}
/*--Section Title--*/
.secTitle h1{
    font-size: 1.05rem;
    padding-bottom: 7px;
    position: relative;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #333;
}
.secTitle h1:before{
    content: '';
    background: #ff6f9a;
    width: 15px;
    height: 3px;
    position: absolute;
    bottom: 0px;
    left: 0;
    border-radius: 50px;
}
.secTitle h1:after{
    content: '';
    background: #00c1ec;
    width: 60px;
    height: 3px;
    position: absolute;
    bottom: 0px;
    left: 20px;
    border-radius: 50px;
}
.secContent h2{
	font-size: 0.85rem;
	font-weight: 600;
	color: #00c4ef;
	margin-bottom: 8px;
	background: #dcf9ff;
	width: fit-content;
	padding: 5px 8px;
	border-left: 2px solid;
}
.secContent h6{
	font-size: 0.95rem;
	font-weight: 600;
	padding-left: 12px;
	position: relative;
	margin-bottom: 3px;
}
.secContent h6 a{
	color:#000;
}
.secContent h6 a:hover{
	color:#f2b0ad;
}
.secContent h6:after{
	content:"";
	background-color: #ff6f9a;
	height: 7px;
	width: 7px;
	position: absolute;
	left: 0;
	margin-top: 5px;
	border-radius: 50px;
}
.secContent p{
	text-align: justify;
	line-height: 20px;
	margin-bottom: 1.5rem;
	margin-left: 13px;
}
/* -- Breadcrumbs -- */
.breadcrumb {
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 0 !important;
}
.breadcrumb a {
  color: #ffffff;
  transition: 0.3s;
}
.breadcrumb a:hover {
  color: #7cd1e4;
}
.breadcrumb .breadcrumb-item::before {
  color: #ffffff;
}
.breadcrumb .active {
  color: rgb(255 255 255 / 75%) !important;
  font-weight: 500;
}
/*--Dashboard Section--*/
.dashboard .info-card {
	background: #ffffff;
    border: 1px solid #cdf7ff;
    border-bottom: 4px solid #cdf7ff;
    position: relative;
    top: 0px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-radius: 8px;
}
.dashboard .info-card:hover {
    top: -10px;
    box-shadow: 4px 4px 10px rgb(190 190 190 / 30%);
}
.dashboard .info-card .card-body {
	padding: 25px 0px 25px 20px;
}
.dashboard .info-card .card-icon  {
	background: #ff6f9a;
	padding: 12px;
	border-radius: 50%;
}
.dashboard .info-card .card-icon i {	
	font-size: 36px;	
	color: #fff;
}
.dashboard .info-card .card-text {	
	padding-left:15px;
}
.dashboard .info-card .card-text h3 {
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 0;
	color: #666;
}
.dashboard .info-card .card-text h2 {
	margin-bottom: 0;
	color: #000000;
	font-size: 2.15rem;
}
.dashboard .info-card .card-btn a {
	background: #00c4ef;
	padding: 5px 15px;
	border-radius: 30px 0 0 30px;
	font-weight: 600;
	font-size: 14px;
	color: #fff;
}



/*--- Theme Table Desings---*/

.theme-table thead th {
    vertical-align: bottom;
    border-bottom: 8px solid #ffffff;
    font-weight: 700;
    color: #333;
    background: #dcf9ff !important; 
}
.theme-table td, .theme-table th {
    padding: .90rem !important;
    border-top: 5px solid #ffffff;
    background: #f9f9f9 !important;
    vertical-align: middle;
    font-weight: 600;
    color: #333;
    font-size: 0.90rem;
}
.table.theme-table td:first-child, .table.theme-table th:first-child {
    border-radius: 5px 0 0 5px !important;
}
.table.theme-table td:last-child, .table.theme-table th:last-child {
    border-radius: 0 6px 6px 0 !important;
}
.table-title {
    white-space: nowrap !important;
    font-size: 1.0rem !important;
    font-weight: 600 !important;
    color: #000000 !important;
    margin-bottom: 3px !important;
}
.table-subtitle{
	 font-weight: 700;
	 margin-bottom: 3px;
	 color: #333;
	 font-size: 0.85rem;
}
.theme-table .table-link{
    font-weight: 700;
    color: #717b81;
	cursor:pointer;
}
.theme-table .table-link:hover{
    color: #00C4EF;
	border-bottom:2px solid;
}
.theme-table .icon-link a:hover{
    color: #00C4EF !important;
}
.theme-table .table-link img{
    width:22px !important;
}
.theme-table .table-link span{
    font-size:12px !important;
	font-weight:600 !important;
	vertical-align: middle !important;
    padding-left: 2px !important;
}

.page-link {
	z-index:0 !important;
    color: #00c3ed !important;
}
.page-link:hover {
    z-index: 2 !important;
    color: #fff !important;
    background-color: #00c1ec !important;
    border-color: #00c0eb !important;
}
.female .avtar-img span {
    border: 4px solid rgb(255 111 154 / 55%) ;
}
.female:hover .avtar-img span {
    border: 4px solid rgb(255 111 154 / 100%) ;
}
.female .table-subtitle span {
    color: #FF6694 ;
}
.male .avtar-img span {
    border: 4px solid rgb(0 196 239 / 55%) ;
}
.male:hover .avtar-img span {
    border: 4px solid rgb(0 196 239 / 100%) ;
}
.male .table-subtitle span {
    color: #00C4EF /*!important;*/
}
/* Avatar Styles*/
.avtar-txt {
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border: 2px solid #ff6f9a;
    border-radius: 8px;
    vertical-align: middle;
    font-weight: 800;
    display: inline-block;
}
.avtar-txt .h6{
    font-size: 24px!important;
    font-weight: 600!important;
    line-height: unset;
}
.avtar-img {
    display: inline-block !important;
}
.avtar-img img {
    width: 43px; 
    height: 43px;
    line-height: 43px;
    border-radius: 8px;
	border-radius: 50%;
	object-fit:cover;
}
.avtar-img span {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    display: block;
    text-align: center;
    min-width: 42px;
    min-height: 42px;
    line-height: 42px;
    border-radius: 8px;
	border: 4px solid rgb(214 214 214);
}
.avtar-img i {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    display: block;
    text-align: center;
}
.avtar-icon i{
    font-size: 24px;
    color: #ff6f9a;
    text-align: center;
    vertical-align: middle;
}

/* Card */
.card {
  margin-bottom: 30px;
  border: none;
  border-radius: 8px;
  box-shadow: 0px 0 15px rgb(222 222 222);
  /* overflow: hidden; */
}
.card-header, .card-footer {
  border-color: #ebeef4;
  background-color: #fff;
  color: #798eb3;
  padding: 15px;
}
.card-title {
  padding: 5px 0 15px 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.card-title span {
  color: #899bbd;
  font-size: 14px;
  font-weight: 400;
}
.card-body {
  padding: 15px;
}
.card-img-overlay {
  background-color: rgba(255, 255, 255, 0.6);
}
.form-card .card-header {
    border: 0;
    padding:0;
    align-items: center;
    margin: 15px;
    border-left: 4px solid #7777c0;
    background: rgb(255 255 255);
    background: linear-gradient(90deg, #f8f8fb 0%, rgba(255,255,255,1) 65%);
    border-radius: 0;
}
.form-card .card-header .card-title{
	font-size: 16px;
	line-height: 1.25;
	margin: 0;
	color: #7777c0;
	font-weight: 700;
	padding: 8px 0 10px 12px;
}
.form-card .form-group {
    margin-bottom: 30px;
}
.form-card label {
    display: inline-block;
    margin-bottom: 0.35rem;
    text-transform: initial;
    font-size: 13px;
    font-weight: 700;
    color: #333;
}
.form-card .form-control, .form-card .form-select {
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 4px 0px rgb(0 0 0 / 5%);
    outline: none;
    font-size: 14px;
    color: #000;
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    font-weight: 400;
    opacity: 1;
    border-radius: 8px;
    min-height: 48px;
}
.form-card input[type="date"]:before {
    min-height: 48px;
    line-height: 40px;
}
.form-card .form-control[type=file] {
    overflow: hidden;
    line-height: 35px;
}
.form-card .ChecksRadios{   
	padding: 0.75rem .75rem 0;   
	background: #f9f9f9;   
	border: 1px solid #e0e0e0;   
	box-shadow: 0 1px 4px 0px rgb(0 0 0 / 5%);   
	outline: none;   
	font-size: 14px;   
	color: #000;   
	box-sizing: border-box;   
	display: block;   
	font-weight: 400;   
	opacity: 1;   
	border-radius: 8px;   
	min-height: 48px;
}
/*--Upload Image--*/

.upload-box{
	width: 200px;
	/* position: relative; */
	/* right: 0px; */
	/* left: 0px; */
	margin: 20px auto;
}
.box {
    border: 1.25px dashed #cccccc;
    width: 100%;
    height: auto;
    padding: 5px;
    z-index: 1;
    min-height: 180px;
    background: #fafafa;
    border-radius: 8px;
}
.inputfile {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    text-align: center;
    overflow: hidden;
    width: 100%;
}
.inputfile + label {
    max-width: 80%;
    font-size: 12px;
    font-weight: 500;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin-top: -10px;
}
.inputfile + label img{
	height:100px;
	width: 100px;
	margin-bottom: 10px;
	border-radius: 50%;
	object-fit:cover;
}
 .inputfile-4 + label i {
    display: block;
    margin: 8px auto;
    font-size: 32px;
    background: #dcdcdc;
    width: fit-content;
    padding: 7px;
    color: #fff;
    border-radius: 50px;
    width: 50px;
    height: 50px;
}

/*--------------------------------------------------------------
# Profile
--------------------------------------------------------------*/
.profile-img .top-bar {
	margin:20px 0;
    border-bottom: 1px solid #dcdcdc;
}
.profile-img .top-bar img {
    height: 100px;
	width:100px;
    margin-bottom: 10px;
    border-radius: 50%;
	object-fit:cover;
}
.profile-img .top-bar h1 {
    border-radius: 50%!important;
}
.profile-img .top-bar h6 {
    border-radius: 50%!important;
}
.profile-img .top-bar h1 {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 5px;
}
.profile-img .top-bar h6 {
    text-align: center;
    font-size: 1.0rem;
    font-weight: 600;
	margin-bottom: 15px;
}
.profile-img .center-bar {
	margin:20px 0;
    border-bottom: 1px solid #dcdcdc;
}
.center-bar .info-icon {
    font-size: 18px;
    line-height: 14px;
    padding: 10px;
    border-radius: 50%;
    color: #ffffff;
    background: #ff6f9a;
}
.profile-info .nav-pills .nav-item {
    margin:0 5px;
}
.profile-info .nav-pills .nav-link {
    border-radius: 0.25rem;
    border: 1px solid #ff6f9a;
    color: #ff6f9a;
    margin: 2px;
    font-weight: 600;
    padding: 0.55rem 0.55rem;
    line-height: 1.05rem;
    text-align: center;
    font-size: 0.95rem;
    border-radius: 8px;
	border-bottom: 3px solid;
}
.profile-info .nav-pills .nav-link i{
    font-size: 18px;
    vertical-align: bottom;
    padding-right: 2px;
    font-weight: 500;
}
.profile-info .nav-pills .nav-link.active, .profile-info .nav-pills .show>.nav-link {
    color: #00bfeb;
    background-color: #edfcff;
    border: 1px solid #00bde9;
	border-bottom: 3px solid;
}
.profile-info .nav-pills .nav-link:hover {
    color: #ff6f9a;
    background-color: #fff7fa;
    border: 1px solid #ff6f9a;
}
.profile-info .tab-content{
    margin:5px;
}
.profile-info .tab-content p {
    font-size: 0.85rem;
    font-weight: 400;
}
.profile-info .point-list {
    list-style: none;
    padding-left: 30px;
    padding-bottom: 10px;
}
.profile-info .point-list li{
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
}
.profile-info .point-list li:before {
    content: "\eb79";
    font-family: remixicon!important;
    display: inline-block;
    margin-left: -1.65em;
    width: 1.65em;
    font-weight: 400;
    color: #00bde6;
    vertical-align: middle;
    font-size: 16px;
}
.profile-info .tab-content h3{   
	font-size: 1.15rem;   
	font-weight: 400;
}
.profile-info .tab-content h4{   
	font-size: 0.95rem;   
	margin-bottom: 0;   
	font-weight: 400;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}


.required{
	color:red;
	text-transform: capitalize;
}

.required-note{
	color:red;
}

/*--Section Title--*/
.secTitle h1{
    font-size: 1.05rem;
    padding-bottom: 7px;
    position: relative;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #333;
}
.secTitle h1:before{
    content: '';
    background: #ff6f9a;
    width: 15px;
    height: 3px;
    position: absolute;
    bottom: 0px;
    left: 0;
    border-radius: 50px;
}
.secTitle h1:after{
    content: '';
    background: #00c1ec;
    width: 60px;
    height: 3px;
    position: absolute;
    bottom: 0px;
    left: 20px;
    border-radius: 50px;
}
.secContent h2{
	font-size: 0.85rem;
	font-weight: 600;
	color: #7777c0;
	margin-bottom: 5px;
	background: #f7f7ff;
	width: fit-content;
	padding: 5px 8px;
	border-left: 2px solid;
}
.secContent h6{
	font-size: 0.95rem;
	font-weight: 600;
	padding-left: 12px;
	position: relative;
	margin-bottom: 3px;
}
.secContent h6 a{
	color:#000;
}
.secContent h6 a:hover{
	color:#f2b0ad;
}
.secContent h6:after{
	content:"";
	background-color: #ff6f9a;
	height: 7px;
	width: 7px;
	position: absolute;
	left: 0;
	margin-top: 5px;
	border-radius: 50px;
}
.secContent p{
	text-align: justify;
	line-height: 20px;
	margin-bottom: 1.5rem;
	margin-left: 13px;
}

/*.pagesection {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0px 0 15px rgb(222 222 222);
}
.pagetitle {
  margin-bottom: 30px;
  background: #a5b3bb;
  padding: 10px 15px;
  border-radius: 8px;
  border-bottom: 4px solid rgb(0 0 0 / 15%);
}
.pagetitle h1 {
  font-size: 22px;
  margin-bottom: 0px;
  font-weight: 500;
  color: #ffffff;
}
.pagetitle .backIcon {
    color: #fff;
}
.pagetitle .backIcon i{
    font-size: 24px;
    vertical-align: middle;
    line-height: 30px;
}
.pagetitle .backIcon:hover {
    color: rgb(255 255 255 / 75%);
}*/

.form-control[readonly]{
	background-color:white !important;
}

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
.myModal .modal-content {
    border: none;
}
.myModal .modal-content .modal-header {
    background: #00c4ef;
    color: #fff;
    padding: 0.75rem 1rem;
    border-top: 4px solid #ff6694;
}
.modal-header {
    background: #00c4ef;
    color: #fff;
    padding: 0.75rem 1rem;
    border-top: 4px solid #ff6694;
}
.myModal .modal-content .modal-header .btn-close {
    width: 1.5em;
    height: 1.5em;
    padding: 0.25em 0.5em;
    color: #fff;
    background: transparent url(../img/closeicon.svg) center/1.5em auto no-repeat;
    opacity: 1.0;
}
.myModal .modal-content .modal-header .btn-close:hover {
    opacity: .5;
}
.myModal .modal-content .modal-footer {
    background: #f7f7f7;
}
.myModal .modal-content .modal-body {
   padding: 30px;
}
/*-----*/
.patient-info {
    padding-bottom: 15px;
    border-bottom: 1px dashed #d6d9dc;
    margin-bottom: 25px;
}
.patient-info .title{
   font-size: 1.0rem;
   font-weight:600;
   color: #000;
}
.patient-info p{
   font-size: 0.8rem;
   font-weight:600;
}
.patient-info.female p span{
   color:#FF6694 !important;
}
/*--Timeline--*/
.timeline {
    border-left: 3px solid #00c4ef;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: rgb(0 196 239 / 10%);
    margin-left: 175px;
    letter-spacing: 0.2px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em;
    padding: 30px 20px;
    list-style: none;
    text-align: left;
    max-width: 70%;
}

@media (max-width: 767px) {
    .timeline {
        max-width: 98%;
        padding: 25px;
    }
}
.timeline h1 {
    font-weight: 300;
    font-size: 1.4em;
}
.timeline h2,
.timeline h3 {
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 5px;
    text-transform: capitalize;
    color: #000000;
}
.timeline .event {
    border-bottom: 1px dashed #00c4ef;
    padding-bottom: 25px;
    margin-bottom: 25px;
    position: relative;
}
@media (max-width: 767px) {
    .timeline .event {
        padding-top: 30px;
    }
}
.timeline .event:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}
.timeline .event:before,
.timeline .event:after {
    position: absolute;
    display: block;
    top: 0;
}
.timeline .event:before {
    left: -200px;
    content: attr(data-date);
    text-align: right;
    font-weight: 700;
    font-size: 1.10rem;
    min-width: 150px;
    color: #ff6694;
}
@media (max-width: 767px) {
    .timeline .event:before {
        left: 0px;
        text-align: left;
    }
}
.timeline .event:after {
    -webkit-box-shadow: 0 0 0 3px #00c4ef;
    box-shadow: 0 0 0 3px #00c4ef;
    left: -29.5px;
    background: #ff6694;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    content: "";
    top: 2px;
    border: 4px solid #fff;
}
@media (max-width: 767px) {
    .timeline .event:after {
        left: -31.8px;
    }
}
.rtl .timeline {
    border-left: 0;
    text-align: right;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-right: 3px solid #727cf5;
}
.rtl .timeline .event::before {
    left: 0;
    right: -170px;
}
.rtl .timeline .event::after {
    left: 0;
    right: -55.8px;
}
/*-----*/
.developement-info .nav{
	flex-wrap: nowrap;
}
 #calendar {
	max-width: 1100px;
	min-height: 400px;
	margin: 0 auto;
}
.fc .fc-col-header-cell-cushion {
    display: inline-block;
    padding: 2px 4px;
    color: #333;
}
.fc .fc-non-business {
    background: transparent;
}
.fc-daygrid-event-dot {
	display:none;
   /* border: calc(var(--fc-daygrid-event-dot-width)/2) solid #ff6694;*/
}
.fc-v-event {
    background-color: #00c4ef;
    border: 1px solid #00c4ef;
    display: block;
}
.fc-theme-standard .fc-list-day-cushion {
    background: #fff8fa!important;
    font-size: 1.15rem;
	
}
.fc-theme-standard .fc-list-day-cushion a{
	color:black;
}
.fc-list{
	border:none !important;
}
.fc-list-event{
	background: #f1fdff;
    color: #000!important;
}

.fc .fc-list-table td{
	border-width: 1px 0 0;
    padding: 12px 14px;
	border-color: #fff;
    border-top: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff;
}

/* Vitals CSS*/
.vital-card {
	background-color:white;
    margin-bottom: 20px;
    border: none;
    border-radius: 5px;
    box-shadow: 0px 0 10px rgb(232 232 232);
    padding: 12px;
    min-height: 90px;
}
.vital-card img{
    width:50px;
}
.vital-card .vital{
    padding: 0px 16px 0 12px;
    border-right: 1px solid #ccc;
    min-width: 165px;
}
.vital-card .vital h6{
    font-weight: 600;
    margin-bottom: 0;
}
.vital-card .vital span{
    font-weight: 600;
    font-size: 0.75rem;
    color: #888;
}
.vital-card .data{
    padding: 0px 12px 0px 16px;
}
.vital-card .data h5{
	font-weight: 800;
	color: #7777c0;
	margin-bottom: 0;
}
.vital-card .data span{
    font-weight: 800;
    color: #7777c0;
}
.vital-card .data a{
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    color: #f2b0ad;
}
.vital-card .data a:hover{
    color: #e49e9b;
}
.legend-one{
	
	width:3.5rem;
	border: 2px solid #0000ff;
}

.legend-alert-one{
	
	width:3.5rem;
	border: 2px dashed #0000ff;
	background:transparent;
}

.legend-goal-one{
	
	width:3.5rem;
	border: 2px dashed green;
	background:transparent;
}

.legend-two{
	
	width:3.5rem;
	border: 2px solid #ff0b00;
}
.legend-three{
	
	width:3.5rem;
	border: 2px solid #8805ff;
}

.legend-alert-two{
	
	width:3.5rem;
	border: 2px dashed #ff0b00;
	background:transparent;
}

.table-scroll-bar>thead th {
    padding: 0.75rem 1rem;
    white-space: nowrap;
}

.table-scroll-bar>tbody td {
    padding: 0.75rem 1rem;
    white-space: nowrap;
}

.table-scroll-bar>tbody {
    vertical-align: inherit;
}

.table-word-break>tbody td .break-word{
	white-space:normal !important;
	min-width:200px !important;
}

/* width */
::-webkit-scrollbar {
  width: 13px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ff6f9a; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ff6f9a; 
}

::-webkit-scrollbar:horizontal{
	height:12px;
}

.noRecords{
	color: #666565a8;
    font-weight: bold;
	/*position:fixed;*/
	display:flex;
	justify-content:center;
	top:50%;
	left:50%;
}

/*--Vaccination Table--*/
.vaccTable thead{
	background: #e5fbff;
    color: #00C4EF;
}
.vaccTable thead tr{
	border-color: #00c4ef;
}
.vaccTable thead tr th {
    padding: 0.75rem 0.5rem;
    white-space: nowrap;
	width:5rem;
	
}
.vaccTable>:not(:first-child) {
    border-top: 1px solid currentColor !important;
}
.senderVideo {
	position: relative;
	display: inline-block;
}
.receiverVideo {
	position: relative;
	display: inline-block;
}

.call-avator{
	position: absolute;
    top: 50%;
    /* left: 50%; */
    transform: translate(-50%, -50%);
	wider:110px;
	height:110px;
}

video{
	/* height:100%; */
	width:100%;
}
.audioView{
    height: 268px;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.videoAvator{
	position:absolute;
	left:25%;
	top:10%;
}

/*--------------------------------------------------------------
# Chat
--------------------------------------------------------------*/
.chat-sec{
	width: 95%;
	margin: 0 auto 20px;
	border: none;
	border-radius: 5px;
	box-shadow: 0px 1 10px rgb(232 232 232);
}
.chat-sec .chat-history {
	min-height:0px;
	max-height:330px;
	overflow-y:scroll;
    padding: 15px;
}
.chat-sec .chat-history ul{
	padding:0px;
}
.chat-sec .chat-history ul li{
	list-style: none;
    margin-bottom: 15px;
}
.received-msg .msg-date {
    color: #7777c0;
    font-weight: 600;
    font-size: 12px;
}
.received-msg .msg-date span{
    padding-left: 10px;
    color: #999;
}
.received-msg .msg-text {
    color: #000;
    font-size: 15px;
    background: rgb(119 119 192 / 10%);
    width: fit-content;
    padding: 8px 16px;
    border-radius: 0px 12px 12px 12px;
    margin-top: 5px;
}
.received-msg .msg-media {
    color: #000;
    font-size: 15px;
    background: rgb(119 119 192 / 10%);
    width: fit-content;
    padding: 5px 5px;
    border-radius: 0px 12px 12px 12px;
    margin-top: 5px;
	float:left;
	cursor:pointer;
}
.send-msg {
    float: right;
    text-align: right;
}
.send-msg .msg-date {
    color: #f2b0ad;
    font-weight: 600;
    font-size: 12px;
}
.send-msg .msg-date span{
    padding-left: 10px;
    color: #999;
}
.send-msg .msg-text {
    color: #000;
    font-size: 15px;
    background: rgb(242 176 173 / 15%);
    width: fit-content;
    padding: 8px 16px;
    border-radius: 12px 0px 12px 12px;
    margin-top: 5px;
}
.send-msg .msg-media {	
    color: #000;
    font-size: 15px;
    background: rgb(242 176 173 / 15%);
    width: fit-content;
    padding: 5px 5px;
    border-radius: 12px 0px 12px 12px;
    margin-top: 5px;
	float:right;
	cursor:pointer;
}
.chat-new{
	background: #f9f9f9;
    padding: 15px;
    border-radius: 0 0 5px 5px;
}
.chat-new .chat-btns {
    margin-top: 15px;
    text-align: right;
}
.chat-new .chat-btns a i{
    font-size:24px;
	vertical-align:middle;
}
/*.chat-new .chat-btns label i{
    font-size:24px;
	vertical-align:middle;
}*/
.droplist{
	overflow-y:scroll;
	min-height:0px;
	max-height:330px;
	padding-left:0 !important;
	list-style-type:none;
	
}
.droplist li{
	padding: 0.5rem;
    font-size: 16px;
    background: white;
	
}
.droplist .active,.droplist .itemss:hover{
	background: #2471ed;
	color:white;
}

#plist .list-unstyled{
	max-height:450px;
	overflow-x:auto;
}

/*--Sidebar Filter--*/
/*.btn-filter {
    font-size: 0.75rem;
    height: 47px;
    background: #f8a657;
    color: #ffffff;
    border: 1px solid #e09144;
    padding: 10px;
    border-radius: 0.2rem;
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
}*/
.sideFilterbar {
    width: 400px;
    padding: 15px;
    position: fixed;
    top: 106px;
    right: -400px;
    height: 600px;
    z-index: 1009;
    background: #00c4ef;
    color: #FFF;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 0 5px;
}
.sideFilterbar.active {
    right: 0;
}
.dismiss {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #00c4ef;
    position: fixed;
    top: 106px;
    right: -30px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 5px 0 0 5px;
    z-index: 99;
}
.dismiss:hover {
    background: #d34c6f;
    color: #fff;
}
.sideFilterbar.active .dismiss {
	 right: 400px;
}
.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgb(0 0 0 / 0%);
    z-index: 1009;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

/*--Filter Card--*/
.filter-card {
    background: #fff;
    border-radius: .2rem;
    border: 1px solid #e8ecee;
    position: relative;
    transition: 0.3s;
    cursor: pointer;
    margin-bottom: 15px;
}
.filter-card .head {
    padding: 0.8rem;
}
.filter-card .head:hover {
    background:#f9fafa;
}
.filter-card .head h1{    
    font-size: 0.95rem;    
    line-height: 0.95rem;
    text-transform: uppercase;    
    margin: 0;
}
.filter-card .head a{    
    font-size: 1.05rem;
    line-height: 0.95rem;
	color:#222;
}
.filter-card .body {
    padding: 0 0.8rem;
    border-top: 1px dashed #ddd;
}
.filter-card .body ul{
	list-style: none;
    padding-left: 0;
}
.filter-card .body ul li{
	vertical-align: middle!important;
    padding: 5px 0 10px;
    border-bottom: 1px solid #f1f1f1;
}
.filter-card .body ul li:hover{
	background:#f9fafa;
}

.custom-control-label {
    position: relative;
	left:1pc;
	display:inline-block;
    margin-bottom: 0!important;
    vertical-align: top;
    padding-top: 3px;
    font-size: 13px!important;
    font-weight: 600!important;
    color: #454545;
}
.checkRadio-bg {
    vertical-align: middle;
    max-width: 100%;
    cursor: text;
    padding: 0.65rem 0.75rem;
    width: 100%;
    border: 1px solid #e9ecef;
    box-shadow: 0 1px 4px 0px rgb(0 0 0 / 5%);
    min-height: 48px;
    outline: none;
    font-size: 13px;
    color: #333;
    box-sizing: border-box;
    display: block;
    background-color: #f0f4f4;
    font-weight: 500;
    opacity: 1;
    border-radius: 4px;
}
.custom-control-label::before {
    top: .425rem;
}
.custom-control-label::after {
    top: .425rem;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    /*padding-left: 1.5rem;*/
}
.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ffffff;
  border-color: #0083a0;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(../img/green-check.svg);
}

.accordion-item .accordion-header .accordion-button{
	height:46px !important;
}

/** Spinner Loading bar **/
.loading-container {
  position: absolute;
  width: 100%;
  height: 100%;
  display:none;
}

.background-blur {
  position: fixed;
  overflow:hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* backdrop-filter: blur(1px); */
  z-index: 10000;
  background: black;
    opacity: 0.1;
}


.spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10000;
   --d: 30px;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   color: #ff6f9a;
   box-shadow: calc(1*var(--d))      calc(0*var(--d))     0 0,
          calc(0.707*var(--d))  calc(0.707*var(--d)) 0 1.1px,
          calc(0*var(--d))      calc(1*var(--d))     0 2.2px,
          calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 3.4px,
          calc(-1*var(--d))     calc(0*var(--d))     0 4.5px,
          calc(-0.707*var(--d)) calc(-0.707*var(--d))0 5.6px,
          calc(0*var(--d))      calc(-1*var(--d))    0 6.7px;
   animation: spinner-a90wxe 1s infinite steps(8);
}

@keyframes spinner-a90wxe {
   100% {
      transform: rotate(1turn);
   }
}

.page-item.active .page-link{
	
	color:white !important;
}

/*--Notification Section--*/
.notificSec {
    padding: 0;
    margin: 0;
    list-style: none;
}
.notificSec .nBox {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    padding: 10px  15px;
    border-radius: 4px;
    border-left: 3px solid #ccc;
    margin-bottom: 5px;
}
.notificSec .nIcon, .notificSec .nInfo  {
    margin-right: 15px;
}
.notificSec .nIcon i {
    background: #fff;
    color: #333;
    padding: 12px;
    border-radius: 5px;
    font-size: 1.55rem;
}
.notificSec .nInfo h6 {
	margin-bottom: 2px;
	font-weight: 600;
	color: #444;
}
.notificSec .nInfo p {
	margin-bottom: 0;
	color: #555;
}
.notificSec .nInfo p small {
	font-weight: 700;
}
.notificSec .nDelt {
	margin-left:auto;
	display:none;
}
.notificSec .nBox:hover .nDelt {
	margin-left:auto;
	display:block;
}
.notificSec .nDelt i{
	color: #e70000;
	font-size: 0.75rem;
	padding: 5px 6px;
	border: 1px solid #e70000;
	border-radius: 4px;
	cursor: pointer;
	font-weight: 500;
}
.notificSec .nDelt i:hover{	
	color: #fff;	
	background: #e70000;	
	border: 1px solid #e70000;	
}
.notificSec .unRead {
    background: #e0f9ff;
    border-left: 3px solid #00c4ef;
	font-weight:700;
}
.notificSec .unRead .nInfo h6 {
	font-weight:700;
	color:#000;
}

/*--Chat Section--*/
.chat-app {
	position: relative; 
    transition: .5s;
    border: 0;
    margin-bottom: 30px;
}
.chat-app .people-list {
    width: 280px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px;
    z-index: 7
}
.chat-app .chat {
    margin-left: 280px;
    border-left: 1px solid #eaeaea
}
.people-list {
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}
.people-list .chat-list li {
    padding: 10px 15px;
    list-style: none;
    border-radius: 3px
}
.people-list .chat-list li:hover {
    background: #e9ecef;
    cursor: pointer
}
.people-list .chat-list li.active {
    background: #efefef
}
.people-list .chat-list li .name {
    font-size: 15px
}
.people-list .chat-list img {
    width: 45px;
    border-radius: 50%;
	object-fit:cover !important;
}
.people-list img {
    float: left;
    border-radius: 50%
}
.people-list .about {
    float: left;
    padding-left: 8px
}
.people-list .status {
    color: #999;
    font-size: 13px
}
.chat .chat-header {
    padding: 15px 20px;
    border-bottom: 2px solid #f4f7f6
}
.chat .chat-header img {
    float: left;
    border-radius: 40px;
    width: 40px;
	object-fit:cover !important;
}
.chat .chat-header .chat-about {
    float: left;
    padding-left: 10px
}
.chat .chat-history {
    padding: 20px;
    border-bottom: 2px solid #fff
}
.chat .chat-history ul {
    padding: 0
}
.chat .chat-history ul li {
    list-style: none;
    margin-bottom: 30px
}
.chat .chat-history ul li:last-child {
    margin-bottom: 0px
}
.chat .chat-history .message-data {
    margin-bottom: 15px
}
.chat .chat-history .message-data img {
    border-radius: 40px;
    width: 40px;
	object-fit:cover;
}
.chat .chat-history .message-data-time {
    color: #666;
    padding-left: 6px;
    font-size: 13px;
}
.chat .chat-history .message {
    color: #000;
    padding: 18px 20px;
    line-height: 26px;
    font-size: 16px;
    border-radius: 7px;
    display: inline-block;
    position: relative
}
.chat .chat-history .message:after {
    bottom: 100%;
    left: 7%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}
.chat .chat-history .my-message {
    background: #fff0f4;
	max-width:520px;
	word-wrap:break-word;
}
.chat .chat-history .my-message:after {
    bottom: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff0f4;
    border-width: 10px;
    margin-left: -10px
}
.chat .chat-history .other-message {
    background: #e2faff;
    text-align: right;
	max-width:520px;
	word-wrap:break-word;
}
.chat .chat-history .other-message:after {
    border-bottom-color: #e2faff;
    left: 93%
}
.chat .chat-message {
    padding: 20px
}
.online,.offline,.me {
    margin-right: 2px;
    font-size: 8px;
    vertical-align: middle
}
.online {
    color: #77c71f;
}
.offline {
    color: #e94747;
}
.me {
    color: #1d8ecd
}
@media only screen and (max-width: 767px) {
    .chat-app .people-list {
        height: 465px;
        width: 100%;
        overflow-x: auto;
        background: #fff;
        left: -400px;
        display: none
    }
    .chat-app .people-list.open {
        left: 0
    }
    .chat-app .chat {
        margin: 0
    }
    .chat-app .chat .chat-header {
        border-radius: 0.55rem 0.55rem 0 0
    }
    .chat-app .chat-history {
        height: 300px;
        overflow-x: auto
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .chat-app .chat-list {
        height: 650px;
        overflow-x: auto
    }
    .chat-app .chat-history {
        height: 600px;
        overflow-x: auto
    }
}

@media only screen and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {
    .chat-app .chat-list {
        height: 480px;
        overflow-x: auto
    }
    .chat-app .chat-history {
        height: calc(100vh - 350px);
        overflow-x: auto
    }
}

.people-list .chat-list li.active {
    background: #e9ecef;
}
.people-list .chat-list li .name {
    font-size: 15px
}
.people-list .chat-list img {
    width: 45px;
    border-radius: 50%
}
.people-list img {
    float: left;
    border-radius: 50%
}
.people-list .about {
    float: left;
    padding-left: 8px
}
.people-list .status {
    color: #999;
    font-size: 13px
}

.my-doc-viewer-style #header-bar #file-name{
	display:none !important;
}

.rs-anim-fade.rs-anim-in{
	opacity:1 !important;
	pointer-events:inherit !important;
	z-index:999999 !important;
}


.fc-button {
    color: #00c4ef !important;
    border-color: #00c4ef !important;
    background: #fff !important;
	height: 2.51em!important;
    padding: 0 0.86em!important;
    font-size: 1em;
}

.fc-button-active {
    color: #fff !important;
    background-color: #00c4ef !important;
    background-image: none !important;
    box-shadow: inset 0 2px 4px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 5%) !important;
}
.fc-toolbar h2 {
    margin: 0;
    font-size: 1.25rem !important;
    font-weight: 700;
    line-height: 1.85rem !important;
    color: #00c4ef;
}
.calendar-sec .form-check-input {
    width: 1.15em;
    height: 1.15em;
}
.calendar-sec .form-check-input:checked {
    background-color: #00c4ef;
    border-color: #00c4ef;
}
.calendar-sec .form-check-input:focus {
	border: 1px solid rgba(119 119 192 / 25%);
    box-shadow: 0 0 0 0.25rem rgb(119 119 192 / 25%);
}
.calendar-sec .success .form-check-input:checked {
    background-color: #9aae63!important;
    border-color: #9aae63!important;
}
.calendar-sec .success .form-check-input:focus {
	border: 1px solid rgba(154 174 99 / 25%);
    box-shadow: 0 0 0 0.25rem rgb(154 174 99 / 25%);
}
.calendar-sec .danger .form-check-input:checked {
    background-color: #dc3545!important;
    border-color: #dc3545!important;
}
.calendar-sec .danger .form-check-input:focus {
    border: 1px solid rgba(220 53 69 / 25%);
    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%);
}
.calendar-sec .title {
    background: #f5f5f5;
    padding: 8px 12px;
    border-radius: 4px;
}
.calendar-sec .title h6{
    font-weight: 700;
	text-transform: uppercase;
}
.fc-daygrid-event,.fc-daygrid-event:hover{
	background-color: #00c4ef;
    color: white;
	font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad;
    font-weight: normal;
}
.fc-day-past .fc-daygrid-event{
	background-color: green;
}
.fc-daygrid-day-number{
	color:#00c4ef;
}
.fc-scrollgrid,.fc-scrollgrid th,.fc-scrollgrid td{
	border:none !important;
}

.scroll-container {
  width: 100%;
  height: 300px;
  overflow-x: auto;
}

.scroll-content {
  display: flex;
}

.scroll-item {
  width: 100px;
  height: 100px;
  background-color: lightblue;
  margin-right: 10px;
}

.chartContainer{
	/*width:970px;*/
	max-width:500px;
	overflow-x:auto;
}
.chartContainerBody{
	height:270px;
	max-height:350px;
}
.vaccineSubTable{
	width:100%;
	table-layout: fixed;
}
.vaccineSubTableGrid{
	display:inline-grid ;
}
.vaccineDate{
	font-size:10px;
	font-weight:bolder;
	white-space:nowrap;
}
.theme-table thead  .missedMiles{
     background: none !important;
    color: #00C4EF!important;
    font-size: 1.15rem !important;
    font-weight: 400 !important;
}

.eyeicon {
	 position:absolute ;
	 top : 0;
	 left: 88%;
}
.eyeicon i {
	cursor:pointer;
}

.popover-body label{
	font-size:11px;
	font-weight:bold;
	margin-bottom:0.5rem;
	display:inline-block;
}

.password-toggle {
    position: absolute;
    top: 37px;
	font-size:22px;
	color:#aaa;
    right: 10px;
    cursor: pointer;
}

.ipHeader{
    transition: all 0.5s;
    padding: 15px 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.ipHeader .navbar-toggler-icon {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.ipHeader .navbar-light .navbar-toggler {
    color: rgba(0,0,0,.55);
    border-color: rgba(0,0,0,.1);
    border: none;
    background: #f5f5f5;
    border-radius: 80px;
    padding: 10px;
}
.ipHeader .navbar-light .navbar-toggler:focus {
    box-shadow: none;
}
 .ipHeader .navbar {
    padding: 5px 10px;
    background: #ffffff;
    /*border-radius: 100px;*/
    /*box-shadow: 2px 2px 2px rgb(0 0 0 / 35%);*/
}
.ipHeader .navbar .navbar-brand {
    width: 150px;
}
 .ipHeader .navbar .nav-link {
    color: #666;
    font-weight:700;
}
.ipHeader .navbar .nav-link:hover,
 .ipHeader .navbar .nav-link.active {
    color: #000000;
    font-weight:700;
	cursor: pointer;
}

/*-- Hero Section --*/
#hero {
  width: 100%;
  height: 110vh;
  background: url("../img/hero-banner-img.jpg") bottom center;
  background-size: cover;
  position: relative;
  padding: 60px 0;
  overflow: hidden;
}
#hero:before {
  content: "";
  background: rgb(0 66 81 / 65%);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero .container {
  position: relative;
  padding-top: 75px;
  text-align: center;
}
#hero h1 {
  margin: 0 0 30px;
  font-size: 56px;
  font-weight: 700;
  line-height: 64px;
  color: #fff;
}
#hero h2 {
  color: #ffffff;
  margin: 0 0 10px 0;
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
  z-index: 10;
  font-weight: 700;
}
#hero h2::before {
    position: absolute;
    content: "";
    left: calc(50% - 125px);
    top: calc(50% - 22px);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #ff6f9a;
    z-index: -1;
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}

@-webkit-keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-10px); }
}
@keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-10px); }
}

#hero .imgSec {
    background: rgb(255 255 255 / 30%);
    backdrop-filter: blur(2px);
    padding: 15px;
    border-radius: 50%;
    margin: 30px;
}
#hero .imgSec img{
	border-radius: 50%;
	border: 3px solid #fff;
}
#hero h3{
	background: rgb(255 102 148 / 50%);
	backdrop-filter: blur(2px);
	padding: 8px;
	border-radius: 75px;
	font-size: 1.15rem;
	color: #fff;
	font-weight: 700;
	margin: -60px auto 0;
	width: 80%;
}
.section{
	padding:60px 0;
}
.sectionTitle h4{
	margin: 0 0 20px;
	font-size: 36px;
	font-weight: 700;
	line-height: 42px;
	color: #000;
}
.sectionTitle h5{
	color: #000000;
	margin: 0 0 10px 0;
	font-size: 16px;
	text-transform: uppercase;
	position: relative;
	z-index: 10;
	font-weight: 800;
}
.sectionTitle h5::before {
    position: absolute;
    content: "";
    left: 0;
    top: calc(50% - 20px);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #ff6f9a;
    z-index: -1;
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.sectionTitle h5.blueDot::before {
    background-color: #00c4ef;
}
.sectionContent p{
	font-size: 1.0rem;
	line-height: 1.65rem;
}
.sectionTitle.center h5::before{
	right:0;
	margin:0 auto;
}
/*-----*/
.aboutus{
	background:#FAFAFA;
}
.imgBox {
    background: #e5fbff;
    border-radius: 30px;
    padding: 35px;
    position: relative;
    width: 85%;
    margin-bottom: 30px;
}
.imgBox.pink {
    background: #fff7f9;
}
.imgBox .mobImg{
	width: 32%;
	position: absolute;
	bottom: 30px;
	left: 35px;
	background: rgb(255 255 255 / 40%);
	border-radius: 8px;
	padding: 8px;
	backdrop-filter: blur(2px);
	border: 1px solid #00c4ef;
	-webkit-animation: zoom-in-zoom-out 3s ease infinite;
	animation: zoom-in-zoom-out 3s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(0.95, 0.95);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.95, 0.95);
  }
}
.imgBox.pink .mobImg{ 
	right: 35px; 
	left: unset;	
	border: 1px solid #ff6f9a;
}  
.imgBox .serImg{
	width: 75%;
	float: right;
	border-radius: 15px;
	margin-bottom: 30px;
}
.imgBox.pink .serImg{ 
	float: left;  
} 
.botBdr{
	height: 5px;
	width: 150px;
	background: #ff6f9a;
	border-radius: 30px;
	margin: 30px 0;
}
.botBdr.blue{
    background: #00c4ef;
}
.appBox{
    background-image: url("../img/app-download-bg.png");
    background-color: #eef5f6;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 30px;
    margin-bottom: -85px;
    position: relative;
    z-index: 5;
    padding: 45px;
}
.appBox  img{
	width:300px;
}
.appBox a img{
	width: 175px;
	margin-right: 10px;
	margin-bottom: 15px;
	border-radius: 10px;
	border: 2px solid #717171;
	box-shadow: 4px 4px 4px rgb(0 0 0 / 25%);
}
.footerSec {
    padding: 120px 0 30px;
    background: #4b5455;
    color: #d3e6eb;
}
.footerSec .logo img{
    width: 180px;
    margin-bottom: 30px;
}
.footerSec ul{
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none;
    display:flex;
    align-items: center;
    justify-content: center;
}
.footerSec ul li a{
	margin-bottom: 15px;
}
.footerSec ul li a{
	margin-right: 30px;
	color: #d3e6eb;
}
.footerSec ul li a:hover{
	color: #fff;
}
/*----*/
@media (min-width: 1024px) {
	#hero {
		background-attachment: fixed;
	}
}
@media (max-width: 768px) {	
	.ipHeader .navbar-collapse {
		flex-basis: 100%;
		flex-grow: 1;
		align-items: center;
		position: absolute;
		top: 30px;
		left: 0;
		right: 0;
		background: #fff;
		width: 100%;
		padding: 35px 15px 15px;
		border-radius: 5px 5px 25px 25px;
		z-index: -1;
	}
	#hero {
		height: auto;
	}
	#hero .container {
		position: relative;
		padding-top: 45px;
		text-align: center;
	}
	#hero h1 {
		font-size: 26px;
		line-height: 30px;
		margin: 0 0 15px;
	}
	#hero h2 {
		font-size: 14px;
		line-height: 14px;
	}
	#hero h2::before {
		position: absolute;
		content: "";
		left: calc(50% - 88px);
		top: calc(50% - 15px);
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background-color: #ff6f9a;
		z-index: -1;
	}
	#hero .imgSec {
		padding: 10px;
		margin: 0px;
	}
	#hero h3 {
		background: rgb(255 102 148 / 50%);
		backdrop-filter: blur(2px);
		padding: 5px;
		border-radius: 75px;
		font-size: .85rem;
		color: #fff;
		font-weight: 700;
		margin: -25px auto 10px;
		width: 91%;
	}
	.imgBox{
		width: 100%;
		padding: 20px;
		margin-bottom: 15px;
	}	
	.section {
		padding: 30px 0;
	}
	.sectionTitle h4 {
		font-size: 28px;
		line-height: 34px;
	}
	
	.footerSec ul{
		display:block;
	}
	.login-sec .wrap img {
		width: 100%;
		display: none;
	}
	#loginForm {
		width: 100%;
		padding: 20px;
	}
	.header-nav .nav-profile  h6{
		display:none;
	}
}

.table-nowrap{
	white-space:nowrap;
}
.custom-phone-input{
   padding-left: 48px !important;
}

.vacccinationtd{
	/*white-space:nowrap;*/
	min-width:130px;
}

.stickyColum{
	position:sticky;
	left:0;
	background:aliceblue !important;
	z-index:1000;
}

/*--------------------------------------------------------------
# INDEX PAGE STYLES
--------------------------------------------------------------*/
#indexPage {
    background: #fff;
}
#indexPage .ipHeader{
    transition: all 0.5s;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    border-bottom: 1px solid rgb(255 255 255 / 55%);
}
.ipHeader .btn-group>.btn-group:not(:first-child)>.btn, 
.ipHeader .btn-group>.btn:nth-child(n+3), 
.ipHeader .btn-group>:not(.btn-check)+.btn {
    border-top-left-radius:8px; 
    border-bottom-left-radius:8px;
}
#indexPage .ipHeader .navbar-toggler-icon {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
#indexPage .ipHeader .navbar-light .navbar-toggler {
    color: rgba(0,0,0,.55);
    border-color: rgba(0,0,0,.1);
    border: none;
    background: #f5f5f5;
    border-radius: 80px;
    padding: 10px;
}
#indexPage .ipHeader .navbar-light .navbar-toggler:focus {
    box-shadow: none;
}
#indexPage .ipHeader .navbar {
    padding: 5px 10px;
    background: transparent;
    /* border-radius: 100px; */
    /* box-shadow: 2px 2px 2px rgb(0 0 0 / 35%); */
}
#indexPage .ipHeader .navbar .navbar-brand {
    width: 190px;
    background: #fff;
    padding: 7px 14px 7px 7px;
    border-radius: 100px;
}
#indexPage .ipHeader .navbar .nav-link {
    color: #fff;
    font-weight: 600;
    font-size: 1.0rem;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}
#indexPage .ipHeader .navbar .nav-link:hover,
#indexPage .ipHeader .navbar .nav-link.active {
    color: #00c4ef;
}

/*--Responsive Styles--*/
@media (min-width: 1024px) {
	#hero {
		background-attachment: fixed;
	}
}
@media (max-width: 768px) {	
	#indexPage .ipHeader .navbar-collapse {
		flex-basis: 100%;
		flex-grow: 1;
		align-items: center;
		position: absolute;
		top: 69px;
		left: 0;
		right: 0;
		background: rgb(0 0 0 / 85%);
		width: 100%;
		padding: 10px 10px 15px;
		border-radius: 0px 0px 10px 10px;
		z-index: -1;
	}
	#hero {
		height: auto;
	}
	#hero .container {
		position: relative;
		padding-top: 45px;
		text-align: center;
	}
	#hero h1 {
		font-size: 26px;
		line-height: 30px;
		margin: 0 0 15px;
	}
	#hero h2 {
		font-size: 14px;
		line-height: 14px;
	}
	#hero h2::before {
		position: absolute;
		content: "";
		left: calc(50% - 88px);
		top: calc(50% - 15px);
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background-color: #ff6f9a;
		z-index: -1;
	}
	#hero .imgSec {
		padding: 10px;
		margin: 0px;
	}
	#hero h3 {
		background: rgb(255 102 148 / 50%);
		backdrop-filter: blur(2px);
		padding: 5px;
		border-radius: 75px;
		font-size: .85rem;
		color: #fff;
		font-weight: 700;
		margin: -25px auto 10px;
		width: 91%;
	}
	.imgBox{
		width: 100%;
		padding: 20px;
		margin-bottom: 15px;
	}	
	.section {
		padding: 30px 0;
	}
	.sectionTitle h4 {
		font-size: 28px;
		line-height: 34px;
	}
	
	.footerSec ul{
		display:block;
	}
	.login-sec .wrap img {
		width: 100%;
		display: none;
	}
	#loginForm {
		width: 100%;
		padding: 20px;
	}
	.header-nav .nav-profile  h6{
		display:none;
	}
}

/*--Sub Page Styles--*/
.subpgHeader {
	background:#fff;
}
.subpgHeader .navbar .navbar-brand{
	width: 190px;
}
.subpgHeader .navbar .nav-link {
    color: #333 !important;
    font-weight: 600 !important;
    font-size: 1.0rem !important;
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
}
.subpgHeader .navbar .nav-link:hover,
.subpgHeader .navbar .nav-link.active {
    color: #00c4ef !important;
}
.subpgHeader .btn-group>.btn-group:not(:first-child)>.btn,
.subpgHeader .btn-group>.btn:nth-child(n+3),
.subpgHeader .btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
/*----*/
#BreadcrumbSec{
	width: 100%;
	height: 250px;
	background: url(../img/breadcrumb-banner-img.jpg) top center;
	background-size: cover;
	position: relative;
	padding: 45px 0;
	overflow: hidden;
	text-align: right;
}
#BreadcrumbSec:before {
    content: "";
    background: rgb(0 0 0 / 50%);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}
#BreadcrumbSec h1 {
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    color: #fff;
    position: relative;
}
/****/
.subpgImgBox {
    background-image: linear-gradient(284.05deg, #ffccdb 8.66%, rgb(255 238 244) 92.88%);
    border-radius: 40px;
    padding: 50px 70px;
    overflow: hidden;
    min-height: 450px;
    position: relative;
}
.subpgImgBox:after {
    Content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/abstract-desBG.png) top left;
    height: 440px;
    width: 545px;
    opacity: 0.3;
}
.subpgImgBox-blue {
    background-image: linear-gradient(284.05deg, #67e4ff 8.66%, #e4f9ff 92.88%);
    border-radius: 40px;
    padding: 50px 70px;
    overflow: hidden;
    min-height: 450px;
    position: relative;
}
.subpgImgBox-blue:after {
    Content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/abstractblue-desBG.png) top left;
    height: 440px;
    width: 545px;
    opacity: 0.3;
}
.tp-payment__shape-2 {
    position: absolute;
    bottom: -1px;
    right: 90px;
    z-index: 1;
}
.tp-payment__shape-3 {
    position: absolute;
    bottom: 12%;
    right: 28%;
}
.subpgContent {
    position: relative;
    z-index: 1;
}
.subpgContent h3 {
    font-weight: 700;
    font-size: 1.85rem;
    position: relative;
    margin-bottom: 15px;
}
.subpgContent h3:after {
   content:"";
   position:absolute;
   top: 35px;
   left: 12px;
   height: 3px;
   width: 58px;
   background:#ff6f9a;
   border-radius: 50px;
}
.subpgContent h3:before {
   content:"";
   position:absolute;
   top: 35px;
   left:0;
   height: 3px;
   width: 8px;
   background:#ff6f9a;
   border-radius: 50px;
}
.subpgContent p {
    font-size: 1.05rem;
}
.subpgContent.blue h3:after {
   background:#11c7f0;
}
.subpgContent.blue h3:before {
   background:#11c7f0;
}
/*--Animtion Box 1 --*/
.animtionBox1 {
    position: relative;
    background: url(../img/subpg/animtionBox1-BGshape.png)no-repeat right center;
    min-height: 385px;
    width: 100%;
    right: 0px;
}
.animtionBox1 img{
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.animtionBox1 .ab1-img01{
    padding-right: 30px;
    padding-top: 30px;
    animation: scale_up_down 3s infinite alternate both;
    position: relative;
    z-index: 2;
    text-align: right;
}
.animtionBox1 .ab1-img01 img{
    box-shadow: 0px 16px 20px 10px rgba(1, 16, 61, 0.1);
    border-radius: 20px;
    height: 260px;
}
.animtionBox1 .ab1-img02{
    position: absolute;
    top: -8%;
    left: 10%;
    animation: tptranslateX2 4s forwards infinite alternate;
}
.animtionBox1 .ab1-img02 img{
    box-shadow: 10px 40px 40px rgba(1, 16, 61, 0.06), -20px -20px 120px rgba(1, 16, 61, 0.12);
    border-radius: 20px;
}
.animtionBox1 .ab1-img03{
    position: absolute;
    bottom: 3%;
    left: 10%;
    z-index: 9;
}
.animtionBox1 .ab1-img03 img{
    width: 200px;
    border-radius: 50%;
    border: 10px solid rgb(0 195 239 / 20%);
}
/*--Animtion Box 2 --*/
.animtionBox2 {
    position: relative;
    background: url(../img/subpg/animtionBox2-BGshape.png)no-repeat left center;
    min-height: 385px;
    width: 100%;
    right: 0px;
}
.animtionBox2 img{
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.animtionBox2 .ab2-img01{
    padding-left: 30px;
    padding-top: 30px;
    animation: scale_up_down 3s infinite alternate both;
    position: relative;
    z-index: 2;
    text-align: left;
}
.animtionBox2 .ab2-img01 img{
    box-shadow: 0px 16px 20px 10px rgba(1, 16, 61, 0.1);
    border-radius: 20px;
    height: 260px;
}
.animtionBox2 .ab2-img02{
    position: absolute;
    top: -8%;
    right: 10%;
    animation: tptranslateX2 4s forwards infinite alternate;
}
.animtionBox2 .ab2-img02 img{
    box-shadow: 10px 40px 40px rgba(1, 16, 61, 0.06), -20px -20px 120px rgba(1, 16, 61, 0.12);
    border-radius: 20px;
}
.animtionBox2 .ab2-img03{
    position: absolute;
    bottom: 3%;
    right: 10%;
    z-index: 9;
}
.animtionBox2 .ab2-img03 img{
    width: 200px;
    border-radius: 50%;
    border: 10px solid rgb(255 111 154 / 20%);
}
/*---Animations---*/
@keyframes scale_up_down {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes tptranslateX2{
	0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translatXY(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes tptranslateY2{
	0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
/*----*/

.overflow-handel{
	max-height: 300px;
    overflow-x: auto;	
}

/* Radio Button Checked Color */

.developmentRadio input[type=radio].yes:checked {
    background-color: green !important;
    border-color: green !important;
}

.developmentRadio input[type=radio].no:checked {
    background-color: red !important;
    border-color: red !important;
}

/* Add measurement form units*/
.measurementUnit-center {
    text-align: center;
    padding-top:12px !important;
    font-weight: 600 !important;
}

/* children list screen hospital admin*/
.add-border-radius-0-2rem {
    border-radius: 0.2rem !important;
}

/* Hospital Admin color changes */

/* --SideBar-- */ 
.admin-sidebar {
    background-color: #005C74;
}

.admin-sidebar-nav .nav-link.active {
    color: #16C4AE;
    background: #ffffff;
    border: 1px solid #16c4ae;
    border-bottom: 3px solid #16c4ae;
}

.admin-sidebar-nav .nav-link.active i {
    color: #16C4AE;
}

.admin-sidebar-nav .nav-link:hover {
    color: #16C4AE;
    background: #ffffff;
    border: 1px solid #16c4ae;
    border-bottom: 3px solid #16c4ae;
}

.admin-sidebar-nav .nav-link:hover i {
    color: #16C4AE;
}

/* --Dashboard-- */
.admin-dashboard-card {
    border-color: #16c4ae !important;
}

/* --Butttons-- */

/*--AQUA GREEN--*/
.btn-tmAquaGreen {
    background: #16C4AE !important;
    border-color: #16C4AE !important;
    color: #fff !important;
    font-weight: 500 !important;
}
.btn-tmAquaGreen:hover{
    background: #0EA390 !important;
	border-color: #0EA390 !important;
    color: #fff!important;
}
.btn-tmAquaGreen:focus{
    background: #0EA390 !important;
    border-color: #0EA390 !important;
    color: #fff!important;
    box-shadow: 0 0 0 0.2rem hsl(172deg 84% 35% / 20%) !important;
}
.btn-outline-tmAquaGreen{
	color: #16C4AE !important;
    border-color: #16C4AE !important;
}
.btn-outline-tmAquaGreen:hover{
	color: #fff !important;
    background-color: #16C4AE !important;
    border-color: #16C4AE !important;
}
.btn-outline-tmAquaGreen:focus{
	color: #fff !important;
	background-color: #16C4AE !important;
	border-color: #16C4AE !important;
	box-shadow: 0 0 0 0.2rem hsl(172deg 80% 43% / 25%) !important;
}

/*--AQUA DARK GREEN--*/
.btn-tmAquaDgreen {
    background: #005C74 !important;
    border-color: #005C74 !important;
    color: #fff!important;
    font-weight: 500 !important;
}
.btn-tmAquaDgreen:hover{
    background: #004050 !important;
	border-color: #004050 !important;
    color: #fff!important;
}
.btn-tmAquaDgreen:focus{
    background: #004050 !important;
    border-color: #004050 !important;
    color: #fff!important;
    box-shadow: 0 0 0 0.2rem hsl(192deg 100% 16% / 25%);
}
.btn-outline-tmAquaDgreen{
	color: #005C74 !important;
    border-color: #005C74 !important;
}
.btn-outline-tmAquaDgreen:hover{
	color: #fff !important;
    background-color: #005C74 !important;
    border-color: #005C74 !important;
}
.btn-outline-tmAquaDgreen:focus{
	color: #fff !important;
	background-color: #005C74 !important;
	border-color: #005C74 !important;
	box-shadow: 0 0 0 0.2rem hsl(195deg 87% 24% / 20%) !important;
}

.admin-sideFilterbar {
    background: #005C74;
}

.admin-sideFilterbar-dismiss {
    background: #005C74;
}

.male .admin-table-subtitle span {
    color: #005C74;
}

.theme-table .admin-table-link:hover{
    color: #005C74;
	border-bottom:2px solid;
}

.theme-table .admin-icon-link a:hover{
    color: #005C74 !important;
}

.admin-page-link {
    color: #16c4ae !important;
}
.admin-page-link:hover, .admin-page-link:focus {
    z-index: 2;
    color: #fff !important;
    background-color: #16c4ae !important;
    border-color: #16c4ae !important;
}

.page-item.active .admin-page-link {
    background-color: #16c4ae !important;
    border-color: #16c4ae!important;
}

.admin-dropdown-item.active, .admin-dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #005C74 !important;
}

.dropdown-menu .dropdown-item.active.admin-dropdown-item:hover {
    background-color: #16c4ae !important;
    color: #fff !important;
  }

.admin-secTitle h1:before{
    background: #16C4AE;
}

.admin-secTitle h1:after{
    background: #005d75;
}
.admin-secContent h2{
	color: #005C74;
}
.admin-secContent h6:after{
	background-color: #16C4AE;
}

.center-bar .admin-info-icon {
    background: #16C4AE;
}

.admin-profile-info .nav-pills .nav-link {
    border: 1px solid #16C4AE;
    color: #16C4AE;
    border-bottom: 3px solid !important;
}

.admin-profile-info .nav-pills .nav-link.active, .admin-profile-info .nav-pills .show>.nav-link {
    color: #005b74;
    background-color: #e4f9ff;
    border: 1px solid #005a73;
}

.admin-profile-info .nav-pills .nav-link:hover {
    color: #16C4AE;
    background-color: #e2fffb;
    border: 1px solid #16C4AE;
}

.admin-date-input:before {
    background: #17c2ae !important;
    border-color: #17c2ae !important;
}

.admin-form-check-input:checked {
    background-color: #005C74 !important;
    border-color: #005C74 !important;
}

.admin-form-check-input:focus {
    border-color: #8debff !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 196 239 / 25%);
}

/*--Vaccination Table--*/
.admin-vaccTable thead{
	background: #e5fbff;
    color: #005C74;
}
.admin-vaccTable thead tr{
	border-color: #005C74;
}

.admin-table-responsive::-webkit-scrollbar-thumb{
    background-color: #16c4ae !important;
}

#admin-root::-webkit-scrollbar-thumb{
    background-color: #16c4ae !important;
}

/* --Profile-- */
.admin-header-nav .profile .dropdown-item i {
    color: #005C74;
}

.admin-header-nav .profile .dropdown-header span {
    color: #16c4ae;
}

/* --Modals-- */
.admin-modal-header {
    background: #005C74 !important;
    border-top: 4px solid #16c4ae !important;
}
.admin-modal-header .btn-close {
    width: 1.5em;
    height: 1.5em;
    padding: 0.25em 0.5em;
    color: #fff;
    background: transparent url(../img/closeicon.svg) center / 1.5em auto no-repeat;
    opacity: 1.0;
}

/* --Appointments-- */
.adminCalendar-sec .fc-button {
    color: #005C74 !important;
    border-color: #005C74 !important;
}

.adminCalendar-sec .fc-button-active {
    color: #fff !important;
    background-color: #005C74 !important;
}

.adminCalendar-sec .fc-toolbar h2 {
    color: #005C74;
}

.adminCalendar-sec .form-check-input:checked {
    background-color: #005C74 !important;
    border-color: #005C74 !important;
}

.adminCalendar-sec .fc-daygrid-event,.adminCalendar-sec .fc-daygrid-event:hover{
	background-color: #005C74;
    border: 1px solid #3a87ad;
}

.adminCalendar-sec .fc-daygrid-day-number{
	color:#005C74;
}

.adminCalendar-sec .fc .fc-list-event-dot {
    border: calc(var(--fc-list-event-dot-width) / 2) solid #16c4ae;
}

.adminCalendar-sec .fc-day-past .fc-daygrid-event{
	background-color: green;
}

/* Loading Bar */
.admin-spinner {
     color: #16c4ae !important;
}

/* Child Info Buttons */
.child-info-btn {
    min-width: 12rem;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
/** React Select **/
.react-select__control.css-13cymwt-control {
    height: 45px;
}

.react-select__menu {
    z-index: 999 !important; 
}

input[type="time"] {
    -webkit-appearance: textfield; /* Force textfield behavior */
}

/** Visiting Days**/

.days_hospitalAdmin:checked {
    background-color: #005C74 !important;
    border-color: #005C74 !important;
}

.days_Admin:checked {
    background-color: #00c4ef !important;
    border-color: #00c4ef !important;
}

.css-1nmdiq5-menu {
    z-index: 999 !important; 
}

/* Role 4 Checked Style */
.form-check-input.hospitalAdminChecked:checked {
    background-color: #005C74 !important;
    border-color: #005C74 !important;
}

/* Date input field*/

.admin-flatpicker .input-group-text{
    background-color: #17c2ae !important;
    border-color: #17c2ae !important;
    cursor: pointer;
}

.admin-flatpicker .input-group-text i{
    color: white !important;
}

.flatpicker .input-group-text{
    background-color: #00C4EF !important;
    border-color: #00C4EF !important;
    cursor: pointer;
}

.flatpicker .input-group-text i{
    color: white !important;
}

.flatpickr-calendar {
  z-index: 1055 !important; 
}
.rdrMonth {
    width: 24.667em !important;
}

.admin-header-nav .admin-nav-icon {
    color: #16C4AE;
}

.admin-header-nav .admin-nav-icon i {
    font-size: 24px;
    line-height: 28px;
}

.admin-header-nav .badge-number {
    position: absolute;
    inset: 4px 6px auto auto;
    font-size: 10px;
    padding: 3px 4px;
    color: white;
    font-weight: 600;
    background-color: #005C74 !important;
}

.dropdown-menu .admin-dropdown-header, .dropdown-menu .admin-dropdown-footer {
  text-align: center;
  font-size: 14px;
  padding: 10px 15px;
  font-weight: 400;
  color: #005C74;
}

.dropdown-menu .admin-dropdown-footer a {
  color: #16C4AE ;
  text-decoration: none;
  font-weight: 500;
}

.admin-header-nav .notifications .notification-item {
  display: flex;
  align-items: center;
  padding: 10px 8px;
  transition: 0.3s;
}

.admin-header-nav .notifications .notification-item i {
  margin: 0 10px 0 10px;
  font-size: 24px;
}

.admin-header-nav .notifications .notification-item h4 {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
}

.admin-header-nav .notifications .notification-item p {
  font-size: 11px;
  margin-bottom: 3px;
  color: #919191;
}

.overflow-handel::-webkit-scrollbar-thumb{
    background-color: #ff6f9a !important;
}

.admin-overflow-handel{
	max-height: 300px;
    overflow-x: auto;	
}

.admin-overflow-handel::-webkit-scrollbar-thumb{
    background-color: #16c4ae !important;
}