/* GERAL */
:root {
    --colorBackground: #EEEEEE;
    --colorShadow: #bbbbbb91;
    --colorLine: #f7f7f78a;
    --colorBox: #FFFFFF;
    --colorText: #545454;
    --colorTextHalf: #b6b6b6;
    --colorTextBold: #262729;
    --colorBlue: #4784FF;
    --colorSecondary: #4784FF;
    --colorLineSecondary: #3c73de;
    --colorSecondaryOpaco: #4784FF55;
    --colorRed: #DE0B47;
    --colorBordo: #633916;
    --colorGreen: #84bf41;
    --colorYellow: #FFB441;
    --colorImage: "none"
}

* {
    outline: none !important;
    font-family: Roboto, Arial, sans-serif;
}

html {
    background: #eeeeee;
    font-size: 1.0666666666666667em;
    overflow-x: hidden;
}

a {
    text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #3E4042;
    font-weight: 500;
}

h1 {
    font-size: 1.75em !important;
}

h2 {
    font-size: 1.5em !important;
}

h3 {
    font-size: 1.25em !important;
}

h4 {
    font-size: 1.125em !important;
}

h5 {
    font-size: 1em !important;
}

h6 {
    font-size: 0.875em !important;
}

#page {
    padding-left: 1em;
    padding-right: 1em;
    margin-top: 70px !important;
    background: #eeeeee;
}

nav.navbar ul.nav:last-of-type li.nav-item:first-of-type div.popover-region:first-of-type {
    display: none;
}

nav.navbar .logo img {
    height: 26px;
}

nav.navbar .usermenu .login {
    font-size: 0;
}

nav.navbar .usermenu .login a {
    font-size: 17px;
    background: #eee;
    padding: 0 20px;
    border-radius: 5px;
    border: solid 2px #e5e5e5;
    color: #de0b47;
    margin-top: 2px;
    float: right;
    transition: all ease 0.3s;
}

nav.navbar .usermenu .login a:hover {
    color: #de0b47;
    background: #f5f5f5;
    border-color: #eeeeee;
}

#nav-drawer > nav.list-group a[data-key="home"] {
    display: none;
}

.list-group-item {
    padding: 15px 0 15px 15px !important;
    color: #777777;
    border: 0 !important;
    z-index: 1;
}

div.list-group-item {
    cursor: default;
}

/* ACCESIBILITY */
#block_accessibility_message {
    float: left;
    width: 100%;
}

#sbar, #sbarGhost {
    top: 68px !important;
    height: 40px !important;
    overflow: hidden;
}

#sbar {
    width: 200px !important;
    right: 0 !important;
    left: initial !important;
    padding-top: 2px !important;
}

.course-name-id {
    float: left;
    padding: 2px 0;
    font-weight: 400;
    width: 100%;
    margin: -7px 0 -2px !important;
    font-size: 13px !important;
}

.badge[data-region="unread-count"] {
    z-index: 1;
}

div[data-region="last-message-date"] {
    background: #ffffff;
}

.ht-skip {
    top: 0 !important;
}

[data-region=right-hand-drawer] {
    top: 70px !important;
    height: calc(100% - 70px) !important;
}

#sbarGhost {
    z-index: 999 !important;
    position: fixed !important;
    background: url(https://core.atbar.org/resources/img/background.png) repeat-x #EBEAED !important;
}

#sbarGhost:before {
    content: "Acessibilidade";
    float: left;
    padding: 9px 10px;
    font-size: 16px;
    text-transform: uppercase;
    color: #444;
    font-weight: 600;
}

#block_accessibility_textresize, #block_accessibility_changecolour {
    float: left;
}

#block_accessibility_changecolour {
    padding-left: 20px !important;
}

#block_accessibility_launchtoolbar {
    margin-top: 10px !important;
    float: left;
}

.atbar-always {
    padding: 14px 0 0 8px;
    float: left;
    height: 37px;
}

label[for="atbar_auto"] {
    padding-left: 5px;
    margin-top: -2px;
    float: right;
}

#at-collapse {
    width: auto !important;
}

#at-btn-atkit-reset, #at-btn-atkit-unload {
    margin: 5px 0 0 5px !important;
}

