/* global.css */
@font-face { 
  font-family: 'Source Sans Pro';
  src: url('assets/fonts/SourceSansPro-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}
/* ExtraLight normal */
@font-face {
  font-family: 'Source Sans Pro';
  src: url('assets/fonts/SourceSansPro-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
/* Light Italic */
@font-face {
  font-family: 'Source Sans Pro';
  src: url('assets/fonts/SourceSansPro-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
/* Light normal */
@font-face {
  font-family: 'Source Sans Pro';
  src: url('assets/fonts/SourceSansPro-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
/* Regular normal */
@font-face {
  font-family: 'Source Sans Pro';
  src: url('assets/fonts/SourceSansPro-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
/* Semibold Italic */
@font-face {
  font-family: 'Source Sans Pro';
  src: url('assets/fonts/SourceSansPro-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
/* Semibold normal */
@font-face {
  font-family: 'Source Sans Pro';
  src: url('assets/fonts/SourceSansPro-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
/* Bold italic */
@font-face {
  font-family: 'Source Sans Pro';
  src: url('assets/fonts/SourceSansPro-BoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
/* Bold normal */
@font-face {
  font-family: 'Source Sans Pro';
  src: url('assets/fonts/SourceSansPro-Bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

*{
  font-family: 'Source Sans Pro', sans-serif;
}

/* no funciona si shadow es true */
:host { 
  font-family:'Source Sans Pro', sans-serif;
}

:root{
  --font-family: 'Source Sans Pro', sans-serif !important;
  /* Colors */
  --maxi-primary:#213A71;
  --maxi-secondary:  #425CC7;
  --maxi-primary-info: #51ADF0;
  --maxi-primary-success: #A5CD39;
  --maxi-primary-alert:#F65252;
  --maxi-primary-warning:#F0C42B;
  --maxi-secondary-light-blue:#6F80A7;
  --maxi-secondary-light-blue-2:#95A0B9;
  --maxi-secondary-snow:#DEE2E6;
  --maxi-secondary-snow-2:#E0E5EA;
  --maxi-secondary-snow-3:#F5F4F4;
  --maxi-secondary-snow-4:#F6F6F6;
  --maxi-secondary-snow-5:#F0F0F0;
}
.ms-preload-image{
  background-image: url('assets/loading.gif');
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 400px;
}