
/****************************** GERAL ******************************/
* {
    outline: none;
}

body.pagelayout-incourse section#region-main,
section[data-region="blocks-column"] .card,
#block-region-content section.block,
section.banner_destaque {
    border-radius: 10px 10px 5px 5px;
    margin: 0 auto;
    box-shadow: 0 1px 4px 0 rgba(60,64,67,0.30), 0 1px 8px 1px rgba(60,64,67,0.15);
    border: 0;
}

.form-control:focus {
    border-color: #747677;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 118, 119, 0.41);
    box-shadow: 0 0 10px 1px rgba(116, 118, 119, 0.44);
}

.left.side:empty {
    display: none;
}

.breadcrumb-item a {
    font-weight: 600;
}

.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 1px;
    padding-left: 4px;
}

header#page-header div#page-navbar ol.breadcrumb {
    display: inline-block;
    text-align: center;
}

header#page-header div#page-navbar ol.breadcrumb li {
    display: inline-block;
}

header#page-header div#page-navbar ol.breadcrumb li:nth-child(1), header#page-header div#page-navbar ol.breadcrumb li:nth-child(2), header#page-header div#page-navbar ol.breadcrumb li:last-child {
    display: none;
}

header#page-header div#page-navbar ol.breadcrumb li:nth-child(3)::before {
    display: none;
}


/****************************** LOGIN ******************************/

body#page-login-index div#page-wrapper {
    background: url(/theme/ubonline/pix/ubonline_login_bg.jpg);
    background-size: cover;
}

body#page-login-index .card.ubonline_login_box {
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(60,64,67,0.30), 0 1px 8px 1px rgba(60,64,67,0.15);
}

body#page-login-index h2.card-header.text-center {
    padding-top: 20px;
    padding-bottom: 5px;
}

body#page-login-index h2.card-header.text-center img {
    max-width: 60px;
    margin-top: -20px;
}

body#page-login-index button#loginbtn {
    padding-top: 10px;
    padding-bottom: 10px;
}

body#page-login-index .ubonline_cookiesenabled {
    font-size: 12px;
}


/****************************** DASHBOARD ******************************/
header#header-image-mydashboard {
    padding: 22vh 0 18vh;
    text-align: center;
    color: #fff;
    background-size: cover;
    background-position-y: bottom;
    border-bottom: 3px solid var(--blue);
    background-attachment: fixed;
}

header#header-image-mydashboard h2{
    font-weight: bold;
}

body.mobiletheme header#header-image-mydashboard {
    padding: 25vh 0 20vh;
}

section.banner_destaque {
    overflow: hidden;
}

section.banner_destaque img {
    max-width: 100%;
}

@media (min-width: 720px) {
    span.orphan[data-flexitour="container"] .modal-dialog {
        max-width: 700px;
    }
}

.mediaplugin>div {
    max-width: 100%!important;
}

@media screen and (max-width: 600px) {
    span.orphan[data-flexitour="container"] {
        left: 0!important;
        max-width: 96%;
        margin: 0 2%;
    }
}

/****************************** BUTTON ******************************/


/****************************** NAVBAR ******************************/

/* LOGO */
a.logo_instituicao img {
    max-height: 40px;
}


/* USER MENU */
.navbar-expand .navbar-nav {
    background: #e9ecef;
    padding: 2px 0;
    margin-top: -1px;
}

.navbar-expand .navbar-nav li.nav-item i {
    color: #213a89;
}

.navbar-expand .navbar-nav a,
.navbar-light .navbar-nav .nav-link {
    color: #747677;
}

nav.fixed-top.navbar .usermenu {
    margin-right: 5px;
}

.navbar.fixed-top li.nav-item img.userpicture {
    margin-right: -5px;
}

nav.fixed-top.navbar span.usertext {
    border: 1px solid #dfdfdf;
    padding: 1px 5px 2px;
    border-radius: 20px;
    font-size: 12px;
    margin-right: 10px!important;
}

nav.fixed-top.navbar .dropdown-toggle::after {
    content: "";
    margin-left: 0;
    margin-bottom: -3px;
    opacity: 0.4;
}

