a{
    cursor: pointer;
}

#fichaDoAluno label{
    font-size: 14px;
    color: #AAA;
}
#fichaDoAluno .row-fluid .controls{
    font-size: 18px;
    color: #000;

}
#fichaDoAluno .row-fluid .controls.negativo{
    color: #999;
}

#labelTopoListagem{
    width: 100%;
    position: relative;
    text-align: right;
    font-size: 18px;
    margin-bottom: 20px;
    border-bottom: solid 1px #555;
    padding-bottom: 10px;
}


.ms-container .ms-selection .labelSelecao{
    position: absolute;
    top: -20px;
    color: #090;
}
.ms-container .ms-selection .labelSelecao.lotado{
    color: #900;
}

#blocoResumo .span9{
    border: solid 1px #CCC;
    padding: 5px;
    border-radius: 5px;
    margin-top: -5px;
}

#tableSaldo tbody tr td{
    font-size: 18px;
}

table th.colunaPrincipal{
    min-width: 250px;
}

div.blocoHistoricoParcelasConteudo{
    border-bottom: solid 2px #888 !important;
    border-top: solid 2px #888 !important;
}

table tr td a.alert-success{
    color: #468847;
}

.text-right, table td.text-right, .table td.text-right{
    text-align: right;
}

.modal .modal-body #labelJurosParcelaQuitacao{
    float: left;
    margin: 0px 10px;
    width: auto;
}
.modal .modal-body input[type=checkbox].left{
    float: left;
}

.clearbox.pequeno{
    height: 1px;
    width: 100%;
    margin-bottom: 20px;
}

label.control-label.checkbox{
    padding: 0px;
}
.help-block.checkbox{
    padding: 0px;
    margin-top: -3px;
}

.modal #labelValorAtualizado{
    padding: 5px 0;
    font-size: 18px;
    color: #900;
}

tr td a.btnQuitar{
    color: #090;
}

tr td a.linkExcluir{
    color: #900;
}


.moneyPago{
    color: #090;
}
.moneyPendente{
    color: #900;
}


#modalWebCam{
    width: 60%;
    left: 30%;
}



#screenWebCam{
    position: relative;
    width: 42%;
    height: 280px;
    float: left;
    border: solid 1px #CCC;
    border-radius: 5px;
    text-align: center;
    padding: 2%;
}

#previewWebCam{
    position: relative;
    width: 43%;
    height: 280px;
    float: right;
    border: solid 1px #CCC;
    border-radius: 5px;
    text-align: center;
    padding: 2%;
}


#image-preview {
    width: 200px;
    height: 150px;
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    color: #ecf0f1;
    background-size: 90%;
    background-position: center center;
    background-repeat: no-repeat;    
}
#image-preview input {
    line-height: 200px;
    font-size: 200px;
    position: absolute;
    opacity: 0;
    z-index: 10;
}
#image-preview label {
    display: none;
    position: absolute;
    z-index: 5;
    opacity: 0.8;
    cursor: pointer;
    background-color: #F9F9F9;
    width: 91%;
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5%;
    margin: auto;
    text-align: center;
}
#image-preview:hover {
    border: solid 1px #E9E9E9;
    width: 198px;
    height: 148px;
}
#image-preview.aluno:hover {
    height: 178px;
}
#image-preview:hover label {
    display: block;
}
#image-preview.aluno {
    width: 150px;
    height: 180px;
}

table tr td.tableTituloIntermediario{
    padding: 20px 8px 5px 8px;
    font-size: 14px;
    font-weight: bold;
}

.span12.well{
    display: block;
    position: relative;
    z-index: 100;
}

#blocoEtapas .w-box .w-box-header {
    height: 42px;
}
#blocoEtapas .w-box .w-box-header h4 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    width: auto;
    position: relative;
    float: left;
    color: #333;
}

div#labelDia{
    width: 250px;
    position: absolute;
    top: 8px;
    right: 0px;
    text-align: right;
    font-size: 20px;
    font-weight: bold;
}


table tr.tableLastLine td{
    padding: 10px 8px;
    font-size: 16px;
    font-weight: bold;
}
table tr td.linhaTabelaSemRegistros{
    text-align: center;
    padding: 20px;
    background: #FFF;
}
table tr td.linhaTabelaSemRegistros.error{
    color: #900;
}

table tr td.carregando{
    background-image: url(../../framework/img/ajax_loader.gif);
    background-position: center;
    background-repeat: no-repeat;
    min-height: 200px;
    padding-top: 90px;
}


h4#btnFiltros{
    margin-bottom: 5px;
}

.btn-group .btn.finalRight{
    border-top-right-radius: 4px;border-bottom-right-radius: 4px;
}

#temasCursoTeoricoAluno{
    position: relative;
    display: none;
    clear: both;
}


table.table tr.error td{
    border-bottom: solid 1px #900;
    background: #FFF9F9;
}

table.table tr.error td a{
    color: #900;
}

#maincontainer {
    min-height: inherit;
}


/*Header Print*/
.breadCrumbHeaderPrint {
    display: block;
    height: 21px;
    overflow: hidden;
    border-bottom: solid 1px #e9e9e9;
    background: #fff;
    margin: 0 0 20px;
    padding: 5px;
}

.breadCrumbHeaderPrint ul {
    height: 21px;
    display: block;
    margin: 0;
    padding: 0 0 0 6px;
}

.breadCrumbHeaderPrint ul li {
    display: block;
    float: left;
    position: relative;
    height: 21px;
    overflow: hidden;
    line-height: 21px;
    font-size: .9167em;
    background: url(../Images/ChevronOverlay.png) no-repeat 100% 0;
    margin: 0 6px 0 0;
    padding: 0 10px 0 0;
}

.btn.right,.btn-group.right{
    float: right;
    text-align: right;
}

.btn.right,.btn-group.right ul li{
    text-align: left;
}

.btn.left,.btn-group.left{
    float: left;
    text-align: left;
}


/*MODAL DETALHES AULA TEORICA*/

body .modalLarge {
    width: 60%;
    left: 34%;
}

