initial commit

Presentation/Hims.Admin/src/app/shared/services/setting.service.ts

+import { Injectable } from '@angular/core';
+import { Observable, Subject } from 'rxjs';
+import { ICubicle } from '../entities';
+import { IResource } from '../models';
+
+@Injectable()
+export class SettingService {
+
+    private source = new Subject<boolean>();
+    get: Observable<boolean> = this.source.asObservable();
+    set(isRefresh: boolean) {
+        this.source.next(isRefresh);
+    }
+
+    cubicles: Array<ICubicle> = new Array<ICubicle>();
+    selectedCubicleId?: number = null;
+    selectedConsultantDoctor?: IResource;
+}

Presentation/Hims.Admin/src/app/shared/services/shared.service.ts

+import { Injectable } from "@angular/core";
+import { Observable } from "rxjs";
+import { Subject } from "rxjs";
+
+@Injectable()
+export class SharedService {
+    private _listners = new Subject<any>();
+
+    listen(): Observable<any> {
+        return this._listners.asObservable();
+    }
+
+    filter(filterBy: string) {
+        this._listners.next(filterBy);
+    }
+
+}
+

Presentation/Hims.Admin/src/app/shared/services/timeline-toggle.service.ts

+import { DatePipe } from '@angular/common';
+import { Injectable } from "@angular/core";
+import { Timeline } from "@shared/entities";
+import { ApiResources } from "@shared/helpers";
+import { HttpService } from "@src/app/shared/services";
+import { finalize } from "rxjs/operators";
+
+@Injectable()
+export class TimelineToggleService {
+    showBox = true;
+    encryptedAppointmentId: string;
+    isAdmission: boolean;
+    loading: boolean;
+    records: Array<Timeline>;
+
+    constructor(private readonly httpService: HttpService,
+        private datePipe: DatePipe) {
+        this.records = new Array<Timeline>();
+    }
+
+    public toggle(isTrigger: boolean = null) {
+        this.showBox = isTrigger !== null ? isTrigger : !this.showBox;
+        if (this.showBox) {
+            this.fetch();
+        }
+    }
+
+    public loadMore() {
+        this.fetch(this.records.length);
+    }
+
+    public fetch(skip = 0, take = 5) {
+        if (!this.encryptedAppointmentId) return;
+
+        const request = {
+            appointmentEid: this.encryptedAppointmentId,
+            isAdmission: this.isAdmission,
+            patientEid: null,
+            skip: skip,
+            take: take
+        }
+
+        this.httpService
+            .post<Array<Timeline>>(ApiResources.getURI(ApiResources.timeline.base, ApiResources.timeline.fetch), request)
+            .pipe(finalize(() => this.loading = false))
+            .subscribe(
+                (response: Array<Timeline>) => {
+                    if (response) {
+                        response.forEach(record => {
+                            if (record.data) {
+                                const parsed = JSON.parse(record.data);
+                                if (parsed) {
+                                    switch (record.timelineActionId) {
+                                        case 8:
+                                        case 9:
+                                            record.showCase = parsed[0]["medicineName"];
+                                            break;
+                                        case 10:
+                                        case 11:
+                                            record.showCase = parsed["notes"].replace(/<[^>]*>/g, '');
+                                            break;
+                                        case 12:
+                                        case 13:
+                                            record.showCase = this.datePipe.transform(new Date(parsed["followUpDate"]), 'MMM d, y, h:mm:ss a');
+                                            break;
+                                    }
+                                }
+                            }
+                        });
+                    }
+
+                    if (skip === 0) {
+                        this.records = response;
+                    } else {
+                        this.records.push(...response);
+                    }
+                },
+                () => {
+                    this.records = new Array<Timeline>();
+                }
+            );
+    }
+}

Presentation/Hims.Admin/src/app/shared/services/url.service.ts

+import { HttpClient, HttpHeaders } from "@angular/common/http";
+import { Injectable } from "@angular/core";
+import { Observable } from "rxjs";
+import { ApiResources } from "@shared/helpers";
+
+@Injectable()
+export class UrlService {
+    constructor(private readonly http: HttpClient) {
+    }
+
+    encode(value: string) {
+        return this.post(ApiResources.getURI(ApiResources.application.base, ApiResources.application.encode), { json: value });
+    }
+
+    decode(value: string) {
+        return this.post(ApiResources.getURI(ApiResources.application.base, ApiResources.application.decode), { json: value });
+    }
+
+    private post(apiEndPoint: string, request?: any): Observable<string> {
+        let headers = new HttpHeaders();
+        headers = headers.append("Auth", "False");
+        return this.http.post<string>(apiEndPoint, request, { headers: headers });
+    }
+}
\ No newline at end of file

Presentation/Hims.Admin/src/app/shared/services/validator.service.ts

+import { HttpClient, HttpHeaders } from "@angular/common/http";
+import { Injectable } from "@angular/core";
+import { Observable } from "rxjs";
+import { ApiResources } from "@shared/helpers";
+
+@Injectable()
+export class ValidatorService {
+    constructor(private readonly http: HttpClient) { }
+
+    validateEmail(query: string, type: string, referenceId: number) {
+        return this.validate(ApiResources.getURI(ApiResources.validators.base, ApiResources.validators.email), { query: query, type: type, referenceId: referenceId });
+    }
+
+    validateMobile(query: string, countryId: number, type: string, referenceId: number) {
+        return this.validate(ApiResources.getURI(ApiResources.validators.base, ApiResources.validators.mobile), { query: query, countryId: countryId, type: type, referenceId: referenceId });
+    }
+
+    validateNpi(query: string, providerId: number) {
+        return this.validate(ApiResources.getURI(ApiResources.validators.base, ApiResources.validators.npi), { query: query, referenceId: providerId });
+    }
+
+    validatePharmacyProduct(query: string, productId?: number) {
+        return this.validate(ApiResources.getURI(ApiResources.validators.base, ApiResources.validators.pharmacyProduct), { query: query, pharmacyProductId: productId });
+    }
+
+    validateUserName(query: string, type: string, referenceId: number) {
+        return this.validate(ApiResources.getURI(ApiResources.validators.base, ApiResources.validators.userName), { query: query, type: type, referenceId: referenceId });
+    }
+
+    private validate(apiEndPoint: string, request: any): Observable<boolean> {
+        let headers = new HttpHeaders();
+        headers = headers.append("Auth", "False");
+        return this.http.post<boolean>(apiEndPoint, request, { headers: headers });
+    }
+}

Presentation/Hims.Admin/src/app/shared/services/video-link.service.ts

+import { Injectable } from "@angular/core";
+import { HttpService } from "@shared/services";
+import { ApiResources } from "@shared/helpers";
+import { finalize } from "rxjs/operators";
+
+@Injectable()
+export class VideoLinkService {
+
+    isLoading: boolean;
+
+    constructor(
+        private readonly httpService: HttpService
+    ) {
+
+    }
+
+    send(appointmentNo: string, onSuccess: (response: any) => void) {
+        this.httpService
+            .post<object>(ApiResources.getURI(ApiResources.webTelemedicine.base, ApiResources.webTelemedicine.sendLink),
+                {appointmentNo: appointmentNo})
+            .pipe(finalize(() => this.isLoading = false))
+            .subscribe(
+                (response: object) => {
+                    onSuccess(response);
+                },
+                (error: any) => {
+                    console.error(error);
+                    onSuccess(null);
+                }
+            );
+    }
+    
+}

Presentation/Hims.Admin/src/app/shared/validators/age.validator.ts

+import { FormControl } from "@angular/forms";
+import { RegExHelper } from "@shared/helpers";
+
+export class AgeValidator {
+    static isValid(control: FormControl): object | null {
+        const value = control.value;
+        if (!value || !control.parent) {
+            return null;
+        }
+
+        if (!RegExHelper.numbersOnly.test(value)) {
+            return { 'invalidAge': true };
+        }
+
+        if (parseInt(value) < 18) {
+            return { 'invalid': true };
+        }
+
+        return null;
+    }
+}
\ No newline at end of file

Presentation/Hims.Admin/src/app/shared/validators/compare.validator.ts

+import { FormGroup } from "@angular/forms";
+
+export class CompareValidator {
+    static compare(lhsKey: string, rhsKey: string) {
+        return (group: FormGroup) => {
+            const lhsControl = group.controls[lhsKey];
+            const rhsControl = group.controls[rhsKey];
+
+            const errors = $.extend(true, {}, rhsControl.errors);
+            const conditions = [];
+            if (errors) {
+                delete errors["notEquivalent"];
+            }
+            const keys = Object.keys(errors);
+            keys.forEach(key => {
+                conditions.push(errors[key]);
+            });
+            const condition = eval(conditions.join(" &&"));
+
+            if (!condition) {
+                if (rhsControl.value && lhsControl.value !== rhsControl.value) {
+                    return rhsControl.setErrors({ "notEquivalent": true });
+                } else {
+                    return rhsControl.setErrors(null);
+                }
+            }
+        }
+    }
+}
\ No newline at end of file

Presentation/Hims.Admin/src/app/shared/validators/email.validator.ts

+import { FormControl } from "@angular/forms";
+import { RegExHelper } from "@shared/helpers";
+
+export class EmailValidator {
+    static isValid(control: FormControl) {
+        const value = control.value;
+
+        if (!value) {
+            return null;
+        }
+
+        if (!RegExHelper.email.test(value) && !RegExHelper.emailFormat.test(value)) {
+            return { 'invalidEmail': true };
+        } else {
+            return null;
+        }
+    }
+}
\ No newline at end of file

Presentation/Hims.Admin/src/app/shared/validators/index.ts

+export * from "./compare.validator";
+export * from "./email.validator";
+export * from "./password.validator";
+export * from "./mobile.validator";
+export * from "./npi.validator";
+export * from "./zipcode.validator";
+export * from "./uniq-email.Validator";
+export * from "./uniq-mobile.validator";
+export * from "./uniq-npi.validator";
+export * from "./age.validator";
+export * from "./whitespace.validator";
+export * from "./sp.validator";
+export * from "./uniq-pharmacy-product.validator";
\ No newline at end of file

Presentation/Hims.Admin/src/app/shared/validators/mobile.validator.ts

+import { FormControl } from "@angular/forms";
+import { RegExHelper } from "@shared/helpers";
+
+export class MobileValidator {
+    static isValid(control: FormControl): object | null {
+        const value = control.value;
+        if (!value || !control.parent) {
+            return null;
+        }
+
+        const countryControl = control.parent.get("countryId");
+        if (countryControl) {
+            const countryId = countryControl.value;
+            if (countryId) {
+                if (!RegExHelper.numbersOnly.test(value) || (countryId === 3 ? !/^\b\d{8}?\b$/.test(value) : !/^\b\d{10}?\b$/.test(value))) {
+                    return { 'invalidMobile': true };
+                }
+            }
+
+            return null;
+        } else {
+            if (!RegExHelper.numbersOnly.test(value) || !/^\b\d{10}(-\d{8})?\b$/.test(value)) {
+                return { 'invalidMobile': true };
+            }
+
+            return null;
+        }
+    }
+}
\ No newline at end of file

Presentation/Hims.Admin/src/app/shared/validators/npi.validator.ts

+import { FormControl } from "@angular/forms";
+import { RegExHelper } from "@shared/helpers";
+
+export class NPIValidator {
+    static isValid(control: FormControl): object | null {
+        const value = control.value;
+
+        // Empty Value
+        if (!value) {
+            return null;
+        }
+
+        // Min Length
+        if (!RegExHelper.npi.test(value) || !RegExHelper.numbersOnly.test(value)) {
+            return { 'invalidNpi': true };
+        }
+
+        return null;
+    }
+}
\ No newline at end of file

Presentation/Hims.Admin/src/app/shared/validators/password.validator.ts

+import { FormControl } from "@angular/forms";
+import { RegExHelper } from "@shared/helpers";
+
+export class PasswordValidator {
+    static isValid(control: FormControl): object | null {
+        const value = control.value;
+
+        // Empty Value
+        if (!value) {
+            return null;
+        }
+
+        // Min Length
+        if (!RegExHelper.length10.test(value)) {
+            return { 'minLength': true };
+        }
+
+        // One UpperCase
+        if (!RegExHelper.oneUpperCase.test(value)) {
+            return { 'upperCase': true };
+        }
+
+        // One Number
+        if (!RegExHelper.oneNumber.test(value)) {
+            return { 'number': true };
+        }
+
+        // One Special Character
+        if (!RegExHelper.oneSpecialChar.test(value)) {
+            return { 'specialChar': true };
+        }
+        return null;
+    }
+}
\ No newline at end of file

Presentation/Hims.Admin/src/app/shared/validators/sp.validator.ts

+import { FormControl } from "@angular/forms";
+import { RegExHelper } from "@shared/helpers";
+
+export class SpValidator {
+    static isValid(control: FormControl) {
+        const value = control.value;
+
+        if (!value) {
+            return null;
+        }
+
+        if (!RegExHelper.sp.test(value)) {
+            return { 'invalidSp': true };
+        } else {
+            return null;
+        }
+    }
+}
\ No newline at end of file

Presentation/Hims.Admin/src/app/shared/validators/uniq-email.validator.ts

+import { AsyncValidatorFn, FormControl, ValidationErrors } from "@angular/forms";
+import { Observable, timer } from "rxjs";
+import { map, switchMap } from "rxjs/operators";
+import { ValidatorService } from "@shared/services";
+
+export function uniqEmailValidator(validatorService: ValidatorService, type: string, referenceIdKey: string): AsyncValidatorFn {
+    return (control: FormControl): Promise<ValidationErrors | (Object | null)> | Observable<ValidationErrors | (Object | null)> => {
+        return timer(500).pipe(
+            switchMap(() => {
+                const referenceId: number = (control.parent.controls as any)[referenceIdKey] ? (control.parent.controls as any)[referenceIdKey].value : 0;
+                return validatorService.validateEmail(control.value, type, referenceId)
+                    .pipe(
+                        map((res: boolean) => {
+                            return res ? { emailExists: true } : null;
+                        })
+                    );
+            })
+        );
+    };
+}

Presentation/Hims.Admin/src/app/shared/validators/uniq-mobile.validator.ts

+import { AsyncValidatorFn, FormControl, ValidationErrors } from "@angular/forms";
+import { Observable, timer } from "rxjs";
+import { map, switchMap } from "rxjs/operators";
+import { ValidatorService } from "@shared/services";
+
+export function uniqMobileValidator(validatorService: ValidatorService, type: string, referenceIdKey: string): AsyncValidatorFn {
+    return (control: FormControl): Promise<ValidationErrors | (Object | null)> | Observable<ValidationErrors | (Object | null)> => {
+        return timer(500).pipe(
+            switchMap(() => {
+                const countryId: number = (control.parent.controls as any)["countryId"] ? (control.parent.controls as any)["countryId"].value : 0;
+                const referenceId: number = (control.parent.controls as any)[referenceIdKey] ? (control.parent.controls as any)[referenceIdKey].value : 0;
+                return validatorService.validateMobile(control.value, countryId || 0, type, referenceId)
+                    .pipe(
+                        map((res: boolean) => {
+                            return res && control.value !== null ? { mobileExists: true } : null;
+                        })
+                    );
+            })
+        );
+    };
+}

Presentation/Hims.Admin/src/app/shared/validators/uniq-npi.validator.ts

+import { AsyncValidatorFn, FormControl, ValidationErrors } from "@angular/forms";
+import { Observable, timer } from "rxjs";
+import { map, switchMap } from "rxjs/operators";
+import { ValidatorService } from "@shared/services";
+
+export function uniqNpiValidator(validatorService: ValidatorService): AsyncValidatorFn {
+    return (control: FormControl): Promise<ValidationErrors | (Object | null)> | Observable<ValidationErrors | (Object | null)> => {
+        return timer(500).pipe(
+            switchMap(() => {
+                const referenceId: number = (control.parent.controls as any)["providerId"] ? (control.parent.controls as any)["providerId"].value : 0;
+                return validatorService.validateNpi(control.value, referenceId)
+                    .pipe(
+                        map((res: boolean) => {
+                            return res ? { npiExists: true } : null;
+                        })
+                    );
+            })
+        );
+    };
+}

Presentation/Hims.Admin/src/app/shared/validators/uniq-pharmacy-product.validator.ts

+import { AsyncValidatorFn, FormControl, ValidationErrors } from "@angular/forms";
+import { Observable, timer } from "rxjs";
+import { map, switchMap } from "rxjs/operators";
+import { ValidatorService } from "@shared/services";
+
+export function uniqPharmacyProductValidator(validatorService: ValidatorService, key: string): AsyncValidatorFn {
+    return (control: FormControl): Promise<ValidationErrors | (Object | null)> | Observable<ValidationErrors | (Object | null)> => {
+        return timer(500).pipe(
+            switchMap(() => {
+                const productId: number = (control.parent.controls as any)[key] ? (control.parent.controls as any)[key].value : 0;
+                return validatorService.validatePharmacyProduct(control.value, productId)
+                    .pipe(
+                        map((res: boolean) => {
+                            return res ? { productExists: true } : null;
+                        })
+                    );
+            })
+        );
+    };
+}

Presentation/Hims.Admin/src/app/shared/validators/uniq-userNameValidator.ts

+import { AsyncValidatorFn, FormControl, ValidationErrors } from "@angular/forms";
+import { Observable, timer } from "rxjs";
+import { map, switchMap } from "rxjs/operators";
+import { ValidatorService } from "@shared/services";
+
+
+export function uniqUserNameValidator(validatorService: ValidatorService, type: string, referenceIdKey: string): AsyncValidatorFn {
+    return (control: FormControl): Promise<ValidationErrors | (Object | null)> | Observable<ValidationErrors | (Object | null)> => {
+        return timer(500).pipe(
+            switchMap(() => {
+                const referenceId: number = (control.parent.controls as any)[referenceIdKey] ? (control.parent.controls as any)[referenceIdKey].value : 0;
+                return validatorService.validateUserName(control.value, type, referenceId)
+                    .pipe(
+                        map((res: boolean) => {
+                            return res ? { userNameExists: true } : null;
+                        })
+                    );
+            })
+        );
+    };
+}
\ No newline at end of file

Presentation/Hims.Admin/src/app/shared/validators/whitespace.validator.ts

+import { FormControl } from "@angular/forms";
+import { RegExHelper } from "@shared/helpers";
+
+export class WhiteSpaceValidator {
+    static isValid(control: FormControl): object | null {
+        const value = control.value;
+
+        if (!value) {
+            return null;
+        }
+        
+        if (RegExHelper.whiteSpace.test(value)) {
+            return { 'whiteSpaces': true };
+        }
+
+        return null;
+    }
+}
\ No newline at end of file

Presentation/Hims.Admin/src/app/shared/validators/zipcode.validator.ts

+import { FormControl } from "@angular/forms";
+import { RegExHelper } from "@shared/helpers";
+
+export class ZipcodeValidator {
+    static isValid(control: FormControl): object | null {
+        const value = control.value;
+        if (!value || !control.parent) {
+            return null;
+        }
+
+        const countryControl = control.parent.get("countryId");
+        if (countryControl) {
+            const countryId = countryControl.value;
+            if (countryId) {
+                if (!RegExHelper.numbersOnly.test(value)) {
+                    return { 'invalidZipcode': true };
+                }
+
+                if(countryId === 1 &&  !/^\b\d{6}?\b$/.test(value)) {
+                    return { 'invalidZipcode': true };
+                }
+
+                if(countryId === 2 &&  !/^\b\d{5}?\b$/.test(value)) {
+                    return { 'invalidZipcode': true };
+                }
+
+                if(countryId === 3 &&  !/^\b\d{4}?\b$/.test(value)) {
+                    return { 'invalidZipcode': true };
+                }
+            }
+
+            return null;
+        } else {
+            if (!RegExHelper.numbersOnly.test(value) || !/^\b\d{6}(-\d{4})?\b$/.test(value)) {
+                return { 'invalidZipcode': true };
+            }
+
+            return null;
+        }
+    }
+}
\ No newline at end of file

Presentation/Hims.Admin/src/app/shared/widgets/index.ts

+export * from "./otp/otp.widget";

Presentation/Hims.Admin/src/app/shared/widgets/otp/otp.html

+<form [formGroup]="form" (ngSubmit)="onValidate()">
+    <div class="d-block text-center">
+        <img width="200" class="mb-3" src="assets/images/otp.png" alt="OTP" />
+    </div>
+    <p class="text-center" *ngIf="model.countryId !== 0"><b>Verification code</b> has been sent to your mobile number (+{{model.countryCode}}) {{model.username}}, please enter the same here.</p>
+    <p class="text-center" *ngIf="model.countryId === 0"><b>Verification code</b> has been sent to your email address {{model.username}}, please enter the same here.</p>
+    <p class="text-center" *ngIf="otpExpiresIn">Verification code will expires in <b>{{otpExpiresIn | minuteSeconds}}</b></p>
+    <p class="text-center" *ngIf="!otpExpiresIn">
+        <ng-container *ngIf="!submitting">Verification code is expired. <a href="javascript:;" (click)="onSendOTP()">Resend new</a></ng-container>
+        <ng-container *ngIf="submitting"><span class="spinner-border-sm spinner-border text-warning mr-2"></span>Please wait while sending new Verification code...</ng-container>
+    </p>
+    <div class="row justify-content-center">
+        <div class="form-group mb-4 col-sm-2" *ngFor="let input of formInput; index as i">
+            <input #formRow type="text" formControlName="{{input}}" block autocomplete="nope" numbersOnly class="form-control" [ngClass]="{ 'is-invalid': submitted && (form.get(input).errors || !otpValid) }" maxlength="1" (keyup)="onKeyUpEvent($event, i)">
+        </div>
+    </div>
+    <button type="submit" [disabled]="submitting" class="btn btn-primary btn-block">Submit</button>
+</form>
\ No newline at end of file

Presentation/Hims.Admin/src/app/shared/widgets/otp/otp.widget.ts

+import { HttpErrorResponse } from "@angular/common/http";
+import { AfterViewInit, Component, EventEmitter, Input, OnDestroy, Output, ViewChildren, ViewEncapsulation } from "@angular/core";
+import { FormControl, FormGroup, Validators } from "@angular/forms";
+import { ApiResources, UtilHelper } from "@shared/helpers";
+import { OTPResponse, Page } from "@shared/models";
+import { HttpService, NotifyService } from "@shared/services";
+import { Subscription, interval } from "rxjs";
+import { finalize, takeUntil } from "rxjs/operators";
+
+class OTPModel {
+    username: string;
+    countryId: number;
+    countryCode: string;
+}
+
+@Component({
+    templateUrl: "./otp.html",
+    selector: "otp",
+    encapsulation: ViewEncapsulation.None
+})
+export class OTPWidget implements AfterViewInit, OnDestroy {
+    @ViewChildren("formRow") rows: any;
+    @Input() model: OTPModel;
+    @Input() otp: string;
+    @Input() otpExpiresIn: number;
+    @Output() validateOTPEmitter = new EventEmitter<boolean>();
+
+    page: Page;
+
+    formInput = ["input1", "input2", "input3", "input4"];
+    form: FormGroup;
+    submitting: boolean;
+    submitted: boolean;
+
+    otpSession: Subscription;
+    otpValid: boolean;
+
+    constructor(
+        private readonly httpService: HttpService,
+        private readonly notifyService: NotifyService
+    ) {
+        this.page = new Page();
+        this.startOTPSession();
+        this.buildForm();
+    }
+
+    private buildForm() {
+        this.form = this.toFormGroup(this.formInput);
+    }
+
+    private toFormGroup(elements) {
+        const group: any = {};
+        elements.forEach(key => {
+            group[key] = new FormControl("", Validators.required);
+        });
+        return new FormGroup(group);
+    }
+
+    onKeyUpEvent(event, index: number) {
+        const position = event.keyCode === 8 && event.which === 8 ? index - 1 : index + 1;
+        if (position > -1 && position < this.formInput.length) {
+            this.rows._results[position].nativeElement.focus();
+        }
+    }
+
+    private startOTPSession() {
+        this.otpSession = interval(1000).subscribe(() => {
+            if (this.otpExpiresIn === 0) {
+                this.endOTPSession();
+                return;
+            }
+
+            this.otpExpiresIn--;
+        });
+    }
+
+    private endOTPSession() {
+        this.otpSession.unsubscribe();
+        this.otpExpiresIn = undefined;
+    }
+
+    onSendOTP() {
+        this.buildForm();
+
+        this.submitting = true;
+        this.httpService
+            .post<OTPResponse>(ApiResources.getURI(ApiResources.application.base, ApiResources.application.sendOtp), this.model, false)
+            .pipe(finalize(() => { this.submitted = false, this.submitting = false }))
+            .pipe(takeUntil(this.page.unSubscribe))
+            .subscribe(
+                (response: OTPResponse) => {
+                    if (response.error) {
+                        this.notifyService.warning(response.errorDescription);
+                    } else {
+                        this.otp = response.otp;
+                        this.otpExpiresIn = response.otpExpiresIn;
+                        this.startOTPSession();
+                    }
+                },
+                (error: HttpErrorResponse) => {
+                    const errorMessage = UtilHelper.handleError(error);
+                    if (errorMessage) {
+                        this.notifyService.warning(errorMessage);
+                    } else {
+                        this.notifyService.defaultError();
+                    }
+                }
+            );
+    }
+
+    onValidate() {
+        this.submitted = true;
+        if (!this.form.valid) {
+            return;
+        }
+
+        const otp: string = this.rows._results.map(m => m.nativeElement.value).join("");
+        if (this.otp === otp) {
+            this.otpValid = true;
+            this.validateOTPEmitter.emit(true);
+        } else {
+            this.otpValid = false;
+        }
+    }
+
+    ngAfterViewInit() {
+        this.rows._results[0].nativeElement.focus();
+    }
+
+    ngOnDestroy() {
+        this.endOTPSession();
+        this.page.unsubscribeAll();
+    }
+}
\ No newline at end of file

