Semi-transparent materials are looking fine under viewport render, but are invisible under normal render

Question

Semi-transparent materials are looking fine under viewport render, but are invisible under normal render.

Here are my material nodes:

Here is a difference between viewport render and normal render: