html {
	scroll-behavior: smooth;
}

body {
	background-color: rgba(1, 1, 1, 0.01);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	font-family: inherit;
}

.btn-disable {
	pointer-events: none;
}

.btn-primary.btn-disable {
	background-color: rgb(111, 151, 179);
	border-color: rgb(111, 151, 179);
}

.p-10px {
	padding: 10px;
}

.p-5px {
	padding: 5px;
}

.w-10 {
	width: 10%;
}

.w-20 {
	width: 20%;
}

.w-30 {
	width: 30%;
}

.w-40 {
	width: 40%;
}

.w-60 {
	width: 60%;
}

.w-70 {
	width: 70%;
}

.w-80 {
	width: 80%;
}

.w-90 {
	width: 90%;
}

.w-95 {
	width: 95%;
}

.w-auto {
	width: auto;
}

.btn-fit-col {
	padding: 10px;
}

.float-right {
	float: right !important;
}

img {
	object-fit: cover;
}

.danger-text {
	color: #dc3545;
}

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

.margin-auto-center {
	margin: 0 auto;
}

.border-warning {
	border: 1px solid rgb(247, 185, 55);
}

.border-info {
	border: 1px solid rgb(58, 142, 201);
}

.border-danger {
	border: 1px solid rgb(238, 123, 66);
}

.cursor-pointer {
	cursor: pointer;
}

.btn:hover {
	color: #f7b937;
}

#loader001 {
	border-top: 16px solid #007bff;
}

.profile-pic {
	width: 55px;
	height: 55px;
	background-color: white;
	border: 1px solid #3A8EC9;
	position: relative;
}

.main-profile-pic {
	height: 80px;
	background-color: white;
	margin: 0 auto;
	display: block;
	margin-bottom: -40px;
	position: relative;
	top: -50px;
	left: 0;
	border: 2px solid #3A8EC9
}

.cs-logo {
	height: 36px;
	margin: 0 auto;
}

.page-content-header .mini-profile {
	text-align: left;
}

.page-content-header .mini-profile img {
	width: 55px;
	height: 55px;
	background-color: white;
	border: 1px solid rgba(58, 142, 201, 1);
}

.page-content-header .mini-profile .name {
	display: block;
	font-size: 25px;
}

.page-content-header .mini-profile .user-name {
	display: block;
	font-size: 12px;
	color: rgba(2, 26, 43, 0.5);
}

.page-content-header .mini-profile .user-post {
	display: block;
	font-size: 12px;
	color: rgba(255, 255, 255, 1);
}

#post-content {
	margin: 0 auto;
	max-width: 50%;
}

#post-content input {
	height: 50px;
	padding-right: 80px;
	font-size: 24px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	border: none;
}

#post-content input::placeholder {
	color: rgba(58, 142, 201, 0.35);
}

#post-content button {
	position: absolute;
	right: 20px;
	top: 13px;
	background-color: rgba(58, 142, 201, 1);
	border: none;
	border-radius: 5px;
	color: white;
	font-size: 16px;
	padding-left: 15px;
	padding-right: 15px;
}

.need-buttons {
	padding-top: 2px;
	text-align: center;
}

.need-buttons a {
	text-decoration: none;
	background-color: rgba(58, 142, 201, 1);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 18px 18px 0 0;
	color: white;
	font-size: 15px;
	height: 35px;
}

#pageTitle {
	text-align: center;
	color: white;
	font-family: 'Avenir Next Condensed';
	display: block;
	position: relative;
}

.page-content-header .calendar-icons {
	font-size: 12px;
	color: black;
	width: 20%;
	text-align: right;
}

.page-content-header .calendar-icons span+span {
	margin-left: 5px;
}

.page-content-header .calendar-icons .calendar-upcoming::before {
	content: '';
	width: 10px;
	height: 10px;
	background-color: blue;
}

.page-content-header .calendar-icons span i {
	width: 10px;
	height: 10px;
	background-color: rgba(57, 141, 200, 1);
}

.page-content-header .calendar-icons .calendar-upcoming-dot {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #3A8EC9;
	position: relative;
	top: 8px;
	margin-right: 5px;
}

.page-content-header .calendar-icons .calendar-past-dot {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #EF7B42;
	position: relative;
	top: 8px;
	margin-right: 5px;
}

.page-content-header .calendar-icons .calendar-add-dot {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #FFFFFF;
	position: relative;
	top: 8px;
	margin-right: 5px;
}

/* Calendar side bar content */
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody,
	.fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content,
	.fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td
	{
	border: none !important;
}

.fc-dayGrid-view .fc-body .fc-row {
	min-height: 0 !important;
	height: 40px !important;
}

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td,
	.fc .fc-row .fc-mirror-skeleton td {
	text-align: center;
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
	float: none !important;
}

.fc-toolbar h2 {
	font-size: 20px !important;
	text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
}

.fc-day-header span {
	color: rgba(0, 0, 0, 0.15);
}

.fc-button-primary {
	color: black !important;
	background-color: transparent !important;
	border-color: transparent !important;
}

.fc-widget-header {
	padding-bottom: 5px !important;
}

.fc-scroller {
	overflow: auto !important;
	height: auto !important;
}

.fc-unthemed td.fc-today {
	background-color: #3A8EC9 !important;
	display: block;
	color: white;
	border-radius: 50%;
	margin: 0 10px 0 10px;
}

.fc-day-grid-event {
	font-size: 0 !important;
	width: 30%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.fc-more {
	display: none;
}

.calendar-content.off {
	display: none;
	opacity: 0;
}

.calendar-content {
	position: fixed;
	min-width: 330px;
	max-width: 330px;
	min-height: 100vh;
	top: 100px;
	right: 5%;
	background-color: white;
	border-radius: 10px 0 0 0;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	z-index: 10;
	padding-top: 17px;
	transition: 0.5s;
	display: block;
	opacity: 1;
}

#show-calendar {
	font-size: 20px;
	transition: 0.5s;
	z-index: 9;
	cursor: pointer;
	background-color: #ee7b42;
	color: white;
	border-radius: 10px 0px 0px 10px;
	padding: 5px;
}

#close-calendar {
	position: absolute;
	top: 2px;
	right: 8px;
	font-size: 14px;
	padding: 3px;
	border-radius: 50%;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	text-align: center;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

