@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-left: -20px;
    margin-right: -20px;
  }
  .container-fluid {
    padding: 0 4px;
  }
  .dl-horizontal dt {
    float: none;
    clear: none;
    width: auto;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
}
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    left: 10px;
    right: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }
  .row-fluid .span10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }
  .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .row-fluid .span5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }
  .row-fluid .span4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }
  .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }
  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }
  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }
  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 648px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 586px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 152px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;
  }
  .span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 470px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }
  .offset12 {
    margin-left: 1230px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset1 {
    margin-left: 130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
  .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
  .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  .row-fluid .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }
  .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
  .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }
  .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }
  .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }
  .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
  .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
  .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }
  .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
  .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  }
  .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }
  .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
  .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }
  .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 30px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1156px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1056px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 956px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 856px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 756px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 656px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 556px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 456px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 356px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 256px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 156px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 56px;
  }
  .thumbnails {
    margin-left: -30px;
  }
  .thumbnails > li {
    margin-left: 30px;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }
}
@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
}
@media (min-width: 768px) { /* @media (min-width: 980px) { */
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}
@media (max-width: 767px) {
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    margin-top: 5px;
    padding: 0;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: none;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
	.lrow {
	    display: block;
	}

	html>/**/body #page-body,
	html>/**/body .frame {
	   display: block;
	   height:auto;
	}
}

@media (max-width: 767px) {
	.ellipsis {
		white-space:normal;	
	}
}
@media (min-width: 1200px) {

	.span4 .block-avatar .elgg-avatar-small > a > img {
		width:54px;
		height:54px;
		-webkit-background-size: 54px !important;
		-khtml-background-size: 54px !important;
		-moz-background-size: 54px !important;
		-o-background-size: 54px !important;
		background-size: 54px !important;
	}

	.span3 .block-avatar .elgg-avatar-small > a > img {
		width:38px;
		height:38px;
		-webkit-background-size: 38px !important;
		-khtml-background-size: 38px !important;
		-moz-background-size: 38px !important;
		-o-background-size: 38px !important;
		background-size: 38px !important;
	}
}

@media (max-width: 979px) {

	.span4 .block-avatar .elgg-avatar-small > a > img {
		width:48px;
		height:48px;
		-webkit-background-size: 48px !important;
		-khtml-background-size: 48px !important;
		-moz-background-size: 48px !important;
		-o-background-size: 48px !important;
		background-size: 48px !important;
	}

	.span3 .block-avatar .elgg-avatar-small > a > img {
		width:33px;
		height:33px;
		-webkit-background-size: 33px !important;
		-khtml-background-size: 33px !important;
		-moz-background-size: 33px !important;
		-o-background-size: 33px !important;
		background-size: 33px !important;
	}

	.smallfeed .rb-ct {
		margin:0;
	}
}

@media (min-width: 1300px) {
	.nav>li>a.visible-largedesktop,
	.visible-largedesktop {
		display:block;
	}

	.dropdown-menu>li>a.hidden-largedesktop,
	.hidden-largedesktop {
		display:none;
	}
}

@media (min-width: 1200px) {
	.nav-wrapper .nav-fixed {
		flex: 0 0 240px;
	}
}

@media (max-width: 1090px) {
	.hidenav {
		display:none !important;
	}
}

@media (max-width: 979px) {

	#brandname {
		width:100%;
	}

	#secondary-menu {
		margin-bottom:0;
	}

	#main-menu .nav > li.active > a {
		background-image:none;
	}

	#main-menu-ctn {
		height:0;
	}

	.open #page-body-ctn {
		position: relative;
		overflow:hidden;
	}

	.open #secondary-menu .navbar-inner > .crwp {
		left: 250px;
		margin: 0;
		position: relative;
	}

	.open #page-menu {
		left: 250px;
	}

	.open #mobileframeclose {
		position:fixed;
		top:0;
		bottom:0;
		right:0;
		left:0;
		display:block;
		z-index: 8888;
	}

	.row-fluid .mobile-span12 {
		width: 100%;
		*width: 99.94680851063829%;
	}

	.row-fluid .mobile-span9 {
		width: 74.30939226519337%;
		*width: 74.25620077583166%;
	}

	#secondary-menu .brand {
		padding:0 20px;
	}
}

@media (max-width: 979px) and (min-width: 768px) {
	#secondary-menu .container {
		width:724px;
	}
}

@media (max-height: 600px) {
	body.walledgarden #footer {
		display:none;
	}
}

@media (max-width: 767px) {

	body.walledgarden #footer {
		display:none;
	}

	body.walledgarden {
		background:#FFF;
	}

	.login-canvas {
		height: 100%;
	}

	.login-canvas #login-form {
		width: 100%;
		min-width: auto;
		align-items: start;
	}
	
	.login-canvas #login-form .logoutbox {
		padding:20px;
	}
	
	.login-canvas .bg {
		display:none;
	}

	.crisp-client {
		display:none;
	}

	.nav-wrapper,
	.nav-ctn {
		display:block;
	}

	.nav-wrapper {
		display:block;
	}

	.nav-wrapper .nav-fixed {
		width:auto;
		border:0 none;
		float:none;
		margin:0;
		display:block;
	}

	.nav-wrapper .nav-fixed li {
		display:inline-block;
		border-right: 1px solid #CCC;
		margin-right: 5px;
		padding-right: 10px;
	}

	.nav-wrapper .nav-fixed li:last-child {
		margin:0;
		padding:0;
		border:0 none;
	}

	.nav-wrapper .nav-fixed li > a,
	.nav-wrapper .nav-fixed li > a:hover,
	.nav-wrapper .nav-fixed li.active > a {
		border:0 none;
		padding:0;
	}

	.nav-wrapper .nav-content {
		margin:0 0 20px;
		padding:0;
		border:0 none;
		display:block;
	}

	.pageheader .bee-nav-tabs .nav-wrp.nav-collapse {
		position:fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
		z-index:99999;
	}

	.pageheader .bee-nav-tabs .nav-wrp.nav-collapse.in {
		height:100%!important;
	}

	.pageheader .bee-nav-tabs .nav-tabs > li > a {
		border-color: #CCC;
		margin:0;
	}

	.pageheader .bee-nav-tabs .nav-tabs > li > ul {
		display:none;
	}

	.pageheader .bee-nav-tabs .collapse-label {
		border:0 none;
	}

	.pageheader .nav-collapse .dropdown-menu {
		display:block;
		margin:0;
		padding:0;
	}

	.pageheader .nav-collapse .nav > li > a,
	.pageheader .nav-collapse .dropdown-menu a {
		padding: 20px;
		border-width:0 0 1px;
	    color: #333;
	    font-size: 20px;
	    line-height: 26px;
	    border-radius: 0;	
	    font-weight:normal;
	    text-align:left;
	}

	.pageheader .bee-nav-tabs .nav-tabs > .active > a:after,
	.pageheader .bee-nav-tabs .nav-tabs > .active > a:before {
		display:none;
	}

	.pageheader .bee-nav-tabs .nav-wrp .container {
		padding:0;
	}

	.pageheader .nav-collapse .nav > li > a:hover,
	.pageheader .nav-collapse .dropdown-menu a:hover,
	.pageheader .nav-collapse .dropdown-menu a:focus {
		background:#F5F6F8;
		color:#0054A7;
	}

	.pageheader .bee-nav-tabs .nav-tabs .open .dropdown-toggle,
	.pageheader .bee-nav-tabs .nav-tabs > .active > a,
	.pageheader .bee-nav-tabs .nav-tabs > .active > a:hover {
		border-width:0 1px 1px;
		border-color:#CCC;
	}

	.pageheader .nav-collapse .nav .dropdown-toggle {
		display:none;
	}

	.bee-nav .collapse-label,
	.bee-nav-tabs .collapse-label,
	.bee-nav-tabs .btn-navbar {
		display:block;
		border-bottom:1px solid #CCC;
	}

	.bee-nav-tabs .nav-collapse .nav-tabs a {
		border-color:#CCC;
		margin:0;
	}

	.bee-nav-tabs .nav-tabs > li {
		margin-top:-1px;
	}

	#secondary-menu .container {
		width:auto;
	}

	.navbar-inner {
		padding-right: 10px;
		padding-left: 10px;
	}

	#secondary-menu .brand {
		padding:0 0 0 4px;
	}

	.bee-mini-nav li .flink,
	.bee-mini-nav li a {
		border-bottom:2px solid transparent;
		text-align:center;
	}

	.bee-mini-nav li {
		float:none;
	}

	#brandname .btn-navbar {
		margin-left: 0;
		margin-right: 4px;
	}

	.browse-nav-wrp form {
		position:relative;
		margin:0 0 10px;
	}

	.bee-mini-nav.alt li .flink,
	.bee-mini-nav.alt li a {
		border-style:solid;
		border-color:#FFF #FFF #e9eaed !important;
		box-shadow: -1px -1px 0px 0px #959595, 1px -1px 0px 0px #959595, 0px 2px 0px 0px #e9eaed;
	}

	.bee-mini-nav.alt li:last-child.active a:hover,
	.bee-mini-nav.alt li:last-child a {
		box-shadow: -1px -1px 0px 0px #959595, 1px 1px 0px 0px #959595;
	}

	.bee-mini-nav.alt li.active a {
		background: #F5F6F9;
	}

	#page-footer > .container-fluid,
	#page-footer > .container {
		display:none;
	}
}

@media print { 
	#searchform {
		display:none;
	}

	#page-footer,
	#main-menu {
		display:none;
	}
}


@media (min-width: 1200px) {
	.block-edit .input-prepend input[type="text"] {
		width:90%;
	}
}

@media (max-width: 979px) {
	.block-edit input[type="text"],
	.block-edit input[type="password"],
	.block-edit input[type="number"],
	.block-edit input[type="email"],
	.block-edit input[type="url"],
	.block-edit input[type="search"],
	.block-edit input[type="tel"],
	.block-edit textarea,
	.block-edit .input-prepend,
	.block-edit .select2-container {
		width:100%;
	}

	.block-edit .cols .input-append {
		width:60%;
	}

	.rb-ac .rb-ac-item {
		width:50%;
	}

	.slidepanewrp {
		display: flex;
		width: 100%;
		flex-direction: column;
	}
	
	.slidepane-right {
		background:#FFF;
		height: 100%;
		align-items: start;
	}
	
	.slidepane .hero-unit {
		padding: 10px;
		margin: 0 10px;
		border-radius: 10px;
	}
	
	.slidepane .form-content {
		margin: 10px;
		padding: 10px;
		border-radius: 0;
	}
	
	.sharebox .nav li a i {
		display:block;	
	}
}

@media (max-width: 767px) {
	#dashboard-newsfeed .nf-box .featured-block .thumb_wrp {
		width:auto;
		float:none;
	}

	#dashboard-newsfeed .nf-box .featured-block .more_wrp {
		margin:0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topright: 0;
		border-top-right-radius: 0;
	}

	#dashboard-newsfeed .nf-box .featured-block .course-thumb img {
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomleft: 0;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 0;
		height:129px;
	}

	.content_comments_list .act {
		margin-left:6px !important
	}

	.content_comments_replies .reply .ctn,
	.content_comments .comment_ctn,
	.rb-ft,
	.rb-ac,
	.rb-count,
	.rb-hd,
	.rb-bd {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}

	.rb-ct {
		margin:0;
	}

	.closing-wrapper {
		display:none;
	}

	.loginbox_wrapper .wrow.logo,
	.loginbox_wrapper .wrow {
		float:none;
		width:100%;
		padding:10px 0;
		border:0 none;
	}

	.loginbox_wrapper .wrow.logo {
		text-align:left;
	}

	.fticket .fwrp {
		line-height: 16px;
	}

	.block-edit .input-prepend input[type="text"] {
		width: 97%;
	}

	.wide-featured-block .thumb {
		float:none;
		width:100%;
		text-align:center;
		display:block;
	}

	.wide-featured-block .details {
		margin:0;
	}

	.block-page {
		color:#333;
		padding:5px;
	}

	.block-edit.block-page legend {
	    margin: 0 -5px 20px;
	    padding: 5px;
	}

	.block-page .bee-mini-nav {
	    margin: 0 -5px 10px;
	    padding: 0 5px;
	}

	.block-edit .form-actions {
	    margin: 0 -5px 20px;
	}

	.block-edit.block-page form:last-child .form-actions {
	    margin: 20px -5px -5px;
	}

	.block-edit.block-page form.form-horizontal:last-child .form-actions {
		padding-left:10px;
	}

	.block-page .block-filter {
		margin: -10px -5px 0;
		padding: 10px 5px;
	}
	
	.sharebox .elgg-avatar {
		display:none;
	}
	
	.sharebox .wrapper {
		margin:0 !important;
	}
}

@media (max-width: 480px) {

	.atlink .media,
	.atlink td {
		display:block;
		width:auto;
	}

	.atlink td:last-child {
		border-top:1px solid #CCC;
		border-left:0 none;
	}
}

@media ( max-height: 580px ) {
   .modal.fade.in {
	   position:absolute;
   }
}

@media (max-width: 767px) {
	.httperror .logo {
		display:none;
	}

	.httperror .errorbody {
		width:auto;
		diplay:block;
	}

	.push, 
	#page-footer {
		height:auto !important;
	}

	#page-body-ctn {
		margin:auto !important;
	}

	.cols {
		margin:0;
	}

	.cols .col25,
	.cols .col33,
	.cols .col30,
	.cols .col70,
	.cols .col50 {
		width:100%;
		margin:0;
	}
}
@media (min-width: 1200px) {
	.featurednews .first_column {
		width:334px;
	}
	
	.featurednews .secondary_column {
		width:200px;
	}
	
	.featurednews .carousel-indicators li {
		width: 98px;
	}
}

@media (max-width: 979px) {
	.featurednews .first_column .img {
		height: 200px;
	}

	.featurednews .secondary_column .img {
		height: 123px;
	}

	.featurednews .secondary_column a,
	.featurednews .secondary_column img,
	.featurednews .first_column img,
	.featurednews .first_column a {
		width:100%
	}
	
	.featurednews .first_column {
		width:62%;
	}

	.featurednews .secondary_column {
		width:37%;
	}
	
	.featurednews .secondary_column a.first {
		margin:0 0 6px;
	}
	
	.featurednews .carousel-indicators li {
		width: 24%;
		margin: 2px 0 0 1%;
	}
	
	.featurednews .carousel-indicators {
		margin-left:-1%;
	}
}

@media (max-width: 420px) {
	.featurednews .secondary_column,
	.featurednews .first_column {
		width:100%;
	}
	
	.featurednews .secondary_column a.first,
	.featurednews .secondary_column a {
		width: 49%;
		margin: 4px 0 0;	
	}
}.userticket {
	padding: 10px 0;
}

.grey-section .userticket:hover {
	background-color:#FFF;
}

.userticket:hover {
	background-color:#F6F7F8;
}

.userticket .elgg-avatar {
	float: left;
}

.userticket .wrapper {
	padding-left: 76px;
}

.userticket ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 70%;
}

.userticket ul li {
	padding:0;
	margin: 0;
}

.userticket ul.useraction {
	width: 30%;
	text-align: right;
}

#profile_header {
	background-color:#323846;
	background-image:url(https://afportugal.apolearn.com/mod/beebac-profile/graphics/bgprofile2.jpg);
	background-size: cover;
}

#profile_header > .container-fluid {
	padding-top:55px;
	padding-bottom:55px;
}

#profile_header .wrapper {
	margin:0 0 0 116px;
	position:relative;
	overflow:auto;
}

#profile_header .wrapper .dl-horizontal {
	margin:0;
	padding:2px 0;
}

#profile_header .wrapper .dl-horizontal dt {
	clear:none;
	font-weight:normal;
	color:#FFF;
	text-align:left;
	width:100px;
	font-size:12px;
}

#profile_header .wrapper .dl-horizontal dd {
	margin-left: 110px;
	color:#FFF;
}

#profile_header .wrapper .edit {
	position:absolute;
	top:0;
	right:0;
}

#profile_header .squared img {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#profile_header .wrapper h1 {
	color: #FFF;
	font-size: 28px;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-weight:normal;
	line-height:34px;
	margin:0 0 4px;
}

#profile_header .wrapper h2 {
	color: #FFF;
	font-size: 14px;
	margin: 0;
	font-weight: normal;
	line-height:20px;
}
#profile_header .wrapper .userlocation {
	color: #FFF;
	font-size: 12px;
}

.emptyprofile {
	margin:0;
}

.profile-overview {
	color:#333;
	font-size:inherit;
}

.profile-overview .noresult {
	margin:0;
}

.profile-overview .section {
	padding:0 0 20px;
}

.profile-overview h3.subtitle {
	line-height:26px;
	font-size:14px;
	margin:0;
	padding: 0 0 23px;
}

.profile-overview h3.subtitle span {
	background:#FFF;
	padding-right:10px;
	display:inline-block;
	overflow:hidden;
}

.profile-overview h3.subtitle i {
	font-size:24px;
	margin-right:6px;
}

.profile-overview h3.subtitle .line {
	border-bottom:1px solid #24ace2;
	margin-top:-13px;
}

/*
** EXPERIENCE / FORMATION
*/

.experience {
	padding:10px 0;
	position:relative;
}

.experience .close {
	position:absolute;
	top:10px;
	right:0;
}

.experience h3 {
	line-height:20px;
	font-size:12px;
	margin:0;
	font-weight:normal;
}

.experience h3 .title {
	font-size:14px;
}

.profile h2 .edit,
.profile h3 .edit {
	font-size:12px;
	font-weight:normal;
}

.experience h4.details-education {
	font-weight:normal;
}

.experience .location,
.experience .date {
	font-style:italic;
}

.experience .description {
	padding:8px 0 0;
	text-align:justify;
}

.experience .abbr {
	border:0 none;	
}

.profile-overview .userticket {
	width:50%;
	float:left;
	font-size:12px;
}

.profile-overview .userticket:last-child {
	display:none;
}

.profile-overview .userticket ul li {
	line-height:16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.profile-overview .userticket .elgg-avatar {
	margin-left: 5px;
}

.profile-overview .userticket form {
	margin:0;
}

.profile h2 .edit,
.profile h3 .edit {
	font-size:12px;
	font-weight:normal;
}

#profile-interest table {
	width:100%;
}

#profile-interest table tr {
	border-bottom:1px dotted #E6E6E6;
}

#profile-interest table tr td {
	padding:10px 0;
	vertical-align:top;
}

#profile_canva .block > h3 {
	text-align:left;
	postion:relative;
}

#profile_canva .block > h3 i {
	float:left;
	margin-right:4px;
}

.profile-overview i.square {
	height:10px;
	width:10px;
	display:inline-block;
}

#profile-topics .info_wrapper {
	width:400px;
}

#profile-topics .stat_wrapper {
	width:178px;
}


.profile-widget-similar-profile .block-wrapper {
	margin:0 -10px;
}

.similaruserslide {
	margin:0;
	position:relative;
}

.similaruserslide .item {
	padding:0 20px;
	overflow:hidden;
}

.similaruserslide .carousel-control {
	position: absolute;
	top: 4px;
	left: 0;
	width: 20px;
	height: 51px;
	margin-top:0;
	line-height: 44px;
	color: #000;
	background: #e9eaed;
	border: 0 none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.similaruserslide .carousel-control:hover {
	color:#0054A7;
}

.similaruserslide .carousel-control.right {
	right:0;
	left:auto;
}

.similaruserslide .elgg-avatar > a > img {
	webkit-background-size: 50px !important;
	-khtml-background-size: 50px !important;
	-moz-background-size: 50px !important;
	-o-background-size: 50px !important;
	background-size: 50px !important;
	width: 50px;
	height: 50px;
}

.similaruserslide .selected .elgg-avatar img {
	border:1px solid #999;
	webkit-background-size: 56px !important;
	-khtml-background-size: 56px !important;
	-moz-background-size: 56px !important;
	-o-background-size: 56px !important;
	background-size: 56px !important;
	width: 56px;
	height: 56px;
	margin-top:-4px;
	margin-left:-1px;
}

.similaruserslide .info {
	position: absolute;
	top: 62px;
	left: 20px;
	right: 20px;
	font-size: 13px;
	line-height: 17px;
	color: #333;
	font-weight: normal;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0s linear,opacity 0.25s ease;
	-webkit-transition-delay: 0.25s,0s;
	-moz-transition: visibility 0s linear 0.25s,opacity 0.25s ease 0s;
	-o-transition: visibility 0s linear 0.25s,opacity 0.25s ease 0s;
	transition: visibility 0s linear 0.25s,opacity 0.25s ease 0s;
}

.similaruserslide .selected .info  {
	visibility: visible;
	opacity: 1;
	-webkit-transition: visibility 0s linear,opacity 0.25s ease;
	-webkit-transition-delay: 0s,0.25s;
	-moz-transition: visibility 0s linear 0s,opacity 0.25s ease 0.25s;
	-o-transition: visibility 0s linear 0s,opacity 0.25s ease 0.25s;
	transition: visibility 0s linear 0s,opacity 0.25s ease 0.25s;
}

.similaruserslide .item .inner {
	width:1000px;
	padding:4px 0 70px 1px;
}

#profile-friends #search-friends {
	position: absolute;
	top: 42px;
	right: 10px;
	margin:0;
}

#contactme-block li {
	line-height:26px;
	margin:0 0 2px;
}

#contactme-block
{
	border: none;
	margin: 0 0 10px;
}

#contactme-block li i {
	font-size:26px;
	float:left;
}

#contactme-block i.fa-text-apo {
	width: 22px;
	height: 22px;
	background: #333;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	line-height: 22px;
}

#contactme-block li a {
	margin-left: 30px;
	display: block;
}

.formto-date  input[type=text] {
	width:40px;
}

.formto-date .select2-container {
	width:100px;
	margin-right:4px;
}

.verifed {
 position:relative;
 left:-10px;
 bottom:5px;
}

.elgg-foot .btn-info {
	margin-top:5px;
}

#current-user-avatar .img-polaroid img {
	display:block;
	width:180px;
}

.user-avatar-upload-wrp {
	display:flex;
	flex-direction: column;
}

#current-user-avatar .img-polaroid {
	display:inline-block;
	max-width:100px;
}

#user-avatar-upload {
	padding: 0 0 10px;
}

.classprogress {
	padding: 10px 0;
    border-bottom: 1px dotted #CECeCe;
    margin: 10px 0;
}

.classprogress .elgg-avatar {
	float:left;
}

.classprogress .elgg-avatar img {
	background-size: cover;
    background-repeat: no-repeat;
	width: 130px;
    height: 70px;
	border-radius:4px;
}

.classprogress .elgg-avatar .coursedefthumb {
	width: 130px;
	height: 70px;
}

.classprogress .elgg-avatar a:hover {
	text-decoration:none;
}

.classprogress .wrp {
	margin-left:140px;
}

.classprogress .joubelui-score-bar,
.classprogress .question-scorebar-container {
	width:100%;
}@media (min-width: 1200px) {
	.profile-overview .userticket {
		width:33%;
	}
	
	.profile-overview .userticket:last-child {
		display:block;
	}
	
	#profile-topics .info_wrapper {
		width:500px;
	}
	
	#profile-topics .stat_wrapper {
		width:218px;
	}
	
	#similaruserslide .elgg-avatar > a > img {
		webkit-background-size: 63px !important;
		-khtml-background-size: 63px !important;
		-moz-background-size: 63px !important;
		-o-background-size: 63px !important;
		background-size: 63px !important;
		width: 63px;
		height: 63px;
	}
	
	#similaruserslide .info {
		top: 78px;
	}
	
	#similaruserslide .carousel-control {
		height:63px;
		line-height:59px;
	}
	
	#similaruserslide .selected .elgg-avatar img {
		webkit-background-size: 72px !important;
		-khtml-background-size: 72px !important;
		-moz-background-size: 72px !important;
		-o-background-size: 72px !important;
		background-size: 72px !important;
		width: 72px;
		height: 72px;
	}
}