#at-btn-atkit-help, #sbarlogo, #at-btn-wordprediction, #at-btn-ftw, #at-btn-spell, #at-btn-overlay, #at-btn-fontSettings, #at-btn-css,
#at-btn-atkit-toggle, #at-btn-dictionary {
    display: none !important;
    opacity: 0;
}

#checkallonpage, #checknone, #checkall {
    margin: 0 10px 10px 0;
}

.path-user .region_main_settings_menu_proxy {
    display: none !important;
}

.path-user #page-navbar {
    display: none;
}

.path-user #page-header h1 {
    margin-bottom: 0 !important;
}

.path-user #page-header > .pb-3 {
    padding-bottom: 0 !important;
}

.roleuser {
    width: 100% !important;
    position: absolute !important;
    bottom: 0;
    right: 0;
    padding: 20px;
    z-index: 1100;
    -webkit-box-shadow: -3px -5px 6px 0 rgba(0, 0, 0, 0.12);
    box-shadow: -3px -5px 6px 0 rgba(0, 0, 0, 0.12);
}

.student-view {
    float: initial;
    margin: auto;
    width: 200px;
    text-align: center;
}

.list-group-item.active {
    background: #eeeeee !important;
    border-color: inherit !important;
    color: #333333 !important;
}

.list-group-item.active a {
    color: #333333 !important;
}

.chooserdialogue-course-modchooser {
    left: 15% !important;
    width: 70% !important;
    min-width: 400px !important;
}

.list-group-item i {
    margin-right: 1rem !important;
    opacity: 0.8;
}

.editor_atto_content {
    height: 80px !important;
}

/* USER */
#page-footer .tool_dataprivacy, #page-footer .tool_usertours-resettourcontainer {
    display: none !important;
}

#page-admin-tool-customlang-edit #id_component {
    height: 400px
}

#page-footer {
    background: #f5f5f5;
    border-top: solid 1px #d5d5d5;
    padding: 2rem 0;
}

#blockcontentpos, #blockcontentpre, #blocksidebarpre, #blocksidebarpos, #blockregionpre, #blockregionpos {
    width: 100% !important;
    float: left;
    display: inline-block;
}

/* CLASSES OVERRIDE*/

#region-main {
    margin-bottom: 15px;
    background: initial;
    border: none;
    overflow: visible;
}

#region-main-box {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
}

#region-main-content {
    padding: 1.25rem;
}

.maincalendar .bottom {
    padding-top: 20px !important;
}

.maincalendar .bottom > .singlebutton {
    margin-bottom: 10px;
}

.eventlist .card-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.row {
    margin: 0 !important;
}

.card {
    position: relative;
    width: 100%;
    max-width: 1200px !important;
    float: initial;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 12px 0 #bbbbbb45;
    border: solid 1px #DDDDDD;
    border-radius: 4px;
}

#region-main-content .card, #nav-drawer .card, #message-drawer-view-overview-container .card {
    max-width: initial;
    float: initial;
    margin-left: initial;
    margin-right: initial;
    border: initial;
    -webkit-box-shadow: initial;
    box-shadow: initial;
    background: initial !important;
}

#region-main-content .card .card-deck .card {
    background: #ffffff !important;
}

div[role="main"] {
    padding: 0;
}

div[role="main"] div:not(.row) {
    max-width: 100% !important;
}

.nostyle {
    list-style: none;
    text-decoration: none;
    user-select: none;
}

#region-main-settings-menu > div {
    top: 0;
    margin: 0 !important;
    background: #fff;
    padding: 3px 6px 1px;
    border-radius: 4px;
    border: solid 1px #ddd;
}

.comment-area {
    max-width: 100% !important;
}

/* SCROLL BAR */
#nav-drawer::-webkit-scrollbar {
    width: 3px;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #bbb;
}

::-webkit-scrollbar-thumb:hover {
    background: #999;
}

::-webkit-scrollbar-button {
    background: #aaa;
}

.nav-meus-cursos-btn {
    padding: 0 20px;
    margin-top: 0;
    width: 56px;
    cursor: pointer;
}

.nav-meus-cursos {
    overflow: hidden;
}

/* NOTIFICATION */
[data-region="drawer"] {
    width: 250px !important;
}

body.drawer-open-left {
    margin-left: 0;
}

.message-drawer, .message-app.drawer {
    top: 70px !important;
    height: calc(100% - 70px);
}