.ms-container {
    background: none;
}
.ms-container .ms-selectable, .ms-container .ms-selection {
    width: 40%;
}
.ms-container .ms-selectable {
    position: relative;
}
.ms-container .ms-selectable ul.ms-list {
    height: 155px;
}
.ms-container .ms-selectable #arrowRight {
    position: absolute;
    top: 100px;
    right: -27px;
}
.ms-container  .ms-selectable ul.ms-list li:not(.ms-optgroup-container), .ms-container .ms-selection ul.ms-list li:not(.ms-optgroup-container) {
    padding: 7px 11px 3px;
    background: #f9f9f9;
    position: relative;
    border-bottom: 1px solid #EEE;
    margin-bottom: 3px;
}

.ms-container .ms-selectable  ul.ms-list li.ms-elem-selectable .ms-subtitulo, .ms-container .ms-selection  ul.ms-list li.ms-elem-selection .ms-subtitulo{
    display: block;
    font-size: 10px;
    line-height: 8px;
    color: #999;
    margin-bottom: 5px;
}
.ms-container .ms-selection li:not(.disabled):hover {
    background:none;
}
.ms-container .ms-selection li:not(.disabled) .trash, .ms-container .ms-selection li:not(.ms-optgroup-container) .trash,
.ms-container .ms-selection li:not(.ms-optgroup-label) .trash, .ms-container .ms-selection li:not(.ms-optgroup) .trash {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 16px;
    color: #999;
    display: none;
}
.ms-container .ms-selection li:not(.disabled):hover .trash {
    display: block;
}

.modal.modalLarge .ms-selectable .ms-optgroup-container{
    border: solid 1px #CCC;
    padding: 2px;
    width: 95%;
    margin: auto auto 5px auto;
}

.modal.modalLarge .ms-selectable .ms-optgroup-container ul li.ms-optgroup-label{
    color: #555;
    font-weight: bold;
    border-bottom: 1px solid #DDD;
}

.modal.modalLarge .ms-selectable .ms-optgroup-container ul li.ms-elem-selectable:last-child{
    margin-bottom: -3px;
}


.row-fluid [class*="span"]:first-child .ms-container .search-header input, .ms-container .search-header input {
    width: 94%;
    margin: 2%;
}
.ms-container ul.ms-list {
    width: 100%;
}
.ms-container .ms-selection ul.ms-list {
    min-width: 150px;
}



/*BLOCO DE ESTILO PARA MENU SUSPENSO NAS LISTAGENS*/
.dataTables_wrapper {
    padding-bottom: 200px;
}

.dropdown-menu.right{
    right:0;
    left:inherit;
}

tr td div.blocoAcoesLista{
    text-align: left;
}

.dropdown-menu.right i{
    margin-right: 10px;
}

body.impressao_termica{
    width: 100% !important;
    font-family: monospace, Arial !important;
}
body.impressao_termica header, body.impressao_termica .breadCrumb{
    display:none;
}
body.impressao_termica .main_content {
    padding: 15px 5px;
    border: none;    

}
body.impressao_termica #maincontainer {
    border: none;
}
body.impressao_termica .tituloAgendaTermica {
    font-size: 10pt;
    line-height: 12pt;
    text-transform: uppercase;
    text-align: center;
    font-family: monospace;
    letter-spacing:1px;
    color: #000;
}
body.impressao_termica .tituloAgendaTermica small {
    font-size: 8pt;
    line-height: 9pt;
    color: #000;
}

body.impressao_termica #blocoRegistrosAgendaTermica {
}
body.impressao_termica #blocoRegistrosAgendaTermica .itemRegistroAgendaTermica {
    margin: 0px 0 0px 0px;
    border-top: dashed 1px #000; 
    font-size: 8pt;
    letter-spacing:1px;
    line-height: 9pt;
    padding: 5px;
    font-weight: bold;
    text-transform: uppercase;
}
body.impressao_termica #blocoRegistrosAgendaTermica .itemRegistroAgendaTermica div {
    font-family: monospace;
}
body.impressao_termica #blocoRegistrosAgendaTermica .itemRegistroAgendaTermica .dataHoraAgendaTermica {
    font-size: 10pt;
    text-transform: uppercase;

}
body.impressao_termica #blocoRegistrosAgendaTermica .espacoAssinatura {
    border-top: dashed 2px #555; 
    margin: 10px 0 0px 0px;
    font-size: 8pt;
    padding: 100px 15px 0 15px;    
    text-align: center;
    line-height: 10pt;
    font-weight: bold;
}
body.impressao_termica #blocoRegistrosAgendaTermica .espacoAssinatura .linhaAssinatura {
    border-top: dashed 1px #555;
}

#btnSaldos span.right{
    margin: 5px 0px;
    font-size: 20px;
}

#blocoSaldoContas{
    display: none;
}

#dt_gal_processing.dataTables_processing{
    top: 103px;
    box-shadow: 0px 5px 30px #999;
}

header .navbar.navbar-fixed-top{
    box-shadow: 0px 2px 20px rgba(0,0,0,0.9);
}

#tabelaVideos .itemVideo{
    cursor: pointer;
}
#tabelaVideos .itemVideo:hover td{
    background-color: #EEE;
    color: #000;
}
#tabelaVideos .itemVideo td{
    font-size: 14px;
    color: #777;
}

input.erro{
    border: solid 1px #B00;
    background-color: #FCEBEB;
}

.msgErroAbaixoDeCampo{
    color: #C00;
    padding: 2px 0;
    display: none;
}

#blocoCarregando{
    display: none;
    width: auto;
    padding: 2px 20px;
    position: relative;
    float: left;
}

.smokeCustomClass{
    text-align: left;
    font-size: 0.8em;
    line-height: 1.3em;
}
.smokeCustomClass.alert-error h3{
    text-align: left;
    font-size: 1.4em;
    margin-bottom: -10px;
}

input.maskMoeda:disabled{
    background: none;
    border: none;
    font-size: 18px;
    box-shadow: none;
}
#blocoValorTotal input.maskMoeda:disabled{
    font-size: 25px;
}

