/* // BTSTRP MODS */
html {
  overflow-x: hidden;
}

body {
  font-family: 'Open Sans', helvetica, arial, sans-serif;
  font-size: 13px;
  color: #133850;
  min-height: 100vh;
  overflow: hidden;
  position: relative;
  /*Footer height + margin-top of the footer*/
  padding-bottom: 345px;
}

body.page-group-bsg-calendar,
body.page-group-calendar {
  min-height: 0 !important;
}

abbr[title],
abbr[data-original-title] {
  border: 0;
  text-decoration: none;
}

.table-responsive,
.panel>.table-responsive {
  padding-bottom: 100px;
  margin-bottom: -100px;
}

a {
  color: #267eb7;
}

a:hover {
  color: #133850;
}

dt,
dd {
  line-height: 1.7;
}

.page-header {
  font-size: 26px;
  border-bottom: 1px solid #ecf0f3;
  padding-bottom: 7px;
  margin-top: 0;
}

h1 {
  font-size: 22px;
}

h2 {
  font-size: 20px;
  position: relative;
  margin: 30px 0 25px 0;
  clear: left;
}

h2:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 2px;
  background: #ecf0f3;
}

h2:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 30px;
  height: 2px;
  background: #f79b40;
}

h2 a:hover {
  text-decoration: none;
}

h3 {
  font-size: 17px;
  margin: 30px 0 10px 0;
  color: #e18a34;
}

h4 {
  font-size: 15px;
  margin: 30px 0 10px 0;
  color: #e18a34;
}

h5 {
  font-size: 14px;
  margin: 30px 0 10px 0;
  color: #e18a34;
}

h6 {
  font-size: 13px;
  font-weight: bold;
  margin: 30px 0 10px 0;
  color: #e18a34;
}

.btn-group.open .dropdown-toggle:focus,
.btn-group.open .dropdown-toggle:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn {
  border-radius: 2px;
  color: #267eb7;
  background-color: #e5ebef;
}

.btn:hover,
.btn:focus,
.btn.focus {
  background-color: #f1f3f3;
}

