* {margin:0;padding:0;}
body {
  font-size: 20px;
  line-height: 30px;
  color: #58585b;
  font-family: Arial;
  transition: padding ease-in-out 0.3s;
}
@media (max-width: 767px) {
  body {
    padding: 96px 0 0;
    font-size: 16px;
    line-height: 24px;
  }
}
/*------------------------------------------*/
/*   General Rules                          */
/*------------------------------------------*/

span.definition {
    border-bottom: 1px dotted #547147;
    color: #547147;
    cursor: help;
    padding: 0 1px;
}

span.definition::after {
    border-left: 5px solid transparent;
    border-top: 5px solid #547147;
    content: "";
    height: 0;
    position: relative;
    right: 0px;
    top: 5px;
    width: 0;
 }

img {
  max-width: 100%;
  height: auto;
}
table img {
  max-width: initial;
}
ol, ul {
  padding: 0 0 0 40px;
}
ol li, ul li {
  margin: 0 0 10px;
}
.arrow {
  list-style-type: none;
}
.arrow li {
  position: relative;
}
.arrow li:before {
  content: "\e250";
  font-family: 'Glyphicons Halflings';
  position: absolute;
  left: -25px;
  top: 0;
  display: block;
  font-size: 15px;
  color: #39b54a;
}
:focus {
  outline: none;
}
.clear {
  clear: both;
}
h1, h2, h3, h4, h5, h6 {
  color: #0c4da2;
  font-weight: 500;
}
h2, h1, .edocman-container h1, .edocman-container h2, .edocman-container h3, .profile-edit legend {
  font-size: 26px;
  color: #0c4da2;
  line-height: 38px;
  padding: 0 0 15px;
  margin: 0 0 23px;
  position: relative;
  border: none;
}
@media (max-width: 1199px) {
  h2, h1, .edocman-container h1, .edocman-container h2, .edocman-container h3, .profile-edit legend {
    font-size: 22px;
    line-height: 30px;
  }
}
h2:after, h1:after, .profile-edit legend:after {
  content: "";
  position:absolute;
  height: 8px;
  width: 90px;
  background: #39b54a;
  left: 0;
  bottom: 0;
}
.page-header + .page-header h2, #edocman-category-page-default h2 {
  margin: 0;
}
.page-header + .page-header h2:after, #edocman-category-page-default h2:after {
  display: none;
}
h3 {
  font-size: 24px;
  line-height: 32px;
}
h4 {
  font-size: 22px;
  line-height: 28px;
}
h5, h6 {
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 767px) {
  h2, h1 {
    font-size: 22px;
    color: #0c4da2;
    line-height: 30px;
    padding: 0 0 10px;
    margin: 0 0 15px;
    position: relative;
  }
  h2:after, h1:after {
    height: 4px;
    width: 50px;
  }
}
table:not(.not-responsive) {
  width:  100% !important;
}
table.category {
  border-spacing: 0;
  border-collapse: collapse;
}
table td {
  vertical-align: top;
}
@media (max-width: 767px) {
  table.responsive, table.responsive tr, table.responsive td, table.responsive th, table.responsive tbody {
    display: block;
    width: 100%;
    height: auto !important;
  }
  img {
    float: none !important;
    margin: 0 auto 15px;
  }
}
a {
  color: #35b7d9;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #39b54a;
}
a.btn {
  border-radius: 0;
  border: none;
  background: #0c4da2;
  color: #FFF;
  font-size: 17px;
  line-height: 30px;
  display: inline-block;
  padding: 0 5px;
  text-align: center;
}

a.article-viewcat-btn {
  float: left;
}
ul.pager {
  float: right;
  padding: 0;
  margin: 0;
}
a.article-viewcat-btn, .pager li > a, button.back {
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
  color: #6d6e70;
  font-size: 0.9em;
  margin: 20px 0 0;
  line-height: 20px;
  border: none;
}
a.article-viewcat-btn:hover, .pager li > a:hover, button.back:hover {
  color: #39b54a;
  background: none;
}
.pager li .icon-chevron-right, .pager li .icon-chevron-left {
  line-height: 20px;
  background: #6d6e70;
  color: #FFF;
  height: 20px;
  width: 20px;
  line-height: 20px;
  font-size: 15px;
  margin: 0 0 0 10px;
}
.pager li .icon-chevron-left {
  margin: 0 10px 0 0;
}
a.article-viewcat-btn:before, button.back:before {
  content: "\e079";
  font-family: 'Glyphicons Halflings';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 20px;
  width: 20px;
  background: #6d6e70;
  line-height: 20px;
  font-size: 15px;
  color: #FFF;
  text-align: center;
  font-weight: 100;
  transition: all ease-in-out 0.3s;
  transform-origin: right bottom;
}
a.article-viewcat-btn:hover:before, .pager li a:hover .icon-chevron-right, .pager li a:hover .icon-chevron-left, button.back:hover:before {
  background: #39b54a;
}
a.btn:hover,
a.btn:focus {
  background: #39b54a;
  color: #FFF;
}
dd.create {
  font-size: 0.9em;
  font-style: italic;
  font-weight: 100;
}
dd.create span {
  display: none;
}
dd.create time {
  margin: 0 !important;
}

/*------------------------------------------*/
/*   Header                                 */
/*------------------------------------------*/

header {}
header #header {
  padding: 15px 15px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header #logo {
  width: 60px;
  position: relative;
}
header #logo a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
header #logo img {
  margin: 0;
}
header h1 {
  font-size: 0;
  line-height: 0;
}
header h1:after {
  display: none;
}
header #sitetitle {
  font-size: 17px;
  line-height: 22px;
  font-weight: bold;
  color: #0c4da2;
  padding: 0 10px;
  width: calc(100% - 140px);
}
header #sitetitle p {
  margin: 0;
}
header #language {
  width: 70px;
  align-self: flex-start;
  text-align: right;
}
header #language ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
header #language ul > li {
  display: block;
  text-align: center;
  margin: 0;
}
header #language ul > li + li {
  display: block;
  text-align: center;
  margin: 0 0 0 15px;
}
header #language ul > li > a {
  display: block;
  border-radius: 50%;
  background: #6d6e71;
  width: 2.1vw;
  height: 2.1vw;
  line-height: 2.1vw;
  font-size: 1.05vw;
  color: #FFF;
  padding: 0;
}
header #language ul > li.lang-active > a, header #language ul > li > a:hover {
  background: #40ae49;
  box-shadow: 0 0 3px rgba(0,0,0,0.8);
}

