[v\:cloak], [v-cloak], [data-v-cloak], [x-v-cloak],
.v-cloak, .x-v-cloak,
.v-hide {
    display: none !important;
}

    [v-cloak]::before {
        content: "loading...";
    }

[v-cloak] {
    display: none !important;
}

input:focus {
    background: #ffc;
}

.dtmedium textarea {
    height: 300px;
}

@media screen and (max-width: 600px) {
    .dtpesquisamenuprincipal {
        visibility: hidden;
        display: none;
    }
}

.inputTxt600px {
    max-width: 600px;
}

.inputTxt300x100px {
    max-width: 300px;
    height: 100px;
}

.inputTxt100prcx100px {
    max-width: 100%;
    height: 80px;
}

.inputTxt100prcx200px {
    width: 100%;
    height: 100px;
}

.inputTxt100prcx50px {
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    color: black;
    height: 30px;
    border: 1px solid #CCCCCC;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    color: black;
    margin-top: 2px;
    resize: none;
}

.inputTxt100prc {
    max-width: 100%;
}

.inputTxt300x80px {
    max-width: 500px;
}


.inputTxt500px {
    max-width: 500px;
}

.inputTxt400px {
    max-width: 400px;
}


.inputTxt40px {
    max-width: 60px;
}

.inputTxt290px {
    width: 290px;
    font-size: 1.2em;
    font-weight: bold;
    color: black;
    height: 14px;
    border: 1px solid #CCCCCC;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    color: black;
    margin-top: 2px;
}

.inputTxt220px {
    max-width: 495px;
    min-width: 300px;
}

.inputTxt70px {
    max-width: 70px;
}

.inputTxt60px {
    width: 80px;
    font-size: 1.2em;
    font-weight: bold;
    color: black;
    border: 1px solid #CCCCCC;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    color: black;
    margin-top: 2px;
}

.inputTxt150px {
    max-width: 150px;
}

.inputTxt180px {
    max-width: 180px;
}

.inputTxt80px {
    max-width: 100px;
}

.inputLstBox200x100px {
    max-width: 100%;
    min-width: 300px;
}

.inputTxt30px {
    max-width: 30px;
}

.inputTxt20px {
    max-width: 40px;
}

.inputTxt65px {
    max-width: 65px;
}

.inputTxt50px {
    max-width: 90px;
}

.inputTxt100px {
    max-width: 120px;
}

.inputTxt200px {
    max-width: 200px;
}

.inputCmb100px {
    max-width: 150px;
}

.inputCmb200px {
    max-width: 200px;
}

.inputCmb150px {
    max-width: 150px;
}

.inputCmb40px {
    max-width: 40px;
}

.inputCmb300px {
    max-width: 300px;
}

.inputTxt300px {
    max-width: 300px;
}

.inputCmb500px {
    max-width: 500px;
}

.inputCmb100prc {
    max-width: 100%;
}

body {
    background-image: url("../images/bg_admin.png");
    background-repeat: repeat-x;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.tableLogoLogon {
    width: 280px;
}

.tableLogin {
    width: 280px;
    background-color: #FFFFFF;
    border: 1px solid #333333;
    font-weight: bold;
    color: #333333;
}

#divLogin {
    position: fixed;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -100px;
    text-align: center;
}

.dtFieldTableLogin {
    padding-left: 10px;
}

.dtBotaoTableLogin {
    text-align: center;
}

.tdTituloTableLoginAdmin {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    height: 30px;
    padding-left: 10px;
}

.tablePrincipalSistema {
    width: 100%;
}

.tdLeftMenuTablePrincipal {
    width: 200px;
    padding-left: 10px;
    padding-right: 5px;
    vertical-align: top;
}

.tableMenuLeft {
    width: 210px;
    background-color: #FFFFFF;
    border: 1px solid #333333;
}

.tableConteudoPrincipal {
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #333333;
    padding: 10px 10px 10px 10px;
}

.tdRightTablePrincipal {
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
}

.classMenuLeft {
    font-size: 1.1em;
    font-weight: bold;
    color: #333333;
}

    .classMenuLeft a {
        color: #333333;
    }

.tableLogoPrincipal {
    width: 200px;
}

.tableControlesPrincipal {
    width: 100%;
    height: 53px;
}

.tablePrincipalControle {
    width: 100%;
}


.tableFiltroControle {
    width: 100%;
    background-color: #EFEFEF;
    border: 1px solid #333333;
    padding: 5px 5px 5px 5px;
    font-size: 1.2em;
    color: #333333;
}

.tableCadastroControl {
    width: 100%;
    background-color: #EFEFEF;
    border: 1px solid #333333;
    padding: 5px 5px 5px 5px;
    font-size: 1.2em;
    color: #333333;
}

.tableCadastroPessoaJuridicaControl {
    width: 100%;
    background-color: #EFEFEF;
    border: 0px;
    font-size: 1.2em;
    color: #333333;
}

.dtNomeFieldTableCadastroControl {
    width: 200px;
    max-width: 200px;
    font-size: 1.2em;
    color: #333333;
    text-align: right;
    padding-right: 5px;
    height: 25px;
}

.dtControleFieldTableCadastroControl {
    padding-right: 5px;
}

.dtNomeSelectFieldTableCadastroControl {
    font-size: 1.2em;
    color: #333333;
    text-align: right;
    padding-right: 5px;
}

.select2-selection {
    height: 40px !important;
}

.select2-selection__arrow {
    height: 40px !important;
}

.dtFieldTableCadastroControl {
    font-size: 1.2em;
    color: #333333;
    text-align: right;
    padding-right: 5px;
    width: 150px;
}

.tdDecricaoTableFiltro {
    padding-left: 5px;
    font-size: 1.2em;
}

.tableTituloControl {
    width: 100%;
}

.tdLeftTituloControle {
    width: 600px;
}

.tdRightTituloControle {
    width: 150px;
    vertical-align: top;
}

.tdIconTableTituloControle {
    width: 65px;
}

.tdTituloSuperiorTableTituloControle {
    color: #333333;
    font-size: 15pt;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    padding-left: 5px;
}

.tdTituloInferiorTableTituloControle {
    color: #333333;
    font-size: 1.2em;
    text-align: left;
    padding-left: 5px;
    vertical-align: top;
}

.tdButtonControle {
    vertical-align: middle;
    text-align: center;
    margin: 5px 5px 5px 5px;
}

.tdItemFiltroControle {
    padding-right: 5px;
    text-align: left;
    font-size: 12px;
}

.tdItemControleFiltroControle {
    padding-right: 5px;
    text-align: left;
}

.tdFirstItemFiltroControle {
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
    font-size: 1.2em;
}

.comentarioFieldControl {
    color: #333333;
    font-size: 8pt;
    text-align: left;
    padding-left: 5px;
}

.labelFieldControl {
    color: #333333;
    font-size: 1.2em;
    text-align: left;
    padding-left: 5px;
}

.fieldCadastroControl {
    padding-left: 5px;
    padding-right: 5px;
}

.tdFieldGridViewItensControl {
    font-size: 1.2em;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tableInfoAulaCursoControl {
    position: absolute;
    top: 50%;
    left: 10%;
    width: 80%;
    height: 600px;
    margin-top: -300px;
    background-color: #EFEFEF;
}

.tdTituloTableInfoAulaCursoControl {
    color: #FFFFFF;
    background-color: #333333;
    font-size: 1.2em;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: top;
}

.tableTituloTdTituloTableInfoAulaCursoControl {
    width: 100%;
}

.tdLeftTableTituloTdTituloTableInfoAulaCursoControl {
    text-align: center;
    height: 40px;
}

.tdRightTableTituloTdTituloTableInfoAulaCursoControl {
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px
}

.tdBotaoSalvarTableInfoAulaCursoControl {
    text-align: right;
}

.tdFieldTableInfoAulaCursoControl {
    width: 100px;
    text-align: right;
    padding-right: 5px;
}

.panelEditInfoAulaCurso {
    border: 1px solid #333333;
    background-color: rgba(0, 0, 0, 0.90) !important;
    z-index: 9999999;
    width: 100% !important;
    height: 100% !important;
    top: 0px !important;
    left: 0px !important;
}

.dtFieldTableInfoAulaCursoControl {
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.tableInfoUsuario {
    width: 80%;
    padding: 5px 5px 5px 5px;
    border: 1px solid #999999;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.tdImgTableInfoUsuario {
    height: 20px;
    vertical-align: top;
}

.tdNomeTableInfoUsuario {
    font-size: 1.2em;
    text-align: left;
    font-weight: bold;
    color: #666666;
    padding-left: 5px;
}

.tdBemVindoTableInfoUsuario {
    font-size: 1.2em;
    text-align: left;
    color: #333333;
    padding-left: 5px;
    height: 30px;
}

.tdInformacaoTableInfoUsuario {
    font-size: 9pt;
    text-align: left;
    color: #333333;
    padding-left: 5px;
}

.dtControlTableInfoMaterialControl {
    font-size: 1.2em;
    text-align: left;
    color: #333333;
    padding-left: 5px;
}

.bgPanelEditInfoMaterial {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.80);
    z-index: 9999999999;
    overflow: auto;
}

.panelEditInfoMaterial {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.80);
    width: 100%;
    height: 100%;
    z-index: 99999999;
}

.panelMaterialProduto {
    width: 730px;
    height: 90%;
    background-color: #CCCCCC;
    border: 5px solid #333333;
    top: 5%;
    left: 50%;
    margin-left: -315px;
    position: absolute;
    overflow: auto;
}


.tdControlsAcessoMaterial {
    width: 350px;
}

.tdAddNewMaterialMaterialControl {
    font-size: 1.2em;
    text-align: left;
    color: #333333;
    padding-left: 5px;
}

    .tdAddNewMaterialMaterialControl a {
        vertical-align: super;
        font-size: 1.2em;
        text-align: left;
        color: #333333;
        padding-left: 5px;
    }

.dtTituloBgFieldTableCadastroControl {
    font-size: 1.2em;
    background-color: #333333;
    color: #FFFFFF;
    text-align: center;
    padding-right: 5px;
    text-transform: uppercase;
}

.dtTituloFieldTableCadastroControl {
    font-size: 1.2em;
    color: #333333;
    text-align: left;
    padding-right: 5px;
}

.tdInfoAtendimento {
    border: 1px solid #333333;
    background-color: #FFFFFF;
    width: 100%;
}

.tdTituloInfoAtendimento {
    font-size: 1.2em;
    background-color: #333333;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.dtControlFieldTableCadastroControl {
    width: 100%;
}

.panelConfigDuracaoItemCompra {
    background-color: #EFEFEF;
    color: #333333;
    width: 200px;
    height: 150px;
    border: 1px solid #333333;
}

.tableConfigDuracaoItemCompra {
    color: #333333;
    width: 200px;
    height: 150px;
}

.tdTituloTableConfigDuracaoItemCompra {
    background-color: #333333;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    height: 24px;
}

.tdBotaoSalvarTableConfigDuracaoItemCompra {
    text-align: right;
    vertical-align: middle;
    padding-right: 5px;
}

.dtInfoTableConfigDuracao {
    padding-left: 5px;
}

.tableTitleTableConfigDuracao {
    width: 100%;
}

.tableLancaCreditoUsuario {
    color: #333333;
    width: 315px;
    height: 300px;
}