.popover.editable-container .popover-inner{
    width: 350px;
}

td.valorTotal{
    color: #090;
    font-weight: bold;
}

td.valorTotal.erro{
    color: #900;
    font-weight: bold;
}

a.editable.editable-click{
    cursor: pointer;
}

.modal .modal-body input{
    margin-bottom: 5px;
}
.modal .help-line{
    font-size: 12px;
}
.modal .formSep{
    border: none;
}

.space-10{
    margin: 10px 0;
}
.space-30{
    margin: 30px 0;
}
.space-50{
    margin: 50px 0;
}
.space-80{
    margin: 50px 0;
}


.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                    not supported by any browser */
}


#blocoGraficos .chart{
    display: block;
    position: relative;
    margin-bottom: 30px;
    clear: both;
}
#blocoGraficos .chart .labelPreCarregamento{
    position: relative;
    width: 300px;
    margin: 200px auto;
}


.linkBlocoAcoes{
    color: #000;
}

#blocoPeriodoEspecifico{
    display: none;
}

.blocoGradePeriodoEspecifico{
}
.blocoGradePeriodoEspecifico #dataInicio{
    float: left;
}
.blocoGradePeriodoEspecifico #dataFim{
    float: right;
}
.blocoGradePeriodoEspecifico div.span3 label{
    float: right;
    margin: 5px;
}

#blocoResumo div .item{
    background: #EEE;
    height: 70px;
    border-radius: 5px;
    text-align: center;
}
#blocoResumo div .item .bloco{
    padding: 20px 0 0 0;
    width: 60%;
    float: left;
}
#blocoResumo div .bloco .labelItem{
    display: block;
    font-size: 18px;
}
#blocoResumo div .icone{
    position: relative;
    width: 15%;
    height: 35px;
    float: left;
    border-right: 1px solid #dcdcdc;
    -webkit-box-shadow: 1px 0 0 0 #fff;
    -moz-box-shadow: 1px 0 0 0 #fff;
    box-shadow: 1px 0 0 0 #fff;
    padding: 13px 10px;
    font-size: 32px;
    margin: 4px;
}
#blocoResumo div .icone i{
    display: block;
    margin: 3px 17px;
    text-align: center;
}

table td.campo{
    font-weight: bold;
    color: #999;
    text-align: right;
}
table td.campo.grande{
    font-weight: bold;
    color: #555;
    font-size: 16px;
}
table td.valor.grande{
    font-weight: bold;
    font-size: 16px;
}

.blocoParcelas #labelValorTotal{
    margin-top: -20px;
    display: block;
    font-size: 20px;
}


.comLabel{
    padding-right: 40px;
}

ul li.comLabel{
    width: 210px;
}



.labelMenuTopo{
    position: absolute;
    right: 14px;
    top: 10px;
}

ul li ul li .labelMenuTopo {
    position: absolute;
    right: 8px;
    top: 3px;
    z-index: 5;
}

ul li ul li:hover .labelMenuTopo {
    background: #FFF;
    color: #70A415;
}

.labelDireita label{
    float: left;
    width: auto;
    margin: 0px 10px;
    font-size: 16px;
}
.labelDireita input{
    float: left;
}

#containerOpcoes .controls .opcao{
    margin-bottom: 10px;
}
#containerOpcoes .controls .opcao .controle{
    width: 25px;
    display: inline-block;
    text-align: right;
}


#msgCPF{
    display: none;
    float: left;
    margin: 5px;
    color: #C00;
}
#loadingDadosConsulta{
    background-image: url(../images/custom/loading.gif);
    width: 20px;
    height: 20px;
    display: none;
    background-size: 100%;
    float: left;
    margin: 3px 10px;
}
.btn.btnCalendario{
    display: none;
}

.containerTab .btn.btnCalendario{
    display: block;
}

.containerTab .btn.btnCalendario.left{
    float:left;
    margin: -3px 4px 0px 3.3%;
}

.containerTab .btn.btnCalendario.right{
    float:right;
}

#tabelaCalendario{
    position: relative;
    clear: both;
    margin-top: 10px;
    padding: 5px;
}


#tabelaCalendario .loading.text{
    padding-left: 49px;
}

#tabelaCalendario .loading:not(.text){
    position: relative;
    margin: auto;
    width: 200px;
    height: 100px;
    font-weight: bold;
    margin: 50px auto;
    background-image: url(../../framework/img/ajax_loader.gif);
    background-position: center;
    background-repeat: no-repeat;
}

#tabelaCalendario th{
    overflow: hidden;
}
#tabelaCalendario tr td.carregando{
    background-image: url(../../framework/img/ajax_loader.gif);
    background-position: center;
    background-repeat: no-repeat;
}
#tabelaCalendario tr td{
    position: relative;
    width: 14,28571428571429%;
    background: #FFF;
    height: 60px;
}
#tabelaCalendario tr:nth-child(even) td{
    background: #F9F9F9;
}
#tabelaCalendario table tr td{
    border-left: solid 1px #DDD;
    padding: 10px;
}

#tabelaCalendario tr td table{
    width: 100%;
}

#tabelaCalendario tr td .horario{
    color: #CCC;
    margin: -8px 0px -1px -5px;
    font-size: 11px;
    width: 100%;
}
#tabelaCalendario tr td .fecharAula,#tabelaCalendario tr td .detalhesAula{
    position: absolute;
    top: 5px;
    cursor: pointer;
}
#tabelaCalendario tr td .fecharAula{
    right: 5px;
}
#tabelaCalendario tr td .detalhesAula{
    right: 25px;
}
#tabelaCalendario tr td .semAtividade{
    font-size: 12px;
    color: #BBB;
    text-align: center;
    margin-top: 20px;
}
#tabelaCalendario tr td .almoco{
    font-size: 16px;
    color: #BBB;
    text-align: center;
    margin-top: 20px;
}
#tabelaCalendario tr td .aluno{
    color: #000;
    font-size: 12px;
}
#tabelaCalendario tr td .instrutor, #tabelaCalendario tr td .veiculo, #tabelaCalendario tr td .observacoes , #tabelaCalendario tr td .local{
    color: #555;
    font-size: 10px;
}
#tabelaCalendario tr td.horarioAlmoco, #tabelaCalendario tr td.horarioAlmoco:hover{
    cursor: not-allowed;
    background: none;
}
#tabelaCalendario tr td.ocupado, #tabelaCalendario tr td tr:hover td.ocupado{
    background: #ffcaca;
}
#tabelaCalendario tr td.ocupado .horario, #tabelaCalendario tr td tr:hover td.ocupado .horario{
    color: #FFF;
}
#tabelaCalendario tr td._teorico.ocupado .horario, #tabelaCalendario tr td tr:hover td._teorico.ocupado .horario{
    color: #888;
}