@media (max-width: 979px) {
	#profile-topics .topics_entry a {
		margin:0;
	}
	#profile-topics .stat_wrapper,
	#profile-topics .info_wrapper {
		width: 100%;
		margin: 0;
	}
	
	#profile-topics .topics_entry form .btn {
		width:40%;
	}
	
	#similaruserslide .elgg-avatar > a > img {
		webkit-background-size: 46px !important;
		-khtml-background-size: 46px !important;
		-moz-background-size: 46px !important;
		-o-background-size: 46px !important;
		background-size: 46px !important;
		width: 46px;
		height: 46px;
	}
	
	#similaruserslide .info {
		top: 62px;
	}
	
	#similaruserslide .carousel-control {
		height:46px;
		line-height:40px;
	}
}

@media (max-width: 767px) {
	.profile-overview #profile-friends {
		display:none;
	}
	
	#profile_header .wrapper .dl-horizontal dd {
		margin-left:0;
	}
	
	#profile_header .wrapper .dl-horizontal dt {
		width:auto;
	}
	
	#profile-topics .topics_entry form .btn {
		width:100%;
	}
	
	#profile_header .wrapper .edit,
	#search-friends {
		position: relative;
		top: auto;
		right: auto;
	}
	
	#profile_header .elgg-avatar > a > img {
		width:60px;
		height:60px;
		background-size: cover !important;
	}
	
	#profile_header .wrapper {
		margin: 0 0 0 76px;
	}
	
	.profile-overview .userticket {
		width:100%;
	}
	
	#profile-collapse.nav-wrp {
		display:none;
	}
	
	#profile-collapse.nav-wrp.mshow {
		display: block;
	    height: 100%;
	}
	
	.classprogress .wrp {
		margin-left:0;
	}
}#notifications dt {
	padding: 10px 4px 0;
	border-top: 1px dotted #000;
	color: #666;
	margin: 12px 0 0;
	font-size: 11px;
	font-weight: normal;
}

#notifications dt:first-child {
	border-top:0 none;
	padding-top:0;
}

#notifications dd {
	border-top:1px solid #CCC;
	padding: 10px 6px;
	margin:0;
}

#notifications dd.first {
	border:0;
}

#notifications .notification_text {
	float:left;
}

#notifications .cancel {
	float:right;
	padding: 0.3em 0.6em 0.375em;
	border: 1px solid transparent;
}

#notifications .action {
	float:right;
}

#notifications .elgg-avatar {
	float:left;
}

#notifications .notification_content {
	margin-left:50px;
}

#notificationmenu {
	float:right;
}

#notificationmenu li {
	float:left;
}

#notificationmenu li a {
	color:#7C9DBF;
	font-size:11px;
}

#notificationmenu li a.selected {
	color:#333;
}

#notificationmenu li label {
	color: #7C9DBF;
	padding: 0 4px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	display: block;
	margin-right: 2px;
}	

span.notification {
	padding: 1px 3px;
	background:#B60000;
	color:#FFF;
	font-weight:normal;
	text-shadow: 0 0 0 #000;
	position:absolute;
	top: 6px;
	right: 3px;
	font-size: 11px;
	line-height: 11px;
}

#notiftop .nav>li.active>a,
#notiftop .nav>li.active>a.notif,
#notiftop .nav>li>a,
#notiftop .nav > li > a.notif {
	color: #FFF;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
    padding: 8px 8px 6px;
    background: transparent;
    box-shadow: 0 0 0 0;
}

#notiftop .nav>li.dropdown>a {
	padding: 6px 8px 9px;
}

#main-menu .nav>li.dropdown>a img,
#notiftop .nav>li.dropdown>a img {
    border: 1px solid #FFF;
    border-radius:40px;
}

#main-menu .nav>li.dropdown>a img {
	border: 1px solid #CCC;
}

#main-menu .nav > li > a.notif,
#notiftop .nav > li > a.notif {
	position:relative;
	padding: 9px 10px 7px;
}

#main-menu .nav > li > a.notif i,
#notiftop .nav > li > a.notif i {
	float:left;
	font-size:18px;
	line-height:18px;
}

#main-menu .nav.pull-right {
	display:none;
}

#main-menu.affix .nav {
	display:block;
}

#main-menu.affix .nav .profilemenu {
	padding: 5px 12px 0px;
}

#main-menu.affix .nav.pull-right .dropdown-menu {
	margin-top: 1px;
}

.navbar .nav > li > a.notif span.label {
	position: absolute;
	top: 17px;
	right: 2px;
	line-height: 13px;
	font-size:9px;
}

.ntticket {
	padding:10px;
	border-bottom:1px solid #e6e6e6;
}

.ntticket:hover {
	background:#F6F7F8;
}

.ntticket:last-child {
	border:0 none;
}

.ntticket a:hover,
.ntticket a {
	color:#000;
	text-decoration:none;
}

#notification_container .noresult {
	margin:10px;
	padding:20px;
}@media (max-width: 979px) {
	.navbar .nav > li > a.notif i {
		float:left;
		margin-right:2px;
		font-weight:normal;
		line-height:inherit;
	}
	
	.navbar .nav > li > a.notif span.label {
		right: 6px;
	}
	
	.secondary_menu_left,
	#notiftop,
	#notif-dropdown {
		display:none;
	}
}#reportcontent .modal-body .loading {
	height:40px;
	background:#FFF url(https://afportugal.apolearn.com/mod/beebac-bootstrap/graphics/ajax-loader.gif) no-repeat scroll center center;
}.input-record .visualizer {
	width:100%;
	height: 100px;
}

#recorder {
	background:#222;
	color:#FFF;
	top:0;
	bottom:0;
	right:0;
	left:auto;
	text-align:center;
	z-index:9999;
	position: fixed;
	padding:30px;
	display:none;
}

#recorder .wrp {
	max-width:300px;
	width:300px;
	position:relative;
}

.rec-btn span {
	background:#FFF;
	border-radius:100%;
	display:block;
	width:60px;
	height:60px;
	text-align:center;
	color:#ff5252;
	border:1px solid #ff5252;
	font-size:40px;
	line-height:60px;
	cursor:pointer;
	margin: 20px auto 10px;
}

.rec-btn span:hover {
	background:#ff5252;
	color:#FFF;
}

.rec-btn.rec-stop span {
	background:#ff5252;
	color:#FFF;
	font-size:24px;
}

.rec-sound-clips {
	margin:0 0 20px;
}

.rec-sound-clips .clip {
	margin-top:40px;
}

.rec-close {
	background:transparent;
	color:rgba(255,255,255,0.8);
	position: absolute;
    top: -20px;
    right: 0;
}

.rec-close:hover {
	color:#fff;
}#admin-display-customcss textarea {
	width:98%;
	height:200px;
}

#admin-display-logo td {
	text-align:center;
	width:50%;
}

#admin-display-logo td .thumbnail {
	margin:0 0 10px;
}

#newUserGroups textarea,
#newUserGroups input[type=text] {
	width:98%;
}

#newUserGroups textarea {
	height:100px;
}

#newUserGroups input[type=checkbox] {
	display:inline;
}

.myadmin .action-row {
	width:110px;
	text-align:center;
}

.myadmin .actions {
	text-align:right;
	margin:0 0 10px;
}

.myadmin.user .admin-row {
	width:50px;
	text-align:center;
}

.myadmin .modal-body {
	overflow-y: visible;	
}

.myadmin .tab-content  {
	overflow:visible;
}

#beeadmin_canva .pageheader > .wrapper {
	background: #000 url(https://afportugal.apolearn.com/mod/beebac-admin/graphics/bandeau-admin-bg.jpg) no-repeat center center;
	background-size:cover;
}

#beeadmin_header .head {
	color: #FFF;
	text-transform: uppercase;
	font-size: 36px;
	padding: 46px 0;
	line-height: 46px;
	font-weight: normal;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

.body-register,
.body-login {
	background-position: center center;
	background-size:cover;
}

.block-page.block-edit .block-filter.admin-stat-filter {
	margin-top:-20px;
}

.block-edit .admin-stat-filter .select2-container,
.block-edit .admin-stat-filter input[type=text] {
	width:20%;
}

#addstep1 table {
    table-layout: fixed;
    word-break: break-all;
}@media (min-width: 1200px) {
	#beeadmin_menu {
		width: 258px;
	}
}

@media (max-width: 980px) and (min-width: 768px) {
	#beeadmin_menu {
		width: 166px;
	}
}

@media (max-width: 767px) {
	#beeadmin_menu {
		width: auto;
	}
	
	#beeadmin_menu.affix {
		position:relative;
		top:auto;
	}
}.bookmarkslide {
	position: fixed;
    top: -3px;
    right: 20px;
}

.bookmarkslide i {
	font-size: 30px;
	cursor:pointer;
}

.bookmark-item {
	border:1px solid #CCC;
	background:#FFF;
	padding:10px;
	margin-bottom:4px;
	position:relative;
}

.bookmark-name {
    margin: 10px 0;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
}

.bookmarkfile .btn-link,
.bookmarkfile fieldset,
.bookmarkfile {
	display:inline;
	margin:0;
	padding:0;
	line-height:17px;
}#customer_header {
	background-color:#323846;
	background-image:url(https://afportugal.apolearn.com/mod/apo-customers/graphics/banner-customer.jpg);
	background-size: cover;
	background-position:center center;
}

#customer_header > .container-fluid {
	padding-top:55px;
	padding-bottom:55px;
}

#customer_header .elgg-avatar {
	display:block;
	padding:3px;
	border:1px solid #CCC;
	background:#FFF;
	float:left;
}

#customer_header .elgg-avatar-medium {
	width:100px;
	height:100px;
}

#customer_header .wrapper {
	margin:0 0 0 126px;
	position:relative;
	overflow:auto;
}

#customer_header .wrapper h1 {
	color: #FFF;
	font-size: 28px;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-weight:normal;
	line-height:34px;
	margin:0 0 10px;
}

#customer_header .wrapper .userlocation {
	color: #FFF;
	font-size: 12px;
}

#customers_canva .tab-content {
    overflow: visible;
}.changelogfy-badge-container {
    top: 16px !important;
    right: -2px !important;
    position:absolute !important;
}

.apolearn-font {
    color:#feb800;
}

#block-support .block-wrapper{
    padding: 20px 20px 0px 20px;
    margin: 0;
}

#block-support > h3 {
    padding: 4px 30px 14px;
}.h5p-ico {
	background:#FFF url(https://afportugal.apolearn.com/mod/apo-h5p/graphics/h5p.jpg) no-repeat center center;
	background-size:contain;
    height: 26px;
    width: 60px;
    display: inline-block;
}

a.active .h5p-ico,
a:hover .h5p-ico {
	background-image:url(https://afportugal.apolearn.com/mod/apo-h5p/graphics/h5p-bk.jpg)
}

.h5pwrp {
	position:relative;
}

.h5pwrp .overlay-finished {
	background:rgba(0,0,0,0.6);
	color:#FFF;
	padding:20px;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align:center;
}

.ico-standard .ico-h5p {
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    left: -6px;
    color: #FFF;
    transform: rotate(-90deg);
    font-weight: bold;
    font-family: arial;
}

.body-h5p-player {
    background-color:transparent;
    padding:0!important;
    margin:0!important;
}#importmbz {
	position:relative;
}

#importmbz .data {
	position:absolute;
	top:0;
	width:100%;
	left:0;
	text-align:center;
}#course .scrom .media_wrapper {
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0 none;
}

#slidewrp .carousel-inner > .item.scorm {
	padding:0;
}

#slidewrp .carousel-inner > .item.scorm > h3 {
	padding:10px;
}

#slidewrp .carousel-inner > .item.scorm.fullscreen {
	position: fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background:#FFF;
	z-index:9999;
}

#slidewrp .carousel-inner > .item.scorm.fullscreen .video_container {
    height: 96%;
    width:100%;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.media_scorm .scormwrp {
	background:#FFF;
}

.scorm-ico {
	font-size: 20px !important;
    font-weight: bold;
    font-style: normal;
    line-height: 32px;
}

.scorm-ico:before {
	content:'SCORM';
}

.body-scorm-player {
	background:transparent;
}

.scormwrp {
	position:relative;
}

.scormwrp .overlay-finished {
	background:rgba(0,0,0,0.6);
	color:#FFF;
	padding:20px;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align:center;
}

.scorm .cl-container-wrp {
	position:relative;
}

.scorm .cl-container-wrp > .navscroll {
	position: absolute;
	top: 0;
	width: 100%;
	box-sizing: border-box;
}

.scorm .cl-container-wrp .tab-content {
	padding-top:67px;
}

.scorm #slidewrp {
	height: calc(100vh - 67px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.scorm #slidewrp .carousel-inner .slide,
.scorm #slidewrp .carousel-inner {
	height:100%;
}

.scorm #slidewrp .carousel-inner {
	overflow-y: auto;
}

.scorm #slidewrp .carousel-inner .slide iframe {
	min-height:600px;
	overflow: auto;
	height: 100%;
}

 .scorm #course .slide > .controls {
	padding:20px 0;
}

@media (max-height: 750px) {
  .scorm #slidewrp {
	  height: 100%
  }
}

@media (max-width: 767px) {
	.scorm #slidewrp {
	  	height: 100%
  	}
}.body-xapiredirect {
	background:#FFF;
}.addcommentform {
	margin: 10px 0 6px;
}

.addcommentform .elgg-avatar-tiny > a > img {
	border-radius:40px;
}

.addcommentform .cmtwrapper textarea {
	width:96%;
	height:30px;
	margin:0 0 5px;
}

.content_comments {
    padding-top: 10px;
}

.content_comments .comment_ticket {
	padding: 10px 0;
	color:#000;
}

.content_comments .elgg-avatar {
	float:left;
}

.content_comments .elgg-avatar img {
	border-radius:40px;
}

.content_comments .comment_ctn {
	background: #FFF;
    border-radius: 10px;
    padding: 4px 10px;
    margin-bottom: 4px;
}

.addcommentform .cmtwrapper,
.content_comments .cmtwrapper {
	margin-left:45px;
}

.content_comments .comment_ticket .ct {
	margin:6px 0 0;
}

.content_comments .comment_ticket .hd {
	position:relative;
}

#commentAttachedAction {
	float:left;
}

#formfiltrecommentaire,
#formfiltrecommentaire select {
	margin:0;
	width:inherit;
}

.content_comments .comment_ticket .ft {
	margin-top:6px;
}

.content_comments .atlink {
	margin-top:6px;
}

.content_comments .reply_box {
    margin-top: 8px;
}

.content_comments .reply_edit textarea,
.content_comments .reply_box textarea {
	width: 97%;
    height: 22px;
    margin:0 0 2px;
}

.content_comments .reply_box .wrp {
	margin-left:35px;
}

.content_comments .reply_box img {
	float:left;
	border-radius:26px;
}

.content_comments_replies .reply {
	margin-top:6px;
	position:relative;
}

.content_comments_replies .reply .wrp {
	margin-left:32px;
}

.content_comments .reply_box .wrp .apo-inline-editor,
.content_comments_replies .reply .wrp .apo-inline-editor {
	margin-bottom:4px;
}

.content_comments_replies .reply .wrpwrp {
	align-items: center;
    display: flex;
    justify-content: flex-start;
}
	
.content_comments_replies .reply .ctn {
    background: #FFF;
    padding: 4px 10px;
    border-radius: 10px;
    display: inline-block;
    position:relative;
    margin:0;
}

.content_comments_replies .avatar img {
	border-radius:26px;
}

.content_comments_list .act {
	margin-left:10px;
}

.content_comments_replies .reply .contentaction {
    right: auto;
    top: auto;
    position: relative;
    display: block;
    margin-left: 5px;
    visibility:hidden;
}

.content_comments_replies .reply:hover .contentaction {
	visibility:visible;
}

.content_comments .comment_ctn .contentaction {
	display:none;
}

.content_comments .comment_ctn:hover .contentaction {
	display:block;
}

.content_comments .userprofilelink {
	color:#333;
	font-weight: 500;
}

.content_comments .reply_edit label,
.content_comments .reply_box label {
	padding-left: 16px;
}

.content_comments .reply_edit label input,
.content_comments .reply_box label input {
    margin-left: -16px;
}

.comment_edit .empty-activity  {
    padding: 10px 0;
    border-bottom: 0;
    margin:0;
}

.comment_edit .addcommentform {
	border-top: 0;
}

.addcommentform .attachedAction {
	float:left;
	margin-top:1px;
}@media (min-width: 100px) {
	.addcommentform .cmtwrapper textarea {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width:100%;
	}
}

@media (max-width: 767px) {
	.addcommentform .cmtwrapper {
		margin:0;
	}
	.comment_ticket .elgg-avatar {
		display:block !important;
	}
	.content_comments .comment_ctn .contentaction {
		display:block;
	}
	.content_comments_replies .reply .contentaction {
		visibility: visible;
	}
}

@media print { 
	#add_comments {
		display:none;
	}
}#contacts {
	padding:0;
}

#contacts.block-page .block-wrapper .elgg-list > li {
	margin:0;
}

#contacts.block-page .block-wrapper .elgg-list > li:last-child {
	border-bottom:1px solid #EBEBEB;
}

#contacts .options {
	padding:10px;
	border-bottom:1px solid #CCC;
}

#contacts .options form {
	margin:0;
}

#contacts #user_filter {
	background: transparent;
	border: 0 none;
	padding: 0;
	margin: 0 0 20px;
}

#contacts #user_filter span {
	background: #F5F6F9;
	border-top: 1px solid #E6E6E6;
	border-bottom: 0 none;
	color: #333;
	font-size: 12px;
	padding: 4px 5px;
	margin: 0 0 4px;
	font-weight: bold;
	display:block;
}

#contacts #user_filter input[type="text"] {
	width: 98%;
	padding: 0.3em 1% 0.375em;
}

#two_column_inside_main {
	margin-bottom:20px;
}

#friendsnoresult {
	margin:10px;
}

#contact_dp {
	background:#FFF;
	padding:10px 0;
}

#contact_dp .elgg-list {
	margin:0;
}

#contact_dp .userticket {
	padding: 10px;
}

#contact_dp .userticket ul {
	width:60%;
}

#contact_dp .userticket ul.useraction {
	width:40%;
}

#contact_dp .elgg-avatar-small > a > img {
	width:40px;
	height:40px;
	background-size: contain !important;
}

#contact_dp .userticket .wrapper {
	padding-left: 46px;
}

#contact_dp .userticket .location,
#contact_dp .userticket .company {
	display:none;
}

#contact_dp .userticket .frequest_actions .btn {
	margin:0 0 2px;
}

#contact_dp .noresult {
	margin: 0 10px;
}

#contact_dp .userticket .userinfo .level {
	font-size:12px;
	color:#333;
}#discusAttachedAction {
	position: absolute;
	bottom: -30px;
	left: 12px;
}

.discOpen h1,
.fileOpen h1 {
	font-size:18px;
	line-height:24px;
}

#activedisc li {
	padding:10px 0;
	border-bottom:1px dotted #CCC;
}


#activedisc li:last-child {
	border-bottom:0 none;
	padding-bottom: 0;
}

#activedisc li .wrp {
	margin-left:50px;
}

#disctopuser li h5,
#activedisc li h5 {
	margin: 0 0 10px;
}

#activedisc li h5 a {
	color:#000;
}

#disctopuser li .elgg-avatar,
#activedisc li .elgg-avatar {
	float:left;
}

#disctopuser {
	counter-reset:topuser;
}

#disctopuser li:before {
	counter-increment:topuser;
	content:counter(topuser);
}

#disctopuser li {
	padding:35px 0 10px;
	border-bottom:1px dotted #CCC;
}

#disctopuser li .elgg-avatar {
	margin:-25px 0 0 16px;
}

#disctopuser li .wrp {
	margin:-25px 0 0 66px;
}

#disctopuser li.first {
	padding:45px 0 10px;
}

#disctopuser li.first .elgg-avatar {
	margin-top:-35px;
}

#disctopuser li.first .wrp {
	margin:-35px 0 0 86px;
}

#disctopuser li:last-child {
	border-bottom:0 none;
	padding-bottom: 0;
}

.module-disc-nav {
	position:relative;
}

.module-disc-nav form {
	position:absolute;
	top:0;
	right:0;
	margin:0;
}

.module-disc-nav form select {
	margin:0;	
}

.discussion_ticket .atlink {
	background:#FFF;
}

#newsfeedwp .discussion_ticket .atlink {
	background:#f7f7f7;
}

.label-weird-red {
	background:#7a0026;
}

.text-weird-red {
	color:#7a0026;
}@media (max-width: 480px) {
	#new_discussion .wrapper {
		margin:0;
	}
	
	#new_discussion .elgg-avatar {
		display:none;
	}
	
	#new_discussion select {
		width:80px;
	}
}.etherpadembed {
	border:1px solid #CCC;
	margin:0 0 20px;
}

.docticket {
	margin:0 0 20px;
	display:block;
	cursor:pointer;
}

.docticket:hover {
	text-decoration:none;	
}

.docticket .thumb {
	background:#FFF;
	font-size:100px;
	padding:30px 0;
	text-align:center;
}

.dragefile i,
.dragefolder i {
	margin-right:6px;
	float:left;
}

td.dragefile,
td.dragefolder {
    line-height: 26px;
}

td.ui-draggable-dragging {
	z-index:100;
}

#files th.tags,
#files th.owner,
#files th.createdat {
	width:100px;
}

#files th.access {
	width:60px;
}

table.tablesorter td.tags a {
	display:inline;
}

#filebrowser .desc {
	font-size:10px;
	line-height:14px;
}

#filebrowser a:hover {
	text-decoration:none;
}

#filebrowser a:hover .wrp span {
	text-decoration:underline;
}

#filebrowser .wrp {
	margin-left:30px;
}
/*
#files.tablesorter thead tr .header.sorter-false {
	background:#e6EEEE;
	text-align: center;
}*//*
** Groups
*/

#gheader {
	position:relative;
	padding:40px 0;
}

#gheader .btn-group {
	position:absolute;
	top:20px;
	right:0;
}

#gheader .group_icon {
	float:left;
	background: #FFF;
	padding: 4px;
	border: 1px solid #CCC;
}

#gheader .group_icon a {
	display:block;
}

#gheader .group_icon img {
	display:block;
	width:60px;
	height:60px;
}

#gheader .wrapper {
	margin-left:80px;
}

#gheader .private i {
	font-size:20px;
}

#gheader h1 {
	color: #333;
	font-size: 28px;
	line-height: 32px;
	margin: 0;
	text-shadow: 0px 1px 0px #FFF;
	font-weight: 400;
}

#gheader h1 span {
	font-size:14px;
}

#gheader .wrapper ul {
	padding:0;
	margin:0;
	list-style:none;
}

#gheader .wrapper ul li {
	float:left;
	margin-right:4px;
}

#group_invite input[type=text] {
	width: 502px;
	padding: 0.3em 3px 0.375em;
}

#group_invite textarea[name=email] {
	height:20px;
}

/*
** Group Discussion
*/

.groupticket {
	border-bottom:1px solid #EBEBEB;
	padding:10px 0;
	position:relative;
}

.groupticket .elgg-avatar {
	float:left;
}

.groupticket .wrapper {
	padding: 0 0 26px 76px;
}

.groupticket ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #275F99;
	font-size:11px;
	position:absolute;
	bottom:10px;
	left:78px;
}

.groupticket ul li {
	float: left;
	padding: 0 6px;
	border-width: 0 0 0 1px;
	border-style: dotted;
	border-color: #999;
	line-height: 20px;
}

.groupticket ul li.first {
	padding: 0 4px 0 0;
	border: 0 none;
}

/*
** sidebar
*/

#group_sumup .elgg-avatar {
	float:left;
}

#group_sumup .userinfo .wrapper {
	padding-left:76px;
}

#group_sumup ul.info {
	padding:0;
	margin:15px 0 0;
	list-style:none;
}

#group_sumup ul.info li {
	padding:0;
	margin:3px 0;
	text-align:right;
}

#group_sumup .info li label {
	float:left;
}

#group_latestmembers .viewprofile,
#group_latestmembers .location {
	display:none;
}

#group_latestmembers .useraction,
#group_latestmembers .userinfo {
	width:100%;
	text-align:left;
}

#group_latestmembers .elgg-list > li:last-child {
	border:0 none;
}

.group_form textarea {
	height:40px;
}

/*
** group listing
*/

.groupsticket {
	padding:10px 0;
}

.groupsticket  .group_icon {
	float:left;
}

