@import 'main.css';

#tableInteressados tr:hover{
	cursor: pointer;
}

@media(max-width: 786px){
	#tableProtocolos button.btn, #tableProtocolos a.btn{
		margin: 2px 0;
	}
}
@media(min-width: 787px){
	#tableProtocolos button.btn, #tableProtocolos a.btn{
		margin: 0px;
	}	
}

#modal-msg{
	z-index: 99999999999 !important;
}

.tab-content{
	padding: 15px 0;
}

textarea#campo_observacoes{
	width: 100%;
}

#btn-inserir-anexo, #area-inserir-anexo{
    margin-top: 18px;
}

#modal-encaminhar-protocolo #btn-inserir-anexo-encaminhar, #modal-encaminhar-protocolo #area-inserir-anexo{
	margin-top: 25px;
}

#modal-encaminhar-protocolo #tableAnexos{
	font-size: 11px !important;
}

#btn-inserir-anexo{
	width: 100%;
}

.btn-concluir.concluido{
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

#modal-add-funcionario{
	z-index: 3000 !important;
}
#modal-add-departamento{
	z-index: 3001 !important;
}
#modal-add-secretaria{
	z-index: 3002 !important;
}

/** LISTA DE DISTRIBUIÇÃO **/
#modal-distribuicao-protocolo .modal-dialog{
	max-width: 95% !important;
}
#modal-distribuicao-protocolo .table td, #modal-distribuicao-protocolo .table th {
    padding: .35rem .75rem;
}
#tableProtocolosPendentes_wrapper{
	padding: 0 !important;
}

/** DETALHES DO PROTOCOLO **/
#modal-detalhes-protocolo label{
	background-color: #dee2e6 !important;
	height: 100% !important;
	width: 110px !important;
	line-height: 28px !important;
	font-size: 11px !important;
	padding: 0 10px !important;
	margin: 0 !important;
	border-right: 1px solid #6c757d !important;
	border-left: 1px solid #6c757d !important;
	text-align: right;
}
#modal-detalhes-protocolo span{
	padding: 0 10px !important;
	font-size: 12px !important;
}
#modal-detalhes-protocolo .modal-body div{
	padding: 0 !important;
	margin: 0 !important;
}
.tramite table, .anexos table{
	font-size: 11px;
}
#detalhes_observacoes, #detalhes_motivo_cancelamento{
	width: 85%;
	clear: both;
	float: right;
	font-size: 12px;
	padding: 5px 10px 5px 5px;
	text-align: justify;
	margin-bottom: 0;
}

.btn-success.checked {
	border-color: #146c43;
	box-shadow: 0 0 0 .25rem rgba(60,153,110,.5);
}
.btn-warning.checked {
	border-color: #ffc720;
	box-shadow: 0 0 0 .25rem rgba(217,164,6,.5);
}
.btn-danger.checked {
	border-color: #b02a37;
	box-shadow: 0 0 0 .25rem rgba(225,83,97,.5);
}
.btn-secondary.checked {
	border-color: #565e64;
	box-shadow: 0 0 0 .25rem rgba(130,138,145,.5);
}
#cards-resumo .btn-success, #cards-resumo .btn-warning, #cards-resumo .btn-danger, #cards-resumo .btn-secondary {
	cursor: pointer;
	height: 50px !important;
}
#cards-resumo h6{
	margin: 0;
}
.filtros{
	padding: 0 12px 15px 12px;
}
#tableProtocolos_filter{
	display: none;
}


/* TIMELINE */
.timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.timeline-content p.nome-departamento{
	font-size: 10px;
}

.timeline-content p.nome-secretaria{
	font-size: 10px;
	margin-bottom: 5px !important;
}

#sequencia-tramite .titulo-sequencia-tramite{
	font-size: 13px;
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0.25rem
}

@media (min-width:768px) {
    .timeline-steps .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: .25rem dotted #3b82f6;
        width: 1.8rem;
        position: absolute;
        left: 5.3rem;
        top: .3125rem
    }
    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: .25rem dotted #3b82f6;
        width: 1.8rem;
        position: absolute;
        right: 5.3rem;
        top: .3125rem
    }
}

.timeline-steps .timeline-content {
    width: 7rem;
    text-align: center
}

.timeline-steps .timeline-content .inner-circle {
    border-radius: 1.5rem;
    height: 0.75rem;
    width: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.timeline-steps .timeline-content .inner-circle:before {
    content: "";
    display: inline-block;
    height: 2rem;
    width: 2rem;
    min-width: 2rem;
    border-radius: 6.25rem;
    opacity: .5;
}

.timeline-steps .timeline-content .inner-circle.passado{
    background-color: #35ad62;
}

.timeline-steps .timeline-content .inner-circle.passado:before{
    background-color: #27d268;
}

.timeline-steps .timeline-content .inner-circle.presente{
    background-color: #3b82f6;
}

.timeline-steps .timeline-content .inner-circle.presente:before{
    background-color: #3b82f6;
}

.timeline-steps .timeline-content .inner-circle.futuro{
    background-color: #d3d3d3;
}

.timeline-steps .timeline-content .inner-circle.futuro:before{
    background-color: #c2c2c2;
}