#tabelaCalendario tr td.ocupadoPeloAluno, #tabelaCalendario tr td tr:hover td.ocupadoPeloAluno{
    background: #DAEE9B;
}
#tabelaCalendario tr td.ocupadoPeloAluno.jaRealizada, #tabelaCalendario tr td tr:hover td.ocupadoPeloAluno.jaRealizada{
    background: #b9e0f5;
}
#tabelaCalendario tr td.ocupadoPeloAluno .horario, #tabelaCalendario tr td tr:hover td.ocupadoPeloAluno .horario{
    color: #060;
}

#tabelaCalendario tr td tr:hover td{
    background: #FBF7AA;
}
#tabelaCalendario tr td tr:hover td .horario{
    color: #555;
}


h1 .destaque, h2 .destaque, h3 .destaque, h4 .destaque, h5 .destaque, h6 .destaque{
    font-size:1.4em;
}

.aprovado{
    color:#060;
}

.reprovado{
    color: #930;
}

/*ICONES DASHBOARD*/
.heading.acessoRapido{
    border-bottom: 2px solid #099;
    color: #099;
}

.heading.novosAlunos{
    border-bottom: 2px solid #9C0;
    color: #9C0;
}

.heading.sistemaEmNumeros{
    border-bottom: 2px solid #390;
    color: #390;
}

.heading.topicosMaisErros{
    border-bottom: 2px solid #900;
    color: #900;
}


.heading.topicosMaisErrosAgora{
    border-bottom: 2px solid #D79B30;
    color: #D79B30;
}



.btnDashboard{
    position: relative;
    height: 90px;
    width:120px;
}

.btnDashboard.info{
    width:170px;
}

.btnDashboard.info .labelItem{
    margin:auto;

}

.btnDashboard span.notaSuspensa{
    height:15px;
    position:absolute;
    top:0px;
    right:0px;
    font-size:9px;
    color:#FFF;
    padding:0px 5px;
}

.btnDashboard.info.desempenho75_100 .info{
    color:#090;
}

.btnDashboard.info.desempenho50_75 .info{
    color: #FC0;
}

.btnDashboard.info.desempenho25_50 .info{
    color: #F60;
}

.btnDashboard.info.desempenho0_25 .info{
    color: #C00;
}



.dshb_icoNav li a{
    width:85%;
}
.btnDashboard .info{
    display:block;
    position:relative;
    margin:-26px auto;
    margin-bottom:0px;
    clear:both;
    text-align:center;
    width:100%;
    height:23px;
    font-size:28px;
    font-weight:bold;
}
.btnDashboard .info.moeda{
    font-size: 22px;
}
.btnDashboard .info.moeda.negativo{
    color: #900;
}

.btnDashboard .subInfo.moeda {
    margin: -2px 0 8px;
}

.btnDashboard .labelItem{
    display:block;
    position:relative !important;
    right:0;
    left:0;
    margin:10px auto;
    border-radius:none;
    background:none;
    color:#000;
    text-shadow:1px 1px 0 #fff;
    font-weight:normal;
    text-align:center;
    font-size:15px;
    width:100%;
    padding: 1px 0px 2px;
}

.btnDashboard .icone{
    display:block;
    position:relative;
    margin:-30px auto;
    margin-bottom:0px;
    clear:both;
    width:48px;
    height:48px;
    background-position:top center;
    background-size:contain;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */	
    background-repeat:no-repeat;
}

.btnDashboard:hover .icone{
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */	
}

.btnDashboard.clienteAdd .icone{
    background-image: url('../images/custom/icones/clientes-add.gif');
}

.btnDashboard.usuarioAdd .icone{
    background-image: url('../images/custom/icones/usuarios-add.gif');
}


/*Dashboard Cliente*/
.btnDashboard.alunoAdd .icone{
    background-image: url('../images/custom/icones/aluno-add.gif');
}
.btnDashboard.alunoAulaAbrir .icone{
    background-image: url('../images/custom/icones/aluno-aula-abrir.gif');
}
.btnDashboard.alunoAulaFechar .icone{
    background-image: url('../images/custom/icones/aluno-aula-fechar.gif');
}
.btnDashboard.provaLancar .icone{
    background-image: url('../images/custom/icones/prova-lancar.gif');
}
.btnDashboard.movimentacaoAdd .icone{
    background-image: url('../images/custom/icones/movimentacao-add.gif');
}
.btnDashboard.centroDeCustoAdd .icone{
    background-image: url('../images/custom/icones/centro-de-custo-add.gif');
}
.btnDashboard.unidadeDeCustoAdd .icone{
    background-image: url('../images/custom/icones/unidade-de-custo-add.gif');
}
.btnDashboard.contasAdd .icone{
    background-image: url('../images/custom/icones/contas-add.gif');
}
.btnDashboard.fornecedorAdd .icone{
    background-image: url('../images/custom/icones/fornecedor-add.gif');
}
.btnDashboard.documentoAdd .icone{
    background-image: url('../images/custom/icones/documento-add.gif');
}
.btnDashboard.aulaTeoricaAdd .icone{
    background-image: url('../images/custom/icones/aula-teorica-add.gif');
}




#bloco_id_aulas_conteudos_sugeridos .help-block{
    color: #900;
    font-weight: bold;
    font-size: 12px;
}

