html, body, app, .k-drawer-container, .k-drawer-content, .main { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 100%; margin: 0; max-height: 100%; padding: 0; width: 100%; }

h1 { font-size: 1.5em; padding-left: 1em; }

h2 { font-size: 1.3em; padding-left: 0.8em; }

a, .btn-link { color: #0366d6; }

.btn-primary { color: #fff; background-color: #1b6ec2; border-color: #1861ac; }

.alert { color: #ff0000; }

a:has(button) { text-decoration: none; }

/* Main Template Styles */
.k-drawer { z-index: 2002; }

.main { flex: 1; overflow-y: auto; display: flex; flex-direction: column; min-height: 100vh; }

header, footer { flex: 0 0 auto; }

.content { flex: 1 0 auto; }


/* Navigation Drawer Styles */

/* Icon Styles */
i { margin: 0 5px; }



/* Form Styles */
.form { margin: 10px 10px; }

.k-form .k-form-field,
.k-form .k-form-field-wrap { margin-right: 5px; }

.btn-form { height: 30px; margin-top: 34px; width: 270px; }

.k-form-field strong { line-height: 1.4285714286; padding-top: 5px; }

/* Validation Styles */
.valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; }

.invalid { outline: 1px solid red; }

.validation-message { color: red; }

#blazor-error-ui { background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 5000; }
	#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }

.buttonWrapNavlink { padding: 0; }
	.buttonWrapNavlink span { display: inline-block }
		.buttonWrapNavlink span a { display: inline-block; text-decoration: none; color: #000000; white-space: nowrap; padding: 8px 16px; }

.rightClickMenu .k-popup { position: absolute; bottom: 100%; }

@media (max-width: 1200px) {

	.k-form-field.email-body-content {
		grid-column-start: 1;
		grid-column-end: 2;
	}

	.k-form-field.subject-view-mode {
		grid-column-start: 1;
		grid-column-end: 2;
	}

	header .nav-right {
		padding-right: 10px;
		min-width: 120px;
	}
}

@media (max-width: 800px) {

	.k-form-field.claim-reference {
		grid-column-start: 1;
		grid-column-end: 6;
	}

	.k-form-field.claim-additional-field-present-position {
		grid-column-start: 1;
		grid-column-end: 6;
	}

	.k-form-field.claim-additional-field-blackboard-notes {
		grid-column-start: 1;
		grid-column-end: 7;
	}

	.k-form-field.claim-call {
		grid-column-start: 1;
		grid-column-end: 6;
	}

	.claim-additional-field-present-position .additional-field,
	.claim-additional-field-blackboard-notes .additional-field {
		display: flex;
		position: relative;
	}
}

@media (max-width: 500px) {
	/* Form Styles */
	.k-grid-cols-2 { grid-template-columns: repeat(1, auto); }
	.claim-layout .k-grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.k-card-deck .k-card{
		width: 100% !important;
		margin:0px;
	}
}

div .k-form .show,
.show-toolbar div.k-toolbar
.show {
	display: block;
}

.claim-edit .k-form-buttons,
.contractor-edit .k-form-buttons,
.dashboard-claim-info .k-form-buttons,
.dashboard-email-info .k-form-buttons,
div .k-form .hide,
.hide,
.hide-toolbar div.k-toolbar {
	display: none;
}

.k-button-solid-primary {
	background-color: #711C76;
	border-color: #711C76;
}

.k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
	background-color: #711C76;
	border-color: #711C76;
}

.k-button-solid-primary:active, .k-button-solid-primary.k-active {
	background-color: #711C76;
	border-color: #711C76;
}

.k-button-solid-primary:focus, .k-button-solid-primary.k-focus {
	box-shadow: none;
}

.k-checkbox:checked, .k-checkbox.k-checked {
	background-color: #711C76;
	border-color: #711C76;
}

.k-checkbox:checked:focus, .k-checkbox.k-checked.k-focus,
.k-radio-md:checked:focus {
	box-shadow: none;
}

.k-list-item.k-selected, .k-selected,
.k-list-item.k-selected:hover,
.k-selected.k-list-optionlabel:hover,
.k-selected,
.k-selected.k-list-optionlabel,
.k-radio:checked, .k-radio.k-checked,
.k-button-solid-base.k-selected {
	background-color: #711C76;
	border-color: #711C76;
}

.claim-file-grid .k-list-item.k-selected:hover, .k-selected,
.claim-file-grid .k-list-item.k-selected, .k-selected {
	background-color: rgb(129,41,145, 0.2);
}

.claim-file-grid .k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td {
	background-color: rgb(129,41,145, 0.2);
}

.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected .k-link,
.k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected:hover .k-link {
	background-color: #711C76;
}

.k-button-flat-primary,
.k-tabstrip-items-wrapper .k-item,
.k-tabstrip-items-wrapper:hover .k-item {
	color: #711C76;
}

.sub-tab .k-form, .sub-tab .k-form-inline {
	padding: 0px;
}

.sub-tab > .k-tabstrip-items-wrapper .k-item {
	color: #711C76;
}

.sub-tab > .k-tabstrip-items-wrapper .k-item.k-active {
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0);
	color: rgb(129, 41, 145);
	border-top: 1px solid #711C76 !important;
	border-left: 1px solid #711C76 !important;
	border-right: 1px solid #711C76 !important;
	box-shadow: none;
}

.sub-tab .k-tabstrip-items {
	text-transform: capitalize;
}

.k-tabstrip-items {
	text-transform: uppercase;
}

.k-card-deck {
	flex-flow: wrap;
}

.claim-layout, .claim-job,
.contractor-layout {
	line-height: 1.6;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
}

.k-card-header {
	color: #fff;
	background-color: #000;
}

.task-card .k-form-legend {
	border: none;
	margin-top: -10px;
}

.k-card-body > .k-last, .k-card-body > :last-child {
	margin-top: -20px;
}

.k-card-header {
	justify-content: space-between;
}

.k-card-header .k-card-title {
	padding: 4px;
}

.task-cards {
	padding-top: 10px;
}

.claim-job .label-value {
	font-weight: normal;
}

.add-variation {
	height: fit-content;
}

.dashboard-claim-info .label-value {
	font-weight: normal;
}

.dashboard-claim-info {
	font-size: 16px;
	font-weight: bold;
}

.header-status-complete {
	background-color: #008000;
}

.header-status-notapplicable {
	background-color: #bbbcbe;
}

.header-status-current {
	background-color: #EECC00;
}

.header-status-duepass {
	background-color: #f31700;
}

.header-status-dueupcoming {
	background-color: #0000FF;
}

.address-line {
	grid-column-start: 1;
	grid-column-end: 3;
}

.dashboard-claim-info {
	margin-top: -20px;
}

.claim-info > .k-form-legend {
	display: none;
}

.street-view {
	color: #711C76;
}

.street-view-btn {
	margin-right: 5px;
}

.address {
	width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.k-card {
	z-index: 0;
}

.individual-title {
	position: inherit;
	width: fit-content;
}

.individual-name {
	position: absolute;
	width: 85%;
}

.individual-warp {
	position: relative;
}

.email-body {
	width: calc(100% - 13px);
	height: 300px;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: scroll;
	border-style: groove;
	border-color: rgba(0, 0, 0, 0.08);
	padding: 8px;
	display: inline-block;
	white-space: normal;
}

.email-body-claim {
	width: calc(100% - 13px);
	height: 300px;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: scroll;
	border-style: groove;
	border-color: rgba(0, 0, 0, 0.08);
	padding: 8px;
}

.email-unread {
	font-weight: bold;
}

.email-read {
	font-weight: normal;
}

.dashboard-email-info .label-value {
	font-weight: bold;
}

.k-form-field.email-body-content {
	grid-column-start: 1;
	grid-column-end: 3;
}

.k-form-field.email-template-body-content,
.k-form-field.email-template-subject-content {
	grid-column-start: 1;
	grid-column-end: 4;
}

.overlay {
	position: fixed;
}

.email-info-header > .k-form-legend,
.email-info-footer > .k-form-legend,
.dashboard-claim-invoice-info .k-form-legend,
.claim-info-group > .k-form-legend,
.contractor-info-group > .k-form-legend,
.claim-job-group > .k-form-legend,
.invoice-summary-group > .k-form-legend,
.claim-contact-group > .k-form-legend,
.claim-details-group > .k-form-legend,
.insured-details-group > .k-form-legend,
.phase-details-group > .k-form-legend {
	display: none;
}

form > fieldset.k-form-fieldset.email-info-footer {
	margin-top: 0px;
}

.dashboard-email-info {
	margin-top: -20px;
}

.email-list .k-icon {
	width: 0px;
}

.file-download {
	width: 100%;
	height: 100%;
}

.claim-layout > .k-form-legend,
.contractor-layout > .k-form-legend {
	display: none;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
	padding-top: 0px;	
}

.calim-main-tab > .k-tabstrip-content, .calim-main-tab > .k-tabstrip > .k-content {
	background-color: rgba(0, 0, 0, 0.12);
}

.main-tab > .k-tabstrip-content, .main-tab > .k-tabstrip > .k-content,
.main-tab > .k-tabstrip-content > .k-form {
	background-color: rgba(0, 0, 0, 0.12);
	padding: 16px !important;
}

.main-tab > .k-tabstrip-content > .claim-grid {
	padding: 0px !important;
	background-color: #fff;
}

.main-tab > .k-tabstrip-content > .k-form {
	background-color: #fff;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper {
	border-bottom-width: 0px;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
	border: none;
}

.dashboard-task {
	float: left;
	width: 50%;
}

.dashboard-email {
	width: 50%;
	float: right;
}

.k-grid .k-grid-header .k-table-th,
.k-form-field label {
	font-weight: bold;
}

.k-radio-item .k-radio-label, .k-radio-list-item .k-radio-label {
	font-weight: normal;
}

.claim-grid,
.contact-grid,
.contractor-grid,
.client-grid {
	padding-top: 16px;
}

.claim-grid-invoice {
	padding: 16px;
	background-color: #fff;
}

.claim-email-info-footer {
	margin: 0px !important;
}

.claim-email-info-footer > .k-form-legend {
	display: none;
}

.file-download-email {
	width: 100%;
	height: 100%;
	text-align: center;
}

.file-download-email-a {
	display: inline-block;
}

.email-info-delete-hide-files {
	display: none;
}

.email-info-delete-show-files {
	display: block;
}

.email-info-hide-files .k-grid-toolbar {
	display: none;
}

.email-info-show-files .k-grid-toolbar {
	display: block;
}

.email-icon {
	width: 30px;
	height: 30px;
}

.container {
	display: flex;
	align-items: center;
	column-gap: 1px;
	margin-top: -13px;
	height: 34px;
}

.task-container {
	display: flex;
	align-items: center;
	column-gap: 4px;
}

.phone-container-icon {
	width: 20px;
	height: 20px;
	margin-left: auto;
	align-items: center;
}

.caller-field {
	width: 29.6px;
	height: 29.6px;
	align-items: center;
	margin-left: 5px;
	margin-bottom: 3px;
}

.call-icon {
	width: 25px;
	height: 25px;
}

.mail-icon {
	width: 23px;
	height: 23px;
}

.player {
	text-align: center;
}

.play-recording {
	grid-column-start: 1;
	grid-column-end: 3;
	text-align: center;
}

.play-rec a {
	color: #711C76;
}

.record-download
{
	margin-left: 3px;
}

.tag-call-btn
{
	margin-left: 10px;
}

.k-loader-spinner-3.k-loader-lg .k-loader-canvas,
.grid-loader {
	color: #711C76;
}

.nav-right {
	display: flex;
	align-items: center;
	margin-left: auto;
	padding-right: 10px;
	float: right;
}

.nav-right > div {
	padding-right: 5px;
}

.show-cursor-pointer tr {
	cursor: pointer;
}

.contractor-grid .k-loader-container-inner,
.contractor-grid .k-loader-container,
.claim-grid .k-loader-container-inner,
.claim-grid .k-loader-container,
.client-grid .k-loader-container-inner,
.client-grid .k-loader-container,
.contact-grid .k-loader-container-inner,
.contact-grid .k-loader-container,
.compliment-grid .k-loader-container-inner,
.compliment-grid .k-loader-container,
.complaint-grid .k-loader-container-inner,
.complaint-grid .k-loader-container {
	display: none;
}

.additional-field {
	display: flex;
	position: relative;
	bottom: 0;
	height: 100%;
	width: 100%;
}

.additional-field-placeholder .k-input-inner::placeholder {
	font-style: italic;
}

.claim-additional-field-present-position {
	position: relative;
	grid-column-start: 4;
	grid-column-end: 7;
}

.claim-risk-address {
	position: relative;
	grid-column-start: 2;
	grid-column-end: 4;
}

.claim-additional-field-blackboard-notes {
	position: relative;
	grid-column-start: 4;
	grid-column-end: 7;
}

.claim-call {
	grid-column-start: 7;
}

.k-form-field.subject-view-mode {
	grid-column-start: 1;
	grid-column-end: 3;
}

.telerik-notification .k-notification-container .k-notification {
	background-color: #bbbcbe;
	border-color: #bbbcbe;
	height: 50px;
	font-size: medium;
	font-weight: 600;
	color: #000;
}

.telerik-notification .k-notification-container .k-notification-error {
	background-color: red;
	border-color: red;
	height: 50px;
	font-size: medium;
	font-weight: 600;
	color: #fff;
}

.k-notification-container .k-notification-error {
	height: 50px;
	font-size: medium;
	font-weight: 600;
}

.dashboard-footer {
	display: flex;
}

.total-count {
	margin-left: auto;
	margin-right: 0px;
}

.check-box-dashboard {
	margin-right: 5px;
}

.total-count-dashboard-footer {
	float: right;
}

.pdf,
.pdf:hover {
	background-color: #fcc;
}

.image,
.image:hover {
	background-color: #ffc;
}

.word,
.word:hover {
	background-color: #ccf;
}

.excel,
.excel:hover {
	background-color: #cfc;
}

tr.k-master-row.k-table-row.task,
.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).task:hover,
tr.k-master-row.k-table-row.claim,
.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).claim:hover,
tr.k-master-row.k-table-row.email-received-more-than-8-hrs,
.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).email-received-more-than-8-hrs:hover,
tr.k-master-row.k-table-row.task-day3,
.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).task-day3:hover {
	background-color: #fcc;
}

