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-content .notification-image img {
 width: 50px;
 height: 50px;
 background-color: #3A8EC9;
 border-radius: 50%;
}

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

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

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

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

/* 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: center;
 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: 50px;
}

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