#bloco_id_aulas_conteudos_sugeridos .chzn-container-multi .chzn-choices .search-choice{
    background-color: #F5F205;
    color: #C20000;
}

.boxCabecalho{
    width:40%;
    float:left;
    padding-bottom:0px;
}

.checkboxImpressao{
    position:relative;
    display:block;
    margin:auto;
    width:10px;
    height:10px;
    background-color:#FFF;
    border:2px solid #555;
}

h1, h2, h3, h4, h5, h6, tr, td th, p, span, div{
    font-family:'PT Sans', Arial;

}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.8;
    background: #000;
}

.modal ul, .modal li{
    padding:0px;
    margin:0px;
    list-style:none;
    border-bottom:1px solid #EEE;
}

.modal ul li:not(.active-result .group-result){
    background-color:#EEE;
    padding:10px;
    margin-bottom:3px;
    border-bottom:1px solid #CCC;
}
.chzn-container .chzn-results .group-result{
    display: list-item;
    background: #DDD;
    border-top: solid 1px #DDD;
    border-left: solid 1px #DDD;
    border-right: solid 1px #DDD;
    cursor: default;
    color: #555;
    font-weight: bold;
    padding: 10px 10px;
}
.modal ul li.group-option{
    display: list-item;
    background: #EEE;
    border-left: solid 1px #DDD;
    border-right: solid 1px #DDD;
    border-bottom:1px solid #CCC;
}
.chzn-container .chzn-results .active-result.group-option:last-child{
    /*border-bottom: solid 1px #900;*/
}

.modal.erro{
    border: solid #900 8px;
}

.modal.erro .modal-header{
    color: #900;
}

.modal.erro ul li{
    padding: 10px;
    background-color: #900;
    color: #FFF;
    font-size: 16px;
}


table.tabelaAcoes tr{
    cursor:pointer;
}

table.tabelaAcoes tr:hover td{
    background:#EEE;
}

ul.ordemAcoes, ul.ordemAcoes li{
    list-style:none;
}

ul.ordemAcoes li{
    border:none;
    background:#EEE;
    margin:10px 0px;
    border-bottom:1px solid #CCC;
    padding:10px 0 10px 30px;
    position:relative;
    border-radius:5px;
}

ul.ordemAcoes li span{
    position:absolute;
    left: 10px;
    top: 12px;
}

ul.ordemAcoes li:hover{
    background:#FFF;
    cursor:move;
}
.confirmacaoLabelSalvo{
    position:absolute;
    top:8px;
    right:10px;
    color:#093;
    padding:5px;
}

input[type=text].transparente{
    background:none;
    border:none;
    padding:5px;
    text-shadow:none;
    box-shadow:none;
}

#blocoMsgRetorno{
    clear: both;
    margin: 20px 0;
    padding: 10px;
    background: #FFF;
    border-radius:5px;
    display:none;
}

#blocoMsgRetorno h3{
    position:relative;
    clear:both;
    padding:5px;
    margin-bottom:10px;
    color: #900;
}

#blocoMsgRetorno .msgErro{
    background: #FFF9F9;
    color:#000;
    padding: 5px 0px;
    border-radius:5px;
}


#blocoMsgRetorno .msgConfirmacao{
    background: #FFF;
    color: #093;
    padding: 5px 0px;
    border-radius:5px;
}

.labelMeio{
    float:left; padding:5px;
    width:10%;
    text-align:right;
    padding-right:10px;
}

/*GERAL*/
input.disabled{
    border:none; background:none; box-shadow:none; cursor:default; font-weight:bold;
}

/*LOGIN*/

.logoLogin {
    padding-top:30px;
    text-align:center;
}

.dshb_icoNav li{ float:left;}
.dshb_icoNav li a{ font-size:11px; line-height:12px;}