.groupsticket  .group_icon img {
	width:64px;
	height:64px;
	border:1px solid #CCC;
}

.groupsticket .wrapper {
	padding-left:76px;
}

.groupsticket .bwrapper {
	width:76%;
}

.groupsticket .body {
	position:relative;
}

.groupsticket .join {
	text-align:right;
	position:absolute;
	top:20px;
	right:0;
}

.groupsticket .wrapper h3 {
	font-size:14px;
	line-height:16px;
	margin:0;
}

.groupsticket .footer {
	color:#666;
	font-size:11px;
	margin:10px 0 0;
}

.groupsticket .description {
	max-height: 44px;
	overflow: hidden;
}

.groupsinviteticket .footer {
	margin:5px 0 0;
}

#grouprepo .gnav {
	margin:0;
}

#groupsearch input[type=text] {
	margin:0 0 6px;
	width:94%;
}

#groupsearch .elgg-input-dropdown {
	margin:0 0 6px;
}

#groupsearch select {
	width:100%;
}

.filewrapper {
	margin: 0 0 10px;
}

.filewrapper .group_singlefile {
	padding:10px;
	border:1px solid #CCC;
	background:#FFF;
}

.fileOpen .media_picture img {
	max-width:500px;
}

#groupcategories li.selected a:hover,
#groupcategories li.selected a {
	color:#000;
	cursor:default;
	text-decoration:none;
}

.gbutton {
	cursor: pointer;
	font-size: 11px;
	line-height: 1.35;
	margin: 0;
	overflow: visible;
	padding: 3px 12px;
	text-decoration: none !important;
	width: auto;

	background: #FFCF0B;
	border: 1px solid #FFCF0B;
	color: #333 !important;
	font-weight: bold;
	display:inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow:0 1px 1px rgb(255 255 255 / 75%);
}

.gbutton:hover {
	background:#F6C408;
}

.groupadmin {
	border:0 none;
	background:#FFF;
	margin:0 0 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:10px;
}

#dangerzone h3 {
	background: #EBECED;
	text-shadow: 0 -1px 0 #900;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f97171',endColorstr='#df3e3e');
	background: -webkit-gradient(linear,left top,left bottom,from(#F97171),to(#DF3E3E));
	background: -moz-linear-gradient(top,#F97171,#DF3E3E);
	color: white;
	padding: 10px;
	margin:-10px -10px 0;
	font-size: 14px;
	line-height: 14px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border:0 none;
}

.group_singlefile {
	margin:0 0 4px;
	position:relative;
}

.group_singlefile .close {
	position:absolute;
	top:0;
	right:0;
}

.group_singlefile img {
	float:left;
}

.group_singlefile .wrapper {
	padding:0 0 0 34px;
	margin:0;
}

#group_about .lead {
	font-size: 14px;
	line-height: 20px;
	margin:0;
}

.elgg-form-groups-edit .levelselector .required {
	display:none;
}

#groups_canva .nav-fixed .select2-container {
	width:90%;
}

#new_discussion .select2-container {
	margin:0 6px 0 0;
	width:160px;
}

#new_discussion .select2-container .select2-choice {
	height:20px;
	line-height:20px;
}

#new_discussion .select2-container .select2-choice abbr {
	top:4px;
}

.atlink h3 span {
	color:#000;
}

.atlink .gmore {
	padding:0 10px 10px;
}

.atlink .gmore a {
	display:inline;
	padding:0;
}

.atlink .gmore a.btn,
.atlink .gmore a.gbutton {
	display:inline-block;
	padding: 0 6px;
	font-size: 10.5px;
	line-height: 20px;
}

.groups_wrapper {
	margin:0 0 20px;
}

#groups_canva .default-banner {
	color: #FFF;
	text-transform: uppercase;
	font-size: 36px;
	padding: 45px 0;
	line-height: 46px;
	font-weight: normal;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

#groups_canva .image-banner {
	background-size: cover;
	background-position:top center;
}@media (max-width: 979px) {
	.groupsticket .description {
		max-height: auto;
	}
}

@media (max-width: 767px) {
	#gheader .wrapper {
		margin-left:0;
	}
	
	.groupsticket .join {
		text-align:left;
		position:relative;
		top:0;
	}
	
	.groupsticket .wrapper {
		padding:0;
	}
	
	.groupsticket .group_icon {
		display:none;
	}
	
	#gheader .btn-group {
		position:relative;
		top:auto;
		right:auto;
	}
	
	#gheader {
		padding: 0;
	}
	
	#groups_canva .wrapper {
		padding: 10px 10px 0;
	}
}

@media (max-width: 600px) {

	#group_new .wrapper {
		width:100%;
	}

}.nf-likes {
	padding-top: 10px;
	border-top: 1px solid #DDD;
	margin-top: 10px;
}

.likeaction.custcolor-alt {
	font-weight:bold;
}

.tinylike {
	background: #FFF;
    padding: 2px 6px 2px 2px;
    border-radius: 9px;
    font-size: 8px;
    line-height: 12px;
    box-shadow: 1px 1px 1px 0px #656565;
    font-weight: bold;
    margin-left: -6px;
    position: absolute;
    right: -20px;
    bottom: -9px;
}

.like-count + .tooltip .tooltip-inner {
    min-width: 100px;
    text-align: left;
}
#messagelistcv #bigsearch {
	border-bottom: 0 none;	
}

.message-ticket {
	padding:10px;
	position:relative;
}

.notimessage.unread,
.message-ticket.unread {
	background:#EBEEF4;
}

.message-ticket.active,
.message-ticket:hover {
	background:#F6F7F8;
}

.message-ticket .select_message {
	float:left;
	margin-right: 6px;
}

.message-header .author,
.notimessage .author,
.message-ticket .author {
	float:left;
	position:relative;
	width:60px;
	min-width:60px;
	height:60px;
	overflow:hidden;
	background:#FFF;
	border-radius: 100%;
}

.notimessage .author {
	width:50px;
	height:50px;
	min-width:50px;
}

.message-header .author .small,
.notimessage .author .small,
.message-ticket .author .small {
	width:30px;
	height:30px;
	position:absolute;
	border-width:0 0 0 1px;
	border-style:solid;
	border-color:#FFF;
}

.notimessage .author .small {
	width:25px;
	height:25px;
}

.message-header .author .top,
.notimessage .author .top,
.message-ticket .author .top {
	top:0;
	right:0;
}

.message-header .author .bottom,
.notimessage .author .bottom,
.message-ticket .author .bottom {
	bottom:0;
	right:0;
	border-width:1px 0 0 1px;
}

.message-ticket acronym {
	font-size:10px;
	color:#666;
}

.message-ticket .content:hover,
.message-ticket .content {
	display:block;
	text-decoration:none;
}

.message-ticket .content .wrapper {
	margin:0 0 0 88px;
}

#message-inbox-list .message-ticket .content .wrapper {
	margin: 0 0 0 70px;
}

.message-ticket .content h3 {
	font-size:14px;
	line-height:16px;
	margin:0 0 2px;
}

.message-ticket .content:hover h3 {
	text-decoration:underline;
}

.message-ticket .close {
	position:absolute;
	top:10px;
	right:6px;
}

.messages .bee-nav-tabs {
	position:relative;
}

.messages .sendmessage {
	position:absolute;
	bottom:4px;
	right:0;
}

.form-send input[type=text],
.form-send textarea {
	width:90%;
}

.form-send input[type=text].input-recipients {
	width:92%;
}

.messages-container .elgg-list-entity {
	margin:0;
}

.message-open {
	padding: 10px 20px;
	display: flex;
	align-items: end;
}

.message-open .elgg-avatar {
	display: inline-block;
	min-width: 40px;
}

.message-open.mine {
	flex-direction: row-reverse;
}

.message-open.print {
	border-bottom: 1px dotted #CCC;
}

.message-open .wrapper {
	display:inline-block;
	min-width:400px;
	margin:0 0 0 10px;
}

.message-open.print .wrapper {
	min-width:auto;
	margin:0;
	display:block;
}

.message-open.mine .wrapper {
	margin:0 10px 0 0;
}

.message-open .inner {
	background: #FFF;
	border-radius: 6px;
	padding: 10px;
	color: #333;
}

.message-open.print .inner {
	padding:0;
}

.message-open .inner .userprofilelink {
	color: #333;
	font-weight:600;
}

.message-open .wrapper .time {
	font-size:11px;
	text-align:right;
}

.message-open.print .wrapper .time {
	text-align:left;
}

.message-open .elgg-avatar-small img {
	width:40px;
	height:40px;
	border-radius:100%;
	margin-bottom:20px;
}

#message_info {
	color: #666;
	padding-bottom: 4px;
}

#sendmessageto .modal-header .bee-message {
	margin: 5px 4px 0 0;
}

#sendmessageto input[name=subject],
#sendmessageto textarea[name=body] {
	width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
}

#sendmessageto input[name=subject] {
	height:32px;
}

.messages-container .pagination {
	margin:12px 0 0;
}

#message-read h5 {
	color:#000;
	padding:10px 20px;
    border-top: 1px solid #E6E6E6;
    margin:0;
}

#messages-reply-form {
	background:#FFF;
	margin:0;
	box-shadow: 0 0 4px #00000033;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

#messages-reply-form .wrp {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height:100%;
	padding: 12px 10px 0px;
}

#messages-reply-form #messageAttachedAction {
	float:left;
}

#message-read form {
	padding: 20px 20px 10px;
	background: #FFF;
	border-top: 1px solid #CCC;
	margin:0;
	border-radius: 0 0 6px 6px;
}

.block-filter h5 {
	margin:0;
}

#messages_dp {
	background:#FFF;
}

#messages_dp .noresult {
	margin:10px;
}

.notimessage .wrp {
	margin: 0 0 0 56px;
}

.notimessage:hover,
.notimessage {
	padding:10px;
	border-bottom:1px solid #EBEBEB;
	text-decoration:none;
	display:block;
	line-height:16px;
}

.notimessage:hover {
	background: #F6F7F8;
}

.notimessage strong {
	color:#333;
}

.notimessage small {
	color:#999;
	font-size: 88%;
}

#message-read > h3,
#message-list > h3 {
	margin: 0 -20px 10px;
	padding: 0 20px 10px;
}

#profile-messages #bigsearch,
#profile-messages #bigsearch form,
#message-list #bigsearch,
#message-list #bigsearch form {
	margin-bottom:0;
	border:0 none;
}

#profile-messages .elgg-list {
	margin: 10px -20px 0;
}

#profile-messages .elgg-list > li {
	padding: 0 10px;
}

#message-list .proccess {
	margin: 0 -20px;
}

#message-read .options,
#message-list .options {
	padding: 16px 20px;
}

.messages-list-wrp {
	overflow-y:auto;
	overflow-x:hidden;
	display:flex;
	flex-direction:column-reverse;
	height: 100%;
	margin-bottom:128px;
}

#message-full .loading {
	padding:20px 0;
}

#message-list .elgg-list > li {
	border-width: 1px 0 0;
    border-color: #EBEBEB;
    border-style: solid;
}

.elgg-menu-item-dashboard-contact a>span,
.elgg-menu-item-dashboard-message a>span {
	position:relative;
}

#message-full {
	display:flex;
	height: 100vh;
}

#message-inbox {
	border-right: 1px solid #CCC;
	width: 25%;
	display: flex;
	flex-direction: column;
	height:100%;
	padding-top: 60px;
	box-sizing: border-box;
	background:#FFF;
	min-width: 300px;
}

#message-inbox > h4 {
	padding: 10px 10px 12px;
	margin: 0;
	font-size: 22px;
	line-height: 26px;
	font-weight: 400;
}

#message-inbox #bigsearch {
	padding: 0 10px;
	border-bottom: 0;
	margin: 0;
}

#message-inbox-list {
	overflow-y: auto;
	overflow-x: hidden;
}

#message-content {
	width:55%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	margin:60px 0 0;
	position:relative;
}

#message-info {
	border-left:1px solid #CCC;
	width:20%;
	height:100%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	padding:70px 10px 0;
}

#message-user-list {
	overflow:scroll;
}

.body-messageread #top {
	position: fixed;
	z-index: 1000;
	width:100%;
}

.body-messageread #page-footer {
	display:none;
}

.message-header {
	padding-bottom: 4px;
}

.message-header .inner {
	box-shadow: 0 0 4px #00000033;
	background: #FFF;
	display: flex;
	padding: 10px;
}

.message-header .inner-alt {
	box-shadow: 0 0 4px #00000033;
	background: #FFF;
	padding: 12px 10px 10px;
}

.message-header .wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	margin-left: 10px;
}

#message-content .content {
	display: flex;
	flex-direction: column-reverse;
}

.body-message-print {
	background:#FFF;
}

input.fullwidthintext {
	width: 100%;
	box-sizing: border-box;
	padding: 13px 6px;
}@media (max-width: 1300px) {
	#message-info {
		display:none;
	}
	
	#message-content {
		width:75%;
	}
}

@media (max-width: 767px) {
	
	#messages-reply-form {
		position:fixed;
	}
	
	.body-messageread #top {
		display:none;
	}
	
	#message-inbox,
	#message-info {
		display:none;
	}
	
	#message-content {
		width:100%;
		margin:0;
	}
	
	.message-open {
		padding: 0;	
	}
	
	.message-open .wrapper {
		margin: 0 0 0 10px;
	}
	
	.message-open.mine .wrapper {
		margin: 0 10px 0 0;
	}

	#message-read h3, #message-list h3 {
		margin: 0 -5px 10px;
	}
	
	#message-list .proccess {
		margin: 0 -5px;
	}
}

@media (max-width: 480px) {
	.message-open .wrapper {
		display:inline-block;
		min-width:auto;
	}

	.message-open .wrapper {
		margin-left:0;
	}
	
	.message-open .elgg-avatar {
		display:none;
	}
	
	.messages-buttonbank,
	.message-ticket .select_message,
	.message-ticket .author  {
		display:none;
	}
	.message-ticket .content .wrapper {
		margin:0;
	}
	
	.messages .sendmessage {
		bottom:-25px;
	}
}.password-input-wrp input {
	width: 100% !important;
	box-sizing: border-box;
	height: 28px;
}

.password-input-wrp .password-strenght {
	display: flex;
	flex-wrap: nowrap;
	align-content: space-between;
	gap: 0 4px;
	margin: 10px 0;
}

.password-input-wrp .password-strenght > div {
	background-color: #e4e6ef;
	height: 7px;
	width: 100%;
	border-radius: 6px;
}

.password-input-wrp .password-strenght > div.success {
	background-color: #50cd89;
}.skill-pill {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	overflow: hidden;
	cursor: default;
	white-space: nowrap;
	margin:0 0 6px;
}

.endorse-count {
	min-width: 18px;
	width: auto;
	_width: 18px;
	padding: 0px 2px;
	float: left;
	font-weight: bold;
	font-size: 12px;
	line-height: 24px;
	color: #333;
	font-weight: normal;
	color: #fff;
	text-shadow: #666 0 1px 0;
	-webkit-transition: min-width 0.2s linear;
	-moz-transition: min-width 0.2s linear;
	-o-transition: min-width 0.2s linear;
	transition: min-width 0.2s linear;
	background-color: #1ba8e5;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	text-align: center;
	border-bottom: 1px solid #1ba8e5;
}

.endorse-count input {
	margin:0;
}

a.endorse-count:hover {
	background-color: #0073b2;
	border-bottom-color: #0073b2;
	text-decoration: none;
	color:#FFF;
}

.endorse-item-name {
	padding: 0px 13px;
	font-size: 13px;
	float: left;
	line-height: 24px;
	color: #333;
	font-weight: normal;
	background-color: #f0f0f0;
	position: relative;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}#search_members {
	padding:4px 0;
	margin-bottom:6px;
}

#search_members .input-userlist {
	display:block;
	float:left;
}

#search_members .input-userlist .pulldown {
	width:200px;
}

#search_members input[type=text] {
	float:left;
}

#search_members .submit_button {
	margin:0;
	float:left;
}

#filter_members {
	background:#F5F6F8;
	border-width:1px 0;
	border-style:solid;
	border-color:#CCC;
	padding:6px;
	margin-bottom:10px;
}

#filter_members .pull-left {
	width:25%;
	margin-right:4px;
}

#filter_members .btn {
	margin-right:0;
	width:auto;
}


#search_members .elgg-input-dropdown {
	float: left;
    margin-right: 4px;
    width: 20%;
}

#members h2.title {
	border:0 none;
}.dashboard_sidebar .widgetslist .block,
.widgetshideblock .block {
	color: #333;
	margin: 0;
	background: transparent;
	border: 0 none;
	padding: 0;
	position: relative;
	box-shadow: 0 0 0;
	border-radius: 0;
}

.widgetshideblock .block>h3 {
	display:none;
}

.widgetshideblock .elgg-widget-content .block .block-wrapper {
	padding:0 !important;
}.rssimagefeed .item .background {
	background-size: cover;
	background-position: center;
	width: 100%;
	max-width: 100%;
	border-radius: 6px;
	display: block;
	position: relative;
	height: 230px;
	color: #FFF;
	text-decoration: none;
	line-height: 1.2;
}

.rssimagefeed .content {
	top:0;
	bottom:0;
	right:0;
	left:0;
	background: rgba(0,0,0,0.8);
	position: absolute;
	overflow: hidden;
	border-radius: 6px;
}

.rssimagefeed .custom-bk .content {
	background: rgba(0,0,0,0.2);
}

.rssimagefeed .wrp {
	position: absolute;
	bottom: 0;
	margin: 0 1rem 1rem;
}

.rssimagefeed .title {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 700;
	font-size: 1rem;
}

.rssimagefeed .description {
	line-height: 1.2;
	margin-top: 5px;
	margin-bottom: 0;
	color: #fff;
}

.rssimagefeed .carousel-indicators {
	position: relative;
	top: auto;
	right: auto;
	display: inline-block;
	margin-top:10px;
}.printtable .mod-count-stats .count {
	font-size: 30px;
	line-height: 36px;
}

.printtable .mod-count-stats label {
	font-size: 16px;
	line-height: 22px;
}

.printtable {
	font-size:90%;
}

#statmembersearch #bigsearch {
	border:0 none;
}

.progress .bar-text {
	position:absolute;
	color:#FFF;
}

.nestedsortable .course {
	background:#FFF;
	width:100%;	
}

.nestedsortable .chapter {
	background:#f6f7f8;
	width:100%;	
}

ol.nestedsortable > li table.inner {
	border-width:1px 1px 0;
	border-style:solid;
	border-color:#e7e7e7;
	cursor: move;
}

ol.nestedsortable > li table.inner td.move {
	width: 30px;
    border-right: 1px solid #e7e7e7;
    text-align: center;
}

ol.nestedsortable > li table.inner td.actions {
	width: 40px;
    text-align: right;
    padding-right: 10px;
}

ol.nestedsortable > li table.inner td.content {
	padding:10px;
	font-size:16px;
}

ol.nestedsortable > li table.inner td.content small {
	font-size:75%;
}

ol.nestedsortable > li {
	margin-bottom:20px;
	border-bottom: 1px solid #e7e7e7;
}

ol.nestedsortable > li ol {
	list-style:none;
    margin: 0;
}

ol.nestedsortable > li ol.tree {
	background-color:#FFFFFF;
	border-left: 1px solid #e7e7e7;
	padding-left:32px;
}

ol.nestedsortable > li ol .placeholder {
	padding:20px;	
}

#slideeditor #slidewrp .slide > h3 {
	padding:0 20px 10px;
}

#slideeditor .slide_container .wrapper {
	background: #FFF;
}

#slideeditor .slide_container form {
	margin:0;
}

#slideeditor .slide_container #sdeditortoolbar {
	margin-top:10px;
	background:#FFF;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

#slideeditor .slide {
	min-height:400px;
	background:#FFF;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	padding:20px 0;
	position:relative;
}

#slideeditor .slideaction {
	position:absolute;
	top:20px;
	right:20px;
}

#slideeditor .slideaction a {
	font-size: 16px;
    line-height: 20px;
    color: #999;
    margin-left:10px;
}

#slideeditor .slideaction a:hover {
	color:#333;
}

#slideeditor .slideaction .close {
	float: none;
	opacity: 1;
	filter: alpha(opacity=100);
	color:#666;
}

#slideeditor .slide.empty {
	height:400px;
}

#slideeditor .slide.empty .center {
	position:relative;
	top:50%;
	margin:-58px 20px 0;
}

#slideAttachBox .attachform {
	width:100%;
	margin:0;
}

#slideAttachBox button.save {
	display:none;
}

#slideAttachBox .edit button.save {
	display:inline;
}

#slideAttachBox .edit button.add {
	display:none;
}

#slideAttachBox .input-append {
	margin:0;
}

#slideAttachBox .embedoptions {
	margin-top: 20px;
	border-top: 1px dotted #CCC;
	padding-top: 10px;
	display:none;
}

#slideAttachBox.embed .embedoptions {
	display:block;
}

#slideAttachBox .attachform input[name=link] {
	width:80%;
}

.media_slide_edit {
	position:relative;
	border:1px solid #FFF;
}

.media_slide_edit .hd {
	color:#fff;
	width:100%;
	display:none;
	font-size:16px;
	line-height:20px;
}

.media_slide_edit .hd a {
	color:#FFF;
	margin-left:10px;
}

.media_slide_edit .hd .wrp {
	padding:10px 20px;
}

.media_slide_edit:hover {
	border-color:#CCC;
}

.media_slide_edit:hover .hd {
	display:block;
}

.media_slide_edit > .media_wrapper {
	border:0 none;
	padding:20px;
	margin:0;
	position:relative;
	font-size:16px;
	line-height:28px;
}

.media_slide_edit > .media_wrapper li {
	line-height:24px;
}

#slideAttachBox {
	position: relative;	
}

#slideAttachBox .pan {
	display:none;
	padding: 10px 0;
	border-top: 1px dashed #CCC;
	margin:0;
}

#slideAttachBox .pan .hideAttachBox {
	top:auto;
	right:auto;
	position:relative;
}

#slideAttachBox .attachgft .input-append,
#slideAttachBox .attachtext .input-append {
	width:100%;
}

#slideAttachBox .attachtext p {
	margin:10px 0 0;
}

#slideAttachBox.gft .attachgft,
#slideAttachBox.text .attachtext {
	display:block;
}

#course .slide > .media_wrapper {
	padding:40px 20px;
	border:0 none;
	line-height:28px;
	font-size:16px;
	margin:0;
	word-break: normal;
	position:relative;
}

#course .slide > .media_wrapper li {
	line-height:24px;
}

.media_slide_edit:nth-child(even) > .media_wrapper,
#course .slide > .media_wrapper:nth-child(odd) {
	background: #f5f5f5;
	margin: 0 -20px;
	padding:40px;
}

.media_slide_edit:nth-child(even) > .media_wrapper {
	margin:0;
	padding:40px 20px;
}

#course .quizz_wrapper {
	padding-left:1px;
}

.module_ticket .elgg-avatar {
	float:left;
	padding:0;
	border:0 none;
}

.module_ticket .wrp {
	display:block;
	margin-left:70px;
}

.module_ticket .wrp:hover {
	text-decoration:none;
}

.module_ticket .wrp h4 {
	margin:0;
	font-weight:normal;
}

.module_ticket .wrp h4:hover {
	text-decoration:underline;
}

.module_ticket .wrp .info {
	color:#000;
	width:70%;
	float:left;
}

.module_ticket .wrp .meta {
	width:30%;
	float:right;
	text-align:right;
}

#slidewrp {
	margin:0;
}

#slidewrp .carousel-inner > .item {
	padding:20px 20px 0;
	background: #FFF;
}

#slidewrp #home  {
	min-height:400px;
	font-size:14px;
	line-height:20px;
	padding-bottom:20px;
}

#slidewrp #home .ctnwrp {
	padding:0 40px;
	margin:40px auto;
	font-size: 16px;
	line-height: 24px;
}

.cl-container-wrp #slidewrp #home .ctnwrp {
	max-width:800px;
}

#slidewrp #home .ctnwrp .desc {
	margin: 0 0 20px;
}

#slidewrp #last {
	padding-bottom:20px;
	border-radius:6px;
}

#slideeditor #slidewrp #home {
	padding:20px;
}