@media (max-width: 550px) {
  header #header {
    align-items: flex-start;
  }
  header #sitetitle {
    font-size: 13px;
    line-height: 20px;
    transition: opacity ease-in-out 0.3s;
  }
  header #language {
    position: absolute;
    right: 0px;
    top: 0px;
  }
  header #language ul > li > a {
    border-radius: 0;
    box-shadow: none !important;
  }
  header #logo {
    transition: all ease-in-out 0.3s;
  }
  header #sitetitle {
    width: calc(100% - 60px);
    padding: 0 0 0 10px;
  }
  header.smaller #logo {
    width: 40px;
  }
  header.smaller #sitetitle {
    opacity: 0;
  }
}
@media (max-width: 350px) {
  header #sitetitle {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #FFF;
  }
  header.smaller {
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);    
  }
  header #language ul > li + li {
    margin: 0 0 0 10px;
  }
}
@media (min-width: 768px) {
  header #header {
    padding: 20px  13.2vw 10px;
  }
  header #logo {
    width: 6.5vw;
    position: relative;
  }
  header #sitetitle {
    font-size: 2.3vw;
    line-height: 2.7vw;
    width: calc(100% - 12vw);
    text-align: center;
    padding: 0 5vw;
  }
  header #language {
    width: 6vw;
  }
}
@media(min-width: 1200px) {
  header #header {
    padding: 45px  13.2vw 25px;
  }
  header #language {
    margin: -20px 0 0;
  }
}
@media(max-width: 1200px) {
  header #language ul > li > a {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    color: #FFF;
    padding: 0;
  }
}
/*------------------------------------------*/
/*   Menu                                   */
/*------------------------------------------*/
#menu li {
  margin: 0;
}
@media (max-width: 767px) {
  #menu {
    position: absolute;
    right: 15px;
    bottom: 0;
  }
  #menu .navbar-toggle {
    border: none;
    padding: 5px 0px 1px 60px;
    margin: 0 !important;
    position: relative;
    background: #0c4da2;
    border-radius: 0;
    width: 100px;
    /* line-height:  30px; */
  }
  #menu .menu-title {
    color: #fff;
    font-size: 22px;
    position: absolute;
    left: 5px;
    bottom: -11px;
    display: block;
    transform: translate(0,-50%);
  }
  #menu .icon-bar {
    background: #fff;
    height: 4px;
    margin: 0 0 2px 0;
    border-radius: 2px;
    transition: all ease-in-out 0.3s;
  }
  #menu .icon-bar:nth-child(2):after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #FFF;
    border-radius: 2px;
    transform: rotate(0deg);
    transition: all ease-in-out 0.3s;
    transition-delay: 0.3s;
  }
  #menu .navbar-toggle .icon-container span.icon-bar:nth-child(1), #menu .navbar-toggle .icon-container span.icon-bar:nth-child(3) {
    opacity: 0;
  }
  #menu .navbar-toggle.collapsed .icon-container span.icon-bar:nth-child(1), #menu .navbar-toggle.collapsed .icon-container span.icon-bar:nth-child(3) {
    opacity: 1;
    transition-delay: 0.3s;
  }
  #menu .navbar-toggle span.icon-bar:nth-child(2) {
    transform: rotate(45deg);
    transition-delay: 0.3s;
  }
  #menu .navbar-toggle span.icon-bar:nth-child(2):after {
    transform: rotate(90deg);
    transition-delay: 0s;
  }
  #menu .navbar-toggle.collapsed span.icon-bar:nth-child(2) {
    transform: rotate(0);
  }
  #menu .navbar-toggle.collapsed span.icon-bar:nth-child(2):after {
    transform: rotate(0deg);
  }
  [class^="icon-"], [class*=" icon-"] {
    width: 22px;
    margin: 0;
  }
  #menu .navbar-collapse {
    position: fixed;
    left: 0;
    right: 0;
    top: 96px;
    background: #ffffff;
    transition: all ease-in-out 0.2s;
    z-index: 9999;
    border-top: none;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    border-top: 2px solid #0c4da2;
  }
  #menu ul.menu {
    padding: 15px 0;
    margin: 0;
    font-size: 18px;
    line-height: 30px;
  }
  #menu ul.menu li {
    display: block;
    padding: 0;
    margin: 0;
  }
  #menu ul.menu > li > a {
    display: block;
    width: 100%;
    background: #f1f1f1;
    padding: 0 10px;
    color: #6d6e71;
  }
  #menu ul.menu > li > ul {
    padding: 0 0 0 10px;
  }
  #menu ul.menu > li > ul > li > a {
    color:#6d6e71;
    border-bottom: 1px solid #f1f1f1;
    display: block;
  }
  #menu ul.menu.private > li > a {
    background: #39b54a;
    color: #FFF;
    margin: 0 0 5px;
  }
}
@media (min-width: 768px) {
  #menu ul.menu.private {
    display: none;
  }
  .navbar-collapse.collapse {
    display: flex !important;
    flex-wrap: nowrap;
  }
  .navbar-collapse.collapse ul.menu {
    width: calc(100% - 11.5vw);
  }
  #menu {
    padding: 0  5.2vw;
  }
  #menu ul.menu {
    padding: 0 0 0 11.5vw;
    margin: 0;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    text-align: center;
  }
  #menu ul.menu:before, #menu ul.menu:after {
    display: none;
  }
  #menu ul.menu > li {
    display: block;
    position: relative;
    padding: 0;
  }
  #menu ul.menu > li.parent {
    padding: 0 34px 0 10px;
  }
  #menu ul.menu > li.parent:after {
    content: "";
    display: block;
    height: 9px;
    width: 14px;
    background: url(../img/parent.png) no-repeat center;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0,-4px);
  }
  #menu ul.menu > li > a {
    display: block;
    line-height: 3.4vw;
    font-size: 22px;
    color: #6d6e71;
  }
  #menu ul.menu > li > a:hover, #menu ul.menu > li.active > a {
    color: #40ae49;
  }
  #menu ul.menu > li > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 200px;
    text-align: left;
    padding: 0;
    margin: 0;
  }
  #menu ul.menu > li:hover > ul {
    display: block;
  }
  #menu ul.menu > li > ul > li {
    display: block;
  }
  #menu ul.menu > li > ul > li > a {
    padding: 10px 15px;
    display: block;
    line-height: 20px;
    background: #0c4da2;
    color: #FFF;
    position: relative;
  }
  #menu ul.menu > li > ul > li.active > a:before {
    content: "";
    border-left: 5px solid #40ae49;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
  }
  #menu ul.menu > li > ul > li > a:hover {
    background: #40ae49;
  }
  #menu ul.menu > li > ul > li + li > a {
    border-top: 1px solid #ffffff52;
  }
}
@media (max-width: 550px) {
  header.smaller #menu .navbar-collapse {
    position: fixed;
    left: 0;
    right: 0;
    top:73px;
    background: #ffffff;
    transition: all ease-in-out 0.2s;
    z-index: 9999;
    border-top: none;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    border-top: 2px solid #0c4da2;
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  #menu ul.menu {
    padding: 0 0 0;
  }
  #menu ul.menu > li > a {
    line-height: 34px;
    font-size: 16px;
  }
  #menu ul.menu > li.parent {
    padding: 0 10px 0 10px;
  }
  #menu ul.menu > li.parent:after {
    display: none;
  }
  .navbar-collapse.collapse ul.menu {
    width: calc(100% - 130px);
  }
}
@media (min-width: 901px) and (max-width: 1100px) {
  #menu ul.menu > li > a {
    line-height: 34px;
    font-size: 16px;
  }
  #menu ul.menu > li.parent {
    padding: 0 10px 0 10px;
  }
  #menu ul.menu > li.parent:after {
    display: none;
  }
}
@media (min-width: 1101px) and (max-width: 1500px) {
  #menu ul.menu > li > a {
    display: block;
    font-size: 1.46vw;
    color: #6d6e71;
  }
}

/*   Tools Menu
/*------------------------------------------*/

.navbar-collapse.collapse ul.menu.tools {
  width: 11.5vw;
}
#menu ul.menu.tools {
  padding: 0;
  justify-content: flex-end;
}
#menu ul.tools img {
  height: 1.7vw;
  display: inline-block;
  vertical-align: middle;
}
#menu ul.tools span {
  margin: 0 0 0 10px;
}
#menu ul.tools li + li {
  margin: 0 0 0 25px;
}
@media (max-width: 1000px) {
  #menu ul.tools img {
    height: 17px;
  }
  #menu ul.tools li + li {
    margin: 0 0 0 15px;
  }
}
@media (max-width: 767px) {
  .navbar-collapse.collapse ul.menu.tools {
    width: 100%;
  }
  ul.menu.tools {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
  }
  #menu ul.tools img {
    height: 20px;
    margin: 0;
  }
  #menu ul.menu.tools > li > a {
    padding: 5px;
    line-height: 20px;
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  .navbar-collapse.collapse ul.menu.tools {
    width: 130px;
  }
}

/*------------------------------------------*/
/*   Banner                                 */
/*------------------------------------------*/

#banner .moduletable-home .slide-desc {
  left: auto !important;
  top: 0;
  height: 100%;
  width: 40vw !important;
}
#banner .moduletable-home .slide-desc-in {
  height: 100%;
}
#banner .moduletable-home .slide-desc-text {
  height: 100%;
  color: #23408f;
  text-align: left;
  padding: 3vw;
  font-size: 13px;
  line-height: 16px;
}
#banner .moduletable-home .slide-desc-bg {
  background: #dcddde;
  height: 200%;
  width: 200%;
  position: absolute;
  right: 0;
  left: auto;
  top: 50%;
  transform: rotate(10deg) translate(0,-50%);
  transform-origin: top right;
  box-shadow: 0 0 10px rgba(0,0,0,0.4)
}
#banner .moduletable-home .slide-title {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  color: #23408f;
  position: relative;
  padding: 0 0 10px;
  margin: 0 0 10px;
}
#banner .moduletable-home .slide-title:after {
  content: "";
  height: 4px;
  width: 50px;
  background: #40ae49;
  position: absolute;
  left: 0;
  bottom: 0;
}
#banner .moduletable-home .navigation-container-custom {
  top: auto !important;
  right: 30px;
  bottom: 10px;
}
#banner .moduletable-home .navigation-container-custom span {
  border-radius: 0;
  border: 1px solid #FFF;
  height: 15px !important;
  width: 15px;
}
#banner .moduletable-home .navigation-container-custom span.load-button-active {
  background: #FFF;
}
#banner .moduletable-home .djslider-default.img-vcenter img.dj-image {
  position: absolute;
  right: 0;
}
@media (max-width: 767px) {
  #banner .moduletable-home .navigation-container {
    display: none;
  }
  #banner .moduletable-home .slide-desc-text {
    padding: 15px;
  }
}
@media (min-width: 768px) {
  #banner {
    padding: 0 5.2vw;
  }
  #banner > div {
      box-shadow: 0 0 5px rgba(0,0,0,0.4)
  }
  #banner .moduletable-home .navigation-container {
    top: 50% !important;
    margin: 0 !important;
  }
  #banner .moduletable-home .djslider-default .navigation-container .prev-button {
    left: -3.5vw;
  }
  #banner .moduletable-home .djslider-default .navigation-container .next-button {
    right: -3.5vw;
  }
  .moduletable-home .djslider-loader-default {
    overflow: visible;
  }
  #banner .moduletable-home .navigation-container img {
    transform: translate(0,-50%);
    max-width: 2vw;
  }
  #banner .moduletable-home .slide-desc {
    width: 31vw !important;
  }
  #banner .moduletable-home .djslider-default ul.djslider-in > li > div:not(.slide-desc) {
    margin: 0 0 0 26vw;
    position:  relative;
    height:  100%;
    width: auto;
  }
  #banner .moduletable-home .slide-title:after {
    content: "";
    height: 9px;
    width: 90px;
    background: #40ae49;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .slide-desc-text-default .slide-title a, #banner .moduletable-home .slide-title {
    font-size: 1.5vw;
    line-height: 2.1vw;
    font-weight: 700;
    color: #23408f;
    position: relative;
    padding: 0 0 22px;
    margin: 0 0 15px;
  }
  .slide-desc-text-default .slide-title a:hover {
    color: #40ae49;
  }
}
@media (max-width: 767px) {
  #banner .moduletable-home .slide-text {
    display: none;
  }
  #banner .moduletable-home .slide-title {
    font-size: 3vw;
    line-height: 4vw;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #banner .moduletable-home .slide-desc-text {
    font-size: 1.4vw;
    line-height: 2.1vw;
  }
}
@media (min-width: 1201px) {
  #banner .moduletable-home .slide-desc-text {
    font-size: 20px;
    line-height: 25px;
  }
}
#banner .djslider-loader {
  padding: 0 !important;
}

