body{
  position: relative;
  /*font-size: initial;*/
  /*overflow-x: hidden;*/
}
p {
    -webkit-font-smoothing: antialiased;
}
.font_weight-lighter{
  font-weight: lighter !important;
}
.font_weight-normal{
  font-weight: normal !important;
}
.font_weight-bolder{
  font-weight: bolder !important;
}
#container{
  /*width: 100%;*/
}
picture{
  max-width: 100%;
}
/*
.isAdmin #container{
  width: 85%;
}*/
/*.isAdmin #content-inner{
  width: 95%;
}*/

#container a{
  text-decoration: none;
}

#header-inner, #content-inner, #footer-inner{
  margin: 0 auto;
  position: relative;
}
#content-inner{
  padding-bottom: 1px;
  padding-top: 0.1px;
}
/*#header-inner>div>div, #footer-inner>div>div{
  
}*/
/*
width default
*/
/*.menu, .baseline{
  width: auto;
}*/

#content-inner .breadcrumb a, #content-inner .breadcrumb a:hover{
  text-decoration: none;
}
#content-inner h1 a, #content-inner h2 a, #content-inner h3 a, #content-inner h4 a,
#content-inner .h1-like a, #content-inner .h2-like a, #content-inner .h3-like a, #content-inner .h4-like a{
  text-decoration: none;
  color: inherit !important;
}

#content-inner h1 a:hover, #content-inner h2 a:hover, #content-inner h3 a:hover, #content-inner h4 a:hover,
#content-inner .h1-like a:hover, #content-inner .h2-like a:hover, #content-inner .h3-like a:hover, #content-inner .h4-like a:hover{
  color: inherit;
  opacity: 0.8;
}
.post-navigation{
  padding-top: 0.5em;
}
/*
margins & paddings default
*/
#content-inner h1, #content-inner h2, #content-inner h3, #content-inner h4,
#content-inner .h1-like, #content-inner .h2-like, #content-inner .h3-like, #content-inner .h4-like{
  padding-left: 1em;

}
#content-inner p, #content-inner blockquote, #content-inner .post-abstract, #content-inner .post-content{
  margin-left: 1em;
  margin-right: 1em;
  /*margin-top: 1em;*/
}

#content-inner .ma0{
  margin-left: 0 ;
  margin-right: 0;
  margin-top: 0;
}

#content-inner [class*="grid-"] > p:first-child{
   margin-left: 1em;
}
#content-inner [class*="grid-"] > p{
    margin-right : 0;
    margin-top: 0;
}
#content-inner blockquote{
 margin-left: 3em;
 margin-right: 3em; 
}


.grid-1 > *, .grid-1-small-1 > *{
  margin-left: 0;
  width: 100%;

}
[class*="grid-"] > script, [class*="grid-"] > style{
  display: none;
}
.share{
  clear: both;
  padding-top: 1em;
  padding-bottom: 0.5em;
  padding-right: 1em;
}


#header-inner>[class*="grid-"], #footer-inner>[class*="grid-"]{
  margin-left:0;
}
/*
#content-inner article.post .post-left{
  width: auto;
}*/


/*
primary-bg / secondary-bg
*/

#content-inner .primary-bg a, #content-inner .secondary-bg a{
  color: inherit;
}

.baseline h1, .baseline h2, .baseline h3, .baseline h4,
.baseline .h1-like, .baseline .h2-like, .baseline .h3-like, .baseline .h4-like{
  color: inherit;
  margin: 0;
  padding: 0;
}
.baseline{
  font-size: 2em;
}

.logo h1, .logo .h1-like{
  margin: 0;
  padding: 0;
}

.logo h1 a, .logo .h1-like a{
  display: block;
}
.logo img, .logo picture{
  max-width: none;
  
}

/*
  NAVIGATION
  */


.menu{  
  /*width: 100%;*/
  margin: 0 auto;
}
.menu .navigation{
}
.menu li, .menu  li{
  display: inline-block;
  text-align: center;
}
.menu .navigation-vertical li{
  display: block;
  text-align: left;
}
.menu .navigation ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.menu .navigation li{
  list-style-type: none;
  padding: 0 0.2em;
  position: relative;
}
.menu .navigation-horizontal a{
  display: inline-block;
}
.menu .navigation-horizontal a, .menu .navigation-horizontal label{
  min-width: 100px;
  padding: 0 1em;
  min-height: 3em;
  line-height: 3em;  
  position: relative;
  margin: 0;
}
.menu .navigation a:hover{
}

