body.nightmode {
	color: #ffffff;
}

.nightmode .primary-color {
	color: #ffffff;
}

.nightmode .main-bg {
	background: #5A5E63;
}

.nightmode .bg-white-new {
	background: #343A40;
}

.nightmode .client-left-top-img .client-logo {
	border-color: #ffffff;
}

.nightmode .client-wrapper-left .client-wrapper-left-top:before {
	/*background: url('../images/ic_pattern_night.svg') no-repeat;*/
	background-size: cover;
}

.nightmode .client-wrapper-left-bottom .client-wrapper-left-bottom-wrapper .nav-tabs button {
	color: #ffffff;
}

.nightmode .client-wrapper-left-bottom .client-wrapper-left-bottom-wrapper .nav-tabs {
	border-color: rgba(255,255,255,0.2);
}

.nightmode .client-wrapper-left-bottom .client-wrapper-left-bottom-wrapper .nav-tabs .nav-link.active {
	border-color: #ffffff;
}

.nightmode .bg-color1 {
	background: #282D33;
}

.nightmode .client-wrapper-right-bottom ul li p button [fill="#222"] {
	fill: #ffffff;
}

.nightmode .client-edit-button button {
	background: #5A5E63;
}

.nightmode .white-btn {
	background: #343A40;
	color: #ffffff;
}

	.nightmode .white-btn svg [fill="#222"] {
		fill: #ffffff;
	}

.nightmode .client-list-search input {
	background: #343A40;
	color: #ffffff;
}

.nightmode .client-list-table .client-list-table-wrapper table td a [fill="#222"] {
	fill: #ffffff;
}

.nightmode .client-list-table-wrapper {
	background: #282D33;
}

.nightmode .client-list-table-wrapper .table-pagination {
	background: #282D33;
}

.nightmode .client-list-table-wrapper .table-pagination .table-per-page label {
	color: #ffffff;
}

.nightmode .client-list-table-wrapper .table-pagination .table-per-page select {
	border-color: #ffffff;
	color: #ffffff;
	background: #282D33;
}

.nightmode .client-list-table-wrapper .table-pagination .next-prev-page .paginate_button.previous,
.nightmode .client-list-table-wrapper .table-pagination .next-prev-page .paginate_button.disabled,
.nightmode .client-list-table-wrapper .table-pagination .next-prev-page .paginate_button.disabled:hover,
.nightmode .client-list-table-wrapper .table-pagination .next-prev-page .paginate_button.next {
	background: #343A40 !important;
	color: #ffffff !important;
}

.nightmode .client-list-table-wrapper .table-pagination .next-prev-page .dataTables_info {
	color: #ffffff;
}

.nightmode .client-list-table-wrapper .table-pagination .next-prev-page .dataTables_paginate span .paginate_button {
	background: #343A40;
	color: #ffffff !important;
}

.nightmode .client-list-table-wrapper .table-pagination .next-prev-page .dataTables_paginate span .paginate_button.current {
	background: #F2B66B;
}

.nightmode .service-agreement-heading {
	background: #282D33;
}

.nightmode .service-agreement-content-wrapper .service-agreement-box.action .download {
	fill: #ffffff;
}

.nightmode .service-agreement-content-wrapper,
.nightmode .service-agreement-wrapper {
	border-color: rgba(0, 0, 0, 0.15);
}

.nightmode .navigation ul li a {
	color: #ffffff;
}

.nightmode .log-out-btn button {
	color: #ffffff;
}

.nightmode .navigation svg [fill="#222"],
.nightmode .navigation svg [fill="#222222"],
.nightmode .log-out-btn svg [fill="#222"] {
	fill: #ffffff;
}

.nightmode .navigation ul li.level-0.submenu > a:after,
.nightmode .navigation ul li.level-0.submenu .second-level li.level-1.submenu > a:after {
	background: url('../images/ic_dropdown-night.svg');
}

.nightmode .navigation ul li.level-0.active-menu {
	background: rgba(255,255,255,0.1);
}

.nightmode .navigation .second-level li.active-sub-menu {
	background: #343A40;
}

.nightmode .dropdown button {
	color: #ffffff;
}

.nightmode .logo.night {
	display: block;
}

.nightmode .logo.normal {
	display: none;
}

.nightmode .modal {
	background: rgb(0 0 0 / 80%);
}

.nightmode.modal-open .modal.fade .modal-dialog .modal-content {
	background: #5A5E63;
}

.nightmode input.form-control {
	border-color: #ffffff;
	background: #5A5E63;
	color: #ffffff;
}