Presentation/Hims.Admin/src/assets/css/BarcodePrint.css

+@media print {
+    @page {
+        
+        margin-top: 0.01mm !important;
+        margin-left: 15mm !important;
+       
+        margin-bottom:20mm !important;
+        padding: 0 !important;
+        size: 2.8in 1.9in !important;
+    }
+}

Presentation/Hims.Admin/src/assets/css/blue-theme.css

+body[data-topbar-color="light"] .navbar-custom {
+    background-color: #ffffff !important;
+    box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
+    /* Search */
+}
+body[data-layout-mode="two-column"] .sidebar-icon-menu .logo {
+    display: block;
+    width: 80px;
+    height: 65px;
+    line-height: 65px;
+    text-align: center;
+    z-index: 1002;
+    background-color: #0766ff;
+}
+
+body[data-layout-mode="two-column"] .left-side-menu {
+    background-color: #4d92ff;
+    box-shadow: none;
+}
+body[data-layout-mode="two-column"] .layout-sidebar-main-menu {
+    display: block;
+    position: fixed;
+    width: 254px;
+    background-color: #4087f9;
+    top: 0;
+    bottom: 6px;
+    left: 88px;
+    padding: 4px 0px;
+    box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
+    transition: all .1s ease-out;
+}
+body[data-layout-mode="two-column"] .sidebar-icon-menu {
+    position: fixed;
+    width: 80px;
+    z-index: 500;
+    top: 0;
+    bottom: 0;
+    padding-bottom: 20px;
+    background: #0766ff;
+    overflow: hidden auto;
+}
+.widget-count {
+    height: 100%;
+    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
+    border-radius: 30px;
+    color: #0a67eb;
+    border: 2px solid rgb(119 172 247);
+    background-image: url("assets/images/pattern.png");
+    background-position: left;
+}
+.count-filter-btn-block {
+    position: absolute;
+    cursor: pointer;
+    right: 10px;
+    top: 10px;
+    cursor: pointer;
+    padding: 1px 5px;
+    background-color: #0a67eb;
+    border-radius: 50%;
+    color: #FFF;
+}
+.widget-graph .filter-btn-block {
+    cursor: pointer;
+    padding: 5px 9px;
+    background-color: #0a67eb;
+    border-radius: 50%;
+    color: #FFF;
+}
+.widget-table, .widget-graph {
+    box-shadow: 0 3px 10px rgb(0 0 0 / 20%) !important;
+    border-radius: 20px;
+    color: #0a67eb;
+    border: 2px solid rgb(119 172 247);
+}
+.layout-main-menu-active .menu-active i {
+    color: #0a67eb !important;
+}
+.layout-main-menu-active .menu-active a:hover i {
+    color: #0a67eb !important;
+}
+.layout-main-menu-active .menu-active .text-white {
+    color: #0a67eb !important;
+}
+a:hover {
+    color: #095cd2;
+    text-decoration: none;
+}
+.Bookedlayout-main-menu-inactive .inactive-highlight i {
+    color: #0a67eb !important;
+}
+.layout-main-menu-inactive .inactive-highlight i {
+    color: #0a67eb !important;
+}
+.layout-main-menu-inactive .inactive-highlight a:hover i {
+    color: #0a67eb !important;
+}
+.layout-main-menu-inactive .inactive-highlight .text-white {
+    color: #0a67eb !important;
+}
+.custom-modal .modal-header {
+    background: #3283f6 url(../images/hero_bg_1.svg) repeat fixed;
+}
+
+.anchorFocus:focus {
+    border: 1px solid #3283f6 !important;
+    display: flex;
+    align-items: center;
+}
+.fe-menu:before {
+    content: "\e88f";
+    border-radius: 4px;
+    background-color: white;
+    padding: 2px;
+    border: 1px solid #3283f6;
+}
+
+[class^="fe-"] {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'feather' !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    /*color: #0d6df4;*/
+    z-index: 10;
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.trapezium {
+    height: 0px;
+    min-width: 80px;
+    display: inline-block;
+    border-bottom: 30px solid #589bf7;
+    border-right: 15px solid transparent;
+    text-align: center;
+    max-width:100%;
+}
+
+.headingStyle {
+    color: white;
+    font-size: clamp(13px, 2vmin, 1rem);
+    line-height: 30px;
+    border-bottom: 2px solid #589bf7;
+    height: 32px;
+}
+.encounter-menu .dropdown-item.active {
+    background: #ffffff;
+    color: black;
+}
+.actions-dropdown {
+    background: linear-gradient(to bottom, #3283f6 0, #0a67eb 100%);
+}
+body[data-topbar-color="light"] .navbar-custom .button-menu-mobile {
+    color: #3283f6;
+}
+
+
+/*copied bootstrap classes responsible for primary and white colors which is overided in yellow and gray theme*/
+.btn-primary:hover {
+    color: #fff !important;
+    background-color: #0d6df4;
+    border-color: #0a67eb;
+}
+.form-control:focus {
+    color: #5a5a5a;
+    background-color: #fff;
+    border-color: #0a67eb;
+    outline: 0;
+    box-shadow: none;
+}
+
+.bg-primary {
+    background-color: #3283f6 !important;
+}
+.btn-primary {
+    color: #fff;
+    background-color: #3283f6;
+    border-color: #3283f6;
+}
+
+.btn-outline-primary:hover {
+    color: #fff;
+    background-color: #3283f6;
+    border-color: #3283f6;
+}
+
+
+.btn-outline-primary {
+    color: #3283f6;
+    border-color: #3283f6;
+}
+
+.badge-primary {
+    color: #fff;
+    background-color: #3283f6;
+}
+
+.text-primary {
+    color: #3283f6 !important;
+}
+
+a {
+    color: #3283f6;
+    text-decoration: none;
+    background-color: transparent;
+}
+
+.page-item.active .page-link {
+    z-index: 3;
+    color: #fff;
+    background-color: #3283f6;
+    border-color: #3283f6;
+}
+.border-primary {
+    border-color: #3283f6 !important;
+}
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+    background-color: #0a67eb !important;
+}
\ No newline at end of file

Presentation/Hims.Admin/src/assets/css/custom.css

+::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: #a2adb7;
+    border-radius: 7px;
+}
+
+::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px #ffffff;
+    background-color: #ffffff;
+}
+
+.my-class .card-header {
+    background-color: springgreen;
+}
+
+.my-class .card-body {
+    background-color: springgreen;
+}
+
+.my-class .card-footer {
+    background-color: springgreen;
+}
+
+.package-module-charge-category-container {
+    position: absolute;
+    top: -45px;
+    right: 6%;
+}
+
+.package-module-charge-category-container ng-select {
+    min-width: 350px;
+}
+
+.strike-item {
+    text-decoration: line-through;
+    text-decoration-color: #d75757;
+}
+
+.package-charges-loading {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    background: rgb(50 58 70 / 25%);
+    z-index: 9;
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    border-radius: 4px;
+}
+
+.package-charges-loading div {
+    border-radius: 4px;
+    position: relative;
+    top: 20%;
+}
+
+.btn-scroll-top {
+    position: fixed;
+    bottom: 15px;
+    right: 15px;
+    display: none;
+    z-index: 99;
+    outline: none !important;
+    box-shadow: none !important;
+    font-size: 16px;
+    padding: 0;
+    width: 35px;
+    height: 35px;
+    border-radius: 100%;
+    background: #616161;
+    background: rgba(97, 97, 97, 0.7);
+    border-color: #616161;
+    border-color: rgba(97, 97, 97, 0.7);
+}
+
+.quick-actions-menu i {
+    width: 20px;
+    vertical-align: middle;
+}
+
+.quick-actions-menu .mdi {
+    font-size: 16px;
+}
+
+.change-password-modal .modal-dialog {
+    max-width: 350px !important;
+}
+
+.custom-modal .modal-header .modal-title {
+    color: #ffffff;
+}
+
+.custom-modal .modal-header .close {
+    color: #ffffff;
+}
+
+.custom-modal .modal-footer {
+    background: #f7f7f7;
+}
+
+
+.show-must {
+    display: block !important;
+}
+
+.cursor-pointer {
+    cursor: pointer !important;
+}
+
+@-webkit-keyframes checkmark {
+    0% {
+        stroke-dashoffset: 50px
+    }
+
+    100% {
+        stroke-dashoffset: 0
+    }
+}
+
+@-ms-keyframes checkmark {
+    0% {
+        stroke-dashoffset: 50px
+    }
+
+    100% {
+        stroke-dashoffset: 0
+    }
+}
+
+@keyframes checkmark {
+    0% {
+        stroke-dashoffset: 50px
+    }
+
+    100% {
+        stroke-dashoffset: 0
+    }
+}
+
+@-webkit-keyframes checkmark-circle {
+    0% {
+        stroke-dashoffset: 240px
+    }
+
+    100% {
+        stroke-dashoffset: 480px
+    }
+}
+
+@-ms-keyframes checkmark-circle {
+    0% {
+        stroke-dashoffset: 240px
+    }
+
+    100% {
+        stroke-dashoffset: 480px
+    }
+}
+
+@keyframes checkmark-circle {
+    0% {
+        stroke-dashoffset: 240px
+    }
+
+    100% {
+        stroke-dashoffset: 480px
+    }
+}
+
+.icon--success svg path {
+    -webkit-animation: checkmark .25s ease-in-out .7s backwards;
+    animation: checkmark .25s ease-in-out .7s backwards
+}
+
+.icon--success svg circle {
+    -webkit-animation: checkmark-circle .6s ease-in-out backwards;
+    animation: checkmark-circle .6s ease-in-out backwards
+}
+
+.break-all {
+    word-break: break-all !important;
+}
+
+.auth-signup-box {
+    max-width: 620px !important;
+}
+
+.terms-ul,
+.terms-ul ol {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    text-align: justify;
+}
+
+.terms-ul li .list-rank {
+    width: 24px;
+    display: inline-block;
+    vertical-align: top;
+    font-weight: 600;
+}
+
+.terms-ul li p {
+    margin-bottom: 10px;
+}
+
+.terms-ul ol li+li {
+    margin-top: 8px;
+}
+
+.error-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+}
+
+.error-container .error-box {
+    width: 520px;
+    text-align: center;
+}
+
+.bg-error-light {
+    background-color: #ffe0e0;
+}
+
+.no-data {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-direction: normal;
+    -webkit-box-orient: vertical;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+}
+
+.no-data img {
+    margin-bottom: 1.5rem;
+    /*opacity: 0.65;*/
+    width: 125px;
+}
+
+.no-data span.title {
+    font-size: 15px;
+}
+
+.no-data span.sub-title {
+    font-size: 13px;
+    margin-bottom: 0;
+}
+
+.mh-400 {
+    min-height: 400px;
+}
+
+.content-breaker:before {
+    content: "-";
+    margin-left: 3px;
+    margin-right: 3px;
+}
+
+.data-breaker:before {
+    content: "";
+    margin-left: 5px;
+    margin-right: 5px;
+    border-left: 1px solid #c0c0c0;
+}
+
+tr.selected {
+    background-color: #f1ebbe !important;
+}
+
+.ph-loading {
+    margin: 0 -15px;
+    border: none;
+    padding: 0;
+}
+
+.ph-avatar-loading {
+    border-radius: 100%;
+    height: 100%;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.filters-header {
+    background: linear-gradient(to bottom, #3283f6 0, #0a67eb 100%);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 1rem;
+    height: 65px;
+}
+
+.filters-header h4 {
+    margin: 0;
+    color: #fff;
+}
+
+.filters-header a {
+    color: #fff;
+    font-size: 16px;
+}
+
+.filters-body {
+    padding: 1rem;
+}
+
+.filters-footer {
+    position: static;
+    bottom: 0;
+    width: 100%;
+    background: #f7f7f7;
+    padding: 1rem;
+    display: flex;
+    justify-content: flex-end;
+}
+
+.form-group label.mb-1 {
+    text-transform: capitalize;
+}
+
+.date-picker {
+    cursor: pointer;
+    padding-right: 2em;
+    background: url(../images/calendar.svg) #fff no-repeat center right 0.625rem/calc(0.75em + 0.46875rem) calc(0.75em + 0.46875rem);
+}
+
+.date-picker:disabled,
+.date-picker[readonly] {
+    background-color: #fff;
+}
+
+ngb-datepicker {
+    background-color: #fff !important;
+    border: 1px solid #485e90 !important;
+    border: 1px solid rgba(72, 94, 144, 0.16) !important;
+    font-family: inherit !important;
+    font-size: 13px !important;
+    padding: 10px !important;
+    margin: 1px 0 0 !important;
+    width: auto !important;
+    z-index: 5 !important;
+    border-radius: 0.25rem !important;
+}
+
+.ngb-dp-header {
+    border-radius: 0 !important;
+    padding: 0 !important;
+    background-color: transparent !important;
+    margin-bottom: 8px;
+}
+
+.ngb-dp-arrow-btn {
+    font-size: 10px;
+    padding: 0 !important;
+    margin: 0 !important;
+}
+
+.ngb-dp-arrow-btn:focus {
+    outline: none;
+}
+
+.ngb-dp-navigation-select select {
+    font-size: 13px !important;
+    font-weight: 600;
+}
+
+.ngb-dp-navigation-select select+select {
+    margin-left: 8px;
+}
+
+.ngb-dp-month-name {
+    color: #FCC015;
+    font-weight: 600;
+    font-size: 13px !important;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    background-color: transparent !important;
+}
+
+.ngb-dp-weekday {
+    text-transform: uppercase;
+    font-size: 11px;
+    font-weight: 600;
+    letter-spacing: 1px;
+    line-height: 1.5rem !important;
+    /*padding: 6px 9px;*/
+    color: #1b2e4b !important;
+    font-style: normal !important;
+    background-color: transparent !important;
+}
+
+.ngb-dp-month:first-child .ngb-dp-week {
+    padding-left: 0 !important;
+}
+
+.ngb-dp-month:last-child .ngb-dp-week {
+    padding-right: 0 !important;
+}
+
+.ngb-dp-weekdays {
+    border-bottom: none !important;
+    margin-bottom: 8px;
+}
+
+.ngb-dp-day,
+.ngb-dp-week-number,
+.ngb-dp-weekday {
+    margin: 0;
+}
+
+.ngb-dp-month .ngb-dp-week:last-child {
+    padding-bottom: 0 !important;
+}
+
+[ngbDatepickerDayView] {
+    border-radius: 100% !important;
+}
+
+@-webkit-keyframes stripes {
+    from {
+        background-position: 0 0
+    }
+
+    to {
+        background-position: 60px 30px
+    }
+}
+
+@keyframes stripes {
+    from {
+        background-position: 0 0
+    }
+
+    to {
+        background-position: 60px 30px
+    }
+}
+
+.profile-pic-upload {
+    position: relative;
+    max-width: 150px;
+    max-height: 194px;
+    display: flex;
+    /*float: right;*/
+    align-items: center;
+    justify-content: center;
+    flex-flow: column;
+    background: #f8f8f8;
+}
+
+.scroll-none::-webkit-scrollbar {
+    display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+.scroll-none {
+    -ms-overflow-style: none;
+    /* IE and Edge */
+    scrollbar-width: none;
+    /* Firefox */
+}
+
+.profile-pic-upload .upload-action {
+    display: none;
+    align-items: center;
+    justify-content: center;
+}
+
+.profile-pic-upload:hover .upload-action {
+    display: flex;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background: #3283f6;
+    background: rgba(50, 131, 246, 0.1);
+}
+
+.profile-pic-upload:focus .upload-action {
+    display: flex;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background: #3283f6;
+    background: rgba(50, 131, 246, 0.1);
+}
+
+.profile-pic-upload .no-image {
+    width: 50%;
+}
+
+.form-box {
+    padding: 12px;
+    border: 1px solid #f2f2f2;
+}
+
+.form-box+form-box {
+    margin-top: 12px;
+}
+
+.overflow-y-hidden {
+    overflow-y: hidden !important;
+}
+
+.table-form {
+    margin: -12px;
+}
+
+.anchorFocusonly:focus {
+    border: 1px solid #3283f6 !important;
+}
+
+.table-form td {
+    vertical-align: middle;
+    padding: 12px;
+}
+
+.table-form tr:last-child td {
+    padding-bottom: 1px;
+}
+
+.profile-box {
+    background-image: url(../images/bg-pattern-2.png);
+    background-size: 100%;
+    background-repeat: no-repeat;
+}
+
+.card-box .box-title {
+    font-size: clamp(13px, 2vmin, 1rem);
+    background: #edfaf7;
+    /*background: #f3f7f9;*/
+    padding: 12px;
+    border-radius: 0.25rem;
+    margin: -23px;
+    margin-bottom: 24px;
+}
+
+.modifying-content {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    background: #000000;
+    background: rgba(0, 0, 0, 0.1);
+    position: absolute;
+    z-index: 9;
+    align-items: center;
+    justify-content: center;
+    left: 0;
+    bottom: 0;
+    border-radius: 0.25rem;
+}
+
+.modifying-content p {
+    background: #fff;
+    box-shadow: 0 0 6px 0 #333;
+    padding: 8px 16px;
+    border-radius: 0.25rem;
+    margin-bottom: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.slots-container {
+    height: 360px;
+    margin-left: -12px;
+    margin-right: -12px;
+    margin-top: 12px;
+    margin-bottom: 0;
+}
+
+.slots-container .slots-body+.slots-body {
+    margin-top: 24px;
+}
+
+.slots-container .slots-body h6 {
+    font-size: 13px;
+    margin-bottom: 0;
+    margin-left: 12px;
+    margin-top: 0;
+}
+
+.slots-container .slots-body .slot {
+    min-width: 73px;
+    border-radius: 0.25rem;
+    padding: 4px;
+    font-size: 12px;
+    font-weight: 600;
+    display: inline-block;
+    text-align: center;
+    margin-top: 12px;
+    margin-left: 12px;
+    text-transform: lowercase;
+    -webkit-box-shadow: 0 0 3px 0 #000000;
+    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: 0 0 3px 0 #000000;
+    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
+    box-shadow: 0 0 3px 0 #000000;
+    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
+}
+
+.slots-container .slots-body .slot i {
+    margin-right: 5px;
+}
+
+.slots-container .slots-body .slot i:before {
+    margin: 0;
+}
+
+.slots-container .slots-body:last-child {
+    margin-bottom: 2px;
+}
+
+.slot.Booked,
+.slot.Expired {
+    background: #ffe2e2;
+    text-decoration: line-through;
+    cursor: default;
+    border: 1px solid #f3cbcb;
+}
+
+.slot.Available {
+    background: #f6faff;
+    color: #3283f6;
+    cursor: pointer;
+    border: 1px solid #e1ecfb;
+}
+
+
+.slot.Available.selected {
+    background: #3283f6 !important;
+    color: #fff;
+}
+
+.mh-360 {
+    min-height: 360px !important;
+}
+
+.appointment-form {
+    padding: 16px 6px 22px;
+    margin-bottom: 0;
+}
+
+.slots-modal {
+    overflow-x: hidden !important;
+    overflow-y: scroll !important;
+}
+
+.slots-modal .modal-dialog {
+    max-width: 970px;
+}
+
+.extra-large-modal {
+    overflow-x: hidden !important;
+    overflow-y: scroll !important;
+}
+
+.extra-large-modal .modal-dialog {
+    max-width: 1120px;
+}
+
+.bootbox .modal-dialog {
+    max-width: 350px;
+    text-align: center;
+}
+
+.bootbox .modal-dialog .modal-content {
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+.bootbox .modal-dialog .modal-content .modal-header {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-bottom: 0;
+}
+
+.bootbox .modal-dialog .modal-content .modal-footer {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.close-profile {
+    position: absolute;
+    right: 25px;
+    top: 10px;
+    font-size: 16px;
+    color: #f86262;
+}
+
+.close-profile:hover,
+.close-profile:focus {
+    color: #ff4500;
+}
+
+/*.invoice-modal .modal-dialog {
+    max-width: 600px;
+}*/
+
+.table-appointment {
+    margin-top: 3rem;
+    margin-bottom: 1.5rem;
+}
+
+.table-appointment th,
+.table-appointment td {
+    padding: 10px;
+}
+
+ul.inv-info {
+    margin-bottom: 0;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+ul.inv-info li span:first-child {
+    width: 80px;
+    margin-right: 15px;
+    margin-bottom: 0;
+    display: inline-block;
+    vertical-align: middle;
+    line-height: 30px;
+}
+
+ul.inv-info li:last-child {
+    font-size: 16px;
+    font-weight: 600;
+}
+
+ul.inv-info li span:last-child {
+    display: inline-block;
+    vertical-align: middle;
+    text-align: right;
+    width: 50px;
+}
+
+.ht-100p {
+    height: 100% !important;
+}
+
+
+.actions-dropdown .dropdown-item {
+    color: #fff;
+}
+
+.actions-dropdown .dropdown-item i {
+    position: relative;
+    top: -1px;
+}
+
+.actions-dropdown .dropdown-item .mdi {
+    font-size: 16px;
+}
+
+.actions-dropdown .dropdown-item:hover,
+.actions-dropdown .dropdown-item:focus {
+    background: #000000;
+    background: rgba(0, 0, 0, 0.1);
+}
+
+.table-transaction tr td {
+    padding: 6px 12px;
+    word-break: break-all;
+}
+
+.table-transaction tr td:first-child {
+    width: 180px;
+    background: #e9f0f4;
+    font-weight: 600;
+    text-transform: capitalize;
+}
+
+.layout-title h4 {
+    line-height: 65px;
+    margin: 0;
+    padding-left: 24px;
+    min-width: 220px;
+    display: flex;
+    font-size: 20px;
+}
+
+.encounter-menu .dropdown-item {
+    font-weight: 300;
+    font-size: .9rem;
+}
+
+
+
+.encounter-menu .dropdown-item.active::after {
+    font-family: feather;
+    content: "\e829";
+    position: absolute;
+    right: 15px;
+    margin-top: -1px;
+    color: black;
+}
+
+.encounter-profile-list {
+    line-height: 24px;
+    font-size: 14px;
+    border-bottom: 1px solid #3685f3;
+    padding: 0.5rem;
+    margin-bottom: 0.5rem;
+    width: 100%;
+}
+
+.encounter-profile-list ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.encounter-profile-list ul li i {
+    width: 18px;
+    display: inline-block;
+    vertical-align: middle;
+    color: #adb5bd;
+    font-size: 16px;
+}
+
+.text-mute {
+    color: #5e7d8a !important;
+}
+
+.card-box-sm {
+    padding: 1rem !important;
+}
+
+.ck.ck-reset_all,
+.ck.ck-reset_all * {
+    font-family: "Nunito", sans-serif !important;
+    font-size: 0.875rem !important;
+    font-weight: 400 !important;
+}
+
+.ck.ck-icon:not(.ck-dropdown__arrow) {
+    width: 15px !important;
+    font-size: 13px !important;
+    outline: none !important;
+}
+
+.ck-dropdown__arrow {
+    width: 10px !important;
+    font-size: 13px !important;
+    outline: none !important;
+}
+
+.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
+    min-height: 35px !important;
+}
+
+.ck.ck-toolbar>.ck-toolbar__items>*,
+.ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+}
+
+.ck-content {
+    min-height: 95px;
+}
+
+.ck.ck-tooltip .ck-tooltip__text {
+    font-size: 13px !important;
+}
+
+.ck.ck-list__item .ck-button .ck-button__label {
+    font-size: 13px !important;
+    line-height: 20px !important;
+}
+
+.notes-editor .ck-content {
+    min-height: 150px;
+}
+
+.input-group-text.custom-select {
+    background-color: #F7F7F7 !important;
+}
+
+.w-75p {
+    width: 75px !important;
+}
+
+.input-group-btn-group {
+    background-color: #f7f7f7;
+    border: 1px solid #ced4da;
+    border-top-right-radius: 0.2rem;
+    border-bottom-right-radius: 0.2rem;
+}
+
+.input-group-btn-group .btn-group {
+    height: 28px;
+    margin-top: 2px;
+    margin-left: 5px;
+    margin-right: 5px;
+}
+
+.input-group-btn-group .btn-group .btn {
+    background: transparent;
+    border: none;
+    border-radius: 0.2rem !important;
+}
+
+.input-group-btn-group .btn-group .btn:hover,
+.input-group-btn-group .btn-group .btn:focus,
+.input-group-btn-group .btn-group .btn:active {
+    background: transparent;
+    border: none;
+    outline: none;
+    box-shadow: none;
+}
+
+.input-group-btn-group .btn-group .btn.active {
+    background: #3283f6;
+    color: #fff;
+}
+
+.search-container {
+    position: relative;
+}
+
+.search-container .spinner-border {
+    position: absolute;
+    top: 58%;
+    right: 2%;
+}
+
+.search-container .dropdown-menu {
+    max-height: 300px;
+    width: 100%;
+    overflow: auto;
+    font-size: 13px;
+}
+
+.search-container .dropdown-menu .dropdown-item {
+    padding: 0.375rem 0.9rem;
+}
+
+.dosages span+span {
+    margin-left: 5px;
+    padding-left: 5px;
+    border-left: 1px solid #c0c0c0;
+}
+
+.text-truncate-line {
+    white-space: pre-line;
+    word-break: break-word;
+}
+
+.w-200p {
+    width: 200px;
+}
+
+.dashboard-box {
+    background-color: #fff;
+    box-shadow: 0 0 35px 0 #9aa1ab;
+    box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
+    margin-bottom: 24px;
+    border-radius: 0.25rem;
+}
+
+.dashboard-box .dashboard-title {
+    font-size: clamp(10px, 3vw, 20px);
+    background-color: #edfaf7;
+    padding: 12px;
+    border-top-left-radius: 0.25rem;
+    margin: 0;
+    border-top-right-radius: 0.25rem;
+}
+
+.dashboard-box .dashboard-body {
+    padding: 1rem;
+}
+
+.dashboard-box:last-child {
+    margin-bottom: 0;
+}
+
+.dashboard-table-box .dashboard-body {
+    padding: 0.5rem;
+}
+
+.dashboard-break {
+    margin-bottom: 1rem;
+}
+
+.dashboard-ul {
+    padding: 0;
+    margin-top: 0;
+    margin-bottom: 0;
+    list-style: none;
+}
+
+.dashboard-ul:not(.row) {
+    margin-left: 0;
+    margin-right: 0;
+}
+
+.dashboard-ul li {
+    line-height: 26px;
+}
+
+.dashboard-ul li:before {
+    content: "\e83f";
+    font-family: feather;
+    margin-right: 0.5rem;
+}
+
+.dashboard-inline-ul li {
+    line-height: 26px;
+    display: inline-block;
+    vertical-align: middle;
+    width: 20%;
+}
+
+.reading-block {
+    font-size: 24px !important;
+    font-weight: 600 !important;
+}
+
+.reading-label {
+    font-size: 13px !important;
+}
+
+.center-widget {
+    text-align: center;
+    height: 125px;
+}
+
+.center-widget .reading-block {
+    line-height: 5 !important;
+}
+
+.center-widget .reading-label {
+    line-height: 14 !important;
+    font-size: 1rem !important;
+    font-family: "Cerebri Sans,sans-serif";
+    color: #343a40;
+    font-weight: 500;
+}
+
+.report-content {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 9999;
+}
+
+.report-content .container {
+    padding: 30px 0 60px;
+}
+
+.report-box-shadow {
+    box-shadow: 0 0 6px 0 #9aa1ab;
+    box-shadow: 0 0 6px 0 rgba(154, 161, 171, 0.15);
+}
+
+.last-logged-in-settings {
+    padding: 1rem;
+    margin: -1rem;
+    font-size: 14px;
+    margin-bottom: 1.5rem;
+}
+
+.dashboard-text-truncate {
+    display: inline-block;
+    text-overflow: ellipsis;
+    word-break: break-all;
+    white-space: pre;
+    width: 150px;
+    overflow: hidden;
+    vertical-align: top;
+}
+
+.settings-menu .dropdown-item {
+    font-weight: 600;
+}
+
+.settings-menu .dropdown-item.active {
+    background: #3283f6;
+    color: #fff;
+}
+
+.settings-menu .dropdown-item.active::after {
+    font-family: feather;
+    content: "\e829";
+    position: absolute;
+    right: 15px;
+    margin-top: -1px;
+    color: #fff;
+}
+
+.settings-profile-list {
+    margin: 1rem;
+    line-height: 24px;
+    font-size: 14px;
+    border-bottom: 1px solid #eefaf8;
+    padding-bottom: 0.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.settings-profile-list ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.settings-profile-list ul li i {
+    width: 18px;
+    display: inline-block;
+    vertical-align: middle;
+    color: #adb5bd;
+    font-size: 16px;
+}
+
+.async-control {
+    position: absolute;
+    right: 6px;
+    top: 32px;
+    width: 24px;
+    height: 24px;
+    border-width: 3px;
+}
+
+
+.document-container {
+    display: flex;
+    align-items: center;
+    background-color: #fff;
+    position: relative;
+    -webkit-border-radius: .25rem;
+    -moz-border-radius: .25rem;
+    border-radius: .25rem;
+    -webkit-box-shadow: 0 0 15px 0 #000000;
+    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
+    -moz-box-shadow: 0 0 15px 0 #000000;
+    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: 0 0 15px 0 #000000;
+    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
+}
+
+.document-container>.document-actions {
+    display: flex;
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    right: 10px;
+    top: 10px;
+}
+
+.document-container>.document-actions a {
+    color: #6c757d;
+}
+
+.document-container .document-thumbnail {
+    width: 50px;
+    height: 60px;
+    background: #e9ecef;
+    padding: 5px;
+    border-radius: 0.25rem;
+    margin-left: 15px;
+}
+
+.document-container .document-thumbnail img {
+    width: 100%;
+    height: 100%;
+}
+
+.document-container .document-body {
+    padding: 15px;
+}
+
+.document-container .document-body h4 {
+    margin-top: 0;
+    margin-bottom: 5px;
+    font-size: 15px;
+    font-weight: 600;
+    color: #343a40;
+}
+
+.document-container .document-body h6 {
+    margin-top: 0;
+    margin-bottom: 5px;
+    font-size: 14px;
+    color: #6c757d;
+    font-weight: 400;
+}
+
+.document-container .document-body p {
+    margin-bottom: 0;
+    font-size: 13px;
+}
+
+.document-view-modal .modal-dialog {
+    max-width: 900px;
+}
+
+.document-view-modal .modal-body {
+    padding: 0;
+    min-height: 450px;
+}
+
+.document-view-modal .modal-body img {
+    max-width: calc(100% - 10px);
+    margin: 5px;
+    width: auto;
+}
+
+.previous-document {
+    position: fixed;
+    left: 15%;
+    background: #fff;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    top: 45%;
+    font-size: 20px;
+}
+
+.next-document {
+    position: fixed;
+    right: 15%;
+    background: #fff;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    top: 45%;
+    font-size: 20px;
+}
+
+.previous-document i:before,
+.next-document i:before {
+    margin: 0;
+}
+
+.font-33 {
+    font-size: 33px !important;
+}
+
+.text-hover:hover {
+    background-color: #485e90 !important;
+}
+
+.badge-active {
+    position: absolute;
+    margin-top: 25px;
+    color: #10B759 !important;
+    width: 10px;
+    height: 10px;
+    background: #10B759;
+    display: inline-block;
+    border-radius: 10px;
+}
+
+.icon-image {
+    padding: 0.25rem;
+    background-color: #2e80f5;
+    border: 1px solid #dee2e6;
+    border-radius: 0.25rem;
+    max-width: 100%;
+}
+
+.watermark {
+    background-image: url('../images/watermark.png');
+    background-size: 58%;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+
+fieldset {
+    border: 1px solid #ddd !important;
+    margin: 0;
+    min-width: 0;
+    padding: 10px;
+    position: relative;
+    border-radius: 4px;
+    padding-left: 10px !important;
+}
+
+legend {
+    font-size: 14px;
+    font-weight: bold;
+    margin-bottom: 0;
+    max-width: 65%;
+    border-radius: 4px;
+    padding: 5px 5px 5px 10px;
+    background-color: #ffffff;
+}
+
+.bootbox .modal-content {
+    border: 1px solid #989b9e !important;
+}
+
+.input-group-1 {
+    border-radius: .3rem;
+    background-color: #ffffff;
+    border-right: 0px;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    padding-right: 0px;
+}
+
+.date-clear-icon {
+    position: absolute;
+    cursor: pointer;
+    padding: 3px;
+}
+
+.date-clear-icon:hover {
+    background: #e8e6e6;
+    border-radius: 25px;
+}
+
+
+.imgavatar {
+    min-height: 30px;
+    min-width: 30px;
+}
+
+@media(max-width:1200px) {
+    .dpNone1 {
+        display: none;
+    }
+
+    .bgcolored {
+        background: #264e23;
+        opacity: .5;
+        padding: 0 6px;
+    }
+}
+
+@media(max-width:992px) {
+    .dInlineFlex {
+        display: inline-flex;
+    }
+
+    .dpNone {
+        display: none;
+    }
+}
+
+.blinking-dot {
+    background-color: #1784ea;
+}
+
+.dot-container:hover .blinking-dot {
+    background-color: #70b2f1;
+}
+
+.table-row-secondary {
+    background-color: #f2f6f8;
+}
+
+.btn-outline-primary:focus,
+.slot:focus {
+    outline: 1px solid #0a67eb;
+    background-color: #3283f6;
+    color: white;
+}
+
+.rowFocus:focus {
+    outline: 1px solid #0a67eb;
+    background-color: #e7e8e9;
+}
+
+.barcode>svg {
+    width: 100% !important;
+}
+
+.modal-xxl {
+    max-width: 90% !important;
+}
+
+.scrollableForm {
+    position: absolute;
+    right: 2%;
+    left: 2%;
+    top: 124px;
+    overflow: auto;
+    bottom: 70px;
+    padding-bottom: 1.5rem;
+}
+
+.scrollableFormWithSidebar {
+    position: absolute;
+    right: 2%;
+    left: 2%;
+    top: 124px;
+    overflow: auto;
+    bottom: 70px;
+    padding-bottom: 1.5rem;
+}
+
+@media(min-width:992px) {
+    .scrollableForm {
+        left: 99px;
+        right: 24px;
+    }
+
+    .scrollableFormWithSidebar {
+        right: 35px;
+        left: 310px;
+    }
+
+    .l-99 {
+        left: 99px;
+    }
+
+    .l-310 {
+        left: 310px;
+    }
+}
+
+.scrollableFormsSubmit {
+    position: fixed;
+    bottom: 35px;
+    background-color: #f9fbff;
+    left: 0px;
+    right: 0px;
+    padding: 0.375rem;
+    padding-right: 1.6%;
+    z-index: 1;
+}
+
+.margin-left-300 {
+    margin-left: 300px;
+}
+
+#dvContent {
+    height: 0;
+    width: 0;
+    visibility: hidden;
+    opacity: 0;
+    overflow: hidden;
+}
+
+.w-250px {
+    width: 250px;
+}
+
+.menu {
+    padding: 13px;
+    height: 39px;
+}
+
+.menu:hover {
+    background-color: #dadce0;
+    padding: 13px;
+    border-radius: 50%
+}
+
+.menu>div {
+    width: 16px;
+    opacity: 1;
+    height: 2px;
+    background-color: #5f6368;
+    margin-bottom: 3px;
+}
+
+.fc .fc-toolbar {
+    display: none !important;
+}
+
+.fc-view {
+    margin-top: 0px !important;
+}
+
+.fc-theme-standard .fc-scrollgrid {
+    border: 0px solid #ddd !important;
+}
+
+.calanderAlignment {
+    right: 10px;
+    left: 91px;
+    top: 65px;
+    bottom: 53px;
+}
+
+.providerCalander {
+    right: 10px;
+    left: 303px;
+    top: 65px;
+    bottom: 53px;
+}
+
+.ScanCalander {
+    right: 10px;
+    left: 90px;
+    top: 65px;
+    bottom: 53px;
+}
+
+@media(max-width:992px) {
+    .calanderAlignment {
+        left: 10px;
+    }
+
+    .providerCalander {
+        left: calc(303px - 70px);
+    }
+
+    .ScanCalander {
+        left: 10px;
+    }
+}
+
+.arrow {
+    color: #5f6368;
+    fill: #3c4043;
+    opacity: 1;
+    white-space: nowrap;
+    font-size: 2.5vmin;
+    font-weight: 500;
+    align-items: center;
+}
+
+.today {
+    font-family: "Google Sans", Roboto, Arial, sans-serif;
+    font-weight: 600;
+    letter-spacing: .25px;
+    text-transform: none;
+    opacity: 1;
+    color: #5f6368;
+    background-color: white;
+    border: 1px solid #dadce0;
+}
+
+.today:hover {
+    background-color: #dadce0;
+}
+
+.arrow {
+    color: #5f6368;
+    fill: #3c4043;
+    opacity: 1;
+    white-space: nowrap;
+    font-size: 2.5vmin;
+    font-weight: 500;
+    align-items: center;
+    cursor: pointer;
+}
+
+.prev1,
+.prev {
+    text-align: center;
+    width: 30px;
+    height: 30px;
+    line-height: 30px;
+}
+
+.next1,
+.next {
+    text-align: center;
+    width: 30px;
+    height: 30px;
+    line-height: 30px;
+}
+
+.prev1:hover {
+    background-color: #dadce0;
+    border-radius: 50%;
+    opacity: 1;
+}
+
+.next1:hover {
+    background-color: #dadce0;
+    border-radius: 50%;
+    opacity: 1;
+}
+
+.prev:hover {
+    background-color: #dadce0;
+    border-radius: 50%;
+    opacity: 1;
+}
+
+.next:hover {
+    background-color: #dadce0;
+    border-radius: 50%;
+    opacity: 1;
+}
+
+.commentPosition {
+    left: -13px;
+    top: -19px;
+}
+
+@media all and (max-width:992px) {
+    .responsiveNav {
+        position: absolute;
+        z-index: 2;
+        top: 43px;
+        padding-bottom: 26px;
+        border-right: 1px solid #e5e8eb !important;
+    }
+}
+
+#grad1 {
+    height: 13px;
+    width: 20px;
+    background-color: red;
+    /* For browsers that do not support gradients */
+    background-image: conic-gradient(pink 20deg, red 90deg, yellow 180deg, green 225deg, blue 260deg, pink 360deg);
+}
+
+#grad1:hover {
+    background-color: red;
+    rotate: -360deg;
+    transition-duration: 1s;
+    cursor: pointer;
+}
+
+.closeBtn:hover {
+    opacity: 0.3;
+}
+
+
+
+
+
+
+
+.flex-container {
+    display: flex;
+    background-color: rgb(226, 226, 226);
+    height: 100%;
+    background-image: url(../images/homeScreen.png);
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.flex-container>.div1 {
+    font-size: 30px;
+    flex-grow: 4;
+}
+
+.flex-container>.div2 {
+    background-image: linear-gradient(54deg, rgb(255 255 255 / 60%) 17%, rgb(255, 255, 255, 0.6) 57%);
+    flex-grow: 1;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+
+@media (max-width:992px) {
+    .flex-container>.div1 {
+        display: none;
+    }
+
+    .flex-container>.div2 {
+        background-color: #f1f1f1;
+        flex-grow: 1;
+    }
+}
+
+
+#backgroundOfwaterMark {
+    position: absolute;
+    z-index: 0;
+    background: transparent;
+    display: block;
+    min-height: 50%;
+    min-width: 81%;
+    color: yellow;
+    left: 14%;
+    bottom: 29px;
+}
+
+#dataContainer {
+    z-index: 1;
+}
+
+#bg-textOfwaterMark {
+    color: lightgrey;
+    font-size: 82px;
+    transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+}
+
+.modal-dialog-scrollable {
+    max-height: none !important;
+}
+
+.modal-dialog-scrollable .modal-body {
+    min-height: 200px;
+    max-height: calc(100vh - 180px);
+    overflow-x: hidden;
+}
+
+.fs-22 {
+    font-size: 22px;
+}
+
+.line-height-normal {
+    line-height: normal !important;
+}
+
+.min-height-70vh {
+    min-height: 70vh !important;
+}
+
+.filters-title {
+    font-size: 14px;
+    margin-left: 8px;
+}
+
+.package-details-section {
+    background: #fff;
+    font-size: 13px;
+    border: none;
+    padding: 0;
+    border-radius: 0;
+}
+
+.package-details-section.with-border {
+    background: #fcfcfc;
+    border: 1px solid #dee2e6;
+    padding: 0.5rem;
+    border-radius: 0.25rem;
+}
+
+.package-details-section+.package-details-section {
+    margin-top: 0.75rem;
+}
+
+.package-details-section th,
+td {
+    padding: 0.25rem 0.5rem !important;
+}
+
+.package-details-container {
+    background: #fcfcfc;
+    border: 1px solid #e5e8eb;
+    border-radius: 0.25rem;
+    padding: 0.5rem 0.75rem;
+}
+
+.package-amounts {
+    text-align: right;
+    font-weight: 600;
+    width: 100%;
+    margin-top: 1.5rem;
+    margin-bottom: 0.25rem;
+    font-size: 13px;
+}
+
+.package-amounts tr td,
+.table-light-border tr td {
+    border-color: #eef0f2 !important;
+}
+
+.package-amounts tr td:first-child {
+    width: 80%;
+}
+
+.table-light-border {
+    border-bottom: 1px solid #eef0f2;
+}
+
+.with-border .table-light-border {
+    border-bottom: none !important;
+}
+
+.pre-line {
+    white-space: pre-line;
+}
+
+.package-module-title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-right: 0.25rem;
+    font-weight: bold;
+    margin-bottom: 0.375rem;
+}
+
+.package-details-section.with-border .package-module-title {
+    margin-left: 0.25rem;
+}
+
+i.mdi.mdi-circle {
+    font-size: 5px;
+    position: relative;
+    top: -2.75px;
+    margin-right: 0.75rem;
+}
+
+.h-32 {
+    height: 32px;
+}
+
+.filters-box {
+    border: 1px solid #dee2e6;
+    padding: 0.375rem;
+    margin-bottom: 1.5rem;
+}
+
+.info-box {
+    display: flex;
+    flex-flow: column;
+}
+
+.info-box .title {
+    display: flex;
+    font-size: 13px;
+}
+
+.info-box .sub-title {
+    display: flex;
+    font-size: 11px;
+    color: #98a6ad;
+}
+
+.row-sm {
+    margin-left: -6px;
+    margin-right: -6px;
+}
+
+.row-sm .col {
+    padding: 0 6px;
+}
+
+.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
+    background-color: #feefc4;
+    border-color: #feefc4;
+    /*background-color: #3283f6;
+    border-color: #3283f6;
+    color: #fff;*/
+}
+
+.btn-chargable .btn {
+    margin: 0;
+    padding: 4px;
+    font-size: 12px;
+    min-width: 50px;
+}
+
+.btn-chargable .btn.selected {
+    background-color: #3283f6;
+    color: #fff;
+}
+
+
+.modal-alert {
+    position: relative;
+    top: -4px;
+    left: -4px;
+    margin: -12px;
+    margin-bottom: 0px;
+    border-radius: 0;
+    padding: 5px 16px;
+    width: calc(100% + 32px);
+    font-size: 13px;
+}
+
+.custom-control-label {
+    cursor: pointer;
+}
+
+.input-group-sm .input-group-text {
+    height: calc(1.5em + 0.56rem + 2.5px);
+    font-size: 13px;
+}
+
+.input-group-sm .input-group-text.ig-append {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    margin-left: -2px;
+}
+
+.input-group-sm .input-group-text.ig-prepend {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    margin-right: -2px;
+}
+
+.no-package-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    margin-top: 2rem;
+}
+
+.no-package-container img {
+    max-width: 350px;
+}
+
+.flex-child {
+    flex: 1;
+    margin-left: 4px;
+}
+
+.flex-parent {
+    display: flex;
+}
+
+.info-box-col {
+    display: flex;
+    flex-flow: column;
+    width: 100%;
+    align-content: center;
+}
+
+.m-top-67px {
+    margin-top: -27px;
+}
+
+@media(max-width:991px) {
+    .m-top-67px {
+        margin-top: -92px;
+    }
+}
+
+@media(max-width:500px) {
+    .m-top-67px {
+        margin-top: -75px;
+    }
+}
+
+.card-2 .card {
+    margin-bottom: 0;
+    font-size: 13px;
+}
+
+.card-2 .card-body {
+    padding: 0;
+}
+
+.card-2 .card-body .table {
+    margin: 0;
+    font-size: 13px;
+}
+
+.card-2 .card-body .table thead tr th {
+    border-bottom: 0;
+    border-top: 0;
+    background-color: #f3f7f9;
+    border-right: 1px solid #dee2e6;
+}
+
+.card-2 .card-body .table thead tr th:last-child {
+    border-right: 0;
+}
+
+.card-2 .card-body .table tbody tr td {
+    border-right: 1px solid #dee2e6;
+}
+
+.card-2 .card-body .table tbody tr td .action-icon {
+    font-size: 13px;
+}
+
+.card-2 .card-body .table tbody tr td:last-child {
+    border-right: 0;
+}
+
+.card-2 .card-body .table tbody tr:last-child {
+    height: 36px;
+    font-weight: 600;
+}
+
+.card-2 .card-body .table tbody tr:last-child td:first-child {
+    text-align: right;
+}
+
+.small-tooltip .tooltip-inner {
+    font-size: 13px;
+}
+
+.card-2 .card-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background: #fff;
+    border-bottom: 1px solid #dee2e6;
+    padding: 0.75rem;
+}
+
+.card-2 .card-header a {
+    font-size: 12px;
+}
+
+.card-2 .card-header .card-title {
+    font-size: 15px;
+    margin: 0;
+    display: flex;
+    align-items: center;
+    padding-left: 30px;
+    position: relative;
+}
+
+.card-2 .card-header .card-title span {
+    border-radius: 100%;
+    width: 24px;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    justify-content: center;
+    left: -3px;
+    font-size: 14px;
+}
+
+.card-2 .card-footer {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    background: #fff;
+    border-top: 1px solid #dee2e6;
+    padding: 0.475rem 0.75rem;
+    font-size: 13px;
+    font-weight: 700;
+}
+
+.card-2 .card-footer span:first-child {
+    margin-right: 0.5rem;
+}
+
+.card-2 .card-footer span:last-child {
+    min-width: 100px;
+    text-align: right;
+}
+
+.fixed-bottom {
+    background-color: #ffffff;
+    padding: 0.75rem;
+    padding-left: 2rem;
+    position: fixed;
+    z-index: 9;
+    width: 100%;
+    bottom: 0;
+    left: 0x;
+    border-top: 1px solid #dee2e6;
+    box-shadow: 6px 3px 6px 0 #333;
+}
+
+.service-order-totals {
+    background-color: #ffffff;
+    padding: 0.75rem;
+    padding-left: 2rem;
+    position: fixed;
+    z-index: 9;
+    width: calc(100% - 290px);
+    bottom: 0;
+    left: 290px;
+    border-top: 1px solid #dee2e6;
+    box-shadow: 6px 3px 6px 0 #333;
+}
+
+.service-order-totals .module-total {
+    border-right: 1px solid #dee2e6;
+    padding-left: 2rem;
+    display: flex;
+    align-items: center;
+}
+
+.service-order-totals .module-total span {
+    font-size: 14px;
+    margin-right: 1rem;
+    font-weight: 600;
+}
+
+.service-order-totals .module-total p {
+    font-size: 16px;
+    margin-top: 0.275rem;
+    font-weight: 700;
+}
+
+.service-order-totals .module-actions {
+    display: flex;
+    align-items: center;
+    justify-content: end;
+    padding-right: 4rem;
+}
+
+.info-cursor {
+    cursor: help;
+}
+
+.form-static-control {
+    display: block;
+    width: 100%;
+    height: calc(1.5em + 1rem);
+    padding: 0.45rem 0.75rem;
+    font-size: 13px;
+    line-height: 1.5;
+    color: #5a5a5a;
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 1px solid #ced4da;
+    border-radius: 0.2rem;
+    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+    margin-bottom: 0;
+    cursor: default;
+}
+
+.form-static-control.is-invalid {
+    border-color: #f86262 !important;
+}
+
+
+.input-group.is-invalid input,
+.input-group.is-invalid .input-group-text {
+    border-color: #f86262 !important;
+}
+
+.font-13 .ng-value,
+.font-13 .ng-option {
+    font-size: 13px;
+}
+
+.pro-user-name {
+    text-transform: capitalize;
+}
+
+.card-bordered {
+    border: 1px solid #dee2e6 !important;
+}
+
+.h-24px {
+    height: 24px;
+    overflow: hidden;
+    cursor: pointer;
+}
+
+.h-24px:hover {
+    height: auto;
+}
+
+.h-39px {
+    height: 36px;
+    overflow: hidden;
+    cursor: pointer;
+}
+
+.h-39px:hover {
+    height: auto;
+}
+
+.signature-container {
+    width: 240px;
+    background: #fcfcfc;
+    border: 2px dashed #e5e8eb;
+    height: 60px;
+    border-radius: 0.25rem;
+}
+
+.signature-container:not(.no-hover):hover {
+    cursor: pointer;
+    background: #e5e8eb;
+}
+
+.signature-container p {
+    display: flex;
+    align-items: center;
+    font-size: 12px;
+    justify-content: center;
+    margin-bottom: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.signature-container img,
+.signature-container.has-image p {
+    display: none;
+}
+
+.signature-container.has-image img,
+.signature-container p {
+    display: flex;
+}
+
+.inv-info-container {
+    font-size: 13px;
+    margin-bottom: 1rem;
+}
+
+.inv-info-container h4 {
+    font-size: 14px;
+    margin-bottom: 0.5rem;
+}
+
+.inv-info-container ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.inv-info-container ul li {
+    display: flex;
+    align-items: center;
+    grid-gap: 0.5rem;
+}
+
+.inv-info-container ul li div:first-child {
+    font-size: 12px;
+    width: 100px;
+}
+
+.info-container {
+    border: 1px solid #e5e8eb;
+    border-radius: 0.25rem;
+    padding: 0.5rem;
+    margin-bottom: 1rem;
+    line-height: 1.15rem;
+    background: #fcfcfc;
+    font-size: 13px;
+}
+
+.border-top-none {
+    border-top: none !important;
+}
+
+.inline-price-group {
+    position: relative;
+    width: 70%;
+    display: flex;
+    margin-left: 30%;
+}
+
+.inline-price-group span {
+    position: absolute;
+    top: 0.3rem;
+    left: 0.65rem;
+}
+
+.inline-price-group input {
+    padding-left: 1.5rem !important;
+    height: 26px !important;
+    border-color: #e5e8eb !important;
+}
+
+.table-prices {
+    border: 1px solid #dee2e6;
+}
+
+.table-prices tr {
+    height: 35px;
+}
+
+.table-prices tr th,
+.table-prices tr td {
+    border-right: 1px solid #dee2e6;
+}
+
+.table-prices tr th:last-child,
+.table-prices tr td:last-child {
+    border-right: none;
+}
+
+.table-prices tr.not-included td,
+.table-prices tr.not-included .form-check-label {
+    text-decoration: line-through;
+    text-decoration-color: #f86262;
+    text-decoration-line: line-through;
+    background: #f3f7f9;
+}
+
+.thead-no-bdr tr th {
+    border-top: 0;
+    padding-bottom: 0.45rem;
+    padding-top: 0.25rem;
+}
+
+.thead-no-bdr tr th:first-child {
+    padding-left: 0;
+}
+
+.thead-no-bdr tr th:last-child {
+    padding-right: 0;
+}
+
+.ng-select-28px {
+    min-width: 200px;
+}
+
+.ng-select-28px .ng-select-container {
+    min-height: 28px !important;
+}
+
+.ng-select-28px .ng-select-container .ng-input {
+    top: 0 !important;
+}
+
+.bgr {
+    border: 1px solid #e5e8eb;
+    border-radius: 0.25rem !important;
+    background: #fcfcfc !important;
+}
+
+.gp-small {
+    grid-gap: 0.5rem;
+}
+
+.form-fieldset {
+    /* border-color: #e5e8eb !important; */
+    border-color: #b2d0fc !important;
+}
+
+.form-fieldset legend {
+    width: auto !important;
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+    position: relative;
+    left: -0.5rem;
+    padding-inline-start: 0.5rem;
+    padding-inline-end: 0.5rem;
+    padding-right: 0;
+    font-size: 13px;
+}
+
+.form-fieldset+.form-fieldset {
+    margin-top: 1.25rem;
+}
+
+.min-width306 {
+    min-width: calc(100% - 77%);
+}
+
+@media(max-width:720px) {
+    .min-width306 {
+        min-width: 306px;
+    }
+}
+.roundHover:hover {
+    border:1px solid white;
+    border-radius: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+@media(min-width:1623px){
+    .headerObIcon{
+        display:none;
+    }
+}
+
+
+@media print {
+    .table-responsive {
+        overflow: visible !important; 
+        max-height: none !important; 
+    }
+}
+
+.rounded {
+    border-radius: 50px;
+}
\ No newline at end of file

Presentation/Hims.Admin/src/assets/css/full-calendar.css

+
+
+/*full callendar css start
+*/
+.fc .fc-timegrid-slot {
+    height: 3em !important;
+}
+
+.fc .fc-daygrid-day.fc-day-today {
+    background-color: white !important;
+}
+/*.fc .fc-event, .fc .fc-scrollgrid table tr {
+    height: 4em !important;
+}*/
+.fc-timegrid-body {
+    background-color: white !important;
+}
+
+.fc-timegrid-now-indicator-container {
+    background-color: white !important;
+}
+
+.fc-media-screen {
+    background-color: white !important;
+}
+
+.fc-v-event .fc-event-main-frame {
+    text-align: left !important;
+    /*display: flex !important;*/
+    align-items: center;
+    gap: 10px;
+    flex-direction: row !important;
+}
+
+.fc-v-event .fc-event-title {
+    font-size: 12px !important;
+    padding-left: 5px !important;
+    font-weight: bold !important;
+}
+
+/*.fc-timegrid-event-harness > .fc-timegrid-event {*/
+/*position: unset !important;*/
+/*padding: 0px 10px !important;
+    width:100%;
+}*/
+
+/*.fc-event {
+    margin: 0px 7px !important;
+}*/
+
+/*.fc-timegrid-event-harness {
+    overflow: auto;
+}*/
+
+/*.fc-timegrid-event-harness:hover {
+    z-index: 2442342423423423424234234 !important;
+}*/
+
+.fc-timegrid-event .fc-event-main {
+    padding: 0px !important;
+}
+
+
+.fc .fc-non-business {
+    background: lightgray !important;
+}
+
+#providerHeader > .ng-select-container {
+    overflow: auto;
+    height: 20px;
+    width: 300px;
+}
+
+.fc-agenda-slots td div {
+    height: 20px;
+}
+
+.fc-timegrid-slot {
+    height: 30em;
+    border-bottom: 0 !important;
+}
+
+.fc-timegrid-event .fc-event-time {
+    margin-bottom: 0px !important;
+}
+
+.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
+    background-color: #0d6df4 !important;
+    border-color: #0a67eb !important;
+    color: white !important;
+    margin-right: 5px;
+}
+
+.fc .fc-button-primary {
+    border-color: #0a67eb !important;
+    background-color: white !important;
+    color: #3283f6 !important;
+}
+
+.transform_li {
+    border: 1px solid #ababab;
+}
+
+    .transform_li:hover {
+        transform: translate(-7px, 0px);
+        border-bottom: 1px solid #1d75f0 !important;
+        background: #3283f6 !important;
+        color: #ffffff !important;
+        z-index: 1;
+        box-shadow: 2px 2px 3px #aaaaaa;
+        transition: .8s;
+    }
+
+.draggable > li:nth-child(even) {
+    background-color: #FCF5DF;
+}
+
+/*.fc-dayView-button {
+    background: #dee2e6 !important;
+    border: none !important;
+    color: #5a5a5a !important;
+    text-transform: capitalize !important;
+    box-shadow: none !important;
+    border-radius: 3px !important;
+    margin: 0 3px !important;
+    padding: 6px 12px !important;
+    height: auto !important;
+}*/
+
+/*full calendar css end*/