/*------------------------------------------*/
/*   Banner                                 */
/*------------------------------------------*/

#banner-menu {
  padding: 0 5.2vw;
  font-size: 17px;
  line-height: 35px;
  overflow: hidden;
}
#banner-menu ul {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
}
#banner-menu ul > li {
  display: block;
}
#banner-menu ul > li > a {
  display: block;
  padding: 0 20px 0 10px;
  background: #39b54a;
  color: #FFF;
  position: relative;
}
#banner-menu ul > li > a:hover, #banner-menu ul > li.active > a {
  display: block;
  padding: 0 20px 0 10px;
  background: #0c4da2;
  color: #FFF;
  position: relative;
}
#banner-menu ul > li > a:before {
  content: "";
  position: absolute;
  left: -6px;
  top: 0;
  border-left: 2px solid #FFF;
  background: #39b54a;
  width: 12px;
  height: 100%;
  transform: skew(-15deg)
}
#banner-menu ul > li > a:hover:before, #banner-menu ul > li.active > a:before {
  background: #0c4da2;
}
#banner-menu ul > li:first-child > a:before {
  left: -6px;
  border-left: 0px solid #FFF;
  width: 11px;
}
@media (max-width: 767px) {
  #banner-menu {
    display: none;
  }
}
@media (max-width: 1200px) {
  #banner-menu {
    padding: 0 5.2vw;
    font-size: 14px;
    line-height: 25px;
    overflow: hidden;
  }
}
/*------------------------------------------*/
/*   Content                                */
/*------------------------------------------*/

#content {
  padding: 35px  5.2vw;
}
#content > div {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 8vw;
  width: 100%;
}
#content > div > div {
  width: 100%;
}
@media (max-width: 767px) {
  #content {
    padding: 20px 15px;
  }
  #content > div {
    padding: 0;
  }
}
@media (min-width: 768px) {
  #content-center.col2 {
    float: right;
    width: 70%;
  }
  #content-left.col2 {
    float: left;
    width: calc(30% - 40px);
    margin: 0 40px 0 0;
  }
  #content-right.col2, #content-box.col2 {
    float: left;
    width: calc(50% - 2.2vw);
    margin: 0 0 0 2.2vw;
    position:  relative;
  }
  #content-box.col2 {
    margin: 0 2.2vw 0 0;
    display: flex;
  }
  #content-box.col3 {
    float: left;
    width: 75% - 20px;
    margin: 0 20px 0 0;
  }
  #content-left.col3 {
    float: left;
    width: calc(33% - 40px);
    margin: 0 40px 0 0;
  }
  #content-center.col3 {
    float: right;
    width: 67%;
  }
  #content-right.col3 {
    float: left;
    width: calc(25% - 40px);
    margin: 0 0 0 40px;
  }
}

/*   Join Menu
/*------------------------------------------*/
#content-top {
  margin: 0 0 4vw;
  width: 100%;
}
#content-top ul.menu-join, ul.menu-activities  {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0;
  margin: 0;
}
ul.menu-activities {
  margin: 40px 0;
}
#content-top ul.menu-join:before, #content-top ul.menu-join:after, ul.menu-activities:after, ul.menu-activities:before {
  display: none;
}
#content-top ul.menu-join > li {
  display: block;
  width: calc(50% - 2.2vw);
  text-align: center;
}
ul.menu-activities > li {
  display: block;
  width: calc(25% - 20px);
  text-align: center;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
#content-top ul.menu-join > li > a {
  line-height: 3.5vw;
  color: #FFF;
  background: #0c4da2;
  text-transform: uppercase;
  font-size: 1.5vw;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.menu-activities > li > a {
  background: #0c4da2;
  display: block;
  color: #FFF;
  width: 100%;
  padding: 15px;
  text-transform: uppercase;
  font-size: 1vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
ul.menu-activities > li > a > span {
  order: 1;
  margin: 0 0 10px;
}
ul.menu-activities > li > a > img {
  order: 2;
  max-height: 50px;
}
#content-top ul.menu-join > li > a:hover, ul.menu-activities > li > a:hover {
  background: #40ae49;
}
#content-top ul.menu-join span {
  order: 1;
}
#content-top ul.menu-join img {
  order: 2;
  max-height: 2vw;
  margin: 0 0 0 1.3vw;
}

@media (max-width: 1000px) {
  #content-top ul.menu-join > li > a {
    line-height: 35px;
    font-size: 15px;
  }
  #content-top ul.menu-join img {
    max-height: 20px;
    margin: 0 0 0 13px;
  }
}
@media (max-width: 767px) {
  #content-top ul.menu-join > li {
    display: block;
    width: calc(50% - 5px);
    text-align: center;
  }
  #content-top ul.menu-join > li > a {
    line-height: 30px;
    font-size: 13px;
  }
  #content-top {
    margin: 0 0 20px;
  }
  #content-right {
    width: 100%;
  }
}

/*   News Module
/*------------------------------------------*/

.category-module > div {
  display: flex;
  /* align-items: stretch; */
  justify-content: space-between;
  margin: 0 0 2.5vw;
  position: relative;
}
.category-module > div:last-child {
  margin: 0;
}
.category-module .article-img {
  width: calc(35% - 2.2vw);
}
.category-module .article-info {
  width: 65%;
}
.category-module h4 {
  font-size: 20px;
  line-height: 26px;
  margin: 0 0 10px;
}
.category-module .mod-articles-category-date {
  font-size: 20px;
  text-transform: capitalize;
}
.category-module a.readmore {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: 100%;
}
.category-module a.readmore:after {
  content: "\e080";
  font-family: 'Glyphicons Halflings';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 20px;
  width: 20px;
  background: #6d6e70;
  line-height: 20px;
  font-size: 15px;
  color: #FFF;
  text-align: center;
  font-weight: 100;
  transition: all ease-in-out 0.3s;
  transform-origin: right bottom;
}
.category-module a.readmore:hover:after {
  transform: scale(1.3);
  background: #40ae49;
}
@media (max-width: 767px) {
  .category-module h4 {
    font-size: 16px;
    line-height: 22px;
  }
  .category-module .mod-articles-category-date {
    font-size: 16px;
  }
}

/*   Publications module
/*------------------------------------------*/

.category-module.publications div.readmore a {
  position: initial;
  display: block;
  font-size: 14px;
  line-height: 30px;
  width: 100px;
  background: #0c4da2;
  color: #FFF;
  text-align: center;
  height: auto;
}
.category-module.publications h4 {
  color: #0c4da2;
}
.category-module.publications div.readmore a:hover {
  background: #39b54a;
}
.category-module.publications a.readmore:after {
  display: none;
}
.category-module.publications .article-info {
  width: calc(100% - 120px);
}
.category-module.publications .mod-articles-category-date {
}
.category-module.publications .mod-articles-category-title {
  display: block;
  color: #0c4da2;
}
.category-module.publications .mod-articles-category-title:hover {
  color: #39b54a;
}
@media (min-width: 768px) {
  .moduletable.category-desc {
    margin: 0 0 30px;
    height: 140px;
    box-sizing: content-box;
    font-size: 17px;
    line-height: 25px;
  }
  .moduletable.category-desc h3 {
    margin: 0 0 10px;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .moduletable.category-desc {
    margin: 0 0 30px;
    height: 160px;
    box-sizing: content-box;
    font-size: 17px;
    line-height: 25px;
  }
}
/*   Twitter
/*------------------------------------------*/

#content-right .moduletable.twitter {
  position: relative;
  min-height: 500px;
}
@media (min-width: 768px) {
  #content-right .moduletable.twitter {
    position: absolute;
    height:  100%;
    width: 100%;
    top: 0;
    left: 0;
  }
}
#content-right .moduletable {
  width: 100%;
}
#content-right .moduletable h2 {
  position: absolute;
  z-index: 100;
  background: #fff;
  width: 100%;
  padding: 0 0 38px;
  margin: 0;
}
#content-right .moduletable h2:after {
  bottom: 23px;
}
#content-right .moduletable iframe {
  position: absolute !important;
  left: 0;
  bottom: 0;
  width: 100% !important;
  height: calc(100% - 20px) !important;
}

/*   Projects Module
/*------------------------------------------*/
#content-bottom {
  padding: 6.3vw 0;
}
#content-bottom h2 {
  display: block;
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
  padding: 0  5.2vw 15px;
}
#content-bottom h2:after {
  left:  5.2vw;
}
#content-bottom .moduletable > div:not(.djslider-end) {
  background: #dcddde;
  padding: 20px 5.2vw;
}

#content-bottom .djslider li {
  background: #FFF;
  border: 10px solid #FFF !important;
}
#content-bottom .djslider li img {
  position:  absolute;
  max-width: 100% !important;
  max-height: 100% !important;
  height: auto !important;
  width: auto !important;
  top: 50% !important;
  transform: translate(-50%,-50%) !important;
}
#content-bottom .djslider-default .navigation-container .prev-button {
  left: -35px;
  transform: translate(0,-50%);
}
#content-bottom .djslider-default .navigation-container .next-button {
  right: -35px;
  transform: translate(0,-50%);
}
#content-bottom .navigation-container {
  margin: 0 !important;
}
#content-bottom .navigation-container {
  top: 50% !important;
}
#content-bottom .djslider-loader {
  overflow: visible !important;
}
@media (max-width: 767px) {
  #content-bottom h2 {
    padding: 0 15px 15px;
  }
  #content-bottom h2:after {
    left:  15px;
  }
  #content-bottom .moduletable > div:not(.djslider-end) {
    background: #dcddde;
    padding: 10px 40px;
  }
  #content-bottom .djslider-default .navigation-container .prev-button {
    left: -30px;
  }
  #content-bottom .djslider-default .navigation-container .next-button {
    right: -30px;
  }
}

/*------------------------------------------*/
/*   Login                                  */
/*------------------------------------------*/

div.login, div.login + div, .profile-edit {
  max-width: 500px;
  margin: 0 auto;
}
div.reset, div.remind, div.registration {
  max-width: 500px;
  margin: 0 auto;
}

div.login input[type="text"], div.login input[type="password"], div.reset input[type="text"], div.remind input[type="email"], div.registration input, .profile-edit input {
  background: #efefef;
  border: none;
  width: 100%;
  border-radius: 3px;
  padding: 5px;
  line-height: 20px;
  margin: 0 0 10px;
}
div.login label, div.reset label, div.remind label, div.registration label, .profile-edit label {
  font-weight: 300 !important;
  font-size: 18px;
}
div.registration .spacer label {
  font-size: 14px;
  text-align: right;
  display: block;
  padding: 0;
}
div.login button, div.reset button, div.remind button, div.registration button, .profile-edit button {
  width: 100%;
  border: none;
  padding: 5px;
  background: #0c4da2;
  border-radius: 0;
}
.profile-edit button {
    font-size: 20px;
}
.profile-edit a.btn {
    font-size: 15px;
    padding: 0;
    background: none;
    color: #0c4da2;
}
div.login button:hover, div.reset button:hover, div.remind button:hover, div.registration button:hover, .profile-edit button:hover {
  background: #39b54a;
}
.profile-edit a.btn:hover {
  color: #39b54a;
}
div.login .control-group:nth-child(3) {
  display: flex;
  align-items: center;
  margin: 0 0 5px;
}
div.login .control-group:nth-child(3) > div {
  margin: 0 5px 0 0;
}
div.login + div ul {
   padding: 0;
   border: none;
   display: flex;
   justify-content: space-around;
   font-size: 14px;
}
div.login + div ul > li {
  margin: 5px 0 0;
  list-style-type: none;
}
div.login + div ul > li > a {
  padding: 2px 5px;
  display: block;
  margin: 0;
  border: none;
}
#jsn-form.flat.horizontal > .z-container > .z-content > .z-content-inner {
  padding: 0 !important;
}
ul#jsn-profile-tabs {
  display: none !important;
}
.jsn_registration_controls {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
div.captcha-group {
    margin: 0 auto 10px;
}
div.captcha-group div{
    margin: 0 auto;
    display: block;
}
div.captcha-group label {
    display: none;
}

/*------------------------------------------*/
/*   Footer                                 */
/*------------------------------------------*/

footer {
  background: #0c4da2;
  color: #FFF;
  line-height: 30px;
  font-size: 16px;
  clear:  both;
  padding: 10px;
}
footer ul {
  padding: 0;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  justify-content: space-around;
  flex-wrap: wrap;
  max-width: 1200px;
}
footer ul > li {
  display: block;
  margin: 0;
  text-align: center;
}
footer a {
  color: #FFF;
  text-decoration: underline;
}
footer a:hover {
  color: #FFF;
  opacity: 0.8;
  text-decoration: none;
}
footer a[href*="twitter"] {
  font-size: 0;
  display: block;
  height: 30px;
  width: 25px;
  background: url(../img/twitter.svg) no-repeat center;
}
footer a[href*="linkedin"] {
  font-size: 0;
  display: block;
  height: 30px;
  width: 25px;
  background: url(../img/linkedin.svg) no-repeat center;
}

div.events_container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.events_container > div {
  width: calc(50% - 15px);
  display: flex;
  margin: 0 0 30px;
  font-size: 15px;
  line-height: 20px;
}
div.events_container > div > div.event_image {
  width: 120px;
}
div.events_container > div > div.event_details {
  background: #f1f1f1;
  padding: 5px 10px;
  width: 100%;
}
div.events_container > div > div.event_image + div.event_details {
  width: calc(100% - 140px);
  margin: 0 0 0 20px;
  background: #f1f1f1;
  padding: 5px 10px;
}
.rsepro-title-block {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin: 0 0 15px;
}
a.event_link.thumbnail {
  border: none;
  padding: 0;
  margin: 0;
  border: 1px solid #f1f1f1;
  padding: 5px;
}
a.event_link.thumbnail img {
  max-height: 150px;
  height: auto;
  width: auto;
}
.rsepro-month-year {
  display: block;
  width: 100%;
  background: none !important;
  padding: 0 !important;
  box-shadow: none;
  margin: 0 0 10px !important;
}
.rsepro-month-year span{
  padding: 0 !important;
}
.pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0;
  margin: 0;
}
.pagination ul > li {
  display: block;
  position: relative;
  margin: 0;
}
.pagination ul > li + li {
  margin: 0 0 0 5px;
}
.pagination ul > li > a, .pagination ul > li > span {
  display: block;
  padding: 0 10px;
  color: #6d6e71;
}
@media (max-width: 767px) {
  .pagination ul > li:not([class*="pagination"]) {
    display: none;
  }
}
.pagination ul > li:last-child:after {
  display: none;
}
.pagination li.pagination-start, .pagination li.pagination-end {
  display: none;
}
.pagination li.pagination-next a, .pagination li.pagination-prev a, .pagination li.pagination-next span, .pagination li.pagination-prev span {
  color: transparent;
  font-size: 0;
  line-height: 0;
}
.pagination li.pagination-next a:after {
  content: "\e080";
}
.pagination li.pagination-prev a:before {
  content: "\e079";
}
.pagination li.pagination-next a:after, .pagination li.pagination-prev a:before {
  font-family: 'Glyphicons Halflings';
  color: #FFF;
  background: #6d6e71;
  line-height: 22px;
  font-size: 14px;
  display: block;
  padding: 0 3px;
}
.pagination li.pagination-next a:hover:after, .pagination li.pagination-prev a:hover:before {
  background: #39b54a;
}
.pagination ul > li > span {
  color: #39b54a;
}

.pagination a {
  display: block !important;
}
#edocman-category .edocman-description {
  margin: 23px 0 0 0;
  padding: 0 !important;
}
.sortPagiBar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 0 15px;
}
.content-category div.category > div{
  margin: 0 0 20px;
}
.content-category .category-desc {
  margin: 0 0 30px;
}
.edocman-document-header h3 {
  font-size: 17px;
  display: block;
  float: none !important;
  margin: 0;
}
.edocman-document-header h3 a {
  color: #39b54a;
}
span.edocman-categories {
  color: #6d6e71;
}
.edocman-document a.btn, .content-category .list-readmore a {
  border-radius: 0;
  border: none;
  background: #39b54a;
  color: #FFF;
  font-size: 17px;
  line-height: 30px;
  display: block;
  padding: 0 5px;
  width: 110px;
  text-align: center;
}
.edocman-document a.btn:hover, .content-category .list-readmore a:hover {
  background: #0c4da2;
}
.edocman-document a.btn i{
  display: none;
}
#edocman-documents .edocman-taskbar {
  padding: 0 !important;
  margin: 0 !important;
}
.edocman-taskbar li {
  margin: 0 !important;
  padding: 0 !important;
}
.edocman-taskbar li + li {
  border-left: 3px solid #FFF;
}
span.indicators {
  margin: 0;
  padding: 0;
  line-height: 30px;
}
span.indicators span {
  margin: 0;
  padding: 0 5px;
  line-height: 30px;
  text-shadow: none;
  box-shadow: none;
  border: none;
  vertical-align: top;
}
.edocman-document-date, .content-category .list-date {
  font-size: 17px;
  display: block;
  margin: 0 0 15px;
  text-transform: capitalize;
}
.edocman-document .edocman-description {
  border: none !important;
  padding: 0 !important;
  font-size: 15px;
  line-height: 20px;
}
#edocman-documents .edocman-document .edocman-description {
  border: none !important;
  padding: 0 !important;
  font-size: 15px;
  line-height: 20px;
}
.edocman-document div.edocman-tags ul {
  display: flex;
  padding: 0;
  margin: 0;
}
.edocman-document div.edocman-tags ul > li {
  display: block;
  padding: 0;
  margin: 0 5px 0 0;
}
.edocman-document div.edocman-tags ul > li a:after {
  content: ",";
}
.edocman-document div.edocman-tags ul > li:last-child a:after {
  content: "";
}
div.list-title a {
  color: #0c4da2;
}
div.list-title a:hover {
  color: #39b54a;
}
@media (min-width: 767px) {
  .edocman-document-headings, .content-category div.category > div{
    display: flex;
    align-items: flex-start;;
    justify-content: space-between;
  }
  .edocman-document-headings {
    align-items: center;
  }  
  .edocman-document-header, .content-category div.item-details {
    width: calc(100% - 170px) ;
  }
  .edocman-documents .edocman-taskbar, .content-category div.list-readmore {
    width: 170px;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
  }
  .edocman-document-header h3 {
    font-size: 20px;
  }
}
@media (min-width: 1100px) {
  .edocman-document-header, .content-category div.item-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
  } 
  .edocman-document-header h3, .content-category div.list-title {
    width: calc(100% - 170px) !important;
    display: block;
  }
  .edocman-document-date, .content-category div.list-date {
    font-size: 17px;
    width: 170px;
    text-align: center;
    display:  block;
    margin: 0;
  }
}
.edocman-box-heading {
  padding: 0 !important;
  border: none !important;
  background: none !important;
}
.edocman-box-heading h1, #edocman-category h1 {
  padding: 0 0 15px !important;
  border: none !important;
  background: none !important;
}
.edocman_document_details_information {
  display: block;
  padding: 15px 0 0;
}
#edocman-document-info table {
  border-collapse: collapse;
}
.edocman-document-property-value {
  word-break: break-all; 
}
#system-message-container div.alert {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 15px 20px 15px 90px;
  background: #FFF;
  box-shadow: 0 0 5px rgba(0,0,0,0.4);
  font-size: 15px;
  color: #868686;
  font-style: italic;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 70px;
}
#system-message-container a.close,
#system-message-container button.close {
  border: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 100%;
  height: 100%;
  background: #0c4da2;
  color: #FFF;
  font-size: 40px;
  text-align: center;
  font-style: normal;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
#system-message-container .alert-danger button.close {
  background: red;
}
#system-message-container h4 {
  margin: 0 15px 0 0;
  color: #a91b1b;
  font-size: 20px;
  font-style: normal;
  line-height: 30px;
}
.moduletable.readmore {
  text-align: right;
  font-size: 17px;
}
.moduletable.readmore a {
  color: #6d6e71;
}
.moduletable.readmore a:after {
  color: #FFF;
  content: "\e080";
  font-family: 'Glyphicons Halflings';
  display: inline-block;
  padding: 0px;
  background: #6d6e71;
  font-size: 14px;
  line-height: 20px;
  width: 20px;
  text-align: center;
  margin: 0 0 0 10px;
}
.moduletable.readmore a:hover {
  color: #39b54a;
}
.moduletable.readmore a:hover:after {
  background: #39b54a;
}

div.staff, div.board {
  font-size: 17px;
  line-height: 22px;
}
div.staff h2, div.board h2 {
  margin: 0;
  padding: 0 35px 0 0;
  font-size: 24px;
  line-height: 28px;
}
div.staff h2:after, div.board h2:after {
  display: none;
}
div.staff .item-category, div.board .job-title {
  color: #39b54a;
  font-style: italic;
  margin: 0 0 15px;
  padding: 0 35px 0 0,
}
div.staff .items-leading, div.board .items-leading {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.staff .items-leading:before, div.staff .items-leading:after, div.board .items-leading:before, div.board .items-leading:after {
  display: none;
}
div.staff .items-leading > div, div.board .items-leading > div {
  width: 100%;
  margin: 0 0 20px;
  display: flex;
}
@media (min-width: 1000px) {
  div.staff .items-leading > div , div.board .items-leading > div {
    width: calc(50% - 10px);
  }
}
div.staff .details, div.board .details {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: #f1f1f1;
  padding: 15px;
  position: relative;
  flex-grow: 1;
}
div.staff div.details div.item-image, div.board div.details div.item-image {
  width: 85px;
}
div.staff div.details div.fields {
  width: calc(100% - 85px);
}
div.board div.details div.fields {
  width: calc(100% - 180px);
}
div.staff div.details div.fields *:last-child, div.board div.details div.fields *:last-child {
  margin: 0;
}
div.board div.details div.logo {
  width: 95px;
}
div.board div.details div.logo img {
  display: block;
  margin: 0 auto;
}
div.staff div.details div.cv {
  position: absolute;
  right: 0;
  top: 0;
}
div.staff div.details div.cv a {
  display: block;
  background: #0c4da2;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  color: #FFF;
}
div.staff div.details div.cv a:hover {
  display: block;
  background: #39b54a;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  color: #FFF;
}
div.staff p {
  margin: 0 0 5px;
}
fieldset.filters {
  margin: 0 0 20px -5px;
}
.formContainer input, .formContainer textarea {
  width: 100%;
  padding: 2px 10px;
 
}
.formRow {
  display:flex;
  align-items: stretch;
  justify-content: space-between;
}
.formRow > .formSpan6 {
  width: calc(50% - 5px);
}
.formBody {
  float: none !important;
  margin: 0 0 10px;
}
.formContainer label {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500
}
.formContainer input[type="radio"], .formContainer input[type="checkbox"]{
  width: 20px;
  margin: 0 10px 0 0;
}
.formControlLabel {
  font-weight: bold;
}
.formContainer table td {
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
  padding: 3px 10px;
}
.formContainer table tr:last-child td {
  border-bottom: 0px solid #efefef;
}
.formContainer table td:first-child, .formContainer table tr:first-child {
  font-weight: bold;
}
.highlight {
  border: 3px solid #42a62a;
  padding: 10px;
}
#rs_event_show .description {
  margin-top: 30px;
  display:  block;
}
.rs_image {
  margin: 0 0 0 15px;
}
.rsepro-calendar table caption {
  border: none;
  padding: 0;
}

.rsepro-calendar table caption select {
  line-height: 24px;
  font-size: 17px;
  padding: 4px 5px;
}
@media (max-width: 767px) {
  .hidden-phone {
    display: none;
  }
}
@media (min-width: 768px) {
  .hidden-desktop, .hidden-tablet {
    display: none;
  }
}
.rsepro-calendar table th {
  background: #efefef;
  color: #0c4da2;
}
.rsepro-calendar table td {
  border: 1px solid #efefef;
}
.rsepro-calendar table td div>a {
  color: #0c4da2;
  background: #ddd;
  padding: 3px;
  font-size: 15px;
}
.rsepro-calendar table td.next-month div>a, .rsepro-calendar table td.prev-month div>a {
  color: #828282;
  background: #efefef;
}
#edocman-categories, ul.vl-popular {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  padding: 0;
  justify-content: center;
}
#edocman-categories > div {
  width: calc( (100% - 80px) / 5);
  background: #39b54a;
  color: #FFF;
  padding: 15px;
  position: relative;
  margin: 0 20px 20px 0;
  display: flex;
  align-items: stretch;
}
ul.vl-popular > li {
  width: calc( (100% - 80px) / 5);
  position: relative;
  margin: 0 20px 0 0;
  display: flex;
}
ul.vl-popular > li > a {
  background: #39b54a;
  color: #FFF;
  padding: 15px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width:  100%;
  justify-content: space-between;
}
#edocman-categories > div > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
#edocman-categories > div:hover, ul.vl-popular > li > a:hover {
  background: #0c4da2;
}
#edocman-categories > div h3, ul.vl-popular > li > a > span {
  color: #FFF;
  font-size: 20px;
  line-height: 25px;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
  display: block;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
}
#edocman-categories .edocman-category img, ul.vl-popular > li > a > img {
  margin: 20px 0 0;
  order: 2;
}
#edocman-categories > div:last-child {
  display: none;
}
#edocman-categories a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#edocman-categories .edocman-category {
  margin: 0;
}
#edocman-categories .edocman-box-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}
@media (max-width: 499px) {
  #edocman-categories > div, ul.vl-popular > li {
    width: calc( (100% - 20px) / 2);
    margin: 0 20px 20px 0;
  }
  #edocman-categories > div:nth-child(2n), ul.vl-popular > li:nth-child(2n), ul.vl-popular > li:last-child {
    margin: 0 0 20px 0;
  }
}
@media (min-width: 500px) and (max-width: 900px) {
  #edocman-categories > div, ul.vl-popular > li {
    width: calc( (100% - 40px) / 3);
    margin: 0 20px 20px 0;
  }
  #edocman-categories > div:nth-child(3n), ul.vl-popular > li:nth-child(3n), ul.vl-popular > li:last-child {
    margin: 0 0 20px 0;
  }
}
@media (min-width: 901px) {
  #edocman-categories > div:nth-child(5n) {
    margin: 0 0 20px 0;
  }
  ul.vl-popular > li:last-child {
    margin: 0;
  }
}