.nightmode select.form-select {
	background-color: #5A5E63;
	border-color: #ffffff;
	color: #ffffff;
}

.nightmode button.cancle-btn {
	border: 1px solid #ffffff;
	color: #ffffff;
}

.nightmode button.cancle-btn:hover {
	background-color: #ffffff !important;
	border-color: #ffffff !important;
	color: #282D33;
}

.nightmode button.save-btn {
	border: 1px solid #ffffff;
	background-color: #ffffff;
	color: #282D33;
}

.nightmode button.save-btn:hover {
	background-color: transparent !important;
	border-color: #ffffff !important;
	color: #ffffff !important;
}
.nightmode .mobile-top-navigation-inner .mobile-logo .night-logo {
	display: block;
}
.nightmode .mobile-top-navigation-inner .mobile-logo .day-logo {
	display: none;
}
.nightmode .mobile-open-close button span {
	background: #ffffff;
}
.nightmode .navigation-wrapper .navigation-top {
	background: #343A40;
}
.nightmode .client-wrapper-left-bottom .client-wrapper-left-bottom-wrapper .nav-tabs button span svg #Path_141,
.nightmode .client-wrapper-left-bottom .client-wrapper-left-bottom-wrapper .nav-tabs button span svg #Path_143,
.nightmode .client-wrapper-left-bottom .client-wrapper-left-bottom-wrapper .nav-tabs button span svg #Path_139 {
	fill: #ffffff;
}
.nightmode .scheduler-mid-header-first-wrapper button,
.nightmode .scheduler-mid-header-middle-wrapper button {
	background: rgba(255,255,255,0.1);
}
.nightmode .scheduler-mid-header-first-wrapper svg [fill="#222"],
.nightmode .scheduler-mid-header-middle-wrapper svg [fill="#222"] {
	fill: #fff;
}
.nightmode .scheduler-mid-header-middle-wrapper .today-day button {
	color: #fff;
}
/*.nightmode .scheduler-mid-header-right button {
	background: #fff;
	color: #5A5E63;
}*/
.nightmode .scheduler-mid-header .scheduler-search {
	background: #343A40;
}
.nightmode .scheduler-search .search-icon svg [fill="#222"] {
	fill: #fff;
}
.nightmode .select2-dropdown {
	background-color: #343A40;
}
.nightmode .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline .select2-search__field,
.nightmode .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
	color: #fff;
}
.nightmode .calender .tui-full-calendar-layout {
	background-color: #343A40 !important;
}
.nightmode .calender .list-group-item {
	background: #343A40;
}
.nightmode .tui-full-calendar-dayname-date,
.nightmode .tui-full-calendar-dayname-name,
.nightmode .tui-full-calendar-dayname.tui-full-calendar-today .tui-full-calendar-dayname-date,
.nightmode .tui-full-calendar-dayname.tui-full-calendar-today .tui-full-calendar-dayname-name,
.nightmode .schedular-box .schedular-box-right p,
.nightmode .schedular-box .schedular-box-right small {
	color: #fff;
}
.nightmode .schedular-box .circle.bg-dark {
	background-color: #ffffff !important;
	color: #222222 !important;
}
.nightmode .schedular-box .schedular-box-right small:before {
	background: url('../images/ic_clock_night.svg');
}
.nightmode .tui-full-calendar-dayname-container {
	border-top: transparent !important;
	border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
.nightmode .tui-full-calendar-left,
.nightmode .tui-full-calendar-weekday-grid-line {
	border-right: 1px solid rgba(255,255,255,0.1) !important;
}
.nightmode .tui-full-calendar-daygrid-layout {
	border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
.nightmode .schedular-pagination .pagination li.page-item a {
	background: #343A40;
	color: #ffffff !important;
	border-color: #343A40;
}
.nightmode .schedular-pagination .pagination li.page-item.active a {
	background: #8567FF;
	border-color: #8567FF;
}
.nightmode .client-wrapper-left-bottom-wrapper input.form-control {
	background: transparent;
}
.nightmode .client-wrapper-left-bottom-wrapper input.form-control:hover,
.nightmode .client-wrapper-left-bottom-wrapper select.form-select:hover,
.nightmode .client-wrapper-left-bottom-wrapper input.form-control:focus,
.nightmode .client-wrapper-left-bottom-wrapper select.form-select:focus {
	border-color: #fff;
}
.nightmode .client-wrapper-left-bottom-wrapper .form ul li .select2.select2-container .select2-selection {
	background: transparent;
	border-color: #ffffff;
}
.nightmode .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #fff;
}


mode .select2-container--default .select2-dropdown .select2-search__field {
	background: transparent;
	color: #fff;
}

.nightmode .daterangepicker .calendar-table td,
.nightmode .daterangepicker td.available:hover {
	color: #222222;
}
.nightmode .checkmark-checkbox {
	border-color: #fff;
}
.nightmode .custom-checkbox-main input:checked ~ .checkmark-checkbox {
	background-color: #fff;
}
.nightmode .custom-checkbox-main .checkmark-checkbox:after {
	border-color: #222222;
}
.nightmode input#FileUploadlist::file-selector-button,
.nightmode input.upload-profile::file-selector-button,
.nightmode input#filesName::file-selector-button,
.nightmode input#fileName::file-selector-button,
.nightmode input#Filelist::file-selector-button,
.nightmode input#filesName::file-selector-button {
	border: 1px solid #ffffff;
	background-color: #ffffff;
	color: #222222;
}
.nightmode.modal-open .modal.fade .modal-dialog .modal-content .modal-header .btn-close [fill="#5a5e63"] {
	fill: #222222;
}
.nightmode.modal-open .modal.fade .modal-dialog .modal-content .modal-header .btn-close [fill="#222"] {
	fill: #ffffff;
}
.nightmode .select2-container--default .select2-selection--single {
	background-color: #5A5E63;
}
.nightmode .care-team-popup .list-group-item,
.nightmode .add-team-wrapper .list-group-item {
	background-color: transparent;
	color: #ffffff;
	border-color: #ffffff;
}
.nightmode .care-team-popup nav ul li a {
	background: #343A40;
	color: #ffffff;
	border-color: #343A40;
}
.nightmode .add-team-wrapper nav ul li a {
	background: #5A5E63;
	border-color: #5A5E63;
	color: #ffffff;
}
.nightmode .care-team-popup nav ul li.active a,
.nightmode .add-team-wrapper nav ul li.active a {
	background: #8567FF;
	border-color: #8567FF;
}
.nightmode .staff-detail-wrapper form input.form-control {
	background: #343A40;
}
.nightmode .staff-detail-wrapper form .select2-container--default .select2-selection--single {
	background: #343A40;
	border-color: #ffffff;
}
.nightmode .staff-detail-wrapper form .carer-office-use .btn {
	border-color: #ffffff !important;
	color: #ffffff;
}
.nightmode .client-list-table-wrapper table.dataTable tbody td.btn-link {
	color: #42A5F5;
	text-decoration: underline;
}
.nightmode .popup-form .select2-container--default .select2-selection--multiple, .nightmode .popup-form .select2-container--default .select2-selection--single {
	border-color: #ffffff;
}
.nightmode .core-information-wrapper textarea {
	background: #343A40;
	border-color: #ffffff;
	color: #ffffff;
}
.nightmode .service-edit-btn button {
	background: #5A5E63;
}
.nightmode .client-detail-wrapper form .select2-container--default .select2-selection--multiple {
	background-color: #343A40;
	border-color: #ffffff;
}
.nightmode input.form-control:hover,
.nightmode select.form-select:hover,
.nightmode input.form-control:focus,
.nightmode select.form-select:focus {
	border-color: #ffffff;
}
.nightmode .white-btn:hover {
	color: #fff;
}
.nightmode #smsBulkModal textarea {
	background: #5A5E63;
	border-color: #ffffff;
	color: #ffffff;
}
.nightmode .select2-container--default .select2-selection--multiple {
	background: #343A40;
	border: none;
}
.nightmode #emailBulkModal .select2-container--default .select2-selection--multiple,
.nightmode #smsBulkModal .select2-container--default .select2-selection--multiple {
	border-color: #ffffff;
}
.nightmode .note-editor.note-frame .note-editing-area .note-editable,
.nightmode .note-editor.note-airframe .note-editing-area .note-editable {
	background: #5A5E63;
}
.nightmode #emailBulkModal .note-editor.note-frame {
	border-color: #fff;
}
.nightmode .billing-report-header .billing-date input.form-control {
	color: #ffffff;
}
.nightmode .billing-report-header .billing-date .input-group-append {
	background: transparent;
}
.nightmode .billing-report-header .billing-date .input-group-append [fill="#222"] {
	fill: #fff;
}
.nightmode .billing-report-header .billing-csv .dt-buttons button {
	background: #343A40;
	color: #fff;
	border-color: #343A40;
}
.nightmode .billing-report-header .billing-csv .dt-buttons button span:before {
	background: url('../images/ic_csv-night.svg') no-repeat;
	background-size: 20px;
}
.nightmode .client-communication .timeline > div > .timeline-item > .timeline-header,
.nightmode .client-communication .timeline .timeline-item,
.nightmode .client-communication .communication-box .timeline-item .timeline-body form .col-md-12 .note-editor.note-frame {
	border-color: #fff;
}
	.nightmode .client-communication .timeline > div > .timeline-item > .timeline-header,
	.nightmode .client-communication .timeline .timeline-item .time,
	.nightmode .client-communication .timeline-edit .timeline-edit-left,
	.nightmode .note-body,
	.nightmode .client-communication .communication-box .timeline-item .timeline-body .timeline-header,
	.nightmode .client-communication .communication-box .timeline-item .timeline-body form .col-md-12 .note-editor.note-frame .note-editable {
		color: #fff;
	}