.btn-default {
  color: #267eb7;
  border-color: #cedfea;
  background-color: transparent;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus {
  color: #133850;
  border-color: #cedfea;
  background-color: #e6f3fc;
}

.btn-primary {
  background-color: #3d8dc0;
  border-color: #3d8dc0;
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
  background-color: #509ac9;
  border-color: #509ac9;
}

.btn-danger {
  background-color: white;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus {
  color: #133850;
  background-color: #e6f3fc;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled i,
.btn[disabled] i {
  color: #c0c7cc;
  opacity: 1;
  border-color: #e5ebef;
}

.btn-link {
  background-color: transparent;
}

.dropdown-header {
  text-align: left;
  padding: 10px;
  color: #8199a8;
}

.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
  background-color: #e6f3fc;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  background-color: #ecf0f3;
  color: #133850;
}

.btn-default:active,
.btn-default.active,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default {
  color: #133850;
  background-color: #edf8ff;
  border-color: #bad1df;
  cursor: text;
}

.open>.dropdown-menu {
  max-height: 380px;
  overflow: auto;
}

.container .jumbotron {
  border-radius: 3px;
  padding: 0;
}

.JumbotronContent.Section1 {
  background: url("../images/Landing-AboutUs.jpg") 0 30% no-repeat #e5ebef;
  background-size: cover;
}

.JumbotronContent.Section2 {
  background: url("../images/Landing-RegulationPolicy.jpg") 0 50% no-repeat #e5ebef;
  background-size: cover;
}

.JumbotronContent.Section3 {
  background: url("../images/Landing-SupervisoryConvergence.jpg") 0 50% no-repeat #e5ebef;
  background-size: cover;
}

.JumbotronContent.Section4 {
  background: url("../images/Landing-RiskAnalysis.jpg") 0 50% no-repeat #e5ebef;
  background-size: cover;
}

.JumbotronContent.Section5 {
  background: url("../images/Landing-ConsumerProtection.jpg") 0 50% no-repeat #e5ebef;
  background-size: cover;
}

.JumbotronContent.Section6 {
  background: url("../images/Landing-NewsPress.jpg") 0 50% no-repeat #e5ebef;
  background-size: cover;
}

.jumbotron h1 {
  font-size: 40px;
  margin-top: 0;
}

.jumbotron h2 {
  font-size: 26px;
}

.jumbotron p {
  font-size: 16px;
}

.JumbotronContent .pane-content {
  padding: 60px 20px;
  background: #fff;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.882791)), color-stop(50%, rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.882791) 0%, rgba(255, 255, 255, 0) 50%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.882791) 0%, rgba(255, 255, 255, 0) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

.JumbotronContent.Section6 .pane-content {
  background: #fff;
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(255, 255, 255, 0.8)), color-stop(70%, rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 70%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

.JumbotronContent:not(.Section2) .pane-content {
  padding: 88px 20px;
}

.nav-tabs {
  margin: 30px 0 20px 0;
}

.tab-pane {
  margin-top: 20px;
}

.nav-tabs {
  border-color: #e5ebef;
}

.nav-tabs>li>a {
  background-color: #f7f9fa;
  border-top-radius: 3px;
  border-color: #f7f9fa #f7f9fa #e5ebef #f7f9fa;
}

.nav-tabs>li a:hover {
  background-color: #f7f9fa;
  border-color: #f7f9fa #f7f9fa #bad1df #f7f9fa;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  border-color: #e5ebef #e5ebef #bad1df #e5ebef;
  background-color: #e5ebef;
  color: #133850;
}

.nav-pills {
  margin-bottom: 20px;
}

.nav-pills>li>a:hover,
.nav-pills>li>a:focus {
  background-color: #f7f9fa;
  color: #133850;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
  background-color: #e5ebef;
  color: #133850;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  border-color: #e4ebef;
}

.table>thead>tr>th {
  background-color: #f7f9fa;
  text-transform: uppercase;
  font-size: 12px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f7f9fa;
}

.table-hover>tbody>tr:hover {
  background-color: #f7f9fa;
}

.table-striped>tbody>tr:hover {
  background-color: #ebf1f4;
}

#CategoryModal .panel-group,
#TopicModal .panel-group {
  max-height: 300px;
  overflow: auto;
}

.panel-group .panel {
  border-radius: 0;
  border-color: #ecf0f3;
}

.panel-default>.panel-heading {
  background-color: #ebeff1;
  border: 0;
}

.panel-default>.panel-heading:hover {
  background-color: #e1e7eb;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-color: #f7f9fa;
}

.panel-group .panel-title {
  font-size: 14px;
  color: #267eb7;
  padding-left: 15px;
  position: relative;
}

.panel-group h2:before,
.panel-group h2:after {
  content: none;
}

.panel-body h3:first-child {
  margin-top: 15px;
}

.panel-title a:before {
  content: "\f105";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 14px;
  color: #267eb7;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out;
}

.panel-title a[aria-expanded="true"]:before {
  -webkit-transform: rotate(90deg) translate(0, 10%);
  -ms-transform: rotate(90deg) translate(0, 10%);
  transform: rotate(90deg) translate(0, 10%);
}

.panel-title a:focus {
  text-decoration: none;
}

.panel {
  border-radius: 0;
  border-color: #edf2f5;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.panel-group .nav-tabs .SingleTab a {
  border: 0;
  background-color: transparent;
  color: #e18a34;
  font-size: 17px;
  padding: 5px 0 0 0;
}

.panel-pane.panel-default {
  margin-bottom: 20px;
}

/*style for landing pages */
.panel-default .pane-content {
  padding: 15px;
}

.well {
  border-radius: 0;
  border-color: #e5ebef;
  background-color: transparent;
  margin: 20px 0 30px 0;
  -webkit-box-shadow: 0 5px #e5ebef inset;
  box-shadow: 0 5px #e5ebef inset;
}

.list-group-item {
  border-radius: 0;
  border-top-width: 2px;
  border-color: #fff;
  background-color: #f7f9fa;
}

.list-group-item:first-child {
  border-radius: 0;
}

a.list-group-item:hover,
a.list-group-item:focus {
  background-color: #ebeff1;
  -webkit-transition: background-color .2s ease-in;
}

a.list-group-item .list-group-item-heading {
  font-size: 14px;
  color: #267eb7;
  font-weight: initial;
  margin: 10px 0 5px 0;
  line-height: 1.4;
}

a.list-group-item {
  color: #133850;
}

.list-group-item-text {
  padding: 10px 0;
}

a.list-group-item:hover,
a.list-group-item:focus {
  color: #133850;
}

.panel .list-group {
  margin: 0;
}

.panel .list-group-item {
  background: transparent;
  padding: 0 0 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #e5ebef;
}

.panel .list-group-item:last-child {
  border: 0;
  padding: 0;
  margin: 0;
}

.panel .list-group .SecondaryInfo {
  display: block;
  margin-top: 5px;
}

.panel .list-group li {
  padding-right: 20px;
}

.panel .list-group a:hover {
  text-decoration: none;
}

.panel .list-group a:after {
  content: "\f105";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 14px;
  color: #267eb7;
  position: absolute;
  right: 0;
  top: 0;
}

.panel .list-group a:hover:after {
  color: #f79b40;
}

.dropdown-menu {
  border-color: #cedfea;
  font-size: 12px;
  left: auto;
  right: 0;
}

.dropdown-menu>li>a {
  color: #3d8dc0;
  padding: 3px 10px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-color: #ecf0f3;
  color: #3d8dc0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

label,
legend {
  text-transform: uppercase;
  font-size: 12px;
}

legend {
  margin-bottom: 5px;
  font-weight: bold;
  border: 0;
}

.form-control {
  font-size: 13px;
}

.form-control> :disabled {
  color: #8199a8;
}

.radio label,
.checkbox label,
.radio-inline,
.checkbox-inline {
  text-transform: none;
  font-size: 13px;
  color: #3d5a6d;
}

input[type="radio"],
input[type="checkbox"] {
  margin-top: 1px;
}

.help-block {
  color: #8199a8;
  font-size: 12px;
  font-style: italic;
}

.checkbox:first-child {
  margin-top: 0;
}

.alert {
  border-radius: 0;
  border-style: dashed;
}

.alert a {
  text-decoration: underline;
  color: inherit;
}

.alert a:hover {
  text-decoration: none;
}

.alert-success {
  background-color: #f9fffa;
}

.alert-info {
  background-color: #f9fdff;
  color: inherit;
}

.alert-warning {
  background-color: #fffcf9;
  border-color: #e8c6a3;
  color: #8b4c0d;
}

.alert-danger {
  background-color: #fff9f9;
}

.pagination {
  margin: 10px 0;
}

.pagination>li>a,
.pagination>li>span {
  color: #267eb7;
  background-color: #fff;
  border-color: #cedfea;
  text-transform: uppercase;
  font-size: 11px;
  padding: 5px 8px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  color: #133850;
  border-color: #cedfea;
  background-color: #e6f3fc;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a i,
.pagination>.disabled>a:hover i,
.pagination>.disabled>a:focus i {
  color: #c0c7cc;
  border-color: #e9eef0;
}

.badge {
  color: #133850;
  background-color: #e5ebef;
  margin-left: 5px;
  margin-top: -3px;
}

.active .badge {
  background-color: #fff;
}

/* // START CSS */
.SecondaryInfo,
.text-muted,
.submitted {
  color: #8199a8;
}

i,
.btn-default i {
  color: #3d8dc0;
}

.btn-primary i {
  color: #fff;
}

.Divider {
  padding: 0 10px;
  color: #e4ebef;
}

.Back {
  font-size: 11px;
  text-transform: uppercase;
  margin-top: 8px;
}

.Back span {
  margin-left: 10px;
}

.Date {
  color: #8199a8;
  font-size: 12px;
}

.fa-external-link-alt {
  font-size: 8px;
  opacity: 0.6;
  vertical-align: super;
}

.NegMargin {
  margin-top: -50px;
}

td .fa-book,
td .fa-file {
  font-size: 16px;
}

.Width10 {
  width: 10%;
}

a[href^="http: //eur-lex.europa.eu/legal-content/"],
a[href^="https: //eur-lex.europa.eu/legal-content/"] {
  padding-left: 35px;
  background: url("../images/oj_eurlex.png") 0 0 no-repeat !important;
  display: inline-block !important;
}

.ActionsWrapper .AdminActions {
  margin-top: -38px;
  float: right;
}

.btn-Admin {
  background-color: transparent;
  border: 1px solid #f6ebdd;
}

.btn-Admin i {
  color: #ee8e10;
}

.btn-Admin:hover,
.btn-Admin:focus {
  background-color: #ffefd5;
  border-color: #f4d8aa;
}

.btn-Admin:hover i {
  color: #cc7607;
}

.RowActions a {
  border-right: 1px solid #ddd;
  padding-right: 5px;
  margin-right: 7px;
}

.RowActions a:last-child {
  border: 0;
}

.RowActions a:hover {
  text-decoration: none;
}

.RowActions a:hover i {
  color: #133850;
}

.RowActions i {
  font-size: 16px;
}

.RSS {
  float: right;
  padding-top: 5px;
  margin-left: 10px;
  padding-left: 10px;
  font-size: 18px;
  border-left: 1px solid #ecf0f3;
}

.RSS:hover i {
  color: #f8a230;
}

.Subsections {
  margin-bottom: 30px;
}

.Subsections .btn-block {
  white-space: normal;
  margin-top: 5px;
}

.Subsections .btn {
  text-align: left;
}

div.BtnCentered {
  text-align: center;
  margin-top: 30px;
}

div.BtnRight {
  text-align: right;
}

.FreetextArea ul {
  padding: 10px 20px;
}

.FreetextArea ul.RelatedList {
  padding: 0;
}

ul.SubMenu {
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
  font-size: 12px;
}

ul.SubMenu li {
  padding: 5px 0;
}

ul.SubMenu li.Selected {
  font-weight: 600;
}

ul.SubMenu li.Selected a {
  border-left: 3px solid #8199a8;
  padding-left: 5px;
}

ul.SubMenu li.Selected li a {
  border: 0;
  padding-left: 0;
}

ul.SubMenu li.Selected li {
  font-weight: normal;
}

ul.SubMenu ul {
  list-style: none;
  padding: 10px 0 0 20px;
}

.MandM a.list-group-item {
  min-height: 131px;
  margin-bottom: 20px;
  background-color: #f7f9fa;
  padding: 10px;
}

.MandM a.list-group-item h3 {
  margin: 5px 0 0 0;
}

.MandM a.list-group-item:last-child {
  padding: 10px;
  margin-bottom: 20px;
}

.MandM a.list-group-item:hover,
.MandM a.list-group-item:focus {
  background-color: #ebeff1;
}

.MandM a.list-group-item .list-group-item-heading {
  font-size: 16px;
}

.MandM a:after,
.panel .MandM a:after {
  content: normal;
}

.Careers .list-group-item {
  margin-bottom: 20px;
  min-height: 120px;
}

.list-group-item-text .Deadline {
  display: block;
  font-size: 12px;
}

.list-group-item-text .Code {
  display: block;
  padding-top: 5px;
  color: #8199a8;
  font-size: 11px;
}

.RelatedDocs {
  margin: 30px 0;
}

.RelatedDocs li {
  margin-bottom: 5px;
}

.RelatedDocs li:last-child {
  margin-bottom: 0;
}

.RelatedDocs ul {
  padding: 0 0 0 20px;
  margin: 0;
}

.RelatedDocs p {
  text-transform: uppercase;
  font-size: 11px;
  color: #8199a8;
  margin-top: 20px;
}

.RelatedDocs p:first-child {
  margin-top: 0;
}

.FileSize {
  color: #8199a8;
  font-size: 11px;
}

.ProgYear {
  min-height: 215px;
}

.ProgYear h2 {
  margin-bottom: 18px;
}

.DocSet,
.DocSingle {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px dotted #e2e9ec;
  font-size: 12px;
}

.DocSingle {
  padding-bottom: 8px;
}

.DocSet p {
  float: left;
  width: 78%;
  padding: 8px 0 0 0;
}

.DocSet .Translations {
  float: right;
  width: auto;
}

.Lang {
  font-size: 10px;
  background-color: #ecf0f3;
  border: 1px solid #ecf0f3;
  float: left;
  width: 18px;
  text-align: center;
  margin-right: 10px;
  color: #3d8dc0;
}

a:hover .Lang {
  border: 1px solid #cedfea;
}

.QuickLinks {
  background-color: #fff;
  border: 1px solid #edf2f5;
  padding: 10px 0;
  margin-bottom: 20px;
  font-size: 14px;
  float: left;
  width: 100%;
}

.QuickLinks ul {
  list-style: none;
  padding: 0;
}

.QuickLinks li {
  float: left;
  width: 100%;
}

.QuickLinks-Icon {
  float: left;
  width: auto;
  font-size: 28px;
  clear: left;
  padding: 5px 0 5px 15px;
}

.QuickLinks-Text {
  border-bottom: 1px solid #edf2f5;
  float: right;
  width: 75%;
  padding: 10px 15px 10px 0;
}

li:last-child .QuickLinks-Text {
  border-bottom: 0;
}

.QuickLinks-Title {
  display: block;
}

.VideoContainer video {
  float: left;
  width: 100%;
  min-height: 240px;
}

.VideoTitle,
.ImageTitle {
  border: 1px solid #edf2f5;
  padding: 10px 15px;
  float: left;
  width: 100%;
  font-size: 14px;
}

.MediaHomepage {
  margin-bottom: 20px;
  position: relative;
}

.MediaHomepage span {
  position: absolute;
  width: 100%;
  min-height: 50px;
  background-color: #f1f3f3;
  opacity: 0.9;
  font-weight: 700;
  padding: 15px 10px 10px 10px;
  text-transform: uppercase;
  color: #133850;
}

.MediaHomepage a:hover span {
  opacity: 1;
  color: #267eb7;
}

.BankResults .panel-heading {
  padding: 10px;
}

.BankResults .panel-collapse {
  padding: 0 10px;
}

.BankResults .panel-title img {
  float: left;
  margin: 0 10px 0 0;
}

.BankResults .table {
  font-size: 13px;
  margin: 10px 0;
}

.panel-group .NotExpandable {
  margin: 5px 0;
  padding: 10px 15px;
  background-color: #ebeff1;
  color: #133850;
  font-size: 14px;
}

.TechStandards {
  margin: 20px 0;
}

.TechStandards .panel-body {
  padding: 0;
}

.TechStandards .panel-body a {
  padding: 10px;
  margin: 0;
}

.TechStandards .panel .list-group-item {
  margin: 0;
  border-width: 0 0 1px 0;
  padding: 0;
}

.TechStandards .panel .list-group a:after {
  top: 18px;
  right: 10px;
}

.TechStandards .panel .list-group .SecondaryInfo {
  margin: 0;
  padding: 0;
}

.TechStandards .panel .list-group-item a {
  border-width: 0 0 1px 0;
  padding: 10px 10px 20px 10px;
}

.panel-body.NoDesc {
  padding: 0;
}

.panel .NoDesc h2 {
  margin-bottom: 0;
}

.panel .NoDesc h2:before,
.panel .NoDesc h2:after {
  content: normal;
}

.panel .NoDesc h2 a:after {
  content: "\f105";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 12px;
  padding: 8px 10px;
  background-color: #e5ebef;
  border-radius: 2px;
  top: 0;
  float: right;
  text-align: center;
  line-height: 1;
}

.panel .NoDesc h2 a {
  display: block;
}

.DashboardData {
  padding: 0 15px;
  min-height: 130px;
}

.DashboardData h3 {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.DashboardData ul {
  padding-left: 0;
  list-style: none;
  font-size: 13px;
}

.DashboardData li {
  padding: 5px 0;
  border-bottom: 1px dotted #e2e9ec;
}

.DashboardData li:last-child {
  border-bottom: none;
}

.DashboardData .btn-xs {
  font-size: 9px;
}

img.AnnualReport {
  border: 1px solid #edf2f5;
  max-width: 130px;
}

.AnnualReportTrans {
  padding-top: 60px;
}

.AnnualReportTrans button {
  margin-bottom: 10px;
}

.ReportType {
  font-size: 12px;
  padding-top: 10px;
}

.AnnualReportTrans br,
.AnnualReportFull br,
.AnnualReportSum br {
  display: none;
}

.VacancyDetails,
.EventDetails,
.GuidelineDetails {
  font-size: 11px;
  text-transform: uppercase;
  color: #8199a8;
}

.VacancyDetails span,
.EventDetails span {
  color: #e5ebef;
  margin: 0 5px;
}

.EventDetails .btn,
.VacancyDetails .btn {
  text-transform: none;
}

.StatusOngoing:before {
  content: "\f110";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 14px;
  color: #4aa2db;
}

.StatusOpen:before {
  content: "\f1ce";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 14px;
  color: #54db9e;
}

.StatusClosed:before {
  content: "\f05e";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 14px;
  color: #ee8b2a;
}

.StatusCancelled:before {
  content: "\f056";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 14px;
  color: #e66765;
}

.StatusPassed:before {
  content: "\f1da";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 14px;
  color: #e66765;
}

div.EventDetails {
  margin-bottom: 10px;
}

div.EventDetails .AdminActions {
  text-transform: none;
}

div.EventDetails p {
  display: inline;
}

.MeetingDeadline {
  margin-bottom: 40px;
}

.MeetingDeadline div {
  display: inline-block;
}

.Publications {
  list-style: none;
  padding: 0;
}

.Publications li {
  border-bottom: 1px dotted #c4d6e2;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.Publications li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.Publications .Title {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
}

.Publications .SecondaryInfo {
  font-size: 12px;
}

.Publications .ReadMore {
  float: right;
  padding-left: 7px;
  padding-right: 7px;
  margin-top: -2px;
}

.Publications .RelPress {
  float: right;
  margin-left: 5px;
  font-size: 17px;
}

.TruncateText {
  overflow: hidden;
  position: relative;
  max-height: 2.7em;
  text-align: justify;
  padding-right: 1em;
}

.TruncateText:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}

.TruncateText:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}

tr.Active {
  background-color: #f7f9fa;
}

dl.SingleRulebookRecord dt,
dl.DefList dt {
  overflow: initial;
  -o-text-overflow: initial;
  text-overflow: initial;
  text-align: left;
  white-space: initial;
  border-top: 1px dashed #ecf0f3;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 300px;
}


dl.SingleRulebookRecord dd,
dl.DefList dd {
  border-top: 1px dashed #ecf0f3;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 320px;
}
.node-isrb .field-type-paragraphs > .field-items {
  padding-left: 45px;
}

@media (min-width: 768px) {
  .node-isrb .field-label,
  .node-isrb .field-items {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .node-isrb .field-type-paragraphs > .field-label {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .node-isrb .field-type-paragraphs > .field-items {
    padding-left: 15px;
  }
}

.node-isrb > .container > .field {
  line-height: 1.7;
  padding-top: 10px;
  padding-bottom: 10px;
}
.node-isrb > .container > div:first-of-type ~ div {
  border-top: 1px dashed #ecf0f3;
}
.node-isrb .entity-paragraphs-item {
  padding-top: 10px;
  padding-bottom: 10px;
}
.node-isrb .entity-paragraphs-item {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .node-isrb .entity-paragraphs-item .field-type-entityreference {
    overflow: auto;
  }
}


dl.SingleRulebookRecord dt:first-of-type,
dl.SingleRulebookRecord dd:first-of-type,
dl.DefList dt:first-of-type,
dl.DefList dd:first-of-type {
  border-top: 0;
}

dl.SingleRulebookRecord table {
  border: 0;
  border-color: transparent;
}

.ResponsesList li {
  padding-bottom: 5px;
}

.CommentsBtn {
  text-align: center;
  border-top: 1px dotted #edf2f5;
  padding-top: 15px;
  margin-top: 15px;
  float: left;
  width: 100%;
}

.CommentsBtn p {
  color: #8199a8;
  padding-top: 5px;
}

.EBAList {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
}

.EBAList li {
  padding: 10px 0;
  position: relative;
  padding-left: 15px;
  border-bottom: 1px solid #edf2f5;
}

.EBAList li:last-child {
  padding-bottom: 0;
}

.EBAList a:before {
  content: "\f105";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 14px;
  color: #267eb7;
  position: absolute;
  left: 0;
  top: 7px;
}

.BodiesList {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  margin-top: 20px;
}

.BodiesList li {
  text-transform: uppercase;
  font-weight: bold;
}

.BodiesList li li {
  text-transform: none;
  font-weight: normal;
}

.BodiesList ul {
  list-style: none;
  padding-left: 10px;
}

.BodiesList li {
  padding: 8px 0;
  position: relative;
  padding-left: 15px;
}

.BodiesList li:last-child {
  padding-bottom: 0;
}

.BodiesList li a:before {
  content: "\f105";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 14px;
  color: #267eb7;
  position: absolute;
  left: 0;
  top: 5px;
}

.BodiesList li li a:before {
  content: "\f45c";
  font-size: 4px;
  top: 12px;
}

.BodyMenu {
  z-index: 1;
}

.BodyMenu .active {
  background-color: #ecf0f3;
}

.BodyMenu .active:hover {
  cursor: text;
}

.BodyMenu ul ul {
  list-style: none;
  padding-left: 0;
}

.BodyMenu ul ul li a {
  padding: 3px 20px;
  display: block;
}

.BodyMenu ul ul li a:hover {
  background-color: #ecf0f3;
}

/* StressTest custom page */
.InfographicSection {
  display: inline-block;
  width: 100%;
  background-color: #d9e1e8;
  margin-bottom: 20px;
  padding-right: 10px;
}

.InfographicSection h3 {
  color: #133850;
  margin: 35px 0 5px 0;
}

.InfographicSection.LongText h3 {
  margin-top: 15px;
}

.InfographicSection p {
  margin: 0;
  font-size: 12px;
}

@media (max-width: 767px) {
  .InfographicSection {
    padding: 0 10px 10px 10px;
  }
}

.InfographicSection img {
  float: left;
  clear: both;
  margin-right: 20px;
}

/* Timeline */
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #ebeff2;
  left: 11px;
  margin-left: -1.5px;
}

.timeline>li {
  margin-bottom: 20px;
  position: relative;
}

.timeline>li:before,
.timeline>li:after {
  content: " ";
  display: table;
}

.timeline>li:after {
  clear: both;
}

.timeline>li:before,
.timeline>li:after {
  content: " ";
  display: table;
}

.timeline>li:after {
  clear: both;
}

.timeline>li>.timeline-panel {
  width: 95%;
  float: left;
  border: 1px solid #ebeff2;
  border-radius: 2px;
  padding: 20px;
  position: relative;
}

.timeline>li>.timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #dee3e6;
  border-right: 0 solid #dee3e6;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline>li>.timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline>li>.timeline-badge {
  color: #fff;
  width: 16px;
  height: 16px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 35px;
  left: 28px;
  margin-left: -25px;
  background-color: #dee3e6;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline>li.timeline-inverted>.timeline-panel {
  float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.EXResults {
  background-color: #f7a824 !important;
}

.timeline-title {
  margin-top: 0;
  font-size: 13px;
  font-weight: 600;
}

.timeline-body>p,
.timeline-body>ul {
  margin-bottom: 0;
}

.timeline-body>p+p {
  margin-top: 5px;
}

/* // carousel overrides */
.Carousel {
  margin: 5px 0 20px 0;
}

.Carousel .Covid {
  float: right;
  width: 200px;
  margin-top: 5px;
  height: 300px;
  position: relative;
}

.Carousel .Covid a {
  background: url("../images/bg_covid_vertical.png") no-repeat 0 0;
  float: left;
  width: 100%;
  height: 100%;
}

.Carousel .Covid a:hover {
  opacity: 0.9;
}

.Carousel .Covid span {
  color: #fff;
  font-weight: 600;
  font-size: 17px;
  position: absolute;
  top: 35%;
  z-index: 2;
  margin: 0 50px 0 20px;
}

.Carousel .alert {
  float: left;
  width: 100%;
}

.Carousel h2 {
  margin-top: 0;
}

.Carousel h3 {
  font-size: 15px;
}

.Carousel h3,
.carousel-inner .carousel-caption,
.carousel-control {
  text-shadow: none;
  line-height: 1.5;
}

.carousel-inner .carousel-caption {
  text-align: left;
}

.carousel-control {
  width: 20px;
  height: 20px;
  top: 100%;
  margin-top: -30px;
  background-color: transparent;
  opacity: 1;
  z-index: 1;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border-radius: 2px;
  font-size: 25px;
  font-weight: 900;
  color: #3d8dc0;
  line-height: 0.6;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
  float: right;
  max-height: 300px;
  max-width: 470px;
  padding: 20px 20px 20px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto !important;
  width: auto !important;
}

.carousel-indicators {
  z-index: 1;
}

.Carousel .Date {
  color: #bdd0dc;
}

.Carousel a {
  color: #fff;
}

.Carousel strong {
  font-weight: 400;
}

@media (min-width: 768px) {
  .Carousel h3 {
    margin-top: 20px;
  }

  .carousel-caption p {
    color: #eaeff1;
  }

  .carousel-inner {
    height: 300px;
    background-color: #487490;
  }

  .carousel-inner .carousel-caption {
    width: 55%;
    position: initial;
    padding: 0 0 0 2%;
    margin: 0;
    float: left;
    top: 0;
    left: 0;
  }

  .carousel-indicators {
    width: 30%;
    margin-left: -15%;
    bottom: 0;
  }

  .carousel-indicators li {
    border-color: #fff;
  }

  .carousel-indicators .active {
    background-color: #fff;
  }

  .carousel-control.left {
    left: 10px;
  }

  .carousel-control.right {
    right: 10px;
  }
}

@media (max-width: 768px) {
  .Carousel h3 {
    margin-top: 15px;
  }

  .Carousel .Covid span {
    top: 15px;
    margin: 0 15px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {

  .carousel-inner>.item>img,
  .carousel-inner>.item>a>img {
    max-width: 300px;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .Carousel .Placeholder {
    float: left;
    width: 740px;
  }

  .carousel-inner>.item>img,
  .carousel-inner>.item>a>img {
    max-width: 300px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .Carousel .Placeholder {
    float: left;
    width: 940px;
  }

  .carousel-inner>.item>img,
  .carousel-inner>.item>a>img {
    max-width: 400px;
    max-height: 280px;
  }
}

@media (max-width: 767px) {

  .Carousel.Placeholder,
  .Carousel.Placeholder .pane-content,
  .carousel-inner .carousel-caption {
    height: 360px;
  }

  .Carousel h3 {
    margin-top: 0;
  }

  .Carousel h3:before {
    content: "\f105";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-size: 14px;
    padding-right: 10px;
  }

  .Carousel h3 a {
    color: #fff;
  }

  .Carousel h3 a:hover,
  .Carousel .Date {
    color: #bdd0dc;
  }

  .carousel-inner>.item>img,
  .carousel-inner>.item>a>img {
    display: none;
  }

  .carousel-caption {
    padding: 15px 20px 50px 20px;
    margin: 0;
    width: 100%;
    height: auto;
    display: block;
    position: static;
    background-color: #487490;
  }

  .carousel-indicators {
    width: 100%;
    margin-left: -50%;
    bottom: 0;
  }

  .carousel-control.left {
    left: 20px;
  }

  .carousel-control.right {
    right: 20px;
  }
}

@media (max-width: 320px) {

  .Carousel.Placeholder,
  .Carousel.Placeholder .pane-content,
  .carousel-inner .carousel-caption {
    height: 400px;
  }
}

@media (max-width: 375px) {
  .Carousel .Covid span {
    font-size: 14px;
    font-weight: normal;
  }
}

@media (min-width: 1440px) {
  .carousel-inner .carousel-caption {
    width: 50%;
  }

  .Carousel .Placeholder {
    float: left;
    width: 940px;
  }

  .carousel-inner>.item>img,
  .carousel-inner>.item>a>img {
    max-width: 440px;
    max-height: 280px;
  }
}

@media (max-width: 1023px) {
  .Carousel {
    margin-bottom: 0;
  }

  .Carousel .Covid {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    height: 50px;
  }

  .Carousel .Covid a {
    background: url("../images/bg_covid_horizontal.png") no-repeat 0 0;
    float: left;
    width: 100%;
    height: 100%;
  }
}

/* // dynamic single rulebook */
.QandA,
.RTS,
.ITS,
.GL,
.ITSqa,
.RTSqa,
.GLqa,
.DE,
.DEqa,
.DA,
.DAqa,
.OP {
  border: 1px solid #f49c36;
  margin: 0.5em 0;
  background-image: url("../images/icon_RTS.gif");
  background-position: 100% 0;
  background-repeat: no-repeat;
  padding: 1em;
  cursor: pointer;
}

.RTS:hover,
.ITS:hover,
.GL:hover,
.ITSqa:hover,
.RTSqa:hover,
.GLqa:hover,
.OP:hover {
  background-color: #f9f0df;
}

.QandA {
  background-image: url("../images/icon_Q&A.gif");
  border-color: #ced9e2;
}

.ITS {
  background-image: url("../images/icon_ITS.gif");
}

.ITSqa {
  background-image: url("../images/icon_ITSqa.gif");
}

.RTSqa {
  background-image: url("../images/icon_RTSqa.gif");
}

.GL {
  background-image: url("../images/icon_GL.gif");
}

.GLqa {
  background-image: url("../images/icon_GLqa.gif");
}

.DA,
.DAqa {
  background-image: url("../images/icon_DA.gif");
  border-color: #7fdfb1;
}

.DAqa {
  background-image: url("../images/icon_DAqa.gif");
}

.DE,
.DEqa {
  background-image: url("../images/icon_DE.gif");
  border-color: #bfc91c;
}

.DEqa {
  background-image: url("../images/icon_DEqa.gif");
}

.OP {
  background-image: url("../images/icon_OP.gif");
  border-color: #4181a1;
}

.DA:hover,
.DAqa:hover {
  background-color: #ebf9f2;
}

.QandA:hover {
  background-color: #f2f5f7;
}

.DE:hover,
.DEqa:hover {
  background-color: #feffee;
}

.OP:hover {
  background-color: #e9f4f9;
}

div.Footnote {
  float: left;
  clear: both;
  color: #8199a8;
  padding: 0.3em 0;
  font-size: 10px;
  margin: 1em 0;
}

div.Footnote p {
  margin: 0;
}

div.Footnote .border {
  border-bottom: 1px solid #8199a8;
  width: 50px;
  display: block;
  padding-bottom: 2px;
}

span.Footnote {
  color: #8199a8;
}

.TextSign {
  padding-top: 20px;
  font-style: italic;
}

/* // forms and search results*/
.EBAform {
  margin-bottom: 40px;
}

h3.SearchTitle {
  margin-top: 0;
  font-size: 14px;
}

.FormActions {
  text-align: right;
  position: relative;
}

.FormActions .ForgotPass {
  position: absolute;
  left: 0;
  padding-top: 8px;
}

.FormBTNs {
  margin-top: 30px;
}

.EBAform .form-group {
  margin-bottom: 20px;
}

.EBAform .form-group .form-group {
  margin: 0;
}

.GroupWithLegend {
  padding-top: 7px;
}

.GroupNoLegend {
  padding-top: 5px;
}

.CheckboxMargin,
.checkbox:first-child.CheckboxMargin {
  margin-top: 30px;
}

.Mandatory:after {
  content: "*";
  font-weight: 900;
  color: #ea1414;
  padding-left: 3px;
}

.form-required {
  color: #ea1414;
}

.ResultType {
  font-size: 16px;
  margin-right: 10px;
}

.table>tbody>tr>.TDinput {
  width: 10px;
  text-align: left;
  padding: 8px 5px;
}

.ExportResults {
  margin: 10px 0;
}

.ExportResults .dropdown-menu {
  left: 35px;
  right: auto;
}

.ExportResults .dropdown-menu li>a,
.img_icon-left {
  background-position: 10px 2px;
  padding-left: 50px !important;
}

.ExportResults input {
  float: left;
  width: 23px;
}

.ExportResults .btn {
  margin-left: 10px;
}

.ResultsNum p,
.ResultsNum nav,
.ResultsNum div {
  float: left;
}

.ResultsNum nav {
  margin: 0;
}

.ResultsNum div {
  margin: 10px 0 10px 10px;
}

.ResultsNum p {
  margin-top: 15px;
  color: #8199a8;
}

.ResultsNum .pagination {
  margin: 0;
}

.ResultDesc {
  font-style: italic;
}

.ResultDetails {
  font-size: 12px;
}

.ResultDetails p {
  padding: 0;
  margin-bottom: 2px;
  color: #8199a8;
}

.ResultTitle>a {
  background: url("../images/icon_filetype_default.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.pdf {
  background: url("../images/icon_filetype_pdf.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.xl,
a.xls,
a.xlsx,
a.xlsb,
a.csv,
a.ods {
  background: url("../images/icon_filetype_spreadsheet.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.doc,
a.docx,
a.txt,
a.rtf {
  background: url("../images/icon_filetype_text.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.htm,
a.html,
a.xml,
a.xsl,
a.xlsm,
a.m {
  background: url("../images/icon_filetype_markup.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.jpg,
a.jpeg,
a.gif,
a.png,
a.tif {
  background: url("../images/icon_filetype_img.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.swf,
a.psd {
  background: url("../images/icon_filetype_designSW.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.pptx,
a.pps,
a.odp,
a.ppsx {
  background: url("../images/icon_filetype_presentation.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.mp3,
a.mp4,
a.m4a,
a.weba {
  background: url("../images/icon_filetype_audio.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.avi,
a.mov,
a.m4v,
a.mpeg,
a.ogg,
a.oga,
a.ogv,
a.webp,
a.webm,
a.flv {
  background: url("../images/icon_filetype_video.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.epub {
  background: url("../images/icon_filetype_eBook.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.ics {
  background: url("../images/icon_filetype_calendar.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.mht {
  background: url("../images/icon_filetype_mht.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.msg {
  background: url("../images/icon_filetype_message.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.vsd {
  background: url("../images/icon_filetype_diagram.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.xps {
  background: url("../images/icon_filetype_xps.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.zipx,
a.rar,
a.zip {
  background: url("../images/icon_filetype_compression.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

a.mdb,
a.accdb,
a.sas7bdat {
  background: url("../images/icon_filetype_database.png") 0 0 no-repeat;
  padding-left: 35px;
  padding-bottom: 5px;
}

.pagination>li>a>i {
  font-size: 12px;
}

.ConsultationQ {
  position: relative;
  padding: 0 0 10px 60px;
}

.QNum {
  text-align: center;
  background-color: #ebeff1;
  border-radius: 15px;
  width: 45px;
  padding: 5px;
  position: absolute;
  left: 0;
}

.QText {
  text-transform: none;
  font-size: 14px;
  font-weight: 400;
  display: block;
  min-height: 30px;
  padding-top: 3px;
}

input.btn {
  font-size: 13px;
  border: 1px solid #d9e3e9;
}

input.btn:hover {
  background-color: #ecf1f5;
}

.MultiSelectGroup {
  margin-bottom: 20px;
}

.MultiSelectList {
  font-size: 12px;
}

.MultiSelectList input {
  float: left;
  margin-right: 5px;
}

.MultiSelectList,
.MultiSelectList ul {
  list-style: none;
}

.MultiSelectList ul,
.MultiSelectList ul ul {
  margin: 10px 20px;
  padding: 0;
}

.MultiSelectList .depth-0 {
  margin-left: 15px;
}

.MultiSelectList .depth-1 {
  margin-left: 35px;
}

.MultiSelectList .depth-2 {
  margin-left: 55px;
}

.MultiSelectList .depth-3 {
  margin-left: 75px;
}

.MultiSelectList .depth-4 {
  margin-left: 95px;
}

.MultiSelectList {
  padding: 0;
  margin: 0;
}

.MultiSelectList li {
  margin-top: 5px;
  margin-bottom: 5px;
}

.MultiSelectList label {
  text-transform: none;
  font-weight: normal;
}

.MultiSelectOptions,
.MultiSelectOptionsTopic {
  list-style: none;
  padding: 0;
  margin: 24px 0 0 0;
  float: left;
  width: 100%;
  color: #3d5a6d;
}

.MultiSelectOptions>li,
.MultiSelectOptionsTopic>li {
  float: left;
  background-color: #ebeff1;
  padding: 5px 10px;
  border-radius: 3px;
  margin: 0 5px 5px 0;
  font-size: 12px;
}

.MultiSelectOptions>li>button,
.MultiSelectOptionsTopic>li>button {
  margin-left: 5px;
  line-height: 0.9;
}

.FilterByYear,
.FilterBy {
  background-color: #ebeff2;
  border-radius: 3px;
  padding: 5px 8px;
  margin-bottom: 20px;
}

.FilterByYear label,
.FilterBy label {
  float: left;
  width: auto;
  padding: 8px 10px 0 0;
  margin: 0;
}

.FilterByYear .form-control,
.FilterBy .form-control {
  display: inline;
  width: auto;
}

.FilterByYear .form-group {
  display: inline;
}

.FilterBy .views-widget {
  float: left;
}

.datepicker {
  width: 200px;
}

/* // calendar CSS overrides */
.calendar-calendar {
  clear: both;
}

.calendar-calendar td {
  color: #8199a8;
  border-color: #e3eaef;
}

.calendar-calendar .month-view .full td.single-day .calendar-empty,
.calendar-calendar .month-view .full td.single-day.empty,
.calendar-calendar .month-view .full td.date-box.empty {
  background-color: #f7f9fa;
}

.calendar-calendar td.empty {
  border-color: #e3eaef;
}

.calendar-calendar .month-view .full td.date-box.today,
.calendar-calendar .month-view .full tr td.single-day.today,
.calendar-calendar .month-view .full tr td.today,
.calendar-calendar .month-view .full tr.odd td.today,
.calendar-calendar .month-view .full tr.even td.today {
  border-color: #8eccf3;
}

.calendar-calendar .month-view .full td.single-day div.monthview,
.calendar-calendar .week-view .full td.single-day div.weekview,
.calendar-calendar .day-view .full td.single-day div.dayview {
  background-color: #e5ebef;
}

.calendar-calendar td.empty {
  color: #bec6cb;
}

.calendar-calendar td .inner div.day a {
  color: #e18a34;
}

.calendar-calendar th.days {
  background-color: #e5ebef;
  border-color: #cedee9;
  color: #8199a8;
  border-bottom-color: #e5ebef;
}

.calendar-calendar .week-view div.single-day .half-hour,
.calendar-calendar .day-view div.single-day .half-hour,
.calendar-calendar .week-view .full div.calendar-agenda-hour,
.calendar-calendar .day-view .full div.calendar-agenda-hour,
.calendar-calendar .week-view .full div.calendar-agenda-items,
.calendar-calendar .day-view .full div.calendar-agenda-items {
  border-color: #e3eaef;
}

.calendar-calendar .week-view .header-body-divider,
.calendar-calendar .week-view .single-day-footer,
.calendar-calendar .day-view .single-day-footer,
.calendar-calendar .day-view .header-body-divider,
.single-day-footer .grippie,
.header-body-divider .grippie {
  background-color: #e5ebef;
}

.calendar-calendar .week-view #single-day-container,
.calendar-calendar .day-view #single-day-container,
.calendar-calendar .week-view .header-body-divider,
.calendar-calendar .week-view .single-day-footer,
.calendar-calendar .day-view .single-day-footer,
.calendar-calendar .day-view .header-body-divider,
.calendar-calendar .week-view .full div.calendar-agenda-hour,
.calendar-calendar .day-view .full div.calendar-agenda-hour,
.calendar-calendar .week-view .full div.calendar-agenda-items,
.calendar-calendar .day-view .full div.calendar-agenda-items,
.calendar-calendar td,
.calendar-calendar .week-view #multi-day-container table td.calendar-agenda-hour,
.calendar-calendar td.calendar-agenda-items,
.calendar-calendar .week-view #multi-day-container,
.calendar-calendar .day-view #multi-day-container {
  border-color: #e3eaef;
}

.calendar-calendar .week-view .full div.single-day div.weekview,
.calendar-calendar .day-view .full div.single-day div.dayview {
  border-color: #e6f3fc;
  background-color: #e6f3fc;
}

.calendar-calendar .day-view .full div.single-day div.dayview {
  border-left: 2px solid #fff;
}

.calendar-calendar div.date-nav a,
.calendar-calendar div.date-nav h3 {
  color: #8199a8;
}

.calendar-calendar tr td.today,
.calendar-calendar tr.odd td.today,
.calendar-calendar tr.even td.today {
  background: #f0f2f3;
}

.year-view div.month-view div.date-nav {
  background-color: #e5ebef;
  color: #8199a8;
}

.calendar-calendar .month-view .full .inner .monthview,
.calendar-calendar .week-view .full .inner .weekview,
.calendar-calendar .day-view .full .inner .dayview {
  border-radius: 0;
  -moz-border-radius: 0;
}

.calendar-calendar .EditAction {
  font-size: 0;
}

.calendar-calendar .EditAction:before {
  content: "\f044";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 16px;
  color: #3d8dc0;
  position: relative;
  left: 5px;
  top: 0;
}

.calendar-calendar .EditAction:hover:before {
  opacity: 0.8;
}

.view-calendar .view-filters {
  float: left;
  width: auto;
}

.view-calendar .view-content {
  clear: both;
}

.view-calendar ul.pagination {
  margin: 0;
}

.view .view-header .date-nav-wrapper {
  float: right;
  width: auto;
}

.view .view-header h3 {
  margin-top: 0;
}

.view-calendar .tabs--primary {
  margin-top: 0;
}

.view-calendar .views-exposed-form .views-exposed-widget {
  padding-left: 0;
}

.calendar-calendar td span.date-display-single,
.calendar-calendar td span.date-display-start,
.calendar-calendar td span.date-display-end,
.calendar-calendar td span.date-display-separator {
  font-weight: normal;
}

.page-news-press-calendar-all-events table {
  margin-top: 20px;
}

.calendar-calendar .mini,
.calendar-calendar .year-view td table td {
  font-size: 12px;
  border: 1px solid #e5ebef;
  text-align: center;
  padding: 3px !important;
}

.calendar-calendar table.mini td.empty {
  border-color: #e5ebef !important;
}

.calendar-calendar .month-view .full td.multi-day div.monthview a,
.calendar-calendar .week-view .full td.multi-day div.weekview a,
.calendar-calendar .day-view .full td.multi-day div.dayview a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

.calendar-calendar td.has-events a {
  color: #e18a34;
}

.calendar-calendar .month-view .full td.multi-day div.monthview,
.calendar-calendar .month-view .full td.multi-day .inner .monthview .continues,
.calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff {
  background-color: #8199a8;
}

.calendar-calendar .day-view .full td.multi-day div.dayview {
  background-color: #f5f7f8;
  color: #267eb7;
  font-size: 11px;
  height: auto;
  padding: 10px 5px;
}

.calendar-calendar .day-view .full td.multi-day div.dayview a {
  color: #267eb7;
}

.calendar-calendar .day-view .full td.multi-day div.dayview a .EventHours {
  font-weight: 400;
  margin-right: 5px;
  color: #8199a8;
}

.calendar-calendar .day-view .full td.multi-day div.dayview a .EventHours:after {
  content: ": ";
}

.calendar-calendar .day-view .full td.multi-day div.dayview .cutoff {
  display: none;
}

.calendar-calendar .day-view .full td .inner div.calendar div,
.calendar-calendar .day-view .full td .inner div.calendar div a {
  margin: 0;
}

.calendar-calendar .day-view .calendar-agenda-no-hours,
.calendar-calendar .day-view .calendar-dayview-hour {
  display: none;
}

.calendar-calendar .day-view .calendar-agenda-items {
  width: 100%;
}

.calendar-agenda-items .date-display-single:first-of-type .date-all-day-label:first-child {
  display: none;
}

.date-display-single~a .EventHours {
  display: none;
}

.calendar-calendar .day-view .date-all-day-label,
.calendar-calendar .week-view .date-all-day-label {
  color: #8199a8;
  margin-right: 5px;
}

.calendar-calendar .day-view .date-all-day-label:after {
  content: ": ";
}

.calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents {
  width: auto;
}

.calendar-calendar .week-view .full td.multi-day div.weekview,
.calendar-calendar .week-view .full td.multi-day .inner .weekview .continues {
  background-color: #f5f7f8;
  font-size: 10px;
}

.calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {
  display: none;
}

.calendar-calendar .week-view .full td.multi-day div.weekview,
.calendar-calendar .week-view .full td.multi-day div.weekview a {
  color: #267eb7;
}

.calendar-calendar .week-view .full td.multi-day div.weekview a .EventHours {
  color: #8199a8;
}

.calendar-calendar .WorldTime {
  font-size: 10px;
  font-weight: 400;
}

.calendar-calendar .week-view .WorldTime {
  display: block;
}

.calendar-calendar .week-view .full td.multi-day div.weekview {
  overflow: visible;
  height: auto;
  float: left;
  width: 100%;
  padding: 5px;
}

.calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents {
  float: left;
  width: 100%;
  position: relative;
  left: 0;
}

.calendar-calendar .month-view .full td.multi-day div.monthview {
  overflow: visible;
  float: left;
  width: 100%;
  height: auto;
  padding: 5px;
}

.calendar-calendar .month-view .full td.single-day div.monthview {
  padding: 5px;
}

.calendar-calendar .month-view .full td.multi-day .calendar.monthview .contents {
  width: auto;
  float: left;
  position: relative;
  left: 0;
}

.calendar-calendar td .inner div.calendar div a {
  float: left;
  width: auto;
}

.calendar-calendar td .inner div.calendar.dayview div a,
.calendar-calendar td .inner div.calendar.weekview div a {
  float: none;
}

.calendar-calendar td .inner div.calendar.weekview div a {
  display: block;
}

.calendar-calendar .week-view .full td.multi-day .inner .weekview .continuation,
.calendar-calendar .week-view .full td.multi-day .inner .weekview .continues,
.calendar-calendar .month-view .full td.multi-day .inner .monthview .continuation,
.calendar-calendar .month-view .full td.multi-day .inner .monthview .continues {
  padding: 0;
  min-height: 15px;
}

.view-display-id-all_events .date-display-single:first-of-type .date-all-day-label:first-child,
.view-display-id-todays_events .date-display-single:first-of-type .date-all-day-label:first-child {
  display: initial;
}

ul.Legends {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
  font-size: 10px;
}

ul.Legends li {
  float: left;
  margin-right: 15px;
  position: relative;
  padding-left: 15px;
}

ul.Legends li:before {
  content: "";
  height: 10px;
  border: 5px solid lime;
  border-top: 0;
  border-bottom: 0;
  position: absolute;
  top: 2px;
  left: 0;
}

ul.Legends .AllDayEvent:before {
  border-color: #8199a8;
}

ul.Legends .TimeSet:before {
  border-color: #e5ebef;
}

.LongOptions .dropdown-menu {
  left: 0;
}

.LongOptions .dropdown-menu li {
  margin-left: 20px;
}

.LongOptions .dropdown-menu li a {
  white-space: normal;
}

.LongOptions .multiselect-container.dropdown-menu li input {
  position: absolute;
  margin-left: -20px;
}

.ext_calendar_add_event {
  margin-bottom: 15px;
}

.view-id-extranet_calendar {
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .calendar-calendar .year-view table td {
    float: left;
    width: 100%;
  }

  .calendar-calendar .year-view table.mini td {
    float: none;
    width: auto;
  }
}

@media screen and (max-width: 374px) {

  .nav-tabs .Day,
  .nav-tabs .Week,
  .nav-tabs .Month,
  .nav-tabs .Year {
    font-size: 0;
  }

  .nav-tabs .Day:before {
    content: "D";
    font-size: 13px;
  }

  .nav-tabs .Week:before {
    content: "W";
    font-size: 13px;
  }

  .nav-tabs .Month:before {
    content: "M";
    font-size: 13px;
  }

  .nav-tabs .Year:before {
    content: "Y";
    font-size: 13px;
  }
}

@media screen and (min-width: 768px) {
  .LongOptions .dropdown-menu {
    width: 400px;
  }
}

/* // sitemap styling */
#site-map .site-map-menu .expanded a {
  border-bottom: 1px solid #ecf0f3;
  padding-bottom: 15px;
  margin-bottom: 15px;
  width: 100%;
  float: left;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #133850;
}

#site-map .site-map-menu .site-map-menu a {
  border-bottom: 0;
  padding: 0;
  margin-bottom: 18px;
  font-size: 12px;
  text-transform: none;
  color: #267eb7;
}

#site-map .site-map-menu .site-map-menu .site-map-menu a {
  font-size: 11px;
  font-weight: normal;
}

#site-map .site-map-menu .site-map-menu .site-map-menu a:before {
  content: "\f105";
  font-family: Font Awesome\ 5 Free;
  font-weight: 600;
  padding-right: 5px;
  color: #b3c6d2;
}

#site-map .site-map-menu .site-map-menu .site-map-menu a:hover {
  text-decoration: none;
}

#site-map .site-map-box ul {
  padding-left: 0;
}

#site-map .site-map-box ul ul {
  padding-left: 0;
}

#site-map .site-map-box ul ul ul {
  padding-left: 15px;
}

@media screen and (min-width: 1024px) {
  #site-map ul li.expanded {
    float: left;
    width: 16.6%;
    padding: 0 1% 0 0;
    margin-top: 20px;
  }

  #site-map ul li.expanded li {
    float: none;
    width: initial;
    padding: 0;
    margin: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  #site-map .site-map-menu .expanded a {
    height: 40px;
  }

  #site-map .site-map-menu .site-map-menu a {
    height: auto;
  }
}

/* header and sidebar */
header {
  background: #487490 url(../images/bg_header.jpg) 50% 0 no-repeat;
  -webkit-box-shadow: 0 0 57px 38px #e2e8ec;
  box-shadow: 0 0 57px 38px #e2e8ec;
  margin-bottom: 14px;
}

header .container {
  position: relative;
}

.MainMenu a {
  color: #1269a0;
}

.MainMenuToggle {
  float: left;
  margin-top: 18px;
  width: 30px;
  height: 40px;
  font-size: 21px;
}

.btn-header i {
  color: #fff;
}

.btn-header,
.btn-header:focus,
.btn-header:active {
  background: transparent;
  color: #fff;
  padding: 5px;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.EBALogo {
  margin: 15px 0;
}

.EBALogo a {
  display: block;
}

.EBALogo a:hover,
.EBALogo a:focus {
  opacity: .9;
}

.EBALogo a:active {
  opacity: 1;
}

.EBALogo img {
  max-width: 100%;
}

.SiteToolbar {
  margin-top: 5px;
  text-align: right;
}

.SiteToolbar>ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.SiteToolbar>ul>li {
  display: inline-block;
}

.SiteToolbar>ul>li+li {
  margin-left: 19px;
}

.SiteToolbar>ul>li>a {
  color: #bdd0dc;
  font-size: 12px;
}

.SiteToolbar .dropdown-menu {
  min-width: inherit;
  border: 0;
  font-size: 12px;
}

.SiteToolbar .dropdown-menu>li>a {
  padding: 3px 15px;
}

.SiteToolbar i {
  color: #bdd0dc;
}

.QuickSearch {
  float: right;
  clear: right;
  position: relative;
  margin-top: 13px;
}

.QuickSearch input {
  width: 310px;
  background: #537c97;
  border: 1px solid #6f90a6;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 12px;
  color: #fff;
}

.QuickSearch input:focus {
  background: #668da7;
}

.QuickSearch input::-webkit-input-placeholder {
  color: #bdd0dc;
  opacity: 1;
}

.QuickSearch input::-moz-placeholder {
  color: #bdd0dc;
  opacity: 1;
}

.QuickSearch input:-ms-input-placeholder {
  color: #bdd0dc;
  opacity: 1;
}

.QuickSearch input::-ms-input-placeholder {
  color: #bdd0dc;
  opacity: 1;
}

.QuickSearch input::placeholder {
  color: #bdd0dc;
  opacity: 1;
}

.QuickSearch form button {
  position: absolute;
  right: 1px;
  top: 1px;
  border: 0;
  background-color: #487490;
}

.QuickSearch form button:hover {
  background-color: #37596e;
}

.QuickSearch ul {
  list-style: none;
  float: right;
  margin: 5px 0 0 0;
}

.QuickSearch ul a {
  color: #bdd0dc;
  font-size: 12px;
}

.QuickSearch .HiddenVisible {
  display: none;
}

.QuickSearch .collapsed .HiddenCollapsed {
  display: none;
}

.QuickSearch .collapsed .HiddenVisible {
  display: block;
}

.QuickSearch .SearchToggle {
  position: absolute;
  right: 5px;
  top: 23px;
  width: 30px;
  height: 30px;
}

.UserAccount i {
  font-size: 20px;
  padding-left: 0;
  position: relative;
  top: 2px;
}

.UserAccount .dropdown-header {
  text-transform: uppercase;
  padding: 10px 15px 5px 15px;
}

.UserAccount .UserRole {
  display: block;
  font-size: 10px;
}

.UserAccount .dropdown-menu a:before {
  font-family: Font Awesome\ 5 Free;
  display: inline-block;
  margin: 0 15px 0 0;
  opacity: .7;
  content: "\f105";
  font-weight: 900;
  font-size: 16px;
}

.UserAccount .MyAccount a:before {
  content: "\f1de";
}

.UserAccount .EditTaxonomy a:before {
  content: "\f0e8";
}

.UserAccount .SignOut a:before {
  content: "\f2f5";
}

.UserAccount .ApproveMembers a:before {
  content: "\f4fc";
}

.UserAccount .RequestsMembers a:before {
  content: "\f234";
}

.UserAccount .DocsAndMedia a:before {
  content: "\f15c";
}

.UserAccount .ExtranetDocs a:before {
  content: "\f02d";
}

.dropdown-menu .divider {
  background-color: #ecf0f3;
}

.MainContent header {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
}

/* // footer */
.Footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #487490;
  padding: 30px 0;
  font-size: 12px;
}

.Footer a {
  color: #bdd0dc;
}

.Footer a:hover {
  text-decoration: none;
  color: #97b4c6;
}

.SecondaryLinks {
  list-style: none;
  padding: 0;
  margin: 0;
}

.SecondaryLinks li {
  padding: 5px 0;
}

.SecondaryLinks li:first-child {
  padding-top: 0;
}

.SecondaryLinks a:before {
  content: "\f105";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 14px;
  padding-right: 5px;
  color: #81a3b4;
}

.SecondaryLinks i {
  opacity: 0.3;
}

.SocialMedia {
  float: right;
  margin-top: 25px;
}

.SocialMedia p {
  float: left;
  margin: 10px 5px 0 0;
  color: #9cb8c6;
  OPACITY: 0.8;
}

.SocialMedia ul {
  list-style: none;
  margin: 5px 0 120px 5px;
  padding: 0;
  float: left;
}

.SocialMedia li {
  float: left;
  margin: -8px 0 0 10px;
}

.SocialMedia i {
  color: #bdd0dc;
  font-size: 24px;
}

.SocialMedia i:hover {
  color: #fff;
}

.AgenciesLinks {
  list-style: none;
  float: left;
  width: 100%;
  padding: 18px 10px;
  border: 1px solid #6388a0;
  border-left: none;
  border-right: none;
}

.AgenciesLinks img {
  margin: 5px 30px 5px 0;
}

.GlobalTools {
  list-style: none;
  float: right;
  width: auto;
  clear: both;
  margin-bottom: 0;
  padding: 0;
}

.GlobalTools li {
  float: left;
  margin-left: 20px;
}

.Copyright {
  float: right;
  width: auto;
  opacity: 0.7;
  margin: 5px 0 0 0;
  color: #9cb8c6;
}

@media (max-width: 768px) {
  .SocialMedia ul {
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .GlobalTools {
    width: auto;
    text-align: right;
  }

  .AgenciesLinks {
    float: right;
    width: 100%;
    padding: 18px 10px;
  }

  .AgenciesLinks li {
    width: auto;
    float: left;
  }

  .AgenciesLinks li:last-child {
    float: right;
  }

  .GlobalTools li:first-child {
    margin-left: 0;
  }
}

@media (min-width: 1024px) {
  .SocialMedia {
    margin-top: 0;
  }

  .SocialMedia p {
    margin: 0;
  }
}

/* // content templates */
.PressContacts {
  border: 1px solid #f7dbb0;
  padding: 20px 15px;
  margin: 40px 0;
}

.PressContacts h4 {
  margin-top: 0;
  color: #e18a34;
}

.ContactDetails {
  margin-bottom: 0;
}

.CrossLinks {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 20px;
  font-size: 13px;
}

.CrossLinks li {
  padding-bottom: 5px;
  position: relative;
  padding-left: 15px;
}

.CrossLinks li:last-child {
  padding-bottom: 0;
}

.CrossLinks a:before {
  content: "\f45c";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 5px;
  color: #ccd4d9;
  position: absolute;
  left: 0;
  top: 6px;
}

.RightIMG {
  float: right;
  width: 25%;
  margin: 0 0 30px 30px;
}

.modal .RightIMG {
  float: none;
  width: 100%;
  margin: 0;
}

.PanelHighlighted {
  background-color: #f7f9fa;
  border-color: #f7f9fa;
}

.panel h2 {
  margin-top: 0;
}

.Panel-Item {
  margin-bottom: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #e4ebef;
}

.Panel-Item:last-of-type {
  border: 0;
  margin: 0;
}

.panel p:last-child {
  margin-bottom: 10px;
}

.panel .view-footer,
.panel .view-footer p {
  margin: 0;
}

.PanelHighlighted h2 {
  margin-bottom: 10px;
}

.PanelHighlighted h2:before,
.PanelHighlighted h2:after {
  content: none;
}

.RelatedHeading {
  text-transform: uppercase;
  font-size: 11px;
  color: #8199a8;
  margin-top: 15px;
  border-top: 1px solid #edf2f5;
  padding-top: 15px;
}

.RelatedHeading:first-child {
  margin-top: 0;
  border-top: 0;
  padding: 0;
}

.RelatedList {
  list-style: none;
  padding: 0;
  margin: 0;
}

.RelatedList li {
  padding: 0 0 5px 15px;
  position: relative;
}

.RelatedList li:last-child {
  padding-bottom: 0;
}

.RelatedList li:before {
  content: "\f105";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 14px;
  color: #8199a8;
  position: absolute;
  left: 0;
  top: 0;
}

.RelatedTranslations {
  margin-top: 10px;
  display: inline-block;
}

.RelatedTranslations p {
  color: #8199a8;
}

p.RelatedTranslations,
p.RelatedSubheading {
  color: #8199a8;
  margin: 10px 0 0 0;
  display: block;
}

p.RelatedSubheading {
  margin: 10px 0;
}

.list-group-item-text.SecondaryInfo {
  padding-top: 5px;
}

.list-group-item-text.SecondaryInfo:hover {
  color: #8199a8;
}

.Guidelines .dropdown-menu {
  left: 0;
  right: auto;
}

/* // MemberSelection */
.MemberSelection label {
  width: 30%;
}

.MemberSelection button.multiselect {
  width: 130px;
}

.MemberSelection .MembersSelectedList {
  max-height: 145px;
  overflow: auto;
  margin: 10px 0 0 0;
}

.MemberSelection .MembersSelectedList ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.MemberSelection .MembersSelectedList li {
  background-color: #f7f9fa;
  padding: 5px 10px;
}

.MemberSelection .MembersSelectedList li:first-child {
  padding-top: 10px;
}

.MemberSelection .MembersSelectedList li:last-child {
  padding-bottom: 10px;
}

.MemberSelection .MembersSelectedList span {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .MemberSelection label {
    width: 100%;
  }

  .MemberSelection .multiselect-container>li {
    width: 360px;
  }
}

@media screen and (max-width: 375px) {
  .MemberSelection label {
    width: 100%;
  }

  .MemberSelection .multiselect-container>li {
    width: 320px;
  }
}

@media screen and (max-width: 320px) {
  .MemberSelection label {
    width: 100%;
  }

  .MemberSelection .multiselect-container>li {
    width: 265px;
  }
}

/* // metisMenu styling */
.metismenu .collapse {
  display: none;
}

.metismenu .collapse.in {
  display: block;
  float: left;
  width: 100%;
  margin-top: 0;
}

.metismenu .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  background-color: #fff;
}

.metismenu,
.metismenu ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.metismenu ul {
  padding-left: 30px;
}

.metismenu ul>li:first-child {
  margin-top: 10px;
}

.metismenu li {
  margin-bottom: 10px;
}

.metismenu ul>li:last-child {
  margin-bottom: 15px;
}

.metismenu .has-arrow {
  background-color: #ebeff1;
  color: #133850;
  line-height: 1;
  clear: both;
  margin-top: 15px;
}

.metismenu .has-arrow>li a {
  padding: 10px;
  display: inline-block;
}

.metismenu .has-arrow>.views-field {
  display: inline;
}

.metismenu .has-arrow i {
  margin-right: 5px;
  display: inline-block;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding: 0;
  width: 25px;
  padding: 5px;
  height: 25px;
  text-align: center;
  background-color: #d7dfe5;
}

.metismenu .has-arrow.active>i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.metismenu .has-arrow i:hover {
  cursor: pointer;
  background-color: #ebeff1;
}

.metismenu .has-arrow i:hover,
.metismenu .has-arrow i:focus {
  color: #133850;
}

.multiselect-container>li {
  padding: 0;
}

.multiselect-container li:hover,
.multiselect-container a:hover,
.multiselect-container label:hover,
.multiselect-container inout:hover {
  cursor: pointer;
}

.multiselect-container>li>a {
  padding: 5px;
}

.multiselect-container label {
  text-transform: none;
  font-weight: normal;
}

.multiselect-container>li>a input[type="checkbox"] {
  position: initial;
  margin-right: 5px;
  margin-left: 0;
}

.views-exposed-form .views-exposed-widget .btn {
  margin-top: 0;
}

/* // event form */
.webform-component {
  clear: both;
}

.webform-component--upload-files input,
.webform-component-file input {
  float: left;
  width: auto;
  margin-right: 10px;
}

.webform-component-date .form-item,
.webform-component-time .form-item {
  float: left;
  width: auto;
  margin-right: 5px;
}

.webform-component-time .form-radios {
  float: left;
}

.webform-component-time .form-radios .radio {
  margin: 5px 0 0 0;
}

.captcha {
  margin-bottom: 20px;
}

.webform-progressbar-outer {
  border-color: #dbe5ec;
}

.webform-progressbar-page.current {
  background-color: #f79b40;
}

.webform-progressbar-page {
  border-color: #f79b40;
}

.webform-progressbar-page .webform-progressbar-page-label {
  text-transform: uppercase;
  font-size: 11px;
}

#HideColon {
  color: #fff;
}

#HideColon .control-label {
  color: #133850;
}

/* // tree */
@media screen and (min-width: 768px) {

  .tree,
  .tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .tree ul {
    margin-left: 1em;
    position: relative;
    float: left;
    width: 160px;
  }

  .tree ul ul {
    margin-left: .5em;
  }

  .tree ul ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: -15px;
    bottom: 0;
    left: 0;
    border-left: 2px solid;
    color: #f4911d;
  }

  .tree li li {
    margin: 0;
    padding: 0 1em;
    line-height: 2em;
    color: #f4911d;
    position: relative;
  }

  .tree ul li li:before {
    content: "";
    display: block;
    width: 12px;
    height: 0;
    border-top: 2px solid;
    margin-top: -1px;
    position: absolute;
    top: 2em;
    left: 0;
  }

  .tree ul li:last-child:before {
    background: white;
    height: auto;
    top: 1em;
    bottom: 0;
  }

  .tree li a {
    padding: 5px 10px;
    color: #fff;
    font-size: 11px;
    display: inline-block;
    margin-bottom: 15px;
    line-height: 1.7em;
    text-align: center;
    width: 130px;
    font-size: 12px;
    border-radius: 1px;
    background: #5b9baf;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #5b9baf), to(#46879c));
    background: -o-linear-gradient(top, #5b9baf 20%, #46879c 100%);
    background: linear-gradient(180deg, #5b9baf 20%, #46879c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b9baf", endColorstr="#46879c", GradientType=1);
  }

  .tree li a.parents {
    color: white;
    width: 160px;
    height: 70px;
    background: #497593;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #497593), to(#345c77));
    background: -o-linear-gradient(top, #497593 20%, #345c77 100%);
    background: linear-gradient(180deg, #497593 20%, #345c77 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#497593", endColorstr="#345c77", GradientType=1);
  }

  .tree .second_level {
    width: 100%;
    float: left;
  }
}

.LinkTop {
  text-align: right;
}

.LinkTop i {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #d2d9df;
}

.NoLink {
  color: inherit;
}

.NoLink:link,
.NoLink:visited,
.NoLink:hover,
.NoLink:active {
  cursor: text;
  color: inherit;
  text-decoration: none;
}

/* // JobAppProcess */
.JobAppProcess {
  text-align: center;
}

ul.ProcessStructure {
  list-style: none;
  margin: 0 0 50px 0;
  padding: 0;
  float: left;
  width: 100%;
}

ul.ProcessStructure li {
  float: left;
  width: 100%;
}

ul.ProcessStructure li a {
  float: left;
  width: 100%;
  padding: 10px;
  background-color: #ebeff2;
  margin-bottom: 10px;
  border-radius: 1px;
}

ul.ProcessStructure li a:hover {
  background-color: #dfe8ef;
}

ul.ProcessStructure i {
  font-size: 24px;
  margin-right: 15px;
  width: 24px;
  text-align: center;
  float: left;
}

ul.ProcessStructure span {
  float: left;
  padding-top: 3px;
}

.JobAppProcess h2 {
  width: auto;
  padding: 15px 140px;
  margin: 10px 0 0 0;
}

.JobAppProcess h2:after,
.JobAppProcess h2:before {
  content: none;
}

.Dot {
  height: 500px;
  width: 500px;
  background-color: #f7f9fa;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 70px;
  text-align: center;
  padding: 0;
  border: 30px solid #ebeff2;
}

.Dot:before {
  content: "\f063";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 30px;
  color: #3d8dc0;
  position: relative;
  left: 0;
  top: -80px;
}

.Dot p {
  padding: 0 70px;
}

.Dot h2:after {
  content: "\f1ea";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 43px;
  color: #ffffff;
  bottom: 0;
  top: -90px;
  left: 68%;
  right: 0;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  text-align: center;
  padding-top: 40px;
  background-color: #3d8dc0;
}

.JobApplication_process h2:after {
  content: "\f1ea";
}

.Submission_process h2:after {
  content: "\f15c";
}

.Selection_process h2:after {
  content: "\f0ae";
}

.Selection_process p {
  padding: 0 40px;
}

.JobApplication_process {
  padding-top: 40px;
}

.JobApplication_process:before {
  content: none;
}

@media screen and (max-width: 425px) {
  .Dot {
    border-radius: 1px;
    width: auto;
    height: auto;
    padding-bottom: 30px;
  }

  .Dot h2 {
    padding: 0 10px 15px 10px;
    margin: 0;
  }

  .Dot h2:after {
    top: -110px;
    left: 80%;
    width: 100px;
    height: 100px;
    padding-top: 25px;
    background-color: #ebeff2;
    color: #3d8dc0;
  }

  .Dot p {
    padding: 0 10px;
  }
}

@media screen and (max-width: 375px) {
  .Dot h2:after {
    top: -90px;
    left: 87%;
    width: 70px;
    height: 70px;
    padding-top: 18px;
    font-size: 32px;
    background-color: #ebeff2;
  }
}

/* // organigram */
.organigram {
  line-height: 18px;
}

.organigram ul,
.organigram li {
  list-style: none;
}

.organigram ul {
  padding: 0 0 0 30px;
}

.organigram li {
  padding: 0;
  margin: 0;
}

.organigram .entity {
  background-color: #3b6e8f;
  color: #fff;
  width: 250px;
  position: relative;
  min-height: 60px;
  text-align: right;
}

.organigram .entity.Support {
  background-color: #d0dae2;
  color: #11476a;
}

.organigram .sub-row .entity {
  display: table;
}

.organigram .entity.profileImg {
  border-top-left-radius: 75px;
  border-bottom-left-radius: 75px;
}

.organigram .entity.entity180 {
  width: 250px;
}

.organigram div.entity.empty {
  background-color: transparent;
}

.organigram div.entity {
  padding: 0;
  margin: 0;
}

.organigram .sub-row .entity+.entity {
  margin: 10px 0 0;
}

.organigram .insert-main-row {
  height: 100%;
  width: 100%;
  float: left;
}

.organigram .row {
  display: table-row;
  height: 100%;
  clear: both;
}

.organigram .divider {
  padding-top: 40px !important;
}

.organigram li.row {
  padding-top: 0;
}

.organigram li.row+li.row {
  margin-top: 10px;
}

.organigram .row div.entity {
  position: relative;
  float: left;
}

.organigram .sub-row {
  float: left;
  height: auto;
  margin-bottom: 10px;
  position: relative;
}

.organigram .cell {
  display: table-cell;
  height: 100%;
  margin: 0;
  padding: 0;
  vertical-align: top;
  position: relative;
}

.organigram .cell+.cell {
  padding: 0 0 0 40px;
}

.organigram .info {
  text-align: left;
}

.organigram .insert-main-row+.insert-main-row {
  padding-top: 40px;
}

.organigram ul.vertical:before {
  content: '';
  border-left: 2px solid #6d6e71;
  height: 45px;
  position: absolute;
  top: -45px;
  left: 50%;
}

.organigram ul.horizontal-right:after {
  content: '';
  border-top: 2px solid #6d6e71;
  width: 25px;
  position: absolute;
  top: 30px;
  right: -25px;
}

.organigram div.horizontal-left:before {
  content: '';
  border-top: 2px solid #6d6e71;
  width: 20px;
  position: absolute;
  top: 30px;
  left: -20px;
}

.organigram div.horizontal-right:after {
  content: '';
  border-top: 2px solid #6d6e71;
  width: 15px;
  position: absolute;
  top: 30px;
  right: -15px;
}

.organigram div.horizontal-left.empty:before,
.organigram div.horizontal-right.empty:after {
  width: 100%;
}

.organigram .horizontal-left div.empty:before,
.organigram .horizontal-left .sub-row div:before {
  border-top: 0 none;
}

.organigram ul.second-level:before {
  content: '';
  border-left: 2px solid #6d6e71;
  height: 76.2%;
  position: absolute;
  top: 30px;
  left: 20px;
}

.organigram ul.sub-row:before {
  content: '';
  border-left: 2px solid #6d6e71;
  height: 71%;
  position: absolute;
  top: 30px;
  left: 15px;
}

.organigram .empty+ul.sub-row:before {
  border-left: 0 none;
}

.organigram .sub-row li.horizontal-left:before {
  content: '';
  border-top: 2px solid #6d6e71;
  width: 15px;
  position: absolute;
  top: 30px;
  left: -15px;
}

.organigram .imgDiv {
  float: left;
}

.organigram .imgDiv img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: relative;
  left: -1px;
}

.profileImg .affiliation {
  padding: 10px 10px 10px 0;
  text-align: right;
}

.profileImg .affiliation .title {
  font-weight: 600;
  width: auto;
  display: block;
  float: none;
  margin-bottom: 10px;
}

.organigram .sub-row .entity .affiliation {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  height: 75px;
}

.organigram .sub-row .entity .affiliation .title {
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}

.profileImg .info {
  text-align: left;
}

.organigram .row .info {
  position: absolute;
  color: #000;
  width: 400px;
  background-color: #e6ebf1;
}

.organigram .row .info h1 {
  color: #436e90;
  background-image: none;
  padding-bottom: 0;
  font-size: 23px;
  margin-bottom: 15px;
}

.organigram .row .info h3 {
  background-image: none;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 11px 0 7px 0;
  font-size: 15px;
}

.organigram .row .info p {
  font-weight: normal;
}

.organigram .title.tooltip {
  border: 0;
}

.tooltip .info {
  border: 0;
}

.organigram sup {
  position: relative;
  top: -3px;
  font-weight: normal;
}

.organigram .row .OrgRole {
  font-size: 10px;
  text-transform: uppercase;
  float: right;
  width: 100%;
  margin: 0;
}

.organigram .row .OrgName {
  float: right;
  width: auto;
  margin-bottom: 10px;
}

.organigram ul.sub-row-one:before {
  height: 68.5%;
}

.organigram ul.sub-row-two:before {
  height: 71.4%;
}

.organigram ul.sub-row-three:before {
  height: 70%;
}

.organigram ul.sub-row-four:before {
  height: 78%;
}

.OrgLegend {
  border: 1px dotted #b6bfc7;
  float: left;
  width: 100%;
  padding-top: 10px;
  margin-top: 30px;
}

.OrgLegend li {
  display: inline;
  padding-left: 20px;
  margin-right: 20px;
  position: relative;
  text-transform: uppercase;
}

.OrgLegend li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  height: 10px;
  width: 10px;
  background-color: #3b6e8f;
}

.OrgLegend .Support:before {
  background-color: #d0dae2;
}

@media screen and (max-width: 1024px) {
  .organigram .entity {
    width: 200px;
  }

  .organigram .entity.entity180 {
    width: 200px;
  }

  .organigram ul.second-level:before {
    height: 77%;
  }

  .organigram ul.sub-row-three:before {
    height: 72%;
  }

  .organigram ul.sub-row-two:before {
    height: 71%;
  }
}

@media screen and (max-width: 767px) {
  .organigram {
    font-size: 12px;
  }

  .organigram img {
    display: none;
  }

  .organigram .entity.profileImg {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .organigram .entity {
    width: 110px;
  }

  .organigram .entity.entity180 {
    width: 110px;
  }

  .profileImg .affiliation,
  .organigram .row .OrgName,
  .organigram .sub-row .entity .affiliation {
    text-align: left;
    padding: 5px;
  }

  .organigram .row .OrgName {
    float: none;
    padding: 0;
  }

  .organigram ul.second-level:before {
    left: 10px;
    height: 79.2%;
  }

  .organigram .cell+.cell {
    padding-left: 22px;
  }

  .organigram ul.second-level:before {
    height: 77%;
  }

  .organigram ul.sub-row-one:before {
    height: 67.5%;
  }

  .organigram ul.sub-row-two:before {
    height: 72.2%;
  }

  .organigram ul.sub-row-three:before {
    height: 63%;
  }

  .organigram ul.sub-row-four:before {
    height: 75%;
  }

  .organigram div.horizontal-right:after {
    width: 18px;
    right: -18px;
  }

  .organigram div.horizontal-left:before {
    width: 12px;
    left: -12px;
  }
}

@media screen and (max-width: 424px) {
  .organigram ul {
    padding-left: 15px;
  }

  .organigram .sub-row {
    margin-top: 20px;
  }

  .organigram .entity {
    width: 115px;
  }

  .organigram .entity.entity180 {
    width: 130px;
  }

  .organigram .entity.empty {
    display: none;
  }

  .organigram .clearPadding div.horizontal-left:before {
    left: -23px;
    width: 23px;
  }

  .organigram div.horizontal-left:before {
    left: -10px;
    width: 10px;
  }

  .organigram div.horizontal-right:after {
    content: initial;
  }

  .organigram .cell+.cell {
    padding-left: 20px;
  }

  .organigram .divider>span,
  .organigram .divider>ul {
    margin-top: 0;
  }

  .organigram ul.vertical:before {
    height: 40px;
    top: -40px;
  }

  .organigram ul.sub-row:before {
    left: 0;
    top: -20px;
  }

  .organigram ul.second-level:before {
    height: 78%;
  }

  .organigram ul.sub-row-one:before {
    height: 86.5%;
  }

  .organigram ul.sub-row-two:before {
    height: 86%;
  }

  .organigram ul.sub-row-three:before {
    height: 80%;
  }

  .organigram ul.sub-row-four:before {
    height: 89%;
  }
}

/* // MEDIA QUERIES */
@media screen and (max-width: 1024px) {
  .AgenciesLinks img {
    margin: 5px 20px 5px 0;
  }
}

@media screen and (max-width: 767px) {
  .navbar-toggle {
    display: block;
    padding-left: 0;
    margin: 13px 0;
  }

  .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 0;
    height: calc(100vh - 60px);
    background-color: #fff;
    z-index: 1;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-collapse.collapse.in {
    display: block !important;
  }

  .header .navbar-header {
    width: auto;
    margin: 0;
    float: left;
  }

  .header--content {
    padding: 0;
    position: static;
    float: right;
  }

  .header--top-container {
    position: static;
    width: auto;
    float: right;
  }

  .header--language .select-wrapper {
    position: relative;
    margin: 10px 0;
  }

  .header--language .select-wrapper .fas {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    color: #000;
    z-index: 1;
  }

  .header--language select {
    border: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 15px 0 10px;
    font-size: 14px;
    color: #000;
    position: relative;
    z-index: 2;
    background: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
  }

  .logo {
    float: none;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
  }

  .logo--text {
    margin: 0;
    font-size: 22px;
  }

  .searchbox {
    margin: 0;
    position: static;
    height: 60px;
  }

  .searchbox--inner-wrapper.is-expanded {
    width: 100%;
  }

  .searchbox--inner-wrapper.is-expanded .searchbox--input-wrapper {
    display: block;
  }

  .searchbox--inner-wrapper.is-expanded .searchbox--expand-button .icon:before {
    content: '\f00d';
    font-size: 16px;
    line-height: 20px;
    padding: 5px 12px;
    margin-top: -4px;
  }

  .searchbox--inner-wrapper.is-expanded .searchbox--advanced-link {
    display: block;
  }

  .searchbox--inner-wrapper {
    width: 35px;
    height: 60px;
  }

  .searchbox--input-wrapper {
    display: none;
    width: 100%;
    z-index: 5;
    padding: 0 40px 0 15px;
  }

  .searchbox--input-wrapper input {
    margin: 8px 0 22px;
    border: 1px solid #000;
  }

  .searchbox--input-wrapper .search-buton {
    right: 40px;
    margin-top: -7px;
  }

  .searchbox--advanced {
    right: 40px;
    margin: -19px 0 0;
    z-index: 10;
  }

  .searchbox--advanced-link {
    display: none;
  }

  .searchbox--expand-button {
    display: block;
    z-index: 6;
    margin-top: -2px;
  }

  .SiteToolbar {
    margin-top: 28px;
  }

  .main-menu {
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
  }

  .main-menu.collapse.in {
    overflow: hidden;
  }

  .main-menu .is-opened>ul {
    display: block;
  }

  .main-menu>.main-menu--nav-1 {
    height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
    overflow-y: auto;
  }

  .main-menu[nav-level] .main-menu--back-btn,
  .main-menu[nav-level] .main-menu--start-btn {
    display: block;
  }

  .main-menu li {
    float: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 2px 3px;
  }

  .main-menu li.has-children {
    border-bottom: 1px solid #e5e5e5;
  }

  .main-menu li.has-children.is-opened>a {
    display: none;
  }

  .main-menu li.selected>a {
    border-color: #848484;
    font-weight: bold;
  }

  .main-menu li>a {
    display: block;
    padding: 15px 30px;
    height: auto;
    line-height: 1;
    background-color: #fff;
    border-left: 4px solid #e5e5e5;
  }

  .main-menu li.parent-link>a {
    padding: 15px;
    border-left: 0;
    font-weight: bold;
  }

  .main-menu--nav-1>li {
    width: 100%;
    text-align: left;
  }

  .main-menu--nav-1>li>a {
    padding: 15px;
    border-left: 0;
  }

  .ResultsNum div {
    margin-left: 0;
  }

  .ResultsNum .btn-group {
    margin-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .Footer .SocialMedia {
    float: left;
    padding: 0;
  }

  .SocialMedia li {
    margin: 0 10px 0 0;
  }

  .Copyright {
    width: 50%;
    text-align: right;
  }

  .MandM .list-group-item {
    min-height: 100px;
  }

  .list-group .Description,
  .ResultDesc {
    display: none;
  }

  .WorkProgramme h2 {
    float: left;
  }

  .Homepage .PanelHighlighted {
    margin-top: 20px;
  }

  .GroupWithLegend {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .GroupNoLegend {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .MultiSelectOptions {
    margin: 0 0 20px 0;
  }

  div.wt-sbkm {
    position: fixed;
    right: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
    width: 40px;
  }
}

@media screen and (max-width: 767px) {
  .container .jumbotron {
    padding: 0;
  }

  .jumbotron p {
    font-size: 14px;
  }

  .jumbotron h1 {
    margin-top: 0;
  }

  .jumbotron h1,
  h1 {
    font-size: 25px;
  }

  .JumbotronContent {
    padding: 0;
  }

  .carousel-caption h3 {
    font-size: 15px;
  }

  .Footer .AgenciesLinks {
    margin: 0 0 20px 0;
    padding: 10px 0 10px 0;
  }

  .Footer .GlobalTools,
  .Footer .Copyright {
    float: left;
    width: 100%;
    margin: 0;
    clear: both;
    text-align: left;
  }

  .Footer .GlobalTools {
    margin: 0 0 5px 0;
    padding: 0;
  }

  .Footer .GlobalTools li {
    margin: 0 20px 5px 0;
  }

  .DashboardData {
    min-height: initial;
  }

  .MandM .list-group-item {
    min-height: 80px;
  }

  .RightIMG {
    float: none;
    margin-left: 0;
    width: 100%;
  }

  .AnnualReportFull .Doc,
  .AnnualReportSum .Doc {
    border: 0;
  }

  .AnnualReportTrans {
    border-bottom: 1px dotted #8199a8;
    padding-bottom: 15px;
    padding-top: 0;
  }

  .AnnualReportFull h3,
  .AnnualReportSum h3 {
    margin-top: 15px;
    margin-bottom: 0;
  }

  .AnnualReportTrans {
    margin-top: 15px;
  }

  .EventDetails .btn {
    margin-top: 10px;
  }

  .ProgYear {
    min-height: initial;
    margin-bottom: 15px;
    float: left;
    width: 100%;
  }

  .Careers .list-group-item {
    min-height: initial;
    margin-bottom: 10px;
  }

  .TableVertical thead {
    display: none;
  }

  .TableVertical tbody tr td {
    display: block;
    padding: 5px;
    padding-left: 30%;
    position: relative;
    border-bottom: 1px dotted #ccd3d7;
    border-top: none;
    font-size: 12px;
  }

  .TableVertical>tbody>tr:nth-of-type(even) {
    background-color: #f7f9fa;
  }

  .TableVertical td:before {
    content: attr(data-label);
    float: left;
    width: 25%;
    position: absolute;
    left: 5px;
    top: 6px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    color: #8199a8;
  }

  .TableVertical tr {
    position: relative;
  }

  .TableVertical tr input[type=checkbox] {
    position: absolute;
    top: -25px;
    left: 10px;
  }

  .QAbuttons .btn {
    width: 100%;
    margin-bottom: 10px;
  }

  .Divider {
    padding: 0;
  }

  dl.SingleRulebookRecord dt,
  dl.DefList dt {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    width: 100%;
  }

  dl.SingleRulebookRecord dd,
  dl.DefList dd {
    border: 0;
    padding: 0;
    margin-top: 0;
    margin-left: 0;
  }

  dl.SingleRulebookRecord dt:first-of-type,
  dl.DefList dd:first-of-type,
  dl.SingleRulebookRecord dt:first-of-type,
  dl.DefList dd:first-of-type {
    padding-top: 0;
    margin: 0;
  }
}

@media screen and (min-width: 766px) {
  a.DisplayText {
    color: #133850;
  }

  a.DisplayText:hover {
    color: #133850;
    cursor: text;
  }
}

@media screen and (max-width: 766px) {
  .page-header {
    font-size: 23px;
  }

  .ContactDetails a {
    display: block;
    padding-bottom: 10px;
  }

  .ContactDetails a:last-child {
    padding-bottom: 0;
  }

  .PressContacts .Divider {
    display: none;
  }

  .nav>li>a {
    padding: 10px;
  }
}

@media screen and (max-width: 479px) {
  .searchbox {
    width: 30px;
  }

  .header--language .select-wrapper .fas {
    font-size: 15px;
  }

  .header--language select {
    font-size: 12px;
    padding: 0 13px 0 10px;
  }
}

@media screen and (min-width: 479px) {
  .WorkProgramme .ProgYear {
    min-height: 230px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .Footer .GlobalTools {
    clear: none;
  }

  .Footer .Copyright {
    clear: right;
  }
}

@media (max-width: 424px) {

  header .container,
  header div[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px;
  }

  header .row {
    margin-left: -5px;
    margin-right: -5px;
  }

  div.BtnCentered a.btn-lg {
    font-size: 14px;
    padding: 5px 10px;
  }
}

@media (max-width: 991px) {
  header {
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .ResetPosition {
    position: inherit;
  }

  .EBALogo {
    margin: 10px 0;
    text-align: center;
  }

  .EBALogo img {
    max-height: 60px;
  }

  .SiteToolbar {
    margin-top: 28px;
  }

  .SiteToolbar>ul>li+li {
    margin-left: 15px;
  }

  .QuickSearch {
    position: inherit;
  }

  .QuickSearch form {
    overflow: hidden;
    background: #487490;
    position: absolute;
    left: 10px;
    right: 40px;
    top: 10px;
    bottom: 0px;
  }

  .QuickSearch input {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .QuickSearch .collapse {
    display: block;
  }

  .MainMenu {
    margin: 25px 0 -10px;
    padding: 0;
    background: #f4f6f7;
    border-radius: 3px 3px 0 0;
    border: 0;
    clear: both;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    z-index: 9;
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
  }

  .MainMenu .slider {
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
  }

  .MainMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
  }

  .MainMenu ul li {
    display: table-cell;
    width: 1%;
  }

  .MainMenu ul li a {
    display: block;
    height: 53px;
    text-align: center;
    position: relative;
    -webkit-box-shadow: inset 0 -4px 0 #507a95;
    box-shadow: inset 0 -4px 0 #507a95;
  }

  .MainMenu ul li a:hover,
  .MainMenu ul li a:focus {
    background: #fafbfc;
    -webkit-box-shadow: inset 0 -4px 0 #bcccd6;
    box-shadow: inset 0 -4px 0 #bcccd6;
  }

  .MainMenu ul .SelectedSection a,
  .MainMenu ul .SelectedSection a:hover,
  .MainMenu ul .SelectedSection a:focus {
    -webkit-box-shadow: inset 0 -4px 0 #f8a230;
    box-shadow: inset 0 -4px 0 #f8a230;
  }

  .MainMenu ul li a span {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .SubMenuMore,
  .SubMenuBack {
    display: none;
  }

  .MainMenu>ul>li>ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    -webkit-column-rule: 4px double #88a3b6;
    -moz-column-rule: 4px double #88a3b6;
    column-rule: 4px double #88a3b6;
    -webkit-column-width: auto;
    -moz-column-width: auto;
    column-width: auto;
  }

  .MainMenu ul>li>ul {
    display: none;
    position: absolute;
    top: 53px;
    left: 0;
    background-color: #6f90a6;
    padding: 40px 20px 80px 20px;
    border-radius: 0 0 3px 3px;
    float: none;
  }

  .MainMenu>ul>li:hover>ul {
    display: block;
  }

  .MainMenu ul ul li {
    display: inline-block;
    width: 100%;
  }

  .MainMenu ul li li>a,
  .MainMenu ul li.SelectedSection li>a {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #88a3b6;
    padding: 13px 0;
    margin: 0;
    text-align: left;
    height: auto;
    color: #fff;
  }

  .MainMenu ul ul li>a:before {
    content: "\f105";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-size: 14px;
    color: #fff;
    position: relative;
    left: 0;
    top: 0;
    padding-right: 10px;
  }

  .MainMenu ul li ul a:hover,
  .MainMenu ul li ul a:focus,
  .MainMenu ul li.SelectedSection ul a:hover,
  .MainMenu ul li.SelectedSection ul a:focus {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #bcccd6;
    text-decoration: none;
  }

  .MainMenu ul .SectionDesc+li {
    -webkit-column-break-before: column;
    -moz-column-break-before: column;
    break-before: column;
    display: block;
  }

  .MainMenu .SectionDesc {
    background-color: #66889f;
    padding: 20px;
    display: inline-block;
    border: 0;
  }

  .MainMenu .SectionDesc .SectionTitle {
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
    font-weight: 600;
  }

  .MainMenu .SectionDesc .SectionText {
    color: #dee6eb;
  }

  .MainMenu .SectionDesc img {
    width: 100%;
    margin-top: 10px;
  }

  .MainMenu .SectionDesc .ReadMore {
    border: 0;
    padding: 0;
    text-align: left;
    margin-top: 20px;
  }

  .MainMenu .RiskAnalysisMM li:nth-child(2) a,
  .MainMenu .RiskAnalysisMM li:nth-child(3) a {
    vertical-align: middle;
    color: #ffffff;
    background-color: #487490;
    border: 1px solid #487490;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 8px 15px;
  }

  .MainMenu .RiskAnalysisMM li:nth-child(2) a:before {
    content: none;
  }

  .MainMenu .RiskAnalysisMM li:nth-child(3) a:before {
    content: none;
  }

  .MainMenu .RiskAnalysisMM li:nth-child(2) a:hover,
  .MainMenu .RiskAnalysisMM li:nth-child(3) a:hover,
  .MainMenu .RiskAnalysisMM li:nth-child(2) a:focus,
  .MainMenu .RiskAnalysisMM li:nth-child(3) a:focus {
    color: #fff;
    background-color: #66889f;
  }

  .PubShare {
    background: transparent;
    border-top: 0;
    position: fixed;
    right: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
    width: 40px;
  }

  .PubShare .wtShareNetworks li {
    height: 40px;
    width: 40px;
    margin-bottom: 2px;
  }

  .PubShare .wtShareNetworks a:hover {
    text-decoration: none !important;
  }

  .PubShare .wtSocialNetworkLink,
  .PubShare .wtSocialNetworkLink:visited,
  .PubShare .wtSocialNetworkLink:hover,
  .PubShare .wtSocialNetworkLink:active,
  .PubShare .wtSocialNetworkLink:focus {
    background-image: none;
  }

  .PubShare .wtSocialNetworkLink:hover {
    opacity: 0.6;
  }

  .PubShare .wtBtnOnlyIco {
    text-indent: 0;
    border: 2px solid #edf2f5;
    width: 40px;
    height: 40px;
  }

  .PubShare ul .wt_linkedin,
  .PubShare ul .wt_twitter,
  .PubShare ul .wt_e-mail {
    background-color: #edf2f5;
  }

  .PubShare ul .wt_twitter:before,
  .PubShare ul .wt_e-mail:before,
  .PubShare ul .wt_linkedin:before {
    font-weight: 700;
    font-size: 24px;
    padding: 5px;
    color: #267eb7;
    margin-right: 20px;
  }

  .PubShare ul .wt_twitter:before {
    font-family: Font Awesome\ 5 Brands;
    content: "\f099";
  }

  .PubShare ul .wt_e-mail:before {
    font-family: Font Awesome\ 5 Free;
    content: "\f0e0";
  }

  .PubShare ul .wt_linkedin:before {
    font-family: Font Awesome\ 5 Brands;
    content: "\f0e1";
  }

  div.sbkm.wt.wt-sbkm {
    display: none;
  }
}

@media (min-width: 992px) {
  .MainMenu {
    margin-top: -5px;
  }
}

@media (max-width: 991px) {
  .MainMenu {
    margin: 0;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0;
    border-radius: 0;
    background: #487490;
    padding: 0;
    border-bottom: 4px solid #365f79;
    font-size: 13px;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    display: none;
    overflow: hidden;
    transition: -webkit-transform 300ms ease-in-out;
    -webkit-transition: -webkit-transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
    -webkit-transform: translateX(150%);
    -ms-transform: translateX(150%);
    transform: translateX(150%);
    will-change: transform;
    z-index: 100;
  }

  .MainMenu .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: -webkit-transform 300ms ease-in-out;
    -webkit-transition: -webkit-transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    will-change: transform;
  }

  .MainMenu ul {
    display: block;
    padding: 0 10px 10px 10px;
    width: 100%;
    background: #487490;
  }

  .MainMenu ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
  }

  .MainMenu ul li {
    display: block;
    width: 100%;
    border-top: 1px solid #365f79;
  }

  .MainMenu ul li:first-child {
    border-top-width: 4px;
    padding-top: 10px;
  }

  .MainMenu ul ul li:first-child {
    position: relative;
  }

  .MainMenu ul li a {
    display: block;
    position: relative;
    height: auto;
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px 30px 8px 5px;
    color: #fff;
  }

  .MainMenu ul li a.slide-menu-control {
    padding-left: 30px;
    padding-right: 40px;
    background: #3d6680;
    margin: -5px 0 5px 0;
  }

  .MainMenu ul li .Selected>a:before {
    position: absolute;
    content: "";
    width: 4px;
    left: -10px;
    top: 0;
    bottom: 0;
    background: #f29e4c;
  }

  .MainMenu ul .STLink {
    display: block !important;
    border-top-width: 4px;
    margin-top: 10px;
    padding-top: 10px;
  }

  .MainMenu ul .STLink+.STLink {
    border-top-width: 1px;
    margin: 0;
    padding: 0;
  }

  .SubMenuMore {
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 14px;
  }

  .SubMenuBack {
    position: absolute;
    left: 5px;
    top: 6px;
    font-size: 14px;
  }

  .MainMenu .HasLink {
    display: block;
    padding: 8px 0 8px 5px;
    margin: -8px 0 -8px -5px;
    border-right: 1px solid #365f79;
    background: #537c96;
  }

  .MainMenu .BackX {
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 0;
    background: #2d5771;
    width: 30px;
    border-left: 1px solid #487490;
    font-size: 14px;
    text-align: center;
    padding-top: 7px;
    cursor: pointer;
  }

  .MainMenu .BackX:after {
    content: "\f100";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    color: #fff;
  }

  .MainMenu i {
    color: #fff;
  }
}

.PageTools {
  margin-top: 20px;
}

@media (min-width: 992px) {
  .PageTools {
    margin-top: 10px;
  }
}

.PageTools .breadcrumb {
  background: transparent;
  margin: 0;
  padding: 8px 2px;
  font-size: 12px;
}

.PageTools .AddThis {
  float: right;
  padding: 0 2px;
  font-size: 12px;
}

.PageTools .AddThis span {
  float: left;
  padding: 8px 10px 8px 0;
  color: #8199a8;
}

.PageTools .AddThis a {
  font-size: 23px;
}

.MainContent {
  margin-top: 30px;
}

.page-home .MainContent {
  margin: 0;
}

@media (min-width: 768px) {
  .SectionMenu ul {
    list-style: none;
    padding: 0;
  }
  .SectionMenu [level="2"] ul {
    margin: 8px 0 0 0;
  }

  .SectionMenu a {
    display: block;
  }

  .SectionMenu a:hover,
  .SectionMenu a:focus {
    text-decoration: none;
  }

  .SectionMenu .SelectedSection>a {
    padding: 0 5px 5px 5px;
    margin-bottom: 10px;
    color: inherit;
    font-size: 16px;
    border-bottom: 1px dotted #c4d6e2;
  }

  .SectionMenu .SelectedSection ul a {
    padding: 5px;
    margin: 1px 0;
    font-size: 13px;
  }

  .SectionMenu .SelectedSection>ul>li._expanded {
    margin: 5px 0;
  }

  .SectionMenu .SelectedSection li._expanded ul ul {
    padding-left: 20px;
  }

  .SectionMenu .SelectedSection li:not(._expanded) ul {
    display: none;
  }

  .SectionMenu .SelectedSection [level="2"]>a {
    background: #ebeff2;
    position: relative;
  }

  .SectionMenu .SelectedSection [level="2"]>a:hover,
  .SectionMenu .SelectedSection [level="2"]>a:focus {
    background: #dfe8ef;
  }

  .SectionMenu .SelectedSection>ul li._expanded:not([level="2"])>a {
    background: transparent;
  }

  .SectionMenu [level="2"] ul a {
    padding-left: 20px;
    position: relative;
  }

  .SectionMenu .SelectedSection ul ul a:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 1px;
    bottom: 1px;
    width: 1px;
    background: #dbe5ec;
  }

  .SectionMenu .SelectedSection ul ul a:hover:before,
  .SectionMenu .SelectedSection ul ul a:focus:before {
    background: #507a95;
  }

  .SectionMenu .SelectedSection ul ul .Selected a {
    font-weight: bold;
    color: inherit;
  }

  .SectionMenu .SelectedSection ul ul .Selected a:before {
    background: #f8a230;
    width: 2px;
  }

  .SectionMenu .SelectedSection ul ul .Selected ul a {
    font-weight: normal;
  }

  .SectionMenu .SelectedSection ul ul .Selected ul a:before {
    background-color: #ccc;
    width: 1px;
  }

  .SectionMenu .SectionDesc {
    display: none;
  }

  .SectionMenu li.expanded.Selected a.active,
  .SectionMenu li.Selected a.active {
    font-weight: bold;
    color: #133850;
  }

  .SectionMenu li[level="3"] {
    margin-left: 10px;
  }
}

html body.admin-menu {
  padding-top: 28px;
  margin-top: 0 !important;
}

@media (max-width: 767px) {
  ul.timeline:before {
    left: 8px;
  }

  ul.timeline>li>.timeline-panel {
    width: calc(100% - 35px);
    width: -webkit-calc(100% - 35px);
  }

  ul.timeline>li>.timeline-badge {
    left: 0;
    margin-left: 0;
    top: 35px;
  }

  ul.timeline>li>.timeline-panel {
    float: right;
    padding: 15px;
  }

  ul.timeline>li>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 10px;
    left: -10px;
    right: auto;
  }

  ul.timeline>li>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 9px;
    left: -9px;
    right: auto;
  }

  html body.admin-menu {
    padding-top: 50px;
  }

  #admin-menu {
    height: 50px;
  }

  #admin-menu-wrapper {
    padding: 5px 0;
  }

  #admin-menu>div>.dropdown>li>a,
  #admin-menu>div>.dropdown>li>span {
    padding: 2px 4px;
  }

  #admin-menu .dropdown .admin-menu-icon>a {
    padding: 2px 4px;
  }
}

@media (max-width: 425px) {
  .Guidelines .dropdown-menu {
    width: 370px;
  }
}

@media (max-width: 375px) {
  .Guidelines .dropdown-menu {
    width: 320px;
  }
}

@media (max-width: 320px) {
  html body.admin-menu {
    padding-top: 70px;
  }

  #admin-menu {
    height: 70px;
  }

  .Guidelines .dropdown-menu {
    width: 260px;
  }
}

/* // PRINT */
@media print {

  .btn-header,
  .SiteToolbar,
  .QuickSearch {
    display: none;
  }

  a[href]:after {
    content: none !important;
  }
}

/* // DRUPAL OVERRIDES */
body.admin-menu {
  margin-top: 0 !important;
}

.doclibpath {
  color: #8199a8;
  font-style: italic;
  margin: 0 0 20px 0;
  padding: 10px 0;
  border: 1px solid #e4ebef;
  border-left: 0;
  border-right: 0;
}

.doclibpath:before {
  content: "FOLDER: ";
  font-size: 11px;
  font-style: normal;
}

.tabs--primary {
  margin-bottom: 30px;
}

.ui-widget-content a.btn-primary {
  color: #fff;
}

.view-webform-submissions-default .table>thead>tr>th {
  text-transform: initial;
  vertical-align: top;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.no-term-reference-tree-button {
  background: transparent;
}

/* // Homepage - overrides */
.Homepage .first-row {
  float: left;
  width: 100%;
}

.Homepage .panel-default .pane-content {
  border: 1px solid #edf2f5;
}

.Homepage .panel {
  border: none;
}

.Homepage .panel-body {
  padding: 0;
}

.Homepage .list-group li {
  padding: 0;
}

.Homepage .list-group-item p {
  padding-right: 15px;
}

.Homepage .panel .view-header a:after,
.panel a.contextual-links-trigger:after,
.panel .contextual-links a:after {
  content: none;
}

/* // Documents and Media Library - overrides */
.filtersAccordion .form-type-date-popup .date-padding .form-type-textfield:first-child:after {
  top: 5px;
}

.filtersAccordion .views-exposed-form .views-exposed-widget .btn {
  margin-top: 23px;
}

.filtersAccordion #edit-search-wrapper {
  width: 100%;
}

.filtersAccordion #edit-total-creation-date-wrapper,
.filtersAccordion #edit-total-modified-date-wrapper {
  width: 100%;
  float: left;
}

.filtersAccordion #edit-total-creation-date-min,
.filtersAccordion #edit-total-modified-date-min {
  margin: 0;
}

.filtersAccordion .container-inline-date {
  float: left;
  width: 48%;
  margin-bottom: 0;
}

.filtersAccordion .container-inline-date:first-child {
  margin-right: 4%;
}

.filtersAccordion .filters-section-row .views-exposed-widget {
  width: 100%;
  margin-bottom: 10px;
}

.SelectAll input {
  top: 2px;
}

.SelectAll,
.OtherActions,
.AddActions,
.CopyActions {
  margin-right: 10px;
}

.ui-dialog .ui-dialog-titlebar-close:after {
  content: "\f00d";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 14px;
  color: #267eb7;
  position: relative;
  top: -2px;
}

@media (min-width: 1024px) {

  .filtersAccordion #edit-file-field-document-type-wrapper,
  .filtersAccordion #edit-file-field-tags-wrapper {
    width: 50%;
  }
}

.FoldersNav .upFolder {
  color: #fff;
  border: 1px solid #ebeff1;
  border-radius: 3px;
  width: 30px;
  height: 31px;
  float: left;
  position: relative;
  margin-bottom: 10px;
}

.FoldersNav .upFolder:after {
  content: "\f3bf";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  background-color: #fff;
  color: #3d8dc0;
  padding: 4px 8px;
  position: absolute;
  left: 2px;
  top: 0;
}

.FoldersNav .upFolder:hover {
  cursor: pointer;
  border-color: #cedfea;
}

.FoldersNav .upFolder:hover:after {
  color: #133850;
}

.FoldersNav ul.folders {
  list-style: none;
  padding: 0;
  float: left;
  width: 100%;
}

.FoldersNav li {
  border: 1px solid #ebeff1;
  background-color: #f7f9fa;
  float: left;
  width: 100%;
  margin-top: 5px;
  position: relative;
}

.FoldersNav li:first-child {
  margin-top: 0;
}

.FoldersNav li.Active {
  border-color: #6389a0;
  background-color: #6389a0;
}

.FoldersNav li.Active a {
  color: #fff;
}

.FoldersNav li.Active a:hover {
  text-decoration: none;
  cursor: text;
}

.FoldersNav li.Active .loadFolder {
  background-color: #6389a0;
}

.FoldersNav li.Active .expandFolder {
  background-color: #537d97;
}

.FoldersNav li.Active .expandFolder:hover {
  background-color: #487490;
  cursor: pointer;
}

.FoldersNav li.Active .expandFolder i,
.FoldersNav li.Active .expandFolder:hover i {
  color: #fff;
}

.FoldersNav li .loadFolder {
  padding: 10px 2%;
  float: left;
  width: 85%;
  font-weight: 600;
}

.FoldersNav li .expandFolder {
  padding: 0;
  width: 15%;
  background-color: #ebeff1;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.FoldersNav li .expandFolder:hover {
  background-color: #e6f3fc;
}

.FoldersNav li .expandFolder:hover i {
  color: #133850;
}

.FoldersNav li .expandFolder i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 969px) {
  #media-browser-page-wrapper {
    clear: both;
  }
}

.facetapi-facetapi-links {
  padding: 0;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.facetapi-facetapi-links li.expanded ul {
  margin-top: 10px;
}

.facetapi-facetapi-links li.collapsed,
.facetapi-facetapi-links li.expanded ul {
  padding: 0;
}

.facetapi-facetapi-links li.collapsed,
.facetapi-facetapi-links li.expanded li,
.facetapi-facetapi-links li.leaf {
  float: left;
  background-color: #e5ebef;
  padding: 5px 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 3px;
}

.facetapi-facetapi-links li.collapsed:hover,
.facetapi-facetapi-links li.expanded li:hover,
.facetapi-facetapi-links li.leaf:hover {
  background-color: #f7f9fa;
  cursor: pointer;
}

.facetapi-facetapi-links li.collapsed:hover a,
.facetapi-facetapi-links li.expanded li:hover a {
  color: #133850;
}

.facetapi-facetapi-links li.collapsed a:hover,
.facetapi-facetapi-links li.expanded li a:hover,
.facetapi-facetapi-links li.leaf a:hover {
  text-decoration: none;
}

.facetapi-facetapi-links a.facetapi-active,
.facetapi-facetapi-links li.expanded li.expanded a.facetapi-active,
.facetapi-facetapi-links li.expanded li.expanded li.expanded a.facetapi-active {
  background-color: #e5ebef;
  color: #e5ebef;
  padding: 4px;
  border-radius: 10px;
  margin-right: 5px;
  position: relative;
}

.facetapi-facetapi-links a.facetapi-active:after {
  content: "\f3bf";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 11px;
  color: #267eb7;
  position: absolute;
  left: 9px;
}

.facetapi-facetapi-links a.facetapi-active:hover:after {
  color: #133850;
}

.facetapi-facetapi-links a.facetapi-active:hover,
.facetapi-facetapi-links li.expanded li.expanded a.facetapi-active:hover,
.facetapi-facetapi-links li.expanded li.expanded li.expanded a.facetapi-active:hover {
  background-color: #f7f9fa;
  color: #f7f9fa;
}

.facetapi-facetapi-links li.expanded li.expanded,
.facetapi-facetapi-links li.expanded li.expanded li.expanded,
.facetapi-facetapi-links li.expanded li.expanded li.expanded li.expanded {
  background-color: transparent;
  cursor: text;
}

.page-media-browser {
  padding-top: 10px;
}

.view-eba-extranet-document-library .table-responsive,
.view-eba-document-library .table-responsive {
  padding-bottom: 130px;
  margin-bottom: -130px;
}

#media-browser-library-list {
  display: table;
  width: 100%;
}

#media-browser-library-list li {
  display: table-row;
  width: 100%;
  padding-top: 10px;
  float: none;
}

#media-browser-library-list li:focus,
#media-browser-library-list li:active {
  border-color: none;
}

#media-browser-library-list .tableHeader {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

#media-browser-library-list .tableCell {
  display: table-cell;
  width: 20%;
  padding: 5px 10px;
  border-radius: 0;
  border-top: 1px solid #e4ebef;
  background-color: transparent;
}

#media-browser-library-list li:nth-child(2) .tableCell {
  border-top: 0;
}

#media-browser-library-list .tableHeader .tableCell {
  border-bottom: 2px solid #e4ebef;
  border-top: 0;
}

#media-browser-library-list .AdminActions {
  padding: 0 10px;
}

#media-browser-library-list .dropdown-menu li {
  display: initial;
  margin: 0;
}

#media-browser-library-list .tableCell.smCell {
  width: 4%;
}

#media-browser-library-list .AdminActions.tableCell {
  width: 1%;
}

.label-wrapper {
  display: none;
}

.media-thumbnail {
  border-radius: 3px;
  border: 0;
  padding: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
}

.media-thumbnail:hover {
  cursor: move;
  background: #e6f3fc;
}

.media-list-thumbnails .media-item:hover {
  cursor: default;
}

.media-item.selected .media-thumbnail {
  background-color: #f6ebdd;
}

.media-thumbnail i {
  margin-right: 5px;
}

.media-item {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.jstree .AdminActions .btn-Admin {
  padding: 0 3px;
  margin: 0 0 0 15px;
}

.jstree .AdminActions .btn-Admin:hover {
  background-color: #fff;
}

.jstree.table-responsive {
  padding: 10px 0;
  overflow-x: initial;
}

.jstree-default .jstree-anchor {
  width: 95%;
  height: auto;
}

.jstree-anchor,
.jstree-node {
  white-space: normal;
}

@media (max-width: 767px) {
  .jstree-default .jstree-anchor {
    width: 85%;
  }
}

.container-inline-date .date-padding {
  float: none;
}

.PageTools .breadcrumb {
  background: transparent;
  margin: 0;
  padding: 8px 2px;
  font-size: 12px;
  color: #a0adb5;
}
.PageTools .breadcrumb_segment-separator {
  padding: 0 5px;
}
.PageTools .AddThis {
  float: right;
  padding: 0 2px;
  font-size: 12px;
}
.PageTools .AddThis    span {
  float: left;
  padding: 8px 10px 8px 0;
  color: #8199a8;
}
.PageTools .AddThis a {
  font-size: 23px;
}

.container-inline-date {
  margin-bottom: 15px;
}

.container-inline-date .form-type-textfield .control-label {
  text-transform: none;
}

.GroupDocLibraryPage .view-empty {
  margin-top: 20px;
}

/* // Webform submissions - overrides */
.webform-submission label {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
  padding-top: 20px;
  float: left;
  width: 100%;
  border-top: 1px solid #e5ebef;
}

/* // My account - overrides */
.pane-user-profile {
  margin-bottom: 30px;
}

.pane-user-profile .field-label {
  margin-top: 5px;
}

.pane-user-profile h2.pane-title {
  font-size: 13px;
  border: 0;
  padding: 21px 0 5px 0;
  margin: 0;
}

.pane-user-profile h2.pane-title:before {
  content: "Account name: ";
  font-weight: bold;
  top: 0;
  background: transparent;
}

.pane-user-profile h2.pane-title:after {
  content: none;
}

.pane-user-profile h3 {
  margin: 15px 0 3px 0;
}

.pane-user-profile .field-item {
  margin-top: 5px;
}

/* // Exchange forum for competent authorities - overrides */
.view-exchange-forum-search .views-exposed-widget {
  float: none;
  padding-right: 0;
  margin-top: 15px;
  padding-top: 0;
}

.view-exchange-forum-search .container-inline-date {
  float: left;
  width: 50%;
  clear: none;
}

.view-exchange-forum-search .container-inline-date:first-child {
  padding-right: 15px;
}

.view-exchange-forum-search .container-inline-date:last-child {
  padding-left: 15px;
}

.view-exchange-forum-search .container-inline-date #edit-created-wrapper {
  width: 100%;
  float: left;
  clear: none;
}

.view-exchange-forum-search .container-inline-date .form-type-date-popup {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: none;
}

.view-exchange-forum-search .container-inline-date #edit-created-min,
.view-exchange-forum-search .container-inline-date #edit-created-max {
  float: left;
  width: 100%;
}

.view-exchange-forum-search .container-inline-date .form-item-created-min-date,
.view-exchange-forum-search .container-inline-date .form-item-created-max-date {
  float: left;
  width: 100%;
}

.view-exchange-forum-search .container-inline-date .form-type-date-popup input {
  width: 100%;
}

.view-exchange-forum .views-submit-button {
  margin-top: 23px;
}

/* // Event date form - overrides */
#event-node-form .date-padding {
  padding: 0;
}

#event-node-form .btn-success {
  border-color: transparent;
}

#event-node-form .btn-success:hover {
  background-color: #487490;
}

#event-node-form .date-repeat-input {
  width: 100%;
}