.PanelLancaCreditosUsuario {
    background-color: #EFEFEF;
    color: #333333;
    width: 315px;
    height: 300px;
    border: 1px solid #333333;
}

.tdCloseTableLancaCreditos {
    text-align: right;
    padding-right: 5px;
    width: 20px;
}

.divViewVideo {
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    margin-top: -161px;
    margin-left: -260px;
    /* place overlay on top of other elements */
    z-index: 10000;
    /* styling */
    background-color: #333;
    width: 522px;
    height: 397px;
    border: 1px solid #666;
    /* CSS3 styling for latest browsers */
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

.divBtClose {
    background-image: url(../images/close.png);
    position: relative;
    right: -500px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    z-index: 10;
}

.tituloAula {
    position: relative;
    right: -5px;
    top: -22px;
    cursor: pointer;
    height: 20px;
    width: 520px;
    z-index: 10;
    font-size: 1.1em;
    color: #FFFFFF;
}

.panelQualidadeVideo {
    position: relative;
    width: 518px;
    top: -15px;
    background: #333 url(images/h150.png) repeat-x;
    color: #FFFFFF;
    border: 1px solid #fff;
}

    .panelQualidadeVideo a {
        color: #FFFFFF;
    }

.tablePainelEstatisticas {
    width: 100%;
}

.tableUsuariosLogados {
    width: 150px;
    color: #666666;
    background-color: #EFEFEF;
    border: 1px solid #333333;
}


.tdTituloInformacoesTablePainelEstatisticas {
    background-color: #333333;
    color: #FFFFFF;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    height: 24px;
}


.tdTituloTableUsuariosLogados {
    background-color: #333333;
    color: #FFFFFF;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    height: 24px;
}

.tdHeaderTableUsuariosLogados {
    width: 100px;
    text-align: left;
    height: 20px;
    padding-left: 5px;
}

.tdInfoTableUsuariosLogados {
    width: 50px;
    text-align: center;
}

.tableControlesPainelEstatisticas {
    width: 600px;
}

.td1ControlTableControlesPainelEstatisticas {
    vertical-align: top;
}

.td2ControlTableControlesPainelEstatisticas {
    vertical-align: top;
    padding-left: 10px;
}

.td3ControlTableControlesPainelEstatisticas {
    vertical-align: top;
    padding-left: 10px;
}


.tableControlesInfoComprasPainelEstatisticas {
    width: 820px;
}

.td1ControlTableControlesInfoComprasPainelEstatisticas {
    width: 410px;
}

.td2ControlTableControlesInfoComprasPainelEstatisticas {
    width: 410px;
    padding-left: 10px;
}

.tdTituloParametroConfigPortal {
    text-transform: uppercase;
    padding-left: 5px;
}

.tdBtOrdemGridViewItensControl {
    text-align: right;
}

.tableSincronismoPagSeguro {
    width: 100%;
    color: #666666;
    background-color: #EFEFEF;
    border: 1px solid #333333;
}

.tdTituloTableSincronismoPagSeguro {
    background-color: #333333;
    color: #FFFFFF;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    height: 24px;
}

.tdSubTituloTableSincronismoPagSeguro {
    background-color: #666666;
    color: #FFFFFF;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    height: 24px;
}


.tdHeaderTableSincronismoPagSeguro {
    text-align: center;
    height: 20px;
    padding-left: 5px;
}

.td1InfoTableSincronismoPagSeguro {
    width: 150px;
    text-align: center;
}

.td2InfoTableSincronismoPagSeguro {
    width: 150px;
    text-align: center;
}

.td3InfoTableSincronismoPagSeguro {
    width: 100px;
    text-align: center;
}

.td4InfoTableSincronismoPagSeguro {
    width: 150px;
    text-align: center;
}

.td5InfoTableSincronismoPagSeguro {
    width: 75px;
    text-align: center;
}

.td6InfoTableSincronismoPagSeguro {
    width: 50px;
    text-align: center;
}


.tdSuperiorTelaPrincipalBotoesControle {
    text-align: right;
}

.panelAguardeInfo {
    width: 200px;
    height: 50px;
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
    background-color: #ffc;
    text-align: center;
    vertical-align: middle;
    z-index: 1000;
}

.tableInfoPanelAguarde {
    width: 100px;
    vertical-align: middle;
    text-align: center;
}

.tableInfoOutPanelAguarde {
    width: 150px;
    text-align: center;
}

    .tableInfoOutPanelAguarde #tdTableInfoOutPanelAguarde {
        width: 100px;
        text-align: center;
    }


    .tableInfoOutPanelAguarde #tdSpaceTableInfoOutPanelAguarde {
        width: 50px;
        text-align: center;
    }

.tableInfoPanelAguarde #tdSpaceTableInfoPanelAguarde {
    height: 10px;
}

.tableInfoPanelAguarde #tdLeftTableInfoPanelAguarde {
    height: 31px;
    width: 31px;
}


.tableInfoPanelAguarde #tdRightTableInfoPanelAguarde {
    width: 69px;
    height: 31px;
    vertical-align: middle;
    text-align: left;
}

.PanelShowEnderecoUsuario {
    border: 1px solid #333333;
    background-color: #FFFFCC;
    width: 500px;
}

.tableEnderecoUsuarioGestaoEnvio {
    width: 500px;
}

.tdLabelTableEnderecoUsuarioGestaoEnvio {
    width: 100px;
    font-weight: bold;
    padding-left: 10px;
}

.tdInfoTableEnderecoUsuarioGestaoEnvio {
    width: 400px;
}

.tdTituloTableEnderecoUsuarioGestaoEnvio {
    background-color: #666666;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}

.tdBotoesTableEnderecoUsuarioGestaoEnvio {
    text-align: center;
}

.tableTituloTableEnderecoUsuarioGestaoEnvio {
    width: 500px;
}

.tableGrupo {
    width: 100%;
}

.tableSubGrupo {
    width: 100%;
}

.tdNumeroGrupo {
    width: 30px;
    text-align: center;
    color: #FFFFFF;
}

.tdTituloGrupo {
    text-align: left;
    padding-left: 5px;
    height: 35px;
}

.tdNumeroSubGrupo {
    color: #ffffff;
    width: 30px;
    text-align: center;
    height: 35px;
}

.tableTituloSubGrupo {
    width: 100%;
}

.tdTituloSubGrupo {
    color: #ffffff;
    text-align: left;
    padding-left: 5px;
    background-color: #333333;
    height: 35px;
}

.tdBoboesTableTituloSubGrupo {
    width: 100px;
    text-align: center;
}

.tableTituloGrupo {
    width: 100%;
}

.btAddNewGrupoTableGrupo {
    background-color: #999999;
}

.btAddNewSubGrupoTableSubGrupo {
    background-color: #999999;
}

.tdBoboesTableTituloGrupo {
    width: 100px;
    text-align: center;
}

.grdViewGrupos {
    background-color: #666666;
}

    .grdViewGrupos TD {
        border: 0px;
    }

.grdViewSubGrupos {
    background-color: #999999;
}

    .grdViewSubGrupos TD {
        border: 0px;
    }

.tdBotoesControleGrupoSubGrupo {
    padding-top: 10px;
}

.tdBotoesControleSubGrupo {
    padding-top: 10px;
    background-color: #333333;
    border-bottom: 1px solid #999999;
}

#imgCertificado {
    width: 800px;
    height: 600px;
    background: url("../images/certificado.png") no-repeat left top;
}

.panelMarcacoesVideo {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -200px;
    width: 300px;
    height: 400px;
    left: 50%;
    margin-left: 280px;
    background: #333 url(images/h150.png) repeat-x;
    color: #FFFFFF;
    border: 1px solid #fff;
}

#tituloMarcacoes {
    background-color: #333333;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 25px;
    padding-top: 7px;
}

.marcacoesAula {
    background-color: #666666;
    vertical-align: top;
    overflow: scroll;
    height: 335px;
    width: 300px;
}

.itemMarcacao {
    width: 300px;
    height: 100px;
    background-color: #EFEFEF;
}

    .itemMarcacao div {
    }

.imgDeleteItemMarcacao {
    cursor: pointer;
}

.imgGotoItemMarcacao {
    cursor: pointer;
}

.inputMarcacaoAula {
    width: 275px;
    font-size: 1.2em;
    font-weight: bold;
    color: black;
    height: 14px;
    border: 1px solid #CCCCCC;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    color: black;
    margin-top: 2px;
    height: 50px;
}

#panelOpcoes {
    width: 295px;
    height: 30px;
    background-color: #333333;
    text-align: right;
    vertical-align: middle;
    padding-right: 5px;
    padding-top: 5px;
    color: #FFFFFF;
    display: block;
}

.btSavePanelOpcoes {
    padding-left: 20px;
    cursor: pointer;
}

.btAddPanelOpcoes {
    cursor: pointer;
    padding-right: 20px;
}

.posicaoItemMarcacao {
    height: 24px;
    vertical-align: middle;
    text-align: left;
}

.tituloVideoAula {
    font-size: 1.1em;
    font-style: normal;
    line-height: normal;
    color: #FFFFFF;
}

.grdModeracaoForumControl {
    width: 100%;
}

    .grdModeracaoForumControl TD {
        border: 0px;
        border: 10px solid #333333;
    }

.tableLancaMatriculaControl {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -150px;
    width: 800px;
    background-color: #EFEFEF;
    border: 1px solid #333333;
}

.dtNomeTableLancaMatriculaControl {
    width: 100px;
    padding-left: 5px;
    height: 30px
}

.dtControlesTableLancaMatriculaControl {
    width: 650px;
    padding-right: 4px;
}

.dtBotoesTableLancaMatriculaControl {
    text-align: right;
    padding-right: 10px;
}

.dtTituloTableLancaMatriculaControl {
    height: 30px;
    background-color: #333333;
    color: #FFFFFF;
    text-align: center;
}

.panelUsuariosMatriculaTableLancaMatriculaControl {
    max-height: 300px;
    overflow: auto;
}

.grdViewPerfilContrato {
    font-size: 1.1em;
    text-align: center;
    width: 100%;
}

.dtInfoFieldTableCadastroControl {
    width: 100%;
    font-size: 1.2em;
    color: #333333;
    text-align: center;
}

    .dtInfoFieldTableCadastroControl th {
        font-size: 1.2em;
        ;
        text-align: center;
    }

.divInfoHistoricoMaterialCorrecao {
    width: 100%;
    background-color: #E2E2E2;
    border: 1px solid #333333;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.btReenviaArquivoMaterialCorrecao {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    background-color: #999999;
    color: #FFFFFF;
    padding-left: 22px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    -moz-border-radius: 3px; /* Para Firefox */
    -webkit-border-radius: 3px; /*Para Safari e Chrome */
    border-radius: 3px; /* Para Opera 10.5+*/
    text-transform: uppercase;
    background-image: url('../images/btreenviarfile.png');
    background-position: left;
    background-repeat: no-repeat;
    white-space: nowrap;
}

    .btReenviaArquivoMaterialCorrecao:hover {
        background-color: #EEB21B;
    }

.btBaixarArquivoMaterialCorrecao {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    background-color: #999999;
    color: #FFFFFF;
    padding-left: 22px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    -moz-border-radius: 3px; /* Para Firefox */
    -webkit-border-radius: 3px; /*Para Safari e Chrome */
    border-radius: 3px; /* Para Opera 10.5+*/
    text-transform: uppercase;
    background-image: url('../images/btbaixarfile.png');
    background-position: left;
    background-repeat: no-repeat;
    white-space: nowrap;
}

    .btBaixarArquivoMaterialCorrecao:hover {
        background-color: #EEB21B;
    }