.vl-search.simple .search_button, .vl-search.simple .search_category {
  display: none;
}
.vl-search {
  margin: 30px 0 70px;
}
.vl-search.simple {
  margin: 30px 0 10px;
}
.vl-search .search_field {
  width: 100%;
  position: relative;
}
.vl-search div.search_field:before {
  content: "\e003";
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'Glyphicons Halflings';
  display: block;
  padding: 15px;
  line-height: 20px;
  font-size: 20px;
  transform: scaleX(-1);
  color: #6d6e71;
}
.vl-search .search_field input, .vl-search .search_category select {
  width: 100%;
  padding: 15px 15px 15px 40px;
  font-size: 16px;
  line-height: 20px;
  border: 1px solid #6d6e71;
}
.vl-search .search_button {
  position: relative;
}
.vl-search .search_button input {
  position: absolute;
  right: 0;
  top: 100%;
  background: #39b54a;
  color: #FFF;
  padding: 3px 10px;
  font-size: 15px;
  line-height: 20px;
  margin-top: 10px;
  transition: transform ease-in-out 0.3s;
  border: 0;
  z-index: 10;
  border-radius: 0;
}
.advanced-search {
    text-align: right;
}
.advanced-search a {
  position: initial;
  display: inline-block;
  margin: 0 0 30px;
}
.vl-search .search_button input {
  z-index: 1;
}
.vl-search .search_category.open a {
  opacity: 0;
  transform: scale(0);
  animation: hide-search 0.3s;
}
.vl-search  .search_category a:hover {
  background: #0c4da2;
}
.vl-search .search_category select {
  margin: 10px 0 0;
  padding: 15px;
}

.moduletable.vl-desc{
  margin: 0 0 30px;
}
.edocman-sort-direction, .edocman-document-sorting {
  font-size: 16px;
}
.edocman-sort-direction select, .edocman-document-sorting select {
  border: none;
}
#edocman-category {
  margin: 0; 
  padding: 0;
}
.edocman_upload_link {
  background: #39b54a !important;
  padding: 3px 10px 3px 35px!important;
  position: relative;
}
.edocman_upload_link:hover {
  background: #0c4da2 !important;
}
.edocman_upload_link i {
  display: none;
}
.edocman_upload_link:before {
  content: "\e027";
  font-family: 'Glyphicons Halflings';
  font-weight: 100;
  font-size: 22px;
  position: absolute;
  left: 10px;
  top: 0;
  line-height: 36px;
}
p.categories-linked {
  color: #39b54a;
  font-size: 1.4em;
  line-height: 1.4em;
  margin: 20px 0 10px;
}
ul.categories-linked {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
ul.categories-linked > li {
  display: block;
  margin: 0 10px 0 0;
  padding: 3px 6px;
  border: 1px solid #efefef;
}
button.back {
  background: none;
  border: none;
}
.edocman-document-details {
  margin: 10px 0;
}
.created-on-label, .owner-label {
  font-size: 17px;
  line-height: 20px;
  margin: 0 0 3px;
}
.created-on-label {
  text-transform: uppercase;
  color: #39b54a;
  font-size: 15px;
  font-weight: bold;
}
.owner-label a:after {
  content: ",";
}
.owner-label a:last-child:after {
  content: "";
}
div.icons {
  display: none;
}
h2.edocman-document-title {
  display: block;
  margin: 0 0;
  padding: 0;
}
h2.edocman-document-title:after {
  display: none;
}
.edocman-taskbar {
  float: right;
}
.advanced-search a {
  border: 1px solid #39b54a;
  color: #39b54a;
  padding: 3px 10px;
  font-size: 15px;
  line-height: 20px;
  margin-top: 10px;
  transition: transform ease-in-out 0.3s;
  z-index: 10;
  border-radius: 0;
}
.advanced-search a:hover {
  background: #39b54a;
  color: #ffffff;
}
.advanced-search {
  text-align: right;
}
.advanced-search a {
  display: inline-block;
  margin: 0 0 30px;
}

/*------------------------------------------*/
/*   Forum                                  */
/*------------------------------------------*/

#kunena h2.btn-toolbar:after {
  display: none;
}
#kunena ol.breadcrumb {
  font-size: 14px;
  margin: 0 0 5px !important;
}
@media (max-width: 1199px) {
  #kunena h1 {
    font-size: 22px !important;
    line-height: 30px !important;
  }
}
@media (min-width: 1200px) {
  #kunena h1 {
    font-size: 26px !important;
    line-height: 38px !important;
  }
}
#kunena h1 a {
  color: #0c4da2;
}
@media (max-width: 767px) {
  #kunena .hidden-phone {
    display: none;
  }
  #kunena div[class*="span"] {
    width: 100%;
  }
  #kunena.layout small.text-muted {
    position: initial !important;
    float: none !important;
    right: 10px;
    top: -20px;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    z-index: 10;
  }
  #kunena .profilebox {
    font-size: 14px;
  }
  #kunena .profilebox a {
    display: block;
    width: 100%;
    text-align: left;
    padding: 5px;
    font-weight: 400;
  }
  #kunena .glyphicon-user {
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    display: block;
    padding:  0 !important;
    font-size: 20px !important;
    line-height: 40px !important;
    text-align: center;
  }
  #kunena a {
    word-break: break-all;
    hyphens: auto;
  }
}
@media (min-width: 768px) {
  .visible-phone {
    display: none;
  }
  #kunena .span1 {
    width: 50px;
  }
  #kunena .span2 {
    width: 125px;
  }
  #kunena .span3 {
    width: 230px;
    font-size: 16px;
  }
  #kunena .span12 {
    width: 100%;
  }
  #kunena .row-fluid .span2 {
    width: 200px;
  }
  #kunena .row-fluid .span10 {
    width: calc(100% - 200px);
  }
  #kunena.layout small.text-muted {
    position: absolute;
    right: 10px;
    top: -20px;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    z-index: 10;
  }
  #kunena .message, #kunena .row-fluid {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  #kunena .profilebox {
    border: 1px solid #efefef;
    border-right: none;
    border-radius: 5px 0 0 5px;
    margin: 0 !important;
  }
  #kunena .glyphicon-user {
    width: 70px !important;
    height: 70px !important;
    margin: 0 auto !important;
    display: block;
    padding:  0 !important;
    line-height: initial !important;
  }
  #kunena .glyphicon-user:before {
    font-size: 40px;
    line-height: 70px;
  }
  #kunena .profilebox a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px;
    font-weight: 400;
  }
}
#kunena .row {
  margin: 0;
}
#kunena table.table h3, #kunena .krow {
  font-size: 20px;
  padding: 0 0 5px;
}
#kunena table.table h3 small, 
#kunena table.table .header-desc, 
#kunena table thead, 
#kunena table tfoot, 
#kunena div.started, 
#kunena #klastpostphone,
#kunena .replies,
#kunena .views,
#kunena .lastpostlink,
#kunena .datepost,
#kunena .post-info,
#kunena .lastpostby {
  font-size: 14px;
}
#kunena table.table h3 a, #kunena table.table .span1 a, #kunena .subcategories a{
  color: #0c4da2;
}
#kunena table.table a:hover, #kunena .subcategories a:hover{
  color: #39b54a;
}
#kunena .section td {
  padding: 10px 0!important;
}
#kunena .section td.span8 {
  padding: 10px 10px 10px 0 !important;
}
#kunena .section {
  margin: 0 0 20px !important;
}
#kunena table.table {
  float: none !important;
}
#kunena form {
  clear: both;
}
#kunena ul.inline {
  padding: 0;
}
#kunena ul.inline a {
  padding: 2px 10px;
}
#kunena .pagination {
  font-size: 16px;
}
#kunena .span12 h2, #kunena h2.pull-right {
  margin: 0;
  padding: 0;
}
#kunena .span12 h2:after, #kunena h2.pull-right:after {
  display: none;
}
#kunena .form-search input, #kunena select {
  height: 25px;
  padding: 0 10px;
  vertical-align: top;
  font-size: 16px;
}
#kunena div.btn-group {
  position: relative;
  margin: 0 10px 0 0;
}
#kunena button, #kunena a.btn, #kunena .btn-success, #kunena .btn-primary, #kunena input.btn {
  padding: 0 10px;
  background: none;
  color: #0c4da2;
  border-radius: 0;
  border: none;
  vertical-align: top;
  font-size: 14px;
  line-height: 25px;
}
#kunena .btn-default {
  background: #0c4da2;
  color: #FFF;
}
#kunena .caret:before{
  content: "\e114";
  color: #0c4da2;
  font-family: 'Glyphicons Halflings';
  font-size: 12px;
}
#kunena div.btn-group ul.dropdown-menu {
  position: absolute;
  left: 0;
  top: 100%;
  background: #FFF;
  z-index: 100;
  padding: 0;
  border-top: 2px solid #FFF;
  display: none;
  margin: 0 0 0 0;
  min-width: 150px;
}
#kunena .btn.btn-success {
  background: #39b54a;
  color: #FFF;
}
#kunena .btn-primary, #kunena input.btn-primary {
  color: #39b54a;
}
#kunena button:hover, #kunena a.btn:hover, #kunena .btn-group:hover button, #kunena .btn-group:hover a.btn, #kunena input.btn:hover {
  color: #39b54a;
}
#kunena .btn-group:hover .caret:before{
  color: #39b54a;
}
#kunena .btn.btn-success:hover {
  background: #0c4da2;
  color: #FFF;
}
#kunena a.btn span.glyphicon {
  margin: 0 10px 0 0;
}
#kunena a.btn span.glyphicon {
  margin: 0 10px 0 0;
}
#kunena .btn-group .dropdown-toggle {
  padding: 0 10px 0 0 !important;
  box-shadow: none !important;
  outline: 0;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
          box-shadow: none;
}
#kunena div.btn-group.open ul.dropdown-menu {
  display: block;
}
#kunena div.btn-group.open ul.dropdown-menu li {
  display: block;
  margin: 0;
}
#kunena div.btn-group.open ul.dropdown-menu li a {
  color: #FFF;
  background: #0c4da2;
  display: block;
  border-radius: 0;
}
#kunena div.btn-group.open ul.dropdown-menu li a:hover {
  background: #39b54a;
}
#kunena .profile-expand {
  display: none;
}