#event-node-form .form-item-field-event-date-und-0-rrule-freq {
  border-top: 1px solid #e1e7eb;
  padding-top: 15px;
  margin-top: 15px;
}

#event-node-form .form-item-field-event-date-und-0-rrule-freq label:after {
  content: ": ";
  margin-right: 10px;
}

#event-node-form .form-item-field-event-date-und-0-rrule-freq select {
  display: inline;
  width: auto;
}

#event-node-form .form-item-field-event-date-und-0-all-day,
#event-node-form .form-item-field-event-date-und-0-show-todate {
  margin-bottom: 10px;
}

#event-node-form .form-item-field-event-date-und-0-rrule-weekly-interval {
  border-top: 1px solid #e1e7eb;
  padding-top: 15px;
  margin-top: 15px;
}

#event-node-form .form-item-field-event-date-und-0-rrule-weekly-interval label:after {
  content: ": ";
  margin-right: 10px;
}

#event-node-form .form-item-field-event-date-und-0-rrule-weekly-interval input {
  width: auto;
  display: inline;
}

#event-node-form .form-item-field-event-date-und-0-rrule-weekly-byday {
  border-top: 1px solid #e1e7eb;
  padding-top: 15px;
  margin-top: 15px;
}

#event-node-form #edit-field-event-date-und-0-rrule-weekly-byday .checkbox {
  float: none;
  text-transform: uppercase;
}