.popover-region-toggle::before {
    bottom: -16px !important;
    border-bottom-color: #cccccc;
}

.popover-region-toggle::after {
    bottom: -17px !important;
}

.navbar .popover-region-container .notification {
    padding: 15px 15px 25px !important;
}

.popover-region-header-container {
    padding: 5px 5px 5px 10px;
    height: 35px;
}

.content-item-container:hover {
    background: #85bf41 !important;
}

.content-item-container:hover a {
    color: #ffffff !important;
}

.content-item-container:hover img {
    filter: brightness(100);
}

.popover-region-container {
    top: 70px !important;
    -webkit-box-shadow: -1px 5px 10px -8px rgba(0, 0, 0, .47);
    box-shadow: -1px 5px 10px -8px rgba(0, 0, 0, .47);
}

.popover-region-content-container {
    height: calc(100% - 65px);
}

/* HEADER */
.navbar {
    top: -1px;
    padding: .5rem .2rem;
    height: 70px;
    max-height: 70px;
    transition: all .5s ease;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}

.course-type > .list-group-item {
    cursor: pointer;
}

.navbar-course-type {
    width: 250px;
    z-index: 1032;
    transform: translateX(-295px);
    top: 70px;
    height: calc(100% - 70px);
    position: fixed;
    left: 0;
}

.navbar-course-type .navbar-course-type-option {
    cursor: pointer;
    color: #999999;
}

.navbar-course-type .navbar-course-type-option:hover {
    background: #f5f5f5;
    color: #de0b47;
}

.navbar-brand {
    margin: 1px auto 0 -4px;
    float: left;
}

.site-name, .usertext {
    display: none !important;
}

.navbar-nav {
    margin-left: 0 !important;
}

.navbar .popover-region {
    margin-right: 15px !important;
    width: 37px !important;
    float: left;
}

.nav-link {
    transition: all ease 0.3s;
}

.navbar .count-container {
    padding: 2px 5px !important;
    border-radius: 14px !important;
    top: 0 !important;
    right: -10px !important;
    background: #de0b47 !important;
}

.badge-pill {
    border-radius: 50% !important;
    padding: 4px 7px !important;
}

.badge-primary, .bg-primary, .btn-primary {
    background: #85bf41 !important;
    border-color: #75af31 !important;
    color: #ffffff !important;
}

.badge-primary:hover, .bg-primary:hover, .btn-primary:hover {
    background: #659f21 !important;
    border-color: #558f11 !important;
}

.btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(133, 191, 65, 0.5) !important;
    -moz-box-shadow: 0 0 0 0.2rem rgba(133, 191, 65, 0.5) !important;
    box-shadow: 0 0 0 0.2rem rgba(133, 191, 65, 0.5) !important;
}

.btn-blue:focus, .btn-blue:not(:disabled):not(.disabled):active:focus, .show > .btn-blue.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, .5) !important;
    -moz-box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, .5) !important;
    box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, .5) !important;
}

.bg-blue, .btn-blue, .hover-bg-blue:hover {
    background: #1177d1 !important;
    border-color: #0d5ca2 !important;
    color: #ffffff !important;
}

.bg-blue:hover, .btn-blue:hover {
    background: #0d5ca2 !important;
    border-color: #0d4c92 !important;
}

.bg-gray-light {
    background: #f8f9fa;
    color: #777777;
}

a#dropdown-2 {
    color: #999999;
}

.color-text-blue {
    color: #1177d1;
}

.dropdown-toggle::after {
    vertical-align: 0.055em;
    margin-right: 10px;
    margin-left: -0.045em;
    border-top: 0.4em solid;
    border-right: 0.4em solid #cc282800;
    border-left: 0.4em solid transparent;
}

#btn-menu-sidebar.active {
    transform: rotateY(180deg);
}

.navbar .popover-region .icon, .nav-link .icon {
    font-size: 21px;
    width: 25px;
    height: 25px;
    color: #999999;
}

.navbar .popover-region .icon:hover, .nav-link .icon:hover {
    color: #555555;
}

.navbar.fixed-top .dropdown .dropdown-menu {
    top: 50px !important;
    max-height: calc(100vh - 70px);
    -webkit-box-shadow: -1px 5px 10px -8px rgba(0, 0, 0, .47);
    box-shadow: -1px 5px 10px -8px rgba(0, 0, 0, .47);
}

nav.navbar > ul.navbar-nav > li:first-of-type {
    margin-top: 8px;
}

.course-overview-graduacao-title {
    max-width: 88%;
    overflow: hidden;
    height: 23px;
}

/* TAB */
.tab-menu {
    width: 100% !important;
    max-width: 100%;
    user-select: none;
    overflow-y: hidden;
    overflow-x: auto;
    scrollbar-width: none;
}

.trilha-section {
    scrollbar-width: none;
}

.tab-menu::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.tab-menu-ul {
    width: max-content;
    min-width: 100%;
    height: 62px;
    overflow-y: hidden;
}

.tab-menu-ul li {
    transition: all ease 0.3s;
    padding: 1rem 2rem;
    color: #777777;
    cursor: pointer;
    font-weight: 500;
}

.tab-menu-ul li:hover {
    color: #555555;
    background: #e9e9e9;
}

.tab-menu-ul li.active {
    color: #de0b47 !important;
}

.tab-menu-bottom {
    z-index: 1;
    background: transparent;
}

.tab-menu-bottom-active {
    height: 4px;
    border-radius: 5px;
    background: #de0b47;
    z-index: 2;
    width: 0;
    transition: all ease-in-out 0.3s;
}

.tab-menu-bottom-line {
    height: 2px;
    background: #DDDDDD;
    margin-top: -2px;
    z-index: 0;
}

/* SIDEBAR */
#nav-drawer {
    background: #ffffff;
    padding: 0 !important;
    -webkit-box-shadow: 4px 1rem 1rem 0 rgba(0, 0, 0, 0.32);
    box-shadow: 4px 1rem 1rem 0 rgba(0, 0, 0, 0.32);
    overflow-x: hidden;
    overflow-y: auto;
    top: 70px !important;
    height: calc(100% - 70px) !important;
    z-index: 1029;
}

#nav-drawer > nav.list-group {
    float: left;
    width: 100%;
    margin-top: -7px;
}

/*#nav-drawer:not([class*="mce"]):not([id*="mce"]):not([id*="editor"]) {
    background: #333!important;
}
.navbar:not([class*="mce"]):not([id*="mce"]):not([id*="editor"]) {
    border-bottom:solid 1px #333!important;
}

#nav-drawer .list-group-item *:not([class*="mce"]):not([id*="mce"]):not([id*="editor"]),
#nav-drawer .list-group-item:not([class*="mce"]):not([id*="mce"]):not([id*="editor"]) {
    background: #333!important;
}*/

.list-group-item {
    background: inherit !important;
}

#region-main-settings-menu.has-blocks {
    width: 100%;
}

.initialbarlabel {
    padding-top: 5px;
    padding-right: 5px;
}

.userlist p:first-of-type {
    position: absolute;
    top: 54px;
    left: 23px;
    color: #aaa;
    font-size: 14px;
}

.userlist, form[role="search"], form[role="search"] input[type='text'][role="combobox"], form[role="search"] div[role="list"] {
    float: left;
    width: 100%;
}

form[role="search"] input[type='text'][role="combobox"] {
    min-width: 93% !important;
    padding-left: 25px;
}

.enrolusersbutton {
    margin-top: 25px;
}

.firstinitial {
    width: 100%;
}

.firstinitial > .initialbargroups > .pagination {
    max-width: 100%;
}

.firstinitial > .initialbargroups {
    overflow: auto;
}

/* FOOTER */


/* NAVIGATION COURSE */
#blocksidebarpre .block.block_course_modulenavigation .section-default {
    border: 0;
}

#blocksidebarpre .section-collapse {
    visibility: hidden;
    position: absolute;
}

.block.block_course_modulenavigation .pagination > li a, .block.block_course_modulenavigation .allpagination > li a {
    color: #999;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px;
    font-size: 1.2em;
}

.block.block_course_modulenavigation .section-default > .module-navigation-section-heading {
    padding: 0;
}

#blocksidebarpre .block.block_course_modulenavigation ul.activities li > a:hover, #blocksidebarpre .block.block_course_modulenavigation ul.activities li > a.active {
    background-color: #fae9ec;
    transition: all ease 0.1s;
}

.block.block_course_modulenavigation ul.activities .completioncheck {
    background: #eeeeee;
}