tr.k-master-row.k-table-row.task-today,
.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).task-today:hover,
tr.k-master-row.k-table-row.claim-today,
.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).claim-today:hover,
tr.k-master-row.k-table-row.email-received-more-than-4-hrs,
.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).email-received-more-than-4-hrs:hover,
tr.k-master-row.k-table-row.task-day2,
.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).task-day2:hover
{
	background-color: #EECC00;
}

.present-position:hover {
	text-decoration: underline;
}

.black-boards {
	margin-left: 15px;
}

.present-position,
.present-position:hover {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	font-weight: normal;
	color: inherit;
	cursor: pointer;
	line-height: 1.3;
}

.address-link {
	font-size: 14px;
}

.delete-phase {
	display: block;
	margin-left: auto;
	margin-right: 0;
}

.email-item-task-type-name {
	color: #711C76;
}

.due {
	background-color: #FFC;
}

.overdue {
	background-color: #FCC;
}

.caller {
	width: 29.6px;
	height: 29.6px;
	align-items: center;
	padding: 2px;
}

.phone-container-icon-task {
	width: 21.6px;
	height: 21.6px;
	margin-left: 1px;
	margin-top: 1px
}

.claim-task-history-grid {
	font-size: 12px;
}

.go-back-task {
	margin-right: 4px;
}