.nightmode .fa-clock svg [fill="rgba(34,34,34,1)"] {
	fill: #fff;
}
.nightmode .client-communication .timeline-edit .timeline-edit-right a {
	background: #5A5E63;
}
.nightmode .client-communication .communication-box .timeline-item .timeline-body form .col-md-12 .note-editor.note-frame .note-editable {
	background: #343A40;
}
.nightmode .client-communication .communication-box .communication-add button,
.nightmode .client-communication .timeline-header a {
	background: #fff;
	color: #222;
	border-color: #fff;
}
	.nightmode .client-communication .communication-box .communication-add button:hover,
	.nightmode .client-communication .timeline-header a:hover {
		color: #fff;
		border-color: #fff;
	}
.nightmode .add-team-wrapper .team-name input,
.nightmode .add-team-wrapper [ng-model="searchStaff"] {
	background: #343A40;
}
.nightmode .add-team-search button {
	background: #fff;
	border-color: #fff;
}
	.nightmode .add-team-search button i:before {
		color: #222;
	}
.nightmode .add-team-wrapper .select2-container--default .select2-selection--single {
	background: #343A40;
	border-color: #fff;
}
.nightmode .add-team-wrapper .select2-container--default .select2-selection--single:focus {
	border-color: #fff;
}
.nightmode input.form-control.input-bg-343A40 {
	background: #343A40;
}
.nightmode input.form-control.input-bg-5A5E63 {
	background: #5A5E63 !important;
	color: #fff !important;
}
.nightmode .blackborder .input-group .input-group-text {
	border-color: #ffffff;
}
.nightmode .black-bg-button {
	border: 1px solid #fff !important;
	background-color: #fff !important;
	color: #222 !important;
}