.grdViewAulasVisualizadasEmptyDataStyle {
    background-color: #EFEFEF;
}

lizadasEmptyDataStyle TD {
    border: 0;
}

.panelViewInfoParamLogAdministrativo {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../images/bgaviso.png);
    background-repeat: repeat;
    z-index: 999999;
}

.divInfoViewInfoParamLogAdministrativo {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 800px;
    height: 600px;
    margin-top: -300px;
    margin-left: -400px;
    border: 1px solid #33333;
    background-color: #EFEFEF;
}

.tablePrincipalSistema {
    width: 100%;
}

    .tablePrincipalSistema #titulo {
        font-family: 'Roboto', sans-serif;
        font-size: 1.1em;
        font-weight: bold;
        background-color: #333333;
        color: #FFFFFF;
        text-align: center;
        height: 30px;
        text-transform: uppercase;
    }

.imgBtLogAdminClose {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -303px;
    margin-left: 365px;
}

.infoParamLogAdministrativo {
    width: 790px;
    max-width: 790px;
    height: 590px;
    max-height: 590px;
    overflow: auto;
    background-color: #E3E3E3;
    border: 1px solid #333333;
    padding: 5px 5px 5px 5px;
}

.grdViewInfoPesquisa {
    font-size: 1.1em;
}

.panelAddPerfilAcesso {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../images/bgaviso.png);
    background-repeat: repeat;
    z-index: 99999;
}

.divInfoViewPanelAddPerfilAcesso {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 350px;
    height: 150px;
    margin-top: -75px;
    margin-left: -175px;
    border: 1px solid #333333;
    background-color: #EFEFEF;
}

    .divInfoViewPanelAddPerfilAcesso #titulo {
        background-color: #333333;
        color: #FFFFFF;
        text-align: center;
        text-transform: uppercase;
        font-size: 14px;
        padding-top: 10px;
        height: 35px;
    }

    .divInfoViewPanelAddPerfilAcesso #btClose {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -76px;
        margin-left: 140px;
        width: 30px;
        height: 30px;
    }

    .divInfoViewPanelAddPerfilAcesso #info {
        width: 340px;
        height: 60px;
        padding: 10px 5px 5px 5px;
        display: inline-block;
        vertical-align: top;
    }

        .divInfoViewPanelAddPerfilAcesso #info span {
            width: 15%;
            display: inline-block;
            padding-left: 5px;
        }

        .divInfoViewPanelAddPerfilAcesso #info div {
            width: 85%;
            display: inline-block;
        }

    .divInfoViewPanelAddPerfilAcesso #btSalvar {
        width: 340px;
        height: 40px;
        display: inline-block;
        vertical-align: top;
        text-align: right;
        padding-right: 0px;
    }

.txtFiltroProdutoWaterMark {
    color: #999999;
    width: 300px;
    font-weight: bold;
    height: 20px;
    border: 1px solid #CCCCCC;
    font-size: 10px;
    font-style: italic;
}

.comentarioField {
    font-size: 10px;
}

.panelLancaMatriculaControl {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../images/bgaviso.png);
    background-repeat: repeat;
    display: none;
    z-index: 999999;
}

.divShowPlayerAoVivo {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.80);
    display: none;
    z-index: 99999;
}

    .divShowPlayerAoVivo #panelPlayer {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 590px;
        height: 350px;
        margin-top: -175px;
        margin-left: -295px;
        border: 10px solid #FFFFFF;
        background-color: #333333;
    }

    .divShowPlayerAoVivo #btClose {
        /*position: absolute;*/
        /*top: 50%;*/
        /*left: 50%;*/
        width: 36px;
        height: 36px;
        background-image: url(../images/close.png);
        margin-top: -25px;
        margin-right: -25px;
        z-index: 99;
        cursor: pointer;
        float: right;
        overflow: hidden;
    }


.dtplayer {
    position: relative;
    top: 0px;
    left: 0px;
    width: 580px;
    height: 334px;
    background-color: black;
}

.panelImagensBibliotecaDepoimentos {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../images/bgaviso.png);
    background-repeat: repeat;
    display: none;
}

    .panelImagensBibliotecaDepoimentos #btClose {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 36px;
        height: 36px;
        background-image: url(../images/close.png);
        margin-top: -213px;
        margin-left: 285px;
        z-index: 99;
        cursor: pointer;
    }

.panelItensSelecaoTemplatesDepoimentos {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 400px;
    max-height: 400px;
    margin-left: -300px;
    margin-top: -200px;
    background-color: #EFEFEF;
    border: 5px solid #333333;
    display: block;
    overflow: auto;
    text-align: center;
}

    .panelItensSelecaoTemplatesDepoimentos div {
        display: inline-block;
        width: 100px;
        height: 100px;
        cursor: pointer;
    }

.divResultadoPesquisaProdutosGestaoCompras {
    width: 100%;
    height: 30px;
    max-height: 250px;
    overflow-y: auto;
}

    .divResultadoPesquisaProdutosGestaoCompras div {
        width: 100%;
        height: 25px;
        line-height: 25px;
        vertical-align: middle;
    }

    .divResultadoPesquisaProdutosGestaoCompras #alerta {
        width: 100%;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        color: red;
    }

.divResultadoPesquisaUsuriosGestaoCompras {
    width: 100%;
    height: 30px;
    max-height: 250px;
    overflow: auto;
}

    .divResultadoPesquisaUsuriosGestaoCompras div {
        width: 100%;
        height: 25px;
        line-height: 25px;
        vertical-align: middle;
    }

    .divResultadoPesquisaUsuriosGestaoCompras #alerta {
        width: 100%;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        color: red;
    }

.divInfoValorProduto {
    color: #666666;
    width: 100%;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.bgResultadoEnquete {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../images/bgaviso.png);
    background-repeat: repeat;
}

.tableResultadoEnquete {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 300px;
    margin-left: -250px;
    margin-top: -150px;
    background-color: #EFEFEF;
    border: 10px solid #999999;
}

.btClosetableResultadoEnquete {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: 220px;
    margin-top: -170px;
    width: 50px;
    height: 50px;
}

.tdQuestaoTableResultadoEnquete {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
}

.tableItemResultadoEnquete {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
}

.tableTotalGeralVotos {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    text-align: left;
}

.dtResultadoGeralEnquete {
    border-top: 1px solid #999999;
}

.panelItemResultadoEnquete {
    height: 15px;
    background-color: #4cff00;
    border: 1px solid #EFEFEF;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding-left: 10PX;
}

/* TURMA PRESENCIAL */

.dtLabelDiaSemanaCalendarioTurma {
    text-align: left;
    width: 150px;
    border-right: 1px dashed #CCCCCC;
}

.tdRodapeTableHorarioTurmaControl {
    border-top: 1px dashed #CCCCCC;
    background-color: #999999;
    color: #ffffff;
    text-align: center;
}

.dtControlHoraDiaSemanaCalendarioTurma {
    padding-left: 80px;
    text-align: center;
}

.dtHeaderCalendarioTurma {
    text-align: center;
    background-color: #999999;
    color: #ffffff;
}

.dtHeaderCalendarioTurma {
    text-align: center;
    background-color: #999999;
    color: #ffffff;
}

.tdInfoDisponibilidadeSalaCalendarioTurma {
    text-align: center;
}

.tableHorariosTurmaControl {
    border: 1px dashed #CCCCCC;
}
/* FIM TURMA PRESENCIAL */


/* ITEMCONFIGURACAOCERTIFICADOCONTROL */


.itemHeaderConfiguracaoCertificadoControl {
    display: block;
    width: 100%;
    height: 30px;
    background-color: #999999;
    color: #FFFFFF;
}

    .itemHeaderConfiguracaoCertificadoControl div {
        display: inline-block;
        padding-right: 5px;
        line-height: 30px;
        vertical-align: middle;
        color: #FFFFFF;
        text-align: center;
    }

    .itemHeaderConfiguracaoCertificadoControl #nomeCampo {
        width: 150px;
    }

    .itemHeaderConfiguracaoCertificadoControl #top {
        width: 60px;
    }

    .itemHeaderConfiguracaoCertificadoControl #left {
        width: 90px;
    }

    .itemHeaderConfiguracaoCertificadoControl #alinhamento {
        width: 120px;
    }

    .itemHeaderConfiguracaoCertificadoControl #font {
        width: 110px;
    }

    .itemHeaderConfiguracaoCertificadoControl #fontsize {
        width: 100px;
    }

    .itemHeaderConfiguracaoCertificadoControl #fontstyle {
        width: 120px;
    }

    .itemHeaderConfiguracaoCertificadoControl #fontcolor {
        width: 100px;
    }


.itemConfiguracaoCertificadoControl {
    display: block;
    width: 100%;
    height: 30px;
}

    .itemConfiguracaoCertificadoControl div {
        display: inline-block;
        padding-right: 5px;
        line-height: 30px;
        vertical-align: middle;
    }

    .itemConfiguracaoCertificadoControl #nomeCampo {
        width: 150px;
    }

    .itemConfiguracaoCertificadoControl #top {
        width: 60px;
        text-align: center;
    }

    .itemConfiguracaoCertificadoControl #left {
        width: 90px;
        text-align: center;
    }

    .itemConfiguracaoCertificadoControl #alinhamento {
        width: 120px;
        text-align: center;
    }

    .itemConfiguracaoCertificadoControl #font {
        width: 110px;
        text-align: center;
    }

    .itemConfiguracaoCertificadoControl #fontsize {
        width: 100px;
        text-align: center;
    }

    .itemConfiguracaoCertificadoControl #fontstyle {
        width: 120px;
        text-align: center;
    }

    .itemConfiguracaoCertificadoControl #fontcolor {
        width: 100px;
        text-align: center;
    }

.grdViewConfiguracoesCertificado {
    width: 100%;
}

/* FIM CERTIFICADO CONTROL */

/* MENSAGEM CONTROL */

.divInfoRemetenteSelecionado {
    display: block;
    border: 1px solid #CCCCCC;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
    -moz-border-radius: 5px; /* Para Firefox */
    -webkit-border-radius: 5px; /*Para Safari e Chrome */
    border-radius: 5px; /* Para Opera 10.5+*/
    background-color: #EFEFEF;
}

    .divInfoRemetenteSelecionado div {
        vertical-align: middle;
        line-height: 20px;
        height: 20px;
    }

    .divInfoRemetenteSelecionado i {
        padding-left: 10px;
        vertical-align: middle;
        line-height: 20px;
        height: 20px;
    }

.divResultadoBuscaRementeMensagem {
    position: absolute;
    width: auto;
    border: 1px solid #999999;
    -moz-border-radius: 5px; /* Para Firefox */
    -webkit-border-radius: 5px; /*Para Safari e Chrome */
    border-radius: 5px; /* Para Opera 10.5+*/
    background-color: #EFEFEF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 30px;
    display: none;
}

    .divResultadoBuscaRementeMensagem div {
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        white-space: nowrap;
        cursor: pointer;
    }

    .divResultadoBuscaRementeMensagem #btclose {
        float: right;
        cursor: pointer;
        margin-right: -20px;
    }

        .divResultadoBuscaRementeMensagem #btclose:hover {
            background-color: #EFEFEF;
        }


    .divResultadoBuscaRementeMensagem div:hover {
        background-color: #CCCCCC;
    }