#slidewrp #home .hd.cover {
	margin:-20px -20px 20px;
	color: #FFF;
	background-position: center center;
	text-shadow: 0 1px 1px #000;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#0a4d67;
}

#slidewrp #home .hd.cover.default {
	background-image:url(https://afportugal.apolearn.com/mod/apo-courses/graphics/dots-small.png);
}

#slidewrp #home .hd.cover .hdwrp {
	padding:60px 20px;
	background:rgba(0,0,0,0.2);
}

#slidewrp #home .hd.cover.default .hdwrp {
	background:transparent;
}

#slidewrp #home .hd.cover .hdwrp h1 {
	font-size: 60px;
    color: #FFF;
    line-height: 76px;
    margin: 10px 0 20px;
	font-weight:500;
}

#slidewrp #home p.desc {
	line-height: 18px;
}

#slidewrp #home .hd.cover .text-white, 
#slidewrp #home .hd.cover p {
	color:#FFF;
}

#course .slide > .controls {
	position:relative;
	padding:40px 0;
}

.pl-content .slide_title h3 {
	margin:0;
	font-size:40px;
	line-height:46px;
	font-weight:normal;
	color:#333;
	padding-left:20px;
}

.pl-content .slide_title h3:after {
	content:"";
	border-bottom:5px solid #0a4d67;
	width:160px;
	height:24px;
	display:block;
}

#slidewrp .controls:first-child .prev {
	left:60px;
}

#slidewrp .controls .hidden {
	display:block;
}

#module_header {
	padding: 60px 0;
}

#module_header .wrapper {
	margin-left:120px;
	position: relative;
}

#module_header.small .wrapper {
	margin-left:126px;
}

#module_header .wrapper h1 {
	color: #333;
	font-size: 28px;
	line-height:32px;
	margin:0;
	text-shadow: 0px 1px 0px #FFF;
	font-weight:400;
}

#module_header .wrapper p {
	font-size: 14px;
	line-height: 20px;
}

#module_header.small .wrapper p {
	margin:0;
}

#module_header .wrapper .edit {
	position:absolute;
	top:-25px;
	right:0;
}

.qrm_wrapper label.qcheck,
.quizz_wrapper label.qcheck {
	line-height:26px;
	background:#FFF;
	border:2px solid #e7e7e7;
	padding: 16px 20px;
	box-shadow: 0 0 10px rgb(0 0 0 / 16%);
	margin-bottom: 15px;
	border-radius: 8px;
}

.media_slide_edit:nth-child(even) > .media_wrapper label.qcheck,
.media_wrapper:nth-child(odd) label.qcheck {
	border:2px solid #FFF;
}

.qrm_wrapper ul li {
	line-height: 26px;
	background: #FFF;
	border: 2px solid #e7e7e7;
	padding: 16px 20px;
	box-shadow: 0 0 10px rgb(0 0 0 / 16%);
	margin-bottom: 15px;
	border-radius: 8px;
}

.qrm_wrapper .res {
	padding-left:0;
}

.media_slide_edit:nth-child(even) .qrm_wrapper ul li,
#course .qrm_wrapper:nth-child(odd) ul li {
	background:#FFF;
}

.media_wrapper .qcm_choices input[type=checkbox]:checked + label,
.media_wrapper .qcm_choices input[type=radio]:checked + label  {
    background: #C9DFF5;
	border-color:#C9DFF5;
}

.media_wrapper .qcm_choices .bad-res,
.media_wrapper .qcm_choices .good-res,
.media_wrapper .qcm_choices .my-res {
	background: #FFF !important;
}

.media_wrapper .my-res .icores {
	font-size:26px;
	margin-right:6px;
}

.media_wrapper .good-res .icores {
	color:#61c592;
	font-size:26px;
	margin-right:6px;
}

.media_wrapper .bad-res .icores {
	color:#ff878c;
	font-size:26px;
	margin-right:6px;
}
.media_wrapper li.good-res,
.media_wrapper .qcm_choices input[type=checkbox]:checked + label.good-res,
.media_wrapper .qcm_choices input[type=radio]:checked + label.good-res {
	border-color: #61c592 !important;
}
.media_wrapper li.bad-res,
.media_wrapper .qcm_choices input[type=checkbox]:checked + label.bad-res,
.media_wrapper .qcm_choices input[type=radio]:checked + label.bad-res {
	border-color: #ff878c !important;
}

.answser_about {
	margin: 20px 0;
	box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
	border-radius: 8px;
	padding: 16px 20px;
	background: #C9DFF5;
}

.answser_about h5 {
	margin:0 0 20px;
	line-height:36px;
}

.answser_about img {
	margin-right:10px;
}

.answser_about .explain {
	margin-bottom:20px;
}

#course .btn-navbar {
	padding: 7px 10px;
	z-index: 10;
	top: 6px;
	position: absolute;
	left: 10px;
}
#course .btn-navbar .icon-bar {
	display: block;
	width: 18px;
	height: 2px;
	background-color: whiteSmoke;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.syllabus h2 {
	font-size:12px;
	line-height:18px;
	margin:10px 0;
}

.syllabus h3 {
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	margin:0;
}

.mnews {
	position:relative;
}

.block-page .block-wrapper .elgg-list > li > div.mnews .contentaction {
	top:10px;
	right:10px;
}

.mnews h3 {
	font-size:18px;
	line-height:22px;
	margin:0;
}

.mnews .description {
	margin:10px 0 0;
}

.mnews .date {
	font-size:14px;
}

.about_module_canva #module_header .wrapper {
	margin-left:250px;
}

#module_header .elgg-avatar-small,
#module_header .elgg-avatar-module {
	float:left;
}

#module_session_info {
	background:#FFF;
	border:1px solid #CCC;
	display:inline-block;
}

#module_session_info li {
	padding:0 6px;
	display:inline-block;
	border-width:0 0 0 1px;
	border-style:solid;
	border-color:#CCC;
	display:inline-block;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin:0;
}

#module_session_info li:first-child {
	border:0 none;
}

.module_author .wrp {
	justify-content: center;
	display: flex;
	flex-direction: column;
	margin-left: 10px;
}

.module_author h4 {
	margin:0;
	font-weight:normal;
}

.module_author {
	border-bottom:1px dotted #CCC;
	margin:0 0 20px;
	overflow-wrap: break-word;
}

.module_author .aprofile {
	display: inline-flex;
}

.module_author .elgg-avatar {
	width: 104px;
	min-width: 104px;
}

.block-wrapper .module_author:last-child {
	border:0 none;
	margin:0;
}

.file-ticket {
	padding:0 0 6px;
}

.file-ticket h5 {
	color: #333;
	margin: 0;
	font-size: 12px;
}

#modfile h4 {
	margin: 10px 0 6px;
	font-size: 14px;
	background: #f5f5f5;
	padding: 0px 4px;
	font-weight: normal;
	color:#000;
}

.browse {
	position:relative;
}

.browse .elgg-form-modules-browse-filter {
	position:absolute;
	top: 0;
	right: 0;
	margin: 0;
}

.qcm_choices .lab-progress {
	line-height: 20px;
}

#modules-steps li.complete a {
	color:#666;
}

#modules-steps li i {
	display:none;
}

.editMediaimage {
	display:none;
}

.editfeedback {
    width: 100%;
    border-spacing: 0 5px;
    empty-cells: show;
    border-collapse: separate;
}

.editfeedback td {
	background: #f5f5f5;
    border-top: 1px solid #d0d0d1;
    border-bottom: 1px solid #d0d0d1;
    text-align: left;
    padding: 10px 5px;
}

.editfeedback .score {
	width:70px;
}

.editfeedback .sep {
	width:5px;
}

.editfeedback td:first-child {
    border-left: 1px solid #d0d0d1;
    border-radius: .25em 0 0 .25em;
    padding-left: 10px;
    width: 36px;
    text-align: center;
}


.editfeedback td:last-child {
    border-right: 1px solid #d0d0d1;
    border-radius: 0 .25em .25em 0;
    padding-right: 10px;
    font-size: 16px;
    width: 16px;
}

.editfeedback td input {
	margin:0;
}

#modules-steps li.complete i {
	display:inline;
}

#module_presentation_video {
	width:50%;
	padding: 0;
	border: 0 none;
}

#mvideoteaser .media_embed {
	padding:0;
	margin:0;
	border:0 none;
}

#modulesinfo h5 {
	text-transform:uppercase;
}

#mdiscchapfilter .active {
	color:#000;
	font-weight:bold;
}

.mod_discussion_wid {
	border-bottom:1px dotted #CCC;
	padding:10px 0;
}

.mod_discussion_wid ul li {
	border-left:1px dotted #CCC;
	padding:0 6px;
}

.mod_discussion_wid ul li.first {
	padding-left:0;
	border-left:0 none;
}


.mod_discussion_wid .elgg-avatar {
	float:left;
}

.mod_discussion_wid .wrp {
	margin-left:70px;
}

.mod_discussion_wid .wrp h5 {
	margin:0 0 6px;
}

#modules_progression table {
	margin:0;
}

#modules_progression .progress {
	position:relative;
	background-color: #444;
	background-image: -moz-linear-gradient(top, #333, #555);
	background-image: -ms-linear-gradient(top, #333, #555);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#555));
	background-image: -webkit-linear-gradient(top, #333, #555);
	background-image: -o-linear-gradient(top, #333, #555);
	background-image: linear-gradient(top, #333, #555);
	overflow:visible;
}

#modules_progression .progress .bar {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}

#modules_progression .progress .bar.other {
	text-align:right;
}

#modules_progression th,
#modules_progression td {
	text-align:center;
}

#modules_progression .first-row {
	text-align:left;
	font-weight:bold;
	width:100px;
}

.scrolly {
	overflow-y:auto;
}

#mnews_full {
	position:relative;
}

#mnews_full .btn-back {
	position:absolute;
	top:10px;
	right:10px;
}

.table-mstats td {
	vertical-align: middle;
}

.table-mstats .chapter {
	width:200px !important;
}

.course-block .coursesmall {
	font-size:13px;
	line-height: 16px;
}
.table-mstats .progress {
	margin:0;
}

.module_embed {
	padding:20px;
}

.module_embed .embedwrp {
	-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.module_embed .embedwrp .course_canva {
	margin:0;
}

.mod-count-stats .count {
	margin-top: 20px;
	font-size: 40px;
	line-height: 46px;
}

.mod-count-stats .count small {
	font-size: 20px;
	line-height: 34px;
	color:#999;
}

.mod-count-stats label {
	font-size: 22px;
	color: #666;
	line-height: 26px;
}

.mod-count-stats label small {
	display: block;
	font-size: 12px;
	line-height: 16px;	
}

.mod-count-stats {
	padding: 20px 0;
	display:block;
	color:#666;
	position:relative;
}

a.mod-count-stats {
	cursor:pointer;
}

a.mod-count-stats .edit {
	position:absolute;
}

a.mod-count-stats:focus,
a.mod-count-stats:hover {
	text-decoration:none;
	color:#000;
}

a.mod-count-stats:hover label {
	color:#000;
}

.mod-stats .gpie {
	height:200px;
}

#module_canva .progress {
	background-color: #999;
	background-image: -moz-linear-gradient(top,#666,#999);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#666),to(#999));
	background-image: -webkit-linear-gradient(top,#666,#999);
	background-image: -o-linear-gradient(top,#666,#999);
	background-image: linear-gradient(to bottom,#666,#999);
}

#module_canva .pageheader {
	margin:0 0 40px;
}

.mcourseselector select {
	width:96%;
}

.moddashblock {
	display: table-row;
}

.moddashblock a {
	display: table-cell;
	color: #666;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 12px;
	font-size: 14px;
	box-shadow: 1px 1px 0px #FFF;
	width: 50%;
}

.moddashblock a:hover {
	color: #000;
	border: 1px solid #000;
	text-decoration:none;
}

.moddashblock a i {
	display: block;
	font-size: 100px;	
	margin-bottom: 6px;
}

.moddashblock a span {
	display:block;
}

.gft_wrapper input[type=text] {
	width: 100px;
	margin: 0;
}

.gft_wrapper select {
	margin:0;
}

.media_dragndrop .answer,
.media_dragndrop .question {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px 10px;
	margin-bottom:10px;
	border: 1px dashed #CCC;
	border-radius:8px;
}

.media_dragndrop .answer {
	padding:10px 10px 20px;
}

.media_dragndrop .ui-droppable.found {
	position:relative;
}

.media_dragndrop .ui-droppable.found ul {
	position:absolute;
	top:0;
	right:10px;
}

.media_dragndrop .question {
	background:#f6f6f6;
	color:#000;
}

.media_slide_edit:nth-child(even) > .media_dragndrop .question, 
#course .slide > .media_dragndrop:nth-child(odd) .question {
	background:#FFF;
}

.media_dragndrop .question.alert-success {
	background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

.media_dragndrop .question.alert-warning {
	background-color: #fcf8e3 !important;
    border: 1px solid #fbeed5;
    color: #c09853;
}

.media_dragndrop .ui-droppable p {
	margin:0;
}

.media_dragndrop .ui-state-disabled {
	opacity:0.9;
}

#course.end .controls.bottom {
	display:none;
}

#editMediaquizz textarea {
	height:20px;
}

.possibleanwser .form-inline {
	border-bottom: 1px dotted #CCC;
	padding-bottom: 10px;
	margin-bottom:10px;
}

.possibleanwser .form-inline textarea {
    height: 18px;
    width:96%;
}

.emo-select {
	border-radius:4px;
	margin-bottom:20px;
	display:block;
	padding:20px 10px;
}

.emo-select:hover {
	background:#f6f6f6;
}

.emo-select .emo {
	font-size:64px;
	margin:0 0 20px;
	display:block;
}

#slidewrp #last h1 {
	font-size: 30px;
}

.elgg-form-courses-rate input[type=radio] {
	display:none;
}

.elgg-form-courses-rate input[type=radio]:checked + label {
	background:#C9DFF5;	
}

#minisharebox {
	background: #FFF;
	padding: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px dotted #CCC;
	margin:0 0 20px;
	position:relative;
}

#minisharebox #discusAttachedAction {
	position: absolute;
	bottom: auto;
	left: auto;
	z-index: 100;
}

#minisharebox #new_discussion .actions {
	position: relative;
	bottom: auto;
	right: auto;
}

#minisharebox form {
	margin:0;
}

#slideAttachedAction > li {
	padding:0;
}

#slideAttachedAction > li > span,
#slideAttachedAction > li > a {
	padding:10px 0 8px;
	display:block;
	border-bottom: 2px solid transparent;
	cursor:pointer;
	border: 1px solid #d0d0d0;
	width: 100px;
    height: 60px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 10px;
    padding-top: 20px;
    background:#FFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18);
    border-radius: 4px;
}

#slideAttachedAction>li.sep {
	width: 100%;
}

#slideAttachedAction>li.sep>label {
	display:block;
	border-bottom: 1px solid #CCC;
	margin: 0 0 20px;
	padding: 10px 0;
}

#slideAttachedAction > li > span:active,
#slideAttachedAction > li > a:active
#slideAttachedAction > li > span:focus,
#slideAttachedAction > li > a:focus {
	text-decoration:none;
}

#slideAttachedAction.active>li>span,
#slideAttachedAction.active>li>a,
#slideAttachedAction.active>li>label {
	display:none;
}

#slideAttachedAction > li i,
#slideAttachedAction > li i {
	font-size:30px;
}

#slideAttachedAction > li > span.active,
#slideAttachedAction > li > a.active {
	color: #000;
    display: block;
    width: auto;
    text-align: left;
    padding: 0;
	margin: 0 0 5px;
    height: auto;
    font-size: 20px;
    line-height: 26px;
    border:0 none;
    -webkit-transition-property: font-size;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    transition-property: font-size;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    background:transparent;
    box-shadow: 0 0 0;
}

#slideAttachedAction.active > li {
	float:left;
}

#slideAttachedAction > li > span.active div,
#slideAttachedAction > li > a.active div {
	display: inline-block;
    color: #000;
    margin-right: 6px;
}

#modregister {
	background-image: url('https://afportugal.apolearn.com/mod/apo-classrooms/graphics/texture.png');
	width:800px;
	margin-left: -400px;
}

#modregister .sep {
    background: transparent url('https://afportugal.apolearn.com/mod/apo-classrooms/graphics/sep.png') no-repeat scroll center center;
    height: 12px;
    margin: 20px 0;
}

#modregister .modal-footer {
	background: transparent;
	border-top: 0;
	padding:0;
}

#modregister .modal-body {
	background: transparent;
}

#modregister .modal-header {
	background: #FFF;
}


#modregister #registerform {
	margin-top:10px;
	display:none;
	padding:13px 25px;
	background-color: #F1F7FE;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

#modregister .social {
	padding-top: 20px;
}

#modregister legend {
    border-bottom: none;
    font-size: 14px;
    line-height: normal;
    margin: 0;
}

#modregister #registerform .select2-container {
    width: 100%;
    text-align: left;
    margin-bottom:13px;
}

.wide-featured-block .details > a {
	color:#333;
}

.wide-featured-block .details > a:hover {
	text-decoration:none;
	color:#333;
}

.media_clever_embed .action {
	padding:10px;
}

.media_clever_embed form {
	margin:0;
	padding:10px;
}

.media_clever_embed textarea {
	width:98%;
	height:30px;
}

.media_clever_embed .annotate {
	background: #f6f6f6;
	margin-top: -10px;
	border-width: 0 1px 1px;
    border-style: solid;
    border-color: #CCC;
}

.media_slide_edit:nth-child(even) .media_wrapper .annotate,
#course .media_wrapper:nth-child(odd) .annotate {
	background: #FFF;
}

.media_slide_edit:nth-child(even) .media_wrapper .annotate textarea,
#course .media_wrapper:nth-child(odd) .annotate textarea {
	background: #f6f6f6;
}

.media_clever_embed .annotations .anno {
	padding:10px;
	background:#FFF;
	border-top:1px dotted #CCC;
}

.media_clever_embed .annotations .anno:nth-child(odd) {
	background:#f6f6f6
}

.media_clever_embed .annotations .elgg-avatar {
	float:left;
}

.media_clever_embed .annotations .wrapper {
	margin-left:50px;
}

#modules-toolbar .toolbar {
	background: #FFF;
    border-width: 1px 0;
    border-style: dotted;
    border-color: #CCC;
    padding: 10px 10px;
}

#modules-toolbar .modal-header { 
	font-weight:bold;
	padding-bottom:0;
	padding-top:10px;
	border:0;
}

#modules-toolbar .modal-body {
	background:#f5f5f5;
	border-top:5px;
    max-height: none;
}

#modules-toolbar .modal-footer {
	background:#FFF;
}

#modules-toolbar input[type=text],
#modules-toolbar input[type=url],
#modules-toolbar textarea,
#modules-toolbar select {
	width:70%;
}

#modules_canva .pageheader > .wrapper {
	background-color:#1a6081	
}

#modules_canva .default-banner .mediactn {
	background-color: rgba(255,255,255,0.8);
    border-radius: 4px;
    padding: 10px;
}

#modules_canva .default-banner .mediactn > div {
    width: 360px !important;
}

#modules_canva .default-banner .bnwrp {
	display: flex;
    align-items: center;
    height: 100%;
}

#modules_canva .default-banner .opacity30 {
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    content: "";
    opacity:0.3;
}

#modules_canva .default-banner .bnctn {
	width:100%;
	z-index:2;
}

.session-block {
	position:relative;
	background: #fff;
    border-radius: 6px;
    overflow: hidden;
    display: block;
    color: #555;
    margin: 0 2px 20px;
	box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
}

.session-block .btn {
	box-shadow: 0 0 0 0;
}

.session-block .meta.ellipsis {
	max-width:300px;
}

.session-block.empty-block {
	border: 1px dotted #CCC;
    height: 346px;
    background: transparent url(https://afportugal.apolearn.com/mod/apo-dashboard/graphics/empty-sess.jpg) repeat;
    box-shadow: 0 0 0;
    background-size: contain;
}

.session-block .thumbnailwrp {
	padding: 20px 10px 10px;
}

.session-block .thumbnailwrp img {
	border-radius:100%;
	max-width:140px;
	width:100%;
	height:auto;
	background-position: center center;
    background-size: cover;
	margin: 0 auto;
    display:block;
	box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
    border: 1px solid #e7e7e7;
}

.session-block .details {
	padding:10px;
}

.session-block .about {
	display:block;
}

.session-block .about:hover {
	text-decoration:none;	
}

.session-block .title {
    display: block;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    text-transform: uppercase;
    color:#0a4d67;
    font-weight: 400;
}

.session-block .dwrp {
	overflow:hidden;
	height: 110px;
	margin-bottom: 10px;
}

.course-block .dwrp {
	margin-bottom:0;
	height:90px;
	overflow:hidden;
}

.course-block .corner {
	position:absolute;
	top:0;
	right:0;
    height: 80px;
    width: 80px;
    overflow: hidden;
}

.course-block .corner .cwrp {
    display: block;
    box-sizing: border-box;
    padding: 200px 80px 100px;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    background-color: #CCC;
    color: #fff;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotate(45deg) translate(0%, -86%);
    transform: rotate(45deg) translate(0%, -86%);
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    text-decoration: none;
}

.course-block .corner.mclose .cwrp {
	background-color: #b94a48;
}

.course-block .corner.minprogress .cwrp {
	background-color: #c09853;
}

.course-block .corner.msatisfied .cwrp {
	background-color: #468847;
}

.course-block .corner .cwrp i.fa-unlock-alt,
.course-block .corner .cwrp i.fa-lock {
	-webkit-transform: rotate(-45deg) translate(-345%, 244%);
	transform: rotate(-45deg) translate(-345%, 244%);
}

.course-block .corner .cwrp i.fa-check {
	 -webkit-transform: rotate(-45deg) translate(-310%, 240%);
    transform: rotate(-45deg) translate(-310%, 240%);
    color:#FFF;
}

.session-block .description {
	color: #000;
    font-weight: normal;
    margin: 10px 0 0;
}

.session-block .bottom {
	height:13px;
	display:block;
}

.duedate {
	display:inline-block;
	background:#F5F6F8;
	padding: 2px 10px;
	font-size: 12px;
	border-radius: 3px;
}

.label-dark-blue {
	background:#00356d;
}

.text-dark-blue {
	color:#00356d;
}

/*
** Player
*/

.pl-header .wrp {
	background:#FFF;
	display:flex;
	width:100%;
	z-index:999;
	height:80px;
}

.edit.course .pl-header {
	min-height:0;
}

.pl-container {
	display:flex;
	width:100%;
}

.body-mplayer .wrpmobilebtnnav,
.body-player .wrpmobilebtnnav {
	height:auto;
}

.pl-sidenav-editor,
.pl-sidenav {
	position:relative;
	width:280px;
	vertical-align: top;
	min-height:100vh;
}

.pl-sidenav-editor.hide,
.pl-sidenav.hide {
	display:none;
}

.pl-content {
    vertical-align: top;
    width:100%;
}

/*
.pl-content .cl-container::-webkit-scrollbar {
  display: none;
}
*/

.pl-content .cl-container {
    overflow: scroll;
    height: 100vh;
	background:#FFF;
/*	-ms-overflow-style: none; 
	scrollbar-width: none;  */
}

.pl-content .cl-container #course {
	margin: 0;
}

#editor .pl-content .cl-container .cl-container-wrp #slidewrp {
	padding: 0 0 50px;
}

.pl-content .cl-container .cl-container-wrp .navscroll {
	padding:10px 42px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.pl-content #discussions {
	padding:20px 42px;
	background-color: #f5f8fa;
}

.pl-content #files,
.pl-content #history {
	padding:20px;
}

.pl-content #files .content {
	padding:20px 20px 0;
}

.pl-content #files .file-ticket {
	margin:0 0 10px;
}

.pl-content #files .file-ticket h5 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 4px;
}

.pl-content #files .file-ticket a,
.pl-content #files .file-ticket button {
	color:#666;
	font-size: 12px;
}

.cl-container-wrp .navscroll {
	position:relative;
}

.pl-content .cl-container .cl-container-wrp #navplayer {
	margin:0px;
}

.pl-content .cl-container .cl-container-wrp #navplayer.nav-tabs>li>a  {
	line-height: 20px;
}