.nightmode .black-bg-button:hover {
	border: 1px solid #fff !important;
	background-color: transparent !important;
	color: #fff !important;
}
.nightmode .edit-blk-btn [fill="rgba(34,34,34,1)"] {
	fill: #ffffff;
}
.nightmode #ic_edit_black [fill="#222"] {
	fill: #ffffff;
}
.nightmode .log-out-btn .dropdown-item-logout {
	color: #ffffff;
}
.nightmode .add-shift-new span svg [fill="#222"],
.nightmode .add-shift-new span svg #Path_169,
.nightmode .add-shift-new span svg #Path_165,
.nightmode .add-shift-new span svg #Path_157 {
	fill: #fff;
}
body.nightmode .add-shift-new label.form-label {
	color: #fff;
}
.nightmode .add-shift-new .terms-switch .switch-slider:before {
	background-color: #fff;
}
.nightmode .form-box-main .shift-type-wrapper button {
	background: #fff;
	color: #222;
}
	/*.nightmode .form-box-main .shift-type-wrapper button [fill="#fff"] {
		fill: #222;
	}*/
.nightmode .form-box-main textarea {
	border-color: #fff;
	background: transparent;
	color: #fff;
}
.nightmode .add-shift-new .popup-form .select2-container--default.select2-container--focus .select2-selection--multiple,
.nightmode .add-shift-new .popup-form .select2-container--default.select2-container--focus .select2-selection--single {
	border-color: #fff;
}
.nightmode .event-wrapper .event-inner .event-time-label span {
	border-color: #fff;
	background: #fff;
	color: #222;
}
.nightmode .event-wrapper .event-inner .event-content-box .event-box .event-box-header,
.nightmode .event-wrapper .event-inner .event-content-box .event-box {
	border-color: #fff;
}
.nightmode .event-wrapper i [fill="rgba(34,34,34,1)"] {
	fill: #fff;
}
.nightmode .navigation-wrapper .navigation nav .bg-dark {
	background-color: #fff !important;
}
	.nightmode .navigation-wrapper .navigation nav .bg-dark > a {
		color: #222 !important;
	}