#event-node-form #edit-field-event-date-und-0-rrule-weekly-byday label {
  text-transform: uppercase;
  font-size: 11px;
}

#event-node-form .form-item-field-event-date-und-0-rrule-range-of-repeat {
  border: 1px solid #e1e7eb;
  border-width: 1px 0;
  padding: 15px 0;
  margin: 15px 0;
}

#event-node-form .form-item-field-event-date-und-0-rrule-range-of-repeat .container-inline .form-control {
  width: auto;
  display: inline;
}

#event-node-form .form-item-field-event-date-und-0-rrule-range-of-repeat .until .container-inline-date {
  margin-bottom: 0;
}

#event-node-form .container-inline-date>.form-item {
  margin: 0;
}

#event-node-form .form-item-field-event-date-und-0-rrule-range-of-repeat .until .form-type-textfield:first-child:after {
  top: 5px;
}

#event-node-form .form-item-field-event-date-und-0-rrule-until-child-datetime-date label {
  display: none;
}

#event-node-form .form-item-field-event-date-und-0-rrule-daily-byday-radios {
  border-top: 1px solid #e1e7eb;
  padding-top: 15px;
  margin-top: 15px;
  float: left;
  width: 100%;
}

#event-node-form .form-item-field-event-date-und-0-rrule-daily-byday-radios input {
  width: auto;
  display: inline;
  margin-right: 10px;
}