Presentation/Hims.Admin/src/assets/css/ng-select.css

+.ng-select-sm {
+    font-size: 0.7875rem !important;
+}
+
+.ng-select {
+    font-size: 0.875rem;
+}
+
+    .ng-select.ng-select-opened > .ng-select-container {
+        background: #fff;
+    }
+
+        .ng-select.ng-select-opened > .ng-select-container:hover {
+            box-shadow: none;
+        }
+
+        .ng-select.ng-select-opened > .ng-select-container .ng-arrow {
+            top: -1px;
+            border-color: transparent transparent #999;
+            border-width: 0 4px 4px;
+        }
+
+            .ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
+                border-color: transparent transparent #d1e8ff;
+            }
+
+    .ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
+    }
+
+    .ng-select.ng-select-opened.ng-select-top > .ng-select-container {
+        border-top-right-radius: 0;
+        border-top-left-radius: 0;
+    }
+
+    .ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
+        border-color: #3283f6;
+        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
+    }
+
+    .ng-select.ng-select-disabled > .ng-select-container {
+        background-color: #f9f9f9;
+    }
+
+    .ng-select .ng-has-value .ng-placeholder {
+        display: none;
+    }
+
+.ng-select .ng-select-container {
+    background-color: #fff;
+    align-items: center;
+    min-height: calc(1.5em + 0.9rem);
+    font-size: 0.875rem;
+    border: 1px solid #ced4da;
+    border-radius: 0.25rem;
+}
+
+    .ng-select .ng-select-container:hover {
+        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
+    }
+
+    .ng-select .ng-select-container .ng-value-container {
+        align-items: center;
+        padding-left: 10px;
+    }
+
+[dir="rtl"] .ng-select .ng-select-container .ng-value-container {
+    padding-right: 10px;
+    padding-left: 0;
+}
+
+.ng-select .ng-select-container .ng-value-container .ng-placeholder {
+    font-weight: normal;
+    font-size: 13px;
+    color: #c0ccda;
+}
+
+.ng-select.ng-select-single .ng-select-container {
+    color: #1b2e4b;
+}
+
+    .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
+        top: 5px;
+        left: 0;
+        padding-left: 10px;
+        padding-right: 50px;
+    }
+
+[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
+    padding-right: 10px;
+    padding-left: 50px;
+}
+
+.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
+    background-color: #f9f9f9;
+    border: 1px solid #e3e3e3;
+}
+
+    .ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
+        padding: 0 5px;
+    }
+
+.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
+    padding-top: 5px;
+    padding-left: 7px;
+}
+
+[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
+    padding-right: 7px;
+    padding-left: 0;
+}
+
+.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
+    font-size: 13px;
+    margin-bottom: 5px;
+    background-color: #f5faff;
+    border-radius: 2px;
+    border: 1px solid #c2e0ff;
+    margin-right: 5px;
+}
+
+[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
+    margin-right: 0;
+    margin-left: 5px;
+}
+
+.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
+    background-color: #f9f9f9;
+    border: 1px solid #e3e3e3;
+}
+
+    .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
+        padding-left: 5px;
+    }
+
+[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
+    padding-left: 0;
+    padding-right: 5px;
+}
+
+.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
+    display: inline-block;
+    padding: 0 5px 0 5px;
+}
+
+.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
+    display: inline-block;
+    padding: 0 5px;
+}
+
+    .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
+        background-color: #d1e8ff;
+    }
+
+    .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
+        border-right: 1px solid #c2e0ff;
+    }
+
+[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
+    border-left: 1px solid #c2e0ff;
+    border-right: none;
+}
+
+.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
+    border-left: 1px solid #c2e0ff;
+}
+
+[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
+    border-left: 0;
+    border-right: 1px solid #c2e0ff;
+}
+
+.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
+    padding: 0 0 3px 3px;
+}
+
+[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
+    padding: 0 3px 3px 0;
+}
+
+.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
+    top: 5px;
+    padding-bottom: 5px;
+    padding-left: 3px;
+}
+
+[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
+    padding-right: 3px;
+    padding-left: 0;
+}
+
+.ng-select .ng-clear-wrapper {
+    color: #999;
+    width: 15px !important;
+}
+
+    .ng-select .ng-clear-wrapper .ng-clear {
+        display: inline-block;
+        font-size: 16px !important;
+        line-height: 1;
+        pointer-events: none;
+        text-align: center;
+    }
+
+    .ng-select .ng-clear-wrapper:hover .ng-clear {
+        color: #f86262;
+    }
+
+.ng-select .ng-spinner-zone {
+    padding: 5px 5px 0 0;
+}
+
+[dir="rtl"] .ng-select .ng-spinner-zone {
+    padding: 5px 0 0 5px;
+}
+
+.ng-select .ng-arrow-wrapper {
+    width: 25px;
+    padding-right: 5px;
+}
+
+[dir="rtl"] .ng-select .ng-arrow-wrapper {
+    padding-left: 5px;
+    padding-right: 0;
+}
+
+.ng-select .ng-arrow-wrapper:hover .ng-arrow {
+    border-top-color: #d1e8ff;
+}
+
+.ng-select .ng-arrow-wrapper .ng-arrow {
+    border-color: #999 transparent transparent;
+    border-style: solid;
+    border-width: 4px 4px 2.5px;
+}
+
+.ng-dropdown-panel {
+    background-color: #fff;
+    border: 1px solid #dde2ec;
+    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
+    left: 0;
+}
+
+    .ng-dropdown-panel.ng-select-bottom {
+        top: 100%;
+        border-bottom-right-radius: 4px;
+        border-bottom-left-radius: 4px;
+        border-top-color: #dde2ec;
+        margin-top: -1px;
+    }
+
+        .ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
+            border-bottom-right-radius: 4px;
+            border-bottom-left-radius: 4px;
+        }
+
+    .ng-dropdown-panel.ng-select-top {
+        bottom: 100%;
+        border-top-right-radius: 4px;
+        border-top-left-radius: 4px;
+        border-bottom-color: #e6e6e6;
+        margin-bottom: -1px;
+    }
+
+        .ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
+            border-top-right-radius: 4px;
+            border-top-left-radius: 4px;
+        }
+
+    .ng-dropdown-panel .ng-dropdown-header {
+        border-bottom: 1px solid #dde2ec;
+        padding: 5px 7px;
+    }
+
+    .ng-dropdown-panel .ng-dropdown-footer {
+        border-top: 1px solid #dde2ec;
+        padding: 5px 7px;
+    }
+
+    .ng-dropdown-panel .ng-dropdown-panel-items {
+        margin-bottom: 1px;
+    }
+
+        .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
+            user-select: none;
+            padding: 8px 10px;
+            font-weight: 500;
+            color: #495057;
+            cursor: pointer;
+        }
+
+            .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
+                cursor: default;
+            }
+
+            .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
+                background-color: #ebf5ff;
+            }
+
+            .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected {
+                background-color: #f5faff;
+                font-weight: 600;
+            }
+
+        .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
+            background-color: #fff;
+            color: #495057;
+            padding: 8px 10px;
+        }
+
+            .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
+                /* color: #333; */
+                background-color: #f5faff;
+            }
+
+                .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label {
+                    color: #3283f6;
+                }
+
+            .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
+                background-color: #ebf5ff;
+                color: #495057;
+            }
+
+            .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
+                color: #495057;
+            }
+
+            .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
+                padding-left: 22px;
+            }
+
+[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
+    padding-right: 22px;
+    padding-left: 0;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
+    font-size: 80%;
+    font-weight: 400;
+    padding-right: 5px;
+}
+
+[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
+    padding-left: 5px;
+    padding-right: 0;
+}
+
+[dir="rtl"] .ng-dropdown-panel {
+    direction: rtl;
+    text-align: right;
+}
+
+.ng-select.is-invalid .ng-select-container, .was-validated .ng-select:invalid .ng-select-container {
+    border-color: #f86262;
+    border-width: 1px;
+}
+
+.ng-select.is-invalid ~ .invalid-feedback, .ng-select.is-invalid ~ .invalid-tooltip, .was-validated .ng-select:invalid ~ .invalid-feedback, .was-validated .ng-select:invalid ~ .invalid-tooltip {
+    display: block;
+}
+
+.ng-select .ng-spinner-loader {
+    border-radius: 100% !important;
+}
+
+.ng-select-sm .ng-spinner-loader {
+    border-radius: 100% !important;
+    width: 16px !important;
+    height: 16px !important;
+    margin-top: -1px;
+}

