* { font-size: 12px; }
body { background-color: #ECECEC; }
.layout { border-width: 0; }
.js ul#services { padding-top: 9px; padding-right: 155px; }
.js .language-selector { margin-top: 10px; margin-right: 10px; }
.js ul#accessibility-menu { float: left; width: auto; }
.js ul#accessibility-menu a { background-color: #337AB7 !important; border-color: #337AB7 !important; border-radius: 4px; padding: 3px 10px 7px 10px; margin: 2px 0 0 0; }
#header #banner-title-text-subtitle, #header #banner-title-text { font-family: 'ec_square_sans', Arial, sans-serif; font-size: 28px; color: #0065a2; text-transform: uppercase; }
#header #banner-title-text-subtitle { font-size: 21px; color: #FFFFFF; text-transform: none; background-color: #0065A2; position: absolute; top: 100px; width: 100%; padding: 0 0 0 240px; height: 45px; }
#path li a, #services a { font-size: 11px; }
#path li { background: url("https://ec.europa.eu/migrant-integration/assets/2016/breadcrumb.gif") transparent left center no-repeat; }
div#path ul { white-space:nowrap; overflow: hidden; width: 95%; text-overflow: ellipsis; min-width: 500px; }
div#path ul li { display:inline; float: none; }
#services a { background: url("https://ec.europa.eu/migrant-integration/assets/2016/services-separator.gif") transparent left center no-repeat; }
div#top-tools { padding: 8px 0; }
a:hover .fa { text-decoration: none; }
a.btn { text-decoration: none; position: relative; }
a .fa { margin-right: 5px; }
div.domains label{max-height: fit-content; }
label > a > .fa { margin-right: 0; }
#content .row, #top-tools .row { margin: 0; }
.inner-page .dropdown-menu { box-shadow: none; }
#invert_inner { margin-top: 55px !important; }
.split { border-right: 1px solid #CCCCCC; margin: 0 10px 0 5px; }
.social-group * { font-size: 17px; position: relative; top: 1px; }
.social-group .off-screen { position: absolute; top: -999px; }
#top-tools .fa-rss-square { color: #f26522; }
.fa-twitter-square { color: #55acee; }
.fa-facebook-square { color: #3b5998; }
#top-tools .fa-print { color: #0065A2; }
#top-tools .fa-file { color: #DC7B2C; }
#top-tools .fa-file-smaller:after { content: "A"; position: relative; left: -11px; color: white; font-size: 10px; font-family: Verdana; margin-right: -7px; }
#top-tools .fa-file-larger:after { content: "A"; position: relative; left: -13px; color: white; font-size: 13px; font-family: Verdana; margin-right: -13px; }
.btn-ewsi-solid { background-color: #337ab7; color: white !important; border-color: #2e6da4; font-size: 12px; }
.btn-ewsi:hover, .btn-ewsi:active, .btn-ewsi:target, .btn-ewsi:focus, .btn-ewsi-solid:hover, .btn-ewsi-solid:active, .btn-ewsi-solid:target, .btn-ewsi-solid:focus { background-color: #0081D6 !important; border-color: #0065A2 !important; color: white !important; }
.btn-ewsi { border-color: #337ab7; color: #337ab7 !important; font-size: 12px; }
.btn-addon { position: absolute; right: -1px; top: -1px; bottom: 0; width: 31px; height: 31px; background: #0065a2; border: 1px solid #00558a;text-align: center; line-height: 28px; border-top-right-radius: 4px;}
.btn-addon .fa,
.btn-icon .fa { margin: 0; margin-top: 8px;}
.btn-subscribe { text-align: left; }
.btn-subscribe .fa { font-size: 15px; margin: 0; }
#content .list-item {border-radius: 4px;padding: 11px 11px 8px 11px;margin-top: 10px;}
.content-filter { border-bottom: 1px solid #e2e9ed; }
.content-filter .btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; text-align: left; padding-left: 15px; }
.list-item .item-head .icon { color: #0065A2; float:right; }
.list-item .item-head .date { color: #999999; font-size: 11px; float:right; padding: 1px 5px 0 0;}
.list-item .item-head .title { font-weight: bold; }
.list-item .item-labels a { color: #333333; }
.list-item .item-labels span.taxonomy { text-transform: capitalize; background-color: #D1D1D1; padding: 3px 6px; display: inline-block; border-radius: 4px; margin-right: -1px; margin-bottom: 5px; font-size: 90%; }
.list-item .item-labels span.taxonomy .fa { margin-left: 5px; }
.list-item .item-labels a.taxonomy-hidden { display: none; }
.list-item .item-labels span.taxonomy.taxonomy-more { text-transform: none; }
.list-item p { margin: 5px 0; }
.margin-top-bottom { margin: 10px 0; }
.half-form-control { width: 50%; }
#social-nav-tab li { width: 100%; display: block; }
#social-nav-tab li  a { color: #0065A2; text-align: left; text-decoration: none; background-color: #E8F5FE; margin: 0; padding: 7px 12px; }
#social-nav-tab li.active  a { background-color: #337ab7; color: white; border-color: #2e6da4; }
#social-nav-tab li a .fa-twitter { font-size: 1.5em; margin: 0; }
.social-nav-tab { height: auto; margin-bottom: 20px; }
.social-nav-tab .tab-content { border: 1px solid #e2e9ed; border-top: 0; min-height: 300px }
.social-nav-tab .tab-pane {position: relative;}
#calendar { background-color: #0065A2; width: 100%; height: 200px; }
#footer { background-color: #0065A2; margin-top: 20px; padding: 10px; text-align: center; }
#footer ul { padding: 0; color: white; }
#footer ul li { display: inline-block; }
#footer ul li a { color: white; }
#footer ul li a:hover { color: #ECECEC; }
#footer ul li:after { content: ""; border-right: 1px solid #ECECEC; margin-left: 5px; margin-right: 5px;}
#footer ul li:last-of-type:after { border: none; margin: 0; }
.box-header { padding: 10px 12px; color: white; background-color: #337ab7; border-radius: 4px 4px 0 0; }
.box-header * { font-size: 12px; }
.box-header .fa-calendar { font-size: 17px; }
.box-title { display: inline-block; font-weight: normal; }
.month-and-year-text { text-align: center; font-weight: bold; color: #0065A2; }
a.month-button-left { text-align: left; width: 20px; display: inline-block; }
a.month-button-right { text-align: right; width: 20px; display: inline-block; }
#event-cal .fa { color: #0065A2; }
#calendar-box { background-color: #F5F5F5; padding-bottom: 7px; margin-bottom: 20px; }
#event-cal table { margin: 5px 0; }
#event-cal td { font-size: 10px; padding: 5px; text-align: center; border :none; }
#event-cal td a { text-decoration: none; font-size: 10px; }
#event-cal td.event_popover a { font-weight: bold; }
#event-cal td.selected { border-radius: 4px; background-color: #ccddee; }

.shaded { background-color: #E8F5FE; }

.list-top-links { text-align: left; margin: 15px 0 10px; }
.list-top-links .btn { margin-right: 5px; }
.sort-icons { display: inline-block; height: 20px; position: relative; width: 16px; }
.sort-icons a,
.sort-icons button { position: absolute; left: 0; width: 14px; height: 10px; font-size: 16px; display: block; padding: 0; border: none; background-color: transparent; color: #347C98; }
.sort-icons .sort-up { top: 0; }
.sort-icons .sort-down { bottom: 0; }
.sort-icons button:hover,
.sort-icons a:hover { color: orange; }
.sort-icons .sort-up > i,
.sort-icons .sort-down > i { font-size: 14px; top: -2px; }
.sort-icons button.sort-up.current,
.sort-icons a.sort-up.current,
.sort-icons button.sort-down.current,
.sort-icons a.sort-down.current { color: orange; }

.table { margin-bottom: 10px; }
.table.list th { font-size: 14px; padding: 10px; }
.table.list th { white-space: nowrap; min-width: 62px; text-overflow: ellipsis; overflow: hidden; }
.table-condensed>tbody>tr>td { padding: 10px; }
.isocode { border: 1px solid #337ab7; color: #337ab7 !important; font-size: 12px; text-transform: uppercase; width: 40px; display: inline-block; padding: 5px; font-weight: bold; text-align: center; }
.pagination { width: 100%; text-align: center; margin: 10px 0; }
.pagination ul li { display: inline; }
.pagination a .fa { margin-right: 0; }
.pagination li.disabled * { color: #999999 !important; border-color: #999999 !important; cursor: default; }
.pagination li.disabled *:hover { background-color: transparent !important; }
.pagination ul li > a, .pagination ul li > span { margin-bottom: 5px; }
.medialist-item {background-color: #E8F5FE;border-radius:  4px;padding: 5px 5px 5px 10px; margin-top: 10px !important;}
.medialist-item a.pull-right { padding: 5px 5px 0 0;}
.medialist-item .media-heading { font-weight: bold; width: auto; display: inline-block; }
.medialist-item .media-date { color: #666666; display: inline-block; float: right; margin-right: 10px; padding: 4px; }

#header #banner-title-text-subtitle { padding: 5px 40px 5px 240px; height: auto; line-height: 1.1; min-height: 45px; }

a:focus, a:hover, a:visited { color: #347C98; }

@media screen and (max-width: 768px) {
  #top-tools > div > div {
    margin-bottom: 10px;
  }
  #header {
    overflow: hidden;
  }
  #header #banner-title-text {
    min-height: 70px;
  }
  #header #banner-title-text-subtitle {
    position: relative;
    top: auto;
    padding: 10px 0 10px 113px;
    height: auto;
  }
  .js .language-selector {
    margin: 0;
  }
}

@media screen and (max-width: 600px) {
  .js .language-selector {
    margin: 5px;
  }
  #header #banner-title-text-subtitle { padding: 10px; }
  .menu-browse { display: none; }
}

/*===================================
=            CAROUSEL               =
===================================*/
#carousel {position: relative; z-index: 1;}
#carousel .row { margin: 0 15px; }
#carousel .jumbotron { padding: 0; margin-bottom: 15px; }
#carousel .col-sm-8 { padding: 0;}
#carousel>.row div:nth-of-type(1) { border-radius: 4px 0 0 4px; }
#carousel>.row div:nth-of-type(2), .rslides img { border-radius: 0 4px 4px 0; }
.centered-btns_nav { background: transparent url("https://ec.europa.eu/migrant-integration/assets/2016/slider-themes.gif") no-repeat left top }
#carousel .shaded {background-color: #E8F5FE; position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 33.33333333%; padding: 15px; }
#carousel .img-wrap { margin-left: 33.33333333%; width: 66.66666667%; }
#carousel span.image-title { color: #0065A2; font-weight: bold; font-size: 16px; margin-top: 0; display: block; margin-bottom: 10px; }
.rslides > li { margin: 0; }
.centered-btns_nav.next { right: 1px; }
.centered-btns_nav.prev { left: 33.33333333%; }
span.image-caption { height: 100px; display: block; color: black; }
ul.centered-btns_tabs { padding: 0; position: absolute; left: 15px; bottom: 10px; z-index: 10; }
ul.centered-btns_tabs li { display: inline-block; margin: 0 3px 0 0; }
ul.centered-btns_tabs li a { border: 1px solid #8fb7d0; background-color: #fff; height: 10px; width: 10px; border-radius: 3px; display: block; text-decoration: none; text-indent: -9999px; }
ul.centered-btns_tabs li.centered-btns_here a { background-color: #0065a2; border-color: #0065a2; }

#carousel a:visited, #carousel a:hover, #carousel a:focus { color: #0065A2; }
#carousel a span.image-caption { text-decoration: none !important; display: inline-block; }

@media (max-width: 900px) {
  #carousel .jumbotron { border-radius: 4px !important; }
  #carousel .shaded { width: 100%; position: relative; height: auto; border-radius: 4px 4px 0 0; }
  #carousel .shaded span.image-caption { height: auto; }
  #carousel .img-wrap { width: 100%; margin: 0; }
  #carousel .img-wrap img { border-radius: 0 0 4px 4px; }
  .centered-btns_nav { top: 62%; }
  .centered-btns_nav.prev { left: 0; }
}

/*===================================
=            SEARCH BOX             =
===================================*/
.search-box .btn {
  padding-top: 4px;
  padding-bottom: 5px;
  border-color: #337AB7;
  color: #337AB7;
}
.search-box .form-control {
  height: 31px;
  font-size: 12px;
  border-color: #337AB7;
}

/*===================================
=            NAVBAR MENU            =
===================================*/
#main-menu {
  min-height: 40px;
  margin-bottom: 15px;
}
#main-menu .affix {
  width: 984px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 99999;
}
#main-menu .container,
#main-menu .navbar .collapse,
#main-menu ul.menu li {
  padding: 0;
  margin: 0;

}
#main-menu > .navbar {
  margin-bottom: 0;
}
#main-menu > .navbar > .container {
  width: 100%;
}
#main-menu .navbar-nav {
  position: relative;
  width: 100%;
  margin-left: 0;
}
#main-menu .navbar-nav > li {
  position: static;
}
#main-menu .navbar-nav > li > a {
  display: block;
}
#main-menu .navbar-nav > li > a,
#main-menu .navbar-nav > li:focus > a,
#main-menu .navbar-nav > li.open > a,
#main-menu .navbar-nav>.open>a,
#main-menu .navbar-nav>.open>a:hover,
#main-menu .navbar-nav>.open>a:focus,
#main-menu .navbar-nav>li>a.active {
  border-radius: 0;
}
:not(.i18n-en) #main-menu .navbar-nav > li > a {
  text-transform: none;
}
#main-menu .navbar-nav > li.open > a,
#main-menu .navbar-nav > li > .dropdown-menu {
  background-color: #3C91D7;
  box-shadow: none;
}
#main-menu .navbar-nav > li > .dropdown-menu {
  width: 100%;
  bottom: -38px;
  padding: 3px 5px;
  border-radius: 0;
  text-align: center;
  border: 0;
}
#main-menu .navbar-nav>li>a.active,
#main-menu .navbar-nav>li>a.active-trail,
#main-menu .navbar-nav > li.active-trail > .dropdown-menu.active-trail {
  background-color: #3C91D7;
  display: inline-block;
  z-index: 999;
}
#main-menu .navbar-nav > li > .dropdown-menu > li {
  display: inline-block;
}
#main-menu .navbar-nav > li > .dropdown-menu > li > a {
  display: inline-block;
  background-color: #3C91D7;
  color: #FFF;
  border: 1px solid #3C91D7;
  padding: 5px 15px;
  font-size: 14px;
}
#main-menu .navbar-nav > li > .dropdown-menu > li > a:hover,
#main-menu .navbar-nav > li > .dropdown-menu > li > a:focus,
#main-menu .navbar-nav > li > .dropdown-menu > li > a.active,
#main-menu .navbar-nav > li > .dropdown-menu > li > a.active-trail {
  background-color: #0065a2;
  color: #FFF;
}

#main-menu .navbar-nav > li.first > a,
#main-menu .navbar-nav > li.last > a {
  width: 40px;
  padding: 10px;
}
#main-menu .navbar-nav > li.first span,
#main-menu .navbar-nav > li.last span {
  font-size: 15px;
}
.navbar-nav > li.last {
  float: Right;
}
#main-menu .navbar-nav > li.last > .dropdown-menu {
  text-align: right;
}

#main-menu ul.navbar-nav li.last {
  line-height:1;
}

