@font-face {
  font-family: 'Titillium Web';
  src: url('/theme/lingopass4/fonts/TitilliumWeb-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Titillium Web';
  src: url('/theme/lingopass4/fonts/TitilliumWeb-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Techead';
  src: url('/theme/lingopass4/fonts/Techead-Light.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Techead';
  src: url('/theme/lingopass4/fonts/Techead-Bold.otf') format('truetype');
  font-weight: bold;
  font-style: normal;
}


/* IMPORTANDO CSS DO PAINEL PARA OS ARQUIVOS - INICIO */

body {
  font-family: "Titillium Web";
}
.que .info {
  float: left !important;
  top: 2px !important;
  width: 9em !important;
  margin-top: 5px !important;
  padding: 0.9em !important;
  margin-bottom: 0.4em !important;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.2) !important;
  z-index: 99!important;
  background-color: #dfe4e98f !important;
  border-left: 5px solid #595959 !important;
  border-radius: 10px 0 0 10px !important;
}
.que .formulation {
  color: #001a1e;
  background-color: #ffffff;
  border-color: #edf0f3;
  border: 1px solid #edf0f3;
}
.card {
  padding: 10px;
}
.bi-box-arrow-right,
.bi-house-door,
.bi-mortarboard,
.bi-calendar3,
.bi-question-circle,
.fa-bell,
.fa-comment-o,
.fa-map,
.bi-flag {
  font-size: 20px;
}

.slide-drawer-lingopass {
  width: auto !important;
  height: auto !important;
  border-radius: 7px 0 0 7px !important;
  padding: 7px;
}
.profile-container {
  background-color: #f4f4f4 !important;
}
.page-header-headings {
  font-family: 'Techead';
}
.drawer-container {
  margin-left: 10px;
}
.logo {
  height: 80% !important;
}
#page-header h1.h2 {
  font-weight: 400 !important;
}

.show-drawer-left #page-content {
  margin-top: 20px;
}
.block_myoverview {
  padding: 25px;
}
#page.drawers {
  padding-left: 0px;
  padding-right: 0px;
}
.drawer {
  background-color: #f4f4f4 !important;
}
.show-drawer-left .secondary-navigation {
  display:block !important;
}

// .block_timetable .events .item.past {
//   opacity: .4;
//   transition: opacity .2s;
//   display:none;
// }

.today .js-load-events .eventos {
  background-color: #707070 !important;
}
.events-day {
  background-color: #f4f4f4 !important;
}

.js-load-events .eventos {
  height: 30px !important;
  width: 30px !important;
  line-height: 30px !important;
  background-color: #a2a2a2 !important;

}
.show-drawer-left .moremenu {

  display: none;
}

*::-webkit-scrollbar {
  width: 14px;
}
*::-webkit-scrollbar-thumb {
  background-color: #201f48;
  border-radius: 10px;
  border: 3px solid #fff;
}
*::-webkit-scrollbar-track {
  background: #fff;
}

.yui3-datatable-paginator {
  background: #f2f4f6;
  background-image: none !important;
  border-color: grey;
  color: #000;
}

.yui3-skin-sam .yui3-datatable-odd .yui3-datatable-cell {
  border-bottom: 1px solid #e2e2e2;
  background-color: rgba(0,0,0,.03);
}
.yui3-skin-sam .yui3-datatable-even .yui3-datatable-cell {
  border-bottom: 1px solid #e2e2e2;
  background-color: #fff;
}
.yui3-datatable-table, .yui3-datatable-content {
  width: 100% !important;
}
.yui3-skin-sam .yui3-datatable-header {
  background-image: none;
  color: #000;
  font-weight: normal;
  text-align: left;
  text-shadow: none;
  vertical-align: bottom;
  white-space: nowrap;
  background-color: #f2f4f6;
  padding: 15px;
  font-weight: 600;
}

.yui3-datatable-paginator {
  display: none;
}

td .yui3-datatable-paginator {
  display: block;
}
.mod_bigbluebuttonbn_recordings_table {
  font-family: "Titillium Web";
}
.yui3-skin-sam .yui3-datatable-table {
  font-family: "Titillium Web";
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Titillium Web";
}
.btn-default {
  color: #fff;
  background-color: #152D59!important;
  border: 0;
  -webkit-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
  padding: 0.3rem 1.2rem;
  border-radius: 20px;
  text-decoration: none!important;
  display: inline-block;
}
.btn-default:hover {
  color: #a0a0a0;
}

