@charset "utf-8";
/* CSS Document */



.pcbrow{
	  width: 1px;
}
 body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }


hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
	width: 100%;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
}
/* Paging Tabel*/
.pagination a.active {
    background-color: #4CAF50;
    color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

a.rincian:hover, a.rincian:active, a.rincian:visited, a.rincian:link {color: green;}
a.ajukan:hover, a.ajukan:active, a.ajukan:visited, a.ajukan:link {color: blue;}
a.disetujui:hover, a.disetujui:active, a.disetujui:visited, a.disetujui:link {color: magenta;}
a.batal:hover, a.batal:active, a.batal:visited, a.batal:link {color: red;}
a.ditolak:hover, a.ditolak:active, a.ditolak:visited, a.ditolak:link {color: black;}
a.cair:hover, a.cair:active, a.cair:visited, a.cair:link {color:darkorange;}
a.cetak:hover, a.cetak:active, a.cetak:visited, a.cetak:link {color:chartreuse;}
a.survey2x:hover, a.survey2x:active, a.survey2x:visited, a.survey2x:link {color:cyan;}
a.geo:hover, a.geo:active, a.geo:visited, a.geo:link {color:black;}
a.reset:hover, a.reset:active, a.reset:visited, a.reset:link {color:red;}

/*Show Passwd*/

/*bigic*/

.popup-bigic {
  position: absolute;
  left: 0;
  top: 0;
  background: #eee;
  overflow: hidden;
  z-index: 999;
}

.popup-bigic .loading-bigic {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  margin-top: -12px;
}

.popup-bigic .img-bigic { position: absolute; }

.option-bigic {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
}

.option-bigic span {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  text-indent: -999px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 5px;
  background-image: url(icons.png);
  background-repeat: no-repeat;
  background-color: #fff;
  opacity: .5;
}

.option-bigic span:hover { opacity: 1; }

.option-bigic span.change-bigic {
  display: none;
  background-position: -52px 3px;
}

.option-bigic span.max-bigic {
  display: none;
  background-position: -119px 3px;
}

.option-bigic span.close-bigic { background-position: 8px 8px; }

.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}