select[readonly] {
    background: #eee;
    pointer-events: none;
    touch-action: none;
}   

.di-estado {
	background: url('/assets/img/bootstrap-icons-1.2.1/estado.svg') no-repeat;
	width:20px; 
	height:20px; 
	margin-left:7px;
}

.di-programas {
	background: url('/assets/img/bootstrap-icons-1.2.1/estado.svg') no-repeat;
	width:20px; 
	height:20px; 
	margin-left:7px;
}

.di-cidade {
	background: url('/assets/img/bootstrap-icons-1.2.1/cidade.svg') no-repeat center;
	width:20px; 
	height:20px; 
	margin-left:7px;
}

.di-periodo-escolar {
	background: url('/assets/img/bootstrap-icons-1.2.1/periodo.svg') no-repeat center;
	width:20px; 
	height:20px; 
	margin-left:7px;
}

.di-escola {
	background: url('/assets/img/bootstrap-icons-1.2.1/escola.svg') no-repeat center;
	width:20px; 
	height:20px; 
	margin-left:5px;
}

.di-curso {
	background: url('/assets/img/bootstrap-icons-1.2.1/curso.svg') no-repeat center;
	width:20px; 
	height:20px; 
	margin-left:5px;
}

.di-atividade {
	background: url('/assets/img/bootstrap-icons-1.2.1/atividade.svg') no-repeat center;
	width:20px; 
	height:20px; 
	margin-left:4px;
}

.di-perfil {
	background: url('/assets/img/bootstrap-icons-1.2.1/perfil.svg') no-repeat center;
	width:20px; 
	height:20px; 
	margin-left:5px;
}

.di-acesso {
	background: url('/assets/img/bootstrap-icons-1.2.1/acesso.svg') no-repeat center;
	width:20px; 
	height:20px; 
	margin-left:5px;
}

.di-sms {
	background: url('/assets/img/bootstrap-icons-1.2.1/sms1.svg') no-repeat center;
	width:20px; 
	height:20px; 
	margin-left:5px;
}

.di-artigo {
	background: url('/assets/img/bootstrap-icons-1.2.1/artigo.svg') no-repeat center;
	width:20px; 
	height:20px; 
	margin-left:7px;
	fill:white;
}

.di-blog {
	background: url('/assets/img/bootstrap-icons-1.2.1/blog.svg') no-repeat;
	width:20px; 
	height:20px; 
	margin-left:7px;
}

.di-biblioteca {
	background: url('/assets/img/bootstrap-icons-1.2.1/biblioteca.svg') no-repeat;
	width:20px; 
	height:20px; 
	margin-left:7px;
}

.di-link {
	background: url('/assets/img/bootstrap-icons-1.2.1/link.svg') no-repeat;
	width:20px; 
	height:20px; 
	margin-left:7px;
}

.di-tutorial {
	background: url('/assets/img/bootstrap-icons-1.2.1/tutorial.svg') no-repeat;
	width:20px; 
	height:20px; 
	margin-left:7px;
}

.di-conselheiro {
	background: url('/assets/img/bootstrap-icons-1.2.1/tutorial.svg') no-repeat;
	width:30px; 
	height:30px;
	margin-left:10px;
}