/* BASIC KPMG CSS GUIDELINES */

/* some more specific rules are set with classes, such as colors */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap');

body {
  font: 1.6rem 'Open Sans',Arial,Helvetica,sans-serif;
  color: #333333;
  background-color: #f0f0f0;
  margin: 0;
  font-weight: 400;
  line-height: 1.5;
}

main {
  padding: 20px;
  background: white;
}


/* Headers */
h1 {/*Major headers*/
  font: 42px 'Open Sans Condensed',Arial,Helvetica,sans-serif;
  color: #00338D;
  line-height: 1.3;
  font-weight: 300;
}

h1.h1-small {
  font: 36px/1 'Open Sans Condensed',Arial,Helvetica,sans-serif;
  color: #00338D;
}

h2 {
  font: 20px 'Open Sans Bold',Arial,Helvetica,sans-serif;
  color: #00338D;
  line-height: 1.3;
  font-weight: 400;
}

h3 {
  font: 18px 'Open Sans Bold',Arial,Helvetica,sans-serif;
  color: #00338D;
}

h1, h2, h3, h4, h5, h6 {
  margin: 8px 0;
}


/* Regular tags */
div {
  font: 1.6rem 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif;
  color: inherit;
  /*margin: 7px 0;*/
}

p {
  font: 1.6rem 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif;
  color: #333;
  margin: 7px 0 14px 0;
  line-height: 1.2;
  font-weight: 400;
}

i {
  font-style: italic;
}

b {
  font-weight: bold;
}

a {
  font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif;
  color: #005EB8;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  /*color: #6D2077;*/
}

img {
  display: block;
  max-width: 100%;
}

.banner img {
  max-width: none;
  width: 100%;
}

iframe {
  display: block;
  border: none;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
}


/* Lists */
ol, ul {
  margin: 7px 0;
  list-style-position: outside;
}

ul li {
  list-style-type: disc;
}

ul li li {
  list-style: circle
}

ul li li li,
ul li li li li,
ul li li li li li {
  list-style: square
}

ol li,
ol li li,
ol li li li,
ol li li li li,
ol li li li li li {
  list-style-type: decimal
}


/* Tables */
table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  border: 2px solid #333333;
  background-color: white;
}

thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}

tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

td, th {
  display: table-cell;
  border-bottom: solid 1px;
  padding: 5px;
}


/* Forms */
form {
  width: 100%;
  margin: 10px 0;
}

form fieldset {
  border-width: 1px;
}

form legend {
  font: 16px/1.2 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif;
}

form label {
}

form input {
  border: solid 1px #666;
}

form input[type="radio"] {
  /*margin-top: -1px; perfect valign on chrome; not on other browsers*/
  vertical-align: middle;
}

form input[type="checkbox"] {
  /*margin-top: 2px; perfect valign on chrome; not on other browsers*/
  vertical-align: middle;
}

.copyright {
  font: 12px/1.2 'Open Sans', Arial Helvetica Neue, Helvetica, sans-serif;
  color: #333333;
}


/* Colors */
.blue       { color: #00338D; }/*titles*/
.blue-m     { color: #005EB8; }/*content types icons, breadcumbs, links, focus outlines*/
.blue-l     { color: #0091DA; }

.violet     { color: #483698; }/*form fields*/
.purple     { color: #470A68; }
.purple-l   { color: #6D2077; }/*time data*/
.green      { color: #00A3A1; }

.green-d    { color: #009A44; }
.green-l    { color: #43B02A; }/*action items*/
.yellow     { color: #EAAA00; }
.orange     { color: #F68D2E; }
.red        { color: #BC204B; }
.pink       { color: #C6007E; }

.grey       { color: #333333; }/*body*/
.grey-m     { color: #999999; }/*secondary buttons*/
.grey-l     { color: #f0f0f0; }

/* Background-colors */
.bg-blue      { background-color: #00338D; color: white; }
.bg-blue-m    { background-color: #005EB8; color: white; }
.bg-blue-l    { background-color: #0091DA; color: white; }

.bg-violet    { background-color: #483698; color: white; }
.bg-purple    { background-color: #470A68; color: white; }
.bg-purple-l  { background-color: #6D2077; color: white; }
.bg-green     { background-color: #00A3A1; color: white; }

.bg-green-d   { background-color: #009A44; color: white; }
.bg-green-l   { background-color: #43B02A; color: white; }
.bg-yellow    { background-color: #EAAA00; color: white; }
.bg-orange    { background-color: #F68D2E; color: white; }
.bg-red       { background-color: #BC204B; color: white; }
.bg-pink      { background-color: #C6007E; color: white; }

.bg-grey      { background-color: #333333; color: white; }
.bg-grey-m    { background-color: #999999; color: white; }
.bg-grey-l    { background-color: #f0f0f0; color: #333333; }/*general background*/

.module-form .form-section .field-group.row {
  margin:0 !important;
}

.module-form .form-section .checkbox,
.module-form .form-section .radio {
  position: initial !important;
  display: initial;
}

.button.left, input.submit.button {
  background: #02428B !important;
  border-color: #02428B !important;
  color: white !important;
  text-shadow: none;
}