Presentation/Hims.Admin/src/assets/css/placeholder-loading.min.css

+/**
+ * placeholder-loading v0.2.6
+ * Author: Zalog (https://www.zalog.ro/)
+ * License: MIT
+ **/
+.ph-item{direction:ltr;position:relative;display:flex;flex-wrap:wrap;padding:30px 15px 15px;overflow:hidden;margin-bottom:30px;background-color:#fff;border:1px solid #e6e6e6;border-radius:2px}.ph-item,.ph-item *,.ph-item :after,.ph-item :before{box-sizing:border-box}.ph-item:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:50%;z-index:1;width:500%;margin-left:-250%;-webkit-animation:phAnimation .8s linear infinite;animation:phAnimation .8s linear infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0) 46%,hsla(0,0%,100%,.35) 50%,hsla(0,0%,100%,0) 54%) 50% 50%}.ph-item>*{flex:1 1 auto;display:flex;flex-flow:column;padding-right:15px;padding-left:15px}.ph-row{display:flex;flex-wrap:wrap;margin-bottom:7.5px}.ph-row div{height:10px;margin-bottom:7.5px;background-color:#ced4da}.ph-row .big,.ph-row.big div{height:20px;margin-bottom:15px}.ph-row .empty{background-color:hsla(0,0%,100%,0)}.ph-col-2{flex:0 0 16.66667%}.ph-col-4{flex:0 0 33.33333%}.ph-col-6{flex:0 0 50%}.ph-col-8{flex:0 0 66.66667%}.ph-col-10{flex:0 0 83.33333%}.ph-col-12{flex:0 0 100%}.ph-avatar{position:relative;width:100%;min-width:60px;background-color:#ced4da;margin-bottom:15px;border-radius:50%;overflow:hidden}.ph-avatar:before{content:" ";display:block;padding-top:100%}.ph-picture{width:100%;height:120px;background-color:#ced4da;margin-bottom:15px}@-webkit-keyframes phAnimation{0%{transform:translate3d(-30%,0,0)}to{transform:translate3d(30%,0,0)}}@keyframes phAnimation{0%{transform:translate3d(-30%,0,0)}to{transform:translate3d(30%,0,0)}}
\ No newline at end of file

Presentation/Hims.Admin/src/assets/css/styles/calendar.css

+
+@media (max-width: 374px) {
+    .app-calendar.calendar-sidebar-show .calendar-content {
+        display: none;
+    }
+}
+
+@media (max-width: 991.98px) {
+    .app-calendar.calendar-sidebar-show .calendar-sidebar {
+        left: 0;
+        visibility: visible;
+    }
+
+    .app-calendar.calendar-sidebar-show .calendar-content {
+        transform: translateX(280px);
+    }
+}
+
+.calendar-wrapper {
+    position: fixed;
+    top: 55px;
+    bottom: 0;
+    left: 60px;
+    right: 0;
+}
+
+@media (min-width: 992px) {
+    .calendar-wrapper {
+        top: 60px;
+    }
+}
+
+.calendar-sidebar {
+    background-color: #fff;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: -100%;
+    width: 100%;
+    border-right: 1px solid rgba(72, 94, 144, 0.16);
+    visibility: hidden;
+    transition: all 0.3s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .calendar-sidebar {
+        transition: none;
+    }
+}
+
+@media (min-width: 375px) {
+    .calendar-sidebar {
+        width: 255px;
+        left: -256px;
+    }
+}
+
+@media (min-width: 992px) {
+    .calendar-sidebar {
+        left: 0;
+        visibility: visible;
+    }
+}
+
+.calendar-sidebar-header {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 45px;
+    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
+    display: flex;
+    align-items: center;
+    padding: 0 15px 0 20px;
+    justify-content: space-between;
+}
+
+    .calendar-sidebar-header h4 {
+        line-height: 1.3125rem;
+    }
+
+    .calendar-sidebar-header svg {
+        width: 14px;
+        height: 14px;
+        stroke-width: 2.5px;
+        color: #0168fa;
+        fill: rgba(1, 104, 250, 0.2);
+    }
+
+.calendar-sidebar-body {
+    position: absolute;
+    top: 45px;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
+.calendar-nav {
+    display: flex;
+    flex-direction: column;
+    font-size: 13px;
+}
+
+    .calendar-nav a {
+        display: flex;
+        align-items: center;
+        color: #1b2e4b;
+        padding: 6px 10px;
+        border-radius: 0.25rem;
+    }
+
+    .calendar-nav.no-actions a {
+        cursor: default !important;
+    }
+
+    .calendar-nav:not(.no-actions) a:hover {
+        background-color: #f5f6fa;
+    }
+
+    .calendar-nav a span {
+        position: relative;
+        width: 16px;
+        height: 16px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 100%;
+        color: #fff;
+        margin-right: 10px;
+        border: 2px solid transparent;
+    }
+
+        .calendar-nav a span::before {
+            content: '';
+            position: absolute;
+            top: 3px;
+            left: 3px;
+            width: 6px;
+            height: 6px;
+            background-color: inherit;
+            border-radius: 100%;
+            display: none;
+        }
+
+    .calendar-nav a.event span {
+        border-color: #01e3fa;
+    }
+
+        .calendar-nav a.event span::before {
+            background-color: #01e3fa;
+        }
+
+    .calendar-nav a.info span {
+        border-color: #00b8d4;
+    }
+
+        .calendar-nav a.info span::before {
+            background-color: #00b8d4;
+        }
+
+    .calendar-nav a.approved span {
+        border-color: #10b759;
+    }
+
+        .calendar-nav a.approved span::before {
+            background-color: #10b759;
+        }
+
+    .calendar-nav a.workFromHome span {
+        border-color: #9400D3;
+    }
+
+        .calendar-nav a.workFromHome span::before {
+            background-color: #9400D3;
+        }
+
+    .calendar-nav a.rejected span {
+        border-color: #ef0808;
+    }
+
+        .calendar-nav a.rejected span::before {
+            background-color: #ef0808;
+        }
+
+    .calendar-nav a.pending span {
+        border-color: #FFC107;
+    }
+
+        .calendar-nav a.pending span::before {
+            background-color: #FFC107;
+        }
+
+    .calendar-nav a.birthday span {
+        border-color: #7987a1;
+    }
+
+        .calendar-nav a.birthday span::before {
+            background-color: #7987a1;
+        }
+
+    .calendar-nav a.joiningday span {
+        border-color: #009688;
+    }
+
+        .calendar-nav a.joiningday span::before {
+            background-color: #009688;
+        }
+
+
+    .calendar-nav a.marriagedays span {
+        border-color: magenta;
+    }
+
+        .calendar-nav a.marriagedays span::before {
+            background-color: magenta;
+        }
+
+    .calendar-nav a.show span::before {
+        display: block;
+    }
+
+.calendar-content .loading-content {
+    padding: 15px;
+    position: absolute;
+    z-index: 9;
+    background: #fff;
+    width: 100%;
+    top: 45px;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
+.calendar-event-sources {
+    padding: 15px;
+}
+
+.calendar-inline {
+    padding: 15px;
+    padding-bottom: 7.5px;
+    border-bottom: 1px solid #e2e5ed;
+}
+
+    .calendar-inline ngb-datepicker {
+        max-width: none;
+        border-width: 0 !important;
+        padding: 0 !important;
+        margin: 0 !important;
+    }
+
+        .calendar-inline ngb-datepicker .ngb-dp-month-name {
+            color: #001737 !important;
+        }
+
+        .calendar-inline ngb-datepicker .ngb-dp-arrow-btn, .calendar-inline ngb-datepicker .ngb-dp-weekday {
+            color: #8392a5 !important;
+        }
+
+        .calendar-inline ngb-datepicker .ngb-dp-weekdays {
+            background: #fff !important;
+        }
+
+        .calendar-inline ngb-datepicker .text-white {
+            color: inherit !important;
+        }
+
+        .calendar-inline ngb-datepicker .bg-primary {
+            background-color: #ffffff !important;
+        }
+
+        .calendar-inline ngb-datepicker .ngb-dp-day, .calendar-inline ngb-datepicker .ngb-dp-week-number, .calendar-inline ngb-datepicker .ngb-dp-weekday {
+            margin: 0 !important;
+        }
+
+.schedule-item {
+    display: block;
+    padding: 0 10px;
+    color: #1b2e4b;
+    transition: all 0.2s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .schedule-item {
+        transition: none;
+    }
+}
+
+.schedule-item:hover, .schedule-item:focus {
+    color: #0168fa;
+}
+
+.schedule-item h6 {
+    margin-bottom: 3px;
+}
+
+.schedule-item span {
+    font-size: 12px;
+    color: #8392a5;
+    display: block;
+}
+
+.schedule-item + .schedule-item {
+    margin-top: 20px;
+}
+
+.calendar-content {
+    background-color: #fff;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    transition: all 0.3s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .calendar-content {
+        transition: none;
+    }
+}
+
+@media (min-width: 992px) {
+    .calendar-content:not(.no-sidebar) {
+        left: 255px;
+    }
+}
+
+.calendar-content-body .fc-toolbar.fc-header-toolbar {
+    height: 45px;
+    margin-bottom: 0;
+    display: flex;
+    justify-content: space-between;
+    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
+    padding: 0 8px;
+}
+
+.calendar-content-body .fc-toolbar .fc-button-group button:first-child {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+}
+
+.calendar-content-body .fc-toolbar .fc-button-group button:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+}
+
+.calendar-content-body .fc-toolbar button {
+    height: 28px;
+    background-color: #fff;
+    background-image: none;
+    border: 1px solid rgba(72, 94, 144, 0.16);
+    color: rgba(27, 46, 75, 0.7);
+    box-shadow: none !important;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+    font-size: 12px;
+    text-transform: capitalize;
+    outline: none;
+    text-shadow: none;
+    border-radius: 0;
+    font-weight: 500;
+    transition: all 0.2s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .calendar-content-body .fc-toolbar button {
+        transition: none;
+    }
+}
+
+.calendar-content-body .fc-toolbar button:hover, .calendar-content-body .fc-toolbar button:focus {
+    border-color: #8392a5;
+    color: #1b2e4b;
+    position: relative;
+    z-index: 5;
+}
+
+.calendar-content-body .fc-toolbar button:active {
+    background-color: #f5f6fa;
+}
+
+.calendar-content-body .fc-toolbar button.fc-prev-button, .calendar-content-body .fc-toolbar button.fc-next-button {
+    padding: 0;
+    width: 34px;
+    justify-content: center;
+}
+
+    .calendar-content-body .fc-toolbar button.fc-prev-button span, .calendar-content-body .fc-toolbar button.fc-next-button span {
+        margin: 0;
+        font-size: 1.4em;
+    }
+
+.calendar-content-body .fc-toolbar button.fc-button-active {
+    background-color: #f5f6fa;
+    border-color: #c0ccda;
+    color: #1b2e4b;
+    box-shadow: none !important;
+}
+
+.calendar-content-body .fc-toolbar button.fc-today-button {
+    border-radius: 0.25rem;
+    color: rgba(27, 46, 75, 0.7);
+    background-color: #fff;
+    display: none;
+    box-shadow: none !important;
+}
+
+@media (min-width: 768px) {
+    .calendar-content-body .fc-toolbar button.fc-today-button {
+        display: block;
+    }
+}
+
+.calendar-content-body .fc-toolbar button.fc-today-button:hover, .calendar-content-body .fc-toolbar button.fc-today-button:focus, .calendar-content-body .fc-toolbar button.fc-today-button:active {
+    border-color: #8392a5;
+    color: #1b2e4b;
+    box-shadow: none !important;
+}
+
+.calendar-content-body .fc-toolbar button.fc-today-button:active {
+    background-color: #f5f6fa;
+    box-shadow: none !important;
+}
+
+.calendar-content-body .fc-toolbar button.fc-today-button:disabled {
+    border-color: rgba(72, 94, 144, 0.16);
+    background-color: #f5f6fa;
+    color: #8392a5;
+    font-weight: 400;
+    cursor: default;
+}
+
+@media (max-width: 575px) {
+    .calendar-content-body .fc-toolbar button.fc-prev-button, .calendar-content-body .fc-toolbar button.fc-next-button {
+        width: 28px;
+        height: 28px;
+    }
+
+    .calendar-content-body .fc-toolbar button.fc-today-button {
+        height: 28px;
+        padding-left: 10px;
+        padding-right: 10px;
+        font-size: 11px;
+    }
+
+    .calendar-content-body .fc-toolbar button.fc-dayGridMonth-button, .calendar-content-body .fc-toolbar button.fc-timeGridWeek-button, .calendar-content-body .fc-toolbar button.fc-timeGridDay-button, .calendar-content-body .fc-toolbar button.fc-listWeek-button, .calendar-content-body .fc-toolbar button.fc-listMonth-button {
+        text-indent: -9999px;
+        width: 28px;
+        height: 28px;
+        position: relative;
+        color: transparent;
+    }
+
+        .calendar-content-body .fc-toolbar button.fc-dayGridMonth-button::before, .calendar-content-body .fc-toolbar button.fc-timeGridWeek-button::before, .calendar-content-body .fc-toolbar button.fc-timeGridDay-button::before, .calendar-content-body .fc-toolbar button.fc-listWeek-button::before, .calendar-content-body .fc-toolbar button.fc-listMonth-button::before {
+            position: absolute;
+            top: 6px;
+            left: 10px;
+            z-index: 100;
+            display: inline-block;
+            text-indent: 0;
+            font-size: 12px;
+            font-weight: 700;
+            color: #1b2e4b;
+        }
+
+        .calendar-content-body .fc-toolbar button.fc-dayGridMonth-button::before {
+            content: 'M';
+        }
+
+        .calendar-content-body .fc-toolbar button.fc-timeGridWeek-button::before {
+            content: 'W';
+        }
+
+        .calendar-content-body .fc-toolbar button.fc-timeGridDay-button::before {
+            content: 'D';
+        }
+
+        .calendar-content-body .fc-toolbar button.fc-listWeek-button::before, .calendar-content-body .fc-toolbar button.fc-listMonth-button::before {
+            content: 'L';
+            left: 11px;
+        }
+}
+
+.calendar-content-body .fc-toolbar .fc-icon-left-single-arrow,
+.calendar-content-body .fc-toolbar .fc-icon-right-single-arrow {
+    top: 0;
+}
+
+.calendar-content-body .fc-toolbar .fc-clear {
+    display: none;
+}
+
+.calendar-content-body .fc-toolbar .fc-left {
+    order: 1;
+    float: none;
+    display: flex;
+    align-items: center;
+}
+
+.calendar-content-body .fc-toolbar .fc-center {
+    display: flex;
+    align-items: center;
+    order: 2;
+}
+
+    .calendar-content-body .fc-toolbar .fc-center h2 {
+        font-size: 16px;
+        font-weight: 500;
+        letter-spacing: -.2px;
+    }
+
+@media (min-width: 576px) {
+    .calendar-content-body .fc-toolbar .fc-center h2 {
+        font-size: 18px;
+    }
+}
+
+@media (min-width: 992px) {
+    .calendar-content-body .fc-toolbar .fc-center h2 {
+        font-size: 20px;
+    }
+}
+
+.calendar-content-body .fc-toolbar .fc-right {
+    float: none;
+    order: 3;
+    display: none;
+}
+
+@media (min-width: 480px) {
+    .calendar-content-body .fc-toolbar .fc-right {
+        display: flex;
+        align-items: center;
+    }
+}
+
+.calendar-content-body .fc-view-container {
+    height: calc(100% - 60px);
+}
+
+.calendar-content-body .fc-head-container {
+    border-top-width: 0;
+    border-left-width: 0;
+}
+
+    .calendar-content-body .fc-head-container .fc-day-header {
+        padding: 5px 0;
+        border-color: rgba(72, 94, 144, 0.16);
+        text-transform: uppercase;
+        font-size: 12px;
+        font-weight: 500;
+        color: #1b2e4b;
+    }
+
+.calendar-content-body .fc-widget-content {
+    border-left-width: 0;
+    font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;
+}
+
+.calendar-content-body td {
+    border-color: rgba(72, 94, 144, 0.16);
+}
+
+    .calendar-content-body td.fc-today {
+        background-color: rgba(244, 245, 248, 0.7);
+    }
+
+        .calendar-content-body td.fc-today .fc-day-number, .calendar-content-body td.fc-today .fc-day-number:hover, .calendar-content-body td.fc-today .fc-day-number:focus {
+            background-color: #0168fa;
+            color: #fff;
+        }
+
+.calendar-content-body .fc-other-month {
+    background-color: #f8f9fc;
+}
+
+.calendar-content-body .fc-day-number {
+    font-size: 12px;
+    height: 20px;
+    line-height: 20px;
+    font-weight: 500;
+    color: #596882;
+    display: inline-block;
+    padding: 0 !important;
+    position: relative;
+    transition: all 0.2s ease-in-out;
+    margin: 2px 2px 0 0;
+    min-width: 20px;
+    text-align: center;
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .calendar-content-body .fc-day-number {
+        transition: none;
+    }
+}
+
+.calendar-content-body .fc-day-number:hover, .calendar-content-body .fc-day-number:focus {
+    color: #1b2e4b;
+    background-color: #f5f6fa;
+}
+
+.calendar-content-body .fc-day-top.fc-other-month {
+    color: #c0ccda;
+    opacity: 1;
+}
+
+.calendar-content-body .fc-event {
+    border-width: 0;
+    border-top-width: 2px;
+    border-radius: 0;
+    margin: 2px 4px !important;
+}
+
+@media (min-width: 576px) {
+    .calendar-content-body .fc-event {
+        border-top-width: 0;
+        border-left-width: 2px;
+        padding: 3px;
+    }
+}
+
+.calendar-content-body .fc-event.fc-day-grid-event > div {
+    display: none;
+}
+
+@media (min-width: 576px) {
+    .calendar-content-body .fc-event.fc-day-grid-event > div {
+        display: block;
+    }
+}
+
+.calendar-content-body .fc-event.fc-day-grid-event > div .fc-time {
+    font-weight: 500;
+}
+
+.calendar-content-body .fc-event.fc-day-grid-event > div .fc-desc {
+    display: none;
+}
+
+.calendar-content-body .fc-time-grid-event {
+    padding: 5px;
+    border-left-width: 0;
+    border-top-width: 2px;
+}
+
+    .calendar-content-body .fc-time-grid-event .fc-time {
+        font-size: 11px;
+    }
+
+    .calendar-content-body .fc-time-grid-event .fc-title {
+        font-size: 12px;
+        font-weight: 500;
+        margin-bottom: 10px;
+    }
+
+    .calendar-content-body .fc-time-grid-event .fc-desc {
+        line-height: 1.3;
+        color: rgba(28, 39, 60, 0.8);
+    }
+
+.calendar-content-body .fc-timeGridWeek-view .fc-time-grid-event > div {
+    display: none;
+}
+
+@media (min-width: 576px) {
+    .calendar-content-body .fc-timeGridWeek-view .fc-time-grid-event > div {
+        display: block;
+    }
+}
+
+.calendar-content-body .fc-timeGridWeek-view .fc-time-grid-event > div .fc-time {
+    font-size: 11px;
+}
+
+.calendar-content-body .fc-timeGridWeek-view .fc-time-grid-event > div .fc-desc {
+    display: none;
+}
+
+@media (min-width: 992px) {
+    .calendar-content-body .fc-timeGridWeek-view .fc-time-grid-event > div .fc-desc {
+        display: block;
+    }
+}
+
+.calendar-content-body .fc-list-empty {
+    padding: 20px 0;
+    background-color: #f8f9fc;
+}
+
+.calendar-content-body .fc-timeGridWeek-view .fc-day-header > a > span, .calendar-content-body .fc-timeGridDay-view .fc-day-header > a > span {
+    display: block;
+}
+
+    .calendar-content-body .fc-timeGridWeek-view .fc-day-header > a > span:first-child, .calendar-content-body .fc-timeGridDay-view .fc-day-header > a > span:first-child {
+        color: #8392a5;
+        font-size: 8px;
+        font-weight: 400;
+        line-height: 1.2;
+    }
+
+@media (min-width: 576px) {
+    .calendar-content-body .fc-timeGridWeek-view .fc-day-header > a > span:first-child, .calendar-content-body .fc-timeGridDay-view .fc-day-header > a > span:first-child {
+        font-size: 11px;
+        font-weight: 500;
+    }
+}
+
+.calendar-content-body .fc-timeGridWeek-view .fc-day-header > a > span:last-child, .calendar-content-body .fc-timeGridDay-view .fc-day-header > a > span:last-child {
+    font-weight: 500;
+    font-size: 14px;
+    font-family: Helvetica, Arial, sans-serif;
+    line-height: 1;
+}
+
+@media (min-width: 576px) {
+    .calendar-content-body .fc-timeGridWeek-view .fc-day-header > a > span:last-child, .calendar-content-body .fc-timeGridDay-view .fc-day-header > a > span:last-child {
+        font-size: 25px;
+    }
+}
+
+.calendar-content-body .fc-timeGridWeek-view .fc-day-header.fc-today > a, .calendar-content-body .fc-timeGridDay-view .fc-day-header.fc-today > a {
+    color: #0168fa;
+}
+
+.calendar-content-body .fc-listMonth-view,
+.calendar-content-body .fc-listWeek-view {
+    border-width: 0;
+}
+
+    .calendar-content-body .fc-listMonth-view .fc-day-grid-container,
+    .calendar-content-body .fc-listWeek-view .fc-scroller {
+        padding: 20px 20px 20px 0;
+    }
+
+    .calendar-content-body .fc-listMonth-view .fc-list-table,
+    .calendar-content-body .fc-listWeek-view .fc-list-table {
+        border-collapse: separate;
+        display: block;
+        margin-bottom: 40px;
+    }
+
+        .calendar-content-body .fc-listMonth-view .fc-list-table > tbody,
+        .calendar-content-body .fc-listWeek-view .fc-list-table > tbody {
+            display: flex;
+            flex-wrap: wrap;
+        }
+
+    .calendar-content-body .fc-listMonth-view .fc-list-heading,
+    .calendar-content-body .fc-listWeek-view .fc-list-heading {
+        flex: 0 0 20%;
+        max-width: 20%;
+        margin-top: 15px;
+        display: flex;
+        justify-content: center;
+    }
+
+@media (min-width: 576px) {
+    .calendar-content-body .fc-listMonth-view .fc-list-heading,
+    .calendar-content-body .fc-listWeek-view .fc-list-heading {
+        flex: 0 0 15%;
+        max-width: 15%;
+    }
+}
+
+@media (min-width: 768px) {
+    .calendar-content-body .fc-listMonth-view .fc-list-heading,
+    .calendar-content-body .fc-listWeek-view .fc-list-heading {
+        flex: 0 0 12%;
+        max-width: 12%;
+    }
+}
+
+@media (min-width: 992px) {
+    .calendar-content-body .fc-listMonth-view .fc-list-heading,
+    .calendar-content-body .fc-listWeek-view .fc-list-heading {
+        flex: 0 0 10%;
+        max-width: 10%;
+    }
+}
+
+@media (min-width: 1200px) {
+    .calendar-content-body .fc-listMonth-view .fc-list-heading,
+    .calendar-content-body .fc-listWeek-view .fc-list-heading {
+        flex: 0 0 8%;
+        max-width: 8%;
+    }
+}
+
+.calendar-content-body .fc-listMonth-view .fc-list-heading:first-child,
+.calendar-content-body .fc-listWeek-view .fc-list-heading:first-child {
+    margin-top: 0;
+}
+
+    .calendar-content-body .fc-listMonth-view .fc-list-heading:first-child + .fc-list-item,
+    .calendar-content-body .fc-listWeek-view .fc-list-heading:first-child + .fc-list-item {
+        margin-top: 0;
+    }
+
+.calendar-content-body .fc-listMonth-view .fc-list-heading td,
+.calendar-content-body .fc-listWeek-view .fc-list-heading td {
+    background-color: transparent;
+    border-width: 0;
+    padding: 0;
+}
+
+.calendar-content-body .fc-listMonth-view .fc-list-heading-main,
+.calendar-content-body .fc-listWeek-view .fc-list-heading-main {
+    display: block;
+    font-size: 11px;
+    text-transform: uppercase;
+    color: #8392a5;
+    font-weight: 500;
+    padding: 5px;
+    text-align: center;
+}
+
+    .calendar-content-body .fc-listMonth-view .fc-list-heading-main span:last-child,
+    .calendar-content-body .fc-listWeek-view .fc-list-heading-main span:last-child {
+        display: block;
+        font-size: 28px;
+        font-weight: 400;
+        letter-spacing: -1.5px;
+        color: #001737;
+        line-height: 1;
+    }
+
+@media (min-width: 576px) {
+    .calendar-content-body .fc-listMonth-view .fc-list-heading-main span:last-child,
+    .calendar-content-body .fc-listWeek-view .fc-list-heading-main span:last-child {
+        font-size: 32px;
+    }
+}
+
+@media (min-width: 1200px) {
+    .calendar-content-body .fc-listMonth-view .fc-list-heading-main span:last-child,
+    .calendar-content-body .fc-listWeek-view .fc-list-heading-main span:last-child {
+        font-size: 20px;
+        margin-top: 2px;
+        display: block;
+    }
+}
+
+.calendar-content-body .fc-listMonth-view .fc-list-heading-main.now,
+.calendar-content-body .fc-listWeek-view .fc-list-heading-main.now {
+    color: #0168fa;
+}
+
+    .calendar-content-body .fc-listMonth-view .fc-list-heading-main.now span:last-child,
+    .calendar-content-body .fc-listWeek-view .fc-list-heading-main.now span:last-child {
+        color: #0168fa;
+    }
+
+.calendar-content-body .fc-listMonth-view .fc-list-item,
+.calendar-content-body .fc-listWeek-view .fc-list-item {
+    flex: 0 0 calc(80% - 5px);
+    max-width: calc(80% - 5px);
+    dispLay: flex;
+    flex-direction: column;
+    border-left: 2px solid transparent;
+    background-color: #fff;
+    margin-top: 15px;
+}
+
+@media (min-width: 576px) {
+    .calendar-content-body .fc-listMonth-view .fc-list-item,
+    .calendar-content-body .fc-listWeek-view .fc-list-item {
+        flex: 0 0 calc(85% - 5px);
+        max-width: calc(85% - 5px);
+    }
+}
+
+@media (min-width: 768px) {
+    .calendar-content-body .fc-listMonth-view .fc-list-item,
+    .calendar-content-body .fc-listWeek-view .fc-list-item {
+        flex: 0 0 calc(88% - 5px);
+        max-width: calc(88% - 5px);
+    }
+}
+
+@media (min-width: 992px) {
+    .calendar-content-body .fc-listMonth-view .fc-list-item,
+    .calendar-content-body .fc-listWeek-view .fc-list-item {
+        flex: 0 0 calc(90% - 5px);
+        max-width: calc(90% - 5px);
+    }
+}
+
+@media (min-width: 1200px) {
+    .calendar-content-body .fc-listMonth-view .fc-list-item,
+    .calendar-content-body .fc-listWeek-view .fc-list-item {
+        flex: 0 0 calc(92% - 5px);
+        max-width: calc(92% - 5px);
+    }
+}
+
+.calendar-content-body .fc-listMonth-view .fc-list-item:hover, .calendar-content-body .fc-listMonth-view .fc-list-item:focus,
+.calendar-content-body .fc-listWeek-view .fc-list-item:hover,
+.calendar-content-body .fc-listWeek-view .fc-list-item:focus {
+    cursor: pointer;
+}
+
+    .calendar-content-body .fc-listMonth-view .fc-list-item:hover td, .calendar-content-body .fc-listMonth-view .fc-list-item:focus td,
+    .calendar-content-body .fc-listWeek-view .fc-list-item:hover td,
+    .calendar-content-body .fc-listWeek-view .fc-list-item:focus td {
+        background-color: transparent;
+    }
+
+.calendar-content-body .fc-listMonth-view .fc-list-item > td,
+.calendar-content-body .fc-listWeek-view .fc-list-item > td {
+    border-width: 0;
+}
+
+    .calendar-content-body .fc-listMonth-view .fc-list-item > td.fc-list-item-time,
+    .calendar-content-body .fc-listWeek-view .fc-list-item > td.fc-list-item-time {
+        border-top: 1px solid #e5e9f2;
+        border-right: 1px solid #e5e9f2;
+        box-sizing: border-box;
+    }
+
+    .calendar-content-body .fc-listMonth-view .fc-list-item > td.fc-list-item-title,
+    .calendar-content-body .fc-listWeek-view .fc-list-item > td.fc-list-item-title {
+        border-bottom: 1px solid #e5e9f2;
+        border-right: 1px solid #e5e9f2;
+        box-sizing: border-box;
+    }
+
+.calendar-content-body .fc-listMonth-view .fc-list-item + .fc-list-item,
+.calendar-content-body .fc-listWeek-view .fc-list-item + .fc-list-item {
+    margin-left: 20%;
+}
+
+@media (min-width: 576px) {
+    .calendar-content-body .fc-listMonth-view .fc-list-item + .fc-list-item,
+    .calendar-content-body .fc-listWeek-view .fc-list-item + .fc-list-item {
+        margin-left: 15%;
+    }
+}
+
+@media (min-width: 768px) {
+    .calendar-content-body .fc-listMonth-view .fc-list-item + .fc-list-item,
+    .calendar-content-body .fc-listWeek-view .fc-list-item + .fc-list-item {
+        margin-left: 12%;
+    }
+}
+
+@media (min-width: 992px) {
+    .calendar-content-body .fc-listMonth-view .fc-list-item + .fc-list-item,
+    .calendar-content-body .fc-listWeek-view .fc-list-item + .fc-list-item {
+        margin-left: 10%;
+    }
+}
+
+@media (min-width: 1200px) {
+    .calendar-content-body .fc-listMonth-view .fc-list-item + .fc-list-item,
+    .calendar-content-body .fc-listWeek-view .fc-list-item + .fc-list-item {
+        margin-left: 8%;
+    }
+}
+
+.calendar-content-body .fc-listMonth-view .fc-list-item-marker,
+.calendar-content-body .fc-listWeek-view .fc-list-item-marker {
+    display: none;
+}
+
+.calendar-content-body .fc-listMonth-view .fc-list-item-time,
+.calendar-content-body .fc-listWeek-view .fc-list-item-time {
+    padding: 5px 10px 2px;
+    width: 100%;
+    text-transform: uppercase;
+    font-size: 11px;
+    font-weight: 600;
+    font-family: -apple-system, BlinkMacSystemFont, "Inter UI", Roboto, sans-serif;
+    letter-spacing: .5px;
+}
+
+.calendar-content-body .fc-listMonth-view .fc-list-item-title,
+.calendar-content-body .fc-listWeek-view .fc-list-item-title {
+    padding: 0 10px 5px;
+}
+
+    .calendar-content-body .fc-listMonth-view .fc-list-item-title a,
+    .calendar-content-body .fc-listWeek-view .fc-list-item-title a {
+        display: block;
+        font-weight: 500;
+        font-size: 16px;
+        margin-bottom: 0;
+        color: #001737;
+    }
+
+@media (min-width: 576px) {
+    .calendar-content-body .fc-listMonth-view .fc-list-item-title a,
+    .calendar-content-body .fc-listWeek-view .fc-list-item-title a {
+        font-size: 14px;
+    }
+}
+
+.calendar-content-body .fc-listMonth-view .fc-list-item-title .fc-desc,
+.calendar-content-body .fc-listWeek-view .fc-list-item-title .fc-desc {
+    font-size: 12px;
+    line-height: 1.375;
+    display: block;
+    color: #8392a5;
+}
+
+@media (min-width: 992px) {
+    .calendar-content-body .fc-listMonth-view .fc-list-item-title .fc-desc,
+    .calendar-content-body .fc-listWeek-view .fc-list-item-title .fc-desc {
+        font-size: 12px;
+    }
+}
+
+.calendar-content-body .fc-head-container .fc-day-header {
+    font-size: 11px;
+    font-weight: 600;
+    text-transform: uppercase;
+    padding: 5px 0;
+    color: #1b2e4b;
+}
+
+@media (min-width: 576px) {
+    .calendar-content-body .fc-head-container .fc-day-header {
+        font-size: 12px;
+        /*background: #f5f6fa;*/
+    }
+}
+
+.calendar-content-body .fc-axis {
+    font-size: 11px;
+}
+
+@media (min-width: 576px) {
+    .calendar-content-body .fc-axis {
+        font-size: 12px;
+    }
+}
+
+.calendar-modal-event .modal-content {
+    border-width: 0;
+    position: relative;
+    background-color: transparent;
+}
+
+.calendar-modal-event .modal-header {
+    position: relative;
+    padding: 10px 15px;
+    border-bottom-width: 0;
+    display: flex;
+    flex-direction: column;
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+}
+
+@media (min-width: 576px) {
+    .calendar-modal-event .modal-header {
+        padding: 10px 15px;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+    }
+}
+
+.calendar-modal-event .nav-modal-event {
+    align-items: center;
+    align-self: flex-end;
+}
+
+@media (min-width: 576px) {
+    .calendar-modal-event .nav-modal-event {
+        align-self: auto;
+        order: 2;
+    }
+}
+
+.calendar-modal-event .nav-modal-event .nav-link {
+    padding: 0;
+    color: rgba(255, 255, 255, 0.75);
+    line-height: 0;
+    position: relative;
+    transition: all 0.2s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .calendar-modal-event .nav-modal-event .nav-link {
+        transition: none;
+    }
+}
+
+.calendar-modal-event .nav-modal-event .nav-link svg {
+    width: 16px;
+}
+
+@media (min-width: 992px) {
+    .calendar-modal-event .nav-modal-event .nav-link svg {
+        width: 16px;
+        stroke-width: 2.5px;
+    }
+}
+
+.calendar-modal-event .nav-modal-event .nav-link:hover, .calendar-modal-event .nav-modal-event .nav-link:focus {
+    color: #fff;
+}
+
+.calendar-modal-event .nav-modal-event .nav-link + .nav-link {
+    margin-left: 10px;
+}
+
+.calendar-modal-event .event-title {
+    color: #fff;
+    font-size: 16px;
+    font-weight: 400;
+    margin-top: 30px;
+    margin-bottom: 0;
+    line-height: 1;
+    order: 2;
+}
+
+@media (min-width: 576px) {
+    .calendar-modal-event .event-title {
+        margin-top: 0;
+        order: 1;
+    }
+}
+
+.calendar-modal-event .modal-body {
+    background-color: #fff;
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+}
+
+.calendar-modal-event .event-start-date,
+.calendar-modal-event .event-end-date {
+    color: #1c273c;
+    font-weight: 500;
+}
+
+.calendar-modal-event .event-desc {
+    margin-top: 5px;
+}
+
+    .calendar-modal-event .event-desc:empty {
+        margin-bottom: 5px;
+    }
+
+.calendar-content-body .fc-event.volunteer-event {
+    background-color: #bfdaff;
+    /*background-color: #A6CAFD;*/
+    border-color: #0168fa;
+}
+
+    .calendar-content-body .fc-event.volunteer-event.info {
+        /*background-color: #bfdaff;*/
+        background-color: #00b8d4;
+        border-color: #00b8d4;
+    }
+
+    .calendar-content-body .fc-event.volunteer-event.workFromHome {
+        background-color: #7b68ee !important;
+        border-color: #9400d3 !important;
+    }
+
+    .calendar-content-body .fc-event.volunteer-event.approved {
+        background-color: #ACE6C5 !important;
+        border-color: #10B759 !important;
+    }
+
+    .calendar-content-body .fc-event.volunteer-event.rejected {
+        background-color: #F3B8BE !important;
+        border-color: #DC3545 !important;
+    }
+
+    .calendar-content-body .fc-event.volunteer-event.pending {
+        background-color: #FFE9A8 !important;
+        border-color: #FFC107 !important;
+    }
+
+
+    .calendar-content-body .fc-event.volunteer-event.birthdays {
+        background-color: #7987a1 !important;
+        border-color: #7987a1 !important;
+    }
+
+
+    .calendar-content-body .fc-event.volunteer-event.joiningdays {
+        background-color: #009688 !important;
+        border-color: #009688 !important;
+    }
+
+
+    .calendar-content-body .fc-event.volunteer-event.marriagedays {
+        background-color: magenta !important;
+        border-color: magenta !important;
+    }
+
+.calendar-content-body .fc-listMonth-view .fc-list-item.volunteer-event,
+.calendar-content-body .fc-listWeek-view .fc-list-item.volunteer-event {
+    border-color: #0168fa;
+    color: #0168fa;
+}
+
+    .calendar-content-body .fc-listMonth-view .fc-list-item.volunteer-event.info,
+    .calendar-content-body .fc-listWeek-view .fc-list-item.volunteer-event.info {
+        border-color: #00b8d4 !important;
+        color: #00b8d4 !important;
+    }
+
+    .calendar-content-body .fc-listMonth-view .fc-list-item.volunteer-event.approved,
+    .calendar-content-body .fc-listWeek-view .fc-list-item.volunteer-event.approved {
+        border-color: #10B759 !important;
+        color: #10B759 !important;
+    }
+
+    .calendar-content-body .fc-listMonth-view .fc-list-item.volunteer-event.rejected,
+    .calendar-content-body .fc-listWeek-view .fc-list-item.volunteer-event.rejected {
+        border-color: #DC3545 !important;
+        color: #DC3545 !important;
+    }
+
+    .calendar-content-body .fc-listMonth-view .fc-list-item.volunteer-event.pending,
+    .calendar-content-body .fc-listWeek-view .fc-list-item.volunteer-event.pending {
+        border-color: #FFC107 !important;
+        color: #FFC107 !important;
+    }
+
+.event-title {
+    color: #0168fa;
+}
+
+    .event-title.approved {
+        color: #10B759 !important;
+    }
+
+        .event-title.approved .event-dot {
+            width: 10px;
+            height: 10px;
+            margin-right: 10px;
+            background: #10B759;
+            display: inline-block;
+        }
+
+    .event-title.rejected {
+        color: #DC3545 !important;
+    }
+
+        .event-title.rejected .event-dot {
+            width: 10px;
+            height: 10px;
+            margin-right: 10px;
+            background: #DC3545;
+            display: inline-block;
+        }
+
+    .event-title.pending {
+        color: #FFC107 !important;
+    }
+
+        .event-title.pending .event-dot {
+            width: 10px;
+            height: 10px;
+            margin-right: 10px;
+            background: #FFC107;
+            display: inline-block;
+        }
+
+.rejected .fc-title {
+    text-decoration: line-through;
+}
+
+.rejected .fc-list-item-title {
+    text-decoration: line-through;
+}
+

Presentation/Hims.Admin/src/assets/css/styles/fullcalendar/core.css

+@charset "UTF-8";
+.fc {
+  direction: ltr;
+  text-align: left;
+}
+
+.fc-rtl {
+  text-align: right;
+}
+
+body .fc {
+  /* extra precedence to overcome jqui */
+  font-size: 1em;
+}
+
+/* Colors
+--------------------------------------------------------------------------------------------------*/
+.fc-highlight {
+  /* when user is selecting cells */
+  background: #bce8f1;
+  opacity: 0.3;
+}
+
+.fc-bgevent {
+  /* default look for background events */
+  background: #8fdf82;
+  opacity: 0.3;
+}
+
+.fc-nonbusiness {
+  /* default look for non-business-hours areas */
+  /* will inherit .fc-bgevent's styles */
+  background: #d7d7d7;
+}
+
+/* Popover
+--------------------------------------------------------------------------------------------------*/
+.fc-popover {
+  position: absolute;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+}
+
+.fc-popover .fc-header {
+  /* TODO: be more consistent with fc-head/fc-body */
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 2px 4px;
+}
+
+.fc-rtl .fc-popover .fc-header {
+  flex-direction: row-reverse;
+}
+
+.fc-popover .fc-header .fc-title {
+  margin: 0 2px;
+}
+
+.fc-popover .fc-header .fc-close {
+  cursor: pointer;
+  opacity: 0.65;
+  font-size: 1.1em;
+}
+
+/* Misc Reusable Components
+--------------------------------------------------------------------------------------------------*/
+.fc-divider {
+  border-style: solid;
+  border-width: 1px;
+}
+
+hr.fc-divider {
+  height: 0;
+  margin: 0;
+  padding: 0 0 2px;
+  /* height is unreliable across browsers, so use padding */
+  border-width: 1px 0;
+}
+
+.fc-bg,
+.fc-bgevent-skeleton,
+.fc-highlight-skeleton,
+.fc-mirror-skeleton {
+  /* these element should always cling to top-left/right corners */
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+.fc-bg {
+  bottom: 0;
+  /* strech bg to bottom edge */
+}
+
+.fc-bg table {
+  height: 100%;
+  /* strech bg to bottom edge */
+}
+
+/* Tables
+--------------------------------------------------------------------------------------------------*/
+.fc table {
+  width: 100%;
+  box-sizing: border-box;
+  /* fix scrollbar issue in firefox */
+  table-layout: fixed;
+  border-collapse: collapse;
+  border-spacing: 0;
+  font-size: 1em;
+  /* normalize cross-browser */
+}
+
+.fc th {
+  text-align: center;
+}
+
+.fc th,
+.fc td {
+  border-style: solid;
+  border-width: 1px;
+  padding: 0;
+  vertical-align: top;
+}
+
+.fc td.fc-today {
+  border-style: double;
+  /* overcome neighboring borders */
+}
+
+/* Internal Nav Links
+--------------------------------------------------------------------------------------------------*/
+a[data-goto] {
+  cursor: pointer;
+}
+
+a[data-goto]:hover {
+  text-decoration: underline;
+}
+
+/* Fake Table Rows
+--------------------------------------------------------------------------------------------------*/
+.fc .fc-row {
+  /* extra precedence to overcome themes forcing a 1px border */
+  /* no visible border by default. but make available if need be (scrollbar width compensation) */
+  border-style: solid;
+  border-width: 0;
+}
+
+.fc-row table {
+  /* don't put left/right border on anything within a fake row.
+     the outer tbody will worry about this */
+  border-left: 0 hidden transparent;
+  border-right: 0 hidden transparent;
+  /* no bottom borders on rows */
+  border-bottom: 0 hidden transparent;
+}
+
+.fc-row:first-child table {
+  border-top: 0 hidden transparent;
+  /* no top border on first row */
+}
+
+/* Day Row (used within the header and the DayGrid)
+--------------------------------------------------------------------------------------------------*/
+.fc-row {
+  position: relative;
+}
+
+.fc-row .fc-bg {
+  z-index: 1;
+}
+
+/* highlighting cells & background event skeleton */
+.fc-row .fc-bgevent-skeleton,
+.fc-row .fc-highlight-skeleton {
+  bottom: 0;
+  /* stretch skeleton to bottom of row */
+}
+
+.fc-row .fc-bgevent-skeleton table,
+.fc-row .fc-highlight-skeleton table {
+  height: 100%;
+  /* stretch skeleton to bottom of row */
+}
+
+.fc-row .fc-highlight-skeleton td,
+.fc-row .fc-bgevent-skeleton td {
+  border-color: transparent;
+}
+
+.fc-row .fc-bgevent-skeleton {
+  z-index: 2;
+}
+
+.fc-row .fc-highlight-skeleton {
+  z-index: 3;
+}
+
+/*
+row content (which contains day/week numbers and events) as well as "mirror" (which contains
+temporary rendered events).
+*/
+.fc-row .fc-content-skeleton {
+  position: relative;
+  z-index: 4;
+  padding-bottom: 2px;
+  /* matches the space above the events */
+}
+
+.fc-row .fc-mirror-skeleton {
+  z-index: 5;
+}
+
+.fc .fc-row .fc-content-skeleton table,
+.fc .fc-row .fc-content-skeleton td,
+.fc .fc-row .fc-mirror-skeleton td {
+  /* see-through to the background below */
+  /* extra precedence to prevent theme-provided backgrounds */
+  background: none;
+  /* in case <td>s are globally styled */
+  border-color: transparent;
+}
+
+.fc-row .fc-content-skeleton td,
+.fc-row .fc-mirror-skeleton td {
+  /* don't put a border between events and/or the day number */
+  border-bottom: 0;
+}
+
+.fc-row .fc-content-skeleton tbody td,
+.fc-row .fc-mirror-skeleton tbody td {
+  /* don't put a border between event cells */
+  border-top: 0;
+}
+
+/* Scrolling Container
+--------------------------------------------------------------------------------------------------*/
+.fc-scroller {
+  -webkit-overflow-scrolling: touch;
+}
+
+/* TODO: move to timegrid/daygrid */
+.fc-scroller > .fc-day-grid,
+.fc-scroller > .fc-time-grid {
+  position: relative;
+  /* re-scope all positions */
+  width: 100%;
+  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
+}
+
+/* Global Event Styles
+--------------------------------------------------------------------------------------------------*/
+.fc-event {
+  position: relative;
+  /* for resize handle and other inner positioning */
+  display: block;
+  /* make the <a> tag block */
+  font-size: 0.85em;
+  line-height: 1.4;
+  border-radius: 3px;
+  border: 1px solid;
+}
+
+/*.fc-event,*/
+/*.fc-event-dot {*/
+  /*background-color: #3788d8;*/
+  /* default BACKGROUND color */
+/*}*/
+
+.fc-event,
+.fc-event:hover {
+  color: #fff;
+  /* default TEXT color */
+  text-decoration: none;
+  /* if <a> has an href */
+}
+
+.fc-event[href],
+.fc-event.fc-draggable {
+  cursor: pointer;
+  /* give events with links and draggable events a hand mouse pointer */
+}
+
+.fc-not-allowed,
+.fc-not-allowed .fc-event {
+  /* to override an event's custom cursor */
+  cursor: not-allowed;
+}
+
+.fc-event .fc-content {
+  position: relative;
+  z-index: 2;
+}
+
+/* resizer (cursor AND touch devices) */
+.fc-event .fc-resizer {
+  position: absolute;
+  z-index: 4;
+}
+
+/* resizer (touch devices) */
+.fc-event .fc-resizer {
+  display: none;
+}
+
+.fc-event.fc-allow-mouse-resize .fc-resizer,
+.fc-event.fc-selected .fc-resizer {
+  /* only show when hovering or selected (with touch) */
+  display: block;
+}
+
+/* hit area */
+.fc-event.fc-selected .fc-resizer:before {
+  /* 40x40 touch area */
+  content: "";
+  position: absolute;
+  z-index: 9999;
+  /* user of this util can scope within a lower z-index */
+  top: 50%;
+  left: 50%;
+  width: 40px;
+  height: 40px;
+  margin-left: -20px;
+  margin-top: -20px;
+}
+
+/* Event Selection (only for touch devices)
+--------------------------------------------------------------------------------------------------*/
+.fc-event.fc-selected {
+  z-index: 9999 !important;
+  /* overcomes inline z-index */
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+}
+
+.fc-event.fc-selected:after {
+  content: "";
+  position: absolute;
+  z-index: 1;
+  /* same z-index as fc-bg, behind text */
+  /* overcome the borders */
+  top: -1px;
+  right: -1px;
+  bottom: -1px;
+  left: -1px;
+  /* darkening effect */
+  background: #000;
+  opacity: 0.25;
+}
+
+/* Event Dragging
+--------------------------------------------------------------------------------------------------*/
+.fc-event.fc-dragging.fc-selected {
+  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
+}
+
+.fc-event.fc-dragging:not(.fc-selected) {
+  opacity: 0.75;
+}
+
+/* Horizontal Events
+--------------------------------------------------------------------------------------------------*/
+/* bigger touch area when selected */
+.fc-h-event.fc-selected:before {
+  content: "";
+  position: absolute;
+  z-index: 3;
+  /* below resizers */
+  top: -10px;
+  bottom: -10px;
+  left: 0;
+  right: 0;
+}
+
+/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
+.fc-ltr .fc-h-event.fc-not-start,
+.fc-rtl .fc-h-event.fc-not-end {
+  margin-left: 0;
+  border-left-width: 0;
+  padding-left: 1px;
+  /* replace the border with padding */
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.fc-ltr .fc-h-event.fc-not-end,
+.fc-rtl .fc-h-event.fc-not-start {
+  margin-right: 0;
+  border-right-width: 0;
+  padding-right: 1px;
+  /* replace the border with padding */
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+/* resizer (cursor AND touch devices) */
+/* left resizer  */
+.fc-ltr .fc-h-event .fc-start-resizer,
+.fc-rtl .fc-h-event .fc-end-resizer {
+  cursor: w-resize;
+  left: -1px;
+  /* overcome border */
+}
+
+/* right resizer */
+.fc-ltr .fc-h-event .fc-end-resizer,
+.fc-rtl .fc-h-event .fc-start-resizer {
+  cursor: e-resize;
+  right: -1px;
+  /* overcome border */
+}
+
+/* resizer (mouse devices) */
+.fc-h-event.fc-allow-mouse-resize .fc-resizer {
+  width: 7px;
+  top: -1px;
+  /* overcome top border */
+  bottom: -1px;
+  /* overcome bottom border */
+}
+
+/* resizer (touch devices) */
+.fc-h-event.fc-selected .fc-resizer {
+  /* 8x8 little dot */
+  border-radius: 4px;
+  border-width: 1px;
+  width: 6px;
+  height: 6px;
+  border-style: solid;
+  border-color: inherit;
+  background: #fff;
+  /* vertically center */
+  top: 50%;
+  margin-top: -4px;
+}
+
+/* left resizer  */
+.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
+.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
+  margin-left: -4px;
+  /* centers the 8x8 dot on the left edge */
+}
+
+/* right resizer */
+.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
+.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
+  margin-right: -4px;
+  /* centers the 8x8 dot on the right edge */
+}
+
+/* DayGrid events
+----------------------------------------------------------------------------------------------------
+We use the full "fc-day-grid-event" class instead of using descendants because the event won't
+be a descendant of the grid when it is being dragged.
+*/
+.fc-day-grid-event {
+  margin: 1px 2px 0;
+  /* spacing between events and edges */
+  padding: 0 1px;
+}
+
+tr:first-child > td > .fc-day-grid-event {
+  margin-top: 2px;
+  /* a little bit more space before the first event */
+}
+
+.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
+  margin-top: 0;
+  /* except for mirror skeleton */
+}
+
+.fc-day-grid-event .fc-content {
+  /* force events to be one-line tall */
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.fc-day-grid-event .fc-time {
+  font-weight: bold;
+}
+
+/* resizer (cursor devices) */
+/* left resizer  */
+.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
+.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
+  margin-left: -2px;
+  /* to the day cell's edge */
+}
+
+/* right resizer */
+.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
+.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
+  margin-right: -2px;
+  /* to the day cell's edge */
+}
+
+/* Event Limiting
+--------------------------------------------------------------------------------------------------*/
+/* "more" link that represents hidden events */
+a.fc-more {
+  margin: 1px 3px;
+  font-size: 0.85em;
+  cursor: pointer;
+  text-decoration: none;
+}
+
+a.fc-more:hover {
+  text-decoration: underline;
+}
+
+.fc-limited {
+  /* rows and cells that are hidden because of a "more" link */
+  display: none;
+}
+
+/* popover that appears when "more" link is clicked */
+.fc-day-grid .fc-row {
+  z-index: 1;
+  /* make the "more" popover one higher than this */
+}
+
+.fc-more-popover {
+  z-index: 2;
+  width: 220px;
+}
+
+.fc-more-popover .fc-event-container {
+  padding: 10px;
+}
+
+/* Now Indicator
+--------------------------------------------------------------------------------------------------*/
+.fc-now-indicator {
+  position: absolute;
+  border: 0 solid red;
+}
+
+/* Utilities
+--------------------------------------------------------------------------------------------------*/
+.fc-unselectable {
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -webkit-touch-callout: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+/*
+TODO: more distinction between this file and common.css
+*/
+/* Colors
+--------------------------------------------------------------------------------------------------*/
+.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-color: #ddd;
+}
+
+.fc-unthemed .fc-popover {
+  background-color: #fff;
+}
+
+.fc-unthemed .fc-divider,
+.fc-unthemed .fc-popover .fc-header,
+.fc-unthemed .fc-list-heading td {
+  background: #eee;
+}
+
+.fc-unthemed td.fc-today {
+  background: #fcf8e3;
+}
+
+.fc-unthemed .fc-disabled-day {
+  background: #d7d7d7;
+  opacity: 0.3;
+}
+
+/* Icons
+--------------------------------------------------------------------------------------------------
+from https://feathericons.com/ and built with IcoMoon
+*/
+@font-face {
+  font-family: "fcicons";
+  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+.fc-icon {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: "fcicons" !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.fc-icon-chevron-left:before {
+  content: "";
+}
+
+.fc-icon-chevron-right:before {
+  content: "";
+}
+
+.fc-icon-chevrons-left:before {
+  content: "";
+}
+
+.fc-icon-chevrons-right:before {
+  content: "";
+}
+
+.fc-icon-minus-square:before {
+  content: "";
+}
+
+.fc-icon-plus-square:before {
+  content: "";
+}
+
+.fc-icon-x:before {
+  content: "";
+}
+
+.fc-icon {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  text-align: center;
+}
+
+/* Buttons
+--------------------------------------------------------------------------------------------------
+Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
+*/
+/* reset */
+.fc-button {
+  border-radius: 0;
+  overflow: visible;
+  text-transform: none;
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.fc-button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+.fc-button {
+  -webkit-appearance: button;
+}
+
+.fc-button:not(:disabled) {
+  cursor: pointer;
+}
+
+.fc-button::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+/* theme */
+.fc-button {
+  display: inline-block;
+  font-weight: 400;
+  color: #212529;
+  text-align: center;
+  vertical-align: middle;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background-color: transparent;
+  border: 1px solid transparent;
+  padding: 0.4em 0.65em;
+  font-size: 1em;
+  line-height: 1.5;
+  border-radius: 0.25em;
+}
+
+.fc-button:hover {
+  color: #212529;
+  text-decoration: none;
+}
+
+.fc-button:focus {
+  outline: 0;
+  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
+  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
+}
+
+.fc-button:disabled {
+  opacity: 0.65;
+}
+
+/* "primary" coloring */
+.fc-button-primary {
+  color: #fff;
+  background-color: #2C3E50;
+  border-color: #2C3E50;
+}
+
+.fc-button-primary:hover {
+  color: #fff;
+  background-color: #1e2b37;
+  border-color: #1a252f;
+}
+
+.fc-button-primary:focus {
+  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
+}
+
+.fc-button-primary:disabled {
+  color: #fff;
+  background-color: #2C3E50;
+  border-color: #2C3E50;
+}
+
+.fc-button-primary:not(:disabled):active,
+.fc-button-primary:not(:disabled).fc-button-active {
+  color: #fff;
+  background-color: #1a252f;
+  border-color: #151e27;
+}
+
+.fc-button-primary:not(:disabled):active:focus,
+.fc-button-primary:not(:disabled).fc-button-active:focus {
+  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
+}
+
+/* icons within buttons */
+.fc-button .fc-icon {
+  vertical-align: middle;
+  font-size: 1.5em;
+}
+
+/* Buttons Groups
+--------------------------------------------------------------------------------------------------*/
+.fc-button-group {
+  position: relative;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  vertical-align: middle;
+}
+
+.fc-button-group > .fc-button {
+  position: relative;
+  -webkit-box-flex: 1;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+}
+
+.fc-button-group > .fc-button:hover {
+  z-index: 1;
+}
+
+.fc-button-group > .fc-button:focus,
+.fc-button-group > .fc-button:active,
+.fc-button-group > .fc-button.fc-button-active {
+  z-index: 1;
+}
+
+.fc-button-group > .fc-button:not(:first-child) {
+  margin-left: -1px;
+}
+
+.fc-button-group > .fc-button:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.fc-button-group > .fc-button:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+/* Popover
+--------------------------------------------------------------------------------------------------*/
+.fc-unthemed .fc-popover {
+  border-width: 1px;
+  border-style: solid;
+}
+
+/* List View
+--------------------------------------------------------------------------------------------------*/
+.fc-unthemed .fc-list-item:hover td {
+  background-color: #f5f5f5;
+}
+
+/* Toolbar
+--------------------------------------------------------------------------------------------------*/
+.fc-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.fc-toolbar.fc-header-toolbar {
+  margin-bottom: 1.5em;
+}
+
+.fc-toolbar.fc-footer-toolbar {
+  margin-top: 1.5em;
+}
+
+/* inner content */
+.fc-toolbar > * > :not(:first-child) {
+  margin-left: 0.75em;
+}
+
+.fc-toolbar h2 {
+  font-size: 1.75em;
+  margin: 0;
+}
+
+/* View Structure
+--------------------------------------------------------------------------------------------------*/
+.fc-view-container {
+  position: relative;
+}
+
+/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
+/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
+.fc-view-container *,
+.fc-view-container *:before,
+.fc-view-container *:after {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+
+.fc-view,
+.fc-view > table {
+  /* so dragged elements can be above the view's main element */
+  position: relative;
+  z-index: 1;
+}
+
+@media print {
+  .fc {
+    max-width: 100% !important;
+  }
+
+  /* Global Event Restyling
+  --------------------------------------------------------------------------------------------------*/
+  .fc-event {
+    background: #fff !important;
+    color: #000 !important;
+    page-break-inside: avoid;
+  }
+
+  .fc-event .fc-resizer {
+    display: none;
+  }
+
+  /* Table & Day-Row Restyling
+  --------------------------------------------------------------------------------------------------*/
+  .fc th,
+.fc td,
+.fc hr,
+.fc thead,
+.fc tbody,
+.fc-row {
+    border-color: #ccc !important;
+    background: #fff !important;
+  }
+
+  /* kill the overlaid, absolutely-positioned components */
+  /* common... */
+  .fc-bg,
+.fc-bgevent-skeleton,
+.fc-highlight-skeleton,
+.fc-mirror-skeleton,
+.fc-bgevent-container,
+.fc-business-container,
+.fc-highlight-container,
+.fc-mirror-container {
+    display: none;
+  }
+
+  /* don't force a min-height on rows (for DayGrid) */
+  .fc tbody .fc-row {
+    height: auto !important;
+    /* undo height that JS set in distributeHeight */
+    min-height: 0 !important;
+    /* undo the min-height from each view's specific stylesheet */
+  }
+
+  .fc tbody .fc-row .fc-content-skeleton {
+    position: static;
+    /* undo .fc-rigid */
+    padding-bottom: 0 !important;
+    /* use a more border-friendly method for this... */
+  }
+
+  .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
+    /* only works in newer browsers */
+    padding-bottom: 1em;
+    /* ...gives space within the skeleton. also ensures min height in a way */
+  }
+
+  .fc tbody .fc-row .fc-content-skeleton table {
+    /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
+       making it look more like 3em. for other browers, it will already be this tall */
+    height: 1em;
+  }
+
+  /* Undo month-view event limiting. Display all events and hide the "more" links
+  --------------------------------------------------------------------------------------------------*/
+  .fc-more-cell,
+.fc-more {
+    display: none !important;
+  }
+
+  .fc tr.fc-limited {
+    display: table-row !important;
+  }
+
+  .fc td.fc-limited {
+    display: table-cell !important;
+  }
+
+  .fc-popover {
+    display: none;
+    /* never display the "more.." popover in print mode */
+  }
+
+  /* TimeGrid Restyling
+  --------------------------------------------------------------------------------------------------*/
+  /* undo the min-height 100% trick used to fill the container's height */
+  .fc-time-grid {
+    min-height: 0 !important;
+  }
+
+  /* don't display the side axis at all ("all-day" and time cells) */
+  .fc-timeGrid-view .fc-axis {
+    display: none;
+  }
+
+  /* don't display the horizontal lines */
+  .fc-slats,
+.fc-time-grid hr {
+    /* this hr is used when height is underused and needs to be filled */
+    display: none !important;
+    /* important overrides inline declaration */
+  }
+
+  /* let the container that holds the events be naturally positioned and create real height */
+  .fc-time-grid .fc-content-skeleton {
+    position: static;
+  }
+
+  /* in case there are no events, we still want some height */
+  .fc-time-grid .fc-content-skeleton table {
+    height: 4em;
+  }
+
+  /* kill the horizontal spacing made by the event container. event margins will be done below */
+  .fc-time-grid .fc-event-container {
+    margin: 0 !important;
+  }
+
+  /* TimeGrid *Event* Restyling
+  --------------------------------------------------------------------------------------------------*/
+  /* naturally position events, vertically stacking them */
+  .fc-time-grid .fc-event {
+    position: static !important;
+    margin: 3px 2px !important;
+  }
+
+  /* for events that continue to a future day, give the bottom border back */
+  .fc-time-grid .fc-event.fc-not-end {
+    border-bottom-width: 1px !important;
+  }
+
+  /* indicate the event continues via "..." text */
+  .fc-time-grid .fc-event.fc-not-end:after {
+    content: "...";
+  }
+
+  /* for events that are continuations from previous days, give the top border back */
+  .fc-time-grid .fc-event.fc-not-start {
+    border-top-width: 1px !important;
+  }
+
+  /* indicate the event is a continuation via "..." text */
+  .fc-time-grid .fc-event.fc-not-start:before {
+    content: "...";
+  }
+
+  /* time */
+  /* undo a previous declaration and let the time text span to a second line */
+  .fc-time-grid .fc-event .fc-time {
+    white-space: normal !important;
+  }
+
+  /* hide the the time that is normally displayed... */
+  .fc-time-grid .fc-event .fc-time span {
+    display: none;
+  }
+
+  /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
+  .fc-time-grid .fc-event .fc-time:after {
+    content: attr(data-full);
+  }
+
+  /* Vertical Scroller & Containers
+  --------------------------------------------------------------------------------------------------*/
+  /* kill the scrollbars and allow natural height */
+  .fc-scroller,
+.fc-day-grid-container,
+.fc-time-grid-container {
+    /* */
+    overflow: visible !important;
+    height: auto !important;
+  }
+
+  /* kill the horizontal border/padding used to compensate for scrollbars */
+  .fc-row {
+    border: 0 !important;
+    margin: 0 !important;
+  }
+
+  /* Button Controls
+  --------------------------------------------------------------------------------------------------*/
+  .fc-button-group,
+.fc button {
+    display: none;
+    /* don't display any button-related controls */
+  }
+}

Presentation/Hims.Admin/src/assets/css/styles/fullcalendar/daygrid.css

+/* DayGridView
+--------------------------------------------------------------------------------------------------*/
+/* day row structure */
+.fc-dayGridWeek-view .fc-content-skeleton,
+.fc-dayGridDay-view .fc-content-skeleton {
+  /* there may be week numbers in these views, so no padding-top */
+  padding-bottom: 1em;
+  /* ensure a space at bottom of cell for user selecting/clicking */
+}
+
+.fc-dayGrid-view .fc-body .fc-row {
+  min-height: 4em;
+  /* ensure that all rows are at least this tall */
+}
+
+/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
+.fc-row.fc-rigid {
+  overflow: hidden;
+}
+
+.fc-row.fc-rigid .fc-content-skeleton {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+/* week and day number styling */
+.fc-day-top.fc-other-month {
+  opacity: 0.3;
+}
+
+.fc-dayGrid-view .fc-week-number,
+.fc-dayGrid-view .fc-day-number {
+  padding: 2px;
+}
+
+.fc-dayGrid-view th.fc-week-number,
+.fc-dayGrid-view th.fc-day-number {
+  padding: 0 2px;
+  /* column headers can't have as much v space */
+}
+
+.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
+  float: right;
+}
+
+.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
+  float: left;
+}
+
+.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
+  float: left;
+  border-radius: 0 0 3px 0;
+}
+
+.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
+  float: right;
+  border-radius: 0 0 0 3px;
+}
+
+.fc-dayGrid-view .fc-day-top .fc-week-number {
+  min-width: 1.5em;
+  text-align: center;
+  background-color: #f2f2f2;
+  color: #808080;
+}
+
+/* when week/day number have own column */
+.fc-dayGrid-view td.fc-week-number {
+  text-align: center;
+}
+
+.fc-dayGrid-view td.fc-week-number > * {
+  /* work around the way we do column resizing and ensure a minimum width */
+  display: inline-block;
+  min-width: 1.25em;
+}