#close-calendar:hover {
	color: white;
	background-color: #ee7b42;
}

#simpleCalendar {
	border-radius: 10px 0 0 0;
}
/* end of calendar  */

/* events content style begin */
.calendar-events {
	text-align: center;
}

.calendar-events .events-title {
	font-size: 18px;
	color: black;
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.calendar-events .event-all-btn {
	position: absolute;
	right: 30px;
	display: inline-block;
	background-color: transparent;
	border: none;
	color: #3a8ec9;
	text-decoration: underline;
}

.calendar-events hr {
	width: 80%;
	border: 2px soild black;
}

.events-list .event-content {
	width: 90%;
	border-radius: 18px;
	background-color: white;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	height: 35px;
	margin: 0 auto 10px auto;
	position: relative;
}

.events-list .event-content:hover {
	background-color: rgba(0, 0, 0, 0.06);
}

.events-list .event-content .dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 10px;
	top: 13px;
}

.dot.dot-orange {
	background-color: #F7B937;
}

.dot.dot-blue {
	background-color: rgba(57, 141, 200, 1);
}

.events-list .event-content .event-text {
	font-size: 12px;
	color: rgba(112, 112, 112, 1);
	display: inline-block;
	position: relative;
	top: 5px;
	width: 65%;
	text-align: center;
	left: 26px;
}

.events-list .event-content a {
	font-size: 12px;
	color: rgba(58, 142, 201, 1);
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 10px;
}

/* Events content style end */
#cfc-left {
	float: left;
	width: 400px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding: 10px 15px;
}

#cfc-left-inner {
	position: relative;
	z-index: 2;
}

#cfc-left:before {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	border-style: solid;
	border-width: 292px 400px 0 0;
	border-color: #2D3E50 transparent transparent transparent;
}

#cfc-left h2 {
	margin-bottom: 2px;
	color: #fff;
}

#cfc-left h3 {
	font-size: 12.5px;
	color: #fff;
}

.disabled-active {
	pointer-events: none;
	background-color: #ee7b42 !important;
	color: white;
	border-color: #ee7b42 !important;
}

.active {
	background-color: #ee7b42 !important;
	color: white;
	border-color: #ee7b42 !important;
}

.btn-block {
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
}

.sidebar-heading {
	min-height: 100px;
}

.icon-color-purple {
	width: 30px;
	text-align: center;
}

.btn-primary {
	background-color: #3A8EC9;
	border-color: #3A8EC9;
	border-radius: 0;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
	.show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #3A8EC9;
	border-color: #3A8EC9;
}

.btn-delete {
	color: white;
	background-color: #3A8EC9;
	border-color: #3A8EC9;
	border-radius: 0;
}

.btn-delete:hover {
	color: #f00;
}

.btn i {
	transition: .3s all;
}

.btn-delete:not(:disabled):not(.disabled):active, .btn-delete:not(:disabled):not(.disabled).active,
	.show>.btn-delete.dropdown-toggle {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.form-control, .input-group-text, .custom-select, .custom-file-label,
	.btn-outline-secondary {
	border-color: #17a2b8
}

textarea {
	min-height: 150px;
	height: 150px;
}

#modal-header, #modal-body {
	word-wrap: break-word;
}

.card-header {
	padding: 3px;
	width: 100%;
}