.pl-content .cl-container .cl-container-wrp #navplayer.nav-pills>li>a {
	line-height: 16px;
}

.cl-sidebar .tools {
	background: #FFF;
    margin: 90px 0 0;
}

.cl-sidebar .tools .nav-pills {
    margin: 0 0 10px;
    padding: 10px;
    border-bottom: 1px solid #CCC;
    font-size:12px;
}

.cl-sidebar .tools .tab-pane > form {
	padding:10px 10px 0;
	margin:0;
}

.cl-sidebar .tools .tab-pane .form-actions {
    margin: 0 -10px;
}

.pl-content.edit {
	padding:0;
	display:block;
	margin:0 auto 20px;
	max-width:736.5px;
}

.pl-sidenav ul.tos {
	width:280px;
	margin-top:262px;
}

.pl-sidenav-editor ul.tos {
	width:250px;
	margin-top:262px;
}

.pl-sidenav ul.tos li {
	padding: 18px 44px 18px 34px;
	position:relative;
    display: block;
    background:transparent;
    float:none;
    width:auto;
    height:auto;
    margin:0;
    text-indent:0;
    border-radius:0;
    cursor:not-allowed;
	border-left:5px solid transparent;
}

.pl-sidenav ul.tos li.chapter {
	text-transform: uppercase;
	color:#666;
	padding: 18px 38px 6px 10px;
	font-weight:bold;
	cursor: default;
}

.pl-sidenav-editor ul.tos li .sld {
	padding: 18px 38px 18px 34px;
	position:relative;
	display: block;
	background:transparent;
	float:none;
	width:auto;
	height:auto;
	margin:0;
	text-indent:0;
	border-radius:0;
	cursor:not-allowed;
	border-left:5px solid transparent;
	cursor:pointer;
	display:block;
}

.pl-sidenav-editor ul.tos li .sld.chapter {
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	padding: 18px 20px 6px 24px;
}

.pl-sidenav-editor ul.tos li .sld.chapter a {
	background:transparent;
	border:0 none;
	cursor:pointer;
}

.pl-sidenav-editor ul.tos li .ico,
.pl-sidenav ul.tos li .ico {
	position: absolute;
	top: 20px;
	left: 10px;
	color: rgba(0,0,0,0.3);
	font-size:16px;
}

.pl-sidenav ul.tos li .ico-progress {
	font-size:20px;
	line-height:20px;
	position: absolute;
	top: 18px;
	right: 18px;
	color: rgba(0,0,0,0.3);
}

.pl-sidenav ul.tos li .ico-progress.text-success {
	color:#468847
}

.pl-sidenav ul.tos li.nextallowed,
.pl-sidenav ul.tos li.slidelast,
.pl-sidenav ul.tos li.slidehome,
.pl-sidenav ul.tos li.viewed {
	 cursor:pointer;
}

.pl-sidenav-editor ul.tos li a,
.pl-sidenav ul.tos li a {
	color:#000;
}

.pl-sidenav-editor ul.tos li a:focus,
.pl-sidenav-editor ul.tos li a:active,
.pl-sidenav-editor ul.tos li a:hover,
.pl-sidenav ul.tos li a:focus,
.pl-sidenav ul.tos li a:active,
.pl-sidenav ul.tos li a:hover {
	text-decoration:none;
}

.pl-sidenav-editor ul.tos li.active a,
.pl-sidenav ul.tos li.active {
	background:#f3f3f3;
	border-left:5px solid #0a4d67;
}

.pl-sidenav ul.tos li.active a {
	color:#333;
}

.pl-header {
    position: absolute;
    top: 0;
    left:0;
    right:0;
    width: 100%;
    z-index: 999;
}

.pl-course-title {
	display:table-cell;
	padding:10px 24px;
	vertical-align: middle;
	width:60%;
    border-bottom: 1px solid #CCC;
}

.pl-course-actions {
	display: table-cell;
    padding: 10px 24px 10px 0;
    vertical-align: middle;
    min-width: 164px;
    text-align:right;
    border-bottom: 1px solid #CCC;
}

.pl-course-title h1,
.pl-course-title h3 {
	text-transform:uppercase;
	font-size:20px;
	line-height:26px;
	margin:0;
	font-weight:normal;
	-webkit-transition: font-size .2s ease-in;
    transition: font-size .2s ease-in;
}

.pl-course-title h1 span,
.pl-course-title h3 {
	color:#666;
	font-size:14px;
	line-height:20px;
}

.pl-next {
	width:25%;
}

#hidecoursenav:hover,
#hidecoursenav:active {
	text-decoration:none;
}

.body-mplayer .navbar-secondary a,
.body-mplayer .navbar-secondary a:hover {
	color:#FFF;
}

.body-mplayer .pl-container,
.body-mplayer .elgg-layout,
.body-mplayer .elgg-body {
	height:100%;
}

.navscroll .nav-tabs>.active>a,
.navscroll .nav-tabs>.active>a:focus,
.navscroll .nav-tabs>.active>a:hover {
	background: #f5f8fa;
    font-weight: bold;
}

.pl-content.edit .navscroll ul {
	margin:0 0 20px;
}

.pl-content.edit .navscroll .nav-tabs>.active>a,
.pl-content.edit .navscroll .nav-tabs>.active>a:focus,
.pl-content.edit .navscroll .nav-tabs>.active>a:hover {
	background:#FFF;	
}

.coursenav .chapter {
	margin:0 0 30px;
	box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
	border-radius:6px;
}

.coursenav .courseblock {
	box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
	border-radius:6px;
	margin:0 0 30px;
}

.coursenav .chaplabel {
	background:#3a90cc;
	color:#FFF;
	padding:10px;
	line-height: 28px;
	position: relative;
    width:0px;
    display: table-cell;
	vertical-align: middle;
	border-radius:6px 0 0;
}

.coursenav .chapindex .chaplabel {
	width: 82px;
}

.coursenav .chapname.collapsed .chaplabel {
	border-radius: 6px 0 0 6px;
}

.coursenav .chapindex .chaplabel:before,
.coursenav .chapindex .chaplabel:after {
    border-bottom: 32px solid transparent;
    border-top: 32px solid transparent;
    border-left: 20px solid #3a90cc;
    right: -20px;
    content: '';
    top: 50%;
    margin-top: -32px;
    position: absolute;
}

.coursenav .chapindex .chaplabel:before {
    border-bottom: 32px solid #f6f7f8;
    border-top: 32px solid #f6f7f8;
    border-left: 20px solid;
    border-left-color: inherit;
    right: -20px;
    margin-left: -32px;
    background: #CCC;
}

.coursenav .chapname {
	display:table;
	line-height:24px;
	width:100%;
	color:#222;
	border-radius:6px 6px 0 0;
}

.coursenav .chapname.collapsed {
	border-radius:6px
}

.coursenav .chapname strong {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0px 10px 20px;
	background: #f6f7f8;
	font-size:16px;
	font-weight:normal;
}

.coursenav .chapname .chapindex strong {
	padding: 20px 0px 20px 30px;
}

.coursenav .chapname .chapinfo {
	display:table-row;	
}

.coursenav .coursename {
	margin:0 0 20px;
	display:table;
	width:100%;
}

.coursenav .coursename .wrprow {
	display:table-row;
}

.coursenav .coursename:hover {
	background:#F5F7F8;
}

.coursenav a:active,
.coursenav a:focus,
.coursenav a:hover {
	text-decoration:none;
}

.coursenav .chapterstate,
.coursenav .coursestate {
	display: table-cell;
    vertical-align: middle;
    width: 44px;
    padding: 10px 0;
    text-align: center;
    position:relative;
    color:#CCC;
    overflow:hidden;
}

.coursenav .coursestate {
	background:#FFF;
}

.coursenav .courseblock .coursename:first-child .coursestate {
	border-top-left-radius: 6px;
}

#modulesinfo .coursenav .courseblock .coursename:first-child .courseinfo,
.coursenav .courseblock .coursename:first-child .actions {
	border-top-right-radius: 6px;
}

.coursenav .courseblock .coursename:last-child .coursestate {
	border-bottom-left-radius: 6px;
	border:0 none;
}

.coursenav .courseblock .coursename:last-child .courseinfo {
	border:0 none;
}

#modulesinfo .coursenav .courseblock .coursename:last-child .courseinfo,
.coursenav .courseblock .coursename:last-child .actions {
	border-bottom-right-radius: 6px;
}

.coursenav .chapterstate {
	color:#222;
}

.coursenav .coursestate.closelink {
	color:#b94a48;
}

.coursenav .coursestate.satisfied {
	color:#468847;
}

.coursenav .coursestate.inprogress {
	color:#c09853;
}

.coursenav .coursestate:after {
	content: " ";
    border: 2px solid #CCC;
    background:#CCC;
    margin-left: 20px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.coursenav .coursestate.closelink:after {
	border: 2px solid #b94a48;	
	background:#b94a48;
}

.coursenav .coursestate.satisfied:after {
	border: 2px solid #468847;	
	background:#468847;
}

.coursenav .coursestate.inprogress:after {
	border: 2px solid #c09853;	
	background:#c09853;
}

.coursenav .collapsed .chapterstate i {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-1)";
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.coursenav .courseinfo {
	display:table-cell;
	color: #000;
	vertical-align: middle;
	padding:10px 0;
	height:60px;
	background:#FFF;
	border-bottom:1px dotted #e7e7e7;
	font-size:16px;
}

.coursenav .courseinfo .muted {
	font-size:75%;
}

.coursenav .actions {
	display:table-cell;
	vertical-align: middle;
	padding:0 20px 0 0;
	width:68px;
	background:#FFF;
	border-bottom:1px dotted #e7e7e7;
}

.coursenav .chapname .actions {
	background: #f6f7f8;
	border:0 none;
	border-radius: 0 6px 0 0;
}

.coursenav .chapname.collapsed .actions {
	border-radius: 0 6px 6px 0;
}

.coursenav .actions i {
	font-size:18px;
}

.coursenav .coursename + .coursename {
	margin-top:-20px;
}

.coursenav .coursename + .coursename:last-child .coursestate {
	border-radius: 0 0 0 6px;
}

.coursenav .coursename + .coursename:last-child .courseinfo {
	border-bottom:0 none;
}

#modulesinfo .coursenav .coursename + .coursename:last-child .courseinfo,
.coursenav .coursename + .coursename:last-child .actions {
	border-bottom:0 none;
	border-radius: 0 0 6px 0;
}

.subcourselist {
	border-radius:0 0 6px 6px;
}

.subcourselist .coursename {
    border-top: 0;
    margin:0 !important;
}

.subcourselist.in {
	overflow:visible;
}

.coursenav .showobj,
.coursenav .unlock,
.coursenav .stat {
	cursor:pointer;
	margin-left:5px;
}

#modules_tutors .elgg-avatar-large > a > img {
	width:120px;
	height:120px;
	border-radius:120px;
	background-position: center center !important;
	background-size: cover !important;
}

#modules_tutors .wrp {
	margin-left:130px;
}

#modules_tutors h4 {
	font-weight: normal;
    margin: 0;
    text-transform:uppercase;
}

#modules_tutors .module_author {
    margin: 10px 0;
    padding: 10px 0;
}

.nextslide,
.nextslide:visited,
.nextslide:focus {
	background: #333;
    padding: 20px 40px;
    border-radius: 4px;
    color: #FFF;
    font-size: 20px;
    display: inline-block;
    text-decoration:none;
}

.nextslide:hover,
.nextslide:active {
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;
	background:#444;
	text-decoration:none;
	color: #FFF;
}

.nextslide.success {
	background-color: #5bb75b !important;
}

.nextslide.small,
.pl-header .wrp .nextslide,
.pl-header .wrp .nextslide:visited,
.pl-header .wrp .nextslide:focus {
	padding: 10px 40px;
}

#quit.nextslide,
#end.nextslide {
	display:none;
}

form.accesscode input[type=text] {
    width: 55px;
}

.mstatsresults h1 {
	font-size: 26px;
	margin: 30px 0 0;
	line-height: 30px;
	padding: 0;
}

.oqsanswer {
	border-left: 4px solid #f88a26;
	margin-bottom: 10px;
	padding: 10px;
}

#page-body-ctn.player {
	margin:0;
}

#page-body-ctn.player #page-ctn {
	height:100%
}

form.accesscode {
	padding: 8px 35px 8px 14px;
	margin:0 -8px;
	background:#d9edf7;
}

#newModuleAssignment .modal-header,
#newCourse .modal-header {
	border-radius:0;
}

#module_canva .nav-content {
	min-height:300px;
}

#module_canva.medit_canva .pageheader,
#modules_canva.edit .pageheader .wrapper {
	background:#98998f url(https://afportugal.apolearn.com/mod/apo-classrooms/graphics/bandeau-edition.jpg) no-repeat bottom center !important;
	background-size:cover;
}

#modules_canva .nav-fixed .select2-container {
	width:90%;
}

#modules_canva .default-banner {
	color: #FFF;
	font-size: 36px;
	line-height: 46px;
	font-weight: normal;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	background-size:cover;
    background-position: center center;
    text-align:center;
    padding: 60px 0;
    position:relative;
}

#modules_canva .default-banner h1 {
    font-size: 40px;
    width: 530px;
    line-height: 44px;
    margin: 20px auto;
}

#modules_canva .default-banner h2 {
    font-size: 18px;
    line-height: 24px;
    width: 530px;
    margin: 20px auto;
}

.elgg-avatar-module-large img {
	width:200px;
	height:200px;
}

#s2id_meeting_template_guid,
#meeting_template_guid,
#s2id_mnews_template_guid,
#mnews_template_guid,
#s2id_assignment_template_guid,
#assignment_template_guid {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}

#module_header .tooltip {
	text-shadow:0 0 0 #000;	
}

.media_container.sorting {
	position:relative;
}

.media_container.sorting  .media_slide_edit .hd {
	display:block;
}

.media_container.sorting .media_slide_edit .media_wrapper {
	max-height:20px;
	overflow:hidden;
}

.media_container  .media_slide_edit .hd .fa-arrows-v {
	display:none;
}

.media_container.sorting  .media_slide_edit .hd .fa-arrows-v {
	display:inline;
	cursor:pointer;
}

.media_container.sorting  .media_slide_edit .hd .actions {
	display:none;
}

.session-block-wrp {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 2%;
	margin:0 0 40px;
}

.session-block-alt {
	display: flex;
	flex-direction: column;
    position: relative;
    background: #fff;
    overflow: hidden;
    color: #555;
    border-radius: 4px;
	box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
	justify-content: space-between;
}

.session-block-alt .progress {
	height:10px;
	margin: 0;
}

.session-block-alt.align-middle {
	align-items: center;
	justify-content: center;
}

.session-block2 .session-block-alt {
	flex: 0 0 49%;
}

.session-block3 .session-block-alt {
	flex: 0 0 32%;
}

.session-block4 .session-block-alt {
	flex: 0 0 23.5%;
}

.session-block-alt > div {
	width:100%;
	box-sizing:border-box;
	text-align:center;
}

.session-block-alt .ribbon {
	transform: rotate(-45deg);
	text-align: center;
	position: absolute;
	top: 28px;
	left: -40px;
	width: 150px;
}

.session-block-alt .thumbnailwrp img {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 160px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #e3e3e3;
}

.coursedefthumb {
	background-image: url(https://afportugal.apolearn.com//mod/apo-courses/graphics/dots-small.png);
	background-color: #0a4d67;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #FFF;
	font-size: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-weight: 300;
	height:160px;
	text-transform: UPPERCASE;
	text-align: center;
}

.coursedefthumb:active,
.coursedefthumb:focus,
.coursedefthumb:hover {
	color:#FFF;
	text-decoration:none;
}

.elgg-avatar-small .coursedefthumb {
	width: 112px;
	border-radius: 4px;
	height:60px;
	font-size: 14px;
}

.elgg-avatar-module-large .coursedefthumb {
	width: 240px;
	height: 130px;
	border-radius: 8px;
}

.session-block-alt .thumbnailwrp img.thumbv2 {
	height: auto;
	max-height: 160px;
}

.session-block-alt .thumbnailwrp {
	position:relative;
}

.session-block-alt:hover,
.session-block-alt:focus {
	text-decoration:none;
	box-shadow: 0 2px 15px rgb(0 0 0 / 30%);
}

.session-block-alt .title {
	height:90px;
	overflow:hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.session-block-alt .title h2 {
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	margin: 0 0 6px;
	text-overflow:ellipsis;
	overflow:hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.session-block-alt .details .description {
	text-overflow:ellipsis;
	overflow:hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	color: #666;
	line-height:18px;
}

.session-block-alt .details .sesscenter {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height:36px;
}

.session-block-alt .alert {
	margin:0;
	border: 0 none;
	padding:8px 10px;
}

.session-block-alt .categories {
	font-size: 12px;
	line-height: 14px;
	color:#999;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	max-width:1000px;
}

.session-block-alt .details {
	padding:10px 16px;
}

.session-block-alt .counters {
	font-size: 12px;
	line-height: 14px;
	color:#999;
	margin:6px 0 0;
	display: flex;
	justify-content: center;
	gap: 16px;
}

.session-block-alt .ft {
	text-align: center;
	padding: 4px 10px 16px;
	display: flex;
	flex-direction: column;
	margin-top: auto;
	align-self: flex-end;
}

.session-block-alt.empty-block {
    min-height: 333px;
    background: transparent url(https://afportugal.apolearn.com/mod/apo-dashboard/graphics/empty-sess.jpg) repeat;
    background-size: contain;
    box-shadow: 0 0 0;
}

.session-block-alt .triangle {
	width: 0;
    height: 0;
    border-style: solid;
    border-top-color: #fff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    position: absolute;
    z-index: 4;
    right: 0;
    top: 0;
    margin: 0 auto;
    color: #666;
    border-width: 0 45px 45px 0;
    border-right-color: #FFF;
}

.session-block-alt .triangle .fa {
    position: absolute;
	left: 27px;
	font-size: 16px;
	top: 7px;
}

.playeredit .system-messages {
	position:absolute;
	z-index:1000;
	width:100%;
}

.question-scorebar-container {
	display:inline-block;	
}
.question-scorebar-container.hide {
	visibility:hidden;
}

.joubelui-score-bar{display:inline-flex;display:-webkit-inline-flexbox;display:-ms-inline-flexbox;display:-webkit-inline-flex;width:15em;max-width:100%;background:#fff;border-radius:1.5em;padding:0.625em;border:1px solid rgba(0,0,0,0.08);box-sizing:border-box;position:relative;}.joubelui-score-bar-visuals{flex:1;-webkit-box-flex:1;-webkit-flex:1;position:relative;overflow:visible;}.joubelui-score-bar-progress-wrapper.progress,.joubelui-score-bar-progress-wrapper{position:relative;margin-right:1.7em;height:0.917em;border-top-left-radius:1.5em;border-bottom-left-radius:1.5em;background:#ddd;}.joubelui-score-bar-progress{overflow:hidden;white-space:nowrap;color:transparent;position:absolute;left:0;top:0;height:100%;width:0;border-top-left-radius:.5em;border-bottom-left-radius:.5em;background:#48b57e;background:linear-gradient(to right,#52ca8d,#48b57e);-webkit-transition:width 0.4s ease-in-out;-moz-transition:width 0.4s ease-in-out;-o-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out;-webkit-backface-visibility:hidden;}.joubelui-score-bar-star{height:1.8em;width:2.1em;position:absolute;right:0;top:-0.4em;overflow:visible;}.joubelui-score-bar-full-score.joubelui-score-bar-animation-active .joubelui-score-bar-star{-webkit-animation:pound 0.8s 1;animation:pound 0.8s 1;}@keyframes pound{from{transform:scale(0);}20%{transform:scale(1.4);}60%{transform:scale(0.8);}80%{transform:scale(1.2);}to{transform:scale(1);}}@-webkit-keyframes pound{from{-webkit-transform:scale(0);}20%{-webkit-transform:scale(1.4);}60%{-webkit-transform:scale(0.8);}80%{-webkit-transform:scale(1.2);}to{-webkit-transform:scale(1);}}.joubelui-score-bar-star svg{overflow:visible;}.joubelui-score-bar-star-shadow{fill:#fff;}.joubelui-score-bar-star-border{fill:none;stroke:#ddd;stroke-miterlimit:10;stroke-width:3px;}.joubelui-score-bar-star-fill{fill:#ddd;}.joubelui-score-bar-full-score .joubelui-score-bar-star-border{stroke:#ab741a;stroke-width:6;}.joubelui-score-bar-star-fill-full-score{visibility:hidden;fill:#ffc80b;}.joubelui-score-bar-full-score .joubelui-score-bar-star-fill{fill:#ffc80b;}.joubelui-score-bar-full-score .joubelui-score-bar-star-fill-full-score{visibility:visible;}.joubelui-score-numeric{margin:0em 0.4em;font-size:1.333em;line-height:0.7;font-weight:bold;}.score-bar-has-help .joubelui-score-numeric{margin-right:0.625em;}.joubelui-score-number{color:#333;}.joubelui-score-number-separator{color:#999;padding:0 0.1em;}.joubelui-score-bar .joubel-tip-container{position:absolute;top:0.1em;right:0.3em;font-size:1em;line-height:1;color:#1a73d9;margin-right:0.2em;}.joubelui-score-bar .joubel-tip-container > .help-icon{font-size:1em;line-height:1;}.joubelui-score-bar-progress-wrapper.progress .bar {line-height: 1.1em;font-size: 0.7em;font-weight: bold;}


#module_header .elgg-avatar-small img {
    width: 112px;
    background-size: cover;
    background-position: center center;
	border-radius:4px;
}

.elgg-avatar-module-large img {
    width: 240px;
    height: 130px;
    background-size: cover;
    background-position: center center;
	border-radius:8px;
}

.coursenav .dashboard-section-title {
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	padding: 6px 14px;
	color: #FFF;
}

.coursenav .coursechapter {
	margin:0 0 30px;
}

.coursenav .coursechapter-alt {
	margin:0 0 20px;
}

.coursenav .coursechapter-alt .courselist-alt {
	margin:20px 0;
}

.body-pdfstats {
	background:#FFF;
}

#exportstatoverview td {
	border:0 none;
}

.panel-name-phone {
	display:none;
}

#modulesinfo .leftinfo {
	margin:0;
}

#modulesinfo .rightinfo {
	float:right;	
}

.excluded-vat {
	font-size: 9px;
}

.chapter_description {
	background: #f6f7f8;
	border-width:0 0 1px;
	border-style:dotted;
	border-color:#e7e7e7;
    display: table;
    width: 100%;
}

.chapter_description .tblrow {
    display: table-row;
}

.chapter_description .tblcell {
	display: table-cell;
    vertical-align: middle;
    padding: 20px;
}

.chapter_description_alt {
	background:#FFF;
	padding: 15px;
	border-radius: 0 4px 4px 0;
	box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
	border-left: 5px solid #ccc;
	margin:0;
}

.chapbar.sort .chapter_description {
	border-width:1px 1px 0;
	display: block;
    width: auto;
}

.chapbar.sort .chapter_description .tblrow,
.chapbar.sort .chapter_description .tblcell {
	display:block;
}

.newsform .control-label {
    width: 100px;
    text-align: left;
}

.newsform .controls {
    margin-left: 100px;
}

#adduserstep1 table {
	table-layout: fixed;
}

#module-warning {
	background:#FFF;
	padding: 8px 14px;
	border-radius:0;
}

table#progress thead tr:first-child th:first-child,
table#progress tbody:last-child tr:last-child>td:first-child, 
table#progress caption+thead tr:first-child th:first-child,
table#progress {
	border-radius: 0;
}

table#progress .tablesorter-header {
    background: #f9f9f9;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

table#progress .tablesorter-filter-row td {
    background-color: #FFF;
}

table#progress .tablesorter-filter-row td input {
	background: #f9f9f9;
}

.export-btn {
	margin-bottom:-28px;
}

a.emo:focus,
a.emo:hover {
	text-decoration:none;
}

.table-ministat td.ico {
	width:50px;
	text-align:center;
}

.table-ministat td .fa-stack {
	font-size:22px;
}

.table-ministat td {
	vertical-align: middle;
}
.table-ministat td.percent {
	text-align:right;
}