.divResultadoBuscaProdutoMensagem {
    position: absolute;
    width: auto;
    border: 1px solid #999999;
    -moz-border-radius: 5px; /* Para Firefox */
    -webkit-border-radius: 5px; /*Para Safari e Chrome */
    border-radius: 5px; /* Para Opera 10.5+*/
    background-color: #EFEFEF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 30px;
    display: none;
}

    .divResultadoBuscaProdutoMensagem div {
        height: 25px;
        line-height: 25px;
        vertical-align: middle;
        white-space: nowrap;
        display: block;
        cursor: pointer;
    }

        .divResultadoBuscaProdutoMensagem div i {
            padding-right: 5px;
        }

    .divResultadoBuscaProdutoMensagem #btclose {
        float: right;
        cursor: pointer;
        margin-right: -20px;
    }

        .divResultadoBuscaProdutoMensagem #btclose:hover {
            background-color: #EFEFEF;
        }

    .divResultadoBuscaProdutoMensagem div:hover {
        background-color: #CCCCCC;
    }

.divDestinatariosSelected {
    width: 100%;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}

    .divDestinatariosSelected div {
        display: inline-block;
        border: 1px solid #999999;
        -moz-border-radius: 5px; /* Para Firefox */
        -webkit-border-radius: 5px; /*Para Safari e Chrome */
        border-radius: 5px; /* Para Opera 10.5+*/
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-right: 5px;
        margin-top: 5px;
        cursor: pointer;
    }

        .divDestinatariosSelected div i {
            padding-left: 5px;
        }

.itemUsuarioDestinatarioMensagem {
    background-color: #ffc;
}

.itemCursoDestinatarioMensagem {
    background-color: #bdffd7;
}

.itemTurmaDestinatarioMensagem {
    background-color: #ffde8c;
}

.itemModuloDestinatarioMensagem {
    background-color: #00006A;
}

.itemDisciplinaIsoladaDestinatarioMensagem {
    background-color: #d99bff;
}

.itemCorrecaoDestinatarioMensagem {
    background-color: #ffca8a;
}

.itemMaterialFisicoDestinatarioMensagem {
    background-color: #ffb2f6;
}

.itemEventoAoVivoDestinatarioMensagem {
    background-color: #cae9ff;
}

.itemSimuladoOnlineDestinatarioMensagem {
    background-color: #fe9e9e;
}
/* FIM MENSAGEM CONTROL */


.resultadoBuscaProfessorPanel {
    position: absolute;
    width: 100%;
    border: 1px solid #999999;
    -moz-border-radius: 5px; /* Para Firefox */
    -webkit-border-radius: 5px; /*Para Safari e Chrome */
    border-radius: 5px; /* Para Opera 10.5+*/
    background-color: #EFEFEF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 30px;
    display: none;
    z-index: 999999;
}

    .resultadoBuscaProfessorPanel div {
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        white-space: nowrap;
        cursor: pointer;
    }

        .resultadoBuscaProfessorPanel div i {
            padding-right: 5px;
        }

    .resultadoBuscaProfessorPanel #btclose {
        float: right;
        cursor: pointer;
        margin-right: -20px;
    }

        .resultadoBuscaProfessorPanel #btclose:hover {
            background-color: #EFEFEF;
        }


    .resultadoBuscaProfessorPanel div:hover {
        background-color: #CCCCCC;
    }


.resultadoBuscaDisciplinaPanel {
    position: absolute;
    width: 100%;
    border: 1px solid #999999;
    -moz-border-radius: 5px; /* Para Firefox */
    -webkit-border-radius: 5px; /*Para Safari e Chrome */
    border-radius: 5px; /* Para Opera 10.5+*/
    background-color: #EFEFEF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 30px;
    display: none;
    z-index: 999999;
}

    .resultadoBuscaDisciplinaPanel div {
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        white-space: nowrap;
        cursor: pointer;
    }

        .resultadoBuscaDisciplinaPanel div i {
            padding-right: 5px;
        }

    .resultadoBuscaDisciplinaPanel #btclose {
        float: right;
        cursor: pointer;
        margin-right: -20px;
    }

        .resultadoBuscaDisciplinaPanel #btclose:hover {
            background-color: #EFEFEF;
        }


    .resultadoBuscaDisciplinaPanel div:hover {
        background-color: #CCCCCC;
    }

.divEditParcelasControl {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.80);
    z-index: 999;
    display: none;
}

    .divEditParcelasControl #panelEditPacela {
        position: absolute;
        top: 10%;
        left: 10%;
        width: 80%;
        height: 60%;
        background-color: transparent;
    }

.borderPanel {
    border: 5px solid #999999;
    -moz-border-radius: 3px; /* Para Firefox */
    -webkit-border-radius: 3px; /*Para Safari e Chrome */
    border-radius: 3px; /* Para Opera 10.5+*/
}


.control-space {
    padding-bottom: 5px;
}

.label-align {
    line-height: 35px;
    height: 35px;
    vertical-align: top;
}

.label_info_form {
    font-size: 1.5em;
}

.gridViewPageStyle {
    font-size: 1.2em;
}

    .gridViewPageStyle span {
        padding-right: 5px;
    }

    .gridViewPageStyle a {
        padding-right: 5px;
    }

.divPanelCargaArquivoLoteBancoControl {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.80);
    z-index: 999;
    display: none;
}

    .divPanelCargaArquivoLoteBancoControl #panelCargaParcela {
        position: absolute;
        top: 10%;
        left: 10%;
        width: 80%;
        height: 60%;
        background-color: transparent;
    }

.divInfoBoletosArquivoLote {
    max-height: 200px;
    overflow: auto;
}


/*######################### PROFESSORCURSOCONTROL #########################*/

.professorCursoControl {
    width: 100%;
    min-width: 700px;
    border-bottom: 1px dashed #333333;
}

.headerProcessorCursoControl {
    width: 100%;
    min-width: 700px;
    display: block;
}

    .headerProcessorCursoControl div {
        font-size: 12px;
        display: inline-block;
    }

    .headerProcessorCursoControl #nome {
        display: inline-block;
        width: 300px;
        background-color: #333333;
        color: #FFFFFF;
        text-align: left;
        vertical-align: middle;
        height: 30px;
        line-height: 30px;
        padding-left: 5px;
    }

    .headerProcessorCursoControl #participacao {
        display: inline-block;
        width: 100px;
        background-color: #333333;
        color: #FFFFFF;
        text-align: center;
        vertical-align: middle;
        height: 30px;
        line-height: 30px;
    }

    .headerProcessorCursoControl #tipo {
        display: inline-block;
        width: 300px;
        background-color: #333333;
        color: #FFFFFF;
        text-align: center;
        vertical-align: middle;
        height: 30px;
        line-height: 30px;
    }

.nomeProfessorCurso {
    display: inline-block;
    width: 300px;
    text-align: left;
}

.ParticipacaoProfessorCurso {
    display: inline-block;
    width: 130px;
    text-align: center;
}

.tipoParticipacaoProfessorCurso {
    display: inline-block;
    width: 300px;
    text-align: center;
    font-size: 12px;
}

.grdViewProfessorCurso {
    border: none;
}

    .grdViewProfessorCurso td {
        border: none;
    }
/*######################### FINAL PROFESSORCURSOCONTROL #########################*/


.filtroReport {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.80);
    z-index: 99;
}

.panelFiltroReports {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: auto;
}

.tdButtonsFiltroReport {
    text-align: right;
}

.btVisualizarReport {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #3498DB;
    color: #ffffff;
    -moz-border-radius: 3px; /* Para Firefox */
    -webkit-border-radius: 3px; /*Para Safari e Chrome */
    border-radius: 3px; /* Para Opera 10.5+*/
}

    .btVisualizarReport:hover {
        background-color: #53b2f2;
        color: #ffffff;
    }

.footerFiltroReport {
    padding-top: 20px;
    padding-bottom: 35px;
}

.FiltroItemRelatorioControl {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-left: 20px;
}

    .FiltroItemRelatorioControl label {
        height: 40px;
        line-height: 40px;
        vertical-align: middle;
        text-align: right;
    }

.btShowFiltroReport {
    cursor: pointer;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    background-color: #3498DB;
    color: #ffffff;
    -moz-border-radius: 3px; /* Para Firefox */
    -webkit-border-radius: 3px; /*Para Safari e Chrome */
    border-radius: 3px; /* Para Opera 10.5+*/
}

    .btShowFiltroReport:hover {
        background-color: #53b2f2;
        color: #ffffff;
    }

.itemCategoriaRelatorio {
    cursor: pointer;
}

.btVoltarCategoriasReport {
    cursor: pointer;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    background-color: #3498DB;
    color: #ffffff;
    -moz-border-radius: 3px; /* Para Firefox */
    -webkit-border-radius: 3px; /*Para Safari e Chrome */
    border-radius: 3px; /* Para Opera 10.5+*/
}

    .btVoltarCategoriasReport:hover {
        background-color: #53b2f2;
        color: #ffffff;
    }

.btVoltarFiltroReport {
    cursor: pointer;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    background-color: #aabfce;
    color: #ffffff;
    -moz-border-radius: 3px; /* Para Firefox */
    -webkit-border-radius: 3px; /*Para Safari e Chrome */
    border-radius: 3px; /* Para Opera 10.5+*/
}

    .btVoltarFiltroReport:hover {
        background-color: #cae4f6;
        color: #ffffff;
    }

.headerBotoesReport {
    display: block;
}

    .headerBotoesReport div {
        display: inline-block;
        margin-left: 5px;
    }

/*
    Gestao de Vendas Control

*/
.panelSelectProdutoVenda {
    display: block;
    width: 100%;
}

    .panelSelectProdutoVenda div {
        display: inline-block;
    }

    .panelSelectProdutoVenda #tipo {
        width: 10%;
    }

    .panelSelectProdutoVenda #produto {
        width: 89%;
    }

.table-striped table td {
    padding-left: 5px;
}

.divEditParcelasControl {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.80);
    z-index: 999;
    display: none;
}

    .divEditParcelasControl #panelEditPacela {
        position: absolute;
        top: 10%;
        left: 10%;
        width: 80%;
        height: 60%;
        background-color: transparent;
    }

.borderPanel {
    border: 5px solid #999999;
    -moz-border-radius: 3px; /* Para Firefox */
    -webkit-border-radius: 3px; /*Para Safari e Chrome */
    border-radius: 3px; /* Para Opera 10.5+*/
}

.divAguardeControl {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.90);
    z-index: 99999;
    display: none;
}

    .divAguardeControl #divImgAguarde {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 64px;
        height: 64px;
        margin-top: -32px;
        margin-left: -32px;
        background-image: url(/images/loading.gif);
    }


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

/*######################### HISTORICOCREDITOSUSUARIOCONTROL #########################*/