#kunena .topic-starter {
  display: block !important;
  border: none !important;
  text-align: center;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #39b54a !important;
}

#kunena.layout [class*="badger-left"] {
  margin: 0 0 10px;
  border-radius: 0 5px 5px 5px;
}
#kunena .pagination {
  padding: 0 0 10px !important;
}
#kunena .message {
  position: relative;
}
#kunena.layout .mykmsg-header {
  line-height: 20px;
  font-size: 14px;
  padding: 10px !important;
}
#kunena.layout form#postform div.control-group, #kunena.layout .form-horizontal .controls {
  margin: 0;
}
#kunena.layout .form-horizontal .control-label {
  margin: 20px 0 10px;
}
#kunena #kpost-attachments label {
  display: none;
}
#kunena.layout .form-horizontal .controls input#subject{
  width: 100%;
}
#kunena #kpost-subscribe {
  margin: 0 0 15px 0 !important;
}
#kunena label.string.optional {
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
#kunena input#subscribeMe {
  margin: 10px 10px 0 0 !important;
}
#kunena h2 {
  margin: 0;
  padding: 20px 0 5px!important;
}
#kunena h2:after {
  display: none;
}
#kunena #history > p {font-size: 14px;}
div[data-target="#history"] {
  background: #efefef;
  margin: 20px 0 0;
  position: relative;
  z-index: 10;
}
#kunena ul.nav-tabs li {
  display: block;
}
#kunena ul.nav-tabs li > a{
  display: block;
  padding: 5px 10px;
}
#kunena.layout .kreply-form {
  padding: 15px;
}
#kunena .dropdown-backdrop {
  display: none !important;
  padding: 0;
  width: 0;
}
#kunena span.ip {
  display: none;
}
#kunena div.alert {
  font-size: 12px;
  line-height: 20px;
  font-style: italic;
  padding: 0 10px;
}
#kunena a#btn_report {
  background: none !important;
  color: #CCC !important;
  font-size: 12px;
  line-height: 20px !important;
}
#kunena  a#btn_report:hover {
  color: #f00 !important;
}
#kunena .mykmsg-header {
  display: none;
}
@media (max-width: 1200px) {
  div.kmsg {
    font-size: 16px;
    line-height: 22px;
  }
}
#kunena .subcategories ul {
  font-size: 16px;
}
/*------------------------------------------*/
/*   Members Database                       */
/*------------------------------------------*/

.blog.members .items-leading {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
.blog.members .items-leading > div {
  display: flex;
  flex-direction: column;
  padding: 10px;
  position: relative;
}
@media (max-width: 549px) {
  .blog.members .items-leading > div {
    width: 50%;
  }
}
@media (min-width: 550px) and (max-width: 949px) {
  .blog.members .items-leading > div {
    width: 33%;
  }
}
@media (min-width: 950px) and (max-width: 1199px) {
  .blog.members .items-leading > div {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .blog.members .items-leading > div {
    width: 20%;
  }
}
.blog.members .item-image {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog.members .item-image img {
  max-height: 100px;
}
.blog.members a {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.blog.members h2 {
  padding: 0;
  margin: 0;
  font-size: 18px;
  text-align: center;
}
.blog.members h2:after {
  display: none;
}
.blog.members .items-leading > div:hover h2 {
  color: #39b54a;
}
@media (min-width: 450px) {
  .member-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.member-header {
  margin: 0 0 15px;
}

.member-header .item-image img {
  height: auto;
  width: auto;
  max-width: 300px;
  max-height: 150px;
  margin: 0 0 10px;
}
.member-header p.country img {
  margin: 0 10px 0 0;
  vertical-align: baseline;
}
div[itemprop="articleBody"] {
  clear: both;
}
p.member-type {
  color: #39b54a;
}
div.member-details {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  border: 1px solid #39b54a;
  padding: 15px 15Px 5px;
}
div.member-details h4 {
  margin-top: 0;
}
div.member-details > div {
  padding: 0 10px 0 0;
}
div.member-details div.memberForm {
  width: 100%;
}
div.member-details:not(.open) div.memberForm {
}
div.member-details.open div.memberForm {
  /* display: block; */
}
span.title {
  color: #0c4da2;
  font-size: 22px;
}
a.facebook, a.twitter, a.linkedin {
  display: inline-block;
  margin: 0 10px 0 0;
}
a.facebook:before, a.twitter:before, a.linkedin:before {
  content: "";
  height: 25px;
  display: block;
}
a.facebook:before {
  background: url(../img/facebook-color.svg) no-repeat center;
  width: 25px;
}
a.twitter:before {
  background: url(../img/twitter-color.svg) no-repeat center;
  width: 31px;
}
a.linkedin:before {
  background: url(../img/linkedin-color.svg) no-repeat center;
  width: 27px;
}
.cadre_alert_cookies {
	left: 15px !important;
	right: 15px !important;
	bottom: 15px !important;
}
.cadre_alert_cookies p {
	margin: 0;
}
.cadre_alert_cookies .cadre_inner_alert_cookies {
	background-color: #0c4da2 !important;
}
.cadre_inner_texte_alert_cookies {
	color: #FFF !important;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	padding: 10px 20px !important;
}
.cadre_alert_cookies .col-sm-6, .cadre_alert_cookies .col-md-6 {
	margin: 0 !important;
	padding: 0 !important;
}
.cadre_alert_cookies a.btn, .cadre_alert_cookies button {
	margin: 0 0 0 10px !important;
	background-color: #0c4da2 !important;
	background: #0c4da2 !important;
	text-shadow: none !important;
	border-radius: 0 !important;
	width: 130px !important;
	text-align: center !important;
	color: #39b54a !important;
	border: 1px solid #39b54a !important;
}
.cadre_alert_cookies a.btn:hover, .cadre_alert_cookies button:hover {
	margin: 0 0 0 10px !important;
	background-color: #39b54a !important;
	background: #39b54a !important;
	text-shadow: none !important;
	border-radius: 0 !important;
	width: 130px !important;
	text-align: center !important;
	color: #FFF !important;
	border: 1px solid #39b54a !important;
}
ul.vl-sitemap, ul.sitemap {
  padding: 0;
}
ul.sitemap {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
ul.sitemap:before, ul.sitemap:after {display:none;}
ul.vl-sitemap > li > a, ul.sitemap > li > a {
  color: #39b54a;
}
ul.vl-sitemap > li >  a:hover, ul.sitemap > li > a:hover {
  color: #0c4da2;
}
ul.vl-sitemap > li, ul.sitemap > li {
  display: block;
}
ul.sitemap > li {
  display: block;
  margin: 0 20px 20px 0;
  width: 200px;
}
ul.vl-sitemap > li > a img {
  background: #39b54a;
  padding: 10px;
  width: 50px;
  margin: 0 10px 0 0;
}
ul.vl-sitemap > li > ul {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 10px 0  0;
}
ul.vl-sitemap > li > ul > li {
  display: block;
}
@media (max-width: 349px) {
  ul.vl-sitemap > li > ul > li {
    width: 100%;
  }
}
@media (min-width: 350px) and (max-width: 549px) {
  ul.vl-sitemap > li > ul > li {
    width: 50%;
  }
}
@media (min-width: 550px) and (max-width: 949px) {
  ul.vl-sitemap > li > ul > li {
    width: 33%;
  }
}
@media (min-width: 950px) and (max-width: 1199px) {
  ul.vl-sitemap > li > ul > li {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  ul.vl-sitemap > li > ul > li {
    width: 20%;
  }
}
ul.sitemap > li > ul {
  padding: 10px 0 0;
}
ul.sitemap > li > ul > li {
  display: block;
  margin: 0;
  border-top: 1px solid #efefef;
}
ul.sitemap > li > ul > li > ul {
  padding: 0px 0 5px 15px;
}
ul.sitemap > li > ul > li > ul > li {
  margin: 0;
  line-height: 20px;
}

#private-home {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.moduletable.private-home {
  border: 1px solid #39b54a;
  padding: 25px 15px 15Px;
  margin: 0 0 30px;
  position: relative;
  width: 100%;
}
@media (min-width: 1000px) {
  .moduletable.private-home {
    width: calc(50% - 15px);
  }
}
.moduletable.private-home h3 {
  color: #39b54a;
  position: absolute;
  left: 15px;
  top: -13px;
  margin: 0;
  line-height: 20px;
  background: #FFF;
}
#private-home {
  padding: 12px 0 0 0;
}
#private-home .moduletable {
  position: relative;
}
#private-home .moduletable h4, #private-home .moduletable h4 a {
  margin: 0;
  color: #0c4da2;
}
#private-home .moduletable .item-date, #private-home .moduletable .edocman_itemdate {
  /* color: #0c4da2; */
  font-size: 16px;
}
#private-home p.item-date {
  margin: 0;
}
#private-home .readmore a, #private-home div.edocman_link a, #private-home a.readmore {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: 100%;
}
#private-home .readmore a:before, #private-home div.edocman_link a:before, #private-home a.readmore:before {
  content: "More";
  font-size: 16px;
  line-height: 20px;
  color: #6d6e70;
  position: absolute;
  right: 40px;
  bottom: 10px;
}
#private-home .readmore a:after, #private-home div.edocman_link a:after, #private-home a.readmore:after {
  content: "\e080";
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
  line-height: 20px;
  color: #FFF;
  background: #6d6e70;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 20px;
  text-align: center;
}
#private-home .readmore a:hover:after, #private-home div.edocman_link a:hover:after, #private-home a.readmore:hover:after {
  background: #39b54a;
  transform: none;
}
#private-home .category-module > div {
  position: initial;
}
@media (max-width: 767px) {
  #private-home h3 {
    font-size: 20px;
  }
  #private-home .moduletable h4 {
    font-size: 16px;
    line-height: 22px;
  }
}