.table-ministat td .emo {
	font-size:44px;
}

.questionwrp {
	word-break: normal;
	position: relative;
	margin:0 0 10px;
	overflow:hidden;
}

.cl-container #expand {
	position: fixed;
	top: 18px;
	left: 10px;
	font-size: 16px;
	width: 26px;
	height: 26px;
	line-height: 26px;
	background: #FFF;
	z-index: 10000;
	border-radius: 4px;
	text-align: center;
	display:block;
	color:#000;
}

.cl-container #expand.expand {
	left: 290px;
}

.cl-container #expand:focus,
.cl-container #expand:active,
.cl-container #expand:hover {
	color:#000;
	text-decoration:none;
}


.ctrlbtn {
	position: absolute;
	top: 10px;
	right: 26px;
}

.ctrlbtn a {
	color:#000;
}

.ctrlbtn a:focus,
.ctrlbtn a:active,
.ctrlbtn a:hover {
	color:#000;
}

#subscribepopup .modal-footer {
	background: #FFF;
	border-top: 0 none;
	padding-top: 0;
	padding-bottom: 20px;
	text-align:center;
}

#module_canva .pageheader .image-banner {
	background-size:cover;
}

.courselist-alt {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 2%;
}

.courselist-alt .session-block {
	flex: 0 0 32%;
	margin:0;
}

.coursechapter-alt .chapname {
	color:#FFF;	
}

.user_list_selector .noresult {
	margin:0;
	padding: 10px;
}

.user_list_selector {
	margin-top:20px;
	width:50%;
}

.user_list_selector label {
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

.user_list_selector label:nth-child(odd) {
	background: #f9f9f9;
}

.user_list_selector input[type=checkbox] {
	margin: 12px 10px 0 0;
}

.user_list_selector .elgg-avatar img {
	width:36px;
	height:36px;
	border-radius:100%;
}

.user_list_selector .info {
	display:inline-block;
}

.table-xapistats td {
	vertical-align: middle;
}

.setviewform input,
.setviewform select {
	margin:0;
}

.setviewform {
	max-height: 500px;
}

.setviewform label.radio {
	margin-bottom:8px;
}


.myadmin input.form-control.iconpicker-search {
	width:100%;
}

.rotate-180 {
	transform: rotate(180deg);
}

label.checkbox.categories {
    text-transform: none;
    margin: 0;
    font-size: inherit;
}
/*
.modal-body {
	overflow-y: visible;	
}*/
@media (min-width: 1200px) {
	form.accesscode input[type=text] {
		width:100px;
	}
	
	.edit.course .pl-sidebar {
		width: 474px !important;
		min-width: 474px !important;
	}
}

@media (max-width: 979px) {

	#slidewrp .carousel-inner > .item {
		padding:10px 10px 0;
	}

	.courselist-alt .session-block {
		flex: 0 0 49%;
	}

	.session-block4 .session-block-alt,
	.session-block3 .session-block-alt {
		flex: 0 0 49%;
	}
	
	.session-block-alt.empty-block {
		display:none;
	}
	
	.bookmarkslide,
	.ctrlbtn {
		display:none;
	}
	
	.export-btn {
		margin-bottom:10px;
		text-align:center;	
	}
	
	#modules_canva .default-banner .bnctn .col75 {
		width:100%;
		margin:0;
	}
	
	.pl-sidenav ul,
	.pl-sidenav {
		width:200px;
		min-width:200px;
	}
	
	
	
	.pl-content .cl-sidebar,
	.pl-content .cl-container {
		display:block;
		min-width:100%;
	}
	
	.pl-content .cl-sidebar {
		padding:30px 0;
	}
	
	#editor.pl-content .cl-sidebar {
		padding:0;
	}
	
	.pl-content .cl-sb-inner {
		padding:0;
	}
	
	.wide-featured-block .details {
		margin-left:0;
	}
	
	.wide-featured-block .title {
		font-size:14px;
	}
	
	#module_header .wrapper .edit {
		position:relative;
		top:auto;
		right:auto;
	}
	
	.module_ticket .wrp .info {
		width:100%;
	}
	
	.module_ticket .wrp .meta {
		width:100%;
		text-align:left;
	}
	
	.module_ticket .wrp .meta li {
		display:inline;
	}
	
	.module_ticket .wrp .meta li:after {
		content:' ·';
	}
	
	.module_ticket .wrp .meta li:last-child:after {
		content:'';
	}
	
	#course .slide > .media_wrapper {
		padding:20px 0;
	}
	
	.media_slide_edit:nth-child(even) > .media_wrapper,
	#course .slide > .media_wrapper:nth-child(odd) {
		padding:20px;
	}
	
	.pl-content .slide_title h3 {
		padding-left: 0;
	}
	
	.cl-container #expand.expand {
		left:210px;
	}
}

@media (max-width: 767px) {

	.coursedefthumb {
		font-size:20px;
	}

	#slidewrp #home .ctnwrp {
		padding:0 10px;
	}

	.pl-content #files,
	.pl-content #history,
	.pl-content #discussions {
		padding:10px;
	}

	.pl-content .slide_title h3 {
		font-size:30px;
		line-height:36px;
	}
	
	.pl-content .slide_title h3:after {
		height:16px;
	}

	#slidewrp #home .hd.cover .hdwrp h1 {
		font-size: 40px;
		line-height: 56px;
	}

	.pl-content .cl-container .cl-container-wrp #navplayer > li:first-child {
		margin-left: 4px;
	}

	.pl-content .cl-container .cl-container-wrp .navscroll {
		padding: 10px;
	}

	.pl-content .cl-container #course {
		margin: 0 0 70px;
	}

	.courselist-alt {
		display: block;
	}
	
	.course-block .dwrp {
		height:auto;
	}
	
	.courselist-alt .session-block {
		margin:0 0 20px;
	}
	
	.session-block-alt {
		display:block;
	}
	
	.session-block-alt .thumbnailwrp {
		width:160px;
		float:left;
	}
	
	.session-block-alt .descwrp {
		display: block;
		margin-left:160px;
		width:auto;
	}
	
	.session-block-alt .thumbnailwrp .description {
		display:none !important;
	}
	
	.session-block-alt .details {
		padding:10px;
		text-align:left;
	}
	
	.session-block-alt .title,
	.session-block-alt .details .sesscenter {
		display:block;
		height: auto;
		margin:0;
	}
	
	.session-block-alt .counters {
		justify-content: left;
		margin: 6px 0 12px;
	}
	
	.session-block-alt .ft {
		display:none;
	}
	
	.session-block-alt .triangle {
		border-left-color: #FFF;
		left: 0;
		border-width: 45px 45px 0 0;
		border-right-color: transparent;
		right: auto;
	}
	
	.session-block-alt .triangle .fa {
		top: -37px;
		left: 6px;
	}

	.session-block2 .session-block-alt,
	.session-block4 .session-block-alt,
	.session-block3 .session-block-alt {
		flex: 0 0 100%;
	}

	
	
	#modules_canva .default-banner h2,
	#modules_canva .default-banner h1 {
		width:auto;
	}
	
	#modulesinfo .rightinfo {
		float:none;
	}
	
	.panel-name-phone {
		display: inline-block;
	    background: #f5f8fa;
	    padding: 4px 10px;
	    -webkit-border-top-left-radius: 4px;
	    -webkit-border-top-right-radius: 4px;
	    -moz-border-radius-topleft: 4px;
	    -moz-border-radius-topright: 4px;
	    border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
	    margin-top: 20px;
	    margin-bottom:-1px;
        border-width: 1px 1px 0;
		border-color: #bdbec0;
		border-style: solid;
	}
	
	.coursenav .chapterstate {
		display: table-cell !important;
	}
	
	.coursenav .chapname strong {
		padding:10px 0;
	}
	
	form.accesscode input[type=text] {
	    width: 65%;
	}
	
	.session-block .description,
	.session-block .bottom {
		height:auto;
	}
	
	#module_header.small .wrapper {
		margin-left:0;
	}
	
	#module_header {
	    padding: 10px 10px 0;
	}
	
	#modules_progression {
		display:block;
		overflow:hidden;
	}

	#modules_progression thead,
	#modules_progression tbody {
		display:block;
		float:left;
		width: 50%;
	}
	
	#modules_progression,
	#modules_progression th,
	#modules_progression tr,
	#modules_progression td {
		display:block;
		width:auto;
	}
	#modules_progression td,
	#modules_progression th {
		border-top:1px solid #dddddd;
	}
	
	#modules_progression thead:first-child tr:first-child > th:last-child {
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topright: 0;
		border-top-right-radius: 0;	
	}
	
	#modules_progression .first-row {
		text-align:center;
		width:auto;
		border-top: 0 none;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius-bottomleft: 0;
		border-bottom-left-radius: 0;
	}

	#module_presentation_video {
		width:100%;
	}

	#module_header .elgg-avatar-module {
		display:none;
	}
	
	.about_module_canva #module_header .wrapper,
	#module_header .wrapper {
		margin:0;
	}
	
	#module_session_info li {
		border-width:1px 0 0;
		display:block;
	}
	
	#slidewrp .controls .prev {
		left: 5px;
	}
	
	#slidewrp .controls .next {
		right:5px;
	}
	
	.media_clever_embed .annotations .wrapper {
		margin:0;
	}
	
	.media_clever_embed .annotations .elgg-avatar {
		display:none;
	}
	
	.pl-sidenav {
		top:0;
		bottom:0;
		left:0;
		right:0;
		width: auto;
		background:#FFF;
		padding:0;
		display:none;
		position:fixed;
		z-index:9999;
		overflow: scroll;
	}
	
	.pl-content,
	.pl-container {
		display:block;
	}
	
	#pl-sidenav.mshow {
		display:block;
	}
	
	#pl-sidenav ul {
		width:100%;
		padding:0;
		position:relative;
		margin:0;
	}
	
	#pl-sidenav ul li {
	    font-size: 20px;
	    line-height: 26px;
	}
	
	#qnav-collapse.nav-wrp,
	#gnav-collapse.nav-wrp {
		display:none;
	}
	
	#qnav-collapse.nav-wrp.mshow,
	#gnav-collapse.nav-wrp.mshow {
		display: block;
	    height: 100%;
	}
	
	.pl-sidenav li {
		padding-left:18px;
	}
	
	.pl-sidenav li .ico {
		display:none;
	}
}.courselibrary,
#courselibrary {
	background:#FFF;
}

.courselibrary .actions,
#courselibrary .actions {
	text-align:right;
	width:40px;
}

.courselibrary td,
.courselibrary th,
#courselibrary td,
#courselibrary th {
    vertical-align: middle;
}

.courselibrary .coursedefthumb,
#courselibrary .coursedefthumb,
.courselibrary img,
#courselibrary img {
	background-size:cover;
	background-position: center center;
   border-radius:4px;
   width:40px;
   height:40px; 
}

.searchform .search_result ul .coursedefthumb {
  width:30px;
  height:30px;
  float: left;
  margin-right: 4px;
  font-size: 20px;
  line-height: 20px;
  border-radius:4px;
  background-size: cover;
}

.courselibrary a.thumb,
#courselibrary a.thumb {
   color:#FFF !important;
   text-decoration:none !important;
}

.edit .pl-course-title {
	padding: 10px 0 0 14px;
   min-width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.pl-course-title .nav {
   display: flex;
   white-space: nowrap;
   overflow-x: auto;
   overflow-y: hidden;
   margin: 0;
   padding: 0px 0 8px;
}

.pl-course-title .nav li {
   float: none;
   white-space: nowrap;
}

.pl-course-title .nav li > .flink, 
.pl-course-title .nav li > a {
	padding: 6px 16px;
}

#editorwrp {
	display: flex;
   width: 100%;
}

#slideeditor {
   height: 100vh;
   width: 80%;
}

#editor .pl-content .cl-container {
   overflow: auto;
   padding: 90px 10px 10px;
   height:auto;
   background:transparent;
}

#editor .pl-content .cl-container .cl-container-wrp {
	padding: 0;
    background: #f6f6f6;
}

#editor .pl-content .cl-container .cl-container-wrp > .tab-content {
	height: 100vh;
}

#editor .cl-container-wrp .settings {
	padding:90px 10px 10px;
    overflow: scroll;
}

.edit.course .pl-sidebar {
   width:20%;
   min-width: 230px;
   background:#FFF;
   border-left:1px solid #CCC;
}

.edit.course .pl-sidebar .cl-sidebar {
	padding:90px 10px 10px;
   box-sizing: border-box;
}

.possibleanwser .comment {
	margin:4px 0;
}

.possibleanwser .fr-toolbar{
    color: #37474F;
    background: #F5F5F5;
}

.possibleanwser .comment .fr-toolbar{
    color: #222222;
    background: #FFF;
}

.pointinput input[type=number] {
	width:42px;
}

#openquestion .pointinput {
	display:inline;
	margin-right:4px;
}

.pl-scroll {
   overflow:scroll;
   height:100vh;
}

.pl-sidenav-editor .pl-scroll,
.pl-sidenav .pl-scroll {
   background:#FAFAFA;
}

.pl-sidenav-editor .pl-scroll:after,
.pl-sidenav .pl-scroll:after {
   bottom: 0;
   box-shadow: inset -1.2rem 0 2rem -2rem rgba(0,0,0,.12);
   content: "";
   pointer-events: none;
   position: absolute;
   right: 0;
   top: 0;
   width: 2rem;
   z-index: 1;
}

#editor #slidewrp {
    margin: 80px 0 0;
}

#course .slide.notitle > .media_wrapper:nth-child(2) {
	padding-top:0;
}

#course .slide.error .errormsg {
	display:block;
	padding: 20px 20px 40px;
}

#course .slide .errormsg,
#course .slide.error .bigloading {
	display:none;
}

#course .slide .errormsg p {
	margin:10px 0 20px;
}

#progress .question-scorebar-container,
#progress .joubelui-score-bar {
	width:100%;
}

#coursetimer {
   color: #FFF;
   padding: 2px 10px;
   margin-right: 8px;
   border-radius: 0 0 6px 6px;
   position: fixed;
   top: 0;
   right: 35px;
   box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
   background: #b94a48;
   z-index:1000;
}

.maxtime {
    filter: blur(4px);
}

.maxtimewarning {
    position: absolute;
    top: 0;
    left:0;
    right:0;
    bottom:0;
    z-index: 10;
}

.maxtimewarning .popup {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left:0;
    right:0;
}

.maxtimewarning .wrp {
    margin:0 20px;
    border-radius:8px;
    padding:20px;
}

.mediatimer {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    background: #FFF;
    padding: 4px 10px;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
    border-style:solid;
    border-color:#e7e7e7;
    border-width:0 1px 1px;
}

.media_container .media_slide_edit:first-child .mediatimer,
#course .media_wrapper:nth-child(2) .mediatimer {
    border-width:1px;
    border-radius:6px;
}

.media_slide_edit > .media_wrapper .mediatimer,
#course .slide > .media_wrapper:nth-child(odd) .mediatimer {
    right: 20px;
}

.mediatimer.top {
   border-width: 0 1px 1px !important;
   position: fixed !important;
   right: 70px !important;
   z-index: 10000 !important;
   border-radius: 0 0 6px 6px !important;
}

.inputnumwith {
   width: 50px !important;
}

.elgg-form-courses-assessment h5 {
   margin:0 0 20px;
}

.elgg-form-courses-assessment .odd {
   border-width:1px 0;
   border-style:solid;
   border-color:#e5e5e5;
   background:#f6f6f6;
   padding:20px;
    margin: 0 -20px;
}

.elgg-form-courses-assessment .odd #maxscore {
    margin: 0 -20px 20px -20px;
    border-width: 1px 0;
    border-radius: 0;
    padding: 8px 20px 8px;
}

.rate-container {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.rate-container .rate-box {
   width:25%;
}

.pl-sidenav-editor.mobile,
.pl-sidenav.mobile {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    background: #FFF;
    padding: 0;
    display: none;
    position: fixed;
    z-index: 9999;
    overflow: scroll;
}

#pl-sidenav.mshow.mobile {
   display:block;
}

#pl-sidenav.mobile ul {
    width: 100%;
    padding: 0;
    position: relative;
    margin: 0;
}

#pl-sidenav.mobile ul li {
    padding: 20px;
    border-bottom: 1px solid #CCC;
    color: #333;
    font-size: 20px;
    line-height: 26px;
}

.openquestion_wrapper .bottom {
    margin-top: 10px;
    position: relative;
    padding-bottom: 30px;
}

.openquestion_wrapper .bottom .attachedAction {
    position: absolute;
    bottom:5px;
    left:0;
}

.openquestion_wrapper .bottom .actions {
   bottom:0;
   position:absolute;
   right:0;
}

.openquestion_wrapper textarea {
   width:98%;
}

.openquestion_wrapper .recordonly {
    background: #FFF;
    border-radius: 60px;
    width: 200px;
    height: 60px;
    color: #ff5252;
    border: 1px solid #ff5252;
    line-height: 60px;
    cursor: pointer;
    margin: 0 auto 10px;
    display: block;
    overflow:hidden;
   box-sizing: inherit;
   padding: 0;
   text-align: left;
}

.openquestion_wrapper .recordonly div {
    float: left;
    margin-left: 30px;
    margin-right: 10px;
    font-size:40px;
}

.openquestion_wrapper .recordonly:hover {
   text-decoration:none;
   color: #FFF;
   background:#ff5252;
}

.openquestion_wrapper .recordonly.disabled:hover,
.openquestion_wrapper .recordonly.disabled {
   cursor: default;
   background-image: none;
   opacity: .65;
   filter: alpha(opacity=65);
   color: #ff5252;
   background:#FFF;
}

#slideAttachedAction {
   display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 2%;
}

#slideAttachedAction > li {
   display:block;
}

#slideAttachedAction.active {
   justify-content: start;
}

#slidewrp .carousel-inner > .item video {
   max-width:100%;
}

#last lottie-player {
   margin:0 auto;
}

.cl-container .label {
   padding:1px 4px;
}


.pl-logo-container .brand {
  background: #FFF;
  height: 150px;
  width: 150px;
  display: flex;
  border-radius: 100%;
  flex-direction: column;
  align-items: center;
  padding: 25px;
  margin: 0 auto 10px;
  overflow: hidden;
  justify-content: center;
  color:#000;
  line-height: 20px;
  font-size: 16px;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.pl-logo-container .brand.thumb {
  background-position: center;
  background-size: cover;
  background-color:transparent;
}

.pl-logo-container .brand.thumb img,
.pl-logo-container .brand.thumb span {
  display:none;
}

.pl-logo-container a:hover,
.pl-logo-container a:active,
.pl-logo-container a:focus {
  text-decoration:none;
}

.pl-logo-container {
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  position: absolute;
  min-height: 236px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  justify-content: center;s
}

.edit .pl-logo-container {
  position: relative;
  width: 250px;
  min-width: 250px;
  height:100%;
}

.media_embed > div {
  max-width:1000px;
  margin:0 auto;
}

.media_embed > div.video_player {
  padding-top: min(56.25%, 600px);
}

.collapsed_wrapper .accordion-group-bis {
  max-width: 1000px;
  margin: 0 auto;
}

.collapsed_wrapper .accordion-toggle {
  border-width: 1px 1px 0px 4px;
  border-style: solid;
  border-color: #CCC #CCC #CCC #f88b26;
  padding: 20px;
  font-size: 18px;
  color: #333;
  display: block;
  background: #FFF;
}

.collapsed_wrapper .accordion-toggle:hover,
.collapsed_wrapper .accordion-toggle:active,
.collapsed_wrapper .accordion-toggle:focus {
  color: #000;
  text-decoration:none;
}

.collapsed_wrapper .accordion-toggle.collapsed {
  border-width: 1px;
  border-color: #CCC;
}

.collapsed_wrapper .accordion-body {
  background:#FFF;
}

.collapsed_wrapper .accordion-body.in {
  border-width: 0px 1px 1px 4px;
  border-style: solid;
  border-color: #CCC #CCC #CCC #f88b26;
  padding: 0 20px 20px;
}

.infoblock-content {
  display: flex;
  flex-direction: row;
  padding: 30px 40px 30px 10px;
  max-width: 950px;
  margin: 0 auto;
  color: #FFF;
  border-radius:8px;
}

.infoblock-content .ico {
  min-width:60px;
  margin-top:4px;
  text-align:center;
}

.infoblock-content.success {
  background-color:#468847;
}

.infoblock-content.warning {
  background-color: #b94a48;
}

.infoblock-content a {
  color:#FFF;
  text-decoration:underline;
}

body.print {
  background:#FFF;
  padding: 40px 80px;
}

body.print .media_wrapper {
  background:transparent;
  border:0 none;
}

body.print .infoblock-content {
  margin:0;
}

body.print .module_title {
  margin-bottom: 0.3rem;
  border-bottom: 2px solid #8e8e8e;
  margin-top: 0;
  font-size: 24px;
}

body.print h2,
body.print h3,
body.print h4,
body.print h5  {
  margin-top: 1.125em;
  font-size: 20px;
  border-bottom: 1px solid #8e8e8e;
  padding-bottom: 0.3em;
  clear: both;
  font-weight: bold;
}

body.print h3 {
    font-size: 18px;
}

body.print h5,
body.print h4 {
    font-size: 16px;
}

#mediaVideoChaptering .video_wrp {
  display: flex;
  flex-direction: row;
  gap: 10px;
  max-height:370px;
  overflow:hidden;
}

#mediaVideoChaptering .video_wrp > div {
  width:50%;
}

#mediaVideoChaptering.modal .video_wrp input[type=text].vc_time {
  width: 60px !important;
  text-align: center;
}

#mediaVideoChaptering {
  width: 80%;
  left: 10%;
  margin-left: 0;
}

#mediaVideoChaptering .video_wrp .vc_chapter {
  flex: 1; 
  overflow-y: auto;
}@media (max-width: 979px) {

	.edit .pl-logo-container {
		width: 200px;
		min-width: 200px;
	}
	
	.pl-logo-container .brand {
		height: 120px;
		width: 120px;
	}
}

@media (max-width: 767px) {
	.pl-logo-container {
		display:none;
	}

	#coursetimer {
		right:0px;
	}

	.rate-container .rate-box {
   		width:50%;
	}
	
	.course-end-btn a {
		display:block !important;
		margin-bottom:10px;
	}
	
	.openquestion_wrapper .bottom .attachedAction {
		bottom: auto;
		position: relative;
		right: auto;
		margin:0 0 15px;
	}
	.openquestion_wrapper .bottom .actions {
		bottom: auto;
		position: relative;
		right: auto;
		text-align: center;
	}
	
	.media_wrapper .btn-answer,
	.media_wrapper .btn-save {
		display:block;
		width:100%;
		margin:0 0 10px;
		padding: 8px 12px;
	}
	
	.media_wrapper .btn-save {
		margin:0 0 10px;
	}
	
	.openquestion_wrapper .bottom {
		padding-bottom:0;
	}
	
	.openquestion_wrapper .fileinput-button {
		display:block;
		margin:0 0 10px;
		padding: 8px 12px;
	}
}.meetingform .controls {
	margin-left: 100px;
}

.meetingform .control-label {
	width: 100px;
	text-align:left;
}

.meetingform .control-group {
	margin-bottom: 10px;
}

.meetingform .selectwhere label {
	background: #f6f7f8;
    padding: 4px 10px;
    border: 1px solid #a1a1a1;
}

.meetingform .selectwhere input {
    margin-left: 0;
    margin-right: 10px;
    margin-top: 2px;
}

#calendar .fc-view-container {
	background:#FFF;
}

#calendar .fc-center h2 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 400;
    text-transform: capitalize;
}

.btn-addtocalendar {
    margin-left:2px;
}

.btn-addtocalendar > .btn {
    font-size: 12px;
    border: 0 none !important;
    border-radius:3px !important;
}

.btn-addtocalendar .caret {
    border-top: 4px solid #FFF;
}

.meetingform .controls .material-switch {
    margin-top: 16px;
}@media (max-width: 767px) {
	.meetingform .selectwhere label {
		display: block;
		margin: 0 0 4px !important;
	}
	
	.meetingform .control-label {
		width:auto;
	}
	
	.meetingform .controls {
		margin-left:0;
	}
}#tcourselist .placeholder {
    padding:10px;
    border:1px dashed #CCC;
}

