@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?2q9h18');
  src:  url('fonts/icomoon.eot?2q9h18#iefix') format('embedded-opentype'),
    url('fonts/icomoon.woff2?2q9h18') format('woff2'),
    url('fonts/icomoon.ttf?2q9h18') format('truetype'),
    url('fonts/icomoon.woff?2q9h18') format('woff'),
    url('fonts/icomoon.svg?2q9h18#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pillars:before {
  content: "\e902";
}
.icon-roadmap:before {
  content: "\eb72";
}
.icon-skills:before {
  content: "\ebdb";
}
.icon-training:before {
  content: "\ed16";
}
.icon-innovation:before {
  content: "\ed90";
}
.icon-best:before {
  content: "\edcc";
}
.icon-trends:before {
  content: "\ee59";
}
.icon-policies:before {
  content: "\e900";
}
.icon-regulation:before {
  content: "\e901";
}


.bigicons a.active {
	font-weight: bold;
	border-color: #000;
}

.bigicons a {
	display: flex;
	flex-direction: column;
	text-align: center;
  color: #000;
  text-decoration: none;
  	border: 1px solid transparent;
	border-radius: 20px;
	padding: 10px 0px;
}
.bigicons a [class^="icon-"], .bigicons a [class*=" icon-"] {
	font-size: 40px;
	margin-bottom: 10px;
}
.bigicons {
	display: grid;
	  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  margin-bottom: 20px;
}
button.dt-button.buttons-create,
button.dt-button.buttons-edit,
button.dt-button.buttons-remove {
	display: none;
}

body.edit button.dt-button.buttons-create {
	display: inline-block;
}
body.edit button.dt-button.buttons-edit {
	display: inline-block;
}
body.edit button.dt-button.buttons-remove {
	display: inline-block;
}

body.dataTables div.container {
	max-width: 1200px !important;
}
@media(max-width: 1200px ) {
body.dataTables div.container {
	margin-left: 10px !important;
	margin-right: 10px !important;
}}


#botmanWidgetRoot > div {
	pointer-events: none;
}
#botmanWidgetRoot > div > div > div{
	pointer-events: all;
}