.ui-autocomplete {
	opacity: 0;
	visibility: hidden;
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.ui-autocomplete.opened {
	opacity: 1;
	visibility: visible;
}

.fc-content {
	color: white;
}

.fc-content:hover {
	color: white;
	cursor: pointer;
}

.table-hover {
	cursor: pointer;
}

.table-header {
	font-weight: bold;
	background-color: #cccccc;
}

.cat-img {
	border-radius: 50%;
	background-image: linear-gradient(to bottom, #3a8ec9, #3e94d0, #4399d7, #479fde, #4ba5e5);
	width: 74.68px;
	height: 74.68px;
	text-align: center;
	align-items: center;
	vertical-align: middle;
	padding-top: 10px;
	margin: 0 auto;
}

.cat-img img {
	width: 60%;
}

.cat-text {
	text-align: center;
	color: #707070;
	font-weight: bold;
}

.category-active {
	background-image: linear-gradient(to bottom, #3a8ec9, #327caf, #2b6995, #24587d, #1d4765);
	border: 5px solid #ee7b42;
}

.subcategory-active {
	background-image: linear-gradient(to bottom, #3a8ec9, #327caf, #2b6995, #24587d, #1d4765);
	border: 5px solid #ee7b42;
}

.search-item {
	background-color: rgba(245, 245, 245, 1);
	border-radius: 5px;
	padding: 10px;
	color: rgba(112, 112, 112, 1);
	border: 1px solid rgb(58, 142, 201);
}

.search-item a {
	color: rgba(112, 112, 112, 1);
}

.search-item a:hover {
	color: rgb(238, 123, 66);
	text-decoration: none;
}

.search-item .actions {
	text-align: right;
}

.search-item .actions button, .search-item .actions a {
	padding: 5px;
	border-radius: 50%;
	background-color: rgb(58, 142, 201);
	color: white;
	width: 35px;
	height: 35px;
}

.search-item-fixed {
	background-color: rgba(245, 245, 245, 1);
	border-radius: 5px;
	padding: 10px;
	color: rgba(112, 112, 112, 1);
	font-size: 12px;
}

.provider-img {
	border: 3px solid white;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.provider-name {
	font-weight: bold;
	color: rgb(58, 142, 201);
	font-size: 20px;
}

.card-header {
	background-image: linear-gradient(to bottom, #3a8ec9, #3e94d0, #4399d7, #479fde, #4ba5e5);
}

.card-cs3 {
	font-family: inherit;
}

.card-cs3 .card-header {
	background-color: #3A8EC9;
	color: white;
	text-align: center;
	display: table;
}

.card-cs3 .card-header span {
	vertical-align: middle;
	display: table-cell;
	width: 100%;
}

.card-cs3 .card-header a, .card-cs3 .card-header button {
	vertical-align: middle;
	display: table-cell;
}

.card-cs3 .card-body {
	color: #707070;
}

.border-square {
	border-radius: 0 !important;
}

.dots {
	position: fixed;
	bottom: 0px;
	width: 100%;
	left: 46%;
	z-index: 1;
}

.blue-dot {
	position: absolute;
	bottom: 50px;
	width: 13.38px;
	height: 13.38px;
	background-color: #3A8EC9;
	border-radius: 50%;
	box-shadow: 0 0px 5px -2px black;
}

.white-dot {
	position: absolute;
	bottom: 35px;
	width: 13.38px;
	height: 13.38px;
	background-color: #FFFFFF;
	border-radius: 50%;
	box-shadow: 0 0px 5px -2px black;
}

.yellow-dot {
	position: absolute;
	bottom: 50px;
	left: 4%;
	width: 13.38px;
	height: 13.38px;
	background-color: #F7B937;
	border-radius: 50%;
	box-shadow: 0 0px 5px -2px black;
}

.orange-dot {
	position: absolute;
	bottom: 35px;
	left: 4%;
	width: 13.38px;
	height: 13.38px;
	background-color: #EF7B42;
	border-radius: 50%;
	box-shadow: 0 0px 5px -2px black;
}

.footer_menu {
	display: flex;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 46px;
	width: 100%;
	background-image: url("/images/MenuBar@3x.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url("/images/MenuBar@3x.png");
	z-index: 1;
}

.footer_menu_home {
	background-image: url("/images/Home@3x.png");
	background-size: 100%;
	background-repeat: no-repeat;
	width: 20px;
	height: 18.68px;
	position: absolute;
	bottom: 16.32px;
	left: 10%;
}

.footer_menu_inbox {
	background-image: url("/images/envelope.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	width: 18.22px;
	height: 13.86px;
	position: absolute;
	bottom: 19.32px;
	left: 30%;
}

.footer_menu_calendar {
	background-image: url("/images/calendar.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	width: 15.07px;
	height: 15.93px;
	position: absolute;
	bottom: 18.07px;
	left: 65%;
}

.footer_menu_profile {
	background-image: url("/images/profile.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	width: 15.33px;
	height: 14.6px;
	position: absolute;
	bottom: 18.4px;
	left: 85%;
}

/* menu page style  */
.menu-dot {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	box-shadow: 0 2px 7px -2px black;
}

.menu-blue-dot {
	background-color: #3A8EC9;
}

.menu-white-dot {
	background-color: #FFFFFF;
}

.menu-orange-dot {
	background-color: #EF7B42;
}

.menu-yellow-dot {
	background-color: #F7B937;
}

.menu-bar {
	width: 50%;
	height: 35px;
	display: table;
	border-radius: 30px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	box-shadow: 0 4px 13px -7px black;
}

.menu-bar .img-left {
	width: 25px;
	height: 25px;
	position: relative;
	left: 25px;
	top: 5px;
}

.menu-bar .img-right {
	width: 25px;
	height: 25px;
	position: relative;
	right: 25px;
	top: 5px;
}

.menu-bar span {
	font-size: 25px;
	font-family: 'Avenir Next Condensed';
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}

.menu-bar.orange {
	background-color: #EF7B42;
}

.menu-bar.yellow {
	background-color: #F7B937;
}

.menu-bar.blue {
	background-color: #3A8EC9;
}

.dropdown-menu {
	background-color: #3A8EC9;
	min-width: 0;
	padding: 0px;
}

.dropdown-menu a, .dropdown-menu button {
	color: white;
	padding: 10px 30px;
}

.dropdown-menu a i {
	padding-right: 10px;
}

.border-box {
	border: 1px solid black;
	padding-left: 5px;
	padding-right: 5px;
}

.dropdown-header {
	font-size: 18px;
	color: #F7B937;
	text-align: center;
}

.draw-shadow {
	box-shadow: 0 5px 25px -20px black;
}

/* login style */
.login_header {
	min-height: 65px;
	-webkit-box-shadow: 1px -20px 20px 16px black;
	-moz-box-shadow: 1px -20px 20px 16px black;
	box-shadow: 1px -20px 20px 16px black;
	text-align: center;
}

.login_header img {
	height: 51px;
	margin-top: 5px;
}

.login_container {
	margin: 0 auto;
	max-width: 450px;
	width: 75%;
	margin-top: 50px;
	border: 1px solid black;
	border-radius: 5px;
}

.login_card {
	background-color: #B9BAC0;
	box-shadow: 0 0 13px -8px black;
	border-radius: 5px;
}

.login_title {
	color: #3A8EC9;
	font-size: 36px;
	font-weight: bold;
}

.login_card input {
	text-align: center;
	font-size: 30px;
	color: #3A8EC9 !important;
	border-radius: 50px;
	box-shadow: 0 0 20px -7px black;
	width: 90%;
	margin: 0 auto;
}

.login_card input::placeholder {
	text-align: center;
	font-size: 30px;
	color: rgba(58, 142, 201, 0.15) !important;
	border-radius: 50px;
}

.login_forget {
	color: #3A8EC9;
	font-size: 1.2em;
	margin-top: 10px
}

.btn-login {
	background-color: white;
	color: #3A8EC9;
	font-size: 28px;
	border-radius: 20px;
	padding: 10px 30px;
}

.social-media-container {
	width: 75%;
	margin: 0 auto;
}

.fb {
	text-decoration: none !important;
	width: 60px;
	height: 60px;
	background-image: url("/images/facebook@3x.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin: 0 auto;
}

.linked_in {
	text-decoration: none !important;
	width: 60px;
	height: 60px;
	background-image: url("/images/linkedIn@3x.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin: 0 auto;
}

.google_plus {
	text-decoration: none !important;
	width: 60px;
	height: 60px;
	background-image: url("/images/google_login.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin: 0 auto;
	background-color: white;
	border-radius: 8px;
}

.su-chkbox-group {
	text-align: center;
	color: #0274b3;
	font-size: 10px;
}

.su-chkbox-group input[type='checkbox'] {
	transform: scale(3);
}

.su-chkbox-group label {
	position: relative;
	top: 10px;
	left: 0px;
	font-size: 1.5em;
}

/* end login style */
.lxr-card {
	border-radius: 18px 18px 0 0;
}

.lxr-card .card-header {
	background-color: #3A8EC9;
	border-radius: 18px 18px 0 0;
	height: 60px;
	text-align: center;
	color: white;
	display: table;
}

.lxr-card .card-header .card-title {
	vertical-align: middle !important;
	display: table-cell;
	font-size: 24px;
}

.lxr-card .card-body {
	padding: 0px 17px 0px 15px;
}

.lxr-card .card-body .row .col-6 {
	height: auto;
	border: 1px solid #707070;
}

.lxr-card .card-body .card-cat-img {
	width: 45px;
	height: 45px;
	background-position: center;
	background-size: 80%;
	background-color: #3A8EC9;
	display: block;
	position: absolute;
	top: 6px;
	left: 32px;
	border-radius: 50%;
	background-repeat: no-repeat;
}

.need-chkbox {
	transform: scale(2);
	position: absolute;
	top: 18px;
	right: 17px;
}

.lxr-card .card-body .cat-text {
	color: rgba(112, 112, 112, 1);
	font-size: 17px;
	text-align: center;
	display: block;
	width: 80%;
	position: relative;
	top: 15px;
	margin: 0 auto;
}

.row .cat-row {
	height: 55px;
	margin: 10px;
}

.sub-row, .sub-row .container {
	background-color: transparent;
}

.profile-title {
	font-size: 25px;
	color: rgba(0, 0, 0, 1);
	padding-top: 35px;
	text-align: center;
}

.notification-content {
	width: 100%;
	border-bottom: 1px solid rgba(112, 112, 112, 0.35);
	display: table;
}

.notification-content.notification-alert {
	border: 1px solid red;
}

.notification-content.notification-warning {
	border: 1px solid #F7B937;
}

.notification-content .notification-image {
	border-radius: 50%;
	vertical-align: top;
	text-align: center;
}

.notification-image img {
	width: 50px;
	height: 50px;
	background-color: #3A8EC9;
	border-radius: 50%;
}

.notification-content .notification-date {
	/*font-size: 12px;*/
	display: table-cell;
	vertical-align: top;
	text-align: center;
}

.notification-user {
	font-size: 15px;
	display: table-cell;
	vertical-align: top;
}

.notification-text {
	font-size: 15px;
	display: table-cell;
	vertical-align: top;
}

.notification-link {
	font-size: 15px;
	display: table-cell;
	color: #3A8EC9;
	vertical-align: top;
	text-align: right;
}

/* about page style begin */
.about-content {
	background: url(/images/about-bg@2x.png);
	background-size: cover;
	background-position: right 50vw top 0px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
	height: -webkit-fill-available;
}

.about-content .about-why {
	position: absolute;
	top: 10px;
	left: 10%;
	font-size: 80px;
	color: #0C6FB5;
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	font-style: italic;
	text-decoration: underline;
}

.about-content .about-logo {
	position: absolute;
	top: 30px;
	left: 25%;
}

.about-content .about-logo img {
	width: 100px;
}

.about-content .about-text-content {
	width: 52%;
	padding-top: 50px;
	padding-right: 20px;
	font-size: 25px;
	position: absolute;
	top: 20px;
	right: 100px;
}

.about-content .about-title {
	color: rgba(12, 111, 181, 1);
	text-decoration: underline;
	font-style: italic;
}

.about-content .about-1st-p, .about-content .about-2nd-p, .about-content .about-3rd-p
	{
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.about-content .about-1st-p {
	padding-top: 50px;
}

.about-content .about-2nd-p {
	padding-top: 50px;
	padding-left: 65px;
}

.about-content .about-3rd-p {
	padding-top: 50px;
	padding-left: 125px;
}

/* about page style ends */
.terms-title {
	font-size: 24px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
}

.terms-conditions {
	min-height: 200px;
	border: 1px solid rgba(1, 1, 1, 0.16);
	padding: 10px;
	background-color: rgba(1, 1, 1, 0.2);
	color: #373429;
	width: 90%;
	margin: 0 auto;
}

.terms-check {
	margin-left: 55px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.terms-inputs {
	width: 90%;
	margin: 0 auto;
}

.inbox-message-content {
	min-height: 60px;
	background-color: white;
	margin: 10px auto 10px auto;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	border-radius: 30px;
	width: 100%;
	display: table;
	padding: 0px 10px 0px 10px;
}

.inbox-message-content.unread {
	background-color: #ee7b42;
	color: white;
}

.inbox-message-content span {
	display: table-cell;
	vertical-align: middle;
}

.inbox-message-content span:nth-child(1) {
	width: 25%;
}

.inbox-message-content span:nth-child(2) {
	width: 40%;
}

.inbox-message-content span:nth-child(3) {
	width: 25%;
}

.inbox-message-content .actions {
	display: table-cell;
	vertical-align: middle;
	width: 10%;
	text-align: right;
}

.inbox-message-content .actions a {
	background-color: white;
	box-shadow: 0px 3px 6px rgba(111, 111, 111, 1);
	border-radius: 50%;
	color: rgba(1, 1, 1, 0.8);
	border: none;
}

.inbox-message-content .col-3 {
	margin-top: 30px;
}

.inbox-message-content .col-3 a {
	background-color: white;
	box-shadow: 0px 3px 6px rgba(111, 111, 111, 1);
	border-radius: 50%;
	color: rgba(1, 1, 1, 0.8);
	border: none;
}

.login_card .card-body p {
	color: white;
	font-size: 20px;
	width: 60%;
	margin: 10px auto;
}

.btn-resend-code {
	background-color: white;
	color: #3A8EC9;
	font-size: 23px;
	border-radius: 18px;
	padding: 5px 15px;
}

.activation-input {
	width: 75%;
	margin: 15px auto;
}

.todo-view-content {
	width: 90%;
	margin: 0 auto;
	border-radius: 18px;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	background-color: white;
	padding: 10px 15px;
}

.todo-view-content span {
	font-size: 1.1em;
}

.upload-content {
	background-color: #0274b3;
	border-radius: 9px;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	margin: 20px auto;
	position: relative;
	width: 40%;
	cursor: pointer;
	color: white;
}

.upload-content img {
	border-radius: 50%;
	width: 55px;
	height: 55px;
	background-color: rgba(255, 255, 255, 0.45);
	display: block;
	position: relative;
	top: 7px;
	left: 23px;
}

.upload-content span {
	font-size: 18px;
	color: rgba(112, 112, 112, 1);
	display: block;
	position: absolute;
	top: 22px;
	right: 20px;
}

.need-provider-search-cat-content {
	width: 85%;
	text-align: left;
}

.need-provider-search-cat-content img {
	width: 40px;
	height: 40px;
	background-color: #3A8EC9;
	border-radius: 50%;
	padding: 5px;
}

.need-provider-search-cat-content span {
	font-size: 25px;
	color: rgba(58, 142, 201, 1);
	vertical-align: middle;
}

.provider-detail-content {
	margin: 0 auto;
	background-color: rgba(245, 245, 245, 1);
	border-radius: 5px;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	width: 75%;
	padding: 20px;
}

.provider-detail-content .header {
	width: 100%;
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.provider-detail-content .header img {
	width: 60px;
	height: 60px;
	background-position: center;
	background-size: contain;
	background-color: #3A8EC9;
	border-radius: 50%;
	background-repeat: no-repeat;
	position: relative;
	top: 10px;
	left: 20px;
	display: block;
}

.provider-detail-content .header .title {
	font-size: 2em;
	color: rgba(112, 112, 112, 1);
	position: absolute;
	top: 18px;
	left: 100px;
	display: block;
}

.provider-detail-content .name {
	font-size: 1.2em;
	color: rgba(112, 112, 112, 1);
}

.provider-detail-content .google-map {
	width: 100%;
	height: 200px;
	border: 2px solid rgba(112, 112, 112, 0.35);
}

.provider-detail-content .row {
	margin: 20px 0;
}

.home-content {
	position: absolute;
	top: calc(5vh + 76px);
	left: 13vw;
	width: 350px;
}

.home-content .logo {
	text-align: center;
	margin: 15px;
}

.home-content .logo img {
	width: 100%;
	height: 100%;
}

.home-content .text {
	font-size: 40px;
	color: #1065A0;
	width: 100%;
	text-align: center;
	font-weight: bolder;
	font-style: italic;
	margin: 15px;
}

.home-content .button {
	text-align: center;
	margin: 15px;
}

.home-content .button button {
	background-color: rgba(247, 185, 55, 1);
	color: rgba(252, 252, 252, 1);
	font-size: 20px;
	padding: 12px 13px;
	border-radius: 26px;
	border: none;
}

.event-view-content {
	width: 90%;
	background-color: white;
	border: none;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	border-radius: 18px;
	margin: 0 auto;
	padding: 25px;
}

.network-member {
	border-top: 1px solid rgba(1, 1, 1, 0.16);
	border-bottom: 1px solid rgba(1, 1, 1, 0.16);
	margin: 5px auto;
	width: 100%;
	color: black;
	height: 50px;
	position: relative;
	display: table;
	padding: 0px 20px;
}

.network-member img {
	display: table-cell;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid rgba(1, 1, 1, 0.16);
	margin: 5px auto 0 auto;
}

.network-member .name {
	position: relative;
	display: table-cell;
	width: 55%;
	vertical-align: middle;
}

.network-member .type {
	position: relative;
	display: table-cell;
	width: 10%;
	vertical-align: middle;
	text-align: center;
}

.network-member .actions {
	display: table-cell;
	width: 25%;
	vertical-align: middle;
	text-align: right;
}

.network-member .actions a {
	float: right;
	margin: 0 5px;
}

.fc-day-number {
	font-weight: bold;
}

.search-content {
	position: relative;
}

input[name='searchtext'] {
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
}

input[name='searchtext']::placeholder {
	color: rgba(58, 142, 201, 0.35);
}

input[name='searchtext']:focus {
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	background-color: #fff !important;
	border-color: #f7b937;
}

input[name='search_address'] {
	height: 50px;
	font-size: 20px;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	padding-right: 165px;
	border: 1px solid #f7b937;
}

input[name='search_address']::placeholder {
	color: rgba(58, 142, 201, 0.35);
}

input[name='search_address']:focus {
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	background-color: #fff !important;
	border-color: #f7b937;
}

.search-content div {
	position: absolute;
	top: 6px;
	right: 6px;
	display: block;
}

.search-content div button {
	background-color: rgba(58, 142, 201, 1);
	border: none;
	border-radius: 5px;
	color: white;
	font-size: 16px;
	padding-left: 15px;
	padding-right: 15px;
}

.search-bar {
	height: 50px;
	font-size: 20px;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	padding-right: 165px;
	border: 1px solid #f7b937;
}

.network-category-content {
	width: 100%;
	padding: 5px;
	background-color: rgb(245, 245, 245);
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	border-radius: 18px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.network-category-content .category-header-content {
	margin: 0 auto;
	text-align: left;
}

.network-category-content .category-header-content img {
	width: 40px;
	height: 40px;
	background-position: center;
	background-size: contain;
	background-color: #3A8EC9;
	border-radius: 50%;
	background-repeat: no-repeat;
	padding: 5px;
	object-fit: cover;
}

.network-category-content .category-header-content span {
	font-size: 20px;
	color: rgba(58, 142, 201, 1);
}

.invalid-feedback {
	text-align: left;
	font-size: medium;
}

.alert {
	margin-bottom: 0;
}

.all-client-item {
	border-radius: 18px;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	padding: 10px;
	position: relative;
	margin: 10px auto;
	background-color: rgba(1, 1, 1, 0.05);
	overflow: auto;
}

.all-client-item img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	top: 5px;
	border: 1px solid #3a8ec9;
	object-fit: cover;
}

.all-client-item .client-name {
	position: absolute;
	left: 70px;
	top: 5px;
}

.all-client-item .case-manager {
	position: absolute;
	left: 70px;
	top: 30px;
}

.all-client-item .case-manager label {
	color: rgb(247, 185, 55);
	padding-right: 5px;
}

.all-client-item .actions {
	position: relative;
	top: 55px;
	text-align: center;
}

.todo-note-new {
	width: 100%;
	border-radius: 18px;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	position: relative;
	padding: 20px;
	margin-bottom: 20px;
	background-color: rgba(1, 1, 1, 0.05);
}

.todo-note-new input {
	width: 100%;
	display: block;
}

.todo-note-new .actions {
	text-align: center;
	bottom: 15px;
	width: 100%;
}

.todo-note-notes {
	text-align: center;
	font-size: 24px;
	color: rgb(1, 1, 1);
}

.upload-image {
	min-height: 200px;
	width: 100%;
	border: 1px solid rgba(1, 1, 1, 0.2);
	border-radius: 18px;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	padding: 20px;
	margin-bottom: 25px;
}

.upload-image .upload-control {
	text-align: center;
	margin: 10px 0px;
}

.upload-image .preview {
	text-align: center;
}

.upload-image .preview img {
	height: 100px;
}

.provider-details-message {
	width: 100%;
}

.provider-details-message label {
	font-size: 16px;
	width: 100%;
	color: rgb(58, 142, 201);
}

.provider-details-message textarea {
	width: 100%;
}

.provider-details-message .actions {
	text-align: center;
	width: 100%;
	margin-top: 5px;
}

.provider-detail-img {
	width: 100%;
	height: 200px;
	background-position: center;
	background-size: 100% 100%;
	border-radius: 18px;
}

.need-provider-search-invitation-pending {
	font-size: 16px;
	padding: 2px 5px;
	background-color: rgb(238, 123, 66);
	border-radius: 5px;
	color: white;
	display: block;
}

.event-page-list .event-content {
	width: 100%;
	min-height: 50px;
	padding: 10px;
	border: 1px solid rgba(1, 1, 1, 1);
	border-radius: 18px;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	display: table;
	margin-bottom: 15px;
}

.event-page-list .event-content span {
	display: table-cell;
	vertical-align: middle;
}

.event-page-list .event-content span:nth-child(1) {
	width: 30%;
}

.event-page-list .event-content span:nth-child(2) {
	width: 20%;
}

.event-page-list .event-content span:nth-child(3) {
	width: 30%;
}

.event-page-list .event-content .actions {
	font-size: 12px;
	text-align: right;
	width: 20%;
	display: table-cell;
}

.event-page-list .event-content .actions a {
	border-radius: 50%;
	background-color: transparent;
	color: black;
	border: 1px solid rgba(1, 1, 1, 0.16);
	box-shadow: 0px 0px 6px rgba(1, 1, 1, 0.16);
}

.event-page-title {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 30px;
	color: #3a8ec9;
	text-align: center;
}

div#my_camera {
	width: 75% !important;
	border: 2px solid rgba(1, 1, 1, 0.15);
	border-radius: 18px;
	overflow: hidden;
	margin: 0 auto;
}

div#my_camera video {
	width: 100% !important;
	vertical-align: middle;
}

div#image-preview {
	width: 70%;
	border: 2px solid rgba(1, 1, 1, 0.16);
	border-radius: 18px;
	overflow: hidden;
	margin: 0 auto;
}

div#image-preview img {
	width: 100%;
}

.take-photo-camera #my_camera {
	width: 40% !important;
	height: unset !important;
}

.take-photo-camera #my_camera video {
	width: 100% !important;
	height: unset !important;
}

.take-photo-camera #my_camera canvas {
	width: 100% !important;
	vertical-align: middle;
	object-fit: cover;
}

.fb-login-button {
	width: 0px;
	height: 0px;
}

.fb_button {
	text-decoration: none !important;
	width: 60px;
	height: 60px;
	background-image: url(/images/facebook@3x.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin: 0 auto;
	border: none;
	background-color: transparent;
}

.gp_button {
	text-decoration: none !important;
	width: 60px;
	height: 60px;
	background-image: url("/images/google_login.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin: 0 auto;
	border: none;
	background-color: white;
	border-radius: 8px;
}

.abcRioButtonBlue {
	width: 60px !important;
	height: 60px !important;
	border: none;
	background-color: transparent;
	display: block;
	position: absolute !important;
	top: 0;
	left: 21px;
	opacity: 0;
}

.subcategory-new {
	width: 100%;
	height: 165px;
	border-radius: 18px;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	position: relative;
	padding: 20px;
	margin-bottom: 20px;
	background-color: rgba(1, 1, 1, 0.05);
}

.subcategory-new .title {
	font-size: 18px;
	color: rgb(1, 1, 1);
}

.subcategory-new .actions {
	text-align: center;
	position: absolute;
	bottom: 15px;
	width: 100%;
}

.subcategory-new-subcategories {
	text-align: center;
	font-size: 24px;
	color: rgb(1, 1, 1);
}

.helpcategory-edit-sub-content {
	height: 74px;
	border: none;
	border-radius: 18px;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	vertical-align: middle;
	width: 100%;
	margin: 0 auto 10px auto;
}

.helpcategory-edit-sub-content>div {
	margin: auto 0px;
}

.helpcategory-edit-sub-content div:nth-child(3) {
	text-align: center;
}

.provider-search-list {
	display: flex;
	width: 100%;
}

.provider-search-list .items-holder {
	flex: 1;
	margin-right: 10px;
	max-height: 45vh;
	overflow: scroll;
}

.provider-search-list .item-google-map {
	flex: 2;
	border-radius: 18px;
	margin: 10px;
}

.google-map {
	height: 100% !important;
	border-radius: 18px;
}

.need-provider-search-display-actions {
	margin: 5px 0px;
	display: block;
	position: absolute;
	right: 20px;
	top: 45px;
}

.need-provider-search-display-actions button {
	background-color: transparent;
	color: #3A8EC9;
	border: none;
	font-size: 30px;
}

.need-provider-search-display-actions button:hover,
	.need-provider-search-display-actions button:active,
	.need-provider-search-display-actions button:focus {
	background-color: transparent !important;
	border: none;
	box-shadow: none;
	color: #3a8ec9 !important;
}

.need-provider-search-display-actions button.active-list {
	color: #ee7b42 !important;
}

.need-help-cat-other {
	position: relative;
}

.need-help-cat-other input {
	height: 45px;
	padding-right: 100px;
}

.need-help-cat-other button {
	position: absolute;
	bottom: 6px;
	right: 15px;
	font-size: 16px;
	padding: 3px 10px;
	border-radius: 5px;
	z-index: 4;
}

.camera-snapshot {
	color: white;
	background-color: #3a8ec9;
	padding: 0.375rem 0.75rem;
	height: 40px !important;
	width: 50px;
	font-weight: 400;
	display: block;
}

.camera-snapshot-button {
	width: 90px;
}

.text-orange {
	color: #ee7b42;
}

.client-todo-edit-category-name {
	font-size: 22px;
}

.need-summary-title {
	font-size: 25px;
	color: rgba(58, 142, 201, 1);
	vertical-align: middle;
}

.inbox-message-content-01 {
	min-height: 50px;
	overflow: hidden;
	margin: 0px auto 0px auto;
	width: 100%;
	padding: 0px 10px 0px 10px;
	border-bottom: 1px solid rgba(1, 1, 1, 0.16);
	position: relative;
}

.inbox-message-content-01:hover {
	background-color: rgba(1, 1, 1, .05);
	cursor: pointer;
}

.inbox-message-content-01.unread {
	background-color: #ee7b42;
	color: white;
}

.inbox-message-content-01 span {
	display: inline-block;
	vertical-align: middle;
}

.inbox-message-content-01 span:nth-child(1) {
	width: 25%;
}

.inbox-message-content-01 span:nth-child(2) {
	width: 60%;
}

.inbox-message-content-01 span:nth-child(3) {
	float: right;
}

.inbox-message-content-01:hover span:nth-child(3) {
	display: none;
}

.inbox-message-content-01 .actions {
	display: none;
	vertical-align: middle;
	width: 10%;
	text-align: right;
	position: absolute;
	top: 10px;
	right: 2px;
}

.inbox-message-content-01:hover .actions {
	display: block;
}

.inbox-message-content .actions a {
	background-color: white;
	box-shadow: 0px 3px 6px rgba(111, 111, 111, 1);
	border-radius: 50%;
	color: rgba(1, 1, 1, 0.8);
	border: none;
}

.inbox-message-content .col-3 {
	margin-top: 30px;
}

.inbox-message-content .col-3 a {
	background-color: white;
	box-shadow: 0px 3px 6px rgba(111, 111, 111, 1);
	border-radius: 50%;
	color: rgba(1, 1, 1, 0.8);
	border: none;
}

.pending-report {
	color: #ee7b42;
	letter-spacing: 2px;
}

.search-history-category-item {
	display: inline-block;
}

.provider-help-add-subcategory-button {
	text-align: center;
	padding: 5px;
	background-color: #3a8dc8;
	color: white;
	cursor: pointer;
}

.btn.btn-accept {
	font-size: 16px;
	background-color: #28a745;
	color: white;
}

.btn.btn-reject {
	font-size: 16px;
	background-color: #dc3545;
	color: white;
}

.intake-profile-pic {
	width: 200px;
	border-radius: 5px;
	border: 7px solid #4399d8;
	object-fit: cover;
	margin: 0 auto 10px auto;
	display: block;
}

input.is-invalid::placeholder {
	color: #dc3545;
}

.network-header-actions {
	display: table;
	width: 100%;
	margin: 0 auto;
}

.network-header-actions a {
	display: table-cell;
	width: 25%;
}

.modal-content {
	max-width: 100%;
}

#client-dashboard-link {
	color: rgb(58, 142, 201);
	display: inline-block;
	width: 20%;
	background-color: rgb(58, 142, 201);
}

#client-dashboard-link a i, #client-dashboard-link button i {
	width: 5px;
	padding-right: 30px;
}

.organization-client-actions {
	width: 100%;
	background: #f7b937 !important;
}

.organization-client-actions .btn {
	width: 20%;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

.organization-client-actions button.dropdown-toggle {
	width: 100%;
	border-left: 1px solid white;
}

.program-new {
	width: 100%;
	height: 140px;
	border-radius: 18px;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	position: relative;
	padding: 20px;
	margin-bottom: 20px;
	background-color: rgba(1, 1, 1, 0.05);
}

.program-new input {
	width: 100%;
	display: block;
}

.program-new .actions {
	text-align: center;
	position: absolute;
	bottom: 15px;
	width: 100%;
}

.program-programs {
	text-align: center;
	font-size: 24px;
	color: rgb(1, 1, 1);
}

.client-item {
	border-radius: 18px;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	padding: 10px;
	margin: 10px auto;
	background-color: rgba(1, 1, 1, 0.05);
}

.client-item img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #3a8ec9;
	object-fit: cover;
	margin: 0 10px;
}

.client-item .case-manager label {
	color: rgb(247, 185, 55);
	padding-right: 5px;
}

.client-item .actions {
	text-align: center;
}

.section-header {
	background-color: rgba(247, 185, 55, 1);
	padding: 5px;
	color: white;
	margin-left: 0px;
	margin-right: 0px;
}

#pos-parent-name {
	color: #ee7b42;
	font-size: 25px;
}

.pos-new {
	width: 100%;
	min-height: 140px;
	border-radius: 18px;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	padding: 20px;
	margin-bottom: 20px;
	background-color: rgba(1, 1, 1, 0.05);
}

.pos-new input {
	width: 100%;
	display: block;
}

.pos-new .actions {
	text-align: center;
	width: 100%;
	margin-top: 10px;
}

/*Tree VIew*/
.tree-view {
	font-size: 20px;
}

.tree-view ul {
	list-style-type: none;
	margin-bottom: 0px;
}

.tree-view .caret {
	cursor: pointer;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none;
}

.tree-view .caret::before {
	content: "\25B6";
	color: #ee7b42;
	display: inline-block;
	margin-right: 6px;
}

.tree-view .caret-down::before {
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari */
	transform: rotate(90deg);
}

.tree-view .nested {
	display: none;
}

.tree-view .active-nested {
	display: block;
}

.node-actions {
	display: inline-block;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.node-actions .btn-primary, .node-actions .btn-delete {
	font-size: 10px;
}
/*END OF TREE VIEW*/

/*Entity Pos History */
.pos-date {
	font-size: 12px;
	position: absolute;
	right: 15px;
}

.pos-names label {
	color: rgb(238, 123, 66);
	padding-right: 5px;
	margin-bottom: 0px;
}
/*END Entity Pos History */

/*POS HEADER*/
#pos-header #page-content {
	width: 90%;
	min-height: calc(100vh - 15px);
	padding-top: 175px;
	margin-top: 15px;
}

#pos-header .page-content-header .mini-profile {
	position: unset;
	top: unset;
	left: unset;
	padding-top: 10px;
}

#pos-header .entity-pos-client-info {
	width: 100%;
	display: table;
}

#pos-header .entity-pos-client-info .client-image {
	width: 120px;
	display: table-cell;
	text-align: center;
}

#pos-header .entity-pos-client-info .client-image img {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: 3px solid #3a8ec9;
}

#pos-header .entity-pos-client-info span {
	display: table-cell;
	vertical-align: middle;
	font-size: 25px;
}

#pos-header .page-content-header {
	background-color: #592f70 !important;
	color: #ff9900;
	top: 15px;
	height: 170px;
}

#pos-header .page-content-header .mini-profile .user-name {
	color: #ff9900;
}

#pos-header .page-content-header .mini-profile img {
	background-color: transparent;
	border: none;
	height: 100px;
}

