:root {
  --qps-violet: #21205E;
  --qps-blue: #2371A1;
  --qps-light-blue: #57A3D9;
}

.text-qps-purple {
	color: var(--qps-violet);
}

.text-qps-blue {
	color: var(--qps-blue);
}

.text-qps-light-blue {
	color: var(--qps-light-blue);
}

.bg-qps-purple {
	background: var(--qps-violet);
}

.bg-qps-blue {
	background: var(--qps-blue);
}

.bg-qps-light-blue {
	background: var(--qps-light-blue);
}

.app-sidebar .app-sidebar-toggle {
    border-radius: 50%;
    box-shadow: none!important;
}

.app-header {
    background-color: var(--bs-app-header-minimize-bg-color)!important;
}

.home-action-btn {
    text-align: center;
    width: 100%;
    display: block;
}

.home-action-btn i {
    height: 50px;
    width: 50px;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    background: var(--bs-text-gray-200);
    text-align: center;
    line-height: 50px;
    font-size: 25px;
	margin-bottom: 10px;
	transition: background-color 0.5s ease;
}

.home-action-btn:hover i {
    background: var(--bs-primary-light);
    color: var(--bs-text-primary);
}

.dropzone {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important;
    text-align: center;
    width: 100%;
    background: var(--bs-primary-light)!important;
    border-style: dashed!important;
}

.dz-button {
    text-align: center;
    display: block;
    margin: 0 auto;
    font-weight: bold!important;
    color: #4a4a4a!important;
}

.leaflet-control-attribution {
    display: none;
}

.company-location-map {
	cursor: pointer;
}

/* REPORTING */
.status-checkbox {
    display: inline-block;
    position: relative;
}

.status-input {
    visibility: hidden;
	position: absolute;
	left: 0;
}

.status-label {
    display: inline-block;
    cursor: pointer;
}

.status-input:checked + i {
  color: var(--bs-text-success)!important;
}

.report-preview input:not([role="switch"]), .report-preview select, .report-preview textarea {
    pointer-events: none;
    border: navajowhite;
    font-weight: bold;
    background: #eee;
}

.report-preview input[role="switch"] {
	pointer-events: none;
}

.report-preview input[type="radio"]:checked {
	background: var(--bs-text-primary)!important;
}