/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 768px) {
 .danger-text {
  font-size: 0.5rem;
 }
 .form-check-input {
  margin-top: 0px;
 }
 .sidenav {
  width: 200px;
  height: 95vh;
 }
 .sidenav a {
  font-size: 12px;
 }
 a.list-group-item {
  padding-left: 30px;
 }
 #menu-toggle {
  width: 30px;
 }
 #menu-toggle div {
  height: 3px;
 }
 #menu-toggle.on .two2 {
  transform: rotate(90deg) translate(0px, 0px);
 }
 #menu-toggle.on .three3 {
  transform: rotate(90deg) translate(-7px, -7px);
 }
 .list-group-item-img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
 }
 body.sideMenuOn .sidenav, body.sideMenuOn #sidenav-overlay {
  transform: translateX(0%);
 }
 body .sidenav, body #sidenav-overlay {
  transform: translateX(-110%);
 }
 body.sideMenuOn #header-bar {
  left: 0px;
 }
 body.sideMenuOn #page-content {
  width: 100%;
  margin-left: 0px;
 }
 body.sideMenuOn .page-content-header {
  width: 100%;
  left: 0px;
 }
 .form-control, .input-group-text, .lead {
  font-size: 0.8rem;
 }
 .btn {
  font-size: 10px;
  padding: 5px;
 }
 label {
  font-size: 0.8rem;
 }
 #pageTitle {
  font-size: 18px;
 }
 .login_container {
  margin-top: 30px;
 }
 .login_forget {
  font-size: 0.9em;
 }
 .social-media-container {
  width: 100%;
 }
 .login_card input, .login_card input::placeholder {
  font-size: 15px;
 }
 .btn-login {
  font-size: 20px;
  padding: 2px 15px
 }
 .fb {
  width: 40px;
  height: 40px;
 }
 .linked_in, .gp_button, .fb_button {
  width: 40px;
  height: 40px;
 }
 .google_plus {
  width: 40px;
  height: 40px;
 }
 .fc-day-grid-event {
  width: 10px;
  height: 1px;
  border-radius: 0;
 }
 .su-chkbox-group label {
  font-size: 12px;
  top: 0px;
 }
 .calendar-content {
  right: 0px;
  top: 75px;
  width: 80%;
  min-width: 0;
  position: fixed;
  display: block;
  padding-top: 20px;
 }
 .calendar-content.off {
  right: -81%;
 }
 #show-calendar {
  font-size: 10px;
 }
 #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;
 }
 .page-content-header .mini-profile {
  left: 3%;
  top: 2px;
 }
 .page-content-header .mini-profile img {
  width: 35px;
  height: 35px;
 }
 .page-content-header .mini-profile .name {
  font-size: 10px;
 }
 .page-content-header .mini-profile .user-name {
  font-size: 9px;
 }
 .page-content-header .mini-profile .user-post {
  font-size: 8px;
 }
 #post-content input {
  height: 22px;
  font-size: 10px;
 }
 #post-content button {
  right: 10px;
  top: 3px;
  font-size: 10px;
  padding-left: 8px;
  padding-right: 8px;
 }
 .need-buttons a {
  border-radius: 2px 2px 2px 2px;
  font-size: 10px;
  height: 12px;
 }
 .page-content-header .calendar-icons {
  font-size: 8px;
 }
 .page-content-header #pageTitle {
  font-size: 12px;
 }
 .fc-button-primary {
  font-size: 10px;
 }
 .fc-toolbar h2 {
  font-size: 12px !important;
  text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
 }
 .fc-left.col-sm-12, .fc-center.col-sm-12, .fc-right.col-sm-12 {
  width: 33.3333% !important;
  padding: 0px;
  margin: 0px;
 }
 .fc-day-header span {
  font-size: 16px;
 }
 .fc-dayGrid-view .fc-body .fc-row {
  min-height: 0 !important;
  height: 26px !important;
 }
 .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: none !important;
  font-size: 14px !important;
 }
 .fc-widget-header {
  padding-bottom: 0px !important;
 }
 .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
 }
 .fc-unthemed td.fc-today {
  background-color: transparent !important;
 }
 .fc-today .fc-day-number {
  background-color: #3A8EC9;
  padding: 2px;
  border-radius: 50%;
  color: white;
 }
 .calendar-events .events-title {
  font-size: 12px;
 }
 .calendar-events .event-all-btn {
  font-size: 12px;
  position: unset;
 }
 .events-list .event-content .event-text {
  font-size: 10px;
  top: -4px;
 }
 .events-list .event-content .dot {
  width: 10px;
  height: 10px;
  left: 5px;
  top: 5px;
 }
 .events-list .event-content a {
  font-size: 8px;
  color: rgba(58, 142, 201, 1);
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 5px;
 }
 .events-list .event-content {
  height: 20px;
 }
 .inbox-message-content {
  min-height: 40px;
  margin: 10px auto 10px auto;
 }
 .inbox-message-content .actions {
  width: 20px;
 }
 .inbox-message-content span:nth-child(1) {
  width: 20%;
 }
 .inbox-message-content span:nth-child(2) {
  width: 40%;
 }
 .inbox-message-content span:nth-child(3) {
  width: 20%;
 }
 .lxr-card .card-header {
  border-radius: 5px 5px 0 0;
  height: 30px;
 }
 .lxr-card .card-header .card-title {
  font-size: 10px;
 }
 .row.cat-row {
  height: 35px;
  margin: 1px;
 }
 .lxr-card .card-body .card-cat-img {
  width: 20px;
  height: 20px;
  top: 2px;
  left: 0px;
 }
 .need-chkbox {
  right: 0;
  transform: scale(1.5);
  top: 6px;
 }
 .lxr-card .card-body .cat-text {
  font-size: 9px;
  width: 81%;
  top: 6px;
  overflow-wrap: break-word;
 }
 .cat-img {
  width: 40px;
  height: 40px;
  padding-top: 0px;
 }
 .cat-img img {
  width: 100%;
  height: auto;
 }
 .cat-bg .cat-text {
  overflow-wrap: break-word;
 }
 .search-content div {
  top: 2px;
  right: 10px;
 }
 .search-content div button {
  padding-left: 10px;
  padding-right: 10px;
 }
 .search-bar {
  height: 30px;
  font-size: 14px;
 }
 .network-category-content {
  width: 100%;
 }
 .notification-content {
  height: 40px;
 }
 .notification-content .notification-text {
  width: 50%;
 }
 .notification-content .notification-link {
  /*font-size: 10px;*/
  width: 20%;
 }
 .notification-content.notification-alert {
  border: 1px solid rgba(255, 0, 0, 1);
 }
 .cs-logo {
  height: 30px;
 }
 .network-category-content {
  padding: 0px;
  padding-top: 10px;
 }
 .network-member .actions a {
  font-size: 10px;
  margin: 0px 1px;
  padding: 2px;
 }
 .network-member {
  padding: 0px 20px;
  height: 30px;
 }
 .network-member img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
 }
 .provider-img {
  width: 50px;
  height: 50px;
 }
 .search-item .actions {
  text-align: center;
 }
 .search-item .actions button, .search-item .actions a {
  font-size: 10px;
  padding: 2px 5px;
  width: 25px;
  height: 25px;
 }
 .need-provider-search-invitation-pending {
  font-size: 8px;
  padding: 1px 5px;
 }
 .provider-search-radius-bar .input-group .input-group-prepend span {
  font-size: 10px;
  height: 25px;
  padding: 5px;
 }
 .provider-search-radius-bar .input-group input {
  font-size: 10px;
  height: 25px;
 }
 .provider-search-radius-bar .btn-primary.btn-block {
  font-size: 10px;
  padding: 5px;
 }
 .need-provider-search-cat-content img {
  width: 25px;
  height: 25px;
 }
 .need-provider-search-cat-content span {
  font-size: 16px;
 }
 .upload-image .preview img {
  height: 60px;
 }
 .upload-image {
  min-height: 160px;
 }
 .network-header-actions a {
  font-size: 10px;
 }
 .provider-detail-content {
  width: 100%;
 }
 .provider-detail-img {
  width: 75%;
  height: 150px;
  margin: 0 auto;
  border-radius: 10px;
 }
 .btn-fit-col {
  font-size: 10px;
  padding-left: 10px;
  padding-right: 10px;
 }
 .event-page-title {
  font-size: 20px;
 }
 .event-page-list .event-content .actions a {
  font-size: 10px;
  padding: 2px;
  border-radius: 50%;
  background-color: transparent;
  color: black;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(1, 1, 1, 0.16);
  box-shadow: 0px 0px 6px rgba(1, 1, 1, 0.16);
 }
 .event-page-list .event-content {
  min-height: 40px;
  height: 40px;
 }
 #my_camera-ios_div {
  height: unset !important;
 }
 .provider-name {
  font-size: 12px;
 }
 .all-client-item img {
  height: 40px;
  width: 40px;
 }
 .subcategory-new input {
  font-size: 10px;
 }
 .subcategory-new .title {
  font-size: 12px;
 }
 .subcategory-new .actions {
  bottom: 5px;
 }
 .need-provider-search-display-actions {
  right: 10px;
  top: 38px;
 }
 .need-provider-search-display-actions button {
  font-size: 20px;
 }
 .provider-search-list .item-google-map {
  flex: 1;
 }
 .need-provider-search-cat-content {
  width: 80%;
 }
 .camera-snapshot-button {
  width: 50px;
 }
 .need-help-cat-other input {
  height: 30px;
 }
 .need-help-cat-other button {
  font-size: 10px;
  bottom: 4px;
  right: 10px;
 }
 .need-help-cat-other .input-group-prepend {
  height: 30px;
 }
 .all-client-item {
 }
 .all-client-item .case-manager {
  top: 20px;
 }
 .all-client-item .case-manager label {
  font-size: 0.5rem;
 }
 .all-client-item .actions {
  top: 40px;
 }
 .upload-content {
  margin: 10px auto;
 }
 .profile-title {
  font-size: 20px;
  padding-top: 0px;
 }
 .card-cs3 .card-header {
  height: 25px;
 }
 .login_title {
  font-size: 20px;
 }
 .login_card .card-body p {
  font-size: 10px;
  width: 90%;
  text-align: justify;
 }
 .btn.btn-accept, .btn.btn-reject {
  font-size: 9px;
  padding: 0px 7px;
 }
 .card-cs3 .card-header span {
  font-size: 10px;
 }
 .inbox-message-content-01 {
  min-height: 40px;
 }
 .inbox-message-content-01 .actions {
  width: 15%;
  top: 5px;
 }
 .inbox-message-content-01 span {
  font-size: 0.6rem;
 }
 .inbox-message-content-01 span:nth-child(2) {
  width: 50%;
 }
 input[name='searchtext'] {
  padding-right: 90px;
 }
 #post-content input {
  padding-right: 50px;
 }
 .need-help-cat-other button {
  right: 10px;
 }
 .events-list .event-content .event-text {
  width: 65%;
  left: 26px;
 }
 .dropdown-item {
  font-size: 12px;
 }
 .dropdown-menu a, .dropdown-menu button {
  padding: 5px 20px;
 }
 .organization-client-actions {
  width: 100%;
  margin-top: -6px;
  padding-top: unset;
 }
 .menu-bar {
  width: 100%;
 }
 .menu-bar span {
  font-size: 18px;
 }
 #programs {
  height: 30px;
 }
 .tree-view {
  font-size: 12px;
 }
 .tree-view ul {
  margin-bottom: 5px;
 }
 .node-actions {
  margin-left: 6px;
  margin-top: 4px;
  margin-bottom: 4px;
 }
 .node-actions .btn-primary, .node-actions .btn-delete {
  font-size: 8px;
 }
 #pos-parent-name {
  color: #ee7b42;
  font-size: 10px;
 }
 .client-item img {
  width: 40px;
  height: 40px;
 }
 .client-item .actions {
  margin-top: 5px;
 }
 .client-item a, .client-item button {
  font-size: 8px;
  padding: 3px;
 }
 .pos-date {
  font-size: 8px;
 }
 .pos-names label {
  font-size: 10px;
 }
 .section-header span {
  font-size: 14px;
 }
 /*POS HEADER*/
 #pos-header .page-content-header {
  top: 0px;
  height: 90px;
 }
 #pos-header #page-content {
  width: 100%;
  min-height: calc(100vh - 90px);
  padding-top: 80px;
 }
 #pos-header .entity-pos-client-info {
  width: 100%;
  display: table;
 }
 #pos-header .entity-pos-client-info .client-image {
  width: 20%;
  display: table-cell;
  text-align: center;
 }
 #pos-header .entity-pos-client-info .client-image img {
  width: 35px;
  height: 35px;
 }
 #pos-header .entity-pos-client-info span {
  font-size: 14px;
 }
 #pos-header .page-content-header .mini-profile img {
  width: 150px;
  height: 50px;
 }
 #pos-header .mini-profile-image {
  height: 45px;
 }
 /*END POS HEADER*/
 .entity-pos-history-filter-date {
  height: 30px;
  font-size: 8px;
 }
 .entity_pos_history_filter_program {
  height: 30px;
  font-size: 8px;
 }

 /*CHART HEADER*/
 #chart-header .page-content-header {
  top: 0px;
  height: 90px;
 }
 #chart-header #page-content {
  width: 100%;
  min-height: calc(100vh - 90px);
  padding-top: 80px;
 }
 #chart-header .entity-pos-client-info {
  width: 100%;
  display: table;
 }
 #chart-header .entity-pos-client-info .client-image {
  width: 20%;
  display: table-cell;
  text-align: center;
 }
 #chart-header .entity-pos-client-info .client-image img {
  width: 35px;
  height: 35px;
 }
 #chart-header .entity-pos-client-info span {
  font-size: 14px;
 }
 #chart-header .page-content-header .mini-profile img {
  width: 150px;
  height: 50px;
 }
 #chart-header .mini-profile-image {
  height: 45px;
 }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 992px) {
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}