Presentation/Hims.Admin/src/assets/css/styles/fullcalendar/list.css

+/* List View
+--------------------------------------------------------------------------------------------------*/
+/* possibly reusable */
+.fc-event-dot {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  border-radius: 5px;
+}
+
+/* view wrapper */
+.fc-rtl .fc-list-view {
+  direction: rtl;
+  /* unlike core views, leverage browser RTL */
+}
+
+.fc-list-view {
+  border-width: 1px;
+  border-style: solid;
+}
+
+/* table resets */
+.fc .fc-list-table {
+  table-layout: auto;
+  /* for shrinkwrapping cell content */
+}
+
+.fc-list-table td {
+  border-width: 1px 0 0;
+  padding: 8px 14px;
+}
+
+.fc-list-table tr:first-child td {
+  border-top-width: 0;
+}
+
+/* day headings with the list */
+.fc-list-heading {
+  border-bottom-width: 1px;
+}
+
+.fc-list-heading td {
+  font-weight: bold;
+}
+
+.fc-ltr .fc-list-heading-main {
+  float: left;
+}
+
+.fc-ltr .fc-list-heading-alt {
+  float: right;
+}
+
+.fc-rtl .fc-list-heading-main {
+  float: right;
+}
+
+.fc-rtl .fc-list-heading-alt {
+  float: left;
+}
+
+/* event list items */
+.fc-list-item.fc-has-url {
+  cursor: pointer;
+  /* whole row will be clickable */
+}
+
+.fc-list-item-marker,
+.fc-list-item-time {
+  white-space: nowrap;
+  width: 1px;
+}
+
+/* make the dot closer to the event title */
+.fc-ltr .fc-list-item-marker {
+  padding-right: 0;
+}
+
+.fc-rtl .fc-list-item-marker {
+  padding-left: 0;
+}
+
+.fc-list-item-title a {
+  /* every event title cell has an <a> tag */
+  text-decoration: none;
+  color: inherit;
+}
+
+.fc-list-item-title a[href]:hover {
+  /* hover effect only on titles with hrefs */
+  text-decoration: underline;
+}
+
+/* message when no events */
+.fc-list-empty-wrap2 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.fc-list-empty-wrap1 {
+  width: 100%;
+  height: 100%;
+  display: table;
+}
+
+.fc-list-empty {
+  display: table-cell;
+  vertical-align: middle;
+  text-align: center;
+}
+
+.fc-unthemed .fc-list-empty {
+  /* theme will provide own background */
+  background-color: #eee;
+}