#nav-notification-popover-container {
  top: 4px;
}
.actions-container {
  margin-right: 1em;
  justify-content: end !important;
}

// Remover banner dos cursos
body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .generaldetails, .activity-description, .activity-header, .local-fullscreen-padding, .breadcrumb {
  display: none !important;
}
#region-main .maincalendar .calendarwrapper td > div {
  height: 5em!important;
  overflow: hidden;
}
#calendar-course-filter-1 {
  display:none;
}
.tertiary-navigation {
  padding-top: 5px;
  display: block;
}
.body-content-container .content-alignment-container .post-content-container img {
  display:none;
}

/*Login info pra ocultar durante atualização validar em produção*/
.login-instructions > p:nth-child(2) {
  display:none !important;
}

/*Ajuste Unidades Curso*/

body#page-course-view-remuiformat .remui-format-list .sections .section .content .course-section-summary-wrapper {
  display: flex;
  flex-direction: column;
  gap: none;
  padding: 0px;
}

body#page-course-view-remuiformat .remui-format-list .sections .section:not(#section-0) {
  background: #fff;
  border-radius: 8px;
  border: none;
}
body#page-course-view-remuiformat .remui-format-list .sections .section .content .course-section-summary-wrapper .no-overflow {
  border: solid 1px #e5e5e5;
  border-radius: 20px;
}
.course-content ul li.section.main:not(.course-section) {
  border-bottom: none;
  margin-top: 0;
}
body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  position: relative;
  top: 3em;
  right: 1em;
}

.unit-wrapper-numbers {

  padding: 50px 50px;
  min-width: 150px;
  max-height: 150px;
  width: 150px !important;

}


.unit-wrapper, .unit-wrapper-test {
  padding: 55px 55px;
  width: 150px !important;
  max-height: 150px;
}

.unit-section-number {

  font-size: 42px !important;
}

.isrestricted {
  padding: 5px;
  color: #666;
  border-radius: 20px;
  border: 1px #ddd dashed;
  margin-top: 5px;
  margin-bottom: 5px;
}

body#page-course-view-remuiformat .remui-format-list .section_availability.course-description-item {

  padding: 0px !important;

}

body#page-course-view-remuiformat .remui-format-list .section_availability.course-description-item .availabilityinfo {
  background-color: #EBF0F9;
  border-radius: 20px;
  padding: 10px;
}
.status-message{
  color: #CE3A77;
  text-align: center;
  font-family: Titillium Web;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.yui3-widget yui3-datatable .yui3-datatable-sortable .yui3-datatable-message-visible{
  width: 100% !important
}
.yui3-datatable-table{
  width: 100%!important
}
table{
  width: 100%!important
}
.activity-navigation {
  margin-bottom: 1.55rem !important;
}

/*OCULTA ROOMVIEW DO BBB SALA DE ESPERA */
#bigbluebuttonbn-room-view-control-panel {
  display:none !important;
}

// Alterar tamanho fonte sala de espera

#bigbluebuttonbn-status-bar .font-weight-bold {
  font-size: 18px;
}
#bigbluebuttonbn-status-bar .status-message {
  color: #d31515;
  text-align: center;
  font-family: Titillium Web;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}


// Ocultar campos profile

#fitem_id_moodlenetprofile, #id_moodle_additional_names,#id_moodle_interests,#fitem_id_imagealt, #fitem_id_idnumber, #fitem_id_department, #fitem_id_phone1, #fitem_id_phone2, #fitem_id_address {

  display: none;

}



.local-fullscreen-padding {
  display: none;
}

/* IMPORTANDO CSS DO PAINEL PARA OS ARQUIVOS - FIM */


/* Alteração nos ícones de expandir dos cursos */

