.inuse {
  background: rgb(46,91,167);
  background: linear-gradient(225deg, rgba(46,91,167,0.29175420168067223) 40%, rgba(148,199,26,0.2861519607843137) 90%);
  //background: #EBF5FB;
  --angle: 0deg;
        border-radius: 1px !important;
	border: 2px solid !important;
	border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1 !important;

	animation: 5s rotate linear infinite;
}

@keyframes rotate {
	to {
		--angle: 360deg;
	}
}

@property --angle {
   syntax: '<angle>';
   initial-value: 0deg;
   inherits: false;
}

.mat-icon-button {
   border-radius: 12px !important;
}

.service {
  border-radius: 12px;
}

.services-group{
margin-top: 15px;
margin-left: 80px;
margin-right:0px;
}


uds-service{
    margin-top: 20px;
    margin-right: 70px;
    margin-left: 20px;
    border-radius: 12px;
}

//mat-expansion-panel.mat-expansion-panel {
    margin-bottom: 5px;
}