.loginMenu > div{
  display: inline-block;
  width: 100%;
}
.loginMenu .dropdown{

}
.loginMenu a{
  display: inline-block;
  color: inherit;
}
.loginMenu a:hover{
  opacity: 0.6;
}


.admin-pages #content-inner{
  width: auto;
}
/*
MENU AND SUBMENU
*/
.toggleMenu,
[id^=drop] {
  display: none;
}
[id^=drop]{
  left: auto;
  position: relative;
}
.menu .navigation-horizontal ul ul {
  display: none;
  position: absolute; 
  /* has to be the same number as the "line-height" of "nav a" */
  /*top: 60px; */
  padding-left:0;
  
  z-index: 10;
  box-shadow: black 0px 1px 5px -1px;
  top: 100%;
  left: 0;
  width: auto;
  min-width: 12em;
  border-radius: none;
}

.menu .navigation ul.submenu a{
  display: block;
  border-radius: none;
  text-decoration: none;  
}
#header-inner .menu .navigation ul.submenu a{
  background: white;
  color: black;
}
.menu .navigation ul.submenu a:hover{
  color: gray;
}

.menu .navigation ul.submenu li{
  display: block; 
}
.menu .navigation ul li:hover > ul {
  display:inherit;
}
/*.menu li > a:after { content:  ''; }
.menu li > a:only-child:after { content: ''; }
*/

.menu .navigation ul ul>li {
  /*width:170px;*/
  float:none;
  display: block;
  position: relative;
  padding:0;
}
.menu .navigation ul ul ul{
  left: 100%;
  top: 0;
}
.menu .navigation ul ul ul li {
  position: relative;
  /*top:-60px;*/
  /* has to be the same number as the "width" of "nav ul ul li" */ 
  /*left:170px; */
}


.menu .navigation-vertical ul ul {
  margin-left: 2em;
}







table caption{
  padding: 0;
  line-height: 2.7em;
}


.font-normal{
  font-style: normal;
}














/*
UL, OU
*/
ul, ol{
  list-style-position: inside;
}

/*
COURSE MENU
*/
.course-menu{
  z-index: 2;
}
.course-menu h1, .course-menu .h1-like{
  padding-left: 0.5em;
}
#content-inner .course-links{

  /*border: solid black 1px;*/
  list-style-type: none;
  list-style-image: none;
  padding: 0;
}
#content-inner .course-links li{
  padding: 0;
  margin: 0;
}

#content-inner .course-links li a, #content-inner .course-links li.current{
  display: block;
  /*min-width: 15em;*/
  margin: 0;
  padding: 1em;
  text-decoration: none;
}



/*
blockquote
*/
blockquote, blockquote:first-child{
    box-shadow: 0px 0px 1px #ccc;
    /*margin: 1.5em 0px 1.5em -1.5em;*/
    padding: 0.75em 0.5em 0.75em 1em;
    background: none repeat scroll 0% 0% #fefefe ;
    border-left: 0.5em solid #DDD;
    background-color: #f2f2f2;
    margin: 3em;
    margin-left: 2em;
    color: black;
}

blockquote:before{
    display: block;
    height: 0px;
    content: "“";
    text-align: left;
    margin-left: -0.95em;
    font: italic 400%/1 Cochin,Georgia,"Times New Roman",serif;
    color: #999;
}

blockquote footer{
    color: gray;
    margin-top: 1em;
    text-align: right;
    font-variant:small-caps;
    font: italic 1em Cochin,Georgia,"Times New Roman",Times,serif;
}