.block.block_course_modulenavigation ul.activities .completioncheck.completed {
    background: #84bf41 !important;
    border-color: #84bf41 !important;
}

#block-region-sidebar-pre .card-text {
    margin-top: 0 !important;
}

#block-region-sidebar-pre h5 {
    display: none !important;
}


/* CLASSES */
.col-100 {
    float: left !important;
    width: 100% !important;
    position: relative;
}

.unselect {
    user-select: none;
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
    padding: 0.5em 1.5em 1em 1.5rem !important;
}

.moodle-dialogue-confirm .confirmation-buttons {
    padding-top: 0.5em !important;
}

.course-type {
    overflow: hidden;
}

.userswitchedrole .course-type {
    padding-bottom: 70px;
}

.roleuser {
    position: fixed !important;
    left: 0;
    bottom: 0;
    width: 250px !important;
}

.course-type-container {
    height: 70px;
    background: #f5f5f5;
    width: 250px;
}

.showup2 {
    transform: translateY(40px);
    opacity: 0;
}

.border-bottom {
    border-bottom-color: #eeeeee !important;
}

.btn {
    transition: all ease .3s;
    padding: 8px 12px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 4px 7px 11px -10px #00000036;
}

.btn:hover {
    box-shadow: 4px 7px 8px -4px #00000046;
}

#nav-opacity {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1027;
}

#nav-opacity.closed {
    width: 0;
    height: 0;
    display: none;
}

#page-header .card-body {
    padding: 1rem 2rem !important;
}

#page-header .col-12 {
    padding-left: 0;
    padding-right: 0;
}

#fitem_id_purgeselectedcaches, #fitem_id_all {
    padding: 15px 0 20px;
}

.alert-info, #page-admin-index .releasenoteslink, #adminsettings .form-overridden, .que .formulation, .assignfeedback_editpdf_widget .label {
    color: #373a3c;
}

.color-text-theme, .hover-color-text-theme:hover {
    color: #de0b47 !important;
}

.bg-theme, .hover-bg-theme:hover {
    color: #FFFFFF !important;
    background: #de0b47 !important;
}

.color-text-theme-aux, .hover-color-text-theme-aux:hover {
    color: #84bf41 !important;
}

.bg-theme-aux, .hover-bg-theme-aux:hover {
    color: #FFFFFF !important;
    background: #84bf41 !important;
}

.pointer {
    cursor: pointer !important;
}

.hover-shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.border-bottom-2 {
    border-bottom: solid 2px #eeeeee !important;
}

.color-text-white {
    color: #FFFFFF !important;
}

.color-text-gray-light {
    color: #cccccc !important;
}

.color-text-gray {
    color: #868e96 !important;
}

.color-text-gray-dark {
    color: #777777 !important;
}

.color-text-dark-light {
    color: #555555 !important;
}

.color-text-dark {
    color: #222222 !important;
}

.radius {
    border-radius: 3px;
}

.font-align-center {
    text-align: center !important;
}

.font-xsmall {
    font-size: 0.75em !important;
}

.font-small {
    font-size: 0.875em !important;
}

.font-normal {
    font-size: 1em !important;
}

.font-large {
    font-size: 1.125em !important;
}

.font-xlarge {
    font-size: 1.25em !important;
}

.font-xxlarge {
    font-size: 1.5em !important;
}

.font-xxxlarge {
    font-size: 2em !important;
}

.font-weight-xbold {
    font-weight: 500 !important;
}

.font-weight-bold {
    font-weight: 500 !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.transition-fast {
    transition: all ease 0.15s !important;
}

.transition-ease {
    transition: all ease 0.3s !important;
}

.transition-slow {
    transition: all ease 0.45s !important;
}

.opacity {
    opacity: 0.7;
}

.hover-opacity-off:hover {
    opacity: 1;
}

/*  Ripple */
.wave {
    position: relative !important;
    cursor: pointer;
    overflow: hidden !important;
}

.wave-green .ripple {
    background: rgba(132, 191, 65, 0.5) !important;
}

.ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(204, 34, 63, .4);
    cursor: pointer;
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.rippleEffect {
    animation: rippleDrop .4s linear;
}

#page-footer img {
    height: 70px;
}

.progress {
    border-radius: 20px;
    background: #EAEBEF !important;
    border: none !important;
    width: 85%;
    display: inline-flex;
    height: 10px !important;
    top: -0.6px;
    position: relative;
}