body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .toggle-icon {
 /*   border: 1.9px solid #2341b8!important;*/
background-color: #d2d0d0 !important;
      border-radius: 50%;
}
body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .toggle-icon::before {
padding: 2px;
}
body {
background-color: #f4f4f4 !important;
font-family: 'TitilliumWeb-Regular', sans-serif;
}
.main-inner {
background-color: #f4f4f4 !important;
}
/*Banner Aulas ao Vivo*/
.banner-aovivo-fr {
background-image: linear-gradient(180deg,#CD3A78,#67519D);
text-align: center;
padding: 35px;
border-radius: 25px;
color:#ffffff;
}

.banner-aovivo-es {
background-image: linear-gradient(180deg,#F49839,#D03E74);
text-align: center;
padding: 35px;
border-radius: 25px;
color:#ffffff;
}
.banner-aovivo-en {
background-image: linear-gradient(180deg,#48BFD9,#5F5BA4);
text-align: center;
padding: 35px;
border-radius: 25px;
color:#ffffff;
}
.banner-aovivo-pt {
background-image: linear-gradient(180deg,#E8E66F,#52BFD3);
text-align: center;
padding: 35px;
border-radius: 25px;
color: #211f48;
}
.banner-aovivo-zh {
  background-image: linear-gradient(180deg, #FF0000, #CE3A77);
  text-align: center;
  padding: 35px;
  border-radius: 25px;
  color: #ffffff;
}
.banner-aovivo {
  background-image: linear-gradient(180deg,#ca3b7a,#7150bc);
  text-align: center;
  padding: 35px;
  border-radius: 25px;
  color:#ffffff;
}

.banner-aovivo h1, .banner-aovivo-es h1, .banner-aovivo-en h1, .banner-aovivo-fr h1, .banner-aovivo-pt h1, .banner-aovivo-zh h1 {
  font-family: Techead,sans-serif;
  font-weight: 300;
  font-size: 30px;
}

.banner-aovivo h4, .banner-aovivo-es h4, .banner-aovivo-en h4, .banner-aovivo-fr h4, .banner-aovivo-pt h4, .banner-aovivo-zh h4 {
  font-family: "Titillium Web","Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 20px;
  font-weight: normal;
line-height: 1.2;
}

.banner-aovivo a, .banner-aovivo-es a, .banner-aovivo-en a, .banner-aovivo-fr a, .banner-aovivo-pt a, .banner-aovivo-zh a {
  border: 2px solid #fff;
  border-radius: 50px;
  padding: 10px;
  font-family: "Titillium Web","Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 18px;
  width: 450px;
}

.banner-aovivo a:link, .banner-aovivo-es a:link, .banner-aovivo-en a:link, .banner-aovivo-fr a:link, .banner-aovivo-pt a:link, .banner-aovivo-zh a:link  {
  color: #fff;
  text-decoration: none;
}

.banner-aovivo a:visited, .banner-aovivo-es a:visited, .banner-aovivo-en a:visited, .banner-aovivo-fr a:visited, .banner-aovivo-pt a:visited, .banner-aovivo-zh a:visited{
  color: #fff;
  text-decoration: none;
}

/*Banner Feedback*/

.banner-feedback-fr {
  background-image: linear-gradient(180deg,#CD3A78,#67519D);
  text-align: left;
  padding: 10px;
  border-radius: 10px;
  color:#ffffff;
}
.banner-feedback-en {
  background-image: linear-gradient(180deg,#48BFD9,#5F5BA4);
  text-align: left;
  padding: 10px;
  border-radius: 10px;
  color:#ffffff;
}
.banner-feedback-es {
  background-image: linear-gradient(180deg,#F49839,#D03E74);
  text-align: left;
  padding: 10px;
  border-radius: 10px;
  color:#ffffff;
}
.banner-feedback-pt {
  background-image: linear-gradient(180deg,#E8E66F,#52BFD3);
  text-align: left;
  padding: 10px;
  border-radius: 10px;
  color: #211f48;
}
.banner-feedback-zh {
  background-image: linear-gradient(180deg, #FF0000, #CE3A77);
  text-align: left;
  padding: 10px;
  border-radius: 10px;
  color: #211f48;
}
.banner-feedback a, .banner-feedback-es a, .banner-feedback-en a, .banner-feedback-pt a, .banner-feedback-fr a, .banner-feedback-zh a {
  border: 2px solid #fff;
  border-radius: 20px;
  padding: 10px;
  font-family: "Titillium Web","Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 18px;
  width: 450px;
}
.card {
border: 0;
border-radius: 20px;
}
#region-main {
  background-color: #fff;
  padding: 20px;
  border-radius: 20px;
}
.navbar {
background-color: transparent !important;
border-bottom: 0;
}
.btn-primary {
  color: #fff;
  background-color: #152D59;
  border-color: #152D59;
}
.btn {
  display: inline-block;
  font-weight: 400;
  // color: #1d2125;
  text-align: center;
  vertical-align: middle;
  // user-select: none;
  // background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: .9375rem;
  line-height: 1.5;
  border-radius: 30px;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
.coursedetails {
display: none;
}

.moremenu {
border-radius: 30px;
}

/*Card Curso*/

.card-recents-lingo {
  padding: 0 32px 0 0;
 background-color: #fff;
 margin-top: 20px;
 border: 1px solid #E9E9E9!important;
 border-radius: 10px!important;
}
.coursemenubtn{
 display: none;
}

.btn-lingo-primary {
     background: #152D59;
  width: 125px;
  padding: 4px;
  border-radius: 30px;
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-transform: uppercase;
  color: #FFF;
  margin-top: 18px;
  text-align: center;
&:hover{
color: white;
text-decoration: none;
}
}

.dashboard-card-img {
  height: 10rem!important;
  width: 20rem;
  background-position: center;
  background-size: cover;
}

.course-title{
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 700!important;
  font-size: 24px!important;
  line-height: 27px;
  margin-bottom: 10px!important;
  color: #000;
&:hover{
text-decoration: none;
color: #000
}
}

.course-back{
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;

color: #A4A4A4;
}

.course-activity{
font-family: 'Titillium Web';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 27px;

color: #152D59;
}

progress[value] {
/* Reset the default appearance */
-webkit-appearance: none;
 appearance: none;

  width: 150px;
height: 10px;
}
progress[value]::-webkit-progress-bar {
background-color: #eee;
border-radius: 20px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
progress[value]::-webkit-progress-value {
background-image:
   -webkit-linear-gradient(270deg, #4FCD64 0%, #8EE88E 100%);

  border-radius: 20px; 
  background-size: 35px 20px, 100% 100%, 100% 100%;
}

// EVENT CARD

.event.card{
border: 1px solid #CCCCCC;
background: #fff;
}

.course-name{
  font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;

color: #000000;
}
.description-event-lingopass p{
  margin: 0;
  }

.titulo-evento-lingopass a{
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  color: #000000!important;
}

.card-lingopass-event{
  background: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 10px;
}
.pdf-link{
  font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
text-decoration-line: underline;

color: #000000!important;
margin-bottom: 0;
}

.block_timetable .event-item {
  margin: 5px 0 10px 0;
  padding: 6px 8px 6px 12px;
  position: relative;
  background-color: #fff!important;
  border: 1px solid #ccc!important;
  box-shadow: none!important;
  border-radius: 10px;
}

.class-description{
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #495057;
  margin-bottom: 4px!important;

}

.teacher-name{
  margin-bottom: 5px;
}
.description-event-lingopass{
margin: 0;
}

.description-event-lingopass a{
  color: #000!important;
  font-family: Titillium Web;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
}


.btn-entrar-sala{
  color: #FFF!important;
font-size: 22px;
font-family: Titillium Web;
font-weight: 700;
}
.btn-salvar-agenda{
  color: #000;
  font-size: 18px;
  font-family: Titillium Web;
  font-weight: 700;
  text-decoration-line: underline;
}

.live-card{
  background: linear-gradient(135deg, #6E51BF 0%, #CE3A77 100%);
  border-radius: 10px 0 0 10px;
  height: fit-content;
}

.live-card-next{
  background: #EDEDED!important;
  color: #000!important;
  border-radius: 10px 0 0 10px;
  height: fit-content;
}


.live-card-next .next-classes-content a{
  color: #000!important;
}
.live-card-next.next-classes-content a{
  color: #000!important;
}
.next-classes-content{
  color: #fff!important;
}
.live-card-next .next-classes-content{
  color: #000!important;
}

.next-classes-content a{
  color: #fff!important;
}
.next-classes-content p{
  margin-bottom: 90px;
}
.tutor-lingopass-picture img{
  display: none;
}

.hidden{
  display: none;
}

// element.style {
//   margin: 5px 0 10px 0;
//   padding: 0 10px;
//   position: relative;
//   box-shadow: none;
// }
.block_lingopasstimetable .event-item {
  margin: 5px 0 10px 0;
  padding: 0 10px;
  position: relative;
  box-shadow: none;
  border: 1px solid #CCCCCC;
background: #fff;
border-radius: 10px;
}

.class-emblem{
  height: 48px;
  width: 48px;
  margin: 24px 0;
}

.tutor-lingopass-picture{
  display: none;
  background: url(/theme/image.php?theme=lingopass&component=core&image=u%2Ff2);
  height: 11rem;
  width: 8rem;
  background-position: center;
  background-size: cover;

}

.live-content{
  color: #fff!important;
}
.live-content p{
  margin-top: 64px;
}

// Alteração visual do quiz

.que .info {
  float: left !important;
      top: 2px !important;
      width: 9em !important;
      margin-top: 5px !important;
      padding: 0.9em !important;
      margin-bottom: 0.4em !important;
      box-shadow: 0 2px 6px 0 rgba(0,0,0,.2) !important;
      z-index: 99!important;
      background-color: #dfe4e98f !important;
      border-left: 5px solid #595959 !important;
      border-radius: 10px 0 0 10px !important;
  }
  .que .formulation {
      color: #001a1e;
      background-color: #ffffff;
      border-color: #edf0f3;
      border: 1px solid #edf0f3;
  }

 // Tamanho dos ícones 
 
.bi-box-arrow-right,
.bi-house-door,
.bi-mortarboard,
.bi-calendar3,
.bi-question-circle,
.fa-bell,
.fa-comment-o,
.fa-map,
.bi-flag {
    font-size: 20px !important;
}

// Formato do botão do slide do menu 
.slide-drawer-lingopass {
  width: auto !important;
  height: auto !important;
  border-radius: 7px 0 0 7px !important;
  padding: 7px;
  }
// bg do perfil de usuário
  .profile-container {
  background-color: #f4f4f4 !important;
  }

  // Título das páginas
  .page-header-headings {
  font-family: 'Techead';
  }
  .drawer-container {
  margin-left: 10px;
  }
  .logo {
      height: 80% !important;
  }
  #page-header h1.h2 {
      font-weight: 400 !important;
      font-family: 'Techead';
  }
  .show-drawer-left .secondary-navigation {
  display:none;
  }
  .show-drawer-left #page-content {
  margin-top: 20px;
  }
  .block_myoverview {
      padding: 25px;
  }
  #page.drawers {
  padding-left: 0px;
  padding-right: 0px;
  }
  .drawer {
  background-color: #f4f4f4 !important;
  }
  .course-header-info-container{
    background: #152D59;
  }
  .course-title-lingopass{
    color: #FFF;
font-size: 32px;
font-family: Techead;
font-style: normal;
font-weight: 400;
line-height: normal;

  }
  .course-title-lingopass a{
    color: #FFF;

  }
  .course-title-lingopass a:hover{
    color: #FFF;
    text-decoration: none;;

  }
  .category-header-lingopass{
    color: #FFF;
font-size: 18px;
font-family: Titillium Web;
font-style: normal;
font-weight: 400;
line-height: normal;
  }
  .img-course-header{
   background-size: cover;
   background-position: center;
  }

  .card-last-activity-lingopass{
    border-radius: 10px;
border: 1px solid #E9E9E9;
  }
  .unit-title{
    color: #152D59;
font-size: 24px;
font-family: Titillium Web;
font-style: normal;
font-weight: 400;
line-height: normal;
  }
  .summary-unit{
    color: #666;
font-size: 18px;
font-family: Titillium Web;
font-style: normal;
font-weight: 400;
line-height: normal;
  }
  .lesson-name{
    color: #152D59;
font-size: 24px;
font-family: Titillium Web;
font-style: normal;
font-weight: 400;
line-height: normal;
  }

  .module-card{
    border-radius: 10px 0px 0px 10px;
background: linear-gradient(136deg, #6E51BF 0%, #385EB7 100%);
display: flex;
align-items: center;
  }
  .module-name{
    color: #FFF;
text-align: center;
font-size: 80px;
font-family: Techead;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0 auto;
  }
.btn-resume{

background: transparent!important;
text-transform: uppercase;
color: #fff!important;
font-family: Titillium Web;
font-style: normal;
font-weight: 400;
line-height: normal;
border: 2px solid #fff!important;
}
  #page.drawers .main-inner {
    margin-top: 0.1rem !important;
    padding: 0.5rem 0.8rem !important; 
}
// .block_lingopasstimetable .events .item.past {
//   opacity: .4;
//   transition: opacity .2s;
//   display:none;
// }
.lingopass-course-list {
  text-overflow: ellipsis;
  max-height: 550px;
  overflow-x: auto;
}

// Alteração da fonte do calendário

.calendar-controls .current {
  font-family: 'Titillium Web';
  font-weight: 400;
}
.arrow_text {
  font-family: 'Titillium Web';
}

.unit-wrapper{
  border-radius: 10px 0px 0px 10px;
background: #152D59;
padding: 55px 55px;
width: 20%;
}

.unit-wrapper-numbers{
  border-radius: 10px 0px 0px 10px;
  background: linear-gradient(136deg, #6E51BF 0%, #385EB7 100%);
  padding: 55px 55px;
  width: 20%;
}

.unit-wrapper-test{
  border-radius: 10px 0px 0px 10px;
background: linear-gradient(135deg, #6E51BF 0%, #CE3A77 100%);
padding: 55px 55px;
width: 20%;
}


.unit-section-number{
  margin-bottom: 0!important;
  color: #FFF;
  text-align: center;
  font-family: Techead;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;


}

.unit-section-title a,
.unit-section-title{
  color: #152D59!important;
font-family: Titillium Web;
font-size: 24px;
font-style: normal!important;
font-weight: 400!important;
margin-left: 15px!important;

}

.unit-section-objective{
  color: #666;
font-family: Titillium Web;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-left: 15px!important;
}
#region-main .maincalendar .calendarwrapper td > div {
  height: 4em!important;
  overflow: hidden;
}
.status-message{
  color: #CE3A77;
text-align: center;
font-family: Titillium Web;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
#bigbluebuttonbn-room-view{
  display: block!important;
}

#bigbluebuttonbn-view-action-button-box{
  margin-left: 46%!important;
}

.yui3-widget.yui3-datatable.yui3-datatable-sortable.yui3-datatable-message-visible{
  width: 100%!important;
}

.yui3-datatable-table{
  width: 100%!important;
}
.card-class-rules{
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.card-rules-img{
  border-radius: 10px 0px 0px 20px;
background: linear-gradient(135deg, #6E51BF 0%, #CE3A77 100%);
padding: 20px;
}
#navbuttons{
  margin-top: 16px!important;
  display: inline-flex;
  float: none;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  }
.navbuttontext.prev input{
    color: #152D59;
    text-align: center;
    font-family: Titillium Web;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    text-transform: uppercase;
    background: transparent;
    border: none;
    padding: 5 20px;

}

.navbuttontext.next input{
  border-radius: 30px;
  background: #152D59;
  color: #FFF;
  font-family: Titillium Web;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  padding: 5 20px;
  border: none;
}

#page-navbar{
  display: none;
}
.events-day {
  overflow-y: scroll;
  overflow-x: hidden!important;
  position: absolute;
  right: -34px;
  top: -21px;
  bottom: -54px;
  width: 25%;
  border-radius: 20px;
  max-height: 83rem;
  border: 10px solid #fff;
  font-family: 'Titillium Web' !important;
}


.backbar-container {
  grid-column: 2;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: start;
  padding-left: 20px;
  padding-top: 15px;
}

.path-mod .activity-header:not(:empty) {
  background-color: #fff;

}
.path-mod .activity-information .completion-info {
  display: none!important;
}

.card-header-lingopass{
  background-color: #fff!important;
  border: none!important;

}

.card-event-lingopass-calendar{
  border-left: 5px solid #6E51BF!important;
  border-radius: 0!important;
}

.footer-action-lingopass .btn-entrar-sala {
  border-radius: 80px;
  background: #CE3A77;
  color: #fff!important;
  font-size: 0.9em;
  font-family: Titillium Web;
  font-weight: 400;
  text-transform: uppercase;
  padding: 5px;
  text-decoration: none;
  width: 100%;
  margin-bottom: 16px;
  text-align: center;
}

.footer-action-lingopass .btn-salvar-agenda {
  border: 1px solid #000;
  color: #000;
  font-size: 0.8rem;
  font-family: Titillium Web;
  font-weight: 400;
  text-transform: uppercase;
  padding: 5px;
  width: 100%;
  border-radius: 80px;
  text-align: center;
}

.maincalendar .heightcontainer {
  height: auto !important;
  position: relative;
}

.maincalendar{
  min-height: 80%;
}