.google-street-view-icon {
	margin-bottom: 5px;
}

.contact-form,
.client-form {
	margin-top: 2em;
}

.claim-task-call-window .k-window-content {
	padding-block: 0px;
	padding-inline: 0px;
}

.claim-task-call-window .k-grid .k-grid-pager,
.claim-task-history-grid .k-grid-pager {
	display: none;
}

.claim-task-card .k-card-body .claim-task-history-grid {
	margin: -16px;
	margin-bottom: -36px;
}

.claim-task-history-grid {
	height: 360px;
}

.k-textbox.k-input,
.k-autocomplete.k-input,
.k-numerictextbox.k-input,
.k-datepicker.k-input,
.k-checkbox,
.k-multiselect.k-input,
.k-textarea.k-input,
.k-radio {
	background-color: #f5f5f5;
}

.logged-in {
	font-weight: bold;
}

.tag-note {
	padding-bottom: 10px;
}

.action-btn, .k-button.delete-email {
	margin-left: 5px;
}

.confirmation-ok {
	float: right;
	margin-top: 10px;
}

.warranty-download {
	margin-top: 10px;
}

.no-timeline-edit .k-task:hover .k-task-actions,
.no-timeline-edit .k-task:hover .k-resize-handle,
.no-timeline-edit .k-task-wrap:hover .k-task-draghandle,
.no-timeline-edit .k-task-wrap:hover .k-task-dot,
.no-timeline-edit .k-gantt-marquee,
.no-timeline-edit .k-gantt-resize-hint {
	visibility: hidden;
}