.navbar.fixed-top .dropdown .dropdown-menu {
    box-shadow: 3px 7px 9px 0px rgba(0, 0, 0, 0.10);
}

.navbar.fixed-top .usermenu .dropdown .dropdown-menu a {
    color: #212529;
}

nav.fixed-top.navbar .dropdown-menu .dropdown-divider {
    height: 2px;
}

.mobiletheme a.logo_instituicao img {
    max-height: 35px;
    margin-top: 3px;
}

.mobiletheme .navbar-expand .navbar-nav {
    padding: 0px 0;
    margin-top: 1px;
}



/****************************** GENERAL HEADER ******************************/

#page-header .page-header-headings h1 {
    font-size: 24px;
    font-weight: 600;
}


/****************************** COLOR HEADER ******************************/
header#header-color-custom {
    margin-top: 50px;
    background: #73859f;
    padding: 50px 0;
    color: #e9ecef;
}

header#header-color-custom a{
    color: #ffffff;
}

header#header-color-custom .breadcrumb-item + .breadcrumb-item::before {
    color: #ccc;
    padding-right: 3px;
    padding-left: 3px;
}

header#header-color-custom + div#page {
    margin-top: 0;
}

header#header-color-custom .card {
    border: 0;
    background: transparent;
}

#header-color-custom .dropdown-menu.dropdown-menu-right a {
    color: #373a3c;
}


/****************************** COURSE HEADER ******************************/

header#header-image-custom header#page-header .mr-auto {
    margin: 0 auto;
}

header#header-image-custom header#page-header .mr-auto .page-header-headings h1 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
}

header#header-image-custom header#page-header div#page-navbar {
    font-size: 12px;
    margin: 0 auto;
    margin-bottom: 10px;
}


header#header-image-custom {
    padding: 100px 0 180px;
    background-color: #73859f;
    border-bottom: 3px solid var(--blue);
    background-attachment: fixed;
    background-position-x: center;
    background-size: cover;
    color: #fff;
}

header#header-image-custom a.dropdown-toggle {
    color: #fff;
}

header#header-image-custom p#adm_show_shortname {
    margin-top: 10px;
    font-size: 14px;
    color: #cccccc;
}

#header-image-custom .breadcrumb-item a {
    color: #ccc;
    font-weight: 600;
}

#header-image-custom .card {
    background: transparent;
    color: #fff;
    border: 0;
}

#header-image-custom .card .mr-auto {
    margin: 0 auto;
}

#header-image-custom .card h1 {
    font-size: 24px;
}

div#notas_participacao_links {
    text-align: center;
}

#header-image-custom .input-group-prepend {
    display: none;
}

#header-image-custom .ml-auto.d-flex {
    margin: 0 auto;
}

#page-header .d-flex.flex-wrap {
    flex-direction: column;
}

body.pagelayout-incourse header#header-image-custom {
    padding: 100px 0 70px;
}


/****************************** COURSE ******************************/

body.pagelayout-course section#region-main {
    border-radius: 10px 10px 5px 5px;
    max-width: 700px;
    margin: 0 auto;
    box-shadow: 0 1px 4px 0 rgba(60,64,67,0.30), 0 1px 8px 1px rgba(60,64,67,0.15);
    border: 0;
    min-height: 200px;
}

div#completionprogressid {
    display: none;
}

/* body.pagelayout-course {
    background: #e9ecef;
} */

body.pagelayout-course #page-wrapper #page {
    margin-top: -130px;
}

.course-content ul.topics ul.section.img-text {
    margin-left: 0;
    padding-left: 0;
}

.course-content ul.topics .section .label .mod-indent-outer {
    padding-left: 0;
}

.course-content ul.topics .section li.activity.label.modtype_label {
    margin-top: 20px;
    margin-bottom: -5px;
}

div#notas_participacao_links h5 {
    display: inline-block;
    margin: 0 6px;
    font-size: 13px;
    border: 1px solid #fff;
    padding: 2px 8px;
    border-radius: 20px;
}

div#notas_participacao_links h5 a {
    color: #fff;
}