tr.disabled{ background-color:#EEE !important; color:#CCC !important;}
tr.disabled span, tr.disabled a, tr.disabled span a{ color:#CCC !important;}

tr.disabled td.status{ color: #C30;}

.table-striped tbody tr.disabled:nth-child(odd) td, .table-striped tbody tr.disabled:nth-child(odd) th{ background:#FDFDFD;}

.tab-content .tab-pane{ height:100px;}

.navbar .brand a {padding-bottom:0;padding-top:0;font: 100 18px/40px 'PT Sans', sans-serif;color: #fff}

.navbar .brand{ width:auto;}

#contentPaginas .accordion{ float:none; clear:both;}

.radius10{-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;}
.radius5{-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;}
.radius3{-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;}

.controls input.temErro, .controls select.temErro, .controls textarea.temErro{ border:solid 1px #F00;}

.help-block.msgCampo{ position:relative; clear:both; display:none; font-weight:500; padding:2px 2px 2px 10px; width:300px; overflow:visible; margin:0px;}

.help-block.msgCampo.error{  color: #C30; }

.help-block.msgCampo.success{  color: #090;}

.thumbGaleria{position:relative; float:left; width:120px; margin:5px; text-align:center; padding:0px; opacity: .6;filter: alpha(opacity=60)}
.thumbGaleria:hover{ opacity: 1;filter: alpha(opacity=100)}
.thumbGaleria img{ width:100%;}
.thumbGaleria .btnExcluiFoto { 
    z-index:10; 
    cursor:pointer;
    background-color:#FFF;
    background-image: url(../images/custom/icons.png);
    width: 18px;
    height: 16px;
    position: absolute;
    top: 2px;
    right: 2px;
    background-position: 83px -110px;
    opacity: .6;
    filter: alpha(opacity=60);
}
.thumbGaleria .btnExcluiFoto:hover { 
    opacity: 1;
    filter: alpha(opacity=100);
}

.linhaConteudoMulti span{ cursor:pointer;}
.linhaConteudoMulti input{ display:none;}


/*INSTALACAO*/
.blocoAccordionPagina{margin-bottom:30px;}

.containerCampos { display:none;}


.sepH_b.checkbox label{ float:left; margin-left:5px; margin-top:2px; display:inline-block;}
.sepH_b.checkbox input{ float:left; margin-left:5px; margin-top:4px; display:inline-block;}

.opcoesAdicionaisArquivo, .opcoesAdicionaisSelectRelacional{ display:none;}

span.brand .external_link, .dropdown-menu .external_link, .dropdown .dropdown-toggle.external_link{ background:none;}

/*VEICULOS*/

#ano_modelo{float:left; margin-left:20px;}

#blocoFipe{
    position:relative;
    padding:5px;
    display:none;
}
#blocoFipe #conteudoFipe{
    position:relative;
}
#blocoFipe .loading{
    display:none;
    position: absolute;
    right: 5px;
    top: -15px;
    width: 40px;
    height: 40px;
    background-image:url(../admin/images/loading-fb.gif);
    background-repeat:no-repeat;
    background-position:20px 20px;
    background-size:20px;
}

.control-group .control-label small{ font-size:0.8em;}

.controls.labelDados{ padding:5px;}

.vcard ul{ margin:0px;}

.vcard .item-key{ width:100%; color:#000; font-weight:bold; clear:both; float:none}

.vcard ul li{
    position:relative;
    float:left; width:24%;
    margin-left:1%;
}

.vcard ul li.v-heading{
    position:relative;
    clear:both;
    float:none;
    width:100%;
}

.vcard .vcard-item {
    margin-left: 0px;
}

.vcard ul li.vcard-item{
    border-right:solid 1px #333 !important;
    text-indent:0px;
}

.onlyPrint{ display:none;}

.control-group .controls .error{
    border-color:#900;
    background-color: #FFEFEF;
}

.control-group .controls input.success{
    border-color: #0A0;
    background-color: #F9FFF9;
}

.control-group .controls span#labelDominio{
    display:none;
    font-size:12px;
    margin-left: 20px;
}

.control-group .controls span#labelDominio.success{
    display:inline;
    color:#060;
}

.control-group .controls span#labelDominio.error{
    display:inline;
    color:#900;
}


.opcionalVeiculo{
    margin-top:15px;
}

.chzn-container{
    float:left;
}

.containerBtnAdd{
    position:relative;
    float:left;
    width:40px;
}


#modalNovoServico .modal-body input{
    float:left;
    position:relative;
    margin-right:10px;
}

select option.categoria_principal{
    font-weight:bold;
    color:#999;
}
select option.categoria_secundaria{
    font-weight:bold;
    color:#000;
    padding-left:20px;
    margin-left:20px;
}

.chzn-container.chzn-container-multi{
    background-color:#FFF;
}

.main_content .accordion-heading .accordion-toggle.msgNaoLida{
    color: #FFF;
    background: #099;
}
.main_content .accordion-heading .accordion-toggle.msgNaoLida:hover{
    color: #FFF;
    background: #077;
}

.main_content .accordion-heading .accordion-toggle.msgLida{
    color: #AAA;
    background: #EEE;
}

#btnMensagensTopo, #btnFaturasTopo{
    font-size: 14px;
    color: #777;
    min-width: 40px;
    background: none;
}
#btnMensagensTopo.comMensagens{
    color: #9C0;
}
#btnFaturasTopo.comFaturas{
    color: #ffed00;
}
#btnMensagensTopo i, #btnFaturasTopo i{
    font-size: 18px;
}

.blocoAcoesLista ul li a.vermelho{
    color: #900;
}
.blocoAcoesLista ul li a.vermelho:hover{
    color: #FFF;
    background: #900 !important;
}

p.small{
    font-size: 12px;
}

.modal .modal-footer{
    position: absolute;
    width: calc(100% - 30px);
    left: 0;
    bottom: 0;

}


/*
$statusAluno['cor'] = '#000';
                if (in_array($statusAluno['id'], array(1))) {//Agendado
                    $statusAluno['cor'] = '#090';//Verde
                }
                if (in_array($statusAluno['id'], array(2))) {//Aprovado
                    $statusAluno['cor'] = '#48a6f9';//Azul
                }
                if (in_array($statusAluno['id'], array(3,5))) {//Reprovado, Faltou
                    $statusAluno['cor'] = '#900';//Vermelho
                }
                if (in_array($statusAluno['id'], array(3,5))) {//Cancelado
                    $statusAluno['cor'] = '#f99448';//Laranja
                }
*/

#examesDoAluno table tr td .btnAcaoExameAluno.aprovado{
    color: #48a6f9;
}
#examesDoAluno table tr td .btnAcaoExameAluno.reprovado, #examesDoAluno table tr td .btnAcaoExameAluno.falta{
    color: #900;
}
#examesDoAluno table tr td .btnAcaoExameAluno.cancelado{
    color: #f99448;
}
#examesDoAluno table tr td .btnAcaoExameAluno.agendado{
    color: #090;
}

.heading .btn-group .btn{
    margin-left: 0;
}

.blocoExames.well{
    position: relative;
}
.inapto{
    border: solid 2px #d6d6d6;
}

.inapto h4.heading, .inapto p{
    color: #999;
}

.apto{
    border: solid 2px #91bf86;
    background: #f2fff1;
}

.concluido{
    border: solid 2px #389bd4;
    background: #FFF;
}

.concluido h4.heading{
    color: #389bd4;
    border-bottom: solid 1px #389bd4;
}

.blocoExames.well i.iconeBloco{
    position: absolute;
    top: 19px;
    right: 18px;
    font-size: 19px;
}

.w-box.boxAlunosExame .w-box-header{
    color: #000;
    font-size: 14px;
    padding-top: 3px;
}

.w-box.boxAlunosExame label.control-label{
    clear: both;
    float: none;
    width: 100%;
    text-align: left;
}

.w-box.boxAlunosExame .controls {
    margin-left: 0px;
}

.w-box.boxAlunosExame .span1 .btn {
    margin-top: 28px;
    width: 60%;
    text-align: center;
}

.dropdown-menu li.nomeUsuario{
    color: #000;
    padding: 4px 15px 8px 15px;
    background: none;
    font-weight: bold;
    border-bottom: solid 1px;
    margin-bottom: -8px;
    font-size: 1.2em;
}