.k-gantt-treelist .k-grid-content {
	height: 100% !important;
}

.k-pane.k-gantt-treelist.k-pane-static {
	display: none;
}

.k-task-content {
	background: none;
}

.k-task-single .k-resize-w,
.k-task-actions,
.k-task-single .k-resize-handle {
	display: none;
}

.k-task-template
{
	padding: 0px;
}

.header-title {
	padding: 5px;
	border-radius: 4px;
}

.header-status-future {
	background-color: black;
}

.report div.main-tab,
.setup div.main-tab,
.account div.main-tab,
.contractor div.main-tab {
	padding-top: 15px;
	padding-left: 7px;
}

a.report-link {
	color: #711C76;
	text-decoration: underline;
	cursor: pointer;
}

.approval-task-doc-required {
	grid-column-start: 1;
	grid-column-end: 3;
}

.doc-required-text {
	display: inline-block;
	white-space: pre-wrap;
}

.document-task-required {
	color: #f31700;
}

.street-view-link {
	cursor:pointer;
}

.claim-grid-phase-button {
	margin-right: 2px;
	margin-bottom: 2px;
	color: #fff;
	height: 30px;
	width: 45px;
	border-radius: 4px;
	cursor: pointer;
	border: none;
}

tr.k-master-row.k-table-row.acknowledged,
.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).acknowledged:hover {
	background-color: #D0FFBC;
}