.badge{
  display: inline-block;
  margin: 0.5em;
}
.badge-gray{  
  filter: grayscale(100%);
}
.badge-small .badge-icon{
  width: 50px;
  height: 50px;
  border-width: 3px;
}
.badge-tiny .badge-icon{
  width: 20px;
  height: 20px;
  border-width: 1px;
}
.badge-icon{
  width: 100px;
  height: 100px;
  border-width: 6px;
  border-style: solid;
  border-radius: 50%;
  margin: 0 auto;
  /*background-size: contain;*/
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 1px 1px 10px grey;
  position: relative;
}
.badge-persistent::after{
  content: ' ';
  width: 24px;
  height: 24px;
  bottom: -10px;
  right: -10px;
  position: absolute;
  background-color: transparent;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABC0lEQVRIie3STytEYRTH8U9YMHusJKUszdLezEJJkVdgYUWxVUp5C/IiLKZIyVJ5ASIbUpaMsjX+ZCzuM/XMbe4zZn9/deo+53zP+dW5h1KlShVpBDVsYhljPZgKVgJTCz3/UhWPaEfxgnrELKGZYx4w32/4JN5yjZ34xCrW8VXAvGI8ZXAYwXuYwgZaIfeNn/DdCrUZ7Ed9BymDywDd5PL1yKSNDyzmmNtQu0gZnAfoCUNRfkf3Kn6xFdWH8RxqZymD3WjICdZwHOXeQ3TeR4FpRLntlEEF93r/wKbsSqqKD+EOoykDsks6la2h03iF2YiZw7XulTUw0W943mhBdklFmg7MQINLlRpMf5RZYU7lBBbeAAAAAElFTkSuQmCC);
  background-position: center center;
  background-repeat: no-repeat;
}
.badge-icon-transparent{
  background-size: 80%;
  
}
.badge-name{
  padding-top: 0.5em;
  font-weight: bold;
  text-align: center;
}

.badges-masked{
  z-index: 1;
  position:relative;
  height:auto;
  overflow: hidden;
}

.badges-masked:before, .badges-masked:after{  
  transition: all 300ms ease;
}

.badges-masked{
  height: 10em;
}

.badges-masked-open{
  
}
.badges-masked{
  position: relative;
}
.badges-masked:after {
  content: "";
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  background: linear-gradient(rgba(255,255,255,0) 0%, rgba(238,238,238,1) 80%);
}

.badges-masked-open:after {
  content: none;
}

/*
ZERUDI BRAND
*/

.powered_by{
  text-align: center;
  font-size: 15px;  
  padding: 0.5em;
}
.powered_by a{
  color: white;
  text-shadow: 1px 1px 1px  black;
}

/*
trackers
*/
.trackers{
  color: white;
  text-shadow: 1px 1px 3px black;
  text-align: right;
  padding: 0.5em; 
}

[class*="flex-"], .flex{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  flex-direction: row;
}

.flex-space-between{
  justify-content: space-between;
}
.flex-space-around{
  justify-content: space-around;
}
.flex-row{
  flex-direction: row;
}
.flex-align-top{
  align-items: flex-start;  
}
.flex-align-stretch{
  align-items: stretch;   
}
.flexitem-align-stretch{
  align-self: stretch;    
}
.flexitem-align-top{
  align-self:  flex-start;
}
.flexitem-align-bottom{
  align-self:  flex-end;
}
.mono{
  font-family: 'DejaVu Sans Mono';
}

[class="grid-1"] > *{
  width: 100%;
}


.inner-line>*{
  min-height: 1em;
}

ul.col-3, ol.col-3{
  column-count: 3;
}
 
ul.col-2, ol.col-2{
  column-count: 2;
} 
ul.col-4, ol.col-4{
  column-count: 4;
} 
/*
RESPONSIVE
*/

@media (max-width: 1600px) {
  
  .wrapper-cols.sidebar-visible{
    grid-template-columns: 1fr 85%;
  }
  
  #eprivacy .w50{
    width: 100% !important;
  }

  form select{
    max-width: 100%;
  }
}