.btn.btn-erro{
    color: #FFF;
    background: #C55;
}

.modal .modal-body .form-horizontal .control-label {
    width: 70px;
}

.modal .modal-body .form-horizontal .controls {
    margin-left: 80px;
}
.modal .modal-body .form-horizontal .controls .chzn-container.chzn-container-single {
    width: 100%!important;
}
.modal .modal-body .form-horizontal .controls .chzn-container.chzn-container-single .chzn-drop {
    width: 99%!important;
}
.modal .modal-body .form-horizontal .controls .chzn-container.chzn-container-single .chzn-drop .chzn-search {
    width: 98%!important;
}
.modal .modal-body .form-horizontal .controls .chzn-container.chzn-container-single .chzn-drop .chzn-search input {
    width: 80% !important;
}

.blocoExames .examesDoAluno table tr td.detalhesExame{
    line-height: 12px;
    padding-top: 8px;
}

.blocoExames .examesDoAluno table tr td.detalhesExame .detalhesExame{
    font-size: 11px;
    color: #999;
    line-height: 10px;
    display: inline;
}


.controls #blocoAlunoEmDebito{
    padding: 2px 5px;
    margin-top: 5px;
    border-radius: 3px;
    display: none;
    font-size: 12px;
}
.controls #blocoAlunoEmDebito.emDebito{
    color: #900;
    background: #FEE;
    border: solid 1px #900;
}
.controls #blocoAlunoEmDebito.emDia{
    color: #090;
    background: #EFE;
    border: solid 1px #090;
}

#dashboardCliente .span6 h4{
    padding-left: 15px;
    padding-bottom: 5px;
    font-weight: normal;
    font-size: 18px;
    color: #555;
}

.modal-backdrop {
    z-index: 999;
}
.modal{
    z-index: 1000;
}

#formModalNovoExame table.table tbody tr td{
    line-height: 14px;
}
#formModalNovoExame table.table tbody tr td .detalhePequeno{
    font-size: 10px;
    color: #999;

}

div.text-alert, p.text-alert, span.text-alert, a.text-alert{
    color: #c56e0e;
}

div.text-info, p.text-info, span.text-info, a.text-info {
    color: #0e98c5;
}

div.text-danger, p.text-danger, span.text-danger, a.text-danger, strong.text-danger{
    color: #c50e0e;
}

div.text-success, p.text-success, span.text-success, a.text-success, strong.text-success{
    color: #468847;
}


a.cancelarAulaAluno.btnAcaoAulaAluno, a.faltaAulaAluno.btnAcaoAulaAluno{
    color: #900;
}
a.confirmarAulaAluno.btnAcaoAulaAluno{
    color: #090;
}

div.carregando{
    width: 100%;
    background-image: url(../img/ajax_loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
}

form:not(.form-horizontal) .control-group {
    margin-bottom: 15px;
}

form.noHelp .help-block {
    display: none;
}

form:not(.form-horizontal) .control-group .help-block {
    margin: 0px 0 0 2px;
}

form:not(.form-horizontal) .control-group .control-label.checkbox {
    float: right;
    text-align: left;
    width: 97%;
    padding: 2px;
}

form:not(.form-horizontal) .span4 .control-group .control-label.checkbox, form:not(.form-horizontal) .span6 .control-group .control-label.checkbox {
    width: 95%;
}

form label i.fa-info-circle {
    color: #CCC;
    margin-left: 5px;
}

form.form-horizontal label i.fa-info-circle {
    color: #18F;
    margin-left: 2px;
}

form label i.fa-info-circle:hover {
    color: rgb(57, 70, 130);
}

.form-horizontal .control-label {
    padding-top: 3px;
}


a.btnInline{
    display: block;
    width: 35px;
    float: right;
    margin-left: 10px;
    height: 35px;
    background-size: 75%;
    -webkit-filter: grayscale(100%);
    opacity: 0.4;
    filter: alpha(opacity=50);
    margin-top: 5px;
}

a.btnInline.btnItau{
    background-image: url(../images/custom/itau.jpg);
}

a.btnInline.btnSantander{
    background-image: url(../images/custom/santander.jpg);
}
a.btnInline:hover{
    -webkit-filter: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

#modalHistorico .modal-body table tr.principal{
    border-top: solid 1px #87b7ff;
    background: #ebf8ff;
}

#modalHistorico .modal-body table tr.principal td{
    border-top: none;
}

#blocoAtendimentos table.table tr td a{
    color: inherit;
}

#blocoAtendimentos table.table tr.chamadoComNotificacao td{
    background: #deffde;
    color: #090;
    font-weight: bold;
}

#modalHistorico .modal-body table tr.ladoCliente, #modalHistorico .modal-body table tr.ladoCliente:hover{
    background: #e0ffdb;
}

.heading.tituloAzul{
    color: #394682;
}

@media print {

    .linhaObservacao{
        border-bottom:1px solid #000;
        height:15px;
    }

    .hrImpressao{
        margin:5px 0 !important;
    }

    .boxBorder{
        padding:2px;
        border-bottom: solid 1px #000;
        margin-bottom:5px;
        clear:both;
    }

    table.tabelaAcoesImpressao thead th{
        font-size:12px;
        height:35px;
        vertical-align:top;
    }
    table.tabelaAcoesImpressao tr td{
        font-size:10px;
        padding:3px 0;
    }

    .tituloImpressao{
        color:#999;
    }

    .span12.well, body, #maincontainer{
        background:none;
        border:none;
        padding:0px !important;
        margin:0px !important;
    }

    .span6{
        width:48% !important;
        float:left !important;
        margin:1% !important;
    }
    /*.span6:not(.right) {
        border-right:1px solid #999;
    }*/

    .tituloTopicoImpressao{
        height:auto;
    }

    #tableSaldo tbody tr td{
        font-size: 18px;
    }

}
@media (max-width: 1680px) {
    body .modalLarge {
        left: 35%;
    }

    #modalWebCam{
        width: 70%;
        left: 40%;
    }
    
    .blocoListaSincronizacao .itemListaSincronizacao{
        width: calc((100% - 220px) / 4);
    }

}
@media (max-width: 1280px) {
    body .modalLarge {
        width: 90%;
        left: 30%;
    }

    form:not(.form-horizontal) .span4 .control-group .control-label.checkbox, form:not(.form-horizontal) .span6 .control-group .control-label.checkbox {
        width: 90%;
    }
    
    .blocoListaSincronizacao .itemListaSincronizacao{
        width: calc((100% - 200px) / 3);
    }


}