Presentation/Hims.Admin/src/assets/css/styles/fullcalendar/timegrid.css

+@charset "UTF-8";
+/* TimeGridView all-day area
+--------------------------------------------------------------------------------------------------*/
+.fc-timeGrid-view .fc-day-grid {
+  position: relative;
+  z-index: 2;
+  /* so the "more.." popover will be over the time grid */
+}
+
+.fc-timeGrid-view .fc-day-grid .fc-row {
+  min-height: 3em;
+  /* all-day section will never get shorter than this */
+}
+
+.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
+  padding-bottom: 1em;
+  /* give space underneath events for clicking/selecting days */
+}
+
+/* TimeGrid axis running down the side (for both the all-day area and the slot area)
+--------------------------------------------------------------------------------------------------*/
+.fc .fc-axis {
+  /* .fc to overcome default cell styles */
+  vertical-align: middle;
+  padding: 0 4px;
+  white-space: nowrap;
+}
+
+.fc-ltr .fc-axis {
+  text-align: right;
+}
+
+.fc-rtl .fc-axis {
+  text-align: left;
+}
+
+/* TimeGrid Structure
+--------------------------------------------------------------------------------------------------*/
+.fc-time-grid-container,
+.fc-time-grid {
+  /* so slats/bg/content/etc positions get scoped within here */
+  position: relative;
+  z-index: 1;
+}
+
+.fc-time-grid {
+  min-height: 100%;
+  /* so if height setting is 'auto', .fc-bg stretches to fill height */
+}
+
+.fc-time-grid table {
+  /* don't put outer borders on slats/bg/content/etc */
+  border: 0 hidden transparent;
+}
+
+.fc-time-grid > .fc-bg {
+  z-index: 1;
+}
+
+.fc-time-grid .fc-slats,
+.fc-time-grid > hr {
+  /* the <hr> TimeGridView injects when grid is shorter than scroller */
+  position: relative;
+  z-index: 2;
+}
+
+.fc-time-grid .fc-content-col {
+  position: relative;
+  /* because now-indicator lives directly inside */
+}
+
+.fc-time-grid .fc-content-skeleton {
+  position: absolute;
+  z-index: 3;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+/* divs within a cell within the fc-content-skeleton */
+.fc-time-grid .fc-business-container {
+  position: relative;
+  z-index: 1;
+}
+
+.fc-time-grid .fc-bgevent-container {
+  position: relative;
+  z-index: 2;
+}
+
+.fc-time-grid .fc-highlight-container {
+  position: relative;
+  z-index: 3;
+}
+
+.fc-time-grid .fc-event-container {
+  position: relative;
+  z-index: 4;
+}
+
+.fc-time-grid .fc-now-indicator-line {
+  z-index: 5;
+}
+
+.fc-time-grid .fc-mirror-container {
+  /* also is fc-event-container */
+  position: relative;
+  z-index: 6;
+}
+
+/* TimeGrid Slats (lines that run horizontally)
+--------------------------------------------------------------------------------------------------*/
+.fc-time-grid .fc-slats td {
+  height: 1.5em;
+  border-bottom: 0;
+  /* each cell is responsible for its top border */
+}
+
+.fc-time-grid .fc-slats .fc-minor td {
+  border-top-style: dotted;
+}
+
+/* TimeGrid Highlighting Slots
+--------------------------------------------------------------------------------------------------*/
+.fc-time-grid .fc-highlight-container {
+  /* a div within a cell within the fc-highlight-skeleton */
+  position: relative;
+  /* scopes the left/right of the fc-highlight to be in the column */
+}
+
+.fc-time-grid .fc-highlight {
+  position: absolute;
+  left: 0;
+  right: 0;
+  /* top and bottom will be in by JS */
+}
+
+/* TimeGrid Event Containment
+--------------------------------------------------------------------------------------------------*/
+.fc-ltr .fc-time-grid .fc-event-container {
+  /* space on the sides of events for LTR (default) */
+  margin: 0 2.5% 0 2px;
+}
+
+.fc-rtl .fc-time-grid .fc-event-container {
+  /* space on the sides of events for RTL */
+  margin: 0 2px 0 2.5%;
+}
+
+.fc-time-grid .fc-event,
+.fc-time-grid .fc-bgevent {
+  position: absolute;
+  z-index: 1;
+  /* scope inner z-index's */
+}
+
+.fc-time-grid .fc-bgevent {
+  /* background events always span full width */
+  left: 0;
+  right: 0;
+}
+
+/* TimeGrid Event Styling
+----------------------------------------------------------------------------------------------------
+We use the full "fc-time-grid-event" class instead of using descendants because the event won't
+be a descendant of the grid when it is being dragged.
+*/
+.fc-time-grid-event {
+  margin-bottom: 1px;
+}
+
+.fc-time-grid-event-inset {
+  -webkit-box-shadow: 0 0 0 1px #fff;
+  box-shadow: 0 0 0 1px #fff;
+}
+
+.fc-time-grid-event.fc-not-start {
+  /* events that are continuing from another day */
+  /* replace space made by the top border with padding */
+  border-top-width: 2px;
+  padding-top: 1px;
+  /* remove top rounded corners */
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.fc-time-grid-event.fc-not-end {
+  /* replace space made by the top border with padding */
+  border-bottom-width: 0;
+  padding-bottom: 1px;
+  /* remove bottom rounded corners */
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.fc-time-grid-event .fc-content {
+  overflow: hidden;
+  max-height: 100%;
+}
+
+.fc-time-grid-event .fc-time,
+.fc-time-grid-event .fc-title {
+  padding: 0 1px;
+}
+
+.fc-time-grid-event .fc-time {
+  font-size: 0.85em;
+  white-space: nowrap;
+}
+
+/* short mode, where time and title are on the same line */
+.fc-time-grid-event.fc-short .fc-content {
+  /* don't wrap to second line (now that contents will be inline) */
+  white-space: nowrap;
+}
+
+.fc-time-grid-event.fc-short .fc-time,
+.fc-time-grid-event.fc-short .fc-title {
+  /* put the time and title on the same line */
+  display: inline-block;
+  vertical-align: top;
+}
+
+.fc-time-grid-event.fc-short .fc-time span {
+  display: none;
+  /* don't display the full time text... */
+}
+
+.fc-time-grid-event.fc-short .fc-time:before {
+  content: attr(data-start);
+  /* ...instead, display only the start time */
+}
+
+.fc-time-grid-event.fc-short .fc-time:after {
+  content: " - ";
+  /* seperate with a dash, wrapped in nbsp's */
+}
+
+.fc-time-grid-event.fc-short .fc-title {
+  font-size: 0.85em;
+  /* make the title text the same size as the time */
+  padding: 0;
+  /* undo padding from above */
+}
+
+/* resizer (cursor device) */
+.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 8px;
+  overflow: hidden;
+  line-height: 8px;
+  font-size: 11px;
+  font-family: monospace;
+  text-align: center;
+  cursor: s-resize;
+}
+
+.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
+  content: "=";
+}
+
+/* resizer (touch device) */
+.fc-time-grid-event.fc-selected .fc-resizer {
+  /* 10x10 dot */
+  border-radius: 5px;
+  border-width: 1px;
+  width: 8px;
+  height: 8px;
+  border-style: solid;
+  border-color: inherit;
+  background: #fff;
+  /* horizontally center */
+  left: 50%;
+  margin-left: -5px;
+  /* center on the bottom edge */
+  bottom: -5px;
+}
+
+/* Now Indicator
+--------------------------------------------------------------------------------------------------*/
+.fc-time-grid .fc-now-indicator-line {
+  border-top-width: 1px;
+  left: 0;
+  right: 0;
+}
+
+/* arrow on axis */
+.fc-time-grid .fc-now-indicator-arrow {
+  margin-top: -5px;
+  /* vertically center on top coordinate */
+}
+
+.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
+  left: 0;
+  /* triangle pointing right... */
+  border-width: 5px 0 5px 6px;
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}
+
+.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
+  right: 0;
+  /* triangle pointing left... */
+  border-width: 5px 6px 5px 0;
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}