.progress .progress-bar {
    background: #84BF41 !important;
}

div.dropdown-menu.dropdown-menu-right.menu {
    width: auto;
    max-width: initial !important;
}

.menu-list-child {
    overflow: hidden;
}

.menu-list-child, .menu-list-btn {
    transition: all ease-out .3s;
}

.mform .fdescription.required {
    display: none !important;
}

.mform .form-inline .editor_atto_content {
    min-height: 168px;
}

.mform .fitem {
    margin-bottom: 20px !important;
}

body.drawer-open-left .navbar {
    z-index: 1028 !important;
}

.block_calendar_upcoming {
    display: none;
}

#page-course-view-graduacao .block_calendar_upcoming, #page-course-view-graduacaopresencial .block_calendar_upcoming, #page-course-view-pos .block_calendar_upcoming {
    display: flex;
}

#nav-drawer > nav.list-group {
    overflow-y: auto;
    overflow-x: hidden;
}

/* FORM */
fieldset {
    padding-bottom: 15px;
    margin-left: 0;
    clear: both;
}

fieldset > .fcontainer > .form-group > .col-md-3 {
    width: auto !important;
    float: left;
}

fieldset > .fcontainer > .form-group > .col-md-9 {
    width: 100% !important;
    float: left;
}

fieldset > .fcontainer > .form-group {
    display: block !important;
    width: 100% !important;
    float: left !important;
}

fieldset label.col-form-label {
    color: #777777 !important;
    padding-right: 10px;
}

.mform fieldset legend a[aria-controls="id_general"] {
    background: none;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

legend.ftoggler, legend.ftoggler > a {
    color: #777 !important;
    font-weight: 500 !important;
}

legend.ftoggler {
    padding-top: 10px;
    padding-left: 13px;
}

.path-grade-report #maincontent + .urlselect {
    position: relative !important;
    left: initial !important;
    float: right !important;
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}


@media (max-width: 340px) {
    .d-xsm-none {
        display: none;
    }
}

@media (min-width: 480px) {
    .popover-region-container {
        top: 56px !important;
    }

    nav.navbar .logo img {
        height: 30px;
    }
}

@media (min-width: 768px) {

    #page {
        padding-left: 2rem;
    }

    #page-footer img {
        height: auto;
    }

    nav.navbar ul.nav:last-of-type li.nav-item:first-of-type div.popover-region:first-of-type {
        display: block;
    }

    #sbarGhost:before {
        padding: 5px 30px;
        font-size: 20px;
    }

    #btn-nav-bloco {
        display: block;
    }

    .navbar .popover-region {
        margin-right: 25px !important;
    }

    nav.navbar > ul.navbar-nav > li:first-of-type {
        margin-top: 0;
    }

    .userlist p:first-of-type {
        top: 55px;
        right: 42px;
        left: initial;
        font-size: 16px;
    }

    div[role="main"] {
        padding: 20px;
    }

    .firstinitial {
        width: auto;
    }

    .enrolusersbutton {
        margin-top: initial;
    }
}

@media (min-width: 1100px) {
    body.drawer-open-left {
        margin-left: 250px;
    }

    nav.navbar .logo img {
        height: 35px;
    }

    .navbar {
        padding: .5rem 1rem;
    }

    body.drawer-open-left .navbar {
        padding-left: 260px !important;
    }

    #nav-drawer {
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
        top: 0 !important;
        height: 100% !important;
    }

    #nav-opacity {
        width: 0;
        height: 0;
        display: none;
    }

    .navbar-brand {
        margin: 1px auto 0;
        float: initial;
    }
}

@media (min-width: 1290px) {
    [data-region="drawer"], .course-type-container, .navbar-course-type-btn, .navbar-course-type {
        width: 290px !important;
    }

    body.drawer-open-left {
        margin-left: 290px;
    }

    body.drawer-open-left .navbar {
        padding-left: 300px !important;
    }

    .roleuser {
        width: 290px !important;
    }
}

.img-lti{
display: none !important;
}

#contentframe {
    width: 80% !important;
    margin-left: 15px !important;
}

#page-mod-lti-view div[role='main'] h2 {
    margin-bottom: 15px !important;
    margin-left: 15px !important;
    text-align: unset !important;
}