#pos-header .mini-profile-image {
	background-repeat: no-repeat;
	margin: 0 auto;
	background-size: contain;
	background-position: center;
	width: 50%;
	height: 100px;
}
/*END POS HEADER*/
.client-note-new {
	width: 100%;
	min-height: 140px;
	border-radius: 18px;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	padding: 20px;
	margin-bottom: 20px;
	background-color: rgba(1, 1, 1, 0.05);
}

.client-note-new input[name='textarea'] {
	width: 100%;
	display: block;
}

.client-note-new .actions {
	text-align: center;
	width: 100%;
	margin-top: 10px;
}

.org-profile-logo {
	height: 80px;
	border: 1px solid black;
	background-color: black;
}

.entity-pos-history-filter-date {
	height: 50px;
}

.entity_pos_history_filter_program {
	height: 50px;
}

tbody tr:hover {
	background-color: rgba(1, 1, 1, .05);
}

/*Checkbox Design*/
.lxr-checkbox1 {
	display: none;
}

.lxr-checkbox1+label:before {
	font-family: FontAwesome;
	content: "\f0c8";
	line-height: 1;
	margin-right: 5px;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	font-size: 25px;
	-webkit-animation: checkbox_unchecked 150ms ease-in;
	/* Safari 4.0 - 8.0 */
	animation: checkbox_unchecked 150ms ease-in;
}