#event-node-form #edit-field-event-date-und-0-rrule-monthly,
#event-node-form #edit-field-event-date-und-0-rrule-yearly {
  border-top: 1px solid #e1e7eb;
  padding-top: 15px;
  margin-top: 15px;
}

#event-node-form #edit-field-event-date-und-0-rrule-monthly .byday-bymonth,
#event-node-form #edit-field-event-date-und-0-rrule-yearly .byday-bymonth {
  padding-top: 20px;
  margin-bottom: 0;
}

#event-node-form .form-item-field-event-date-und-0-rrule-monthly-bymonthday-bymonth-child-bymonthday select,
#event-node-form .form-item-field-event-date-und-0-rrule-monthly-byday-bymonth-child-byday-count select,
#event-node-form .form-item-field-event-date-und-0-rrule-yearly-bymonthday-bymonth-child-bymonthday select,
#event-node-form .form-item-field-event-date-und-0-rrule-yearly-byday-bymonth-child-byday-count select {
  width: auto;
}

#event-node-form #edit-field-event-date-und-0-rrule-monthly-byday-bymonth-child,
#event-node-form #edit-field-event-date-und-0-rrule-yearly-byday-bymonth-child {
  width: 100%;
  float: none;
}

#event-node-form #edit-field-event-date-und-0-rrule-monthly-byday-bymonth-child .byday-count,
#event-node-form #edit-field-event-date-und-0-rrule-yearly-byday-bymonth-child .byday-count {
  width: auto;
}

