.joblist{display:flex}.tab{overflow:hidden;display:flex;flex-flow:column wrap}.tab button{background-color:inherit;border:none;outline:none;cursor:pointer;color:var(--accent);padding:14px 16px;transition:0.3s;font-size:17px}.tab button:hover{background-color:#ddd}.tab button.active{background-color:#ccc}.tabcontent{display:none;padding:6px 12px;box-sizing:border-box;width:100%;animation:fadeEffect 1s}@keyframes fadeEffect{from{opacity:0}to{opacity:1}}.joblist_infotext{margin:20px;text-align:justify;font-size:13px}.joblist_job_flex{display:flex;flex-flow:row wrap}.joblist_job_flex > div{margin:5px}.joblist_job{width:33%}.joblist_job_top{background:#efefef;color:#333;border-top:1px solid #fff;border-bottom:1px solid #ccc;padding:5px;box-sizing:border-box;text-align:center}.joblist_job_desc{height:100px;overflow:auto;padding:2px 5px;box-sizing:border-box;text-align:justify}.joblist_job_staff_top{text-align:center}.joblist_job_staff{padding:10px;box-sizing:border-box;max-height:100px;overflow:auto}.joblist_staff{padding:2px 5px}.joblist_staff::before{content:"» ";padding-right:2px}.joblist_otherinfos{padding:10px 20px}