@media (max-width: 1000px) {

  .tableRwd tbody th, .tableRwd thead th {
    display: none;
    border: none;
    width: auto;
  }
  .tableRwd thead th{
    width: 100%;    
  }

  .tableRwd tfoot{
    display: block;
  }
  .tableRwd tbody td  {
    display: block;
    border: none;
    padding: 0;
    padding-left: 0.5em;
    width: 100% !important;
    text-align: left;
    clear: both;
    margin-top: 0;
  }
  .tableRwd tbody tr{
    border-top: 1px solid lightgray;  
  }

  .tableRwd tbody td:first-child {
    padding-top: .5em;
  }
  .tableRwd tbody td:last-child {
    padding-bottom: .5em;
  }
  .tableRwd tbody td[data-th]:before {
    content: attr(data-th) " : ";
  }
  .tableRwd tbody td:before {
    font-weight: bold;
    min-width: 30%;
    display: block;
    padding-right: 1em;
    float: left;
  }
  .tableRwd [headers="hActions"]{
    text-align: center;
    font-size: 1.5em;
  }
  .tableRwd colgroup col{    
    display: none;
  }
  .wrapper-cols.sidebar-visible{
    grid-template-columns: 1fr 80%;
  }

}
@media (max-width: 640px) {

  body{
    padding-top: none;
    margin-left: 0;
  }
  
  #topbar .logout{
    display: none;  
  }
  #content-inner, #header-inner, #footer-inner{
    width: 100% !important;
    padding: 0 !important;
  }
  .baseline{
    font-size: 1rem;
  }
  .inner-line .void{
    display: none;
  }
  .inner-line{
    height: auto;
  }


  [class*="flex-"], .flex{
    flex-flow: row wrap;
  }
  [class*="grid-"]{
    justify-content: space-around;
  }
  [class*="grid-1"] > *{
    margin: 0 !important;
    padding: 0 !important;
  }
  [class*="grid-"] > *{
    margin-left: 0 !important;
  }

  [class*="small-1"]{
    margin-left: 0 !important;
    width: 100%;
  }
  /*#header-inner .logo, #footer-inner .logo{
    width: auto !important;
  }*/

  .grid-1 > *, .grid-1-small-1 > *, .grid-2-small-1 > *, .grid-3-small-1 > *, .grid-4-small-1 > *{
    margin-left: 0 !important;
    width: 100%;
  }

  .row>*{
    display: block;
  }
  #topbar{
    position: relative;
    width: 100%;
    display: block;
  }
  #topbar>div{
    text-align: center;
    width: 100%;
    display: block;
  }

  .flex-item-double{
    width: calc(100% - 1em - 0.01px) ;
  }

  .eprivacy-modal{
    width: 100%;
  }
  .account-admin{
    padding-top: 0;
  }
  #topbar .dropdowns{
    width: 100%;
  }
  #topbar .globalSearch{
    padding-top: 0.5em;
  }
  #topbar .events .hideable{
    min-width: auto;
  }
  #topbar  .events-list{
    width: 94vw;
  }
 

  #topbar>.dropdowns>div{
    text-align: right;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .actionlinks{
    flex-direction: column;
  }

  .feedback-service{
    display: none;
  }
  .wrapper-cols{
    display: block;
  }
  .isAdmin #container{
    /*width: 100% !important;*/
  }

  .wrapper-cols.sidebar-visible{
    display: block;
  }


  .menu-sidebar{
    /*position:fixed;*/
    /*bottom: 0;
    left: 0;*/
    /*width: 100%;*/
  }
  .menu-sidebar-content{
    width: 100%; 
    padding-top: 0;
  }

  .menu-sidebar-content ul li{
    /*display: inline-block;*/
  }

  .menu-sidebar-content ul li a{
    /*width: 2em;*/
    /*height: 2em;*/
    font-size: 1.2em;
  }
  .menu-sidebar-content ul li span{
    /*display: none;*/
  }

  .menu-sidebar-content ul ul:not(.all-hidden){
    /*display: inline-block;*/
   
  }
  .menu-sidebar-content ul ul:not(.all-hidden) li a{
    background-color: rgba(255,255,255,0.3);
  }

  
  .post-content{
    margin: 0 !important;
  } 

  .post-right, .post-left{
    width: 100% !important;
    margin: 0 !important;
  }
  .post-abstract{
    margin-right: 0 !important; 
    margin-left: 0 !important; 
  }

  .post-abstract .rbe_bl{
    padding: 0 0.5em; 
  }
  .post-left{
    padding: 0 !important;
  }
  .post-thumbnail img{
    width: 100%;
  }

  .inner-lines .inner-line > .menu{
    display: block;
  }

  .module .w70, .w50, .w15{
    width: auto !important;
  }
  .lesson .w70, .w50, .w15{
    width: auto !important;
  }
  .lesson.mll{
    margin-left: 1em !important;
  }
  .lesson-progress-chunk, .module-progress-chunk{
    width: 50px;
  }
  body .rbe_column + .rbe_column {
    margin-left: 0 !important;
  }

  .aligned-fields label{
    width: 100%;
    text-align:left !important;
  }
  .aligned-fields .input{
    width: 100%; 
    text-align:left !important;
  }

  .payment-card .row{
    display: block;
  }

  .payment-card .row>*{
    display: block;
    width: auto;
  }
}


