html{font-size:14px}@media (min-width:768px){html{font-size:15px}}.border-top{border-top:1px solid #e5e5e5}.border-bottom{border-bottom:1px solid #e5e5e5}.box-shadow{box-shadow:0 .25rem .75rem rgba(0,0,0,.05)}body,html{height:100%;background:#d4d4d4;color:#262626;font-family:Poppins,sans-serif,Arial}.wrapper{min-height:100%;position:relative}.body-content{padding:0 0 120px 0}.footer{background:#545454;position:absolute;bottom:0;width:100%;height:120px;line-height:120px}h1,h2{font-weight:300}.row{margin-right:-10px;margin-left:-10px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:10px;padding-left:10px}.btn-sec{background:0 0;color:#244689}.hr-double{margin-top:2rem;margin-bottom:2rem;border:0;border-top:2px solid rgba(0,0,0,.3)}.table thead th{font-weight:500}.header-wrapper{position:relative;height:280px;background:#ccc}.header{position:absolute;width:100%;left:0;top:0}.header{background:#fff;height:130px}.header-inner{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 50px;height:130px}.header-inner h1{color:#333;border-left:2px #333 solid;padding:0 0 0 15px;font-weight:300;font-size:2.2rem;margin-bottom:0}.content{padding:50px;background:#f3f3f3;margin-bottom:50px}.content h2{border-bottom:1px #bfbfbf solid;padding-bottom:25px;margin-bottom:30px}.search-form{background:#f3f3f3}.sf-row{display:flex;margin-left:-10px;margin-right:-10px;margin-bottom:10px}.sf-col{flex:1;padding:10px}.sf-devider{border-bottom:1px #ccc dotted;margin-left:0;margin-right:0}.form-row{margin-bottom:15px}.col-md-5,.col-md-6,.col-md-7{padding-bottom:10px}.profile-setup{display:flex;padding-bottom:15px}.profile-setup .profile-pic{border-radius:50%;width:150px;height:150px}.profile-setup .profile-detail{padding-left:50px}footer,footer a{color:rgba(255,255,255,.6)}footer a:focus,footer a:hover{color:#fff}.footer-inner{display:flex;align-content:center;justify-content:center}.comm-bg{padding-top:150px}.table thead th{font-weight:500;word-break:break-all}@media (max-width:768px){.header{min-height:130px;height:unset}.header-inner{flex-direction:column;height:unset;padding:10px;min-height:130px;height:unset}.header-inner img{padding:10px}.header-inner h1 br{display:none;font-size:2rem}.header-inner h1{padding:0;font-size:2rem;border-left:none;border-top:1px #fff solid}h2{font-size:1.75rem}.col-md-5,.col-md-7{padding-left:0;padding-right:0;padding-bottom:10px}table,tbody,td,th,thead,tr{display:block}thead tr{position:absolute;top:-9999px;left:-9999px}tr{margin:0 0 1rem 0}tr:nth-child(odd){background:#ccc}td{border:none;border-bottom:1px solid #eee;position:relative;padding:.75rem .75rem .75rem 50%!important}td:before{position:absolute;top:.75rem;left:6px;width:45%;padding-right:10px;white-space:nowrap;font-weight:500}td:nth-of-type(1):before{content:"Name"}td:nth-of-type(2):before{content:"Surname"}td:nth-of-type(3):before{content:"ID Number"}td:nth-of-type(4):before{content:"Membership Number"}td:nth-of-type(5):before{content:"Designation Type"}td:nth-of-type(6):before{content:"Province"}td:nth-of-type(7):before{content:"Action"}.body-content{padding:0 0 60px 0}.footer{height:60px;line-height:60px}.profile-setup{flex-direction:column}.profile-setup .profile-detail{padding-left:0;padding-top:50px}.saraa .comm-bg{background:#d4d4d4 url(../img/bg_saraa_570.jpg) no-repeat center top;padding-top:150px}.saslha .comm-bg{background:#d4d4d4 url(../img/bg_saslha_570.jpg) no-repeat center top;padding-top:150px}.ent .comm-bg{background:#d4d4d4 url(../img/bg_ent_570.jpg) no-repeat center top;padding-top:150px}.sages .comm-bg{background:#d4d4d4 url(../img/bg_sages_570.jpg) no-repeat center top;padding-top:150px}.sasog .comm-bg{background:#d4d4d4 url(../img/bg_sasog_570.jpg) no-repeat center top;padding-top:150px}}