/* .loader {
  border: 9px solid #dbdbdb;
  
  border-top: 9px solid #c1232b;
  
  border-radius: 50%;
  width: 90px;
  height: 90px;
  animation: spin 1.5s linear infinite;
} */

.loader-text {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}

div.fr-wrapper > div:not(.fr-view) > a {
	display: none !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
.fix-checkbox .mat-checkbox-layout {
	padding: 14px 0px 14px 0px !important;
	width: 100% !important;
}

body {
	background: #f3f3f4;
}

/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
.fix-checkbox .mat-checkbox-inner-container {
	margin-left: 0;
}

.black {
	animation: drawBlack 3s infinite;
}

.red {
	animation: drawRed 3s infinite;
}

.z-depth-1 {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.z-depth-1-half {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.z-depth-2 {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-3 {
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24),
		0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-4 {
	box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22),
		0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.z-depth-5 {
	box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2),
		0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

#loader-container {
	background: #edf0f1 url("../../img/audio.svg") no-repeat center center;
	position: fixed;
	overflow: hidden;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 99999;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes drawBlack {
	40% {
		stroke-dashoffset: 0;
		/* fill:#262626; */
	}

	60% {
		stroke-dashoffset: 0;
		/* fill:#262626; */
	}
}

@keyframes drawRed {
	40% {
		stroke-dashoffset: 0;
		/* fill:#b71c1c; */
	}

	60% {
		stroke-dashoffset: 0;
		/* fill:#b71c1c; */
	}
}