@media (max-width: 500px) {


  .burger{
    display: inline-block;
  }
  .burger.active{

  }
  ul.col-2, ul.col-3, ul.col-4,
  ol.col-2, ol.col-3, ol.col-4{
    column-count: 1;
  }

  .loginMenu a{
    padding: 0.5em;
  }

 /*
 menu drop here
 */
  .inner-line > .menu{
    width: 100% !important;
  }
  .menu .navigation-horizontal a{
    width: 100%;
    border-radius: 0 !important;
  }

  .inner-lines .inner-line > .menu{
    display: none;
  }
  /* Hide the navigation menu by default */
  /* Also hide the  */
  .menu .navigation-horizontal .toggleMenu + a {
    display: none !important;
  }

  /* Stylinf the toggle lable */
  .menu .navigation-horizontal .toggleMenu {
    display: block;
  }

  .menu .navigation-horizontal .toggleMenu:hover {
    /*background-color: #000000;*/
  }

  /* Display Dropdown when clicked on Parent Lable */
  .menu .navigation-horizontal [id^=drop]:checked + ul {
    display: block;
  }

  /* Change menu item's width to 100% */
  .menu .navigation-horizontal ul li {
    display: block;
    width: 100%;
    padding: 0;
    }

  /* Hide Dropdowns by Default */
  .menu .navigation-horizontal ul ul {
    position:relative;
    box-shadow: none;
  }
    
  /* Hide menus on hover */
  .menu .navigation-horizontal ul ul li:hover > ul,
  .menu .navigation-horizontal ul li:hover > ul {
    display: none;
  }
  .menu .navigation-horizontal ul ul ul{
    left: auto;
  }
  /* Fisrt Tier Dropdown */
  .menu .navigation-horizontal ul ul li {
    display: block;
    width: 100%;
  }

  .menu .navigation-horizontal ul ul ul li {
    position: static;
    /* has to be the same number as the "width" of "nav ul ul li" */ 

  }

  .menu .navigation ul.submenu label{
    background: white;
  }




  #header-inner .socials, #header-inner .baseline{
    display: none;
  }
  .line-optional{
    display: none;
  }

  .inner-lines .inner-line > .menu-top{
    display: none;
  }
  .inner-lines .inner-line > .menu-top nav li{
    display: block;
  }
  .inner-lines .inner-line > .menu-top nav ul{
    margin: 0;
    padding: 0;
  }
  .inner-lines .inner-line > .menu-top nav a{
    display: block;
  }
  #container #header-inner .inner-line > .loginmenu{
    border-radius: 0px;
  }
  
  h1, .h1-like{
    font-size: 1.5em !important;
  }
  h2, .h2-like{
    font-size: 1.3em !important;
  }
  h3, .h3-like{
    font-size: 1.1em !important;
  }
  h4, .h4-like{
    font-size: 1.0em !important;
  }
  .rbe_bl{
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .flex{
    flex-direction: column !important;
  }
  .inner-line.flex{
    flex-direction: column !important;
  }
  .inner-line{
    margin: 0 !important;
    padding: 0.5em 0 !important;
    width: 100%;
    min-height: 0px !important;
  }
  .inner-line > div{
    height: 100% !important;
    width: auto !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .rbe_seealso .card{
      max-width: 100% !important;
  }
  
  .rbe_article .article-img{
    width: 100% !important;
  }
  .rbe_article .article-text{
    width: 100% !important;
  }

  form input{
    max-width: 80vw;
  }
  video{
    height: auto;
  }
  .rbe_headline>*{
    padding:0.5em;
    line-height: 1.6em;
  }
}