.panelShowHistoricoCreditosUsuario {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.70);
    z-index: 9999999999 !important;
    display: none;
}

    .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos {
        position: absolute;
        top: 10%;
        left: 10%;
        width: 80%;
        height: 80%;
        background-color: #EFEFEF;
        border: 1px solid #333333;
    }

        .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #titulo {
            height: 36px;
            line-height: 36px;
            background-color: #333333;
            color: #FFFFFF;
            vertical-align: middle;
            text-align: center;
        }

        .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #btclose {
            position: relative;
            width: 36px;
            height: 36px;
            position: relative;
            float: right;
            top: -36px;
            cursor: pointer;
            background-image: url(../images/close.png);
        }

        .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #tablelancamentos {
            position: relative;
            left: 5%;
            width: 90%;
            top: 5%;
            height: 90%;
        }

            .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #tablelancamentos #header {
                height: 30px;
                width: 100%;
                background-color: #999999;
                display: block;
            }

                .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #tablelancamentos #header #dtlancamento {
                    display: inline-block;
                    width: 20%;
                    height: 30px;
                    line-height: 30px;
                    vertical-align: middle;
                    text-align: center;
                    color: #FFFFFF;
                }

                .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #tablelancamentos #header #responsavel {
                    display: inline-block;
                    width: 30%;
                    height: 30px;
                    line-height: 30px;
                    vertical-align: middle;
                    text-align: center;
                    color: #FFFFFF;
                }

                .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #tablelancamentos #header #creditos {
                    display: inline-block;
                    width: 10%;
                    height: 30px;
                    line-height: 30px;
                    vertical-align: middle;
                    text-align: center;
                    color: #FFFFFF;
                }

                .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #tablelancamentos #header #motivo {
                    display: inline-block;
                    width: 30%;
                    height: 30px;
                    line-height: 30px;
                    vertical-align: middle;
                    text-align: center;
                    color: #FFFFFF;
                }

                .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #tablelancamentos #header #voucher {
                    display: inline-block;
                    width: 8%;
                    height: 30px;
                    line-height: 30px;
                    vertical-align: middle;
                    text-align: center;
                    color: #FFFFFF;
                }

            .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #tablelancamentos #itenslancamento {
                height: auto;
                width: 100%;
                display: block;
                background-color: #E2E2E2;
                max-height: 90%;
                overflow: auto;
            }

            .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #tablelancamentos #item {
                display: block;
                height: 30px;
                width: 100%;
                border-bottom: 1px dashed #CCCCCC;
            }

            .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #tablelancamentos #itenslancamento #item #dtlancamento {
                display: inline-block;
                width: 20%;
                height: 30px;
                line-height: 30px;
                vertical-align: middle;
                text-align: center;
                color: #333333;
            }

            .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #tablelancamentos #itenslancamento #item #responsavel {
                display: inline-block;
                width: 30%;
                height: 30px;
                line-height: 30px;
                vertical-align: middle;
                text-align: center;
                color: #333333;
            }

            .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #tablelancamentos #itenslancamento #item #creditos {
                display: inline-block;
                width: 10%;
                height: 30px;
                line-height: 30px;
                vertical-align: middle;
                text-align: center;
                color: #333333;
            }

            .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #tablelancamentos #itenslancamento #item #debitos {
                display: inline-block;
                width: 10%;
                height: 30px;
                line-height: 30px;
                vertical-align: middle;
                text-align: center;
                color: red;
            }

            .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #tablelancamentos #itenslancamento #item #motivo {
                display: inline-block;
                width: 30%;
                height: 30px;
                line-height: 30px;
                vertical-align: middle;
                text-align: center;
                color: #333333;
            }

            .panelShowHistoricoCreditosUsuario #panelHistoricoCreditos #tablelancamentos #itenslancamento #item #voucher {
                display: inline-block;
                width: 8%;
                height: 30px;
                line-height: 30px;
                vertical-align: middle;
                text-align: center;
                color: #333333;
            }
/*######################### FINAL HISTORICOCREDITOSUSUARIOCONTROL #########################*/

.hidecontrol {
    display: none;
}

.selectCursoFiltro {
    width: 100%;
    height: 30px;
}

.bgPanelAcaoControl {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.70);
    z-index: 9999999999;
    overflow: auto;
}


.divPanelAcaoControl {
    position: absolute;
    top: 50%;
    left: 10%;
    width: 80%;
    height: 250px;
    margin-top: -125px;
    background-color: #EFEFEF;
    border: 1px solid #333333;
}

    .divPanelAcaoControl #titulo {
        background-color: #333333;
        color: #ffffff;
        font-size: 1.2em;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

    .divPanelAcaoControl #btClosePanel {
        position: relative;
        top: -34px;
        float: right;
    }

    .divPanelAcaoControl #info {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 1.2em;
    }


    .divPanelAcaoControl #control {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .divPanelAcaoControl #botoes {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        width: 100%;
        text-align: right;
    }

.opcMotivoBolsaEstudo {
    display: block;
    width: 100%;
    padding-bottom: 10px;
}

.objMotivoBolsaEstudo {
    display: block;
    width: 100%;
    padding-bottom: 10px;
}

.objMotivoTransferencia {
    display: block;
    width: 100%;
    padding-bottom: 10px;
}

.txtObsMotivoBolsa {
    width: 100%;
    height: 50px;
}

.txtObsMotivoTransferencia {
    width: 100%;
    height: 50px;
}

.tituloMotivoBolsaEstudo {
    display: block;
    width: 100%;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-size: 1.2em;
}

.boxInfoBolsaEstudos {
    background-color: #fcf9f9;
    border: 1px dashed #999999;
    display: none;
}

.boxInfoMotivoTransferencia {
    background-color: #fcf9f9;
    border: 1px dashed #999999;
}


.boxInfoMotivoCancelamento {
    background-color: #fcf9f9;
    border-top: 1px dashed #999999;
    border-left: 1px dashed #999999;
    border-right: 1px dashed #999999;
}

.boxInfoObservacoesSolicitacaoCancelamentoMatricula {
    background-color: #fcf9f9;
    border-top: 1px dashed #999999;
    border-bottom: 1px dashed #999999;
    border-left: 1px dashed #999999;
    border-right: 1px dashed #999999;
}

.tituloInfoPagamento {
    display: block;
    width: 100%;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-size: 1.2em;
}

.divisoriaBoxInfoVendas {
    border-top: 1px dashed #999999;
    border-bottom: 1px dashed #999999;
    padding-bottom: 10px;
}

.infoMaterialFisicoEntreguePessoalmente {
    background-color: #fcf9f9;
    border-top: 1px dashed #999999;
    border-bottom: 1px dashed #999999;
    padding-bottom: 10px;
    padding-top: 10px;
    display: none;
}

.boxInfoVendas {
    padding-top: 10px;
    border-top: 1px dashed #999999;
    background-color: #fcf9f9;
}

.boxInfoVendasRodape {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px dashed #CCCCCC;
    border-bottom: 1px dashed #999999;
    background-color: #fcf9f9;
}

.infoDescontoVenda {
    padding-top: 10px;
    padding-bottom: 10px;
}

.infoAlertaDevolucaoValor {
    text-align: center;
    color: #FFFFFF;
    font-size: 1.3em;
    font-weight: bold;
    background-color: #d72121;
}

.alignCenter {
    text-align: center;
}

.divShowPlayerAoVivo #panelPlayerChat {
    position: relative;
    top: 20%;
    width: 1100px;
    height: 400px;
    /*margin-top: -175px;
    margin-left: auto;
    margin-right: auto;*/
    margin: 0px auto;
    border: 10px solid #FFFFFF;
    background-color: #e8e8e8;
}

.divShowPlayerAoVivo #chatControlAdmin {
    width: 500px;
    float: right;
}

.divShowPlayerAoVivo #player {
    float: left;
}

.divShowPlayerAoVivo #nomeUsuarioChat {
    margin: 0px;
    font-size: 18px;
}

.divShowPlayerAoVivo #btnCloseChat {
    border: 0px !important;
    margin: 0px 10px 0px 0px;
    float: right;
}

.divShowPlayerAoVivo #ulControlMensagensChat {
    /*padding-top: 0px;*/
    /*padding-bottom: 0px;*/
}


/* Chat UI */
.chatui-container {
    position: relative;
}

.chatui-people,
.chatui-talk {
    overflow-y: hidden;
    width: 100%;
}

    .chatui-people .chatui-header {
        font-size: 14px;
        line-height: 14px;
        color: #999999;
        text-transform: uppercase;
        padding: 5px 20px;
    }

    .chatui-people hr {
        border-top-color: #252525;
        border-top-color: rgba(0, 0, 0, 0.25);
    }

    .chatui-people .list-group-item {
        background: transparent;
        min-height: 52px;
        border: 0;
        border-radius: 0 !important;
    }

        .chatui-people .list-group-item .badge {
            margin-top: 7px;
        }

        .chatui-people .list-group-item .list-group-item-heading {
            color: #ffffff;
            line-height: 32px;
            margin: 0;
        }

        .chatui-people .list-group-item:hover,
        .chatui-people .list-group-item:focus {
            background: url('../img/template/ie8_opacity_dark_20.png') repeat;
            background: rgba(0, 0, 0, 0.2);
        }

        .chatui-people .list-group-item img {
            float: left;
            width: 32px;
            height: 32px;
            margin-right: 10px;
        }

.chatui-talk {
    top: 0;
    bottom: 50px;
}

    .chatui-talk ul {
        padding: 15px;
        margin: 0;
        list-style: none;
    }

    .chatui-talk li {
        padding: 5px 10px;
        margin-bottom: 7px;
    }

    .chatui-talk .chatui-talk-msg {
        padding-left: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 10px;
        border-left: 5px solid #333333;
        background-color: #f6f6f6;
        position: relative;
    }

        .chatui-talk .chatui-talk-msg i {
            position: absolute;
            background-color: rgba(0, 0, 0, 0.20);
            color: #ffffff;
            top: 100%;
            margin-top: -17px;
            left: 100%;
            margin-left: -27px;
            padding-left: 2px;
            padding-right: 2px;
            padding-top: 2px;
            padding-bottom: 2px;
            font-size: 0.7em;
        }

        .chatui-talk .chatui-talk-msg div {
            position: absolute;
            color: #3498db;
            top: 0px;
            left: 0px;
            margin-left: 5px;
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 2px;
            padding-bottom: 2px;
            font-size: 0.8em;
            font-weight: bold;
        }


        .chatui-talk .chatui-talk-msg.chatui-talk-msg-highlight {
            padding-left: 10px;
            border-left: none;
            border-right-width: 5px;
            border-right-style: solid;
        }

.chatui-talk-msg .chatui-talk-msg-avatar {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
}

.chatui-talk-msg.chatui-talk-msg-highlight .chatui-talk-msg-avatar {
    top: 8px;
    right: auto;
    left: 8px;
}

.chatui-input {
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #eeeeee;
    width: 100%;
}

.inputTxt150 {
    min-width: 60px;
}

.divAlertOtherUserAtendimento {
    color: red;
}

.tdInfoLabelValorDevolucaoCancelamentoCompra {
    text-align: right;
    font-size: 1.2em;
}

.tdInfoValorDevolucaoCancelamentoCompra {
    text-align: right;
    font-size: 1.3em;
    font-weight: bold;
    width: 100px;
}


.tdInfoLabelValorDevolucaoFinalCancelamentoCompra {
    text-align: right;
    font-size: 1.2em;
    color: red;
}

.tdInfoValorDevolucaoFinalCancelamentoCompra {
    text-align: right;
    font-size: 1.3em;
    font-weight: bold;
    width: 100px;
    color: red;
}