table.inner td.content .course-opt {
    font-size: 75%;
    line-height: 22px;
    margin-top: 4px;
}

table.inner td.content .chaptertrigger,
table.inner td.content .coursetrigger {
    display:inline-block;
}

table.inner td.content .chaptertrigger .fa-stack,
table.inner td.content .coursetrigger .fa-stack {
    font-size:10px;
    margin-right: 2px;
}

td.moveblock {
    width:20px;
    border-right: 1px solid #e7e7e7;
    text-align: center;
}

td.checkblock {
    width: 10px;
    padding: 0 0 0 8px;
}

td.checkblock input[type=checkbox] {
    margin:0;
}

.moduletrigger {
    display:inline-block;
}

.moduletrigger .fa-stack {
    font-size:10px;
}#library_canva .default-banner {
    background-image:url(https://afportugal.apolearn.com/mod/content-libraryV2/graphics/banner.jpeg);
    background-position: left -680px;
    background-size: cover;
}

#library_header {
	color: #FFF;
    text-transform: uppercase;
    font-size: 36px;
    padding: 45px 0;
    line-height: 46px;
    font-weight: normal;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

#library_canva .preview h2 {
	display:inline;
}

.bookcover {
	display:block;
	margin-bottom:10px;
}

#library_canva h1.dashboard-section-title {
	font-size:18px;
}

.bookcover .black {
	background:#000;
}

.bookcover img {
	width:100%;
}

.bookcover .black img {
	opacity:0.4;
}

.colletionhd h1 {
	margin:0 0 6px;
	color:#333;
}

.colletionhd {
	margin:0 0 20px;
}

.hero-collection {
	background: #FFF;
    padding: 20px;
    font-size: 16px;
    line-height: 22px;
}

.ico-standard {
	position:relative;
}

.ico-standard .ico-scorm {
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    left: -6px;
    color: #FFF;
    transform: rotate(-90deg);
    font-weight: bold;
    font-family: arial;
}

#files.tablesorter td.name a {
	display:inline;
}

.ico-standard .ico-tincan {
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    left: -6px;
    color: #FFF;
    transform: rotate(-90deg);
    font-weight: bold;
    font-family: arial;
}

.ico-standard .ico-cmi5 {
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    left: -6px;
    color: #FFF;
    transform: rotate(-90deg);
    font-weight: bold;
    font-family: arial;
}

#courselibrary.store td {
    vertical-align: top;
}

#courselibrary.store td.middle {
    vertical-align: middle;
}

.storeproduct {
	background: #FFF;
    border-radius: 6px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
}

.storeproduct .ribbon {
	transform: rotate(45deg);
    text-align: center;
    position: absolute;
    top: 28px;
    right: -40px;
    width: 150px;
    z-index:200;
}

.storeproduct .cover {
	padding:0 0 10px;
}

.storeproduct .cover img {
	background-size: cover;
	width:100%;
	height:auto;
	border-radius: 6px 6px 0 0;
}

.storeproduct .description {
	padding:0 10px 10px;
    height: 200px;
}

.storeproduct .description p a:hover {
	text-decoration:none;
}

.storeproduct .description a {
	color:#000;
}

.storeproduct .description a.muted {
	color:#666;
}

.storeproduct .description .text-success {
    color: #468847;
}

.storeproduct .description .price {
    position: absolute;
    bottom: 0;
    right: 0;
    background:#FFF;
    text-align: right;
    padding: 8px 10px 10px;
    left: 0;
}

.product_full {
	background:#FFF;
	border-radius: 4px;
    padding:20px;
    border:1px solid #CCC;
}

.product_full .cover img {
	background-size: cover;
	width:100px;
	height:auto;
	border-radius: 10px;
}

.product_full .hd {
	margin-bottom:20px;
}

.product_full .wrp {
	margin-left:120px;
}

.linkedtodetails {
    cursor:pointer;
}@media (max-width: 979px) {
	
	.products-row .span3 {
	    width: 100%;
		margin-left: 0;
	}
	
	.storeproduct .smallcover img {
	    background-size: cover;
	    width: 150px;
	    border-radius: 6px 0 0 6px;
	}
	.storeproduct .wrp {
		margin-left: 150px;
	    padding: 10px;
		position: relative;
		height: 130px;
		overflow: hidden;
	}
	
	.storeproduct .description {
		height:auto;
		padding:0;
	}
	
	.storeproduct .description .price {
		padding: 0 10px 10px;
	}
	
	.storeproduct .ribbon {
		transform: rotate(-45deg);
		right: auto;
		left: -40px;
	}
}.ico-standard .ico-epub {
    font-size: 9px;
    position: absolute;
    bottom: 9px;
    left: -6px;
    color: #FFF;
    transform: rotate(-90deg);
    font-weight: bold;
    font-family: arial;
}.btn.google i {
	color: #dd4b39;
}

.btn.facebook i {
	color: #3b5998;
}

.btn.linkedin i {
	color: #069;
}

.btn.microsoft i {
	color:#D83B01;
}

.snbtn {
	margin-bottom:6px;
}

.btn.authentiq i {
	width: 16px;
    background-size: cover;
    height: 14px;
    float: left;
    margin-right: 4px;
    margin-top:2px;
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 27' width='16' height='14'%3E%3Cpath id='aq-logo-bg' style='fill:%23f05023' d='M30 18.4c0 .7-.4 1.4-.8 1.7l-13.6 7H14L.8 20c-.4 0-.8-1-.8-1.5v-10C0 8 .4 7.3.8 7L14 0c.4-.3 1.2-.3 1.6 0l13.6 7c.4.2.8 1 .8 1.6v9.8z'/%3E%3Cpath id='aq-logo-a' style='fill:%23fff' d='M11 13.7c0-1.8 1.3-3.3 3-3.3s3 1.5 3 3.3c0 1.8-1.3 3.2-3 3.2s-3-1.7-3-3.5zm11.5 3H22c-.4 0-1-.2-1-.4-.3 0-.5-.4-.5-.8V7.7h-3.2V9c-.5-.5-1-.8-1.7-1-.6-.3-1.5-.5-2.3-.5-1 0-1.7.2-2.4.5-1 .3-1.6.8-2 1.3-.6.6-1 1.2-1 2-.6.7-.7 1.5-.7 2.3 0 1 0 1.7.4 2.4.2.7.6 1.4 1 2 .6.5 1.2 1 2 1.3.6.3 1.4.5 2.3.5 1 0 1.8-.2 2.5-.6.7-.3 1.2-.8 1.7-1.5.3.6.7 1 1.3 1.5.5.4 1 .6 1.8.6.5 0 1 0 1.5-.2l.5-.2v-2.8z'/%3E%3C/svg%3E")!important
}.apo-inline-editor-text,
.apo-inline-editor {
	background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    padding: 6px 4px;
}

.grey-form .apo-inline-editor {
	background:#f6f7f8;
}

.apo-inline-editor-text textarea,
.apo-inline-editor textarea {
	border:0 none;
	padding:0;
	background:transparent;
	-webkit-box-shadow: 0 0 0;
    -moz-box-shadow:  0 0 0;
    box-shadow:  0 0 0;
    margin:0;
}


.apo-inline-editor-text {
   display: inline-block;
   padding: 2px 4px;
}

.elgg-input-livetext {
   position:absolute !important;
   top:10px;
   left:50px;
   right:50px;
   bottom:0;
   border-radius: 0;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   background:#FFF;
}

.elgg-input-livetext .second-toolbar,
.elgg-input-livetext .fr-toolbar.fr-top,
.elgg-input-livetext .fr-wrapper {
   border:0 none !important;
}

.fr-view .merge_field {
	
}

.fr-view {
	line-height: 1.6;
}

.fr-view .fr-audio {
    text-align: center;
    position: relative; }
    .fr-view .fr-audio.fr-rv {
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden; }
    .fr-view .fr-audio > * {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      max-width: 100%;
      border: none; }
    .fr-view .fr-audio.fr-dvb {
      display: block;
      clear: both; }
      .fr-view .fr-audio.fr-dvb.fr-fvl {
        text-align: left; }
      .fr-view .fr-audio.fr-dvb.fr-fvr {
        text-align: right; }
    .fr-view .fr-audio.fr-dvi {
      display: inline-block; }
      .fr-view .fr-audio.fr-dvi.fr-fvl {
        float: left; }
      .fr-view .fr-audio.fr-dvi.fr-fvr {
        float: right; }

.fr-toolbar.fr-top,
.gray-theme.fr-toolbar.fr-top,
.gray-theme.fr-toolbar.fr-bottom,
.gray-theme.fr-box.fr-basic.fr-bottom .fr-wrapper,
.gray-theme .fr-second-toolbar,
.fr-second-toolbar {
	border-radius: 0 !important;
   -moz-border-radius: 0 !important;
   -webkit-border-radius: 0 !important;
}
.fr-view span.glossary {cursor: pointer;font-weight: bold;color: #275F99;border-bottom: 1px dashed #275F99;}

.gray-theme.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
   display:none;
}

.gray-theme.fr-toolbar .fr-btn-grp,
.fr-toolbar .fr-btn-grp {
   margin:0 2px !important;
}.tribute-container {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  max-height: 300px;
  max-width: 500px;
  overflow: auto;
  display: block;
  z-index: 999999;
}
.tribute-container ul {
  margin: 0;
  margin-top: 2px;
  padding: 0;
  list-style: none;
  background: #FFF;
  border:1px solid #CCC;
}
.tribute-container li {
  padding: 5px 5px;
  cursor: pointer;
}
.tribute-container li.highlight {
  background: #E9E9E9;
}
.tribute-container li span {
  font-weight: bold;
}
.tribute-container li.no-match {
  cursor: default;
}
.tribute-container .menu-highlighted {
  font-weight: bold;
}

.tribute-container li img {
	width:40px;
	height:40px;
	float:left;
}

.tribute-container li .wrp {
	margin-left:50px;
}#reward-editor .tab-content {
	margin: 90px 10px 10px;
}

.edit.reward .pl-course-title {
	justify-content: center;
	padding: 0 14px;
	width: 100%;
	min-width: auto;
}

.reward-type .reward-select {
	display:table;
	float: left;
	padding:0;
	border: 1px solid #CCC;
	margin-right: 6px;
	background: #FFF;
	color:#000;
}

.reward-type .reward-cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 140px;
	height: 120px;
}

.reward-type .reward-select:focus,
.reward-type .reward-select:hover {
	background: #f5f8fa;
	text-decoration:none;
}

.reward-type input[type=radio] {
	display:none;
}

.reward-type input[type=radio]:checked + label {
	background: #C9DFF5;
}

.reward-type .emo-select .emo {
	font-size: 40px;
}

.reward-select .reward-row {
	display: table-row;
}

.reward-doc-preview-portrait {
	margin:20px auto;
	background: #FFF;
	overflow: visible;
	
	padding: 38px 76px;
	width: 642px;
	min-height:907px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.reward-doc-preview.landscape {
	max-width: 830px;
	min-height: 619px;
	width:830px;
	height:619px;
	overflow:hidden;
}

.body-reward-pdf {
	background:#FFF;
}

.body-reward-pdf .reward-doc-preview-portrait {
	margin:0;
	max-width:100%;
	min-height:auto;
}

.body-reward-pdf .reward-doc-preview-landscape {
	margin:0 auto;
}

.modal.reward-preview {
	margin:20px auto;
	position: relative;
	top: auto;
	left: auto;	
	z-index:0;
}

.reward .hd h3 {
	margin: 10px 0;
	line-height: 30px;
}

.body-reward-web .elgg-layout,
.body-reward-web .elgg-body {
	height:100%;
}

.reward-display {
	background:#FFF;
	border-radius:4px;
	max-width:600px;
	margin:40px auto 0;
	padding:20px;
	border:1px solid #CCC;
}

.rewardticket {
	padding: 10px 0;
	border-bottom: 1px dotted #CECeCe;
	margin: 10px 0;
}
.rewardticket .wrp {
	margin-left:46px
}
.reward-doc-editor.landscape .fr-box.fr-document .fr-wrapper .fr-element {
	width: 1100px;
	min-height: 779px !important;
	padding: 38px 76px;
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
}

.reward-doc-preview-landscape {
	position: relative;
	margin: 20px auto;
	width: 1100px;
	min-height: 700px;
	background: #FFF;
}

.reward-doc-preview-landscape .reward-doc-preview {
	max-width: 948px;
	min-height: 700px;
	width:948px;
	height:703px;
	position:absolute;
	background:transparent;
	top:0;
	left:0;
	padding: 38px 76px;
	font-family: sans-serif;
}

.sharelink,
.sharelink .elgg-body {
	height:100%;
}

.sharelink .reward-type {
	display:inline-block;
	margin:30px 0;
}

.sharelink .reward-type .reward-cell {
	vertical-align: top;
	width: 160px;
	height: 160px;
	padding: 30px 10px 0;
}

.reward-doc-preview-landscape table td,
.reward-doc-preview-landscape table th {
	border:0 none;
	padding: 0;
}

.featuredbadge:active,
.featuredbadge:focus,
.featuredbadge:hover,
.featuredbadge {
	color:#666;
	text-decoration:none;
	font-size:12px;
	display: block;
}

#rewardcarousel {
	margin:0;
}

.rbadge-block {
	margin-top: 40px;
}

.rbadge-block h4 {
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
}

.rbadge-block h4 a {
	color:#333;
}

.badges-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 0px 2%;
}

.badges-list .rbadge {
	text-align:center;
	flex: 0 0 23.5%;
	margin:10px 0;
	display:block;
}

.badges-list .rbadge img {
	max-width:80%;
	display:inline-block;
	border-radius:10px;
}

.badges-list .rbadge:focus,
.badges-list .rbadge:active,
.badges-list .rbadge:hover {
	text-decoration:none;
}

.badges-list .rbadge .title {
	display:block;
	margin-top:4px;
}

.badges-list .rbadge.locked img {
	filter: grayscale(1);
}

@media (max-width: 767px) {
	.reward-doc-preview-portrait {
		max-width: 100%;
		width:auto;
	}
	
	.badges-list .rbadge {
		flex: 0 0 49%;
	}
}

#badgeimgpreview {
	margin: 10px 0;
	position: relative;
	display: inline-block;
}

#badgeimgpreview .preview {
	max-width:400px;
}

#aieditbadge {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#badgeimgpreview.hide {
	display:none;
}.edit.textbook .pl-course-title {
	justify-content: center;
	padding: 0 14px;
	width: 100%;
	min-width: auto;
}

#textbook-editor .tab-content {
margin: 90px 10px 10px;
}

.textbook-html5,
.textbook-pdf {
	width:100%;
	height:100%;
}

.elgg-layout.textbook .elgg-body,
.elgg-layout.textbook {
	height:100%;
}

#textbooks_header {
	color: #FFF;
	text-transform: uppercase;
	font-size: 36px;
	padding: 68px 0;
	line-height: 46px;
	font-weight: normal;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

#textbooks_canva .default-banner {
	background-image: url(https://afportugal.apolearn.com//mod/apo-textbooks/graphics/textbooksbg.jpg);
	background-position: right center;
	background-size: cover;
	background-repeat:no-repeat;
}

.textbook_cover {
	display:block;
	color:#333;
	margin-bottom:30px;
}

.textbook_cover .cover_container {
	position: relative;
	max-width: 302px;
	display: inline-block;
	box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
	border-radius: 4px;
}

.textbook_cover img {
	display:inline-block;
	background:#FFF;
	max-width:302px;
	width: 100%;
	border-radius: 4px;
}

.textbook_cover img.cover {
	width:100%;
	height:100%;
	position:absolute;
	background-size:cover;
	top:0;
	left:0;
	background-color:transparent;
}

.textbook_cover:focus,
.textbook_cover:hover {
	text-decoration:none;
	color:#000;
}

.textbook_cover h4 {
	font-weight:normal;
}

ol.nestedsortable.textbooks > li table.inner td.content {
	padding: 14px 10px;
}

.textbooks-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 2%;
	margin: 0 0 40px;
}

.textbooks-list .textbook_cover {
	flex: 0 0 23.5%;
}

.textbooks-list.tbl3 .textbook_cover {
	flex: 0 0 32%;
}@media (min-width: 1200px) {
	.textbooks-list .textbook_cover {
		flex: 0 0 18.4%;
	}
	
	.textbooks-list.tbl3 .textbook_cover {
		flex: 0 0 32%;
	}
}

@media (max-width: 979px) {

	.textbooks-list .textbook_cover {
		flex: 0 0 32%;
	}

}

@media (max-width: 767px) {

	.textbooks-list.tbl3 .textbook_cover,
	.textbooks-list .textbook_cover {
		flex: 0 0 49%;
	}

}.datepills {
	width: 20px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	line-height: 14px;
	padding: 5px 10px;
	border-radius: 100%;
	color: #FFF;
	min-width: 20px;
}

.datepills .day {
	display: block;
	border-bottom: 1px solid #FFF;
}.card {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	border: 1px solid #e4eaec;
	border-radius: .215rem;
}

.card-block {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.429rem;
}

.grey-cards .card {
	background: #F6F7F8;
}

.counter {
	text-align: center;
}

a.counter:hover,
a.counter {
	color:#000;
	text-decoration:none;
}

.counter .counter-number-group,
.counter>.counter-number {
	font-size: 20px;
	color: #37474f;
	line-height: 26px;
}

.counter-lg .counter-number-group,
.counter-lg>.counter-number {
	font-size: 40px;
	line-height: 46px;
}

.counter-label {
	display: block;
}

.text-uppercase {
	text-transform: uppercase!important;
}

.p-25 {
	padding: 25px!important;
}.sharepane .assignment_ticket {
	padding:0;
}

.sharepane .rb-ct {
	border:0 none;
}

.sharepane .assignment_ticket .attachedAction {
	bottom: auto;
	left: auto;
}

.homework_list .icon {
	width:40px;
}

.homework_list .icon img {
	display:block;
	border-radius:40px;	
}

.homework_list .icon a,
.homework_list .name a,
.homework_list .time a,
.homework_list .comments a {
	display:block;
}

.homework_list td a:hover {
	text-decoration:none;
}

.homework_list .time,
.homework_list .name {
	width:120px;
}

.homework_list .grade {
	width: 80px;
	text-align:right;
}

.homework_list td {
	vertical-align: middle;
}

.homeworks .tab-content .tab-pane.subcontent {
	border-top:0 none;
}

.homeworks .noresult {
	margin:20px;
}

.handwrite {
	font-family: 'Indie Flower', cursive;
}

.addgrade .handwrite {
	font-size:20px;
}

.gradeinfo {
	line-height:28px;
	padding-right:10px;
}

#gradeinfo a.addgrade:hover {
	text-decoration:none;
}

.assignmentsform .control-label {
    width: 100px;
    text-align: left;
}

.assignmentsform .controls {
    margin-left: 100px;
}@media (max-width: 767px) {
	.assignmentsform .control-label {
		width:auto;
	}
	
	.assignmentsform .controls {
		margin-left:0;
	}
}.searchform {
	position:relative;
	display:inline-block;
	float:none;
	margin:0;
}

.searchform .search-query {
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 14px;
}

.searchform .btn {
	padding:2px 12px;
	border-color:#7D7D7D;
}

.searchform .btn-group {
	margin:0;
}

.searchform .search_result {
	background:#FFF;
	position:absolute;
	z-index:999;
	
	margin: 0;
	border: 10px solid #303030;
	border: 10px solid rgba(0, 0, 0, 0.65);
	border-top: none;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	-o-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-khtml-background-clip: padding-box;
	background-clip: padding-box;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	-ms-border-bottom-left-radius: 4px;
	-khtml-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	-ms-border-bottom-right-radius: 4px;
	-khtml-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-box-shadow: 0 0 10px #303030;
	-webkit-box-shadow: 0 0 10px #303030;
	-o-box-shadow: 0 0 10px #303030;
	box-shadow: 0 0 10px #303030;
	top:36px;
}

.searchform .search_result td.caption {
	width:62px;
	text-align:right;
	background: #E6E6E6;
	font-size:12px;
	color:#000;
}

.searchform .search_result td.res {
	padding:0;
}

.searchform .search_result tr {
	vertical-align:top;
}

.searchform .search_result ul {
	margin:0;
}

.searchform .search_result ul li > span,
.searchform .search_result ul a {
	display:block;
	padding:6px 8px;
	color:#000;
	font-size:13px;
}

.searchform .search_result ul a span {
	display:block;
}

.searchform .search_result ul a .muted {
	line-height:10px;
	display:block;
}

.searchform .search_result ul a:hover {
	text-decoration:none;
	color: #FFF;
	background-color: #0081C2;
	background-image: -moz-linear-gradient(top, #08C, #0077B3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08C), to(#0077B3));
	background-image: -webkit-linear-gradient(top, #08C, #0077B3);
	background-image: -o-linear-gradient(top, #08C, #0077B3);
	background-image: linear-gradient(to bottom, #08C, #0077B3);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.searchform .search_result ul a:hover .muted {
	color:#FFF;
}

.searchform .search_result ul img {
	width:30px;
	float:left;
	margin-right:4px;
	border-radius:4px;
	background-size: contain;
}

.search-result legend {
	font-size: 14px;
	color: #666;
	font-weight: normal;
	line-height: 28px;
	border-bottom: 1px dotted #CCC;
}

.search-result legend strong {
	font-size:20px;
}

.search-result legend span {
	color:#000;
	font-weight:bold;
}

.refinesearch input[type=text] {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height:26px;
}

.refinesearch select {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.refinesearch form {
	margin:0;
}

.refinesearch .select2-container {
	margin:0 0 10px;
	width:100%;
}

.usersuggest_block .wrapper {
	margin-left:45px;
	line-height:16px;
}

.usersuggest_block .wrapper strong {
	display:bock;
	width:108px;
}

.usersuggest_block .wrapper strong a {
	color:#000;
}

.usersuggest_block form {
	margin:0;
}

.usersuggest_block .btn-mini {
	padding: 0 6px;
}

.usersuggest_block li {
	margin: 0 0 8px;
	border-bottom: 1px dashed #E6E6E6;
	padding: 0 0 8px;
}

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

.search_query {
	background:#C8E4F2;
	border:1px dashed #CCC;
	text-align: center;
	margin:0 0 4px;
	font-size:12px;
	padding:0 2px;
}

.search_query_filter {
	margin:0 0 4px;
	text-align: center;
	padding:0 2px;
	background: #FFC;
	border-bottom: 1px solid #b7b7b7;
	color: #363636;
}

.search_query .close,
.search_query_filter .close {
	line-height:14px;
}


#bigsearch {
	margin:0 0 20px;
	border-bottom:1px dashed #CCC;
}

#bigsearch form {
	margin:0 auto 20px;
}

#msearchform {
	width:100%;
	margin: 0;
	text-align:center;
	float:none;
}

#msearchform .swrp {
	padding: 10px 4px;
}

#bigsearch .boxsizing.input-append {
	width:100%;
}

#msearchform .btn-group {
	display:none;
}

#msearchform .input-append {
	display: block;
	position: relative;
}

#msearchform input {
	height: 100%;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#msearchform button {
	position: absolute;
	top:0;
	right:0;
}@media (min-width: 1200px) {
	#bigsearch form {
		width:700px;
		max-width:100%;
	}
}

@media (max-width: 767px) {
	.searchform input {
		min-height:24px;
	}
	
	.searchform .dropdown-toggle {
		height:18px;
	}	
}.sglog {
	border:1px solid #CCC;
	margin:0 0 10px;
	padding:10px;
}

.sglog .title {
	border-bottom: 1px solid #CCC;
    margin: 0 -10px 10px;
    padding: 0 10px 10px;
}

#sdstatus td {
	cursor:pointer;
}.webview {
	padding: 20px 4px 0;
}

.loading-cell {
   display: flex;
}

.mobilesearch a {
	background: #0a4d67;
	border-radius: 20px;
	line-height: 14px;
	color: #FFF;
	padding: 8px 14px;
	display: block;
	margin: 0 0 10px;
	box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
}

.mobilesearch a:hover,
.mobilesearch a:focus {
	text-decoration:none;
}

