/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/source-sans-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('./fonts/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}





html, body {
	font-family: 'Source Sans Pro',sans-serif;
	color: #000000;
	font-size: 18px;
}


.text_color_blue  {
	color: #2B5DC1;
}

.text_color_black {
	color: #000000;
}

.text_color_darkblue  {
	color: #00007D;
}

.text_color_light_grey  {
	color: #F0F0F0;
}

html, body {
	font-family: 'Source Sans Pro',sans-serif;
	color: #05616F;
}

p {
	font-family: 'Source Sans Pro',sans-serif;
	color: #05616F;
	font-size: 18px;
}


li {
    font-family: 'Source Sans Pro',sans-serif;
	color: #05616F;
	font-size: 18px;
}

td {
	font-family: 'Source Sans Pro',sans-serif;
	color: #05616F;
	font-size: 18px;
}


h1 { 
   font-family: 'Source Sans Pro',sans-serif;
   color: #05616F;
   }
h2 { 
   font-family: 'Source Sans Pro',sans-serif;
   color: #05616F;
   }
h3 { 
   font-family: 'Source Sans Pro',sans-serif;
  color: #05616F ; 
   }
h4 { 
   font-family: 'Source Sans Pro',sans-serif;
   color: #05616F ;
   }
h5 { 
   font-family: 'Source Sans Pro',sans-serif;
   color: #05616F ;
   }
h6 { 
   font-family: 'Source Sans Pro',sans-serif;
   color: #05616F ;
   }
   
.header_font { 
   font-family: 'Source Sans Pro',sans-serif;
   color: #05616F ;
   }

   
/* set background colors */
.mdl-demo .mdl-layout__tab-panel:not(#overview) {
	background-color: #F0F0F0;
}
.mdl-color--primary {
	background-color: #FFFFFF !important;
}
.mdl-color--primary-dark {
	background-color: #05616F !important;
}

a {
	color: #032e3b;
}
.mdl-demo .mdl-layout__tab-bar .mdl-layout__tab.is-active::after {
	background-color: rgb(54, 200, 54);
}

.mdl-cell--12-col {
     background-color: #F0F0F0SS !important;
}


.mdl-layout__tab {
     color: #5da7bc ;
     font-family: 'Source Sans Pro',sans-serif;
     font-size: 20px;
}

.mdl-mini-footer {
	background-color: #E2E7FC !important;
	color: #2B5DC1 !important;
	font-family: 'Source Sans Pro',sans-serif;
}

.mdl-logo {
  color: black; !important;
  }
  
.mdl-layout__tab {
   text-transform:none !important; 
  font-family: 'Source Sans Pro',sans-serif;
}

/* adapt styles to scale with screen size */
@media screen and (max-width: 1024px) {
	.mdl-demo .mdl-layout__tab-bar-container {height: 30px;}
	.mdl-demo .mdl-layout__tab-bar .mdl-layout__tab {height: 30px; line-height: 30px;}
}

@media screen and (max-width: 630px) {
	.title_break::before {content: "\A"; white-space: pre;}
}

@media screen and (max-width: 524px) {
	.mdl-demo .mdl-layout__header-row {padding-left: 15px;}
	.mdl-demo .mdl-layout__tab-bar {padding: 0px 0px 0px 0px;}
	.mdl-demo .mdl-card .mdl-card__supporting-text {margin: 10px;width: calc(100% - 10px);}
}
@media screen and (max-width: 430px) {
	.mdl-demo .mdl-layout__header-row {padding-left: 5px;}
}

@media screen and (max-width: 620px) {
	.mdl-layout__tab {font-size: 13px;}
}
@media screen and (max-width: 480px) {
	.mdl-layout__tab {font-size: 12px;}
}
@media screen and (max-width: 430px) {
	.mdl-layout__tab {font-size: 9px;}
}
@media screen and (max-width: 400px) {
	.mdl-layout__tab {font-size: 7px;}
}

@media screen and (max-width: 450px) {
	.mdl-typography--subhead {font-size: 15px;}
}
@media screen and (max-width: 400px) {
	.mdl-typography--subhead {font-size: 14px;}
}
@media screen and (max-width: 380px) {
	.mdl-typography--subhead {font-size: 13px;}
}
@media screen and (max-width: 350px) {
	.mdl-typography--subhead {font-size: 13px;}
}