/****************************** INCOURSE ******************************/

select#jump-to-activity {
    display: none;
}


#region-main div[role="main"] > h2 {
    display: inline-block;
}

#region-main div[role="main"] > h2:after {
    height: 2px;
    display: inline-block;
    content: " ";
    margin-top: 5px;
    margin-bottom: 10px;
    display: block;
    background: #73859f;
}


/****************************** CONTENT ******************************/

section#region-main {
    overflow: initial;
}

body#page-course-management .container{
    max-width: 1320px;
}

p#nota_uso_de_conteudo {
    font-size: 13px;
    color: #7d7d7d;
    margin-top: 10px;
}


#page-mod-page-view iframe {
    max-width: 100%;
}

.modified {
    display: none;
}

#region-main .activity-navigation {
    margin-top: 10px!important;
    margin-bottom: -10px!important;
}

body.mobiletheme #region-main .activity-navigation .row {
    flex-direction: column;
    width: 100%;
}

body.mobiletheme #region-main .activity-navigation .row > div > div {
    float: none!important;
    text-align: center;
}

body.mobiletheme #page {
    margin-top: 20px;
}


/****************************** PDF READER ******************************/

object#resourceobject {
    width: 100%!important;
    height: 89vh!important;
    border-bottom: 1px solid #dfdfdf;
    display: inline-block;
    margin-top: -1px;
}

.pdf_fullscreen {
    position: absolute;
    top: 0px;
    right: 15px;
    color: #73859f;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
    border-bottom-left-radius: 8px;
    cursor: pointer;
}

.pdf_fullscreen.pdf_active {
    color: #1177d1;
    position: fixed;
    right: 0;
    background: #fff;
}

section#region-main.pdf_active object#resourceobject {
    height: 96vh!important;
}

section#region-main.pdf_active {
    padding-bottom: 0;
}

section#region-main.pdf_active h2, .region_main_settings_menu_proxy.pdf_active, .activity-navigation.pdf_active {
    display: none;
}

body.mobiletheme object#resourceobject {
    height: auto!important;
    border: 0;
}

body.mobiletheme object#resourceobject a {
    border: 0;
    padding: 3px 5px;
    border-radius: 5px;
    margin: 5px 0;
    display: inline-block;
    color: #fff;
    background: #0078d7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: middle;
}

body.mobiletheme .pdf_fullscreen {
    display: none;
}


/****************************** PROFILE ******************************/

body#page-user-profile .mr-auto {
    margin: 0 auto!important;
}

.path-user .page-context-header > div {
    float: none;
    text-align: center;
}

.path-user .userprofile .page-context-header {
    margin: 20px 0 30px;
}

.userprofile .description img {
    max-width: 100%;
}


/****************************** CATEGORIAIS ******************************/

.course_category_tree .coursebox .content .courseimage {
    display: none;
}

#page-course-index-category .categorypicker {
    text-align: right;
}




/****************************** ADMIN ******************************/

/* .pagelayout-admin .container {
    max-width: 1320px;
} */

#nav-drawer a.list-group-item[data-key="calendar"] {
    display: none;
}



/****************************** MENSAGENS ******************************/



/****************************** FORUM ******************************/

.path-mod-forum .forumheaderlist thead .header {
    font-size: 13px;
    font-weight: normal;
    border-left: 1px solid #ececec;
    padding-bottom: 5px;
    vertical-align: bottom;
}

.path-mod-forum .forumheaderlist thead .header.lastpost {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 115px;
}

table.forumheaderlist td {
    padding: 6px 3px!important;
}

table.forumheaderlist td.lastpost {
    font-size: 10px;
}

.forumpost {
    border: 0;
    border-bottom: 2px solid #dbdddd;
}

.path-mod-forum .discussion-nav {
    margin-bottom: 30px;
}

body.mobiletheme table.forumheaderlist thead {
    display: none;
}

body.mobiletheme td.replies {
    display: none!important;
}



/****************************** QUIZ ******************************/

#page-mod-quiz-review .questionflagsaveform + .submitbtns {
    display: inline-block;
    width: 100%;
    padding-top: 0;
}

