@import "dist/css/flat-ui.css";@import "dist/css/font-awesome.min.css";@import "dist/css/animate.min.css";body{position:relative;overflow-x:hidden;color:#000000;}
body,
html{height:100%;background-color:#ffffff;zoom:90%;}
.nav .open > a{background-color:transparent;}
.nav .open > a:hover{background-color:transparent;}
.nav .open > a:focus{background-color:transparent;}
a{color:#2980B9;}
a:hover, a:focus{color:#27AE60;}
#wrapper{-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;padding-left:0;transition:all 0.5s ease;}
#wrapper.toggled #sidebar-wrapper{width:220px;}
#wrapper.toggled #page-content-wrapper{margin-right:-220px;position:absolute;}
#sidebar-wrapper::-webkit-scrollbar{display:none;}
#page-content-wrapper{padding-top:70px;width:100%;}
#front-page-content-wrapper{padding-top:10px;width:100%;}
.label-logo{padding-top:20px;text-align:center;}
.label-logo p{margin-bottom:0;font-size:26px;}
.front-container{margin-top:25px;//margin-left:110px;//margin-right:110px;text-align:center;}
.front-menu{margin-right:auto;margin-left:auto;float:none;display:inline-flex;width:200px;}
#front-logo-pemkab{width:200px;padding-top:10px;}
.front-footer{background-color:#03A9F4;color:#ffffff;position:absolute;right:0;bottom:0;left:0;padding:1rem;text-align:center;}
.front-footer .front-label-footer{text-align:center;}
.front-footer .front-label-footer p{font-size:20px;margin-bottom:0;}
.front-footer .container{margin-top:10px;margin-bottom:10px;}
.sidebar-front-portal{text-align:center;}
.portal-footer{background-color:#03a9f4;color:#ffffff;position:fixed;right:0;bottom:0;left:0;text-align:center;}
.portal-footer .portal-label-footer{text-align:center;}
.portal-footer .portal-label-footer p{font-size:14px;margin-bottom:0;}
.portal-footer .container{margin-top:10px;margin-bottom:10px;}
.sidebar-nav{list-style:none;margin:0;padding:0;position:absolute;top:0;width:220px;height:1200%;background-color:rgba(52, 73, 94, 0.13);z-index:-1;}
.sidebar-nav li{display:inline-block;line-height:20px;position:relative;width:100%;}
.sidebar-nav li.sidebar-brand a:hover{background-color:#0288d1;color:#ffffff;}
.sidebar-nav li:before{background-color:none;content:'';height:100%;left:0;position:absolute;top:0;-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:3px;z-index:-1;}
.sidebar-nav li:first-child a{background-color:#039be5;color:#ffffff;}
.sidebar-nav li:nth-child(2):before{background-color:#03a9f4;}
.sidebar-nav li:nth-child(3):before{background-color:#03a9f4;}
.sidebar-nav li:nth-child(4):before{background-color:#29b6f6;}
.sidebar-nav li:nth-child(5):before{background-color:#4fc3f7;}
.sidebar-nav li:nth-child(6):before{background-color:#4fc3f7;}
.sidebar-nav li:nth-child(7):before{background-color:#81d4fa;}
.sidebar-nav li:nth-child(8):before{background-color:#81d4fa;}
.sidebar-nav li:nth-child(9):before{background-color:#b3e5fc;}
.sidebar-nav li:nth-child(10):before{background-color:#b3e5fc;}
.sidebar-nav li:nth-child(11):before{background-color:#e1f5fe;}
.sidebar-nav li:nth-child(12):before{background-color:#e1f5fe;}
.sidebar-nav li:nth-child(13):before{background-color:#e1f5fe;}
.sidebar-nav li:hover:before{-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:100%;}
.sidebar-nav li a{color:#000000;display:block;padding:10px 15px 10px 30px;text-decoration:none;}
.sidebar-nav li.open:hover before{-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:100%;}
.sidebar-nav .dropdown-menu{background-color:#039be5;border-radius:0;border:none;box-shadow:none;margin:0;padding:0;position:relative;width:100%;}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{background-color:transparent;color:#000000;text-decoration:none;}
.sidebar-nav > .sidebar-brand{font-size:20px;height:85px;line-height:60px;margin-bottom:25px;}
.hamburger{background:transparent;border:none;display:block;height:32px;margin-left:15px;position:fixed;top:20px;width:32px;z-index:999;}
.hamburger:hover{outline:none;}
.hamburger:focus{outline:none;}
.hamburger:active{outline:none;}
.hamburger.is-closed:before{-webkit-transform:translate3d(0, 0, 0);-webkit-transition:all 0.35s ease-in-out;color:#ffffff;content:'';display:block;font-size:14px;line-height:32px;opacity:0;text-align:center;width:100px;}
.hamburger.is-closed:hover before{-webkit-transform:translate3d(-100px, 0, 0);-webkit-transition:all 0.35s ease-in-out;display:block;opacity:1;}
.hamburger.is-closed:hover .hamb-top{-webkit-transition:all 0.35s ease-in-out;top:0;}
.hamburger.is-closed:hover .hamb-bottom{-webkit-transition:all 0.35s ease-in-out;bottom:0;}
.hamburger.is-closed .hamb-top{-webkit-transition:all 0.35s ease-in-out;background-color:rgba(52, 73, 94, 0.5);top:5px;}
.hamburger.is-closed .hamb-middle{background-color:rgba(52, 73, 94, 0.5);margin-top:-2px;top:50%;}
.hamburger.is-closed .hamb-bottom{-webkit-transition:all 0.35s ease-in-out;background-color:rgba(52, 73, 94, 0.5);bottom:5px;}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom{height:4px;left:0;position:absolute;width:100%;}
.hamburger.is-open .hamb-top{-webkit-transform:rotate(45deg);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);background-color:#fff;margin-top:-2px;top:50%;}
.hamburger.is-open .hamb-middle{background-color:#fff;display:none;}
.hamburger.is-open .hamb-bottom{-webkit-transform:rotate(-45deg);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);background-color:#fff;margin-top:-2px;top:50%;}
.hamburger.is-open:before{-webkit-transform:translate3d(0, 0, 0);-webkit-transition:all 0.35s ease-in-out;color:#ffffff;content:'';display:block;font-size:14px;line-height:32px;opacity:0;text-align:center;width:100px;}
.hamburger.is-open:hover before{-webkit-transform:translate3d(-100px, 0, 0);-webkit-transition:all 0.35s ease-in-out;display:block;opacity:1;}
.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.4);z-index:1;}
.navbar-inverse{background-color:#039BE5;margin-top:-2px;}
.navbar{min-height:100px;//box-shadow:0px 2px 10px #B71C1C;}
.navbar-top{margin-left:20%;margin-top:1%;color:#ffffff;}
.form-control{border:2px solid #1ABC9C;//WarPrimary}
.input-group-btn .btn{border:2px solid #E74C3C;}
#search-navbar-top{background-color:#293A4A;}
.dropdown-menu > li > a{color:#ffffff;}
.profile-picture{border:3px solid;border-radius:50%;}
.table-profile{color:#ffffff;}
table.table-profile > tbody > tr > td{padding:4px;}
.table-pengumuman{color:#ffffff;width:300px;}
table.table-pengumuman > tbody > tr > td{padding:4px;font-size:13px;}
table.table-pengumuman > tbody > tr > th{font-size:10px;padding:4px;}
.container{margin-top:45px;margin-bottom:5%;width:100%;}
.footer{position:fixed;bottom:0;width:100%;background-color:#03a9f4;color:#ffffff;z-index:10001;}
.footer .container{margin-top:0;margin-bottom:0;}
.footer .container h6{font-size:20px;margin-bottom:1px;margin-top:10px;}
.footer .container p{font-size:13px;margin-bottom:5px;}
.container .input-group{margin-bottom:1px;}
.container-content{margin-left:0;}
.navbar .panel-body{background-color:#293a4a;padding:5px;}
.navbar .panel-default{border-color:#293a4a;margin-top:5px;margin-bottom:10px;}
.navbar-news{margin-top:10px;background-color:#006db3;padding-left:30px;padding-right:30px;color:#ffffff;border-bottom:7px solid rgba(0,0,0,.2);padding-top:2px;}
.dropdown-user{width:auto;height:65%;position:fixed;margin-top:-15px;padding-top:15px;padding-left:15px;padding-right:15px;}
.dropdown-user a{color:#ffffff;}
.dropdown-user:hover{background-color:#007ac1;width:auto;height:65%;position:fixed;margin-top:-15px;padding-top:15px;padding-left:15px;padding-right:15px;}
.dropdown-user.open{background-color:#006db3;}
.dropdown-user-img{width:35px;border-radius:50%;border-color:white;margin-right:10px;}
.dropdown-user-detail{width:450px;border-radius:0;position:absolute;right:0;left:auto;margin-top:40px;background-color:#039be5;text-align:center;//box-shadow:3px 7px 10px grey;border-bottom:7px solid #006db3;}
.dropdown-user-detail-img{width:120px;border-radius:50%;}
.dropdown-user-detail-header{background-color:#006db3;margin-bottom:10px;}
.dropdown-user-detail-nama{font-size:15px;margin-bottom:5px;}
.dropdown-user-detail-jabatan{font-size:13px;margin-bottom:5px;}
.dropdown-user-detail-hak{font-size:20px;margin-bottom:5px;}
.dropdown-user-detail-footer{margin-top:10px;margin-bottom:10px;padding-top:5px;padding-bottom:5px;}
.dropdown-user .btn-user{border-radius:0;background:#e4e7ea;color:#293a4a;}
.dropdown-user .btn-user:hover{border-radius:0;background:#293a4a;color:#ffffff;border-color:#293a4a;}
.dropdown-user .dropdown-header:first-child{margin-top:-2px;}
.btn-primary{border-color:#1abc9c;}
.header-content{margin-top:0px;}
.btn-listing-data{border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:#34495e;border-color:#34495e;}
.btn-listing-data:hover, .btn-listing-data:active, .btn-listing-data:hover{color:#ffffff;background-color:#293a4a;border-color:#293a4a;}
.list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0;}
.list-group-listing-data{font-size:small;}
.form-group{margin-bottom:10px;}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{z-index:2;color:#fff;background-color:#34495e;border-color:#34495e;}
.btn-efile{border-radius:50%;}
.datepicker{background-color:#ffffff;min-width:250px;border:1px solid #1abc9c;//box-shadow:3px 5px 15px gray;border-bottom:7px solid #1abc9c;padding:5px 5px 5px 5px;}
.datepicker td.active, .datepicker td.active:hover{background-image:linear-gradient(to bottom, #34495e, #34495e);background-repeat:repeat-x;}
.form-group .select{min-width:100%;}
.checkbox.danger input[type="checkbox"].custom-checkbox + .icons, .radio.danger input[type="checkbox"].custom-checkbox + .icons, .checkbox.danger input[type="radio"].custom-radio + .icons, .radio.danger input[type="radio"].custom-radio + .icons{color:#e74c3c;}
.dropdown-menu, .select2-drop{z-index:100000;}
.input-group.form-control.input-feedback{border-bottom-right-radius:6px;border-top-right-radius:6px;}
.btn-modal{font-size:30px;}
.btn-modal.btn-modal-info{color:#3498db;}
.btn-modal.btn-modal-info:hover,.btn-modal-info:focus{color:#5dade2;}
.btn-modal.btn-modal-info:active{color:#2c81ba;}
.btn-modal.btn-modal-success{color:#2ecc71;}
.btn-modal.btn-modal-success:hover,.btn-modal-success:focus{color:#58d68d;}
.btn-modal.btn-modal-success:active{color:#27ad60;}
.btn-modal.btn-modal-danger{color:#e74c3c;}
.btn-modal.btn-modal-danger:hover,.btn-modal-danger:focus{color:#ec7063;}
.btn-modal.btn-modal-danger:active{color:#c44133;}
.form-control.input-feedback.input-feedback-date{border-bottom-right-radius:6px;border-top-right-radius:6px;}
.btn.btn-default.previous.btn-default-pegination:hover,.btn.btn-default.next.btn-default-pegination:hover{color:#ffffff;background-color:#1abc9c;border-color:#1abc9c;}
.form-group.form-group-pagination{text-align:center;}
.table-striped>tbody>tr:nth-child(odd)>th{background-color:#1c313a;color:#ffffff;text-align:center;text-transform:uppercase;}
.table-striped>tbody>tr:nth-child(odd)>td{background-color:#e4e7ea;}
.table-list-pegawai{font-size:14px;}
.table-list-pegawai > tbody > tr > th{background-color:#2c3e50;color:white;text-align:center;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .select2-search input[type="text"][disabled], .select2-search input[type="text"][readonly], fieldset[disabled] .select2-search input[type="text"]{color:#000000;}
.input-group-addon{background-color:#34495e;border:2px solid #34495e;}
.pagination li{margin-right:0px;}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{border-radius:6px;background-color:#ffffff;border:2px solid #1abc9c;}
.table-review-laporan>tbody>tr>th{vertical-align:middle;background-color:#2c3e50;color:#ffffff;text-align:center;text-transform:uppercase;}
.table-striped>tbody>tr:nth-child(odd)>th{vertical-align:middle;}
.table-review-laporan{font-size:small;}
.table-review-laporan>tbody>tr>th{vertical-align:middle;}
[data-notify="progressbar"]{margin-bottom:0px;position:absolute;bottom:0px;left:0px;width:100%;height:5px;}
input.form-control.error{border:2px solid #e74c3c;}
label.error{color:#e74c3c;}
.menu-portal{font-size:8pt;float:right;padding-top:12px;width:65px;height:100%;text-align:center;}
.navbar-new-portal{font-size:12px;}
.sidebar-portal{padding-top:10px;height:78px;}
.menu-portal a img{width:45px;}
#sidebar-wrapper-portal{background-color:#ffffff;}
#menu{text-align:center;}
#content-portal{padding-left:50px;padding-right:50px;padding-top:10px;}
.judul-portal{text-align:center;}
.portal-container{margin-bottom:0;}
#logo_pemkab{width:350px;}
#company_title{font-size:20px;}
#portal_login{//padding:10px 400px 0 400px;text-align:center;}
#btn-search-top{background-color:#006db3;border-color:#039be5;}
#search-top{border-color:#039be5;}
#footer-ip{background-color:#1c313a;}
footer a{color:#2C3E50;}
@media screen and (max-width:992px){.container{margin-top:0;margin-bottom:25%;}
.sidebar-nav li a{color:#ffffff;display:block;padding:10px 15px 10px 30px;text-decoration:none;}
#sidebar-wrapper{-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;background:#34495e;height:100%;left:220px;margin-left:-220px;overflow-x:hidden;overflow-y:auto;transition:all 0.5s ease;width:0;z-index:1000;}
.dropdown-menu, .select2-drop{//margin-top:114px;}
body, html{zoom:120%;}
.table{font-size:12px;}
#content-portal{padding-top:55px;}
#sidebar-wrapper-portal{padding-left:15px;padding-top:10px;padding-right:15px;}
#portal_login{padding:0 0 0 0;}
#logo_pemkab{width:250px;}
.front-menu{display:block;}
.front-footer{position:inherit;}
.portal-footer{position:fixed;}
}