.requested-by-user {
	font-weight: normal;
}

.email-body-view {
	display: inline-block;
	white-space: normal;
}

.add-personal-task {
	margin-left: 4px;
}

.phase-process-section {
	clear: both;
	height: 4px;
	background-color: black;
	cursor: help;
	position: absolute;
	width: 80%;
	margin-bottom: -25px;
	float: left;
}

.lbl-read-by {
	display: inline-block;
	padding-top: 5px;
}

.remove-phase {
	padding-left: 4px;
	cursor: pointer;
}

.complaint-grid div.k-grid-content,
.compliment-grid div.k-grid-content,
.email-setup-grid div.k-grid-content,
.user-setup-grid div.k-grid-content {
	overflow: auto;
}

.auto-max-height-textarea #note.k-input-inner {
	max-height: 50px;
	overflow-y: auto;
}

.auto-max-height-textarea #note.k-input-inner:focus {
	max-height: 200px;
	overflow-y: auto;
}

.setup-form {
	background-color: #fff;
	margin: 0px;
	padding: 10px 0px 10px 10px;
}

.print-form {
	margin: 25px 0px 0px 10px;
}

.print-email-body-content {
	height: auto;
}

.email-body-template {
	width: calc(100% - 13px);
	height: 300px;
	white-space: nowrap;
	border-color: rgba(0, 0, 0, 0.08);
	display: inline-block;
	white-space: normal;
}