#page-mod-quiz-review .questionflagsaveform + .submitbtns a {
    padding: 5px 10px;
    border-radius: 6px;
    background: var(--blue);
    color: #fff;
}

body.path-mod-quiz #region-main-settings-menu.has-blocks, body.path-mod-quiz #region-main.has-blocks {
    display: block;
    width: 100%;
}

body.path-mod-quiz [data-region="blocks-column"] {
    width: 100%;
    float: none;
}

#mod_quiz_navblock .qn_buttons.multipages, body.path-mod-quiz .othernav a, body.path-mod-quiz .qn_buttons.allquestionsononepage {
    display: none;
}

/* section#mod_quiz_navblock {
    text-align: center;
} */

#mod_quiz_navblock h5 {
    display: none!important;
}

#mod_quiz_navblock .card-text.content {
    margin-top: -12px!important;
    padding-top: 0;
}

body.path-mod-quiz #mod_quiz_navblock #user-picture {
    display: inline-block;
    margin-right: 20px;
}

body.path-mod-quiz .othernav {
    display: inline-block;
}

body.path-mod-quiz #user-picture img {
    vertical-align: middle;
}

body.path-mod-quiz .activity-navigation {
    display: none;
}



/****************************** NOTIFICAÇÕES ******************************/

#page-message-notificationpreferences section#region-main {
    overflow-x: hidden;
}

.preference-state-status-container span.off-text, .preference-state-status-container span.on-text {
    display: none!important;
}



/****************************** NOTAS ******************************/
/* body#page-grade-report-user-index .grade-navigation {
    display: none;
} */

.generaltable.user-grade th, .path-grade-report-user .user-grade .baggt, .path-grade-report-user .user-grade .baggb {
    font-weight: normal;
}

.gradeitemdescription {
    color: #ccc;
    font-size: 12px;
}

body:not(.editing) .gradeitemdescription {
    display: none;
}
/*hide final grade*/
/* #page-grade-report-overview-index table#overview-grade th.header.c1, #page-grade-report-overview-index table#overview-grade td.cell.c1 {
    display: none;
} */


/****************************** EDITOR ******************************/
body:not(.can_edit) button.atto_html_button {
    display: none;
}




/****************************** BLOCKS ******************************/

/* Overview Courses */
.block_myoverview h5.card-title {
    display: none!important;
}

.block_myoverview  .align-self-stretch {
    overflow: hidden;
}

.block_myoverview .summary {
    display: none;
}

.block_myoverview .summary + div {
    margin-left: 0!important;
    width: 100%!important;
}

.block-timeline .row.no-gutters {
    flex-wrap: nowrap;
}



/* Linha do Tempo */
.event-name-container h6 {
    display: none;
}

.event-name-container h6.event-name {
    display: block;
}

.paged-content-page-container h5 {
    font-size: 11px;
    border: 1px solid #dee2e6;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 5px;
    background: #f8f9fa;
}



/****************************** NIVELAMENTO ******************************/

#page-enrol-index section#region-main {
    text-align: center;
}

#page-enrol-index .courseimage {
    display: none;
}

fieldset#id_selfheader {
    display: none;
}

#page-enrol-index .info {
    margin: 0 auto;
    display: table;
}

#page-enrol-index div#fitem_id_submitbutton {
    margin: 0;
}

#page-enrol-index input#id_submitbutton {
    width: 270px;
    padding: 10px;
}

#page-enrol-index .coursebox>.info>.coursename a {
    background: transparent;
    padding: 0;
}

.enrolmenticons {
    display: none;
}

#fitem_id_submitbutton div {
    display: block;
    width: 100%;
    max-width: 100%;
    flex: none;
}



/****************************** LOGIN ******************************/


/****************************** LOGIN FORGOT PASSWORD PAGE ******************************/




/****************************** FOOTER ******************************/

footer#page-footer {
    border-top: 2px solid var(--blue);
}

footer#page-footer .usertour {
    text-align: center;
}

footer#page-footer .usertour a {
    text-decoration: none;
    font-size: 12px;
    color: #ccc;
}