.btn:focus {
    box-shadow: 0px 0px 7px #05C;
}

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


.blocoIconesDetalheMembro{
    border-bottom: 1px solid #CCC;
    position: absolute;
    right: 10px;
    top: 10px;
    width: auto;
    padding-bottom: 3px;
}
.blocoIconesDetalheMembro:hover{
    border-bottom: 1px solid #AF2C37;
}


.blocoIconesDetalheMembro i{
    position: relative;
    float: right;
    font-size: 20px;
    margin-left: 10px; 
    color: #AF2C37;
}
.blocoIconesDetalheMembro i.off{
    color: #CCC;
}
.blocoIconesDetalheMembro i.off:hover{
    color: #AAA;
}
.blocoIconesDetalheMembro i.fa-briefcase{
    font-size: 22px;
}
.blocoIconesDetalheMembro i:not(.off):hover{
    /*text-shadow: 2px 0 0 #555, -2px 0 0 #555, 0 2px 0 #555, 0 -2px 0 #555, 1px 1px #555, -1px -1px 0 #555, 1px -1px 0 #555, -1px 1px 0 #555;*/
    /*text-shadow: 0 0 0 #555;*/
    color: #ce0011;
}

/*Customização para a listagem*/
.blocoIconesListaMembro{
    display: block;
    position: relative;
    height: 80px;
}

.blocoIconesListaMembro .blocoIconesDetalheMembro{
    left: 0px;
    right: inherit;
    top: inherit;
    bottom: 0px;
    border-bottom: none;
}
.blocoIconesListaMembro .blocoIconesDetalheMembro i{
    font-size: 14px;
    margin-left: 5px; 
}
.blocoIconesListaMembro .blocoIconesDetalheMembro i.fa-briefcase{
    font-size: 15px;
}





.modal-backdrop {
    z-index: 140;
}

.modal {
    z-index: 150;
}

.navbar .brand i {
    margin: 0px 7px -11px 0;
    background: url(../../assets/fish-icon.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
}

form .checkboxLabelMeio{
    float: left;
    margin-top: 8px;
}
form .blocoTelefone,form .blocoRedeSocial{
    border: solid 1px #CCC;
    border-radius: 5px;
    position: relative;
    padding-top: 10px;
    margin-top: 10px;
}
form .blocoTelefone .blocoOpcoes, form .blocoRedeSocial .blocoOpcoes{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    color: #999;
}

.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{
    color: #900;
    border-bottom: solid 1px #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;
}


/*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;
}

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

#dt_gal tbody tr td .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;
}




.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;
}

.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;
}


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

.btnDashboard.info{
    width:170px;
}

.btnDashboard.info .labelItem{
    margin:auto;

}
.dshb_icoNav li a{
    width:85%;
}

.btnDashboard:hover {
    border-color: #d2d2d2;
    -moz-box-shadow: 0 0 6px #ccc;
    -webkit-box-shadow: 0 0 6px #ccc;
    box-shadow: 0 0 6px #ccc;
}
.btnDashboard:hover div.icone.fa {
    /*color: rgba(0,0,0,1);*/
    color: #9b6e3b;
}

.btnDashboard .info{
    display:block;
    position:relative;
    margin:-15px auto;
    margin-bottom:0px;
    clear:both;
    text-align:center;
    width:100%;
    height:33px;
    font-size:32px;
    font-weight:bold;
}

.btnDashboard .labelItem {
    display: block;
    position: relative !important;
    font-size: 12px !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:hover .labelItem {
    color: #9b6e3b;
}

.btnDashboard .icone {
    display: block;
    position: relative;
    margin: -30px auto;
    margin-bottom: 0px;
    clear: both;
    width: 48px;
    height: 48px;
}

.btnDashboard div.icone.fa {
    font-size: 50px;
    color: rgba(0,0,0,0.5);
}

.btnDashboard .icone:not(.fa){
    background-position:top center;
    background-size:contain;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */	
    background-repeat:no-repeat;
}
.btnDashboard div.action.fa {
    font-size: 15px;
    position: absolute;
    right: 2px;
    top: 2px;
    color: rgba(0,0,0,0.5);
}

.btnDashboard:hover div.action.fa {
    color: #9b6e3b;
}


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

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


#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{
    font-size: 14px;
    color: #555;
}
#btnMensagensTopo.comMensagens{
    color: #FFF;
}
#btnMensagensTopo i{
    font-size: 18px;
}

@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;
    }
}
@media (max-width: 1680px) {
    body .modalLarge {
        left: 35%;
    }

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

}

@media (max-width: 1024px) {

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

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

    form .blocoTelefone{
        padding: 10px;
    }

}
@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%;
    }
}

@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;
    }

    .span6.blocoADireitaForm{
        position: relative;
        float: left;
        width: 100%;
    }
}

@media (max-width: 680px) {

    body .modalLarge {
        left: 50%;
    }


}

@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;
    }
}