@font-face {
  font-family: 'Font Awesome 400';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("/webfonts/fa-brands-400.eot");
  src: url("/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/webfonts/fa-brands-400.woff2") format("woff2"), url("/webfonts/fa-brands-400.woff") format("woff"), url("/webfonts/fa-brands-400.ttf") format("truetype"), url("/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab,.fas {
  font-family: 'Font Awesome 400'; }
.tct-solid .fa{
	font-weight: 900;
}
.tct-regular .fa{
	font-weight: 400;
}
div.alert {
    
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
    border-radius: 5px;
}
.div-content{
	padding: 10px 20px 20px;
	color: #fff;
}
.div-top-f {
    display: table;
    margin: auto;
    margin-top: -20px;
}
div.alert .fa{
  background-color: #f5f5f5;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: table-cell;
  vertical-align: middle;
}
div.alert[role="check"]{
  background-color: #8ccdcd;
}
div.alert[role="check"] .div-content{
  color: #314848;
}
div.alert[role="check"] .fa:before{
  color: #8ccdcd;
}
div.alert[role="alert"]{
  background-color: #d2755a;
}
div.alert[role="alert"] .fa:before{
  color: #d2755a;
}
div.alert[role="info"]{
  background-color: #79ad9b;
}
div.alert[role="info"] .fa:before{
  color: #79ad9b;
}
div.alert[role="idea"]{
  background-color: #fedf90;
}
div.alert[role="idea"] .div-content{
  color: #705c2a
}
div.alert[role="idea"] .fa:before{
  color: #fedf90;
}