.btConfirmaSolicitacaoCancelamento {
    font-family: 'Roboto', sans-serif;
    font-size: 1.0em;
    background-color: #3498DB;
    vertical-align: middle;
    color: #FFFFFF;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    -moz-border-radius: 3px; /* Para Firefox */
    -webkit-border-radius: 3px; /*Para Safari e Chrome */
    border-radius: 3px; /* Para Opera 10.5+*/
    text-transform: uppercase;
    background-position: left;
    background-repeat: no-repeat;
    white-space: nowrap;
}

    .btConfirmaSolicitacaoCancelamento:hover {
        color: #ffffff;
        text-decoration: none;
        background-color: rgba(54, 133, 186, 0.87);
    }

.btVoltarSolicitacaoCancelamento {
    font-family: 'Roboto', sans-serif;
    font-size: 1.0em;
    background-color: red;
    vertical-align: middle;
    color: #FFFFFF;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    -moz-border-radius: 3px; /* Para Firefox */
    -webkit-border-radius: 3px; /*Para Safari e Chrome */
    border-radius: 3px; /* Para Opera 10.5+*/
    text-transform: uppercase;
    background-position: left;
    background-repeat: no-repeat;
    white-space: nowrap;
}

    .btVoltarSolicitacaoCancelamento:hover {
        color: #ffffff;
        text-decoration: none;
        background-color: darkred;
    }

.tableInfoMaterialLote {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    margin-left: -300px;
    height: 300px;
    margin-top: -300px;
    background-color: #EFEFEF;
}

.tableTituloTdTituloTableInfoMaterialLote {
    color: #FFFFFF;
    background-color: #666666;
    font-size: 1.2em;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: top;
}

.tdTituloTableInfoMaterialLote {
    color: #FFFFFF;
    background-color: #666666;
    font-size: 1.2em;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: middle;
}

.tableTituloTdTituloTableInfoMaterialLote {
    width: 100%;
}

.tdLeftTableTituloTdTituloTableInfoMaterialLote {
    text-align: center;
}

.tdRightTableTituloTdTituloTableInfoMaterialLote {
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
}

.tdBotaoSalvarTableInfoMaterialLote {
    text-align: center;
}

.divInfoFileCorrecao {
    padding-top: 10px;
    /*padding-left: 10px;*/
}

.dtControlTableInfoMaterialLote {
    font-size: 1.2em;
    text-align: left;
    color: #333333;
    padding-left: 10px;
}

.ajax__calendar_container {
    width: auto !important;
}

.m-2 {
    margin: 2px;
}

.mt-5 {
    margin-top: 5px !important;
}

#thead_list_of_rules,
#tbody_list_of_rules {
    font-size: 0.88em;
    text-align: center !important;
}

.fsRow .row {
    padding: 5px !important;
    margin: 5px !important;
}

.remodal {
    max-width: 85% !important;
}

.remodal-wrapper {
    z-index: 1000;
}

.remodal-overlay {
    z-index: 999;
}

.panelNewRule,
.panelUpdateRule {
    display: none;
}

.dt-gui-input input {
    padding-left: 35px !important;
}

.imgComprovanteCompra {
    text-align: center;
}

    .imgComprovanteCompra div {
        display: table;
        width: 100%;
    }


        .imgComprovanteCompra div span {
            display: table-cell;
            text-align: center;
            font-weight: bold;
            line-height: 30px;
        }

            .imgComprovanteCompra div span::before {
                content: '# '
            }

            .imgComprovanteCompra div span i {
                color: red;
                cursor: pointer;
            }


        .imgComprovanteCompra div #usuarioenvio {
            padding-bottom: 20px;
            font-weight: normal;
        }

            .imgComprovanteCompra div #usuarioenvio:before {
                content: ''
            }

    .imgComprovanteCompra img {
        max-width: 200px !important;
        height: auto;
        cursor: pointer;
    }

.infoVisualizacaoComprovante {
    text-align: center;
}

    .infoVisualizacaoComprovante span {
        display: block;
        width: 100%;
        text-align: center;
        font-weight: bold;
        margin-bottom: 10px;
        font-size: 1.5em;
    }

    .infoVisualizacaoComprovante img {
        max-width: 600px !important;
        width: 100%;
        min-width: 200px;
        height: auto;
        cursor: pointer;
    }


.dz-divUploadDocumento {
    border: 1px dashed #333333;
    width: auto;
    height: auto;
}

.labelContentInfoComprovante {
    font-weight: bold;
}

@media screen and (max-width: 600px) {
    .labelInfoComprovante {
        text-align: center !important;
    }

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

.lblChkNecessidaComprovante {
    line-height: 22px;
    vertical-align: middle;
}

@media screen and (max-width: 1505px) {
    .lblChkNecessidaComprovante {
        line-height: 20px;
        vertical-align: middle;
        font-size: 0.8em !important;
    }
}


.lblChkComprovanteAprovado {
    line-height: 22px;
    vertical-align: middle;
    min-height: 22px;
}

@media screen and (max-width: 1505px) {
    .lblChkComprovanteAprovado {
        line-height: 20px;
        min-height: 20px;
        vertical-align: middle;
        font-size: 0.8em !important;
    }
}

.inputDisabled:before {
    border: 2px dashed #CCCCCC !important;
}

.divPanelImportarUsuariosControl {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.80);
    z-index: 999;
    display: none;
}

    .divPanelImportarUsuariosControl #panelImportarUsuarios {
        position: absolute;
        top: 10%;
        left: 10%;
        width: 80%;
        height: 60%;
        background-color: transparent;
    }

.divInfoImportarUsuarios {
    max-height: 300px;
    overflow: auto;
}

.hideCsvButton {
    display: none;
}

.tableDocumentoProdutoControl {
    width: 100%;
}

.tdTituloTableDocumentoProdutoControl {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    padding-left: 5px;
    text-transform: uppercase;
    background-color: #999999;
    height: 30px;
}

    .tdTituloTableDocumentoProdutoControl span {
        position: relative;
        color: #FFFFFF;
        top: 7px;
        left: 0px;
    }

.btAproveitamentoMatriculasAluno {
    position: relative;
    top: 0px;
    margin-top: 0px;
    margin-left: 0px;
    width: 135px;
    height: 20px;
}

    .btAproveitamentoMatriculasAluno a {
        font-family: Tahoma;
        font-size: 10px;
        background-color: #FF6500;
        color: #FFFFFF;
        padding-left: 50px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        -moz-border-radius: 3px; /* Para Firefox */
        -webkit-border-radius: 3px; /*Para Safari e Chrome */
        border-radius: 3px; /* Para Opera 10.5+*/
        text-transform: uppercase;
        background-image: url('../images/historico.png');
        background-position: left;
        background-repeat: no-repeat;
        white-space: nowrap;
    }

        .btAproveitamentoMatriculasAluno a:hover {
            background-color: #202020;
        }


.btDownloadFichaAluno {
    top: 0px;
    margin-top: 0px;
    margin-left: 0px;
    width: 205px;
    height: 20px;
}

    .btDownloadFichaAluno a {
        font-family: Tahoma;
        font-size: 10px;
        background-color: #FF6500;
        color: #FFFFFF;
        padding-left: 50px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        -moz-border-radius: 3px; /* Para Firefox */
        -webkit-border-radius: 3px; /*Para Safari e Chrome */
        border-radius: 3px; /* Para Opera 10.5+*/
        text-transform: uppercase;
        background-image: url('../images/btbaixatcc.png');
        background-position: left;
        background-repeat: no-repeat;
        white-space: nowrap;
    }

        .btDownloadFichaAluno a:hover {
            background-color: #202020;
        }


.btDownloadDocumentacao {
    top: 0px;
    margin-top: 0px;
    margin-left: 0px;
    width: 205px;
    height: 20px;
}

    .btDownloadDocumentacao a {
        font-family: Tahoma;
        font-size: 10px;
        background-color: #FF6500;
        color: #FFFFFF;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        -moz-border-radius: 3px; /* Para Firefox */
        -webkit-border-radius: 3px; /*Para Safari e Chrome */
        border-radius: 3px; /* Para Opera 10.5+*/
        text-transform: uppercase;
        white-space: nowrap;
    }

        .btDownloadDocumentacao a:hover {
            background-color: #202020;
        }

.btDownloadAproveitamentoMatriculasAluno {
    position: relative;
    top: 0px;
    margin-top: 0px;
    margin-left: 0px;
    width: 180px;
    height: 20px;
}

    .btDownloadAproveitamentoMatriculasAluno a {
        font-family: Tahoma;
        font-size: 10px;
        background-color: #FF6500;
        color: #FFFFFF;
        padding-left: 50px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        -moz-border-radius: 3px; /* Para Firefox */
        -webkit-border-radius: 3px; /*Para Safari e Chrome */
        border-radius: 3px; /* Para Opera 10.5+*/
        text-transform: uppercase;
        background-image: url('../images/download_historico.png');
        background-position: left;
        background-repeat: no-repeat;
        white-space: nowrap;
    }

        .btDownloadAproveitamentoMatriculasAluno a:hover {
            background-color: #202020;
        }

.panelInfoDocumentoHide {
    display: none;
}

.panelInfoDocumentoVisible {
    display: block;
}

.panelUploadDocumentoHide {
    display: none;
}

.panelUploadDocumentoVisible {
    display: block;
}

.gridViewDocumentosUsuarioEmptyData {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: Red;
    text-align: center;
}

    .gridViewDocumentosUsuarioEmptyData td {
        width: 780px;
    }

.tableItemDocumentoProdutoControl {
    width: 100%;
    height: 25px;
    border-bottom: 1px solid #999999;
}

    .tableItemDocumentoProdutoControl td {
        vertical-align: top;
    }

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

.iFrameTableItemDocumentoProdutoControl {
    width: 150px;
    height: 50px;
}