@media (max-width: 1024px) {

    body .modalLarge {
        width: 90%;
        left: 35%;
    }

    #blocoResumo div .icone{
        width: 25%;
    }

    table th.colunaPrincipal{
        min-width: none;
    }

    
    .blocoListaSincronizacao .itemListaSincronizacao{
        width: calc((100% - 180px) / 2);
    }


}
@media (max-width: 980px) {


    #blocoResumo div .item .bloco {
        width: 45%;
        font-size: 11px;
    }
    #blocoResumo div .item .labelItem {
        font-size: 14px;
    }

    .comLabel{
        padding-right: 0px;
    }
    .labelMenuTopo{
        right: 10px;
        top: 8px;
    }

    #modalWebCam{
        width: 90%;
        left: 45%;
    }

    #fichaDoAluno label{
        font-size: 12px;
    }
    #fichaDoAluno .row-fluid .controls{
        font-size: 14px;
    }



}

@media (max-width: 768px) {

    body .modalLarge {
        left: 40%;
    }

    #ano_modelo{margin-left:0px;}
    .labelMeio{
        margin-top:20px;
        float:left;
        width:100%;
        text-align:left;
    }
    #blocoResumo div .item {
        margin-bottom: 10px;
    }
    #blocoResumo div .item .bloco {
        width: 65%;
        font-size: 12px;
    }
    #blocoResumo div .item .bloco .labelItem {
        font-size: 18px;
    }

    .blocoGradePeriodoEspecifico #dataFim{
        float: left;
    }
    .blocoGradePeriodoEspecifico div.span3{
        width: 100%;
        float: left;
    }
    .blocoGradePeriodoEspecifico div.span3 label{
        float: left;
    }

    #tabelaVideos .itemVideo td{
        font-size: 11px;
    }


    #fichaDoAluno label{
        font-size: 14px;
    }
    #fichaDoAluno .row-fluid .controls{
        font-size: 18px;
    }


    form:not(.form-horizontal) .span4 .control-group .control-label.checkbox, form:not(.form-horizontal) .span6 .control-group .control-label.checkbox {
        width: 95%;
    }
    
    .blocoListaSincronizacao .itemListaSincronizacao{
        width: calc((100% - 160px) / 1);
    }

}

@media (max-width: 680px) {

    body .modalLarge {
        left: 50%;
    }

    .w-box.boxAlunosExame .span1 .btn {
        margin-top: 18px;
        width: 73%;
    }

}

@media (max-width: 520px) {

    body .modalLarge {
        left: 55%;
    }
}

@media (max-width: 479px) {

    body .modalLarge {
        left: 0px;
    }
    .labelMeio{
        padding:20px 0 5px 0;
        clear:both;
        margin-top:20px;
        float:none;
        width:100%;
        text-align:left;
    }
}


/*BOTOES DE INSERIR*/

#botao_inserir {
    margin-bottom: 30px;
}

/*FICHA DO CLIENTE - SELEÇÃO DE PLANOS*/

#selecaoPlanos #planosDisponiveis {
    border-left: solid 1px #ccc;
}

#selecaoPlanos #planosDisponiveis h3 {
    padding-left: 20px;
}

#selecaoPlanos .boxPlanos {
    margin-top: 30px;
    border: 1px solid #CCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    width: 30%;
    min-height: 187px;
}

@media (max-width: 1119px) {
    #selecaoPlanos .boxPlanos {
        min-height: 205px;
    }
}

@media (max-width: 767px) {
    #selecaoPlanos .boxPlanos {
        width: auto;
    }
}

#selecaoPlanos #boxPlanoAtual .boxPlanos {
    width: 100%;
}

#selecaoPlanos #boxPlanoAtual .boxPlanos .tituloPlanos {
    background: rgb(0, 85, 204);
    border-radius: 5px 5px 0px 0px;
    color: #ffffff;
}

#selecaoPlanos .boxPlanos .tituloPlanos {
    background: linear-gradient(to bottom, #ffffff 52%, #e0e0e0 100%);
    /*border-bottom: 1px solid rgba(0,0,0,.125);*/
}

#selecaoPlanos .boxPlanos .tituloPlanos h4 {
    /*text-align: center;*/
    margin-bottom: -15px;
    padding: 10px;
}

#selecaoPlanos .boxPlanos  h5 {
    margin-left: 10px;
    font-weight: normal;
    /*text-align: center;*/
    margin-top: 9px;
    margin-bottom: 9px;
}

#selecaoPlanos #planosDisponiveis .selectedPlan {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.53) !important;
}

#selecaoPlanos #planosDisponiveis .boxPlanos.selectedPlan .tituloPlanos {
    background: rgb(0, 85, 204);
    border-radius: 5px 5px 0px 0px;
}

#selecaoPlanos #planosDisponiveis .boxPlanos.selectedPlan .tituloPlanos h4 {
    color: #ffffff;
}

#selecaoPlanos #planosDisponiveis .boxPlanos .botaoSelecionarPlano {
    display: none;
}


#selecaoPlanos #planosDisponiveis .boxPlanos.selectedPlan .botaoSelecionarPlano {
    padding: 5px;
    justify-content:center;
    display:flex
}

#selecaoPlanos #btnMostraHistoricoPlanos {
    float: right;
}

#selecaoPlanos #mostraHistoricoPlanos {
    border: 1px solid #CCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    padding: 15px;
}

#selecaoPlanos #mostraHistoricoPlanos #historicoDados h6 {
    text-transform: none;
}