#event-node-form #edit-field-event-date-und-0-rrule-monthly-byday-bymonth-child .byday-day,
#event-node-form #edit-field-event-date-und-0-rrule-yearly-byday-bymonth-child .byday-day {
  float: left;
  width: auto;
}

#event-node-form #edit-field-event-date-und-0-rrule-monthly-byday-bymonth-child .byday-day select,
#event-node-form #edit-field-event-date-und-0-rrule-yearly-byday-bymonth-child .byday-day select {
  width: auto;
  display: inline;
}

#event-node-form #edit-field-event-date-und-0-rrule-monthly-byday-bymonth-child .byday-day label,
#event-node-form #edit-field-event-date-und-0-rrule-yearly-byday-bymonth-child .byday-day label {
  text-transform: none;
  font-weight: 400;
}

#event-node-form #edit-field-event-date-und-0-rrule-monthly-byday-bymonth-child .bymonth,
#event-node-form #edit-field-event-date-und-0-rrule-yearly-byday-bymonth-child .bymonth {
  float: left;
  margin-top: 10px;
  width: 100%;
}

#event-node-form #edit-field-event-date-und-0-rrule-monthly .form-wrapper .form-wrapper {
  width: 100%;
  float: left;
}

#event-node-form #edit-field-event-date-und-0-rrule-monthly-bymonthday-bymonth-child .bymonthday,
#event-node-form #edit-field-event-date-und-0-rrule-yearly-bymonthday-bymonth-child .bymonthday {
  padding-bottom: 10px;
}

