@import url("https://fonts.googleapis.com/css?family=Spectral:400,400i,700,700i");@import url("https://fonts.googleapis.com/css?family=Barlow:400,400i,500,700,700i");body{letter-spacing:.4px;word-spacing:2px;color:#425255;font-family:'Barlow', sans-serif;line-height:1.6;background:url(../img/bg-home.jpg) no-repeat;background-size:cover;background-attachment:fixed}body.front{background:none}a{color:#00dca9;transition:.2s ease}a:hover{transition:.2s ease;text-decoration:none}h1,h2,h3,h4,h5{font-weight:700}hr.tab-divider{border-top:2px solid #d3dbdd;margin-left:-20px;margin-right:-20px}@media only screen and (min-width: 768px){hr.tab-divider{display:none}}.text-info{color:#03A9F4}h3.title{text-align:center;margin-bottom:60px;text-transform:uppercase}h3.title a{color:#425255}.card{background:#fff;border:1px solid #d3dbdd;border-radius:4px;padding:30px}.card.login{width:300px;margin:40px auto}@media only screen and (max-width: 767px){.card.login{width:100%}}.side-nav{padding-left:0;margin-top:20px}.side-nav li{display:inline-block;list-style:none}.nav-pills>li>a{font-weight:500}.label.label-info{background-color:#2ebcfc}.label.label-success{background-color:#0dd654}.label.label-danger{background-color:#f76674}.page-header{border-bottom:1px solid #d3dbdd;font-weight:700;text-transform:uppercase;margin:30px 0}.table.action tr>td:last-child,.table.action th:last-child{text-align:right}.table tfoot{font-weight:600}.btn{font-weight:500}.btn.btn-primary{background-color:#0dd654;border-color:#0dd654}.btn.btn-primary:hover{background-color:#0cbe4b;border-color:#0cbe4b}.btn.btn-danger{background-color:#f43648;border-color:#f43648}.btn.btn-danger:hover{background-color:#f31e32;border-color:#f31e32}.btn.btn-info{background-color:#03A9F4;border-color:#03A9F4}.btn.btn-info:hover{background-color:#0398db;border-color:#0398db}.btn.btn-rounded{border-radius:30px}.btn.btn-highlight{box-shadow:0 2px 10px 0 rgba(0,0,0,0.25);padding:10px 30px}.btn-group{display:inline-flex}.btn-group .btn-info:first-of-type{background-color:#2ebcfc}.btn-group .btn-info:first-of-type:hover{background-color:#0398db}.btn-group .btn-info:last-of-type{background-color:#03A9F4}form .form-control:focus{box-shadow:none;border-color:#0dd654}.navbar-default{background:#0dd654;border-color:transparent;box-shadow:0 0 3px rgba(0,0,0,0.3)}.navbar-default .navbar-brand{color:#fff}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#0dd654}.navbar-default .navbar-brand img{height:40px}.navbar-default .navbar-text{color:#fff}.navbar-default .navbar-nav>li>a{color:#fff;padding:25px 10px;text-transform:uppercase;font-weight:700}@media only screen and (max-width: 767px){.navbar-default .navbar-nav>li>a{color:#fff}}.navbar-default .navbar-nav>li>a .fa{margin-right:5px}@media only screen and (max-width: 767px){.navbar-default .navbar-nav>li>a .fa{width:30px;text-align:center}}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#fff;background-color:#0ccc50}.navbar-default .navbar-nav>li>.dropdown-menu>li>a{padding:15px 20px}.navbar-default .navbar-nav>li>.dropdown-menu>li>a:hover,.navbar-default .navbar-nav>li>.dropdown-menu>li>a:focus{color:#fff;background-color:#0dd654}.navbar-default .navbar-nav>li>.dropdown-menu>li>a .fa{margin-right:5px;width:30px;text-align:center}.navbar-default .navbar-nav>li>.dropdown-menu>li>.divider{background-color:#fff}.navbar-default .navbar-nav>li .list{width:260px}.navbar-default .navbar-nav>li .list li{border-bottom:1px solid rgba(0,0,0,0.1)}.navbar-default .navbar-nav>li .list li a{white-space:normal}.navbar-default .navbar-nav>li .list li a .date{display:block;font-size:13px;color:rgba(255,255,255,0.5);margin-top:5px}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#0ccc50}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#0dd654;background-color:#fff}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#fff;background-color:#0ccc50}.navbar-default .navbar-toggle{border-color:#fff}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background:none}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#fff}@media only screen and (max-width: 767px){.navbar-default .navbar-collapse,.navbar-default .navbar-form{margin-top:10px;background:#0dd654}}.navbar-default .navbar-link{color:#fff}.navbar-default .navbar-link:hover{color:#0dd654}.navbar-default li.menu-drop>a{padding:21px}.navbar-default li.menu-drop.open .dropdown-menu{background-color:#0dd654;color:#fff;border:none;min-width:200px;border-radius:0;padding:0;box-shadow:0 2px 4px 0 rgba(0,0,0,0.15)}.navbar-default.default{background:none;transition:.2s ease;box-shadow:none}.navbar-default.solid{background:#0dd654;box-shadow:0 2px 4px 0 rgba(0,0,0,0.15);transition:.2s ease}.navbar-default .logo{display:inline-block;padding:6px 10px;background:#fff;border-radius:6px;margin:4px 0}@media only screen and (max-width: 767px){.navbar-default .logo{margin-left:15px}}.navbar-default .logo img{max-width:100%;height:50px}@media (max-width: 767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#0dd654}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#0dd654;background-color:#fff}}@media (min-width: 768px){.navbar-nav>li{margin:0 15px}.navbar-nav>li>a{padding-left:0;padding-right:0;padding-bottom:5px}}.nav-pills li.active>a,.nav-pills li.active a:hover,.nav-pills li.active a:focus{background-color:#00dca9}ul.pagination>.active>a{background:#00dca9;border-color:#00dca9}ul.pagination>.active>a:hover{background:#00a982;border-color:#00a982}ul.pagination>li>a{color:#00dca9}ul.pagination .disabled>a{color:#d3dbdd}@media screen and (min-width: 768px){.js-hiraku-offcanvas{display:block;position:static;background:none}.js-hiraku-offcanvas .js-hiraku-offcanvas-sidebar{position:static;margin-left:0;width:auto}}.js-hiraku-offcanvas-body-right .js-hiraku-header-fixed{margin-left:-70%}.js-hiraku-offcanvas-body-left .js-hiraku-header-fixed{margin-left:70%}.js-hiraku-offcanvas-body-right,.js-hiraku-offcanvas-body-left{left:0}@media only screen and (min-width: 768px){#sidebar{display:none}}#sidebar .js-hiraku-offcanvas-active{z-index:1039}#sidebar .navbar-nav{margin:0;padding:20px}#sidebar .navbar-nav li a{font-size:1.8rem}#sidebar .navbar-nav li a:focus{outline:0;background:none}#sidebar .navbar-nav .open .dropdown-menu li a{line-height:inherit;border-bottom:1px solid #eee}.wrap-home{padding:40px 0;background:url("../img/bg-home.jpg") no-repeat 50% 80%;background-size:cover;color:#fff;text-align:center;height:100vh;max-height:700px;min-height:700px}.wrap-home .logo{display:inline-block;position:relative;margin:0 auto 40px;padding:20px;background:#fff;border-radius:6px}.wrap-home .logo img{max-height:100px;margin:0 15px}@media only screen and (max-width: 767px){.wrap-home .logo img{max-height:80px}}.wrap-home span.pbt{background:#ba5c47;color:#fff;position:absolute;right:-60px;display:inline-block;padding:5px 15px;border-radius:4px;font-size:22px;text-transform:uppercase;font-weight:700}.wrap-home .box.home{font-family:'Spectral', serif;position:relative;padding:20px 60px 10px;border:4px solid #fff;border-radius:14px;display:table;font-style:italic;font-weight:700;font-size:20px;margin:0 auto;background:rgba(0,0,0,0.2);box-shadow:0 4px 10px rgba(0,0,0,0.4)}.wrap-home .box.home .tree{background:#fff;display:inline-block;padding:10px;width:60px;height:60px;border-radius:50%;position:absolute;left:-32px;top:-30px}.wrap-home .box.home .tree img{max-width:100%}.wrap-home .box.home .total{font-size:80px;line-height:80px}.wrap-home .box.home .total span{font-size:20px}.wrap-home ul.nav-user{margin-top:60px;padding:40px 0 0;border-top:1px solid rgba(255,255,255,0.4);margin-left:auto;margin-right:auto}@media only screen and (min-width: 768px){.wrap-home ul.nav-user{width:600px}}.wrap-home ul.nav-user li{display:inline-block;margin:10px 40px;min-width:200px}.wrap-home ul.nav-user li a{display:block}.wrap-home .pengenalan{margin-top:20px;color:#fff;border-radius:20px;border:2px solid #fff;padding:10px 20px}section{padding:60px 0}section.pengenalan .list{margin-bottom:30px}section.pengenalan .list .thumb{float:left;padding-right:10px}section.pengenalan .list .thumb .icon{width:40px;height:40px}section.pengenalan .list .body{text-align:left;margin-left:80px}section.pengenalan .col-md-6{padding-left:25px}section.pengenalan .col-md-6:first-child{padding-left:15px;padding-right:25px}section.awam{background:url(../img/bg-awam.jpg) no-repeat;background-size:cover;margin-bottom:-20px}section.awam .container .menu-awam{margin-top:30px;padding:0}section.awam .container .menu-awam li{list-style:none;display:inline-block;margin:0 5px 10px}.wrap-main-content{margin-top:100px;background:#fff;border-radius:4px;padding:10px 40px 40px}@media only screen and (max-width: 767px){.wrap-main-content{padding:10px 20px 40px}}.details-sidebar li.danger a{color:#f43648;border:1px solid}.details-sidebar li.danger.active a{color:#fff}.tab-content .tab-pane>h5{color:#d3dbdd;text-transform:uppercase;margin-bottom:30px}.tab-content .tab-pane#galeri a img{max-height:200px;margin:0 10px 30px}.tab-content .tab-pane#galeri>a:first-of-type img{margin:0 10px 0 0}.tab-content .tab-pane#galeri>a:last-of-type img{margin:0 0 0 10px}.listTrees .tab-content h6{font-size:14px}.stats{text-align:center}.stats .wrap{border:1px solid #0dd654;border-radius:6px;margin:40px 0;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.stats .wrap h5{background:#0dd654;color:#fff;padding:10px;margin-top:0px;border-radius:6px 6px 0 0}.wrap-outline{border:1px solid #d3dbdd;border-radius:6px;padding:20px;margin-bottom:30px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.wrap-outline>h4{background:#f9f9f9;padding:20px;margin:-20px -20px 20px;border-radius:6px 6px 0 0}.wrap-outline>h4 .icon{height:20px;float:right}.wrap-outline table tr td:nth-child(2){font-weight:700}.wrap-semak-aduan{background:#f0f2f3;padding:20px 20px 10px;border-radius:6px}.img-complaint{margin:10px;max-height:240px}footer{margin:20px 0;text-align:center;color:#fff}footer .footer{padding-top:20px;font-size:13px}.graph-report{width:100%;height:400px}.loader-progress{background:rgba(0,0,0,0.5);color:#fff;text-align:center;padding:10rem 5rem;position:fixed;top:0;width:100%;left:0;height:100%;z-index:99999;display:none}.loader-progress.active{display:block}.thumb-list{object-fit:cover;object-position:50% 50%;width:100px;height:80px}