.navbar-default .navbar-toggle {
  background-color: #337AB7;
  border-color: #337AB7;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #0081D6;
  border-color: #0081D6;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  clear: both;
}

#main-menu .navbar-nav > li.current {
  display: block;
}
#main-menu .navbar-nav > li.current-on a {
  background-color: #3C91D7;
}
#main-menu .navbar-nav > li.current-off a {
  background-color: #0065A2;
}

@media (min-width: 768px) {
  #content { min-height: 250px; }
  .inner-page #content { padding-top: 30px; }
  #main-menu .navbar-nav > li > a {
    width: 186px;
    text-align: center;
  }
}
@media (min-width: 991px) {
 #content { min-height: calc(100vh - 373px); } 
}
@media (max-width: 991px) {
  #main-menu .affix {
    width: 100%;
  }
}
@media (max-width: 991px) and (min-width: 767px) {
  #main-menu .container  {
    width: 750px;
    margin: 0 auto;
  }
  #main-menu .navbar-nav  {
    font-size: 14px;
    width: 100%;
  }
  #main-menu .affix .navbar-nav {
    height: 40px;
  }
  #main-menu .navbar-nav > li > a {
    font-size: 14px !important;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  #main-menu .affix .navbar-nav > li > a {
    padding: 10px;
  }
  #main-menu .navbar-nav > li > .dropdown-menu {
    width: calc(100% + 2px);
  }
  .region-featured-wrapper.sidebar-visible-sm .mobile-user-bar+.region-featured #main-menu .navbar-nav {
    padding-left: 0;
  }
  .mobile-user-bar .navbar-header {
    display: none;
  }
  .menu li:nth-child(n+2) {
    width: 18%;
  }
  #main-menu .navbar-nav > li > .dropdown-menu > li {
    width: auto;
  }
  #main-menu .navbar-nav > li.first > a {
  }
  #main-menu .affix .navbar-nav > li.first > a {
    width: 40px;
  }
}
@media (max-width: 767px) {
  #main-menu .navbar {
  }
  #main-menu .navbar .collapse.in {
    overflow-x: hidden;
  }
  #main-menu .navbar-nav > li > a {
    padding-left: 30px;
    width: 100%;
  }
  #main-menu > .navbar > .container {
    height: 100%;
    overflow-y: auto;
  }
  #main-menu .nav {
    padding-bottom: 40px;
  }
  #main-menu .navbar-nav > li > .dropdown-menu {
    display: block;
    position: static;
    top: auto;
    left: auto;
    bottom: auto;
    width: 100%;
    float: none;
    box-shadow: none;
    margin: 0;
    text-align: left;
  }
  #main-menu .navbar-nav > li > .dropdown-menu > li {
    display: block;
  }
  #main-menu .navbar-nav > li > .dropdown-menu > li > a,
  #main-menu .navbar-nav > li > .dropdown-menu > li > a:hover,
  #main-menu .navbar-nav > li > .dropdown-menu > li > a:focus {
    width: 100%;
    display: block;
    float: none;
    background-color: transparent;
    border-color: transparent;
    padding-left: 35px;
  }
  #main-menu .navbar-nav > li > a > .caret {
    display: none;
  }

  #main-menu .navbar-nav > li.active-trail > .dropdown-menu > li > a.active {
    background-color: #289dfa;
  }
  #main-menu .navbar-nav > li > .dropdown-menu > li > a:hover,
  #main-menu .navbar-nav > li > .dropdown-menu > li > a:focus,
  #main-menu .navbar-nav > li.active-trail > a.active:hover,
  #main-menu .navbar-nav > li.active-trail > a.active:focus,
  #main-menu .navbar-nav > li.active-trail > a.active {
    background-color: #1986DC;
  }
  #main-menu .navbar-nav > li.first > a,
  #main-menu .navbar-nav > li.last > a {
    width: 100%;
    padding-left: 30px;
  }
  #main-menu .dataset {
      text-indent: 30px;
      background-position: 30px center;
  }
  #main-menu .navbar-nav > li.last > .dropdown-menu {
      text-align: left;
  }
}
@media (min-width: 768px) {
  #layout-body.active-submenu {
    padding-top: 56px;
  }
}
.navbar { border-radius: 0; min-height: 40px; margin-bottom: 15px; }
#main-menu .navbar li a,
#main-menu .navbar { background-color: #0065A2; border: none; text-decoration: none; font-size: 14px; }
#main-menu .navbar a { color: white; padding-top: 10px; padding-bottom: 10px; }
#main-menu .dropdown {border: none; }
#main-menu .dropdown a { margin-right: 0; }
#main-menu ul ul li { float: none; }
.current>.dropdown-menu {
  display: block !important;
  z-index: 1;
}
.open>.dropdown-menu {
  z-index: 2;
}
/*=====  End of NAVBAR MENU  ======*/