.nightmode .navigation ul li.level-0.bg-dark.active > a i [fill="#222"] {
	fill: #222;
}
.nightmode .invoice-detail-top #ic_staff [fill="#222"] {
	fill: #fff;
}
.nightmode .public-holiday-table.table-striped > tbody > tr:nth-of-type(odd) > * {
	color: #fff;
}
.nightmode .client-left-top-center-left svg [fill="#222"] {
	fill: #fff;
}

.nightmode .navigation ul li.level-0.active-menu {
	background-color: #46494C !important;
}
.nightmode .navigation .second-level li.active-sub-menu {
	background: #343A40;
}
.nightmode .navigation .level-0 .third-level li.level-2.bg-dark.active {
	background-color: #5A5E63 !important;
}
.nightmode .navigation .level-0 .third-level li.level-2.bg-dark.active > a {
	color: #fff !important;
	background-color: transparent !important;
}
.nightmode .navigation .level-0 .second-level li.level-1.bg-dark.active > a {
	color: #fff !important;
}
.nightmode .navigation .level-0 .second-level li.level-1.bg-dark.active {
	background-color: #343A40 !important;
}
.nightmode .navigation .level-0 .second-level li.level-1.active-sub-menu {
	background-color: #343A40 !important;
}
.nightmode .black-btn {
	background: #fff;
	color: #5A5E63;
}
.nightmode .black-btn svg [fill="#fff"] {
	fill:#222;
}
.nightmode .black-btn:hover {
	color: #5A5E63;
}


.nightmode .white-btn-new {
	background: #343A40;
	color: #ffffff;
}

.nightmode .white-btn-new svg [fill="#222"] {
	fill: #fff;
}
.nightmode .black-btn-new {
	background: #fff;
	color: #5A5E63;
}

	.nightmode .black-btn-new svg [fill="#fff"] {
		fill: #222;
	}

	.nightmode .black-btn-new:hover {
		color: #5A5E63;
	}
.nightmode .week-label input:checked ~ .checkmark {
	background-color: #fff;
	color: #212121;
}
.nightmode .services-list-search .client-list-search .search-icon svg [fill="#222"],
.nightmode .scheduler-mid-header-first-wrapper button#dateCalendar svg path:last-child {
	fill: #fff;
}
.nightmode #emailBulkModal1 .note-editor.note-frame {
	border-color: #fff;
}
.nightmode .row .client-list-search input + svg [fill="rgba(34,34,34,0.4)"] {
	fill: #fff;
}
.nightmode .popup-form .nightmode-add-task-textarea {
	background: #3D4148 !important;
	color: #fff;
}
.nightmode .modal-content .new-popup-body.crm-delta-details-right .row [fill="#222"]{
	fill: #fff;
}
.nightmode .View-Task-notes {
	background: #3D4148;
	color: #fff;
}
.nightmode .shift-time-wrapper .shift-time-box.bg-white {
	background: #343A40 !important;
	color: #fff;
}
.nightmode .shift-right textarea {
	background: #343A40;
	border: 1px solid #fff;
	color: #fff;
}
.nightmode .shift-right .task-save-btn:hover{
	background: #fff;
	color: #222;
}
.nightmode .mark-as-complete button [fill="#fff"]{
	fill: #222;
}
.nightmode .mark-as-complete button:hover{
	background: #fff;
	color: #222;
}
.nightmode .hrms-left-box-wrapper .hrms-left-box label {
	color: #fff
}
.nightmode .client-list-table-wrapper .table-pagination .next-prev-page .dataTables_paginate .paginate_button.active a {
	background: #8567FF;
}

.nightmode .client-list-table-wrapper .table-pagination .next-prev-page .dataTables_paginate .paginate_button a {
    background: #343A40;
    color: #ffffff !important;
}

.nightmode  .client-list-table-wrapper .table-pagination .next-prev-page .dataTables_paginate .paginate_button,
.nightmode .client-list-table-wrapper .table-pagination .next-prev-page .dataTables_paginate .paginate_button.previous,
.nightmode .client-list-table-wrapper .table-pagination .next-prev-page .dataTables_paginate .paginate_button.disabled,
.nightmode .client-list-table-wrapper .table-pagination .next-prev-page .dataTables_paginate .paginate_button.disabled:hover,
.nightmode .client-list-table-wrapper .table-pagination .next-prev-page .dataTables_paginate .paginate_button.next {
	background: #343A40 !important;
}