.email-body-all div.k-editor-content div.k-content {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.finance-margin-percentage {
	background-color: #FFFF00;
}

.present-position-color {
	background-color: #fc9;
}

.contractor-approval-color {
	background-color: #cfc;
}

.estimate-color {
	background-color: #ccf;
}

.insurer-approval-color {
	background-color: #fcc;
}

.survey-request-color {
	background-color: #ffc;
}

.report-color {
	background-color: #fcf;
}

.invoice-color {
	background-color: #cff;
}

.claim-link,
.claim-images,
.claim-videos {
	padding: 10px 10px 10px 10px;
}

.claim-link-item,
.claim-video-item {
	margin: 10px 10px 10px 10px;
}

.whatsapp-mobile {
	font-size: 22px;
}

body .k-button.delete {
	background-color: #de3159;
	position: relative;
	margin-left: auto;
}

.to-error,
.error {
	border-color: red;
}

.task-list-maximized,
.call-list-maximized,
.email-list-maximized,
.personal-task-list-maximized {
	grid-column-end: span 2 !important;
}

.wip-list-total,
.user-activity-total{
	font-style: italic;	
}

.wip-list-total td:nth-child(2),
.wip-list-total td:nth-child(3),
.user-activity-total td:nth-child(3),
.user-activity-total td:nth-child(4) {
	border-top: 1px solid black !important;
	border-bottom: 1px solid black !important;
}

.whatsapp-mobile {
	margin-left: -3px;
	margin-top: -1px;
}

.local-login {
	box-shadow: 1px 0 0 #711C76;
}

.login-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	width: 50%;
	align-items: center;
	margin: 0 auto;
}

@media (max-width: 768px) {
	.claim-file-popup {
		top: 10px;
		max-height: 450px;
		overflow-y: auto;
	}

	.claim-invoice-history-window {
		max-height: 600px;
		max-width: 450px;
		overflow-y: auto;
		overflow-x: auto;
	}
}

.w3w-icon {
	margin-top: 5px;
	width: 20px;
	height: 20px;
	margin-left: auto;
	align-items: center;
}

.claim-task-call-window {
	top: 35px;
}

.file-edit-file-name,
.payment-command {
	display: flex;
}

.btn-paid {
	margin-right: 2px;
}

.invoice-notes {
	cursor: pointer;
}

.user-type-radio {
	display: ruby;
}

.xero-tenant-name {
	display: flex;
	font-weight: bold;
	padding-bottom: 5px;
}

.create-xero-contact {
	margin-left: 10px;
	margin-bottom: 3px;
}

.contractor-terminated {
	text-decoration: line-through;
}

.add-invoice div.k-window-content {
	padding-top: 0px;
}

.email-title {
	white-space: pre-wrap;
}

.dashboard-email-info {
	margin-top: -15px;
}

.logged-in-user-pop div.k-popup {
	border-radius: 5px;
	background: #711C76;
	color: #fff;
}

.log-out {
	margin: 4px 0 5px 0px;
}

.logged-in-user-name,
.current-role,
.log-out {
	padding-block: 8px;
	padding-inline: 16px;
	outline: 0;
	color: inherit;
	font-size: 16px;
	line-height: 1.5;
	display: flex;
	flex-flow: row nowrap;
	gap: 16px;
	cursor: pointer;
	align-items: center;
}

.current-role {
	margin: 4px 0 0px 0px;
}

.current-role:hover,
.log-out:hover,
.logged-in-user-name:hover {
	background-color: white;
	color: #424242;
}

.google-search {
	width: 100%;
	padding: 8px;
	border-color: rgba(0, 0, 0, 0.08);
	color: #424242;
	font-size: 14px;
	line-height: 1.4285714286;
	box-sizing: border-box;
	border-radius: 4px;
}