#event-node-form #edit-field-event-date-und-0-rrule-monthly-bymonthday-bymonth-child .form-type-checkbox,
#event-node-form #edit-field-event-date-und-0-rrule-monthly-byday-bymonth-child-bymonth .form-type-checkbox,
#event-node-form #edit-field-event-date-und-0-rrule-yearly-bymonthday-bymonth-child .form-type-checkbox,
#event-node-form #edit-field-event-date-und-0-rrule-yearly-byday-bymonth-child-bymonth .form-type-checkbox {
  width: auto;
  margin-right: 10px;
}

#event-node-form #edit-field-event-date-und-0-rrule-monthly-bymonthday-bymonth-child .form-type-checkbox input,
#event-node-form #edit-field-event-date-und-0-rrule-monthly-byday-bymonth-child-bymonth .form-type-checkbox input,
#event-node-form #edit-field-event-date-und-0-rrule-yearly-bymonthday-bymonth-child .form-type-checkbox input,
#event-node-form #edit-field-event-date-und-0-rrule-yearly-byday-bymonth-child-bymonth .form-type-checkbox input {
  float: left;
  margin-right: 5px;
}

#event-node-form #edit-field-event-date-und-0-rrule-monthly-bymonthday-bymonth-child .form-type-checkbox label,
#event-node-form #edit-field-event-date-und-0-rrule-monthly-byday-bymonth-child-bymonth .form-type-checkbox label,
#event-node-form #edit-field-event-date-und-0-rrule-yearly-bymonthday-bymonth-child .form-type-checkbox label,
#event-node-form #edit-field-event-date-und-0-rrule-yearly-byday-bymonth-child-bymonth .form-type-checkbox label {
  text-transform: uppercase;
  font-size: 11px;
  float: left;
  width: 50px;
}

