body {
}

a {
}

.cl {
    clear: both
}

.fl {
    float: left !important
}

.fr {
    float: right !important
}

.db {
    display: block
}

.di {
    display: inline
}

.b0 {
    border: 0 !important;
}

.clearfix {
    overflow: auto;
    zoom: 1;
}

.p-relat {
    position: relative
}

.pl0 {
    padding-left: 0
}

.pr0 {
    padding-right: 0
}

.pr15 {
    padding-right: 15px !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mr0 {
    margin-right: 0px !important
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.ml20 {
    margin-left: 20px
}

.mb10 {
    margin-bottom: 10px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mt0 {
    margin-top: 0px !important
}

.mt2 {
    margin-top: 2px !important
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.normal {
    font-weight: normal
}

.of-v {
    overflow: visible !important;
}
/*====================== LOGIN ==========================*/

audio {
    width: 250px !important;
}

.login-container {
    max-width: 450px;
}

.login-form {
    border: 1px solid #555;
}

.login-page, .page-loading-overlay {
    background-color: #333;
}

    .login-page .login-form .form-group .form-control.input-dark {
        background-color: #444;
    }

    .login-page .login-form .form-group .btn.btn-dark {
        border: 1px solid #555;
        background-color: #333;
    }

        .login-page .login-form .form-group .btn.btn-dark:hover {
            background-color: #373737;
        }

    .login-page .login-form .login-header p {
        margin-top: 25px;
        color: #bbb;
    }

    .login-page .login-form .login-footer a {
        color: #bbb;
    }

    .login-page .login-form .login-footer {
        margin-top: 35px;
    }

.panel .panel-body {
    color: #2c2e2f;
}

.i-show-hide-pass {
    cursor: pointer;
    position: absolute;
    right: 15px;
    bottom: 13px;
    font-size: 15px;
}

body:not(.login-page) .grecaptcha-badge {
    display: none !important;
}


/*======================= INICIO ===========================*/
.inicio {
    min-height: 300px;
}

.navbar.horizontal-menu {
    height: 125px;
}

.logo img {
    width: 120px;
}

.navbar-module {
    line-height: 75px;
    float: left;
}

    .navbar-module p {
        margin-bottom: 0;
        font-size: 17px;
        color: #777;
        font-weight: bold;
    }

        .navbar-module p i {
            color: #333;
        }

        .navbar-module p span {
            font-style: italic;
            font-weight: normal;
        }

.navbar-inner {
    height: 75px;
}

    .navbar-inner.tophead {
        box-shadow: 0 1px 8px #ccc;
        z-index: 999;
        position: relative;
    }

    .navbar-inner.topmenu {
        box-shadow: 0 5px 6px -3px #ddd;
        height: 50px
    }

.navbar.horizontal-menu .navbar-inner .navbar-brand {
    height: 100%;
    padding: 0 20px 0 30px
}

.navbar.horizontal-menu .navbar-inner > .nav > li {
    line-height: 75px;
}

    .navbar.horizontal-menu .navbar-inner > .nav > li p {
        margin: 0;
    }

.lastcolumn {
    white-space: nowrap;
    text-align: center;
}

    .lastcolumn .btn-action {
        margin: 0;
    }

.btn-acoes {
    padding: 0 15px;
}

.btn-top-edit {
    margin: -10px 0 0 15px;
}

.no-label {
    margin-top: 30px;
}

.form-group {
    margin-bottom: 20px;
}

.checkbox {
    float: left;
    margin-top: 2px !important;
}

.cb-label {
    color: #333;
    font-size: 12px;
}

.row {
    position: relative;
}

.btn-preview {
    position: absolute;
    top: -13px;
    right: 15px;
}


/*======================= BREADCRUMB ========================*/
.page-container .main-content .page-title {
    padding: 15px 0;
}

    .page-container .main-content .page-title .title-env .title {
        font-size: 21px;
    }

.breadcrumb {
    padding: 8px 0px 0px;
    font-size: 11px;
    font-style: italic;
    margin-bottom: 0;
}

    .breadcrumb a {
        cursor: pointer;
    }

/*==========================CONTENT==========================*/

.navbar.horizontal-menu.navbar-fixed-top + .page-container {
    margin-top: 125px;
}


/*==========================FOOTER===========================*/
/*
footer.main-footer.fixed
{
    left:0;
    }
.logo_footer
{
    float: left;
    margin-right: 20px;
    width: auto;
    }
footer h6
{
    margin-top: 0;
    margin-left: 20px;
    }
footer ul
{
    list-style: none;
    float: left;
    }
footer ul li
    {
        width: 160px;
        float: left;
        margin: 0 25px 5px 0;
        }
.footer-col1
{
    margin-left: -20px;
    height: 105px;
    }
.footer-col2
{
    width: 60%;
    border-left: 1px solid #ddd;
    padding-left: 40px;
    }
.footer-link1
{
    text-transform: uppercase;
    font-weight: bold;
    color: #555;
    font-size: 10px;
    }
.footer-link2
{
    color: #666;
    font-size: 11px;
    }
    
footer.footer-credits
{
    font-size: 11px;
    margin-top: -41px;
    }
*/
footer.main-footer.fixed {
    left: 0;
}

.logo_footer {
    float: left;
    margin-right: 20px;
    width: auto;
}

footer h6 {
    margin-top: 3px;
    margin-left: 0;
    text-transform: uppercase;
    color: #777;
    font-size: 10px;
    font-weight: bold;
}

footer ul {
    list-style: none;
    float: left;
    padding-left: 0;
}

    footer ul li {
        float: left;
        margin: 0 25px 5px 0;
    }

.footer-col1 {
    margin-left: -20px;
    height: 105px;
}

.footer-col2 {
    width: 60%;
    border-left: 1px solid #ddd;
    padding-left: 40px;
}

.footer-col2-consultoria {
    width: 60%;
    border-left: 1px solid #ddd;
    padding-left: 40px;
    height: 124px;
}

.footer-link1 {
    text-transform: uppercase;
    font-weight: bold;
    color: #777;
    font-size: 10px;
    text-decoration: underline;
}

.footer-link2 {
    color: #777;
    font-size: 11px;
    text-decoration: underline;
}

    .footer-link1:hover, .footer-link2:hover {
        color: #000;
        text-decoration: underline;
    }

footer ul li .sub-link li {
    float: initial;
    padding-left: 10px;
}

footer.footer-credits {
    font-size: 11px;
    margin-top: -10px;
}


.btn i {
    padding: 3px 0 4px !important;
    margin-right: 5px;
}

.btn-middle-form {
    margin-top: 22px;
    font-size: 11px;
}



/* DROPDOWN BOTÃO AÇÃO */
.dropdown-table {
    left: initial;
    right: 0;
    min-width: 48px;
    padding: 0;
}

    .dropdown-table li .btn {
        text-align: left;
    }

    .dropdown-table li a {
        color: #fff;
    }

        .dropdown-table li a:hover {
            color: #fff;
        }

.btn-action {
    color: #555;
    border: 1px solid #ccc;
    background-color: #fff;
    margin-right: 10px;
}

.dropdown-menu a.btn-danger:hover {
    background-color: #ab2d32;
    border: 1px solid #ab2d32;
}

table thead tr th {
    vertical-align: top !important;
}

.table-responsive /* retirado o overflow: auto pra aparecer o dropdown de ações */ {
    overflow: visible;
}



.modal-backdrop {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 300%;
    background-color: #000000;
    opacity: 0.6;
}



/*================= TABELA PLANEJAMENTO ========================*/

.table > thead > tr > th {
    white-space: nowrap;
}

.tit-table {
    width: 100%;
}

.table-md-4 {
    width: 60%;
    float: left;
}

.table-md-8 {
    width: 40%;
    float: left;
}

    .table-md-4 thead tr th, .table-md-8 thead tr th {
        vertical-align: middle !important;
    }

    .table-md-4 thead tr, .table-md-8 thead tr {
        height: 53px;
    }

    .table-md-4 tbody tr, .table-md-8 tbody tr {
        height: 60px;
    }

.table-md-4 tbody tr {
    height: 60px;
}

    .table-md-4 tbody tr.alert, .table-md-8 tbody tr.alert {
        background-color: #ffface;
    }

tr.top-table th.desat {
    color: #666;
    background: #bbb url(../images/bg-desat.jpg) repeat;
}

tr.date-bar th.desat {
    color: #777;
    background: #ccc;
}

tr td.desat {
    background: #ddd url(../images/bg-desat.jpg) repeat;
    color: #777;
}

tr td.desat2 {
    background: #ddd url(../images/bg-desat2.jpg) repeat;
    color: #777;
}

.icon-alert {
    color: #d5c117;
    font-size: 12px;
    margin-right: 5px;
}

.msg-alert {
    font-size: 11px;
    background-color: #ffface;
    padding: 6px 10px;
    border: 1px solid #ddd;
    color: #444;
}

.table-md-8 thead th {
    text-align: center;
}

.table-md-8 thead tr th {
    text-align: center;
}

.table-md-8 tbody tr td {
    vertical-align: middle;
    text-align: center;
}

    .table-md-8 tbody tr td input {
        text-align: center;
        width: 30px;
        border: 1px solid #ccc;
        height: 25px;
    }

.table-md-8 th span input.form-control {
    height: 27px;
    padding: 5px 5px;
    font-size: 12px;
    width: 75px;
    text-align: center;
}

.table-md-4 .firstcolumnn {
    width: 20px;
}

.top-table {
    background: #e3e3e3;
    text-transform: uppercase;
    font-size: 11px
}

table thead tr.date-bar th {
    vertical-align: middle !important;
}

.date-bar {
    background-color: #f1f1f1;
    border-bottom: 2px solid #e3e3e3;
}

.number {
    vertical-align: middle !important;
    font-weight: bold;
}

.tb-task {
    text-align: center;
    width: 100px;
    vertical-align: middle !important;
}

.total-table {
    font-weight: bold;
    background: #e3e3e3;
    text-transform: uppercase;
    font-size: 11px;
}

    .total-table td {
        vertical-align: middle !important;
    }

.table-md-4 .btn i.fa-close, .table-md-4 .btn i.fa-stop {
    margin-right: 0
}

.tit-roteiro {
    max-width: 60%;
    display: block;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .tit-roteiro i {
        margin-left: 10px;
    }

.legend-table {
    font-size: 11px;
    color: #555;
    float: left;
    line-height: 28px;
    margin-bottom: 25px;
}

    .legend-table i {
        margin: 0 8px 0 15px;
    }
/*=====================TABELA DESEMPENHO ======================*/

.desempenho thead tr th, .desempenho tbody tr td {
    text-align: center;
}

.color-col {
    background:
}

.materia-tbl {
    width: 400px;
    text-align: left !important;
}

.desempenho-tbl {
    text-align: left !important;
}

.div-tbl {
    border-left: 1px solid #ccc;
    padding: 0 !important;
    background: #ddd;
}

.br-tbl {
    border-right: 2px solid #d9d9d9 !important;
}

.pag-desempenho {
    margin-left: 380px;
}

    .pag-desempenho label {
        margin: 8px 10px 0 0;
        float: left;
    }

    .pag-desempenho i {
        margin-right: 0;
    }

.pag-meta {
    width: 30% !important;
    float: left;
}

.desempenhoacumulado {
    margin-bottom: 0;
}

    .desempenhoacumulado td, .desempenhoacumulado thead tr.top-table th {
        text-align: center;
    }

        .desempenhoacumulado thead tr.top-table th:first-child {
            text-align: left;
        }

/*===================== TABELA DISCIPLINAS =====================*/
.tb-disciplina {
    border: 1px solid #ddd !important;
    margin-top: 20px;
}



/*======================= ALUNOS METAS =========================*/
.metas {
    list-style: none;
    margin-left: -20px;
}

    .metas li {
        position: relative;
        float: left;
        border: 1px solid #ccc;
        background: #ddd;
        padding: 15px;
        width: 180px;
        margin: 0 0 20px 20px;
        overflow: hidden;
        height: 210px;
    }

        .metas li.xe-widget .xe-background {
            left: -20%;
            bottom: -40%;
            position: absolute;
            color: #fff;
            font-size: 150px;
            zoom: 1;
            -webkit-opacity: .2;
            -moz-opacity: .2;
            opacity: .2;
            -ms-filter: alpha(Opacity=20);
            filter: alpha(opacity=20);
            z-index: 5;
        }

.xe-bar {
    width: 91.66666667% !important;
    margin-left: 20px !important;
    height: 68px;
    padding: 22px 15px !important;
}

    .xe-bar h4 {
        border-right: 1px solid #222;
        padding-right: 15px;
        float: left;
        margin: 0 15px 0 0 !important;
        font-size: 20px !important;
    }

    .xe-bar p {
        margin-top: 3px;
    }

.btn-baixarmeta {
    bottom: 18px;
    right: 20px;
    width: 130px;
    font-size: 14px;
    height: 35px;
    background-color: #86af65;
    font-weight: normal;
    position: initial;
    float: right;
    margin-top: -8px;
    color: #fff;
}


.xe-7dias {
    background: #fa868b !important;
}

.metas li.xe-widget.xe-7dias .xe-background {
    -webkit-opacity: .1 !important;
    -moz-opacity: .1 !important;
    opacity: .1 !important;
    -ms-filter: alpha(Opacity=10) !important;
    filter: alpha(opacity=10) !important;
}

.xe-8-21dias {
    background: #e94f5a !important;
}

.metas li.xe-widget.xe-8-21dias .xe-background {
    -webkit-opacity: .1 !important;
    -moz-opacity: .1 !important;
    opacity: .1 !important;
    -ms-filter: alpha(Opacity=10) !important;
    filter: alpha(opacity=10) !important;
}

.xe-21dias {
    background: #c2242f !important;
}

.metas li.xe-widget.xe-21dias .xe-background {
    -webkit-opacity: .1 !important;
    -moz-opacity: .1 !important;
    opacity: .1 !important;
    -ms-filter: alpha(Opacity=10) !important;
    filter: alpha(opacity=10) !important;
}




.xe-7dias-fraca {
    background: #a49aea !important;
}

.metas li.xe-widget.xe-7dias-fraca .xe-background {
    -webkit-opacity: .1 !important;
    -moz-opacity: .1 !important;
    opacity: .1 !important;
    -ms-filter: alpha(Opacity=10) !important;
    filter: alpha(opacity=10) !important;
}

.xe-8-21dias-fraca {
    background: #7061e2 !important;
}

.metas li.xe-widget.xe-8-21dias-fraca .xe-background {
    -webkit-opacity: .1 !important;
    -moz-opacity: .1 !important;
    opacity: .1 !important;
    -ms-filter: alpha(Opacity=10) !important;
    filter: alpha(opacity=10) !important;
}

.xe-21dias-fraca {
    background: #3922e5 !important;
}

.metas li.xe-widget.xe-21dias-fraca .xe-background {
    -webkit-opacity: .1 !important;
    -moz-opacity: .1 !important;
    opacity: .1 !important;
    -ms-filter: alpha(Opacity=10) !important;
    filter: alpha(opacity=10) !important;
}


.xe-ico-antecipada {
    background: #3e8745 !important;
    height: 8px !important;
    margin-top: 2px;
}

.xe-antecipada {
    border-bottom: 6px solid #3e8745 !important;
    padding-bottom: 10px !important;
}

.metas li.xe-widget.xe-antecipada .xe-background {
    -webkit-opacity: .1 !important;
    -moz-opacity: .1 !important;
    opacity: .1 !important;
    -ms-filter: alpha(Opacity=10) !important;
    filter: alpha(opacity=10) !important;
}

.metas li h4 {
    font-size: 14px;
    color: #222;
    float: left;
    margin: 0 0 18px 0;
    position: relative;
    z-index: 10;
    display: block;
    width: 100px;
}

.metas li p {
    font-size: 11px;
    color: #222;
    float: left;
    position: relative;
    z-index: 11;
}

    .metas li p:last-child {
        margin-bottom: 0 !important;
    }

.metas li a {
    float: right;
    text-align: center;
    margin-top: -5px;
    padding: 3px;
}

    .metas li a .fa-file-pdf-o {
        font-size: 18px;
    }

    .metas li a .fa-pencil-square-o {
        font-size: 18px;
    }

    .metas li a .fa-plus-square {
        font-size: 18px;
    }

    .metas li a span {
        font-family: arial;
        font-size: 9px;
    }

.metas .btn-vermais {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    background: #444;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    border: 0;
}

.legenda-metas {
    float: left;
    border-top: 1px solid #eee;
    padding-top: 30px;
    list-style: none;
    margin-top: 20px;
}

    .legenda-metas ul {
        list-style: none;
        font-size: 11px;
        color: #555;
    }

        .legenda-metas ul li {
            width: 100px;
            margin-right: 20px;
            float: left;
            line-height: 13px;
            width: 135px;
        }

.box-legenda {
    width: 23px;
    height: 23px;
    background: #ddd;
    margin-right: 5px;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}



/*========================== CORES =============================*/
.panel {
    border-top: 3px solid #f8c300;
}

.panel-off {
    border-top: 0;
}

.panel .panel-heading {
    padding-bottom: 10px;
}

    .panel .panel-heading h3 {
        line-height: 30px;
    }

.panel-heading .btn {
    margin-bottom: 5px;
}

.group-item {
    width: 48%;
    border: 1px solid #ddd;
    background-color: #fafafa;
    padding: 15px 20px 5px;
    margin: 10px 0 20px 15px;
    float: left;
    color: #777;
}

    .group-item .col-md-6, .group-item .col-md-12, .group-item .label-group-item {
        padding-right: 0;
        padding-left: 0;
    }

.label-group-item {
    padding: 0 15px;
}

.tit-group {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.tit-group-consult {
    border-bottom: 1px solid #ddd;
}

.txt-group-item {
    color: #555;
    font-size: 14px;
    margin-bottom: 11px;
}

.btn.btn-secondary, .btn-success {
    background: #86af65;
}

.toast-top-full-width {
    top: 85px;
    width: 50%;
    left: 25%;
}

.info-tit {
    width: 110px;
}

.info-form {
    color: #333;
}

.info-indent {
    margin-left: 15px;
}

.info-edit {
    margin-top: 20px;
    font-size: 11px;
}

.txt-update {
    float: right;
    font-size: 11px;
    font-weight: bold;
    color: #666;
}

    .txt-update span {
        font-weight: normal;
    }

/*========================== TAB ==============================*/
.profile-group {
    margin-top: 20px;
}

.tit-perfil {
    font-size: 16px;
}

.divbar {
    border-left: 1px solid #666;
    padding-left: 30px;
}

.perfil-aluno .info-form {
    margin-right: 30px;
    font-style: italic;
}

    .perfil-aluno .info-form.hora-e-min {
        margin-right: 0px;
    }

.perfil-aluno label {
    font-weight: bold;
}
/* .perfil-aluno form label
{
    font-weight: normal;
    }*/
.perfil-aluno div.tab-content {
    overflow: auto;
    zoom: 1;
}

.tab-content h4, .form-group h4 {
    font-weight: bold;
    font-size: 15px;
}

.tab-head {
    margin-bottom: 25px;
    font-size: 17px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f5f5f5;
}

    .tab-head .tab-title {
        display: inline;
        font-size: 17px;
    }

.tab-content input[type=radio], .tab-content input[type=checkbox] {
    margin-right: 5px;
}

.tab-box {
    border: 1px solid #ddd;
    background-color: #fafafa;
    width: 100%;
    padding: 15px 20px 5px;
    float: left;
    margin-bottom: 20px;
    margin-top: 5px;
    position: relative;
}

.task-box {
    background-color: #ddd;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20px;
    text-align: center;
}

.head-box {
    background: #ddd;
    padding: 15px;
    margin-top: 20px;
}

    .head-box p {
        font-size: 13px;
        color: #333;
        margin-bottom: 0;
        line-height: 32px;
        float: left;
        font-weight: bold;
        margin-left: 10px;
    }

    .head-box .btn {
        margin-bottom: 0;
    }

.lbl-box {
    float: left;
    margin-right: 5px;
}

.txt-compl {
    color: #666;
    font-style: italic;
    font-size: 11px;
    line-height: 16px;
}

.b-top {
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.b-bottom {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.radio-group {
    margin-top: 30px;
}

    .radio-group .form-group {
        margin-bottom: 0;
    }

.grid-aluno-mail {
    border: 1px solid #ddd;
    background-color: #fafafa;
    padding: 15px 20px 5px;
    margin: 10px 0 20px 15px;
    float: left;
    color: #777;
}

    .grid-aluno-mail table {
        background-color: #fff;
    }

.item-prior {
    background: #eee !important;
    padding: 7px 12px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 15px;
    border: 1px solid #ddd !important;
}

.check-prior {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
    float: right;
    border-left: 1px solid #ddd;
    padding: 8px 15px 7px 20px;
}

    .check-prior input {
        float: left;
        margin-top: 2px;
        margin-right: 5px;
    }

.uk-nestable-handle {
    color: #ccc !important;
    background: #e2e2e2 !important;
    font-size: 16px !important;
}


.accordion-indent {
    padding-left: 40px
}

accordion .panel {
    background-color: #f1f1f1;
    border-top: none;
    padding: 15px 20px;
}

accordion .panel-group .panel .panel-heading + .panel-collapse .panel-body {
    border-top: 2px solid #fff;
    padding-bottom: 15px;
}

accordion .panel .panel-heading > .panel-title {
    font-size: 15px;
}

accordion .panel .panel-body {
    color: #666;
}

accordion h4 a {
    font-weight: normal;
}

accordion .expanded h4 span {
    font-weight: bold;
}

accordion h5 {
    font-size: 14px;
    display: inline;
    font-weight: bold;
    color: #2c2e2f;
}

accordion .btn-acoes, accordion .btn-acoes .btn,
.tab-content .btn-acoes, .tab-content .btn-acoes .btn {
    margin-bottom: 0
}

.task-bar {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    margin: 2px 0 0 20px;
    float: left;
    margin-top: 0 !important;
}

    .task-bar span {
        font-weight: normal !important;
    }

.task-content {
}

    .task-content label {
        color: #333;
    }

    .task-content p {
        color: #444;
    }

.selo-errata {
    margin: -15px 0 0 20px;
    position: absolute;
    background-color: #fffff2;
    padding: 8px 10px;
    right: 30px;
    font-size: 12px;
    color: #777;
    border: 1px solid #d8d785;
    border-top: none;
    border-left: none;
    text-transform: uppercase;
    font-weight: bold;
}

    .selo-errata i {
        margin-right: 5px;
        color: #ccca49;
    }

.btn-enviar-errata {
    margin-right: 15px;
}

.box-errata {
    padding: 15px;
    background-color: #fffff2;
    border: 1px solid #e6e5ad;
}

.tbl-materia {
    background-color: #fff;
    margin-bottom: 0;
}

.tabela-desempenho th, .tabela-desempenho td {
    text-align: center;
}

.blockquote {
    width: 100%;
    padding: 15px 25px;
}

    .blockquote .form-group {
        margin-bottom: 5px;
    }

    .blockquote .form-group {
        font-size: 13px;
    }

.filtro-data {
    width: 140px;
}

.droppable-area {
    position: absolute;
    bottom: 56px;
    left: 30px;
    display: none;
    width: 180px;
    min-height: 180px !important;
    height: 150px;
    line-height: 180px;
    text-align: center;
    font-size: 15px;
    border-radius: 50%;
    background-clip: padding-box;
}

/*========================= PERFIL ALUNOS ==============================*/
.tit-perfil {
    font-size: 25px;
    font-weight: bold;
    float: left;
    margin-right: 35px;
}

.txt-perfil {
    font-size: 14px;
    color: #555;
    margin-bottom: 0;
    margin-left: 150px;
}

.radio-item {
    float: left;
    margin-top: 2px !important;
}

.task-content h4 {
    color: #333;
}

.blockquote-default h5 span {
    font-weight: normal;
    font-size: 11px;
    font-style: italic;
    color: #999;
}

accordion .b-bottom {
    border-bottom: 1px solid white;
}

.btn-close {
    padding: 4px 8px;
}

.logout {
    display: none;
}
/*======================== MEDIA QUERIES ===============================*/

/* maior que 970px */
@media screen and (min-width: 970px) {
    .navbar.horizontal-menu .navbar-inner .navbar-nav {
        margin-left: 30px;
    }

        .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
            line-height: 50px
        }

            .navbar.horizontal-menu .navbar-inner .navbar-nav > li > a {
                line-height: 50px
            }
}

/* entre 768px e 970px */
@media screen and (min-width: 768px) and (max-width: 970px) {
    .toast-top-full-width {
        top: 60px;
        width: 50%;
        left: 25%;
    }

    .group-item {
        width: 95%;
    }

    .navbar.horizontal-menu .navbar-inner .navbar-nav {
        margin-left: 30px;
    }

        .navbar.horizontal-menu .navbar-inner .navbar-nav > li {
            line-height: 50px
        }

            .navbar.horizontal-menu .navbar-inner .navbar-nav > li > a {
                line-height: 50px
            }
}

/* menor que 768px */
@media screen and (max-width: 768px) {
    .logout {
        display: block;
    }

    .logo img {
        width: 50px;
    }

    .navbar-inner .topmenu {
        display: none;
    }

    .navbar.horizontal-menu {
        height: 75px;
    }
        /*.navbar.horizontal-menu { margin-bottom: 75%; }*/
        .navbar.horizontal-menu .navbar-inner .navbar-brand {
            padding: 0px 20px 0px 20px;
        }

    .navbar-module {
        margin-top: 22px;
        float: left;
        line-height: normal;
    }

        .navbar-module p {
            font-size: 13px;
            color: #ccc;
        }

            .navbar-module p i {
                display: none;
            }

            .navbar-module p span {
                display: block;
            }


    .navbar-inner.tophead, .navbar-inner.topmenu {
        margin-top: 0;
        box-shadow: initial;
    }

    .navbar.horizontal-menu .navbar-inner {
        padding: 0;
    }

        .navbar.horizontal-menu .navbar-inner .navbar-nav {
            margin-top: 0;
        }

        .navbar.horizontal-menu .navbar-inner > .nav.navbar-mobile {
            margin-top: 25px;
        }

    .navbar.horizontal-menu.navbar-fixed-top + .page-container {
        margin-top: 0;
    }

    .navbar.horizontal-menu .navbar-inner .navbar-nav.mobile-is-visible {
        background-color: #2c2e2f;
    }

    /*.page-container .main-content{padding:12px 30px 30px;}*/


    .footer-col2 {
        border-left: none;
        padding-left: 0;
    }

    .btn-sm {
        font-size: 12px;
    }

    a.btn-sm i {
        font-size: 12px;
        margin-right: 0
    }

    .toast-top-full-width {
        top: 60px;
        width: 50%;
        left: 25%;
    }

    .group-item {
        width: 95%;
    }

    .dropdown-menu {
        left: 0;
    }

        .dropdown-menu > li > a {
            padding: 5px 15px;
        }

            .dropdown-menu > li > a > i {
                margin-right: 0;
            }

    .txt-perfil {
        font-size: 14px;
        color: #555;
        margin-bottom: 0;
        margin-left: 0px;
        float: left;
    }
}

/*==================== CORES DESEMPENHO =====================*/
select.form-control option.option-bg-soft-purple {
    background-color: rgb(153 40 217 / 10%);
}

.legenda-desempenho {
    float: left;
    border-top: 1px solid #eee;
    padding-top: 30px;
    list-style: none;
    margin-top: 20px;
}

    .legenda-desempenho ul {
        list-style: none;
        font-size: 11px;
        color: #555;
    }

        .legenda-desempenho ul li {
            width: 80px;
            margin-right: 20px;
            float: left;
            line-height: 23px;
        }
/*.rel-desempenho-100 { background-color: #3fb12f; color: #FFFFFF; }
.rel-desempenho-80 { background-color: #a2cf3d; color: #FFFFFF; }
.rel-desempenho-70 { background-color: #dcd645; color: #808285; }
.rel-desempenho-60 { background-color: #fef250; color: #808285; }
.rel-desempenho-50 { background-color: #f68b1f; color: #FFFFFF; }
.rel-desempenho-40 { background-color: #ed4f30; color: #FFFFFF; }
.rel-desempenho-0 { background-color: #c9282d; color: #FFFFFF; }*/

.rel-desempenho-100 {
    background-color: #00AD26;
}

.rel-desempenho-80 {
    background-color: #3DFF0D;
}

.rel-desempenho-70 {
    background-color: #BDFF22;
}

.rel-desempenho-60 {
    background-color: #FEF250;
}

.rel-desempenho-50 {
    background-color: #FF8B16;
}

.rel-desempenho-40 {
    background-color: #FF431E;
}

.rel-desempenho-0 {
    background-color: #E11016;
}
.rel-desempenho {
    background-color: #888;
    color: #fff;
}

    .rel-desempenho-100 span, .rel-desempenho-80 span, .rel-desempenho-70 span, .rel-desempenho-60 span, .rel-desempenho-50 span, .rel-desempenho-40 span, .rel-desempenho-0 span {
        color: #000000;
        display: inline-block;
        font-weight: bold;
        text-shadow: 0px 0px 1px rgba(0, 0, 0, .5);
        letter-spacing: .15rem;
    }





.rel-desempenho-size {
    width: 60px;
    text-align: right;
    padding-right: 3px;
}

    .rel-desempenho-size.text-center {
        text-align: center;
    }

.assunto-informativo {
    font-size: 15px;
    color: #bbb;
    margin-left: 5px;
}

.box-dicas {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 23px;
    overflow: hidden;
}

    .box-dicas div > i {
        color: #333;
        font-size: 60px;
    }

    .box-dicas li {
        line-height: 20px;
    }

.btn.ativo {
    background: #4495d1;
    color: #fff;
}

    .btn.ativo:hover {
        color: #333;
    }

.head-profile {
    font-size: 15px;
    margin-bottom: 15px;
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
}

    .head-profile span {
        font-weight: bold;
    }

    .head-profile div {
        /* border-left: 1px solid #000;*/
        padding-left: 20px;
    }


.boton-profile {
    font-size: 15px;
}

    .boton-profile span {
        font-weight: bold;
    }

    .boton-profile div {
        padding-right: 10px;
    }

.subhead-profile {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 20px;
}

    .subhead-profile label {
        display: block;
        margin-bottom: 0;
        margin-top: 6px
    }

    .subhead-profile span {
        font-weight: bold;
    }

.modal-header .subhead-profile {
    margin-top: 10px;
    margin-bottom: 10px;
}



/* modal ajustada */
.tipoModal-Sucesso .modal-header,
.tipoModal-Erro .modal-header {
    padding: 10px;
}

    .tipoModal-Sucesso .modal-header h2,
    .tipoModal-Erro .modal-header h2 {
        font-size: 22px;
    }

.tipoModal-Erro .modal-title {
    color: #092949;
}

.tipoModal-Erro .modal-body {
    color: red;
}

.tipoModal-Sucesso .modal-title {
    color: #092949;
}

.tipoModal-Sucesso .modal-body {
    color: green;
}

.tipoModal-Sucesso em,
.tipoModal-Erro em {
    font-size: 30px;
}

.tipoModal-Sucesso .espacoTop {
    padding-top: 8px;
}

.tipoModal-Sucesso .modal-header {
    border-color: #092949;
}

.tipoModal-Erro .modal-header {
    border-color: #092949;
}

.iconPosition {
    text-align: right;
}

/*======================= MÓDULOS ==========================*/

.tit-module {
    clear: both;
    margin-left: 15px;
}

    .tit-module h2 {
        font-size: 18px;
        margin-top: 0;
    }

.module {
    list-style: none;
    padding: 0 10px;
    float: left;
    margin-bottom: 25px;
}

    .module li {
        position: relative;
        float: left;
        text-align: center;
        cursor: pointer;
        margin: 0 10px 20px;
        width: 150px;
        height: 162px;
    }

.module-icon {
    border-bottom: 2px solid #fff;
    background: #e5e5e5;
    height: 102px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 25px;
}

.module li:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .module li:hover h3 {
        background: #c8c8c8;
    }

    .module li:hover .module-icon {
        background: #d6d6d6;
        box-shadow: inset 0 3px 0 #c8c8c8;
    }

.module h3 {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
    margin: 0 auto;
    width: 150px;
    height: 58px;
    background: #d5d5d5;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    vertical-align: middle;
    display: table-cell;
    line-height: 16px;
}




/*=================== MODULE DROPDOWN ===================*/

.drop-module {
    width: 600px !important;
}

    .drop-module .module {
        margin-bottom: 10px;
        margin-top: 15px;
        padding: 0 30px;
    }

        .drop-module .module li {
            margin-right: 15px;
            width: 95px;
            height: 112px;
        }

            .drop-module .module li:last-child {
                margin-right: 0;
            }

    .drop-module .module-icon {
        height: 70px;
        padding: 18px;
    }

        .drop-module .module-icon img {
            width: 43px;
        }

    .drop-module h3 {
        height: 40px;
    }

    .drop-module h3 {
        font-size: 9px !important;
        line-height: 11px;
    }

    .drop-module .module li:hover {
        width: 95px;
        height: 112px;
    }

    .drop-module .top .small {
        padding-bottom: 10px !important;
    }

        .drop-module .top .small a {
            cursor: pointer;
        }

    .drop-module .top.cl {
        padding-top: 0 !important;
    }


.list-concursos .list {
    padding: 15px;
    border-radius: 6px;
    border: solid 1px #ccc;
    margin-bottom: 15px;
}

    .list-concursos .list:hover {
        background: #f2f2f2;
    }

    .list-concursos .list .txt-center {
        text-align: center;
    }

        .list-concursos .list .txt-center em {
            font-size: 30px;
        }

            .list-concursos .list .txt-center em.gold {
                color: #ffd700;
            }

.foto-ic {
    position: initial;
    margin-bottom: 25px;
    margin-top: 25px;
    margin: 0 auto;
}

.image-loaded {
    margin: 0;
}

.msg-foto {
    font-style: italic;
    font-size: 11px;
}

#nomeFotoChamada, #nomeFotoAmpliada {
    clear: both;
    float: left;
    margin-top: 5px;
}

.btn-envia-foto {
    margin: 0 0 0 10px;
}

.adicionar-foto {
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}

    .adicionar-foto label {
        color: #555;
    }

.box-tag {
    background-color: #fff;
    color: #333;
    border: 1px solid #ddd;
    padding: 10px;
    float: left;
    margin-right: 10px;
    border-radius: 5px;
}
/*=================== OUTROS ===================*/

.btn.btn-VerResposta {
    background-color: #54723B;
}

    .btn.btn-VerResposta:hover {
        background-color: #3B512A;
    }

.txt-required {
    float: right;
    margin: 10px 0 0;
    font-size: 11px;
}

span.validate-has-error, .mensagem-erro {
    display: block;
    padding-top: 5px;
    font-size: 12px;
    color: #cc3f44;
}

.msg-alerta {
    padding: 15px 20px;
    border: 1px solid #ffcb05;
    margin: 20px 0;
    background: #fffff6;
}

    .msg-alerta i {
        float: left;
        font-size: 35px;
        color: #f8ae19;
    }

.txt-alerta {
    margin-left: 25px;
    float: left;
}

    .txt-alerta h4 {
        color: #f8ae19;
        font-size: 15px;
        font-weight: bold !important;
        margin-top: 5px;
    }

    .txt-alerta p {
        font-weight: normal;
        color: #444;
        font-size: 12px;
    }

.datepicker {
    z-index: 1151 !important;
}

/*=================== REFORÇO ENEM ===================*/
/*div {border: 1px solid red;}*/

.REnemMetas-BoxMeta {
    border: 1px solid #d2d2d2;
    padding: 10px;
    margin-bottom: 20px;
    line-height: 18pt;
    height: 220px;
}

.REnemMetas-BoxMeta-MNum {
    font-size: 18pt;
    font-weight: bold;
    margin-bottom: 20px;
}

.REnemMetas-BoxMeta-MStatus {
    text-align: center;
}

    .REnemMetas-BoxMeta-MStatus div {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        width: 70%;
    }

.REnemMetas-BoxMeta-MStatus-Edicao {
    color: #fff;
    padding: 3px 5px;
    background: #8f663d;
}

.REnemMetas-BoxMeta-MStatus-Agendada {
    color: #fff;
    padding: 3px 5px;
    background: #ff7f00;
}

.REnemMetas-BoxMeta-MStatus-Gerada {
    color: #fff;
    padding: 3px 5px;
    background: #73CD00;
}

/* BOTOES COM A COR DO STATUS */
.btn-MStatus-Edicao {
    color: #ffffff;
    background-color: #8F663D;
}

    .btn-MStatus-Edicao:hover, .btn-MStatus-Edicao:focus, .btn-MStatus-Edicao:active, .btn-MStatus-Edicao.active, .open .dropdown-toggle.btn-MStatus-Edicao {
        color: #ffffff;
        background-color: #6B4621;
    }

    .btn-MStatus-Edicao:active, .btn-MStatus-Edicao.active, .open .dropdown-toggle.btn-MStatus-Edicao {
        background-image: none;
    }

    .btn-MStatus-Edicao.disabled, .btn-MStatus-Edicao[disabled], fieldset[disabled] .btn-MStatus-Edicao, .btn-MStatus-Edicao.disabled:hover, .btn-MStatus-Edicao[disabled]:hover, fieldset[disabled] .btn-MStatus-Edicao:hover, .btn-MStatus-Edicao.disabled:focus, .btn-MStatus-Edicao[disabled]:focus, fieldset[disabled] .btn-MStatus-Edicao:focus, .btn-MStatus-Edicao.disabled:active, .btn-MStatus-Edicao[disabled]:active, fieldset[disabled] .btn-MStatus-Edicao:active, .btn-MStatus-Edicao.disabled.active, .btn-MStatus-Edicao[disabled].active, fieldset[disabled] .btn-MStatus-Edicao.active {
        background-color: #8F663D;
    }

    .btn-MStatus-Edicao .badge {
        color: #8F663D;
        background-color: #ffffff;
    }

.btn-MStatus-Agendada {
    color: #ffffff;
    background-color: #FF7F00;
}

    .btn-MStatus-Agendada:hover, .btn-MStatus-Agendada:focus, .btn-MStatus-Agendada:active, .btn-MStatus-Agendada.active, .open .dropdown-toggle.btn-MStatus-Agendada {
        color: #ffffff;
        background-color: #CC6702;
    }

    .btn-MStatus-Agendada:active, .btn-MStatus-Agendada.active, .open .dropdown-toggle.btn-MStatus-Agendada {
        background-image: none;
    }

    .btn-MStatus-Agendada.disabled, .btn-MStatus-Agendada[disabled], fieldset[disabled] .btn-MStatus-Agendada, .btn-MStatus-Agendada.disabled:hover, .btn-MStatus-Agendada[disabled]:hover, fieldset[disabled] .btn-MStatus-Agendada:hover, .btn-MStatus-Agendada.disabled:focus, .btn-MStatus-Agendada[disabled]:focus, fieldset[disabled] .btn-MStatus-Agendada:focus, .btn-MStatus-Agendada.disabled:active, .btn-MStatus-Agendada[disabled]:active, fieldset[disabled] .btn-MStatus-Agendada:active, .btn-MStatus-Agendada.disabled.active, .btn-MStatus-Agendada[disabled].active, fieldset[disabled] .btn-MStatus-Agendada.active {
        background-color: #FF7F00;
    }

    .btn-MStatus-Agendada .badge {
        color: #FF7F00;
        background-color: #ffffff;
    }

.btn-MStatus-Gerada {
    color: #ffffff;
    background-color: #73CD00;
}

    .btn-MStatus-Gerada:hover, .btn-MStatus-Gerada:focus, .btn-MStatus-Gerada:active, .btn-MStatus-Gerada.active, .open .dropdown-toggle.btn-MStatus-Gerada {
        color: #ffffff;
        background-color: #529100;
    }

    .btn-MStatus-Gerada:active, .btn-MStatus-Gerada.active, .open .dropdown-toggle.btn-MStatus-Gerada {
        background-image: none;
    }

    .btn-MStatus-Gerada.disabled, .btn-MStatus-Gerada[disabled], fieldset[disabled] .btn-MStatus-Gerada, .btn-MStatus-Gerada.disabled:hover, .btn-MStatus-Gerada[disabled]:hover, fieldset[disabled] .btn-MStatus-Gerada:hover, .btn-MStatus-Gerada.disabled:focus, .btn-MStatus-Gerada[disabled]:focus, fieldset[disabled] .btn-MStatus-Gerada:focus, .btn-MStatus-Gerada.disabled:active, .btn-MStatus-Gerada[disabled]:active, fieldset[disabled] .btn-MStatus-Gerada:active, .btn-MStatus-Gerada.disabled.active, .btn-MStatus-Gerada[disabled].active, fieldset[disabled] .btn-MStatus-Gerada.active {
        background-color: #73CD00;
    }

    .btn-MStatus-Gerada .badge {
        color: #73CD00;
        background-color: #ffffff;
    }
/* ./BOTOES COM A COR DO STATUS */

.REnemMetas-BoxMeta-Acao {
    text-align: right;
    font-size: 16pt;
}

    .REnemMetas-BoxMeta-Acao a {
        margin-left: 15px;
    }

        .REnemMetas-BoxMeta-Acao a i.fa-rotate-left:hover, .REnemMetas-BoxMeta-Acao a i.fa-rotate-left:active {
            color: #8f663d;
        }

        .REnemMetas-BoxMeta-Acao a i.fa-edit:hover, .REnemMetas-BoxMeta-Acao a i.fa-edit:active {
            color: #8f663d;
        }

        .REnemMetas-BoxMeta-Acao a i.fa-download:hover, .REnemMetas-BoxMeta-Acao a i.fa-download:active {
            color: #73CD00;
        }

.REnemMetas-BoxMeta-MAssunto {
    font-size: 11pt;
}

.REnemMetas-BoxMeta-MAssuntoRel {
    margin: 10px 0px 20px 0px;
}

.REnemMetas-BoxMeta-MData {
    font-weight: bold;
    font-size: 12pt;
}

.REnemMetas-BoxMeta-MNumInterna {
    font-size: 25pt;
    font-weight: bold;
    margin-bottom: 20px;
}

.REnemMetas-BoxLegenda {
    border: 1px solid #d2d2d2;
    padding: 10px;
    margin-bottom: 20px;
    line-height: 18pt;
}

.REnemMetas-BoxLegendaTexto {
    font-size: 8pt;
    padding-top: 20px;
    text-align: center;
}

.REnemMetas-Disciplina-Titulo {
    font-size: 13pt;
    margin-top: 50px;
    margin-bottom: 20px;
}

.REnemMetas-Disciplina-Container {
    padding: 0px 0px 20px 0px;
}

.REnemMetas-Disciplina-LVL1 {
    margin-left: 20px;
}

.REnemMetas-Disciplina-LVL2 {
    margin: 0px 30px;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 8px;
    padding-top: 8px;
}

    .REnemMetas-Disciplina-LVL2 .fa-info-circle {
        padding-left: 5px;
        padding-right: 5px;
    }

.REnemMetas-BoxLegenda .fa-info-circle, .REnemMetas-BoxLegenda .fa-exclamation {
    padding-right: 5px;
}

.REnemMetas-BoxLegenda .fa-info-circle, .REnemMetas-BoxLegenda .fa-exclamation, .REnemMetas-Disciplina-LVL2 .fa-info-circle, .REnemMetas-Disciplina-LVL2 .fa-exclamation {
    color: #999;
}

.REnemMetas-Disciplina-Nome {
    font-weight: bold;
    cursor: pointer;
}

.REnemMetas-Disciplina-Check { /*margin-left: 20px;*/
}

.REnemMetas-Disciplina-Arrow {
    margin-left: 20px;
    margin-right: 20px;
    color: #666;
}

.REnemMetas-Disciplina-MSG {
    border: 1px solid #d2d2d2;
    padding: 5px;
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 15px;
}

    .REnemMetas-Disciplina-MSG i {
        font-size: 30pt;
    }

.REnemMetas-Disciplina-Question {
    font-style: italic;
    float: left;
    margin-top: 4px;
    padding: 10px 15px;
}

.REnemMetas-Red {
    color: #990000;
}




.video-yotube-card {
    min-height: 320px;
}

    .video-yotube-card iframe {
        width: 370px;
        height: 210px;
    }

@media screen and (max-width: 480px) {
    .video-yotube-card {
        min-height: 260px;
    }

        .video-yotube-card iframe {
            width: 270px;
            height: 150px;
        }
}

.video-anchor-tabs {
    background-color: #cccccc;
    font-weight: bold;
    padding: 10px;
    margin: 10px 10px 0 0;
    float: left;
    border-radius: 5px;
    cursor: pointer;
}

    .video-anchor-tabs i {
        font-weight: normal;
    }

.video-anchor {
    margin-top: -120px;
    height: 130px;
    display: block;
    position: relative;
    background-color: rgba(255,0,0,.3);
    visibility: hidden;
    z-index: 2;
}

.msg-media::after {
    content: '(media)';
    font-style: italic;
    background-color: #eeeeee;
    padding: 5px;
    border-radius: 5px;
    color: #a7a7a7;
    margin-left: 10px;
}

/* Cores do fundo do CKeditor */
.marker {
    background-color: #FFFF00;
}

.marker-verde {
    background-color: #00FF00;
}

.txt-analiseDesempenho p {
    color: #000;
}

.txt-analiseDesempenho {
    font-size: 14px;
    font-family: sans-serif, Arial, Verdana, Trebuchet MS;
    text-align: justify;
}

.txt-fontColor {
    color: #FF0000;
}


/*Revisao Direcionada*/
table.table-revisao-direcionada thead th {
    color: #8929a7 !important;
    background-color: rgb(137 41 167 / 5%);
}

.wrapper-texto-introducao-revisao-direcionada p,
.wrapper-texto-pos-revisao-direcionada p,
.wrapper-texto-pos-revisao-direcionada ul {
    color: #8929a7;
}

.wrapper-texto-pos-revisao-direcionada ul {
    padding-left: 1.25rem;
}



.fc-title {
    color: white !important;
}

.fc-row.fc-week.fc-widget-content {
    height: 80px;
}