.google-map {
	height: 100vh;
	width: 100%;
}

@media (min-width: 1800px) {
	.task-list, .email-list {
		height: 60vh;
	}
}

.contractor-map-types {
	display: flex;
	margin: 5px;
}

.contractor-map-lbl {
	font-weight: bold;
	color: #555;
	margin: 0px 0px 5px 0px;
}

.contractor-map-txt {
	color: #555;
	margin: 0px 0px 5px 0px;
}

.map-address-line{
	margin: 5px;
	color: #555;
}

.map-header {
	margin: 5px;
	font-size: 16px;
	color: #333;
}

.map-main-div {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	max-width: 250px
}

.claim-map-search {
	display: flex;
}

.email-status {
	text-transform: capitalize;
	color: red;
}

.external-client-awaiting-payment {
	margin-bottom: 5px;
}

.public-sms-insured {
	margin-left: 15px;
}

.sms-message {
	margin-left: 10px;
}

.no-labels.k-daterangepicker{
	gap:0px;
}

.no-labels label {
	display: none;
}

.k-floating-label-container {
	display: block;
}

.no-labels .k-floating-label-container {
	padding-top: 0px;
	padding-bottom: 2px;
}

.no-labels .k-floating-label-container:nth-child(1)::after {
	content: "to";
	padding: 5px;
}

.date-range {
	display: flex;
	padding-top: 5px;
}

.lbl-date-range {
	width: 100px;
	align-content: center;
}

.bill-status-message {
	color: red;
}

.claim-invoice-header {
	text-align: center;
	margin:auto;
}

.claim-invoice-header h3 {
	margin-bottom: 0px;
	margin-top: 0px;
}

.claim-invoices {
	height: 273px !important;
	min-height: 273px;
	max-height: 273px;
}

@media (min-width: 200px) and (max-width: 388px) {
	.claim-invoices {
		height: 346px !important;
		min-height: 346px;
		max-height: 346px;
	}
}

@media (min-width: 389px) and (max-width: 550px) {
	.claim-invoices {
		height: 300px !important;
		min-height: 300px;
		max-height: 300px;
	}
}

.notValid, .notValid:hover {
	border-color: red;
}

.blackboard-notes-header-item {
	position: relative;
	grid-column-start: 1;
	grid-column-end: 8;
}

.blackboard-notes-header-a {
	font-size: 16px;
	font-weight: bold;
	background-color: red;
	color: #fff;
	cursor: pointer;
	padding: 5px;
}

.blackboard-notes-header-item,
.claim-reference,
.claim-additional-field-present-position,
.claim-additional-field-blackboard-notes,
.claim-call,
.claim-risk-address {
	margin-top: 0px !important;
}

.k-grid-header .k-grid-header-menu.k-active {
	background-color: #711C76;
}

.k-dialog .k-dialog-content {
	white-space: pre-line;
}

.con-status-twhnwc {
	color: #63a863;
}

.con-status-ts {
	color: #f71111;
}

.con-status-t {
	color: #f71111;
	text-decoration: line-through;
}

.con-status-temp {
	color: #EECC00;
}

.con-status-active {
	color: #424242;
}

.con-status-temp button.k-button,
.con-status-t button.k-button,
.con-status-ts button.k-button,
.con-status-twhnwc button.k-button {
	color: #424242;
}

.contractor-dropdown-list .k-list-item.k-selected, .contractor-dropdown-list .k-selected,
.contractor-dropdown-list .k-list-item.k-selected:hover {
	background-color: rgba(0, 0, 0, 0.04);
	border-color: rgba(0, 0, 0, 0.04);
}

.claims-export-filter {
	display: grid;
	grid-template-columns: 0.5fr 0.5fr 0.5fr; /* 2 columns */
	gap: 3px; /* space between fields */
}

.btn-claims-download {
	height: 35px;
	width: 100px;
	margin-top: 14px;
}

.site-review-date {
	line-height: 1.5em;
}