/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.fc-fontawesome-button span.fa {
  width: 40px;
  margin: 5px;
  vertical-align: middle; }

.fc-icon-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .fc-icon-wrap.top-left {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .fc-icon-wrap.top-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .fc-icon-wrap.top-right {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .fc-icon-wrap.center-left {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: center;
        justify-content: center; }
  .fc-icon-wrap.center-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  .fc-icon-wrap.center-right {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-pack: center;
        justify-content: center; }
  .fc-icon-wrap.bottom-left {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .fc-icon-wrap.bottom-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .fc-icon-wrap.bottom-right {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .fc-icon-wrap .fc-bg-boxes {
    width: 100%; }

.fc-fontawesome-wrap.aligncenter .fc-icon-wrap {
  margin: 0 auto; }