Presentation/Hims.Admin/src/assets/css/toastr.css

+/* position */
+.toast-center-center {
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.toast-top-center {
+    top: 0;
+    right: 0;
+    width: 100%;
+}
+
+.toast-bottom-center {
+    bottom: 0;
+    right: 0;
+    width: 100%;
+}
+
+.toast-top-full-width {
+    top: 0;
+    right: 0;
+    width: 100%;
+}
+
+.toast-bottom-full-width {
+    bottom: 0;
+    right: 0;
+    width: 100%;
+}
+
+.toast-top-left {
+    top: 12px;
+    left: 12px;
+}
+
+.toast-top-right {
+    top: 12px;
+    right: 12px;
+}
+
+.toast-bottom-right {
+    right: 12px;
+    bottom: 12px;
+}
+
+.toast-bottom-left {
+    bottom: 12px;
+    left: 12px;
+}
+
+/* toast styles */
+.toast-title {
+    font-weight: 600;
+}
+
+.toast-message {
+    word-wrap: break-word;
+}
+
+    .toast-message a,
+    .toast-message label {
+        color: #FFFFFF;
+    }
+
+        .toast-message a:hover {
+            color: #CCCCCC;
+            text-decoration: none;
+        }
+
+.toast-close-button {
+    position: relative;
+    right: -0.3em;
+    top: -0.3em;
+    float: right;
+    font-size: 20px;
+    font-weight: bold;
+    color: #FFFFFF;
+    text-shadow: 0 1px 0 #ffffff;
+    opacity: 0.8;
+}
+
+    .toast-close-button:hover,
+    .toast-close-button:focus {
+        color: #000000;
+        text-decoration: none;
+        cursor: pointer;
+        opacity: 0.4;
+    }
+
+/*Additional properties for button version
+ iOS requires the button element instead of an anchor tag.
+ If you want the anchor version, it requires `href="#"`.*/
+button.toast-close-button {
+    padding: 0;
+    cursor: pointer;
+    background: transparent;
+    border: 0;
+}
+
+.toast-container {
+    pointer-events: none;
+    position: fixed;
+    z-index: 999999;
+}
+
+    .toast-container * {
+        box-sizing: border-box;
+    }
+
+    .toast-container .ngx-toastr {
+        position: relative;
+        overflow: hidden;
+        margin: 0 0 6px;
+        padding: 15px 15px 15px 50px;
+        width: 400px;
+        border-radius: 3px 3px 3px 3px;
+        background-position: 15px center;
+        background-repeat: no-repeat;
+        background-size: 24px;
+        box-shadow: 0 0 12px #999999;
+        color: #FFFFFF;
+    }
+
+        .toast-container .ngx-toastr:hover {
+            box-shadow: 0 0 12px #000000;
+            opacity: 1;
+            cursor: pointer;
+        }
+
+.toast-info {
+    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
+}
+
+.toast-error {
+    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
+}
+
+.toast-success {
+    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
+}
+
+.toast-warning {
+    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
+}
+
+.toast-container.toast-top-center .ngx-toastr,
+.toast-container.toast-bottom-center .ngx-toastr {
+    width: 300px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.toast-container.toast-top-full-width .ngx-toastr,
+.toast-container.toast-bottom-full-width .ngx-toastr {
+    width: 96%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.ngx-toastr {
+    background-color: #3B4863;
+    pointer-events: auto;
+}
+
+.toast-success {
+    background-color: #10B759;
+}
+
+.toast-error {
+    background-color: #DC3545;
+}
+
+.toast-info {
+    background-color: #0168FA;
+}
+
+.toast-warning {
+    background-color: #FFC107;
+}
+
+.toast-progress {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    height: 4px;
+    background-color: #000000;
+    opacity: 0.4;
+}
+/* Responsive Design */
+@media all and (max-width: 240px) {
+    .toast-container .ngx-toastr.div {
+        padding: 8px 8px 8px 50px;
+        width: 11em;
+    }
+
+    .toast-container .toast-close-button {
+        right: -0.2em;
+        top: -0.2em;
+    }
+}
+
+@media all and (min-width: 241px) and (max-width: 480px) {
+    .toast-container .ngx-toastr.div {
+        padding: 8px 8px 8px 50px;
+        width: 18em;
+    }
+
+    .toast-container .toast-close-button {
+        right: -0.2em;
+        top: -0.2em;
+    }
+}
+
+@media all and (min-width: 481px) and (max-width: 768px) {
+    .toast-container .ngx-toastr.div {
+        padding: 15px 15px 15px 50px;
+        width: 25em;
+    }
+}

Presentation/Hims.Admin/src/assets/css/without-logo.css

+@media print {
+    @page {
+        margin-top: 85mm;
+        margin-bottom: 70mm;
+    }
+}

Presentation/Hims.Admin/src/assets/css/yellow-theme.css

+body[data-topbar-color="light"] .navbar-custom {
+    background-color: #fec32b !important;
+    box-shadow: 0 0 35px 0 rgb(154 161 171 / 15%);
+}
+body[data-layout-mode="two-column"] .sidebar-icon-menu {
+    position: fixed;
+    width: 80px;
+    z-index: 500;
+    top: 0;
+    bottom: 0;
+    padding-bottom: 20px;
+    background: #827d77;
+    overflow: hidden auto;
+}
+    body[data-layout-mode="two-column"] .sidebar-icon-menu .logo {
+        display: block;
+        width: 80px;
+        height: 65px;
+        line-height: 65px;
+        text-align: center;
+        z-index: 1002;
+        background-color: #827d77;
+    }
+body[data-layout-mode="two-column"] .layout-sidebar-main-menu {
+    display: block;
+    position: fixed;
+    width: 254px;
+    background-color: #958e87;
+    top: 0;
+    bottom: 6px;
+    left: 88px;
+    padding: 4px 0px;
+    box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
+    transition: all .1s ease-out;
+}
+
+body[data-layout-mode="two-column"] .left-side-menu {
+    background-color:#9f9a94;
+    box-shadow: none;
+}
+.widget-count {
+    height: 100%;
+    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
+    border-radius: 30px;
+    color: #827d77 !important;
+    border: 2px solid #fec32b !important;
+    background-image: url(assets/images/pattern.png);
+    background-position: left;
+}
+.count-filter-btn-block {
+    position: absolute;
+    cursor: pointer;
+    right: 10px;
+    top: 10px;
+    cursor: pointer;
+    padding: 1px 5px;
+    background-color: #fec32b !important;
+    border-radius: 50%;
+    color: black;
+}
+.encounter-menu .dropdown-item.active {
+    background: white;
+    color: black;
+}
+
+/*need to change bellow for yellow theme*/
+
+.bg-primary {
+    background-color: #827d77 !important;
+}
+.widget-graph .filter-btn-block {
+    cursor: pointer;
+    padding: 5px 9px;
+    background-color: #fec32b !important;
+    border-radius: 50%;
+    color: black;
+}
+.widget-table, .widget-graph {
+    box-shadow: 0 3px 10px rgb(0 0 0 / 20%) !important;
+    border-radius: 20px;
+    color: #0a67eb;
+    border: 2px solid #fec32b !important;
+}
+.btn-primary {
+    color: #fff;
+    background-color: #827d77 !important;
+    border-color: #827d77 !important;
+}
+.btn-outline-primary:hover {
+    color: #fff;
+    background-color: #827d77;
+    border-color: #827d77;
+}
+.btn-outline-primary {
+    color: #827d77;
+    border-color: #827d77;
+}
+.badge-primary {
+    color: #fff;
+    background-color: #827d77;
+}
+.text-primary {
+    color: #827d77 !important;
+}
+a {
+    color: #827d77;
+    text-decoration: none;
+    background-color: transparent;
+}
+.page-item.active .page-link {
+    z-index: 3;
+    color: #fff;
+    background-color: #827d77;
+    border-color: #827d77;
+}
+.layout-main-menu-active .menu-active i {
+    color: #827d77 !important;
+}
+.layout-main-menu-active .menu-active a:hover i {
+    color: #827d77 !important;
+}
+.layout-main-menu-active .menu-active .text-white {
+    color: #827d77 !important;
+}
+.btn-primary:hover {
+    color: #fff !important;
+    background-color: #0d6df4;
+    border-color: #0a67eb;
+}
+a:hover {
+    color: #827d77;
+    text-decoration: none;
+}
+.Bookedlayout-main-menu-inactive .inactive-highlight i {
+    color: #827d77 !important;
+}
+
+.layout-main-menu-inactive .inactive-highlight i {
+    color: #827d77 !important;
+}
+
+.layout-main-menu-inactive .inactive-highlight a:hover i {
+    color: #827d77 !important;
+}
+
+.layout-main-menu-inactive .inactive-highlight .text-white {
+    color: #827d77 !important;
+}
+.custom-modal .modal-header {
+    background: #827d77 url(../images/hero_bg_1.svg) repeat fixed;
+}
+
+.form-control:focus {
+    color: #5a5a5a;
+    background-color: #fff;
+    border-color: #827d77;
+    outline: 0;
+    box-shadow: none;
+}
+.anchorFocus:focus {
+    border: 1px solid #827d77 !important;
+    display: flex;
+    align-items: center;
+}
+.border-primary {
+    border-color: #827d77 !important;
+}
+.fe-menu:before {
+    content: "\e88f";
+    border-radius: 4px;
+    background-color: #827d77;
+    padding: 2px;
+    border: 1px solid white;
+}
+[class^="fe-"] {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'feather' !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    /*color: white;*/
+    z-index: 10;
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.trapezium {
+    height: 0px;
+    min-width: 80px;
+    display: inline-block;
+    border-bottom: 30px solid #827d77;
+    border-right: 15px solid transparent;
+    text-align: center;
+    max-width:100%;
+}
+
+.headingStyle {
+    color: white;
+    font-size: clamp(13px, 2vmin, 1rem);
+    line-height: 30px;
+    border-bottom: 2px solid #827d77;
+    height: 32px;
+}
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+    background-color: #aca8a3 !important;
+}
+.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
+    border-color: #827d77 !important;
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
+}
+.actions-dropdown {
+    background: linear-gradient(to bottom, #ada7a1 0, #827d77 100%);
+}
+body[data-topbar-color="light"] .navbar-custom .button-menu-mobile {
+    color: white;
+}
\ No newline at end of file

Presentation/Hims.Admin/src/assets/fonts/cerebrisans/style.css

+@font-face {
+    font-family: "Cerebri Sans,sans-serif";
+    src: url("./fonts/cerebrisans-light.eot");
+    src: local("Cerebri-sans Light"), url("./fonts/cerebrisans-light.woff") format("woff");
+    font-weight: 300;
+}
+
+@font-face {
+    font-family: "Cerebri Sans,sans-serif";
+    src: url("./fonts/cerebrisans-regular.eot");
+    src: local("Cerebri-sans Regular"), url("./fonts/cerebrisans-regular.woff") format("woff");
+    font-weight: 400;
+}
+
+@font-face {
+    font-family: "Cerebri Sans,sans-serif";
+    src: url("./fonts/cerebrisans-medium.eot");
+    src: local("Cerebri-sans Medium"), url("./fonts/cerebrisans-medium.woff") format("woff");
+    font-weight: 500;
+}
+
+@font-face {
+    font-family: "Cerebri Sans,sans-serif";
+    src: url("./fonts/cerebrisans-semibold.eot");
+    src: local("Cerebri-sans Semibold"), url("./fonts/cerebrisans-semibold.woff") format("woff");
+    font-weight: 600;
+}
+
+@font-face {
+    font-family: "Cerebri Sans,sans-serif";
+    src: url("./fonts/cerebrisans-bold.eot");
+    src: local("Cerebri-sans Bold"), url("./fonts/cerebrisans-bold.woff") format("woff");
+    font-weight: 700;
+}
\ No newline at end of file

Presentation/Hims.Admin/src/assets/fonts/style.css

+@import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700,900");
+@import url("cerebrisans/style.css");
+@import url("dripicons/style.css");
+@import url("themify/style.css");
+@import url("materialdesignicons/style.css");
+@import url("feather/style.css");
+@import url("telemedicine/style.css");
+
+ul.Denver_quest {
+    overflow-y: auto;
+    height: 64vh;
+    overflow-x: hidden;
+}
+
+.denverchart svg {
+    display: block;
+    height: 100px;
+}
+
+.denverchart .card-body > ul {
+    background-color: #3283f6;
+}
+
+    .denverchart .card-body > ul li {
+        margin-bottom: 0 !important;
+    }
+
+        .denverchart .card-body > ul li a {
+            background-color: transparent;
+            color: #fff;
+            border: 0;
+            position: relative;
+            padding: 0.7em 3em !important;
+            font-size: 15px !important;
+            display: block;
+        }
+
+            .denverchart .card-body > ul li a, .denverchart .card-body > ul li a:hover {
+                box-shadow: none !important;
+                border: 0 !important;
+                margin: 0px !important;
+            }
+
+                .denverchart .card-body > ul li:hover a, .denverchart .card-body > ul li a.active {
+                    background-color: #0d6df4 !important;
+                    color: #fff !important;
+                    border: 0 !important;
+                }
+
+                    .denverchart .card-body > ul li a.active:after, .denverchart .card-body > ul li:hover a:after {
+                        top: 100%;
+                        left: 50%;
+                        border: solid transparent;
+                        content: " ";
+                        height: 0;
+                        width: 0;
+                        position: absolute;
+                        pointer-events: none;
+                        border-top-color: #0d6df4;
+                        border-width: 10px;
+                        margin-left: -10px;
+                    }
+
+
+.denverchart .hidden {
+    display: none;
+}
+
+.highlight {
+    background-color: #d15b47 !important;
+    color: white;
+}
+
+/*.rectangle {
+            height: 30px;
+            width: auto;
+            background-color: #85e8ff;
+        }*/
+
+.vital-mc-growth div[class="widget-box"] {
+    border: solid 1px #000;
+}
+
+.Success {
+    background-color: green !important;
+}
+
+.Faild {
+    background-color: red !important;
+}
+
+.Required {
+    background-color: orange !important;
+}
+
+/*tbody {
+            height: 200px;
+            display: inline-block;
+            width: 100%;
+            overflow: auto;
+        }*/
+.dgraphboxp {
+    overflow-y: auto;
+    position: relative;
+    border: 1px #D3D3D3 solid;
+    height: 59vh;
+    display: block;
+    margin: 30px 9px;
+    z-index: 999;
+}
+
+    .dgraphboxp::-webkit-scrollbar {
+        width: 8px !important;
+        height: 8px !important;
+    }
+
+.dgraphbox {
+    min-height: 380mm;
+    padding: 10mm;
+    margin: 10mm auto;
+    border-radius: 5px;
+    position: relative;
+    margin-left: 25px;
+}
+
+.dgraph1 ul li span, .dgraph2 ul li span, .dgraph3 ul li span, .dgraph4 ul li span {
+    font-size: 10px;
+    position: relative;
+    z-index: 1;
+    color:#000;
+    font-weight:bold;
+}
+
+    .dgraph1 ul li span:first-child, .dgraph2 ul li span:first-child, .dgraph3 ul li span:first-child, .dgraph4 ul li span:first-child {
+        font-size: 9px;
+        color: #ccc;
+        margin-right: 3px;
+    }
+
+.faildItem {
+    border: 1px solid red !important;
+}
+
+.NotSpecified {
+    border: 1px solid #0924e5 !important;
+}
+
+.greenItem {
+    border: 1px solid green !important;
+}
+
+.dgraph1 ul li:after, .dgraph2 ul li:after, .dgraph3 ul li:after, .dgraph4 ul li:after {
+    content: "";
+    background-color: #83b5ff;
+    width: 25%;
+    position: absolute;
+    right: 0;
+    top: 0;
+    bottom: 0;
+}
+
+.dgraph1 ul li:before, .dgraph2 ul li:before, .dgraph3 ul li:before, .dgraph4 ul li:before {
+    content: "";
+    width: 2px;
+    position: absolute;
+    left: 30%;
+    height: 4px;
+    top: 0;
+    background-color: #83b5ff;
+}
+
+.dgraph1 ul li, .dgraph2 ul li, .dgraph3 ul li, .dgraph4 ul li {
+    position: absolute;
+    background-color: #fff;
+    white-space: nowrap;
+    padding-left: 2px;
+    border: 1px solid #83b5ff;
+    overflow: hidden;
+}
+/*.dgraph1 ul li span:after {
+        content: "";
+        padding: 16px;
+        background: #85e8ff;
+        position: absolute;
+        right: -27px;
+        top: -1px;
+    }*/
+/*.bgwidth {
+        background: #85e8ff;
+        width: 25px;
+        height: 21px;
+        display: inline-block;
+        position: relative;
+        margin-bottom: -7px;
+    }*/
+.dmontht ul li, .dmonthb ul li {
+    display: inline-block;
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+    .dmontht ul li span.mitem:after {
+        content: "";
+        border-right: 1px dashed #ccc;
+        top: 29px;
+        position: absolute;
+        height: 59vh;
+        bottom: 0;
+        left: 3px;
+    }
+
+.dmonthb, .dmontht {
+    position: absolute;
+    /*left: 5%;*/
+    left: 54px;
+    width: 100%;
+    font-size: 10px;
+}
+    .dmontht ul li.years_3 span:first-child:before {
+        bottom: -28px !important;
+    }
+    .dmontht ul li.years_3 span:first-child:after {
+        top: 42px;
+    }
+.dmontht {
+    top: -42px;
+}
+
+.dmonthb {
+    bottom: -42px;
+}
+
+.item-details {
+    position: absolute;
+    left: 20%;
+    top: 20%;
+    font-weight:bold;
+}
+
+    .item-details .item {
+        background-color: #fff;
+        white-space: nowrap;
+        padding: 4px 15px;
+        border: 1px solid #83b5ff;
+        overflow: hidden;
+        width: 150px;
+        position: relative;
+    }
+
+        .item-details .item:after {
+            content: "";
+            background-color: #83b5ff;
+            width: 25%;
+            position: absolute;
+            right: 0;
+            top: 0;
+            bottom: 0;
+        }
+
+        .item-details .item:before {
+            content: "";
+            width: 2px;
+            position: absolute;
+            left: 35%;
+            height: 6px;
+            top: 0;
+            background-color: #85e8ff;
+        }
+
+        .item-details .item span:after, .item-details .item span:before {
+            position: absolute;
+            left: 2px;
+            font-size: 9px;
+            color: #ccc;
+        }
+
+        .item-details .item span:after {
+            content: "R";
+            top: -1px;
+        }
+
+        .item-details .item span:before {
+            content: "1";
+            bottom: 0px;
+        }
+
+    .item-details .pcp {
+        font-size: 11px;
+        background-color: #fff;
+        text-transform: capitalize;
+    }
+
+    .item-details ul {
+        margin-left: -8px !important;
+        font-size: 11px;
+        margin-bottom:0;
+    }
+
+        .item-details ul li {
+            margin-right: 22px;
+            display: inline-block;
+            padding-left: 5px;
+            padding-right: 5px;
+        }
+
+.inote {
+    font-size: 11px;
+    position: absolute;
+    left: -111%;
+    top: 56%;
+}
+
+    .inote span {
+        display: block;
+        position: relative;
+    }
+
+        .inote span:after {
+            content: "";
+            height: 1px;
+            background-color: #000;
+            width: 30px;
+            position: absolute;
+            right: 0;
+            top: 8px;
+            left: 98px;
+        }
+
+        .inote span:first-child:before, .inote span:last-child:before {
+            position: absolute;
+            right: -56px;
+        }
+
+        .inote span:first-child:before {
+            content: "R";
+        }
+
+        .inote span:last-child:before {
+            content: "1";
+        }
+
+.dmonthb ul li span:first-child:before, .dmontht ul li span:first-child:before {
+    content: "";
+    height: 8px;
+    width: 2px;
+    background-color: #999;
+    position: absolute;
+    left: 3px;
+}
+
+.dmonthb ul li span:first-child:before {
+    top: -11px;
+}
+
+.dmontht ul li span:first-child:before {
+    bottom: -15px;
+}
+
+.yitem span:first-child:before {
+    height: 12px !important;
+}
+
+
+.dmonthb ul li span, .dmontht ul li span {
+    position: relative;
+    white-space: nowrap;
+    z-index: 0;
+    font-weight:bold;
+}
+
+.dmontht:before {
+    content: "";
+    bottom: 0;
+    position: absolute;
+    width: 1px;
+    background-color: #ccc;
+    height: 59vh;
+    top: 42px;
+    left: -1.8%;
+}
+
+.dmonthb ul li, .dmontht ul li {
+    width: 27.1px;
+}
+
+li.item18 {
+    width: 14px !important;
+}
+
+.lheading {
+    transform: rotate(-90deg);
+    position: absolute;
+    font-size: 13px;
+}
+
+.lscale {
+    position: absolute;
+    left: -426px;
+    bottom: 341px;
+    transform: rotate(-90deg);
+    display: none;
+}
+
+    .lscale ul li {
+        font-size: 12px;
+        padding: 0 60px;
+    }
+
+.cTable_data {
+    overflow-y: auto;
+    max-height: 67vh;
+}
+
+    .cTable_data table thead td {
+        position: sticky;
+        top: 0;
+        background: #F2F2F2;
+        background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%);
+        background-repeat: repeat-x;
+    }
+@media(min-width:1350px) and (max-width:1580px){
+    #denverg .col-md-10, #denverg .col-md-2 {
+        max-width: 100% !important;
+        flex: 100% !important;
+    }
+    
+    #denverg .col-md-2 div {
+        float: left;
+    }
+     #denverg .col-md-2 div:nth-of-type(2) {
+        margin-left:15px;
+    }
+    #denverg .col-md-2 form {
+        clear:both;
+    }
+    #denverg .col-md-2 form .form-group{
+        margin-bottom:0;
+    }
+    #denverg .col-md-2 form div {
+        padding-right: 15px;
+    }
+    #denverg .col-md-2 form div textarea {
+        height:35.4px;
+    }
+    #denverg .col-md-2 form div:last-child {
+        float: right;
+        position: relative;
+        top: 29px;
+        right: -12px;
+    }
+    .dgraphboxp, .dmontht ul li span.mitem::after, .dmontht::before {
+        height: 45vh;
+    }
+    
+}
+@media(min-width:1580px) {
+    .dgraphboxp {
+        height: 68vh;
+    }
+}
+    /*.highlight #ModelGraphs table tr {
+        background-color: #efefef !important;
+    }*/
+
+
+    .EQUALMOVEMENTS, .LIFTHEAD, .HEADUP45, .REGARDFACE, .SMILESPONTANEOUSLY, .FOLLOWTOMIDLINE, .RESPONDTOBELL, .VOCALIZES {
+        left: 0px;
+    }
+
+        .EQUALMOVEMENTS:after, .LIFTHEAD:after, .REGARDFACE:after, .RESPONDTOBELL:after, .VOCALIZES:after {
+            width: 100% !important;
+        }
+
+    .EQUALMOVEMENTS, .RESPONDTOBELL {
+        width: 12px;
+    }
+
+    .LIFTHEAD, .VOCALIZES {
+        width: 18px;
+    }
+
+    .HEADUP45 {
+        width: 69px;
+    }
+
+    .HEADUP90 {
+        left: 35px;
+        width: 55px;
+    }
+
+    .SIT-HEADSTEADY {
+        left: 40px;
+        width: 56px;
+    }
+
+    .BEARWEIGHTONLEGS {
+        left: 42px;
+        width: 75px;
+    }
+
+    .CHESTUP-ARMSUPPORT {
+        left: 65px;
+        width: 56px;
+    }
+
+    .ROLLOVER {
+        left: 56px;
+        width: 86px;
+    }
+
+    .PULLTOSIT-NOHEAD-LAG {
+        left: 65px;
+        width: 99px;
+    }
+
+    .SIT-NOSUPPORT {
+        left: 145px;
+        width: 31px;
+    }
+
+    .STANDHOLDINGON {
+        left: 169px;
+        width: 60px;
+    }
+
+    .PULLTOSTAND {
+        left: 206px;
+        width: 44px;
+    }
+
+    .GETTOSITTING {
+        left: 203px;
+        width: 64px;
+    }
+
+    .STAND2SECS {
+        left: 251px;
+        width: 55px;
+    }
+
+    .STANDALONE {
+        left: 276px;
+        width: 85px;
+    }
+
+    .dgraph1 ul li:nth-of-type(16), .STOOP {
+        left: 285px;
+        width: 100px;
+    }
+
+    .WALKWELL {
+        left: 289px;
+        width: 111px;
+    }
+
+    .WALKBACKWARDS {
+        left: 331px;
+        width: 110px;
+    }
+
+    .RUNS {
+        left: 366px;
+        width: 146px;
+    }
+
+    .WALKUPSTEPS {
+        left: 378px;
+        width: 163px;
+    }
+
+    .KICKBALLFORWARD {
+        left: 420px;
+        width: 149px;
+    }
+
+    .JUMPUP {
+        left: 535px;
+        width: 82px;
+    }
+
+    .THROWBALLOVERHAND {
+        left: 457px;
+        width: 223px;
+    }
+
+    .BROADJUMP {
+        left: 610px;
+        width: 86px;
+    }
+
+    .BALANCEEACHFOOT1SECOND {
+        left: 607px;
+        width: 118px;
+    }
+
+    .BALANCEEACHFOOT2SECONDS {
+        left: 642px;
+        width: 148px;
+    }
+
+    .HOPS {
+        left: 704px;
+        width: 113px;
+    }
+
+    .BALANCEEACHFOOT3SECONDS {
+        left: 656px;
+        width: 196px;
+    }
+
+    .BALANCEEACHFOOT4SECS {
+        left: 736px;
+        width: 173px;
+    }
+
+    .BALANCEEACHFOOT5SECS {
+        left: 768px;
+        width: 176px;
+    }
+
+    .HEEL-TO-TOEWALK {
+        left: 789px;
+        width: 184px;
+    }
+
+    .BALANCEEACHFOOT6SECONDS {
+        left: 812px;
+        width: 192px;
+    }
+
+    /*2*/
+    .dgraph2 ul li:nth-of-type(3), .OOH {
+        left: 16px;
+        width: 55px;
+    }
+
+    .LAUGHS {
+        left: 38px;
+        width: 55px;
+    }
+
+    .SQUEALS {
+        left: 34px;
+        width: 79px;
+    }
+
+    .TURNTORATTLINGSOUND {
+        left: 61px;
+        width: 79px;
+    }
+
+    .TURNTOVOICE {
+        left: 87px;
+        width: 90px;
+    }
+
+    .SINGLESYLLABLES {
+        left: 118px;
+        width: 80px;
+    }
+
+    .IMITATESPEECHSOUNDS {
+        left: 70px;
+        width: 165px;
+    }
+
+    .dgraph2 ul li:nth-of-type(10), .DADA {
+        left: 147px;
+        width: 100px;
+    }
+
+    .COMBINESYLLABLES {
+        left: 152px;
+        width: 120px;
+    }
+
+    .JABBERS {
+        left: 147px;
+        width: 179px;
+    }
+
+    .dgraph2 ul li:nth-of-type(13), .DADA1 {
+        left: 178px;
+        width: 178px;
+    }
+
+    .ONEWORD {
+        left: 261px;
+        width: 142px;
+    }
+
+    .dgraph2 ul li:nth-of-type(15), .WORDS {
+        left: 286px;
+        width: 145px;
+    }
+
+    .dgraph2 ul li:nth-of-type(16), .WORDS {
+        left: 305px;
+        width: 184px;
+    }
+
+    .dgraph2 ul li:nth-of-type(17), .WORDS {
+        left: 364px;
+        width: 176px;
+    }
+
+    .POINT2PICTURES {
+        left: 464px;
+        width: 112px;
+    }
+
+    .COMBINEWORDS {
+        left: 456px;
+        width: 133px;
+    }
+
+    .NAME1PICTURE {
+        left: 484px;
+        width: 125px;
+    }
+
+    .BODYPARTS-6 {
+        left: 487px;
+        width: 129px;
+    }
+
+    .POINT4PICTURES {
+        left: 505px;
+        width: 136px;
+    }
+
+    .SPEECHHALFUNDERSTANDABLE {
+        left: 462px;
+        width: 214px;
+    }
+
+    .NAME4PICTURES {
+        left: 572px;
+        width: 110px;
+    }
+
+    .KNOW2ACTIONS {
+        left: 574px;
+        width: 132px;
+    }
+
+    .KNOW2ADJECTIVES {
+        left: 635px;
+        width: 118px;
+    }
+
+    .NAME1COLOR {
+        left: 617px;
+        width: 147px;
+    }
+
+    .USEOF2OBJECTS {
+        left: 639px;
+        width: 131px;
+    }
+
+    .COUNT1BLOCK {
+        left: 670px;
+        width: 109px;
+    }
+
+    .USEOF3OBJECTS {
+        left: 661px;
+        width: 135px;
+    }
+
+    .KNOW4ACTIONS {
+        left: 635px;
+        width: 171px;
+    }
+
+    .SPEECHALLUNDERSTANDABLE {
+        left: 573px;
+        width: 244px;
+    }
+
+    .UNDERSTAND4PREPOSITIONS {
+        left: 656px;
+        width: 213px;
+    }
+
+    .NAME4COLORS {
+        left: 684px;
+        width: 189px;
+    }
+
+    .DEFINE5WORDS {
+        left: 719px;
+        width: 207px;
+    }
+
+    .KNOW3ADJECTIVES {
+        left: 663px;
+        width: 267px;
+    }
+
+    .COUNT5BLOCKS {
+        left: 803px;
+        width: 133px;
+    }
+
+    .OPPOSITES-2 {
+        left: 759px;
+        width: 205px;
+    }
+
+    .DEFINE7WORDS {
+        left: 786px;
+        width: 217px;
+    }
+    /*3*/
+    .FOLLOWTOMIDLINE {
+        width: 40px;
+    }
+
+    .FOLLOWPASTMIDLINE {
+        left: 13px;
+        width: 52px;
+    }
+
+    .GRASPRATTLE {
+        left: 64px;
+        width: 34px;
+    }
+
+    .HANDSTOGETHER {
+        left: 53px;
+        width: 50px;
+    }
+
+    .FOLLOW180 {
+        left: 61px;
+        width: 59px;
+    }
+
+    .REGARDRAISIN {
+        left: 75px;
+        width: 65px;
+    }
+
+    .REACHES {
+        left: 146px;
+        width: 55px;
+    }
+
+    .LOOKFORYARN {
+        left: 133px;
+        width: 60px;
+    }
+
+    .RAKERAISIN {
+        left: 134px;
+        width: 53px;
+    }
+
+    .PASSCUBE {
+        left: 140px;
+        width: 68px;
+    }
+
+    .TAKE2CUBES {
+        left: 155px;
+        width: 99px;
+    }
+
+    .PUTBLOCKINCUP {
+        left: 263px;
+        width: 110px;
+    }
+
+    .BANG2CUBESHELDINHANDS {
+        left: 184px;
+        width: 113px;
+    }
+
+    .THUMBFINGERGRASP {
+        left: 198px;
+        width: 82px;
+    }
+
+    .SCRIBBLES {
+        left: 317px;
+        width: 118px;
+    }
+
+    .dgraph3 ul li:nth-of-type(16), .DUMPRAISIN {
+        left: 344px;
+        width: 147px;
+    }
+
+    .TOWEROF2CUBES {
+        left: 367px;
+        width: 141px;
+    }
+
+    .TOWEROF4CUBES {
+        left: 418px;
+        width: 158px;
+    }
+
+    .TOWEROF6CUBES {
+        left: 511px;
+        width: 136px;
+    }
+
+    .IMITATEVERTICALLINE {
+        left: 585px;
+        width: 124px;
+    }
+
+    .TOWEROF8CUBES {
+        left: 576px;
+        width: 160px;
+    }
+
+    .THUMBWIGGLE {
+        left: 645px;
+        width: 105px;
+    }
+
+    .dgraph3 ul li:nth-of-type(23), .COPY-C {
+        left: 701px;
+        width: 99px;
+    }
+
+    .DRAWPERSON3PTS {
+        left: 735px;
+        width: 130px;
+    }
+
+    .dgraph3 ul li:nth-of-type(25), .COPY-C {
+        left: 727px;
+        width: 148px;
+    }
+
+    .PICKLONGERLINE {
+        left: 683px;
+        width: 245px;
+    }
+
+    .dgraph3 ul li:nth-of-type(27), .COPY-CDEMONMSTR {
+        left: 794px;
+        width: 161px;
+    }
+
+    .DRAWPERSON6PARTS {
+        left: 800px;
+        width: 164px;
+    }
+
+    .dgraph3 ul li:nth-of-type(29), .COPY-CP {
+        left: 881px;
+        width: 122px;
+    }
+
+    /*4*/
+    .REGARDFACE {
+        width: 35px;
+    }
+
+    .SMILERESPONSIVELY {
+        left: 10px;
+        width: 35px;
+    }
+
+    .SMILESPONTANEOUSLY {
+        width: 57px;
+    }
+
+    .WORKFORTOY {
+        left: 19px;
+        width: 83px;
+    }
+
+        .WORKFORTOY:nth-of-type(5) {
+            left: 101px;
+            width: 62px;
+        }
+
+    .FEEDSELF {
+        left: 123px;
+        width: 63px;
+    }
+
+    .PLAYPAT-A-CAKE {
+        left: 188px;
+        width: 110px;
+    }
+
+    .INDICATEWANTS {
+        left: 200px;
+        width: 134px;
+    }
+
+    .WAVEBYE-BYE {
+        left: 183px;
+        width: 183px;
+    }
+
+    .PLAYBALLWITHEXAMINER {
+        left: 252px;
+        width: 168px;
+    }
+
+    .IMITATEACTIVITIES {
+        left: 266px;
+        width: 161px;
+    }
+
+    .DRINKFROMCUP {
+        left: 249px;
+        width: 206px;
+    }
+
+    .HELPINHOUSE {
+        left: 333px;
+        width: 120px;
+    }
+
+    .dgraph4 ul li:nth-of-type(14), .USESPOON {
+        left: 345px;
+        width: 156px;
+    }
+
+    .REMOVEGARMENT {
+        left: 351px;
+        width: 226px;
+    }
+
+    .FEEDDOLL {
+        left: 398px;
+        width: 181px;
+    }
+
+    .PUTONCLOTHING {
+        left: 511px;
+        width: 118px;
+    }
+
+    .BRUSHTEETHWITHHELP {
+        left: 426px;
+        width: 227px;
+    }
+
+    .dgraph4 ul li:nth-of-type(19), .WASH-DRYHANDS {
+        left: 495px;
+        width: 193px;
+    }
+
+    .NAMEFRIEND {
+        left: 605px;
+        width: 98px;
+    }
+
+    .PUTONT-SHIRT {
+        left: 603px;
+        width: 128px;
+    }
+
+    .dgraph4 ul li:nth-of-type(22), .DRESS-NOHELP {
+        left: 682px;
+        width: 162px;
+    }
+
+    .dgraph4 ul li:nth-of-type(23), .PLAYBOARD-CARDGAMES {
+        left: 656px;
+        width: 221px;
+    }
+
+    .dgraph4 ul li:nth-of-type(24), .BRUSHTEETH {
+        left: 639px;
+        width: 258px;
+    }
+
+    .PREPARECEREAL {
+        left: 695px;
+        width: 216px;
+    }

Presentation/Hims.Admin/src/assets/settings.json

+{
+  "baseURI": "https://qa.careaxes.net/careaxes-qa-api/api/",
+  "baseWeb": "https://qa.careaxes.net",
+  "hostingUrl": "https://qa.careaxes.net/",
+  "maintenance": false,
+  "env": "QA REACTIVE",
+  "envTitle": "Long Term Testing",
+  "version": "1.1",
+  "signalR": "https://qa.careaxes.net/careaxes-qa-api/Communication"
+}
\ No newline at end of file