@keyframes placeHolderShimmer {
	
	0% {
		background-position: -468px 0;
	}
	
	100% {
		background-position: 468px 0;
	}
}

.loading-cell .image {
  height: 40px;
  width: 40px;
  border-radius:40px;
}

.loading-cell .text {
  margin: 4px 0 0 6px;
}

.loading-cell .text-line {
  height: 10px;
  width: 230px;
  margin: 4px 0;
}

.rb-bd.loading-cell .text {
	margin:0;
	width:100%;
}

.rb-bd.loading-cell .text-line {
	width: 100%;
}

.animated-background, .text-line, .image {
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: placeHolderShimmer;
	animation-name: placeHolderShimmer;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	background: #F6F6F6;
	background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
	background-size: 800px 104px;
	height: 96px;
	position: relative;
}


.webview.newsfeed .bee-mini-nav li  {
	float: left !important;
}

.webview.newsfeed .bee-mini-nav li a {
	text-align:left !important;
}

.body-mobile,
.webview {
	background-color:#f4f5f9;
}

.cl-container #discussionlist .legend,
.cl-container #discussionlist .contentaction .edit {
	display:none;
}.step-counter {
	background: #0a4d67;
	color: #FFF;
	padding: 10px;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	display: inline-block;
	line-height: 30px;
}.ai-color {
	color:#ed287e;
}

a.ai-color:hover {
	text-decoration:none;
	color:#bb2c6a;
	cursor:pointer;
}

.ai-color-light {
	color:#db68b3;
}

.ai-ico {
	text-decoration: none !important;
}

.ai-ico .ai-color {
	border:2px solid #ed287e;
	border-radius: 4px;
	font-weight: 500;
	padding: 0 3px;
}

.ai-ico .ai-color-light {
	border-color:#db68b3;
}

.ai-ico .ai-color-white {
	border-color:#FFF;
	color:#FFF
}

.fr-toolbar .fr-command.fr-btn span.ai-ico {
	height:auto;
}

.fr-toolbar .fr-command.fr-btn span.ai-ico .ai-color {
	display: inline;
	float: none;
	font-size: 10px;
	line-height: 18px;
	padding: 0 2px;
	border-width: 2px;
	font-weight: 800;
}

.optspace {
	margin:0 0 10px;
}

.iasyllabusinput {
	height:18px;
	margin:0;
	width: 80%;
}

.iasyllabusedit {
	margin:0;
	width: 100%;
}

#syllabus_prompt_form {
	margin-top:-20px;
}


#syllabus_prompt_form .title {
	background: #FFF;
	border-width: 1px 0;
	border-style: dotted;
	border-color: #CCC;
	padding: 10px 10px;
	font-weight: bold;
}

#syllabus_prompt_form .content {
	background: #f5f5f5;
	padding:15px;
}

#syllabus_prompt_form .footer {
	padding: 9px 15px 10px;
	margin-bottom: 0;
	text-align: right;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	background:#FFF;
}


.btn-custom-ai {
	color:#FFF;
	text-shadow:0 0 0 #000;
	background-color: #ed287e;
	border:1px solid #ed287e;
	background-image: none;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.btn-custom-ai:focus,
.btn-custom-ai:hover {
	color:#FFF;
	text-shadow:0 0 0 #000;
	background-color: #ed287e;
	border:1px solid #ed287e;
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;
	text-decoration:none;
}

.airecosection {
	padding-bottom:20px;
}

.ai_imgwrp {
	display:flex;
	flex-flow: wrap;
	justify-content: flex-start;
	gap: 20px;
}

.ai_imgwrp .img {
	display: flex;
	flex-direction: column;
	text-align: center;
	font-size:12px;
}

.ai_imgwrp .img a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

.image_thumbnail .ai_imgwrp .img img {
	width:150px;
	height:150px;
	background-size:cover;
	background-position:center center;
}

.image_header {
	max-width:800px;
}

.image_header .ai_imgwrp .img img {
	width:250px;
	height: 70px;
	background-size:cover;
	background-position:center center;
}

.image_sesthumbnail .ai_imgwrp .img img {
	width: 196px;
}

.image_sesthumbnail .legend,
.image_thumbnail .legend,
.image_header .legend {
	text-transform: capitalize;
	margin-bottom:20px;
}

.image_thumbnail h5,
.image_header h5 {
	margin-bottom:4px;
}

.image_thumbnail {
	max-width:800px;
}

.nav-pills>.active>a.ai-color,
.nav-pills>.active>a.ai-color:focus,
.nav-pills>.active>a.ai-color:hover {
	color:#FFF;
	background-color: #ed287e;
}

.nav-pills>.active>a.ai-color .ai-color,
.nav-pills>.active>a.ai-color:focus .ai-color,
.nav-pills>.active>a.ai-color:hover .ai-color {
	color:#FFF;
	border-color:#FFF;
}

.ai-buttons-layer {
	padding-bottom:20px;
	margin-top: -20px;
}

.ai-buttons-layer .inner {
	margin: 20px;
	border: 1px dashed #CCC;
	background: #f5f5f5;
	padding: 20px 20px 10px;
}

.media_slide_edit:nth-child(even) .ai-buttons-layer {
	background: #f5f5f5;
}

.media_slide_edit:nth-child(even) .ai-buttons-layer .inner {
	background: #FFF;
}

.media_slide_edit.media_slide_edit_collapsedtext .ai-buttons-layer {
	background: #FFF;
	margin: 0;
	padding-bottom: 0;
}

.media_slide_edit.media_slide_edit_collapsedtext .ai-buttons-layer .inner {
	background: #f5f5f5;
	margin:0;
}

.ai-longtext-loading {
	position:relative;
}

.ai-longtext-loading .aispinner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.2);
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ai-longtext-loading .aispinner.hide {
	display:none;
}

.image_sesthumbnail .btn-custom i {
	display:none;
}

.image_sesthumbnail input[type="radio"]:checked + .btn-custom {
	background-color: #5bb75b;
	border-color: #5bb75b;
}

.image_sesthumbnail input[type="radio"]:checked + .btn-custom i {
	display:inline-block;
}

.logo-ae {
	width: 20px;
	float: left;
	margin-right: 4px;
}

.logo-ae-tb {
	width: 30px;
	margin-bottom: 4px;
}

.ai-image-edit {
	position: absolute;
	top: 20px;
	right: 20px;
}

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
 }
 
 .alert.alert-ai {
 	border-color:#ed287e;
	background:#FFF;
	color:#ed287e;
 }
  
  
 @media (prefers-reduced-motion: reduce) {
   .fa-fade {
	 animation-delay: -1ms;
	 animation-duration: 1ms;
	 animation-iteration-count: 1;
	 transition-delay: 0s;
	 transition-duration: 0s;
	} 
}

@keyframes fa-fade {
  50% {
	opacity: var(--fa-fade-opacity, 0.4); } }.dashboard .noresult {
	margin: 0;
}
#dashboard_profile {
	margin:0 0 20px;
	padding-right:10px;
}

#dashboard_profile .wrapper {
	margin-left:48px;
}

#dashboard_profile h3 {
	font-size:18px;
	margin:0;
	line-height:20px;
	font-weight:normal;
	font-family : georgia;
}

#dashboard_profile .usertitle {
	font-family: georgia;
	font-style: italic;
	font-size: 11px;
}

#dashboard_profile .userlocation {
	font-size:10px;
	color:#999;
}

#dashboard_profile .edit {
	color:#666;
	font-size:11px;
}

.dashboard .sidebar {
	position:relative;
}

.sidebarwidgets .elgg-widgets-add-panel li {
	float:none;
	width:auto;
}

.sidebarwidgets .elgg-widgets {
	width:100%;
}

#dashboard-newsfeed .groupsticket .join {
	display:none;
}

#morefeed {
	margin:10px 0 0;
}

#morefeed .loading {
	background:transparent url(https://afportugal.apolearn.com/mod/beebac-bootstrap/graphics/ajax-loader.gif) no-repeat scroll center center;
	height:19px;
}

#dashboard-filter {
	border: 1px solid transparent;
}

#dashboard-filter > a {
	display:block;
	color:#000;
	line-height:25px;
	height:25px;
	padding:0 8px;
	position:relative;
}

#dashboard-filter .caret {
	margin-top: 10px;
}

#dashboard-filter.open .btn.dropdown-toggle {
	background:#FFF;
	z-index:1000;
	-webkit-box-shadow:0 0 0 #000;
	-moz-box-shadow:0 0 0 #000;
	box-shadow:0 0 0 #000;
}

#dashboard-filter.open {
	-moz-box-shadow: 0 6px 10px #888;
	-webkit-box-shadow: 0 6px 10px #888;
	-o-box-shadow: 0 6px 10px #888;
	box-shadow: 0 6px 10px #888;
	border-color:#DEDEDE;
}

#dashboard-filter.open #current-dashboard-filter {
	text-decoration:none;
}

#list-dashboard-filter {
	border: 1px solid #DEDEDE;
	padding: 5px 0;
	-moz-box-shadow: 0 6px 10px #888;
	-webkit-box-shadow: 0 6px 10px #888;
	-o-box-shadow: 0 6px 10px #888;
	box-shadow: 0 6px 10px #888;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	z-index:900;
	top:25px;
	right: -1px;
	margin: 0;
	font-size:12px;
	padding-top:10px;
}

#list-dashboard-filter li a {
	color:#0054A7
}

#list-dashboard-filter li a:hover {
	color:#FFF;
}

#list-dashboard-filter li.active a {
	color:#000;
	font-weight:bold;
	background:transparent;
}

#dashboard-wrp .nav-fixed li a > i {
	float:left;
	margin: 3px 0 0 3px;
}

#dashboard-wrp .nav-fixed li a > span {
	margin-left:22px;
	display:block;
}

#dashboard-wrp .nav-fixed .submenu a > span {
	margin-left:18px;
}

#dashboard-wrp .nav-fixed .mthumb {
	width:20px;
}

/*
** FB like status
*/

.nf-box {
	padding:0 0 20px;
}

.nf-box .elgg-avatar {
	float:left;
}

.nf-suggested {
	border-bottom: 1px solid #DDD;
	margin: 0 -10px 10px;
	padding: 0 10px 6px;
}

.nf-hd {
	padding:0 0 10px;
}

.nf-hd-wrp {
	position:relative;
	padding: 0 0 4px 54px;
	line-height: 16px;
}

.nf-ct {
	overflow:hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.05);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
	background-color: white;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	vertical-align: top;
	position: relative;
	z-index: 1;
	padding:10px;
}

.nf-ct h2 {
	font-size: 16px;
	line-height: 22px;
	margin: 0;
}

.nf-ct a h2,
.nf-ct h2 a {
	color:#000;
}

.nf-ft {
	background: #f6f7f8;
	margin:0 -10px -10px;
	padding:10px;
	border-top: 1px solid #DDD;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.nf-box .atlink .linkimage {
	max-height:200px;
	padding:0;
	margin:0 -11px;
}

.nf-box .atlink {
	margin-bottom:20px;
}

#dashboardwidgets {
	margin:0 0 40px;
	border:0 none;
}

#dashboardwidgets .block .block-wrapper{
	padding:0;
	height: 102px;
	overflow: hidden;
}

#dashboardwidgets .block > h3 {
	display:none;
}

#dashboardwidgets .block {
	  margin: 10px 0;
}

.ico-plus-modules {
	width:140px;
	height:140px;
	line-height:190px;
	text-align:center;
	background:rgba(0,0,0,0.8);
	border-radius: 1000px;
    margin: 20px auto 12px;
}

.ico-plus-modules i {
	font-size:80px;
	color:#FFF;
}

#main-dashboard-menu {
	border-bottom:1px solid #FFF;
	margin-bottom:40px;
}

#main-dashboard-menu li {
	width:25%;
	text-align:center;
	text-transform:uppercase;
	border-bottom:1px solid #DDD;
	padding:0 0 10px;
}

#main-dashboard-menu li a {
	position:relative;
}

#main-dashboard-menu.nav-pills>.active>a:after,
#main-dashboard-menu.nav-pills>.active>a:focus:after, 
#main-dashboard-menu.nav-pills>.active>a:hover:after,
#main-dashboard-menu.nav-pills>.active>a:before,
#main-dashboard-menu.nav-pills>.active>a:focus:before, 
#main-dashboard-menu.nav-pills>.active>a:hover:before {
	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f5f8fa;
    bottom: -21px;
    content: '';
    left: 50%;
    margin-left: -10px;
    position: absolute;
}

#main-dashboard-menu.nav-pills>.active>a:before,
#main-dashboard-menu.nav-pills>.active>a:focus:before, 
#main-dashboard-menu.nav-pills>.active>a:hover:before {
	border-left: 11px solid #f5f8fa;
    border-right: 11px solid #f5f8fa;
    border-top: 11px solid;
    border-top-color: inherit;
    bottom: -23px;
    margin-left: -11px;
    background: #DDD;
    color:#DDD;
}

.dashboard-section-title {
	font-size:14px;
	text-transform:uppercase;
	line-height:18px;
	font-weight:normal;
	margin: 20px 0;
}

.dashboard-section-title small {
	font-size:12px;
}

.reminder_ticket {
	border-bottom: 1px dotted #CCC;
    padding: 0 0 10px;
    margin: 20px 0;
}

.reminder_ticket .elgg-avatar {
	float:left;
}

.reminder_ticket .elgg-avatar img {
	border-radius:40px;
}

.reminder_ticket .content {
	margin-left:50px;
}

.reminder_ticket h4 a {
	color:#000;
	font-weight:normal;
}

.reminder_ticket .meta {
	line-height:22px;
}

.reminder_ticket .meta a {
	color:#000;
}

.empty-activity {
	padding: 10px 0 57px;
    border-bottom: 1px dotted #CCC;
    margin: 20px 0;
}

.empty-session:active,
.empty-session:focus,
.empty-session:hover {
	text-decoration:none;
	color:#333;
}

#welcomescreen .hero-unit h1 {
	text-align:center;
	margin:0 0 10px;
}

#welcomescreen .slidepane-left {
	background-size: cover;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-position: center center;
}

#welcomescreen .slidepane-right form {
	max-width:600px;
	margin:0 auto;
} 

.session-block-alt .iconwrp {
	text-align: center;
    font-size: 100px;
    line-height: 162px;
}

.block-about-me {
	background:#fff;
	box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
	border: 1px solid #e7e7e7;
	border-radius: 6px;
    margin: 0 0 30px;
}

.block-about-me .hd {
	background:#F6F7F8 url(https://afportugal.apolearn.com/mod/beebac-bootstrap/graphics/gray_jean.png) repeat;
	padding: 35px 0;
}

.block-about-me .wrp {
	padding:0 20px 10px;
	color:#666666;
}

.block-about-me .ft {
	padding: 20px;
    border-top: 1px solid #e9e9e9;
}

.block-about-me  .interlocteur img {
	width:100px;
	height:100px;
	border-radius:100px;
	background-position:center center;
	background-size:cover;
	margin-top:-50px;
}

.block-about-me .interlocteur h3 {
	font-size:20px;
	line-height:26px;
	font-weight:400;
	margin:15px 0 0;
}

.block-about-me .interlocteur h4 {
	font-size:14px;
	line-height:20px;
	font-weight:400;
	color:#666;
	margin:0 0 10px;
}

.elgg-widget-content .block .block-wrapper {
	padding-top:10px !important;
}

.dashboard-canvas {
	display: flex;
	flex-grow: 1;
}

.dashboard_sidebar {
	background: #FFF;
	min-width: 260px;
	max-width: 300px;
	padding: 40px 20px;
	box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
}

.dashboard_content {
	padding: 40px 24px;
	width:100%;
}

.block-about-me-alt {
	margin:-40px -20px 30px;
}

.block-about-me-alt .hd {
	background:#F6F7F8 url(https://afportugal.apolearn.com/mod/beebac-bootstrap/graphics/gray_jean.png) repeat;
	height:104px;
	margin-bottom:-64px;
}

.block-about-me-alt .picture {
	display:block;
}

.block-about-me-alt .wrp {
	padding:0 20px;
}

.block-about-me-alt img {
	width:128px;
	height:128px;
	border-radius:125px;
	background-position:center center;
	background-size:cover;
}

.block-about-me-alt h3 {
	font-size:20px;
	line-height:26px;
	font-weight:400;
	margin:15px 0 0;
}

.block-alt h3 small {
	font-size:12px;
}

.block-alt h3 a {
	text-decoration:none;
}

.dashboard_sidebar .block-alt {
	padding-bottom:0;
	border-bottom:0 none;
}

.block-about-me-alt a:hover {
	text-decoration:none;
	color:#000;
}

.block-info {
	display: flex;
	align-items: center;
	border:0 none;
	padding: 8px;
	margin-bottom: 10px;
	text-shadow: none;
}

.block-info:focus,
.block-info:hover {
	text-decoration:none;
}

.block-info .wrp {
	margin-left: 6px;
	width: 100%;
}

.dashboard_sidebar .widgetslist .block > h3 {
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	margin: 0 0 6px;
	color: #666;
	font-weight: 500;
	border: 0 none;
	padding: 0;
}

.dashboard_sidebar .widgetslist .block {
	margin: 0 0 30px;
	border-bottom: 0 none;
	position: relative;
	padding: 0;
}


.dashboard_sidebar .widgetslist .block-wrapper {
	padding-top:0 !important;
}

.dashboard-canvas .wdtreorder {
	display:none;
}

.dashwidget-currentcr .dashboard-section-title {
	margin:0 0 20px;
}@media (max-width: 979px) {
	.dashboard_sidebar {
		width: 260px;
		padding: 40px 10px;		
	}
	
	.block-about-me-alt {
		margin: -40px -10px 30px;
	}
	
	.dashboard_content {
		padding: 40px 10px;
	}

	#newsfeedwp .rb-ct {
		margin: 0;
	}
	
	#morefeed {
		margin-left:0;
	}
	
	#dashboard-wrp .nav-content {
		margin-left:0;
	}
	
	#dashboard-wrp .nav-fixed {
		width:180px;
	}
}

@media (max-width: 767px) {
	#main-dashboard-menu li {
		width:100%;
		padding:0;
		border:0 none;
	}
	
	#main-dashboard-menu {
		margin-bottom:10px;
		border:0 none;
	}
	
	.dashboard_content {
		padding: 20px 0 0;
	}
}#secondary-menu .navbar-inner {
	background:#FFF;
}

.player.modules #secondary-menu {
	border-bottom: 1px dotted #CCC;
}

#secondary-menu.navbar .nav>li>a {
    color: #666;
}

#secondary-menu.navbar .nav>.active>a, #secondary-menu.navbar .nav>.active>a:focus, #secondary-menu.navbar .nav>.active>a:hover {
    color: #e3123c;
    background: #f8f9fa;
}

#secondary-menu.navbar .nav li.dropdown.active>.dropdown-toggle, #secondary-menu.navbar .nav li.dropdown.open.active>.dropdown-toggle, #secondary-menu.navbar .nav li.dropdown.open>.dropdown-toggle, #secondary-menu.navbar .nav>li>a:focus, #secondary-menu.navbar .nav>li>a:hover {
    color: #e3123c;
    background: #f8f9fa;
}

.player.modules #secondary-menu {
	border-bottom: 1px dotted #CCC;
}


.body-mplayer .navbar-secondary a, .body-mplayer .navbar-secondary a:hover {
    color: #000;
}


.pl-logo-container {
	background:#e3123c;;
	color:#FFF;
}

.pl-logo-container a {
	color:#FFF;
}

.coursedefthumb {
	background-color:#e3123c;
}

#footer_mentions {
	background:#e3123c;
}

.bee-mini-nav li.active .flink,
.bee-mini-nav li.active a:hover,
.bee-mini-nav li.active a  {
	border-color:#e3123c;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
	color:#e3123c;
}

.bee-page-header .wrapper {
	border-bottom: 1px solid #e3123c;
}

.long-bar {
	background-color: #e3123c;
}

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

.content_comments .subtitle h5 {
	border-bottom:2px solid #e3123c;
}

.profile-overview h3.subtitle .line {
	border-bottom:1px solid #e3123c;
}

.block-categories  h5 i {
	background: #e3123c;
}

#dashboard-title {
	border-color:#e3123c;
}

.session-block .title,
.pageheader .bee-nav-tabs .nav-tabs .open .dropdown-toggle,
.pageheader .bee-nav-tabs .nav-tabs > .active > a,
.pageheader .bee-nav-tabs .nav-tabs > .active > a:hover,
#secondary-menu .dropdown-menu>li>a:hover,
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active>a:focus {
	color: #e3123c !important;
}

.pageheader .bee-nav-tabs .nav-tabs .open .dropdown-toggle,
.pageheader .bee-nav-tabs .nav-tabs > .active > a,
.pageheader .bee-nav-tabs .nav-tabs > .active > a:hover {
	border-bottom: 2px solid #e3123c !important;
}

#secondary-menu .nav>li ul a:hover {
	background: #EFEFEF;
}

.nav-wrapper .nav-fixed li a:hover,
.nav-wrapper .nav-fixed li.active a {
	border-color:#e3123c;
}

#page-menu.navbar-inverse .nav .active > a,
#page-menu.navbar-inverse .nav .active > a:hover,
#page-menu.navbar-inverse .nav .active>a:focus {
	background:#e3123c;
}

#page-menu.navbar .nav>li>a {
	border-left: 2px solid #e3123c;
	color: #FFF !important;
}

.nav-pills-alt>li>a {
	border: 1px solid #e3123c;
	color: #e3123c;
}

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

.custback {
	background-color: #e3123c !important;
}

.custcolor {
	color: #e3123c !important;
}

.custcolor-alt {
	color: #e3123c !important;
}

.btn-custom-alt,
.btn-custom {
	color:#FFF;
	text-shadow:0 0 0 #000;
	background-color: #e3123c;
	border:1px solid #e3123c;
	background-image: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.btn-custom-alt .caret,
.btn-custom .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

.btn-custom-alt {
	background-color: #e3123c;
	border:1px solid #e3123c;
}

.btn-custom-alt:focus,
.btn-custom-alt:hover,
.btn-custom:focus,
.btn-custom:hover {
	color:#FFF;
	text-shadow:0 0 0 #000;
	background-color: #e3123c;
	border:1px solid #e3123c;
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;
	text-decoration:none;
}

.btn-custom-alt:focus,
.btn-custom-alt:hover {
	background-color: #e3123c;
	border:1px solid #e3123c;
}

.btn-group>.btn+.dropdown-toggle.btn-custom-alt .caret,
.btn-group>.btn+.dropdown-toggle.btn-custom .caret {
    border-top: 4px solid #FFF;
}

.coursenav .chapindex .chaplabel:before, .coursenav .chapindex .chaplabel:after {
    border-left: 20px solid #e3123c;
}

.btn-group.open .btn.dropdown-toggle.btn-custom-alt {
	background-color: #e3123c;
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;
}
.btn-group.open .btn.dropdown-toggle.btn-custom {
	background-color: #e3123c;
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;
}

.custom-bk {
	background:#e3123c;
}

.custom-bk-alt {
	background:#e3123c;
}

.custom-font {
	color:#e3123c;
}

.custom-font-alt {
	color:#e3123c;
}

.label-custom {
	background:#e3123c;
}

#cometchat .selfMsgArrow .after,
#cometchat_hidden,
.cometchat_tabtitle,
.cometchat_userstabtitle,
#cometchat_tabcontainer .cometchat_tab_clicked,
.cometchat_groupscontentavatar,
#cometchat .cometchat_self,
#cometchat_tabcontainer .cometchat_tab:hover,
.cometchat_chatroomimage {
	    background-color: #e3123c !important;
}

#cometchat #cometchat_tabcontainer .cometchat_tab_clicked {
    border-color: #e3123c !important;
}

#cometchat_tabcontainer .cometchat_tab {
	    border-bottom: 2px solid #e3123c !important;
}

span.cometchat_tabstext,
.cometchat_prependMessages,
.cometchat_prependCrMessages {
	color: #e3123c !important;
}

#slidewrp #home .hd.cover {
	background-color:#e3123c;
}

.pl-content .slide_title h3:after {
	border-color:#e3123c;
}

.pl-sidenav ul.tos li.active {
	border-color:#e3123c;
}

.oqsanswer {
	border-color:#e3123c;
}