.ja-filter-wrapper .filter-content {
  padding: 0;
  position:  relative;
  background: none;
  margin: 0 0 20px;
}
.ja-filter-wrapper .filter-current {
  position: absolute;
  right: 13px;
  bottom: 5px;
}
.ja-filter-wrapper .filter-current div.btn {
  color: #0c4da2;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
}
.ja-filter-wrapper .filter-current div.btn:hover {
  color: #39b54a;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
}
.ja-filter-wrapper .filter-content .filter-field + .filter-field {
  margin: 0;
}
.sb-horizontal.ja-mg-sidebar .filter-options .filter-field .filter-options-content {
  height: auto;
  padding: 0;
  border: none;
  margin:  0;
}
.ja-filter-wrapper dl {
  margin: 0;
}
.sb-horizontal.ja-mg-sidebar .filter-options .filter-field {
  margin: 0;
  width:  calc(33.3333% - 10px);
}
.sb-horizontal.ja-mg-sidebar .filter-options .filter-field .filter-options-title {
  margin: 0;
  padding: 0;
}
.ja-filter-wrapper .filter-content .filter-options-title span {
  background: none;
  padding: 0;
  color: #0c4da2;
}
.sb-horizontal.ja-mg-sidebar .filter-options .filter-field .filter-options-title span {
  padding: 0;
}
.ja-filter-wrapper .filter-content .block-subtitle {
  padding: 0;
  margin: 0;
  border: none;
  color: #39b54a;
}
.sb-horizontal.ja-mg-sidebar .filter-options {
  padding: 5px 15px 30px;
  background: #efefef;
  margin: 0;
  display:  flex;
  align-items: stretch;
  justify-content:  space-between;
}
@media (max-width: 767px) {
  .sb-horizontal.ja-mg-sidebar .filter-options {
    flex-direction: column;
  }
  .sb-horizontal.ja-mg-sidebar .filter-options .filter-field {
    width: 100%;
  }
}
.sb-horizontal.ja-mg-sidebar .filter-options:after {
  display: none;
}
.ja-filter-wrapper .filter-content .input-text, .ja-filter-wrapper .filter-content .filter-items {
  line-height: 25px;
  font-size: 15px;
  padding: 0 5px;
  height: 29px;
}
.ja-products-wrapper .product-items {
  margin: 0;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.ja-products-wrapper .product-item {
  position: relative;
  margin:  0;
  display:  flex;
  padding: 10px;
  margin: 0 0 10px;
}
@media (max-width: 549px) {
  .ja-products-wrapper .product-item {
    width: 50%;
  }
}
@media (min-width: 550px) and (max-width: 949px) {
  .ja-products-wrapper .product-item {
    width: 33%;
  }
}
@media (min-width: 950px) and (max-width: 1199px) {
  .ja-products-wrapper .product-item {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .ja-products-wrapper .product-item {
    width: 20%;
  }
}
.ja-products-wrapper .product-item .product-item-info {
  border: none;
  box-shadow: none !important;
}
.ja-products-wrapper .product-item-actions {
  margin: 0;
}
.ja-products-wrapper .product-item-actions a.btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none;
  padding: 0;
  margin: 0;
  color: transparent;
}
.products-toolbar .orderby-displaynumber {
  display: none;
}
.ja-products-wrapper .product-item .product-item-name {
  font-size: 18px;
  text-align: center;
}
.ja-products-wrapper .product-item .product-item-name a {
  color: #0c4da2;
}
.ja-products-wrapper .product-item:hover .product-item-name a {
  color: #39b54a;
}
.ja-products-wrapper .product-item .product-item-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding:  0;
}
.ja-products-wrapper .product-item-details {
  flex-grow: 1;
  display:  flex;
  flex-direction:  column;
  justify-content: space-between;
}
.ja-products-wrapper .product-item-photo {
  margin: 0 0 10px;;
}
div.toolbar-bottom {
  border: none;
  padding: 0;
}
.products-toolbar .pagination {
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.products-toolbar .pagination li {
  border: none;
  font-size: 16Px;
  line-height: 22px;
}
.products-toolbar .pagination > li > span,
.products-toolbar .pagination > li > a {
  border: none;
  color: #6d6e71;
  padding: 0;
  text-transform: initial;
  background: none;
  line-height:  22px;
}
.products-toolbar .pagination > li.disabled  {
  display: none;
}
.products-toolbar .pagination > li.active a  {
  color: #39b54a;
}
.products-toolbar .pagination > li.pages-item-next a span,
.products-toolbar .pagination > li.pages-item-prev a span,
.products-toolbar .pagination > li.pages-item-last a span,
.products-toolbar .pagination > li.pages-item-first a span {
 display: none;
}
.products-toolbar .pagination > li.pages-item-next a:before {
  content: "\e080";
}
.products-toolbar .pagination > li.pages-item-prev a:before {
  content: "\e079";
}
.products-toolbar .pagination > li.pages-item-last a:before {
  content: "\e075";
}
.products-toolbar .pagination > li.pages-item-first a:before {
  content: "\e071";
}
.products-toolbar .pagination > li.pages-item-next a:before, 
.products-toolbar .pagination > li.pages-item-prev a:before, 
.products-toolbar .pagination > li.pages-item-last a:before, 
.products-toolbar .pagination > li.pages-item-first a:before {
  font-family: 'Glyphicons Halflings';
  color: #FFF;
  background: #6d6e71;
  line-height: 22px;
  font-size: 14px;
  display: block;
  padding: 0;
  width: 22px;
}
.products-toolbar .pagination > li.pages-item-first a:before {
  padding: 0 3px 0 0;
}
.products-toolbar .pagination > li.pages-item-last a:before{
  padding: 0 0 0 3px;
}
@media (max-width: 768px) {
  .ja-megafilter-wrap .ja-mg-sidebar .sidebar-toggle:hover,
  .ja-megafilter-wrap .ja-mg-sidebar .sidebar-toggle {
    background: none;
    color: #39b54a;
    border: 1px solid #CCC !important;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    padding: 0 10px;
  }
  .ja-megafilter-wrap .ja-mg-sidebar {
    height: 30px;
  }
}
/*------------------------------------------*/
/*   Search	                                */
/*------------------------------------------*/

#search-form label {
	line-height: 30px;
	vertical-align: top;
	margin: 0 10px 0 0;
}
.search input[type="text"],
.search button, 
.moduletable .finder input,
#search-form input,
#search-form button {
	line-height: 20px;
	padding: 5px 10px;
	border: none;
	margin: 0 0 10px;
}
.search input[type="text"],
.moduletable .finder input[type="text"],
#search-form input {
	background: rgba(0,0,0,0.05);
	border-radius: 3Px;
	margin: 0;
	vertical-align: top;
	height: 30px;
}
.moduletable .finder input[type="text"] {
	width: calc(100% - 30px);
	border-radius: 3px 0 0 3px;
	margin:  0;
}
.moduletable .finder button {
	width: 30px;
	border-radius: 0 3px 3px 0 ;
	font-size: 0;
	line-height: 0;
	vertical-align: top;
	padding: 4px 0;
}
.moduletable .finder button span {
	font-size: 15px;
	line-height: 20px;
	height:20px;
	display: block;
	margin: 0 auto;
}
.moduletable .finder button span:before {
	font-size: 15px;
	line-height: 20px;
	height:20px;
	display: block;
}
.searchintro {
	font-style: italic;
}
.search legend {
	margin: 0 0 5px;
	padding: 0 0 5px;
}
.search .phrases-box, .search .ordering-box {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 15px 0;
}
.search .phrases-box label {
	display: inline-block;
	vertical-align: top;
	padding: 10px 0 10px 20px;
	margin: 0 15px 0 0;
	line-height: 20px;
}
.search .ordering-box label {
	padding: 10px 0;
	line-height: 20px;
	margin: 0 5px 0 0;
}
.search .ordering-box span {
	line-height: 20px;
}
.search .form-limit {
	text-align: right;
}
.search .form-limit span {
	line-height: 20px;
	margin-right: 22px
}
.search p.counter {
	font-style: italic;
	font-size: 14px;
}
.search dt.result-title, .smart-result h4 {
	font-size: 20px;
	padding: 0 0 5px;
	border-bottom: 1px solid #efefef;
	font-weight: 500;
}
.search dd.result-category {
	font-size: 14px;
	padding: 5px 0 0 ;
	font-style: italic;
}
.search dd.result-created, .smart-result .smart-date {
	margin: 0 0 20px;
	font-size: 14px;
	padding: 5px 0 0 ;
	font-style: italic;
}
.smart-result p {
	margin: 0;
}
.search .highlight {
  padding: 0 ;
  border: none;
  background: #efefef;
}