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

/*
** HTML elements
*/
body {
  margin: 0;
  padding: 0;
  color: #000;
  background: #fff none;
  font: 12px/16px Arial, Helvetica, sans-serif;
  font-family: 'Roboto Condensed', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 auto 15px;
	font-weight:bold;
     line-height:normal;
     font-family: 'Poppins', sans-serif;
}
body #header{
     width:100%;
     max-width:100%;
}
body #logo img{
     max-width:100%;
     height:auto;
}
h1 {
  font-size: 20px;
	color:#930084;
}
h2 {
	color:#98BF00;
  font-size: 18px;
}
h3 {
	color:#707070;
	font-size:14px;
}

h4, h5, h6 {
  font-size:14px;
	color:#000;
}
p {
  margin:0 0 1em;
}

a {
  text-decoration: none;
  font-weight: bold;
}
a:link {
  color: #930084;
}
a:visited {
  color: #930084;
}
a:hover {
  color: #707070;
  text-decoration: none;
}

pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}

img, a img {
  border: none;
}

table {
  margin: 1em 0;
  width: 100%;
}

tbody {
	border:0;
}

thead th {
  border-bottom: 2px solid #d3e7f4;
  color: #494949;
  font-weight: bold;
}

th a:link, th a:visited {
  color: #6f9dbd;
}

td, th {
  padding: .3em .5em;
}

tr.even, tr.odd, tbody th {
  border: solid #d3e7f4;
  border-width: 1px 0;
}

tr.odd, tr.info {
  background-color: #edf5fa;
}

tr.even {
  background-color: #fff;
}

tr.drag {
  background-color: #ffb;
}

tr.drag-previous {
  background-color: #ffd;
}
td.checkbox, th.checkbox {
	white-space:nowrap;
}

tr.odd td.active {
  background-color: #ddecf5;
}

tr.even td.active {
  background-color: #e6f1f7;
}

td.region, td.module, td.container, td.category {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #b4d7f0;
  background-color: #d4e7f3;
  color: #455067;
  font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
  border-top-width: 0;
}


.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0;
}