.tdTituloTableItemDocumentoProdutoControl {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

    .tdTituloTableItemDocumentoProdutoControl div {
        width: 400px;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        color: #999999;
        font-weight: normal;
    }

.tdStatusTableItemDocumentoProdutoControl {
    width: 200px;
    text-align: center;
    vertical-align: middle;
}

.tdDocumentoTableItemDocumentoProdutoControl {
    text-align: center;
    vertical-align: middle;
    width: 300px;
}

.tdComentariosDocumentoProdutoControl span {
    color: #666666;
    font-size: 12px;
}

.tableDocumentoProdutoControl {
    width: 100%;
}

.tdTituloTableDocumentoProdutoControl {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    text-align: left;
    padding-left: 5px;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    display: block;
}

    .tdTituloTableDocumentoProdutoControl span {
        display: inline-block;
        min-width: 30%;
    }


    .tdTituloTableDocumentoProdutoControl div {
        display: inline-block;
    }

.tdOpcoesTableDocumentoProdutoControl {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #333333;
    text-align: left;
    padding-left: 5px;
    text-transform: uppercase;
    height: auto;
    line-height: 40px;
    vertical-align: middle;
    display: block;
    border-bottom: 1px dashed #999999;
}

    .tdOpcoesTableDocumentoProdutoControl div {
        display: inline-block;
    }


.grdViewDocumentosUsuario {
    width: 100%;
}

    .grdViewDocumentosUsuario TD {
        border: 0;
    }

.gridViewItensClass {
    width: 100%;
}

.panelAddComentario {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -85px;
    margin-left: -155px;
    width: 310px;
    height: 170px;
    border: 5px solid #333333;
    text-align: center;
    background-color: #EFEFEF;
}

.tdTituloTableComentario {
    background-color: #333333;
    color: #FFFFFF;
    text-align: center;
}


.divInfoMatriculaUsuario {
    position: fixed !important;
    top: 0px;
    left: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    color: #000000;
    background-color: rgba(0, 0, 0, 0.80);
    text-align: center;
    display: none;
    z-index: 999999999;
}

.divHistoricoMatriculaUsuario {
    position: fixed;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    background-color: #EFEFEF;
    border: 10px solid #333333;
    overflow: auto;
}


    .divHistoricoMatriculaUsuario #closeBt {
        position: relative;
        top: 0px;
        left: 100%;
        margin-top: -33px;
        margin-left: -38px;
        width: 36px;
        height: 36px;
        background-image: url('../images/close.png');
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .divHistoricoMatriculaUsuario #titulo {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-weight: bold;
        width: 100%;
        height: 30px;
        background-color: #666666;
        color: #FFFFFF;
        text-transform: uppercase;
        text-align: center;
        padding-top: 10px;
    }


    .divHistoricoMatriculaUsuario #tabelaHistorico {
        position: relative;
        top: 30px;
        left: 50%;
        margin-left: -425px;
        width: 850px;
        background-color: #999999;
        border: 1px solid #666666;
        display: table;
    }

        .divHistoricoMatriculaUsuario #tabelaHistorico #header {
            display: table-row;
        }

            .divHistoricoMatriculaUsuario #tabelaHistorico #header div {
                display: table-cell;
                text-align: center;
                vertical-align: middle;
            }

            .divHistoricoMatriculaUsuario #tabelaHistorico #header #tituloDisciplina {
                width: 300px;
                text-transform: uppercase;
            }

            .divHistoricoMatriculaUsuario #tabelaHistorico #header #cargaHoraria {
                width: 75px;
            }

            .divHistoricoMatriculaUsuario #tabelaHistorico #header #cargaHorariaAssistida {
                width: 75px;
            }

            .divHistoricoMatriculaUsuario #tabelaHistorico #header #aprovSimulado {
                width: 75px;
            }

            .divHistoricoMatriculaUsuario #tabelaHistorico #header #mediaCorteSimualdo {
                width: 75px;
            }

            .divHistoricoMatriculaUsuario #tabelaHistorico #header #status {
                width: 200px;
            }


        .divHistoricoMatriculaUsuario #tabelaHistorico #content_historico_matricula {
            display: table-row-group;
        }

            .divHistoricoMatriculaUsuario #tabelaHistorico #content_historico_matricula #row {
                display: table-row;
                height: 30px;
            }

                .divHistoricoMatriculaUsuario #tabelaHistorico #content_historico_matricula #row div {
                    display: table-cell;
                    text-align: center;
                    vertical-align: middle;
                    background-color: #EFEFEF;
                    border-bottom: 1px solid #999999;
                }


                .divHistoricoMatriculaUsuario #tabelaHistorico #content_historico_matricula #row #tituloDisciplina {
                    font-weight: bold;
                }

                .divHistoricoMatriculaUsuario #tabelaHistorico #content_historico_matricula #row #cargaHoraria {
                }

                .divHistoricoMatriculaUsuario #tabelaHistorico #content_historico_matricula #row #cargaHorariaAssistida {
                }

                .divHistoricoMatriculaUsuario #tabelaHistorico #content_historico_matricula #row #aprovSimulado {
                }

                .divHistoricoMatriculaUsuario #tabelaHistorico #content_historico_matricula #row #mediaCorteSimualdo {
                }

                .divHistoricoMatriculaUsuario #tabelaHistorico #content_historico_matricula #row #status {
                    cursor: pointer;
                }

                    .divHistoricoMatriculaUsuario #tabelaHistorico #content_historico_matricula #row #status a {
                        font-style: italic;
                        text-align: center;
                    }


.tdComentarioFormuladoCadastro {
    color: #333333;
    font-family: Tahoma;
    font-size: 10px;
    padding-left: 5px;
}

.divChangeHistoricoAluno {
    position: fixed !important;
    top: 0px;
    left: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    color: #000000;
    background-image: url(../images/bgalert.png);
    background-repeat: repeat;
    text-align: center;
    display: none;
    z-index: 999999999;
}

    .divChangeHistoricoAluno #divBoxInfoChange {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 400px;
        height: 300px;
        margin-left: -200px;
        margin-top: -150px;
        background-color: #EFEFEF;
        border: 1px solid #333333;
        -moz-border-radius: 5px; /* Para Firefox */
        -webkit-border-radius: 5px; /*Para Safari e Chrome */
        border-radius: 5px; /* Para Opera 10.5+*/
    }


        .divChangeHistoricoAluno #divBoxInfoChange #tituloInfoChange {
            background-color: #333333;
            color: #FFFFFF;
            text-align: center;
            width: 100%;
            height: 36px;
            line-height: 36px;
            vertical-align: middle;
            font-family: 'Roboto', sans-serif;
            font-size: 12px;
            font-weight: bold;
        }


        .divChangeHistoricoAluno #divBoxInfoChange #btClose {
            position: relative;
            top: -36px;
            left: 100%;
            margin-left: -36px;
            width: 36px;
            height: 36px;
            background-image: url(../images/close.png);
            cursor: pointer;
        }

.inputTxtAproveitamentoAluno {
    width: 100px;
    font-size: 10pt;
    font-weight: bold;
    color: black;
    height: 14px;
    border: 1px solid #CCCCCC;
    font-family: Tahoma;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    color: black;
    margin-top: 2px;
}

.inputTxtObservacoesAproveitamentoAluno {
    width: 375px;
    font-size: 10pt;
    font-weight: bold;
    color: black;
    height: 100px;
    border: 1px solid #CCCCCC;
    font-family: Tahoma;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    color: black;
    margin-top: 2px;
}

.divChangeHistoricoAluno #divBoxInfoChange #aproveitamentoSimulado {
    position: relative;
    top: -20px;
    width: 100%;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding-left: 10px
}

.divChangeHistoricoAluno #divBoxInfoChange #totalVisulizacaoDisciplina {
    position: relative;
    top: -20px;
    width: 100%;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding-left: 10px;
}

.divChangeHistoricoAluno #divBoxInfoChange #obervacoesAtualizacao {
    position: relative;
    top: -20px;
    width: 100%;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding-left: 10px;
}

.divChangeHistoricoAluno #divBoxInfoChange #fieldObservacoesAtualizacao {
    position: relative;
    top: -20px;
    width: 100%;
    height: 100px;
    line-height: 25px;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding-left: 10px;
}

.divChangeHistoricoAluno #divBoxInfoChange #botoesControle {
    position: relative;
    width: 378px;
    height: 40px;
    line-height: 40px;
    vertical-align: baseline;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding-left: 10px;
    text-align: right;
}

.btSalvarHistoricoAluno {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    background-color: #FF6500;
    color: #FFFFFF;
    padding-left: 40px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    -moz-border-radius: 3px; /* Para Firefox */
    -webkit-border-radius: 3px; /*Para Safari e Chrome */
    border-radius: 3px; /* Para Opera 10.5+*/
    text-transform: uppercase;
    background-image: url('../images/btsalvaricon.png');
    background-position: left;
    background-repeat: no-repeat;
    white-space: nowrap;
}

    .btSalvarHistoricoAluno:hover {
        background: #202020;
        background-image: url('../images/btsalvaricon.png');
        background-position: left;
        background-repeat: no-repeat;
    }


.btBaixaTCC {
    top: 0px;
    margin-top: 0px;
    margin-left: 0px;
    width: 150px;
    height: 20px;
}

    .btBaixaTCC a {
        font-family: Tahoma;
        font-size: 10px;
        background-color: #FF6500;
        color: #FFFFFF;
        padding-left: 50px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        -moz-border-radius: 3px; /* Para Firefox */
        -webkit-border-radius: 3px; /*Para Safari e Chrome */
        border-radius: 3px; /* Para Opera 10.5+*/
        text-transform: uppercase;
        background-image: url('../images/btbaixatcc.png');
        background-position: left;
        background-repeat: no-repeat;
        white-space: nowrap;
    }

        .btBaixaTCC a:hover {
            background-color: #202020;
        }

.btAbrirAnotacoes {
    position: relative;
    top: 0px;
    margin-top: 0px;
    margin-left: 0px;
    width: 100px;
    height: 20px;
}

    .btAbrirAnotacoes a {
        font-family: Tahoma;
        font-size: 10px;
        background-color: #FF6500;
        color: #FFFFFF;
        padding-left: 40px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        -moz-border-radius: 3px; /* Para Firefox */
        -webkit-border-radius: 3px; /*Para Safari e Chrome */
        border-radius: 3px; /* Para Opera 10.5+*/
        text-transform: uppercase;
        background-image: url('../images/observacoes.png');
        background-position: left;
        background-repeat: no-repeat;
        white-space: nowrap;
    }

        .btAbrirAnotacoes a:hover {
            background-color: #202020;
        }

.divInfoTccUsuario {
    position: fixed !important;
    top: 0px;
    left: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    color: #000000;
    background-image: url(../images/bgalert.png);
    background-repeat: repeat;
    text-align: center;
    display: none;
    z-index: 999999999;
}


    .divInfoTccUsuario #divPanelInfo {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 400px;
        height: 280px;
        margin-left: -200px;
        margin-top: -140px;
        border: 1px solid #333333;
        background-color: #EFEFEF;
        -moz-border-radius: 5px; /* Para Firefox */
        -webkit-border-radius: 5px; /*Para Safari e Chrome */
        border-radius: 5px; /* Para Opera 10.5+*/
    }

        .divInfoTccUsuario #divPanelInfo #titulo {
            font-family: 'Roboto', sans-serif;
            font-size: 14px;
            width: 400px;
            height: 25px;
            line-height: 25px;
            background-color: #333333;
            color: #FFFFFF;
            text-align: center;
            vertical-align: middle;
            text-transform: uppercase;
        }

        .divInfoTccUsuario #divPanelInfo #btClose {
            position: relative;
            top: -31px;
            left: 100%;
            margin-left: -32px;
            width: 32px;
            height: 32px;
            background-image: url(../images/close.png);
            background-repeat: no-repeat;
            background-position: top left;
            cursor: pointer;
        }

        .divInfoTccUsuario #divPanelInfo #labelTitulo {
            position: relative;
            top: -20px;
            width: 400px;
            height: 25px;
            text-align: left;
            display: inline-block;
            padding-left: 10px;
            vertical-align: middle;
            line-height: 25px;
        }

        .divInfoTccUsuario #divPanelInfo #objTitulo {
            position: relative;
            top: -20px;
            width: 400px;
            height: 25px;
            text-align: left;
            display: inline-block;
            padding-left: 10px;
            vertical-align: middle;
            line-height: 25px;
        }

        .divInfoTccUsuario #divPanelInfo #labelNota {
            position: relative;
            top: -20px;
            width: 400px;
            height: 25px;
            text-align: left;
            display: inline-block;
            padding-left: 10px;
            vertical-align: middle;
            line-height: 25px;
        }

        .divInfoTccUsuario #divPanelInfo #objNota {
            position: relative;
            top: -20px;
            width: 400px;
            height: 25px;
            text-align: left;
            display: inline-block;
            padding-left: 10px;
            vertical-align: middle;
            line-height: 25px;
        }

        .divInfoTccUsuario #divPanelInfo #objDataConclusao {
            position: relative;
            top: -20px;
            width: 400px;
            height: 25px;
            text-align: left;
            display: inline-block;
            padding-left: 10px;
            vertical-align: middle;
            line-height: 25px;
        }

        .divInfoTccUsuario #divPanelInfo #labelDataConclusao {
            position: relative;
            top: -20px;
            width: 400px;
            height: 25px;
            text-align: left;
            display: inline-block;
            padding-left: 10px;
            vertical-align: middle;
            line-height: 25px;
        }

        .divInfoTccUsuario #divPanelInfo #objStatus {
            position: relative;
            top: -20px;
            width: 400px;
            height: 25px;
            text-align: left;
            display: inline-block;
            padding-left: 10px;
            vertical-align: middle;
            line-height: 25px;
        }

        .divInfoTccUsuario #divPanelInfo #labelStatus {
            position: relative;
            top: -20px;
            width: 400px;
            height: 25px;
            text-align: left;
            display: inline-block;
            padding-left: 10px;
            vertical-align: middle;
            line-height: 25px;
        }

        .divInfoTccUsuario #divPanelInfo #botoes {
            position: relative;
            top: -30px;
            width: 385px;
            height: 50px;
            text-align: right;
            display: inline-block;
            vertical-align: middle;
            line-height: 50px;
        }