.lxr-checkbox1:disabled+label {
	color: rgba(1, 1, 1, 0.16);
}

.lxr-checkbox1:checked+label:before {
	content: "\f14a";
	font-weight: 900;
	-webkit-animation: checkbox_checked 150ms ease-in;
	/* Safari 4.0 - 8.0 */
	animation: checkbox_checked 150ms ease-in;
}

/*RadioButton Design*/
.lxr-radio1 {
	display: none;
}

.lxr-radio1+label:before {
	font-family: FontAwesome;
	content: "\f111";
	line-height: 1;
	margin-right: 5px;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 25px;
	-webkit-animation: radio_unchecked 150ms ease-in;
	/* Safari 4.0 - 8.0 */
	animation: radio_unchecked 150ms ease-in;
}

.lxr-radio1:checked+label:before {
	content: "\f192";
	font-weight: 900;
	-webkit-animation: radio_checked 150ms ease-in; /* Safari 4.0 - 8.0 */
	animation: radio_checked 150ms ease-in;
}

.lxr-radio1.radio-block+label:before {
	display: block;
}

.modal-dialog {
	min-width: 50vw;
}

/*CHART HEADER*/
#chart-header #page-content {
	width: 90%;
	min-height: calc(100vh - 15px);
	padding-top: 175px;
	margin-top: 15px;
}