#event-node-form #edit-field-event-date-und-0-rrule-monthly-byday-bymonth-child-bymonth,
#event-node-form #edit-field-event-date-und-0-rrule-yearly-byday-bymonth-child-bymonth {
  float: left;
  margin-left: 22px;
}

#event-node-form .form-item-field-event-date-und-0-rrule-yearly-interval {
  border-bottom: 1px solid #e1e7eb;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#event-node-form .form-item-field-event-date-und-0-rrule-yearly-interval label:after {
  content: ": ";
  margin-right: 10px;
}

#event-node-form .form-item-field-event-date-und-0-rrule-yearly-interval input {
  width: auto;
  display: inline;
}

#event-node-form .form-item-field-event-date-und-0-rrule-monthly-bymonthday-bymonth-child-bymonthday label,
#event-node-form .form-item-field-event-date-und-0-rrule-monthly-byday-bymonth-child-byday-count label,
#event-node-form .form-item-field-event-date-und-0-rrule-yearly-bymonthday-bymonth-child-bymonthday label,
#event-node-form .form-item-field-event-date-und-0-rrule-yearly-byday-bymonth-child-byday-count label {
  text-transform: none;
  font-weight: 400;
}

.cke_screen_reader_only {
  height: 0;
}

body.cke_editable {
  min-height: initial;
}

/* // AccessMeeting - overrides */
.AccessMeeting {
  border: 0;
}

.AccessMeeting>div {
  padding: 0;
}

.AccessMeeting h1,
.AccessMeeting p {
  font-style: normal;
  color: #133850;
}

.AccessMeeting p {
  font-size: 13px;
}

.AccessMeeting input {
  width: 450px;
}

/* // Sharebutton - overrides */
body .sbkm .wtShareButton:link,
body .sbkm .wtShareButton:visited,
body .sbkm .wtShareButton:hover,
body .sbkm .wtShareButton:focus,
body .sbkm .wtShareButton:active,
body .sbkm .wtShareButton {
  background-image: none;
  width: 40px;
  height: 40px;
  background-color: #edf2f5;
  border-color: #fff;
  -webkit-box-shadow: -10px 10px 5px -6px rgba(72, 116, 144, 0.32);
  box-shadow: -10px 10px 5px -6px rgba(72, 116, 144, 0.32);
}

body .sbkm .wtShareButton:before {
  content: "\f1e0";
  font-family: Font Awesome\ 5 Free;
  font-weight: 700;
  font-size: 24px;
  padding: 0;
  color: #267eb7;
  margin-right: 20px;
  position: absolute;
  top: 0;
  left: 5px;
}

.wtOverlayer {
  background-color: #142e3e;
}

.wtSharePopup .wtPopupHead {
  background-color: #edf2f5;
}

.wtSharePopup .wtPopupContent {
  background-color: #fff;
}

.wtSharePopup .wtPopupHead h1,
.wtSharePopup .wtPopupHead h1 span {
  color: #133850 !important;
}

.wtSharePopup a.wtPopupCloseBtn {
  color: #267eb7 !important;
}

.wtPopupCloseBtn b {
  border-width: 0 !important;
}

.wtPopupCloseBtn b span {
  padding-top: 3px !important;
}

.jstree-icon {
  cursor: pointer;
}

.node-event .field-name-field-location,
.node-event .field-name-field-location *,
.node-event .field-name-field-event-code,
.node-event .field-name-field-event-code * {
  display: inline;
}
.node-event.node-teaser .field-name-body {
  margin-top: 40px;
}