.btSalvarInfoTCC {
    font-family: Tahoma;
    font-size: 10px;
    background-color: #FF6500;
    color: #FFFFFF;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    -moz-border-radius: 3px; /* Para Firefox */
    -webkit-border-radius: 3px; /*Para Safari e Chrome */
    border-radius: 3px; /* Para Opera 10.5+*/
    text-transform: uppercase;
    white-space: nowrap;
}

    .btSalvarInfoTCC hover {
        background-color: #202020;
    }

.inputTxtObservacoesCursoAluno {
    width: 99%;
    font-size: 10pt;
    font-weight: bold;
    color: black;
    height: 500px;
    border: 1px solid #CCCCCC;
    font-family: Tahoma;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    color: black;
    margin-top: 2px;
    margin-bottom: 16px;
}

.dropzone-documento {
    position: relative;
    border: 2px dashed #eaedf1;
    background-color: #f9fafc;
    padding: 10px;
    min-height: 50px;
}

    .dropzone-documento .dz-message {
        text-align: center;
        margin: 0px 0;
        font-size: 12px;
        font-weight: 100;
    }

.boxpixpayment {
    text-align: center;
}

    .boxpixpayment img {
        max-width: 250px;
    }

.btCopyCodigo {
    cursor: pointer;
}

.qrcodecopy {
    margin-top: 20px;
    border: dashed 2px #808080;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fffff0;
}

    .qrcodecopy i {
        color: #009dc8;
    }

    .qrcodecopy #qrcodepixcontent {
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

.modal-header .modal-title {
    margin-right: 20px;
}

.fa-pix {
    display: block;
    background-image: url(/admin/images/pix.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 16px;
    margin-top: 2px;
}

.note-editor.note-frame.fullscreen, .note-editor.note-airframe.fullscreen {
    top: 60px !important;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.lnkBtDeleteInfoProvaAulaDisciplinaIsolada {
    display: none;
}

.icoRemoveProvaAulaDisciplinaIsolada {
    color: red;
}

.inputTxtTopicosRecursoAgendamento {
    resize: none !important;
    width: 100%;
    height: 100px !important;
}

.tdColunaQuestaoQuestao div {
    width: 100%;
    max-width: 300px;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: 15px;
    max-height: 75px !important;
    overflow: hidden;
}

.tdColunaRespostaQuestao div {
    width: 100%;
    max-width: 300px;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: 15px;
    max-height: 75px !important;
    overflow: hidden;
}

.tdColunaComentarioQuestao div {
    width: 100%;
    max-width: 300px;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: 15px;
    max-height: 75px !important;
    overflow: hidden;
}

.divPanelUsuariosEventoAoVivoControl {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.80);
    z-index: 999;
    display: none;
}

    .divPanelUsuariosEventoAoVivoControl #panelUsuariosEventoAoVivo {
        position: absolute;
        top: 10%;
        left: 20%;
        width: 60%;
        height: 60%;
        background-color: transparent;
    }

.divUsuariosEventoAoVivo {
    max-height: 300px;
    overflow: auto;
}

.trFiltroProduto td {
    padding-top: 5px;
}

.table-header-parcelas-compra {
    text-align: center;
}

    .table-header-parcelas-compra th {
        text-align: center;
    }

.hidden {
    display: none;
}

.boxFooterAddParcelaCompra {
    width: 100%;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .boxFooterAddParcelaCompra a {
        background-color: #3498DB;
        color: #ffffff;
    }

        .boxFooterAddParcelaCompra a:hover {
            background-color: #2f83bb;
            color: #ffffff;
        }

        .boxFooterAddParcelaCompra a i {
            margin-right: 5px;
        }


.dtFiltroCompra div.inputData {
    display: inline-flex;
}

.inputTxtDate {
    width: 100px;
}

.pointerCursor {
    cursor: pointer !important;
}

.field-icon {
    top: 13px !important;
}

.text-center {
    font-size: 12px;
}

.panel-body {
    overflow-x: auto;
}

#itensAdicionais {
    text-decoration: underline;
    cursor: pointer;
    color: blue;
}

#colunaOpcoes {
    cursor: pointer;
    font-size: 20px;
}

#divOpcoes {
    display: flex;
    column-gap: 5px;
    margin-top: 10px
}

#iconLoginUsername {
    position: absolute;
    margin-top: -13px
}

#iconPasswordUsername {
    position: absolute;
    margin-top: -13px
}

#demo-canvas {
    background-image: url(/admin/images/Background-Login.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#cadastroCliente h11 {
    color: red
}

#cadastroCliente .panel-heading {
    font-size: 150%;
}

#cadastroCliente .input-group-addon {
    color: black;
}

#cadastroCliente label {
    font-size: 13px;
    padding-top: 10px;
}

.form-check-input {
    --borderColor: #48c;
    --borderWidth: .125em;
}

.form-check-inputt label {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.form-check-input {
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
    background: #fff;
    font-size: 1.8em;
    border-radius: 0.125em;
    display: inline-block;
    border: var(--borderWidth) solid var(--borderColor);
    width: 1em;
    height: 1em;
    position: relative;
}

    .form-check-input:before,
    .form-check-input:after {
        content: "";
        position: absolute;
        background: var(--borderColor);
        width: calc(var(--borderWidth) * 3);
        height: var(--borderWidth);
        top: 50%;
        left: 10%;
        transform-origin: left center;
    }

    .form-check-input:before {
        transform: rotate(45deg) translate(calc(var(--borderWidth) / -2), calc(var(--borderWidth) / -2)) scaleX(0);
        transition: transform 200ms ease-in 200ms;
    }

    .form-check-input:after {
        width: calc(var(--borderWidth) * 5);
        transform: rotate(-45deg) translateY(calc(var(--borderWidth) * 2)) scaleX(0);
        transform-origin: left center;
        transition: transform 200ms ease-in;
    }

    .form-check-input:checked:before {
        transform: rotate(45deg) translate(calc(var(--borderWidth) / -2), calc(var(--borderWidth) / -2)) scaleX(1);
        transition: transform 200ms ease-in;
    }

    .form-check-input:checked:after {
        width: calc(var(--borderWidth) * 5);
        transform: rotate(-45deg) translateY(calc(var(--borderWidth) * 2)) scaleX(1);
        transition: transform 200ms ease-out 200ms;
    }

    .form-check-input:focus {
        outline: calc(var(--borderWidth) / 2) dotted rgba(0, 0, 0, 0.25);
    }

.labelInfoCadastro {
    margin-top: 10px;
}

.labelContentInfoCadastro {
    font-weight: bold;
}

.admin-form .row {
    padding-bottom: 10px;
}

.form-check-input:checked:after {
    width: calc(var(--borderWidth) * 6);
}

.form-check-input:before, .form-check-input:after {
    top: 50%;
    left: 35%;
}

.form-check-input {
    width: 30px;
    height: 30px
}

#containerTotal {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
    margin-bottom: 15px;
}

.containersValoresTotais {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
}

.subtituloTotal {
    font-size: 14px;
    font-weight: 400;
}

#btnExportExcel {
    margin-bottom: 15px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

#rowContainerOptions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.cliqueBtnUpdate {
    font-size: 20px
}

.cliqueBtnUpdate:hover {
    cursor: pointer;
}

.cliqueBtnDelete {
    font-size: 20px;
    color: #df5640
}

.cliqueBtnDelete:hover {
    cursor: pointer;
}

/*---GESTÃO DE PORTAIS---*/
#headerPortais {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

#imageEstoque {
    width: 50px;
    height: 50px;
}

#containerTitulo {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

#conteudoPrincipalPortais {
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

#statusPortal {
    width: 60px;
    border-radius: 5px;
    background: transparent;
    text-align: center;
}

#containerStatus {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-left: 5px;
    margin-top: 10px !important;
    width: 300px;
    height: 200px;
    background: #FFF;
    border-radius: 5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px 10px;
    transition: all 0.5s;
}

#containerStatus:hover {
   cursor: pointer;
   transform: translateY(-5px);
   transition: all 0.5s;
   box-shadow: 0px 5px 15px rgba(255, 255, 255, 0.3);
   cursor: pointer;
}

#nomePortal {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #1b2029;
    font-size: 16px;
}

#txtStatusPortal {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 13px;
    margin: 0 !important;
}

.columnContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

#linkPortal {
    display: inline-block;
    color: blue;
    text-decoration: underline;
    font-family: 'Poppins', sans-serif;
    word-break: break-word;
    text-align: center;
}

.camposPortal {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}
/*-----------------------*/

/*MODELO CONFIG COBRANCA*/
#mainContentGerenciarModelos {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 20px;    
}

#tabelaGerenciarModelos {
    margin-top: 20px;
}

.rowContainerContratos {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.btOptionsHover:hover {
    cursor: pointer;
}

.indiceInfoModelo {
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 500;
    margin-top: 20px !important;
}

#contentInfoModelo {
    margin-bottom: 10px !important;
}

.inputConfigCobSmaller {
    width: 30px !important;
}

.inputConfigCobMedium {
    width: 50px !important;
}

.inputConfigCobLarge {
    width: 80px !important;
}

.columnTableConfigCob {
    vertical-align: middle;
    text-align: center;
}

.showBorderOnTable {
    border: solid 1px #e5e2e2;
}

#mainContentCadastrarModelo {
    margin-top: 20px !important;
}

#containerBtAddRow {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}
/*-----------------------*/

.fa {
    cursor: pointer !important
}

.headerOpcoes {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
}

#mainContainer {
    display: flex;
    flex-direction: column;
}

.tituloModalErrorLog {
    font-size: 12px;
    font-family: Poppins;
    font-weight: 400;
}

.containerModalErrorLog {
    display: grid;
    grid-template-columns: 20% 80%;
    justify-content: center;
    align-items: center;
}

#mensagemLogError {
    height: 100px !important;
    resize: none !important;
}

#rowRenovarContrato {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

#btnRenovarContrato {
    margin-right: 20px;
    border: none;
    font-family: Poppins;
    background-color: #8ec98d;
    padding: 10px;
    color: #FFF;
    font-size: 12px;
    border-radius: 7px;
    transition: all 0.5s;
}

    #btnRenovarContrato:hover {
        cursor: pointer;
        transition: all 0.5s;
        background: #FFF;
        color: #8ec98d;
        border: solid 1px grey;
    }