@media (max-width: 768px) {
  #header {
    overflow: hidden;
  }
}

#header { min-height: 145px; }
.list-item .item-head { overflow: hidden; }
.list-item .item-head .icon { color: #0065A2; float:right; }
.list-item .item-head .date { color: #999999; font-size: 11px; float:right; padding: 1px 5px 5px 20px;}
.list-item .item-head .title { font-weight: bold;  -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.list-item .item-head .thumb { float: left; border: 1px solid #CCCCCC; width: 60px; height: 42px; margin-top: 1px; margin-right: 10px; }
.item-head .title a { color: black; text-decoration: none; }
.list-item p a { float: right; }
.content-filter-options .fa, .list-item .item-head .icon { font-size: 14px; margin-top: -2px; }
.list-item .item-labels { overflow: hidden; width: 100%; padding-top: 5px; }
.content-filter-options .fa.fa-file, .list-item .item-head .icon .fa-file { font-size: 12px; }
.bic_calendar { position: relative; }
.bic_calendar .cal-loading { text-align: center; position: absolute; width: 100%; }
.splash ul#menu li { list-style-type: none; min-height: 50px; margin-left: 50px; }
.splash ul#menu li .isocode { margin-right: 10px;line-height: 30px; width: 30px; display: inline-block; border: 1px solid #074A8B; color: #074A8B; text-transform: uppercase; text-align: center;}
.splash ul#menu li a { padding: 10px 10px; color: #074A8B; text-decoration: none; font-size: 14px; }
.splash ul#menu li a:hover .isocode { color: white !important; background-color: #074A8B; }
.splash { padding-top: 50px; min-height: 450px !important; background-position: right;  background-image: url("https://ec.europa.eu/migrant-integration/assets/img/splash.jpg");  background-repeat: no-repeat; }
.noty { z-index: 999; }
.noty .close { font-size: 18px; text-decoration: none; }

.content-filter.no-border { border-bottom: 1px solid white;}
.content-filter-options { display: none; border: 1px solid #e2e9ed; border-radius: 4px; position: relative; top:-1px; }
.content-filter-options form { padding: 5px; }
.content-filter-options .checkbox+.checkbox { margin-top: 10px; }
.content-filter-options form input[type=checkbox] { margin: 0; }

.advanced-search-form { background: #E8F5FE; padding: 15px; border-radius: 4px; }
.advanced-search-form .checkbox input[type=checkbox] { margin-left: 0; }
.advanced-search-form legend { font-size: 120%; font-weight: bold; border-bottom: solid 1px #ececec; color: #3c91d7; margin-bottom: 6px; }
.advanced-search-form .domain-dropdown { position: relative; display: inline-block; width: 200px; }
.advanced-search-form .domain-dropdown .btn { display: none; }
.advanced-search-form .domain-dropdown label { display: block; }
.advanced-search-form .domain-dropdown select { display: inherit; position: relative; top: 3px; left: 0; height: 150px; z-index: 1000; width: 200px; border-radius: 4px; }
.advanced-search-form .selected-criteria li > i { color: #3c91d7; font-size: 14px; cursor: pointer; padding: 0 5px; }
.js .advanced-search-form .domain-dropdown { display: inline; }
.js .advanced-search-form .domain-dropdown .btn { display: inline-block; }
.js .advanced-search-form .domain-dropdown select { display: none; position: absolute; top: 22px; width: auto; }
.ie7 .advanced-search-form .domain-dropdown { width: auto; margin-right: 5px; }
/* STYLE GUIDE UPDATES */
.advanced-search-form { border: 4px solid #e9f6fe; background-color: #fff; padding: 0; }
.advanced-search-form .advanced-search-header h2 { float: left; }
.advanced-search-form .advanced-search-header { background-color: #eaf7fe; padding: 15px;}
.advanced-search-form #advanced-search-options { padding: 15px; }

.right-boxes { float: right; max-width: 250px; margin-left: 20px; }
.right-boxes .taxonomy-box { border: 1px solid #999; margin: 0 0 10px 10px; border-radius: 4px; background: #fff; }
.right-boxes .taxonomy-box .box-title { background-color: #999; color: #FFFFFF; padding: 1px 10px; }
.right-boxes .taxonomy-box.thematic { border-color: #eea450; }
.right-boxes .taxonomy-box.thematic .box-title { background-color: #eea450; }
.right-boxes .taxonomy-box.targetgroup { border-color: #0065a2; }
.right-boxes .taxonomy-box.targetgroup .box-title { background-color: #0065a2; }
.right-boxes .taxonomy-box ul { font-size: 0.9em; list-style-type: none; padding: 0 10px; }
.right-boxes .taxonomy-box ul.files { padding-left: 5px; }
.right-boxes .taxonomy-box ul.files li { margin: 0 0 0 21px; }
.right-boxes .taxonomy-box ul.files li.file-pdf { background: url("https://ec.europa.eu/migrant-integration/assets/img/pdf_16.gif") no-repeat left top; padding: 0 0 0 21px; list-style: none; margin: 0; }
.right-boxes .taxonomy-box ul.files li.file-jpg,
.right-boxes .taxonomy-box ul.files li.file-jpeg,
.right-boxes .taxonomy-box ul.files li.file-gif,
.right-boxes .taxonomy-box ul.files li.file-png { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB8ElEQVQ4T6WTzU8TQRjGn9lZSmhUxKQE9ADEIAqJiQnhoifjiRhPyMFI2iKNKy1/gPdGE04et2L8iAcTI5Dg14WjF4khXIzxojWBAzYN1A/ox+68vrtkt2MLJzaZzMz7vPObZ3bmFTjkJ4L18ckJaikrSCk5RCFWQMCpVuFEW/D0yfMwP0jwA8mpOF3r6sV5Eqisb8Dd2fnPV/lbHg97uzE3/6oZkEwl6Ip5FGdWVlHK/0CZCEpz4JEcbu8uDuPR66VmQGp8nK4uf8CWUpxYt974az5dvgR7YX4fwPQMJe/eg6MIBsuGEOAhHG4eTrGjUtnFe/s+5h7MNgPiVoZ6Bi9g8/NKuGnn0Ah+8vz4uRE/tv2lrunOYrEYxMTtNEXZvG3boWZZlj/3eu/TNR3g6SJhpamV9gD6wsa5vjDQfAe37mTIVLUDHehOAkgQy+VyggFpBtQdNCY1HkF36QPiqUk6dboPxe/raO/pQsdAO/If14BSG/7ITb4KgSOqMzyBZ7tQKMDrs9msEDcS1+nkMFCpbYHMXRiyglLxN7aLFSglIVsVoh0Su2tnsfjyTfM1jt0cpcjgVyiXb92swojwO1AR1ByDdzcgTc8EwVntx+KLt/u8Ay6iX3+Le0UUyloeD13XxbG2E3j2+IBiOkxF/wOo4N0rU6l6XAAAAABJRU5ErkJggg==") no-repeat left top; padding: 0 0 0 21px; list-style: none; margin: 0; }
.right-boxes .taxonomy-box ul.files li.file-ppt { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABm0lEQVQ4T6WTwUoCQRzGv2khewGRbvUE3ULQ7QG6dJJOopaJB3fPPYAgrAoGLSjiYkWHxUN06dClg75FESx4yoJQJCt3p52t2XZbtw7NZZmZ//83337fDME/B+H92f00jVhzCIJgL1EXSwiBOX/DjETQ1c7cel7gLOTyGZrdWoW4NgMmBjCf+nTR5zvINxtQuxdBQO4gSzObKxCXr/HydI/pK2B9C3BA7yag3G7j+PQqCJDyu/RwXcfDxC60wg05f9zBkXYZBMiyTGu1mtPJ/pcNSv0SDMOAqqpoNBrhAF3XMRgMXAmiKKLf74dKikajKJfLhHAFkiSh2Wy6DcVi0Tf/SWL7rVbrE1Cv11EqlZwG3rjoyyC8xqegWq3CBv2qgAG9AHa64xtT4AXwQm8xN5aZzBX4AIqioNfrOSYmk0mkUil3nkgkEI/HwQ6JxWIYjUbg8h0Ftnm0Uqk4EbL4eJTeOIfDIZhP7XY7GGOhUKAsAW8jd5zfh/F4jE6nA03TgoDMXpoSS/h6RItjN00TdMnESdhjCr/Af+98AAXr0RGqvHqsAAAAAElFTkSuQmCC") no-repeat left top; padding: 0 0 0 21px; list-style: none; margin: 0; }
.right-boxes .taxonomy-box ul ul { padding-left: 15px; }
.right-boxes .taxonomy-box ul ul li { line-height: 1.3em; }
.right-boxes .taxonomy-box button { background: transparent; border: none; text-decoration: underline; font-size: 11px; color: #347C98;text-align:left;vertical-align:top;padding:0; }

.taxonomy-box { border: 1px solid #999; margin: 0 0 10px 10px; border-radius: 4px; background: #fff; }
.taxonomy-box .box-title { background-color: #999; color: #FFFFFF; padding: 1px 10px; }
.taxonomy-box ul.files { padding-left: 5px; padding: 10px; }
.taxonomy-box ul.files li { margin: 0 0 0 21px; }
.taxonomy-box ul.files li.file-pdf { background: url("https://ec.europa.eu/migrant-integration/assets/img/pdf_16.gif") no-repeat left top; padding: 0 0 0 21px; list-style: none; margin: 0; }
.taxonomy-box ul.files li.file-jpg,
.taxonomy-box ul.files li.file-jpeg,
.taxonomy-box ul.files li.file-gif,
.taxonomy-box ul.files li.file-png { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB8ElEQVQ4T6WTzU8TQRjGn9lZSmhUxKQE9ADEIAqJiQnhoifjiRhPyMFI2iKNKy1/gPdGE04et2L8iAcTI5Dg14WjF4khXIzxojWBAzYN1A/ox+68vrtkt2MLJzaZzMz7vPObZ3bmFTjkJ4L18ckJaikrSCk5RCFWQMCpVuFEW/D0yfMwP0jwA8mpOF3r6sV5Eqisb8Dd2fnPV/lbHg97uzE3/6oZkEwl6Ip5FGdWVlHK/0CZCEpz4JEcbu8uDuPR66VmQGp8nK4uf8CWUpxYt974az5dvgR7YX4fwPQMJe/eg6MIBsuGEOAhHG4eTrGjUtnFe/s+5h7MNgPiVoZ6Bi9g8/NKuGnn0Ah+8vz4uRE/tv2lrunOYrEYxMTtNEXZvG3boWZZlj/3eu/TNR3g6SJhpamV9gD6wsa5vjDQfAe37mTIVLUDHehOAkgQy+VyggFpBtQdNCY1HkF36QPiqUk6dboPxe/raO/pQsdAO/If14BSG/7ITb4KgSOqMzyBZ7tQKMDrs9msEDcS1+nkMFCpbYHMXRiyglLxN7aLFSglIVsVoh0Su2tnsfjyTfM1jt0cpcjgVyiXb92swojwO1AR1ByDdzcgTc8EwVntx+KLt/u8Ay6iX3+Le0UUyloeD13XxbG2E3j2+IBiOkxF/wOo4N0rU6l6XAAAAABJRU5ErkJggg==") no-repeat left top; padding: 0 0 0 21px; list-style: none; margin: 0; }
.taxonomy-box ul.files li.file-ppt { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABm0lEQVQ4T6WTwUoCQRzGv2khewGRbvUE3ULQ7QG6dJJOopaJB3fPPYAgrAoGLSjiYkWHxUN06dClg75FESx4yoJQJCt3p52t2XZbtw7NZZmZ//83337fDME/B+H92f00jVhzCIJgL1EXSwiBOX/DjETQ1c7cel7gLOTyGZrdWoW4NgMmBjCf+nTR5zvINxtQuxdBQO4gSzObKxCXr/HydI/pK2B9C3BA7yag3G7j+PQqCJDyu/RwXcfDxC60wg05f9zBkXYZBMiyTGu1mtPJ/pcNSv0SDMOAqqpoNBrhAF3XMRgMXAmiKKLf74dKikajKJfLhHAFkiSh2Wy6DcVi0Tf/SWL7rVbrE1Cv11EqlZwG3rjoyyC8xqegWq3CBv2qgAG9AHa64xtT4AXwQm8xN5aZzBX4AIqioNfrOSYmk0mkUil3nkgkEI/HwQ6JxWIYjUbg8h0Ftnm0Uqk4EbL4eJTeOIfDIZhP7XY7GGOhUKAsAW8jd5zfh/F4jE6nA03TgoDMXpoSS/h6RItjN00TdMnESdhjCr/Af+98AAXr0RGqvHqsAAAAAElFTkSuQmCC") no-repeat left top; padding: 0 0 0 21px; list-style: none; margin: 0; }
.taxonomy-box ul.files li a span { white-space: nowrap; width: 100%; text-overflow: ellipsis; overflow: hidden; display: inline-block; }

.article-info { margin-bottom: 8px; }
.article-info > span {font-size: 0.9em; }
.article-info .author { display: block; }
.article-info .date { font-weight: bold; }
.article-info img { margin: 5px 10px 5px 0; }
.article-info .unofficialtrans { color: #666666; font-weight: normal; font-size: 80%; }
.article-info .authors { display: block; margin-top: 10px; }
.article-info .source { display: block; clear: left; }
.article-info ul { list-style-type: none; display: inline; margin: 0; padding: 0; }
.article-info ul li { display: inline; font-size: 0.9em; }
.article-info ul:not(.taxo-list) li:not(:first-child):before { content: ", "; }

h2 > a, h2 > span, h2 > em, h2 > strong,
h3 > a, h3 > span, h3 > em, h3 > strong { font-size: 100%; }

.multiple-events .event { margin-top: 30px; display: block; padding: 15px; background-color: #E8F5FE; border-radius: 4px; }
.event-details-field-label { font-weight: bold; }
.detail-image { float: left; margin: 0 15px 8px 0; }

.body { padding: 15px 0; }
img.flag-latest { position: relative; top: -8px; height: 55px; width: 100%; }
#advanced-search-options.options, #advanced-search-options.options fieldset { width: 100%; }

.content-details { display: table; width: 100%; border-collapse: collapse; table-layout:fixed; margin-top: 15px; margin-bottom: 15px; }
.content-details div.content-details-row { display: table-row; }
.content-details div.content-details-row div { display: table-cell; padding: 1px 8px; vertical-align: top; }
.content-details div.content-details-row div div { display: block; }
.content-details .content-details-field-label { width: 100px; text-align: right; font-size: 0.9em; font-weight: bold; color: #003366; background-color: #E8F5FE; }
.content-details div.content-details-row:first-child div.content-details-field-label { border-radius: 4px 0 0 0; }
.content-details div.content-details-row:last-child div.content-details-field-label { border-radius: 0 0 0 4px; }
.content-details .content-details-field { width: 350px; }
.content-details .content-details-taxonomies { list-style-type: square; }
.content-details .content-details-title,
.content-details .event-details h2 { line-height: 130%; font-weight: bold; }
.content-details a { word-break: break-all; word-wrap: break-word; overflow-wrap: break-word; }

@media (max-width:767px) {
  .right-boxes { float: none; max-width: none; width: 100%; }
  .content-details { padding: 1px; display: block; width: 100%; }
  .content-details div { padding: 1px; display: block; }
  .content-details div.content-details-row > div { display: block; width: 100%; }
  .content-details div.content-details-row > .content-details-field-label { text-align: left; }
  .content-details div.content-details-row div.content-details-field-label { border-radius: 4px; }
}

#taxonomy-tree { padding-left: 0; }
#taxonomy-tree,
#taxonomy-tree ul { list-style-type: none; margin-bottom: 1em; }
#taxonomy-tree i,
#taxonomy-tree ul i { font-size: 1.3em; color: #396ea2; }
#taxonomy-tree a,
#taxonomy-tree ul a { text-decoration: none; color: #396ea2; }
#taxonomy-tree a:hover,
#taxonomy-tree ul a:hover { text-decoration: underline; }
#taxonomy-tree ul a,
#taxonomy-tree ul i { color: #0065a2; }
#taxonomy-tree ul ul a,
#taxonomy-tree ul ul i { color: #8aa7c3; }

#map_container #mapster_wrap_0 { margin: 0px auto; }

#simple-search-criteria { font-weight: bold; }

#member-menu-container { position: relative; display: inline-block; position: absolute; top: 35px; right: 0; z-index: 1000; width: 250px; display: none; }
#member-menu-container.open { display: block; }
#member-menu { width: 100%; padding: 5px 0; margin: 0; }
#member-menu li { list-style-type: none; }
#member-menu li a { display: block; padding: 8px 15px; }
.arrow_box { background: #fff; border: 1px solid #337ab7; border-radius: 4px 4px; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2); }
.arrow_box:after,
.arrow_box:before { bottom: 100%; left: 216px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 15px; margin-left: -15px; }
.arrow_box:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #337ab7; border-width: 16px; margin-left: -16px; }

.user-submit-menu .btn { width: 100%; margin-bottom: 5px; }

@media print {
  #header #banner-title-text-subtitle { padding-left: 100px; top: auto; }
  #header { min-height: 100px; border-bottom: 1px solid #0065a2; }
  #top-tools { display: none; }
  #main-menu { display: none; }
  .alert { display: none;}
  #footer { display: none; }
  #path { display: block; border-bottom: 3px solid #0065a2; padding-top: 2px; padding-bottom: 2px; }
  #path li { padding-left: 5px; }
  #path a:after { content: " >"; }
  #path li:last-of-type a:after { content: ""; }
  .list-top-links a:after { content: ""; }
  .btn-ewsi-solid { color: #337ab7 !important; }
  .options.collapse { display: block; }
  input[type="hidden"] { display: block !important; }
  .aptext-content { display: block !important; }
  .aptext-pre, .aptext-wrapper { display: none !important; }
}

#taxonomy-tree a .fa-folder-open, #taxonomy-tree a .fa-folder-o { margin-right: 10px;  }
#taxonomy-tree.sitemap ul ul * { color: #0065a2; }

form.editor .required:before { content: "*"; color: red; margin-right: 5px; }
form.editor .checkbox.required:before { margin-right: 28px; margin-left: -40px; }
form.editor input[type="checkbox"] + label { margin-left: 10px; max-width: 90%; vertical-align: top; }
form.editor .requiredstar { color: red; }
form.editor .help-block { font-weight: normal; }
form.editor .help-block.mandatory { color: #b94a48; font-weight: bold; }
form.editor .help-block.invalid { color: #B94A48; }
form.editor .form-control.date { width: 120px; }
form.editor .form-control.time { width: 80px; }
form.editor select.multiplehuge { height: 200px; }
form.editor .del-ctype { color: #FF0000; }
form.editor .add-ctype { float: right; width: 75px; }
.ui-datepicker { width: 230px !important; z-index: 9 !important; }
form.editor .filenameprompt { float: right; padding: 70px 0px 20px; width: calc(100% - 339px); }
form.editor .filenameprompt .nameprompt-row { display: block; padding: 5px; clear: both; height: 85px; margin: 0; }
form.editor .filenameprompt .nameprompt-row .prompter { display: block; font-weight: bold; max-width: 230px; overflow-x: hidden; }
form.editor .filenameprompt .nameprompt-row .input-text { display: block; width: 225px; }
form.editor .filenameprompt .nameprompt-row .status { float: left; }
form.editor .filenameprompt .nameprompt-row label { font-weight: normal; }
form.editor .filenameprompt .nameprompt-row label input[type="checkbox"] { margin-right: 5px; }
form.editor .filenameprompt .nameprompt-row .status label { display: block; }
form.editor .filenameprompt .nameprompt-row .langs { float: right; }
form.editor .filenameprompt .nameprompt-row .langs label { padding-right: 5px; }
form.editor .form-group .form-control.inline { display: inline-block; }
form.editor .form-group label.checkbox { display: inline-block; }

.messi-content .messi-closebtn { font-size: 1.6em; background-color: #0065a2; }
.messi-content .messi-closebtn:before { left: -1px; }

body.frame { background-color: #fff; }

/* File manager iframe */
form.library select { font-size: 0.7rem; width: 130px; height: 22px; margin: 0; }
form.library input[type=submit] { width: 40px; margin: 0; }
form.library input[type=submit].disabled { border-color: #CCCCCC; color: #CCCCCC; cursor: default; }
form.library input[type=text] { margin: 0; padding: 0 2px; font-size: 10px; }
form.library label { margin: 0; font-size: 0.7rem; }
.fileManagerItem { float: left; margin-top: 5px; margin-right: 3px; width: 100px; height: 100px; display: block; overflow: hidden; border: 1px solid #CCCCCC; padding: 2px; background-color: #FAFAFA; position: relative; font-size: 90%; }
.fileManagerItem:hover { background-color: #EEEEEE; cursor: pointer; }
.fileManagerItem div.typename { color: #AAAAAA; font-weight: bold; font-size: 100%; }
.fileManagerItem .typethumb { text-align: center; }
.fileManagerItem .typethumb .image-dimensions { display: none; padding: 3px; position: absolute; bottom: 0; left: 0; z-index: 5; background-color: #ffffff; width: 98px; border-top: 1px solid #dddddd; font-weight: bold; color: #999999; }
.fileManagerItem .typethumb .image-dimensions a { text-decoration: none; }
.fileManagerItem .typethumb .image-dimensions i { font-size: 16px; display: inline; color: #0088cc; vertical-align: middle; }
.fileManagerItem .typethumb .image-dimensions input { width: 26px; text-align: center; padding: 0; margin: 0; font-size: 10px; }
.fileManagerItem .typethumb i { font-size: 65px; display: block; color: #999999; width: 100px; }

.actions .btn-icon { font-size: 120%; }
.actions-legend { text-align: right; padding: 10px; border-radius: 4px; margin: 0 0 10px; }
.actions-legend li { margin-bottom: 0; }
.actions-legend li i { color: #000; }

input.with-placeholder { color: #dddddd; }

.translate-action { border: 2px solid #347C98; color: #347C98; font-size: 10px; font-weight: bold; margin-right: 5px; padding: 3px; text-transform: uppercase; text-decoration: none; }
.translate-action:last-of-type { margin-right: 0px; }
.bigquestion .translate-action { font-size: 12px; padding: 5px; }
.translate-present-NO { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; }
.translate-request.active { color: #FFA300; border-color: #FFA300; opacity: 1; }
.translator { width: 100%; }
.translator thead th { font-weight: bold; }
.translator thead th:first-child { width: 45%; }
.translator thead th:last-child { width: 45%; }

@media only screen and (max-width:760px), (min-device-width:768px) and (max-device-width:1024px) {
  .translator table,
  .translator thead,
  .translator tbody,
  .translator th,
  .translator td,
  .translator tr { display: block; }
  .translator thead th:nth-of-type(1),
  .translator thead th:nth-of-type(2) { display: none; }
  .translator td { border: none; border-bottom: 1px solid #eee; position: relative; }
  .translator td:before { display: block; font-weight: bold; padding: 15px 0; }
  .translator td:nth-of-type(1):before,
  .translator td:nth-of-type(3):before { content: attr(data-label); }
  .translator td:nth-of-type(2) { display: none; }
}

/* translate popup */
div.bigquestion { font-size: 16px; text-align: center; color: #0259A1; }
div.bigquestion .hidden-options { display: none; padding: 8px 5px; }
div.bigquestion .hidden-options a.translate-action:hover { background: #EFF7FF; }
div.bigquestion .hidden-options a.translate-action { display: inline-block; text-decoration: none; }
div.bigquestion .hidden-options .helper { font-size: small; display: block; padding-bottom: 5px; }
div.bigquestion .hidden-options div { padding: 5px; }
div.bigquestion button.yes i,
div.bigquestion button.no i,
div.bigquestion a.yes i,
div.bigquestion a.no i { margin-right: 5px; }
div.bigquestion button.yes,
div.bigquestion button.no,
div.bigquestion a.yes,
div.bigquestion a.no { background-color: #FFFFFF; border: 1px solid #0259A1; border-radius: 6px; padding: 5px; text-decoration: none; display: inline-block; }
div.bigquestion button.yes:hover,
div.bigquestion button.no:hover,
div.bigquestion a.yes:hover,
div.bigquestion a.no:hover { background-color: #EFF7FF; }

.workflow.approved,
.workflow.approve { color: #8CC63F; }
.workflow.draft,
.workflow.unpublish { color: #666666; }
.workflow.pending,
.workflow.submit,
.workflow.retract { color: #F7931E; }
.workflow.create { color: #000000; }
.workflow.reject,
.workflow.delete { color: #C1272D; }
.contribution-correction { color: #BE1C1C; position: relative; font-size: 14px; font-weight: bold; }
.default-comment { margin-top: 6px; }
.comments { margin-bottom: 15px; }

/* workflow action popup */
.nano { width: 178px; height: 175px; }
.nano.wide { width: 100%; height: 250px; }
.nano.nocomment { height: 50px; }
.nano.short { height: 100px; }
.nano .content { padding: 10px; padding-top: 3px; }
.nano .pane { background: #E4E4E4; }
.nano .slider { background: #111111; }
.nano span.comment { font-size: 11px; }
.nano span.comment span.msg { padding-left: 15px; }
.nano span.comment hr { margin: 8px 0; }

.full-width { width: 100%; }
.half-width { width: 50%;  }
.no-overflow { overflow: hidden; }
/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R 
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */
.ui-timepicker-inline { display: inline; }
#ui-timepicker-div { padding: 0.2em; }
.ui-timepicker-table { display: inline-table; width: 0; }
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }
.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }
.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }
/* span for disabled cells */
.ui-timepicker-table td span { display: block; padding: 0.2em 0.3em 0.2em 0.5em; width: 1.2em; text-align: right; text-decoration: none; }
/* anchors for clickable cells */
.ui-timepicker-table td a { display: block; padding: 0.2em 0.3em 0.2em 0.5em; width: 100%; cursor: pointer; text-align: right; text-decoration: none; }
/* buttons and button pane styling */
.ui-timepicker .ui-timepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
/* The close button */
.ui-timepicker .ui-timepicker-close { float: right }
/* the now button */
.ui-timepicker .ui-timepicker-now { float: left; }
/* the deselect button */
.ui-timepicker .ui-timepicker-deselect { float: left; }

.custom-checkbox { padding: 0; }
.custom-checkbox label { color: #888888; display: inline-block; font-size: 0.9em; padding: 0 4px; }
.custom-checkbox label i.fa-check { display: none; margin-left: 0.5em; color: #cccccc; }
.custom-checkbox label.selected,
.custom-checkbox label.selected i.fa-check { display: inline-block; color: #3c8dc5; }
.custom-checkbox label:hover { background-color: #3c8dc5; color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.custom-checkbox label:hover i.fa-check { color: #4897cd; }
.custom-checkbox label:hover.selected i.fa-check { color: #ffffff; }
.custom-checkbox label a,
.custom-checkbox label button { color: inherit; text-decoration: none; border: none; background-color: transparent; font-size: 12px; font-family: inherit; }
#member-list-ncp-options .custom-checkbox { float: left; display: inline-block; }

.searchPagerHeader { padding: 10px; }
.searchPagerHeader .pull-left { padding: 5px 0; }
.searchPagerHeader .pull-right * { display: inline-block; }
.searchPagerHeader select.input-sm { padding: 0 5px; width: auto; }

.search-wrapper { position: relative;  }
.search-loader { position: absolute; left: 45%; top: 22%; display: none; z-index: 9; color: #337AB7; }
#top-tools .search-loader { left: 80%; top: 30%; }
.ui-state-focus { background: rgba(51,122,183,0.2) !important; border-color: #337AB7 !important; }

#goPrev.btn-mini, #goNext.btn-mini { padding: 5px; font-size: 12px; width: auto; }

/* EWSI-555 */
a:focus, button:focus { outline: none !important; }
/* EWSI-589 */
.ui-front { z-index: 100000 !important; }

form .form-group.error input,
form .form-group.error select,
form .form-group.error textarea,
form .form-group.error .token-input-list {
  border-color: #b94a48;
}

/* ACTION PLAN */
table.action-plan { width: 100%; border-collapse: separate; border-spacing: 2px; }
table.action-plan th { font-weight: bold; width: 15%; text-align: center; vertical-align: top; padding: 5px; }
table.action-plan th:first-of-type { width: 10%; }
table.action-plan th img { display: block; margin: 0 auto; width: 71px; height :71px; }
table.action-plan td { background-color: rgb(232,245,254); vertical-align: top; padding-top: 2px;}
table.action-plan td a.action-plan-item { text-decoration: none; display: block !important; color: white; padding: 3px; min-height: 60px; margin-bottom: 2px; font-weight: bold; }
table.action-plan td a.action-plan-item.hidden {display: none !important; }
div.completed-1, a.completed-1 { background-color: rgb(83,144,209); }
div.completed-0, a.completed-0 { background-color: rgb(0,99,164); }
.modal h3, .modal strong { color: rgb(0,101,162); font-weight: bold; }
span.legend { float: right; display: inline-block; margin-bottom: 10px; text-align: right; }
div.action-plan-status {text-align: center;width: 140px;text-transform: uppercase;display: inline-block;color: white;padding: 8px 5px;font-weight: bold;font-size: 9px;margin-left: -2px;}
.vertical-alignment-helper { display:table; height: 100%; width: 100%; pointer-events:none; }
.vertical-align-center { display: table-cell; vertical-align: middle; pointer-events:none; }
.modal-content { width:inherit; height:inherit; margin: 0 auto; pointer-events: all; border-radius: 0; }
.modal-header { padding: 0; border: 0; }
.modal-header * { line-height: 2; }
.modal-header:before { display: none }
.modal-header button.close { background-color: rgb(0,101,162); opacity: 1; color: white; margin-top: 0; height: 34px; font-size: inherit; width: 28px; text-align:center; }
.modal-body { padding-top: 0; }
.expander { font-size: 0.75em; margin: 0 auto; display: block; width: 100%; text-align: center; cursor: pointer; position: relative; top: -8px; margin-bottom: -5px; }
.expander .fa { border-radius: 50%; background-color: black; color: white; padding: 3px; }
.aptext-content { display: none; }
.action-point-topic strong { color: rgb(0,101,162); font-size: 1.2em; margin-top: 15px; margin-bottom: 5px;display: block; }
.action-point-explained { margin-bottom: 5px !important; margin-top: 5px !important; }
.action-point-explained .col-sm-6:first-of-type strong { color: rgb(0,101,162); }
.action-point-explained .col-sm-6:last-of-type strong { color: #666; }
.action-point-explained .col-sm-6:last-of-type { color: #8c8c8c; }
.aptext-wrapper { display: -ms-flex; display: -webkit-flex; display: -moz-flex; display: flex; }
.btn-ewsi.aptext { margin-bottom: 4px; flex: 1; white-space: normal; justify-content: space-between; flex-wrap: wrap; margin-right: 5px; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.btn-ewsi.aptext:last-child { margin-right:0 }
.content-details.action-plan { width: 100%; }
.content-details.action-plan .content-details-row-header div:first-of-type { background: #d0e6f5; padding-bottom: 5px; padding-top: 5px; }
.content-details.action-plan .content-details-row-header div:last-of-type { background: #ececec; padding-bottom: 5px; padding-top: 5px; border-radius: 0 4px 0 0; }
.content-details.action-plan .content-details-field-label.app { width: 40%; font-weight: normal; text-align: left; }
.content-details.action-plan .content-details-field.output { width: 60%; padding: 5px; }
.content-details.action-plan a { word-break: normal; }
.btn-action-plan { background-color: #666; color: white; border-radius: 0; border: none; font-size: 0.9em; }
table.action-plan th a { color: black !important; text-decoration: none !important; }
@media (max-width: 768px) {
  .aptext-wrapper { -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .btn-ewsi.aptext { width: 32.3%; flex: none; }
  .btn-ewsi.aptext:nth-child(3n) { margin-right: 0; }
  .content-details.action-plan .content-details-field.output,
  .content-details.action-plan .content-details-field-label.app { width: 100%; }
}

a { color: #027ac6; }
a:hover, a:focus, a:active { color: #23527c; }

/* EWSI-700 */
#content p a { word-wrap: break-word; word-break: break-word; }
/* Count Sheet Map */
img[usemap] { border: none; height: auto; max-width: 100%; width: auto; }
#map_container { width: 100%; display: block; }
/* LRA Map */
.olPopupMainBody { text-align: left; }

/* EWSI-729 */
.details-news .body .pull-left img { display: block; margin-right: 5px; }

/* EWSI-720 */
.accordion-page h2 { background-color: #E8F5FE; border: 1px solid #d0e6f5; padding: 5px; cursor: pointer; margin-top: 15px; }
.accordion-page h2:after { content: "\f0d7"; float:right; font: normal normal normal 14px/1 FontAwesome; padding: 0 10px; }
.accordion-page h2.expanded:after { content: "\f0d8"; }
.accordion-page h2 ~ p,
.accordion-page h2 ~ img,
.accordion-page h2 ~ h3,
.accordion-page h2 ~ h4,
.accordion-page h2 ~ h5,
.accordion-page h2 ~ h6 { display: none; border-left: 1px solid #d0e6f5; border-right: 1px solid #d0e6f5; padding: 5px; }
.accordion-page h2 + p { display: block !important; border: 1px solid #d0e6f5; padding: 5px; margin-top: -5px; }
.accordion-page h2.expanded + p { border-bottom: none; }
.accordion-page h2.expanded ~ .bottomBorder,
.accordion-page h2.expanded ~ *:last-child { border-bottom: 1px solid #d0e6f5; }

@media print {
  .accordion-page h2 ~ p,
  .accordion-page h2 ~ img,
  .accordion-page h2 ~ h3,
  .accordion-page h2 ~ h4,
  .accordion-page h2 ~ h5,
  .accordion-page h2 ~ h6 { display: block !important; }
  .accordion-page h2 + p { border-bottom: none }
}

.faq-question { padding-top: 45px; }

.has-error .checkbox { border: 1px solid; border-radius: 5px; padding: 5px; }
a.btn.btn-danger:visited { color: #FFF; }
.login-form { display: none; }

/* NO JS */
html:not(.js) .hide-with-nojs { display: none; }
html.js .show-with-nojs { display: none !important; }
html:not(.js) #latest-content-filter>a { display: none; }
html:not(.js) .twitter-timeline { color: #3b94d9 !important; text-decoration: none !important; outline: 0 !important; font-size: 19px; font-weight: 300; line-height: 24px; font-family: Helvetica; display: block; padding: 10px; }
html:not(.js) .social-nav-tab .tab-content { min-height: auto; }
html:not(.js) #event-cal { padding: 10px; }
html:not(.js) #calendar-box { background: #FFF; border: 1px solid #e2e9ed; }
html:not(.js) .accordion-page h2 ~ p,
html:not(.js) .accordion-page h2 ~ img,
html:not(.js) .accordion-page h2 ~ h3,
html:not(.js) .accordion-page h2 ~ h4,
html:not(.js) .accordion-page h2 ~ h5,
html:not(.js) .accordion-page h2 ~ h6 { display: block !important; }
html:not(.js) .accordion-page h2 + p { border-bottom: none }
html:not(.js) .aptext-content { display: block; }
html:not(.js) table.action-plan td a.action-plan-item.hidden {display: block !important; }
html:not(.js) #nojs-advanced-search { margin-top: 20px; }
html:not(.js) #nojs-advanced-search .advanced-search-form .collapse { display: block; }
html:not(.js) #nojs-advanced-search .advanced-search-form h2 { display: none; }
html:not(.js) a.btn-primary.expand-form-btn { color: #FFF !important; }

/* MOBILE test case updates */
@media (max-width: 900px) { /* ORANGE */
}
@media screen and (max-width: 767px)  { /* BLUE */
  #header { min-height: 85px; }
  .mobile-subtitle { color: white; font-size: 18px; font-family: ec_square_sans; padding: 10px; float: left; width: calc( 100% - 60px ); line-height: 1; }
  .menu-browse { display: none; }
  .splash ul#menu { padding: 0 5px; }
  .splash ul#menu li { list-style-type: none; min-height: 0; margin-left: 0; background-color: rgba(255,255,255,0.8); padding: 5px 0; margin-bottom: 10px; }
  .splash ul#menu li .isocode { background-color: white; }
  div#top-tools { padding-bottom: 0; }
  #content > .row > div > div:nth-of-type(2) { margin-top: 20px; }
  .sort-icons-mobile i.glyphicon { margin-left: 5px; color: orange; }
  .sort-icons-mobile button.mobile-sorting-head { font-size: 14px; color: black;  width: 100%; text-align: left; height: auto; padding: 3px 5px; }
  .sort-icons-mobile { width: 100%; }
  form.advanced-search-form #advanced-additional .form-inline.radio-group input[type=radio] { width: 20px; }
  form.advanced-search-form #advanced-additional .form-inline.radio-group .radio.inline.control-label { display: inline-block; width: calc( 100% - 30px ); }
  .article-info { clear: both; }
}
@media screen and (max-width: 600px) { /* GREEN */
  .splash ul#menu { padding: 0 5px; }
  .splash ul#menu li { list-style-type: none; min-height: 0; margin-left: 0; background-color: rgba(255,255,255,0.8); padding: 5px 0; margin-bottom: 10px; }
  .splash ul#menu li .isocode { background-color: white; }
  .accordion-page h2:after { padding: 0 5px 0 0; }
  .btn-ewsi.aptext { width: calc( 50% - 5px ); }
  .btn-ewsi.aptext:nth-child(3n) { margin-right: 5px; }
  .content-details-row { border: 1px solid #0065A2; }
  .content-details div.content-details-row div { padding: 5px; }
  .list-top-links { display: none; }
  .faq-question { padding-top: 70px; }
  h2 { float: left; width: 100%; }
  .right-boxes .taxonomy-box { margin: 10px 0; }
  .content-details-field img { max-width: 100%; height: auto; }
  #header #banner-title-text { font-size: 18px; }
  #header #banner-title-text-subtitle { font-size: 18px; }
  .navbar-toggle { padding: 12px 10px; }
  #main-menu { margin-bottom: 0; }
  .advanced-search-form { min-height: 85px; }
  form.advanced-search-form .full-width .half-form-control { width: 100%; }
  form.advanced-search-form #additional-domains-dropdowns .domain-dropdown { width: 100%; display: block; }
  form.advanced-search-form #additional-domains-dropdowns .domain-dropdown button { width: 100%; text-align: left; margin-bottom: 5px; }
  form.advanced-search-form #additional-domains-dropdowns .domain-dropdown select { width: 100%; }
}

/* STYLE GUIDE ADDITIONS */
.third-width { width: 33%; }
.twoThird-width { width: 66%;}
.checkbox.multi-filter { padding: 0 5px; margin-top: 0 !important;}
.checkbox.multi-filter label { border: 1px solid transparent; width: 100%; height: 100%; padding-left: 0; padding: 5px; }
.checkbox.multi-filter input[type=checkbox] { display: none; }
.checkbox.multi-filter-selected label { border: 1px solid #D0E6F5; background: #E8F5FE; border-radius: 4px; }
@media screen and (min-width: 768px ) {
  .checkbox.multi-filter { display: inline-table; }
  .checkbox.multi-filter label { display: flex; vertical-align: middle; width: 100%; }
  .checkbox.multi-filter label.fat { height: 48px; }
  #home-latest-content .btn-ewsi { height: 48px; }
}
.advanced-search-form .checkbox.multi-filter { display: flex; }
.multi-filter-select-label-flag { height: 11px; margin-top: 3px; margin-right: 3px; }
.two-col-table { width: 100%; display: table; margin-top: 10px; margin-bottom: 10px; }
.two-col-table-header { display: table-row; }
.two-col-table-header > div { padding: 5px; display: table-cell; }
.two-col-table-header > div:first-of-type { border-radius: 4px 0 0 0; }
.two-col-table-header > div:first-of-type * { font-size: 1.2em; }
.gov_title * { font-size: 1.2em;}
.two-col-table-header > div:last-of-type { border-radius: 0 4px 0 0; }
.two-col-table-header-grey { background: #ececec; padding-bottom: 5px; padding-top: 5px; width: 60%; color: #003366;}
.table-header-grey { background: #ececec; padding-bottom: 5px; padding-top: 5px; color: #003366;}
.two-col-table-header-blue { background: #d0e6f5; padding-bottom: 5px; padding-top: 5px; width: 40%; }
.two-col-table-70-30 >.two-col-table-header > div:first-of-type { width: 70%; }
.two-col-table-70-30 > .two-col-table-header > div:last-of-type { width: 30%; }
.two-col-table-content { display: table-row }
.two-col-table-content > div { padding: 5px; display: table-cell; }
.two-col-table-content-grey { padding-bottom: 5px; padding-top: 5px; width: 60%; }
.two-col-table-content-blue { background: #e8f5fe; padding-bottom: 5px; padding-top: 5px; width: 40%; }
@media (max-width: 768px) {
  .two-col-table-header > div,
  .two-col-table-content > div { width: 100% !important; display: block !important;}
}
.box-related { padding-left: 10px; }
.related-content-box { background-color: #E6F3FE; border-radius: 4px; padding: 5px; margin-bottom: 10px; }
.related-content-box:after { clear: both; content: " "; display: table; }
.related-content-box .rcb-img { border: 1px solid #ECECEC; float: left; margin-right: 5px; margin-bottom: 5px; height: 42px; width: 60px; }
.related-content-box .rcb-date { font-size: 11px; color: #999999; float: right; margin: 5px; }
.related-content-box .rcb-subdate { float:right; font-size: 11px; text-align: right; color: #999999; margin: 0 5px; }
.related-content-box .rcb-type { color: #0065A2; float: right; }
.related-content-box .rcb-title { margin: 0 0 11px 0;  }
.related-content-box .rcb-title a { color: #000; text-decoration: none; font-weight: bold; display: block;}
.related-content-box .rcb-summary { }
.related-content-box .rcb-summary a { float: right; }
.related-content-box .rcb-readmore { float: right; }
.related-content-box .rcb-readmore a { color: #0065A2 !important;}
.related-content-box .rcb-taxonomies { clear: both; }
.related-content-box.expired { background-color: #f7f7f7; }
.related-content-box.expired .rcb-title a { font-weight: normal; }
.related-content-box.expired .rcb-title a .expired-prompt { font-weight: bold; margin-right: 5px;}
ul.taxo-list,         .related-content-box .rcb-taxonomies ul { list-style-type: none; padding: 0; }
ul.taxo-list li,      .related-content-box .rcb-taxonomies ul li { text-transform: capitalize; display: inline-block; background-color: #D1D1D1; padding: 3px 6px; border-radius: 4px; font-size: 90%; margin-right: 5px; margin-bottom: 5px; }
ul.taxo-list li a,    .related-content-box .rcb-taxonomies ul li a { color: #333; text-decoration: none; font-size: 10.8px; }
ul.taxo-list li.prompt { font-weight: bold; background-color: transparent; margin-right: 0; }
ul.taxo-list span.prompt { font-weight: bold; background-color: transparent; margin-right: 0; }
.member-profile { height: 150px; padding-bottom: 10px;border: 1px solid #D0E6F5; border-radius: 4px; margin-bottom: 10px; margin-top: 40px; }
.member-profile * { text-align: center; }
.member-profile .member-profile-flag { border: 1px solid #d0e6f5; width: 68px; margin: 0 auto; position: relative; top: -36px; height: 68px; border-radius: 50%; overflow: hidden; }
.member-profile .member-profile-flag img {height: 68px; width: 68px;}
.member-profile .member-profile-head { padding: 0 5px; margin-bottom: 5px; margin-top: -25px; }
.member-profile .member-country { font-weight: bold; }
.member-profile .member-organisation { font-weight: bold; }

.posted-by{padding-bottom: 10px;border: 1px solid #D0E6F5; border-radius: 4px; margin-bottom: 10px; margin-top: 0px; text-align: center;}

.content-expired .list-top-links { display: none; }
.alert-expired { color: #666666; background-color: #f7f7f7; border-color: #e6e6e6; }
.alert-expired a.close { display: none; }
.alert.alert-expired:before { content: "\f273"; font-family: FontAwesome; font-size: 14px; }
.biglabel { border: 1px solid #cccccc; margin-bottom: 5px; padding: 5px; border-radius: 4px; width: 100%; cursor: pointer; }
.biglabel input[type=checkbox] { top: 2px; position: relative; margin: 0; cursor: pointer; }
/* SYTLE GUIDE RADIO BUTTONS */
div.radio.style-guide { position: relative; }
div.radio.style-guide input { opacity:0;position: absolute; left: 0; margin-left: 4px !important;top:5px;}
div.radio.style-guide label { width: 100%; padding-left: 25px;}
div.radio.style-guide label:before { background: #ffffff; position: absolute;top:5px; left: 0; margin-right: 5px; display:inline-block;content:" ";border:1px solid #0066a2; width: 20px; height: 20px;border-radius:50%; }
div.radio.style-guide input:checked + label:before { background-color: #3e91d7; transition: background 0.3s; }

/* SOCIAL MEDIA LISTS */
div#social-media-list div.account { border: 1px solid #ececec; margin-bottom: 5px; margin-top: 5px; padding: 5px; border-radius: 4px; }
div#social-media-list a .fa.fa-twitter-square { color: #1da1f2; opacity: 0.6; }
div#social-media-list a .fa.fa-facebook-square { color: #3b5998; opacity: 0.6; }
div#social-media-list a .fa { font-size: 1.5em; }
div#social-media-list a:hover .fa.fa-twitter-square,
div#social-media-list a:hover .fa.fa-facebook-square { opacity: 1; }
/* SOCIAL MEDIA UPDATED */
#social-networks .nav-tabs { border-bottom: none; }
#social-networks .nav-tabs a { color: #0065A2 !important; text-decoration: none !important; background-color: #ECECEC !important; border-radius: 4px 4px 0 0 !important; width: 150px; text-align: left; margin-right: 4px !important; border-color: #ececec;}
#social-networks .nav-tabs a .fa { float: right;  font-size: 1.3em; }
#social-networks .nav-tabs .active a, #social-networks .nav-tabs a:hover { color: #0065A2 !important; background-color: #e9f6fe !important; border-color: #e9f6fe; border-radius: 4px 4px 0px 0px !important; }
#social-networks .tab-content { padding: 10px; background-color: #e8f5fe; overflow: hidden; border-radius: 0 4px 4px 4px; }
#social-networks .tab-content .account-wrapper { padding-right: 0; padding-left: 0;}
#social-networks .tab-content .account-wrapper a { background-color: #fff; border: 1px solid #0065A2; color: #0065A2; border-radius: 4px; padding: 5px 10px; display: block; margin: 5px; text-decoration: none; }
#social-networks .tab-content .account-wrapper a:hover { background-color: #0081D6; color: #FFFFFF; border-color: #0065A2; }

.initiallyHidden { display: none; }
.no-background { background: transparent !important; }

a.members-link { width: 200px; text-align: center; }
a.members-link img { margin-bottom: 10px; }

.no-side-padding { padding-left: 0 !important; padding-right: 0 !important; }
.more-right-padding { padding-right: 20px !important; }
#footer .fa-twitter-square { color: white; font-size: 1.3em; }
#footer .fa-facebook-square { color: white; font-size: 1.3em; }
#right-side-column { padding-top: 15px; }
#right-side-column h4 { margin-top: 0; }

form#funding-filter-eu { border: 1px solid #e2e9ed; border-radius: 4px; padding: 5px 0; margin-bottom: 10px;}
form#funding-filter-eu .row { display: flex; }
form#funding-filter-eu .row div { display: flex; align-items: center; }
form#funding-filter-eu .row div:nth-of-type(2) { justify-content: flex-end; }
form#funding-filter-eu input { margin-top: 0; margin-right: 5px; }

img.catpcha-image {margin:10px;}
.noTop{margin-top: -15px;}
.noPadL{padding-left: 0px;}
.noPadR{padding-right: 0px;}

.padding-right-five{ padding-right: 5px;}

.alignLeft{float:left;}
.alignRight{float:right;}