/* ========================================================
   = The following CSS is for custom themes for FIRS apps.
   ===================================================== */

body {
	font-family: verdana;
}


/* =============================================================================
   =Custom Fonts
   ========================================================================== */
@font-face {
  font-family: 'SourceSansPro';
  src: url('../fonts/SourceSansPro-ExtraLight.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('../fonts/SourceSansPro-ExtraLight.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
  font-family: 'helvet30';
  src: url('../fonts/Helvet30.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('../fonts/Helvet30.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}


/* =============================================================================
   =Mobile Layout: 480px and below
   ========================================================================== */
h1, h2, h3, h4, .ui-fieldset-legend {
  font-family: helvet30;
}

/* Headings */
h1 {
  color: #D66F10;
}
h2 {
  font-family: verdana;	
}

h4,.ui-fieldset-legend {
  color: #4297D7 !important;
}

/* Labels */
label {
	color: #2e6e9e;
}
/* validation error state */
.ui-outputlabel.ui-state-error {
	color: #2e6e9e !important;
}

/* Toolbars
   ==================================== */
/* Use for dataTables and tabs */
.buttonBar h4 {
	color: #222 !important;
}