/* You can add global styles to this file, and also import other style files */
/*
blue
#CBD7F4
#B6C1DB
#96A0B5
#636A78
#2C2F36

grey
0123456789abcdef
^   ^   ^  ^  ^^ 
#000
#444
#888
#bbb
#eee
#fff
*/
$background-color: #CBD7F4;



@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

body {
  font-family: Arial, sans-serif;
  font-size: 14px;
  margin: 0;
}

.icon-small {
  max-width: 1.5em;
  max-height: 1.5em;
  margin: 0.2em;
}
.icon-small:hover {
  background-color: #eee;
}

.icon-large {
  width: 8em;
  height: 8em;
  margin: 1em;
}

.icon-select {
  width: 1.5em;
  height: 1.5em;
  vertical-align: text-bottom;
}

a.external-link:after {
  background: transparent url('/assets/img/external-link.svg') no-repeat center bottom;
  background-size: 0.8em;
  display: inline-block;
  width: 1.1em;
  height: 1em;
  content: "";
}



body .mat-select-panel {
  max-height: 500px;
}