#chart-header .page-content-header .mini-profile {
	position: unset;
	top: unset;
	left: unset;
	padding-top: 10px;
}

#chart-header .entity-pos-client-info {
	width: 100%;
	display: table;
}

#chart-header .entity-pos-client-info .client-image {
	width: 120px;
	display: table-cell;
	text-align: center;
}

#chart-header .entity-pos-client-info .client-image img {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: 3px solid #3a8ec9;
}

#chart-header .entity-pos-client-info span {
	display: table-cell;
	vertical-align: middle;
	font-size: 25px;
}

#chart-header .page-content-header {
	background-color: #592f70 !important;
	color: #ff9900;
	top: 0px;
	height: 170px;
}

#chart-header .page-content-header .mini-profile .user-name {
	color: #ff9900;
}

#chart-header .page-content-header .mini-profile img {
	background-color: transparent;
	border: none;
	height: 100px;
}

#chart-header .mini-profile-image {
	background-repeat: no-repeat;
	margin: 0 auto;
	background-size: contain;
	background-position: center;
	width: 50%;
	height: 100px;
}
/*END POS HEADER*/
.entity-pos-client-info .client-image img {
	height: 150px;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
	{
	text-decoration: none;
}

.ui-widget-content a {
	font-size: 1em;
}

.striped .row:nth-of-type(odd) div {
	background-color: rgba(0, 0, 0, 0.05);
}

.striped .row:nth-of-type(even) div {
	background: #FFFFFF;
}

.striped .row:hover div {
	background-color: rgba(247, 185, 55, 1);
}

.striped .fr:nth-of-type(odd) div {
	background-color: rgba(0, 0, 0, 0.05);
}

.striped .fr:nth-of-type(even) div {
	background: #FFFFFF;
}

.striped .fr:hover div {
	background-color: #fccccc;
}

.table th, .table td {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 1px !important;
	padding-right: 1px !important;
}

.table {
	margin: 0px !important;
}

.bg-info {
	background-color: #ee7b42 !important;
}

.card-body {
	padding: 4px;
}

.selectlist {
	height: 38px;
}

#page-header {
	z-index: 10;
	position: fixed;
	padding-left: 5%;
	padding-right: 5%;
}

#header-bar {
	background-color: white;
}

.page-content-header {
	background-color: rgba(247, 185, 55, 1);
	transition: 0.5s;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}

#page-content-navbar {
	background-color: rgba(247, 185, 55, 1);
	padding-bottom: 5px;
}

#page-content {
	position: absolute;
	padding-top: 5px;
	padding-left: 5%;
	padding-right: 5%;
	transition: 0.5s;
	margin-top: 400px;
}

.table-hover tbody tr:hover {
	background-color: rgba(247, 185, 55, 1) !important;
}

.table-striped tbody tr:hover {
	background-color: rgba(247, 185, 55, 1) !important;
}

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

.input-50 {
	height: 50px;
	font-size: 20px;
	box-shadow: 0px 3px 6px rgba(1, 1, 1, 0.16);
	padding-right: 165px;
	border: 1px solid #f7b937;
}