body {font-family:arial;font-size:10pt;
   margin-top: 27px;
  height: 100%;
}
#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#wrapper #content-wrapper {
  overflow-x: hidden;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 23px;
}
.card-login {
  max-width: 25rem;
}

.card-register {
  max-width: 40rem;
}

.card-ibadah {
  max-width: 50rem;
}

body.fixed-nav #content-wrapper {
  margin-top: 56px;
  padding-left: 90px;
}

body.fixed-nav.sidebar-toggled #content-wrapper {
  padding-left: 0;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid {
  width: 100%;
  padding-right: 2px;
  padding-left: 2px;
  margin-right: auto;
  margin-left: auto;
}

.profile-img {
	width: 40px;
	height: 40px;
	margin: 0 auto 10px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.blok_item{BACKGROUND-COLOR:#e1f5a9;BORDER-BOTTOM:#53a6a6 1px solid;BORDER-LEFT:#fff 0 solid;BORDER-RIGHT:#fff 0 solid;BORDER-TOP:#53a6a6 1px solid;FONT-WEIGHT:bold;padding-left:2px;padding-bottom:2px;padding-top:2px}
.hand{cursor:pointer;}
.hide{display:none;}
.f8{font-size:8pt !Important;}
.f9{font-size:9pt !Important;}
.f10{font-size:10pt !Important;}
.f12{font-size:12pt !Important;}

.listrow{text-decoration:underline;color:#0000FF;}
.listrow:hover{color:#fa9223;cursor:pointer;}

.labellink{text-decoration:underline;color:#0000FF;}
.labellink:hover{color:#fa9223;cursor:pointer;}
.labellink2{text-decoration:none}
.labellink2:hover{color:#fa9223;cursor:pointer;text-decoration:underline}
.labellink3{text-decoration:underline;color:#FFFFFF;}
.labellink3:hover{color: #f4d03f;cursor:pointer;}

.labellink4:{background-color:#FFFFFF !Important;}
.labellink4:hover{background-color:#d3e9f9 !Important;cursor:pointer  !Important;}


.IFocus{background-color:#d8f6ce}
.ipt{padding-top:3px;padding-bottom:3px;padding-left:5px;padding-right:2px;BORDER:#499494 1px solid;}
.hal{padding:1px;BORDER:#499494 1px solid;}
.hal,.ipt:focus{
 color: #495057;
  background-color: #d8f6ce;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25);
 }
.IWhite{width:p1x;border:none !important; }
.I25{width:25px !Important;;TEXT-ALIGN:center !Important;}
.I35{width:35px !Important;}.I40{width:40px !Important;}.I45{width:45px !Important;}.I50{width:50px !Important;}
.I65{width:65px !Important;}.I70{width:70px !Important;}.I75{width:75px !Important;}.I80{width:80px !Important;}.I85{width:85px !Important;}
.I90{width:90px !Important;}.I100{width:100px !Important;}
.I125{width:125px !Important;}.I150{width:150px !Important;}.I175{width:175px !Important;}
.I200{width:200px !Important;}.I225{width:225px !Important;}.I250{width:250px !Important;}
.I275{width:275px !Important;}.I300{width:300px !Important;}.I350{width:350px !Important;}
.I375{width:375px !Important;}.I400{width:400px !Important;}
.colnomor{background-color:#f5efef;}
.colnomor2{background-color:#FFFFFF;}
.height25vh{height:25vh;}
.height30vh{height:30vh;}
.height35vh{height:35vh;}
.height40vh{height:40vh;}
.height43vh{height:43vh;}
.height45vh{height:45vh;}
.height50vh{height:50vh;}
.height55vh{height:55vh;}
.height60vh{height:60vh;}
.height65vh{height:65vh;}
.height70vh{height:70vh;}
.height73vh{height:73vh;}
.height75vh{height:75vh;}
.scrolly{overflow-y: scroll;}
.scrollya{overflow-y: auto;}

.tabel0{border-spacing: 0px;empty-cells:show;border:0px solid #c5c2c2;text-align:left;}
.tabel2{border-spacing: 2px;border-collapse: separate;empty-cells:show;border:0px solid #c5c2c2;text-align:left;}
.tabel4{border-spacing: 4px;border-collapse: separate;empty-cells:show;border:0px solid #c5c2c2;text-align:left;}
.tabel3{border-spacing: 3px;border-collapse: separate;empty-cells:show;border:0px solid #c5c2c2;text-align:left;}
.tabel5{border-spacing: 5px;border-collapse: separate;empty-cells:show;border:0px solid #c5c2c2;text-align:left;}
.tabel6{border-spacing: 6px;border-collapse: separate;empty-cells:show;border:0px solid #c5c2c2;text-align:left;}
.colHeaderHide{height:0px !important;padding:0px 0px !important;border-bottom:none !important;border-top:none !important;}
.colValignTop{vertical-align:top !Important;}
.colValignMid{vertical-align:middle !Important;}
.colTotalWhiteT{
	background-color:#FFFFFF !Important;
	border-left:none !Important;
	border-bottom:none !Important;
}
.colTotalWhite{
	background-color:#FFFFFF !Important;
	border-left:none !Important;
	border-bottom:none !Important;
	border-top:none !Important;
}
.bariswhite{background-color:#FFFFFF !Important;}
.bariswhite:hover{background-color:#d3e9f9 !Important;cursor:pointer; !Important;}

.tabel4a{border-spacing: 4px;border-collapse: separate;empty-cells:show;border:0px solid #c5c2c2;text-align:left;}
.tabel4a>tbody>tr:nth-of-type(even){background-color:#f2f4f4}
.tabel4a>tbody>tr:hover{background-color:#d3e9f9;cursor:pointer;}

.tabel4b{border-spacing: 0px;border-collapse: separate;empty-cells:show;border:0px solid #c5c2c2;text-align:left;}
.tabel4b>tbody>tr:nth-of-type(even){background-color:#f2f4f4}
.tabel4b>tbody>tr:hover{background-color:#d3e9f9;cursor:pointer;}
.tabel4b>thead>tr>th{padding:4px;}
.tabel4b>tbody>tr>td{padding:2px;}

.w3-panel{border-bottom:1px solid #999999}
.w3-panel:after,.w3-panel:before{content:"";display:table;clear:both}
.w3-info{background-color:#ddffdd;border-left:6px solid #4CAF50}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.w3-padding-8{padding-top:2px!important;padding-bottom:2px!important}
.w3-panel{padding:0.01em 16px}
.w3-panel{margin-top:1px;margin-bottom:1px}

.bg-y{background-color: #F7F8E0;}
.bg-ty{background-color: #cefad8;}
.bt1{border-top:1px #000000 solid;}
.bt2{border-top:2px #000000 double;}
.bb1{border-bottom:1px #000000 solid;}
.bb2{border-bottom:2px #000000 double;}
.bb2a{border-bottom:1px #000000 solid;border-bottom:2px #000000 double;}

/*
.login-box {
    -moz-box-shadow: 0 0 10px #005289 !important;
    -webkit-box-shadow: 0 0 10px #005289 !important;
    box-shadow: 0 0 10px #005289 !important;
	background:rgba(177,254,194,.5);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 40px;
}

*/
/*
.mainmodule {
            width: 100%;
            margin: 0 auto;
            overflow: hidden;
			padding:10px auto 10px auto;
            align-items: center;
            justify-content: space-around;
            display: flex;
        }
.menuapp{width:110px;float:left;font-size:10pt;padding:15px 2px 15px 2px;}
.menuapp_box{color:#008b8b;TEXT-DECORATION:none;height:auto;}
.menuapp_img{text-align:center;}
.menuapp_txt{text-align:center;}
.menuapp:hover{CURSOR:pointer;BACKGROUND-COLOR:#b0e0e6}
*/
.clear {
  clear: both;
}
.rTable {
	display:table;
    border-collapse:collapse;
    border:none;
	}

.rTableRow{
	display:table-row;
    border:none;
	}
.rTableCell{
	display:table-cell;
    border:none;
	}
.rCol{
  float: left;
  vertical-align:middle;
}
.rRow:after {
  content: "";
  display: table;
  clear: both;
}
.rCol:hover,.rTableRow:hover{cursor:pointer;
		text-decoration:underline;
		color:#fa9223;
	}
.listSearch1{display:none;}
.listSearch2{display:block;}
.listSearchDD {
    position: static;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.listSearchDD-content {
    display: block;
    position: inherit;
    box-shadow: 0px 0px 0px 0px ;
    z-index: 1;
}
/* menu.php */
.mnRow{padding:2px;}
.mnRow::after{clear:both;}
.mnCol1{float:left;padding-right:10px;}
.mnCol2{float:left;}
.mnCol2c{display:none;}
/* untuk auditrail*/
.thRow{width:100%;}
.thCol{width:50%;float:left;}
.thColRight{text-align:right;}
.thRow::after{clear:both;}
/* show.php */
.shTbl{
	display:table;
}
.shRow{
	display:table-row;
}
.shCol{
	display:table-cell;
	padding-top:2px !Important;
	padding-bottom:2px !Important;
}
.shColLabel{border-bottom:0px #000000 solid;}
.shColData{border:0px #000000 solid;}
.shColSemiCA::after{
	content:":";
}
.shColSemiCB::before{
	content:":";
}
.shMB{
	display:none;
}
.tblres{empty-cells:show;}
/* mobile targetted size */
@media screen and (max-width:768px){
	.scrolly{overflow-y:hidden;}
	.height25vh{height:auto;}
	.height30vh{height:auto;}
	.height35vh{height:auto;}
	.height40vh{height:auto;}
	.height43vh{height:auto;}
	.height45vh{height:auto;}
	.height50vh{height:auto;}
	.height55vh{height:auto;}
	.height60vh{height:auto;}
	.height65vh{height:auto;}
	.height70vh{height:auto;}
	.height73vh{height:auto;}
	.height75vh{height:auto;}
	.shMB{
		display:block;
	}
 	.listSearch1{display:block;}
	.listSearch2{display:none;}
 	.mnCol1{display:none;}
	.mnCol2c{display:block;}
	.listSearchDD {
		position: absolute;
		display: block;
	}
	/* Dropdown Content (Hidden by Default) */
	.listSearchDD-content {
		position: absolute;
		background-color: #f1f1f1;
		padding-left:10px;
		padding-top:10px;
		padding-bottom:10px;
		width: 100vw;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	
	.mnCol1{display:none;}
	.mnCol2{float:none;}
	
	.thCol{width:100%;float:none;}
	.thColRight{text-align:left;}
	/* show.php */
	.shTbl{display:block;width:100%;}
	.shRow{display:block;width:100%;}
	.shCol{display:block;}
	.shColSemiCA::after{content:"";}
	.shColSemiCB::before{content:"";}
	.shColLabel{border-bottom:1px #000000 solid;}
	.shColData{border:1px #cacfd2 dotted;background-color:#f2f3f4;border-radius: 5px;}
	/* tabel responsive */
	.tblres thead,.tblres tfoot {
		display: none;
	}
	.tblres tr {
		border-bottom: 1px solid #dee2e6;
		display: block;
		margin-bottom: .725em;
	}
	.tblres .colnomor{background-color: transparent !Important;}
	.tblres td {
		border-bottom: 1px solid #dee2e6;
		display: block;
		text-align: right !Important;
	}
	.tblres td:before {
		content: attr(data-label);
		float: left;
		text-transform: uppercase;
	}
	.tblres td:last-child {
		border-bottom: 0;
	}
	
}
.thead-primary th {
    color: white !important;
    background-color: #006DCC !important;
	border-color: #32383e !important;
  }

.thead-bluelight{background-color: #5dade2 !important;}
.thead-greenlight{background-color: #abebc6 !important;}
.thead-gray{background-color: #cacfd2  !important;}
.thead-graylight{background-color: #eaecee !important;}
.table .thead-primary th {
    color: white;
    background-color: #006DCC !important;
	border-color: #32383e !important;
  }

.table-striped tbody tr:nth-of-type(odd) {
  background-color:#FFFFFF !Important;
}
.table-striped tbody tr:nth-of-type(even) {
background-color:#f2f4f4 !Important;
}

.table-hover tbody tr:hover {
background-color:#d3e9f9 !Important;cursor:pointer  !Important;
}

table.dataTable>tbody>tr:nth-of-type(even){background-color:#f2f4f4}
table.dataTable>tbody>tr:hover{background-color:#d3e9f9 !Important;cursor:pointer  !Important;}

table.dataTable.display>tbody>tr:nth-of-type(odd){background-color:#FFFFFF !Important;}
table.dataTable.display>tbody>tr:nth-of-type(even){background-color:#f2f4f4 !Important;}
table.dataTable.display>tbody>tr:hover{background-color:#d3e9f9 !Important;cursor:pointer  !Important;}

table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 4px 6px 4px 6px !Important;
  border-top: 1px solid #111;
}

table.dataTable.display2>tbody>tr:nth-of-type(odd){background-color:#FFFFFF !Important;}
table.dataTable.display2>tbody>tr:nth-of-type(even){background-color:#FFFFFF !Important;}
table.dataTable.display2>tbody>tr:hover{background-color:#d3e9f9 !Important;cursor:pointer  !Important;}

/*
.rowTblOdd{background-color:#FFFFFF !Important;}
.rowTblEven{background-color:#f2f4f4 !Important;}
.rowTblEven,.rowTblEven:hover{background-color:#d3e9f9 !Important;cursor:pointer  !Important;}
*/
/*
table.dataTable.display.strip>tbody>tr:nth-of-type(odd){background-color:#FFFFFF !Important;}
table.dataTable.display.strip>tbody>tr:nth-of-type(even){background-color:#f2f4f4 !Important;}
table.dataTable.display.strip>tbody>tr:hover{background-color:#d3e9f9 !Important;cursor:pointer  !Important;}
*/
.table-blue tbody>tr:hover{background-color:#d3e9f9 !Important;cursor:pointer; !Important}
.nowrap{white-space:nowrap;}


.rRowGray{background-color:#eaeded;}
.rRowGray:hover{background-color:#d3e9f9;cursor:pointer;}

/* untuk form entry */
.table-fixed{width: 100%;}
.table-fixed>tbody {
    display:block;
    height:30vh;
    overflow:scroll;
}
.table-fixed30>tbody {
    display:block;
    height:30vh;
    overflow:scroll;
}
.table-fixed25>tbody {
    display:block;
    height:25vh;
    overflow:scroll;
}
.table-fixed>thead {
    background-color:#eaeded;
}

.table-fixed>thead>tr, .table-fixed>tfoot>tr {
    display:table;
    width:97%;
    table-layout:fixed;
}
.table-fixed>tbody>tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.table-fixed>thead>tr>th {
	vertical-align:middle;
	text-align:center;
	border:0.25px solid #999999;
	padding-top:3px;
	padding-bottom:3px;
}
.table-fixed>tbody>tr>td {
	vertical-align:top;
	border-bottom:0.25px solid #cacfd2 ;
}

.table-fixed>thead,.table-fixed>tfoot {
    width: calc( 100% - 17px )
}

.table-fixed>tbody>tr:nth-child(even) {
      background-color: #f5efef;
    }
.table-fixed>tbody>tr:hover{background-color:#d3e9f9 !Important;cursor:pointer; !Important}
.fe_k1{width:5%;}
.fe_k2{width:5%;}
.fe_k3{width:15%;}
.fe_k4{width:36%;}
.fe_k5{width:10%;}
.fe_k6{width:12%;}
.fe_k7{width:12%;}
/* eksis padding left */
.ek_pl1{padding-left:8px !Important;}
.ek_pl2{padding-left:16px !Important;}
.ek_pl3{padding-left:24px !Important;}
.ek_pl4{padding-left:30px !Important;}

/* warna status document 
$gs_StatusWarna = "#408080,#1F09E8,#B9B900,#700056,#717100,#E8E800,#FF8A15,#804000,#FE1115,#BCDA81,#d2d2f9,#E1F5A9,#fcfac0,#f2f5f6,#F4FA58";
*/
.docstat0{color:#808080 !Important;}
.docstat1{color:#0000FF !Important;}
.docstat2{color:#1F09E8 !Important;}
.docstat3{color:#B9B900 !Important;}
.docstat4{color:#008000 !Important;}
.docstat5{color:#717100 !Important;}
.docstat6{color:#E8E800 !Important;}
.docstat7{color:#FF8A15 !Important;}
.docstat8{color:#804000 !Important;}
.docstat9{color:#FE1115 !Important;}
.docstat10{color:#BCDA81 !Important;}
.docstat11{color:#d2d2f9 !Important;}
.docstat12{color:#E1F5A9 !Important;}
/* backgroup kolom 
$gs_FinanceWarna = "#E1F5A9,#fcfac0,#f2f5f6,#F4FA58,#87F59D,#BCDA81,#d2d2f9,#804000,#E8E800";
*/
.bgfin1{background-color:#E1F5A9 !Important;}
.bgfin2{background-color:#fcfac0 !Important;}
.bgfin3{background-color:#f2f5f6 !Important;}
.bgfin4{background-color:#F4FA58 !Important;}
.bgfin5{background-color:#87F59D !Important;}
.bgfin6{background-color:#BCDA81 !Important;}
.bgfin7{background-color:#d2d2f9 !Important;}
.bgfin8{background-color:#804000 !Important;}
.bgfin9{background-color:#E8E800 !Important;}
/*
laporan
$la_Item_BgColor = array("2EFE64","F2F5A9","A9E2F3","F3F781","a3e4d7","fcf3cf","abebc6");
*/
.bgrpt1{background-color:#a4fcc8 !Important;} //2EFE64
.bgrpt2{background-color:#F2F5A9 !Important;}
.bgrpt3{background-color:#A9E2F3 !Important;}
.bgrpt4{background-color:#F3F781 !Important;}
.bgrpt5{background-color:#a3e4d7 !Important;}
.bgrpt6{background-color:#fcf3cf !Important;}
.bgrpt7{background-color:#abebc6 !Important;}
.bgrpt8{background-color:#ff5733 !Important;}

@media (min-width: 992px) {
  .modal-lg2 {
    max-width: 650px;
  }
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loader {
  position: fixed;
  z-index: 1002;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  border: 22px solid #f3f3f3;
  border-radius: 50%;
  border-top: 22px solid blue;
  border-right: 22px solid green;
  border-bottom: 22px solid red;
  width: 50px;
  height: 50px;
  -webkit-animation: spinloader 2s linear infinite;
  animation: spinloader 2s linear infinite;
}

@-webkit-keyframes spinloader {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spinloader {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #ffffff;
  background-color: #007bff;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0062cc;
}

.badge-secondary {
  color: #ffffff;
  background-color: #6c757d;
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #545b62;
}

.badge-success {
  color: #ffffff;
  background-color: #28a745;
}

.badge-success[href]:hover, .badge-success[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #1e7e34;
}

.badge-info {
  color: #ffffff;
  background-color: #17a2b8;
}

.badge-info[href]:hover, .badge-info[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #117a8b;
}

.badge-warning {
  color: #1F2D3D;
  background-color: #ffc107;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
  color: #1F2D3D;
  text-decoration: none;
  background-color: #d39e00;
}

.badge-danger {
  color: #ffffff;
  background-color: #dc3545;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #bd2130;
}

.badge-light {
  color: #1F2D3D;
  background-color: #f8f9fa;
}

.badge-light[href]:hover, .badge-light[href]:focus {
  color: #1F2D3D;
  text-decoration: none;
  background-color: #dae0e5;
}

.badge-dark {
  color: #ffffff;
  background-color: #343a40;
}

.badge-dark[href]:hover, .badge-dark[href]:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #1d2124;
}
@media print {
 .badge {
    border: 1px solid #000;
  }
  }
.navbar-badge {
  position: absolute;
  top: 5px;
  right: 0.2px;
  font-size: .6rem;
  font-weight: 300;
  padding: 2px 4px;
}

.btn-app > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}
.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}
.dropdown-item-title {
  font-size: 1rem;
  margin: 0;
}
.dropdown-menu-lg {
  min-width: 280px;
  max-width: 300px;
  padding: 0;
}

.dropdown-menu-lg .dropdown-divider {
  margin: 0;
}

.dropdown-menu-lg .dropdown-item {
  padding: 0.5rem 1rem;
}
.text-sm {
  font-size: 0.875rem;
}

.text-muted {
  color: #6c757d !important;
}
.dropdown-footer,
.dropdown-header {
  text-align: center;
  display: block;
  padding: 0.5rem 1rem;
  font-size: 0.675rem;
}

/*
.ibox {
  position: relative;
  background: #ffffff;
  border-top: 2px solid #c1c1c1;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.ibox.ibox-primary {
  border-top-color: #3c8dbc;
}
.ibox.ibox-info {
  border-top-color: #00c0ef;
}
.ibox.ibox-danger {
  border-top-color: #f56954;
}
.ibox.ibox-warning {
  border-top-color: #f39c12;
}
.ibox.ibox-success {
  border-top-color: #00a65a;
}
*/
/*
div.day-number{background:#999;padding:5px;color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
.calendar-day{padding:1px;}
.calendar-day:hover	{ background:#eceff5; }
*/
/*
table.calendar{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } 
div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:80px; } 
div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }
*/
/* shared */
.IS150{width:150px !Important;}.IS175{width:175px !Important;}.IS200{width:200px !Important;}.IS225{width:225px !Important;}.IS250{width:250px !Important;}
.IS275{width:275px !Important;}.IS300{width:300px !Important;}.IS350{width:350px !Important;}
.IS375{width:375px !Important;}.IS400{width:400px !Important;}
@media only screen and (max-width : 768px) {
	.IS250,.IS275,.IS300{width:100% !Important;}
}
@media only screen and (max-width : 576px) {
	.IS150,.IS175,.IS200,.IS225,.IS250,.IS275,.IS300{width:100% !Important;}
	.I275,.I300,.I350,.I375,.I400{width:100% !Important;}
}
@media screen and (max-width:480px){
	.I250,.I275,.I300,.I350,.I375,.I400{width:100% !Important;}	
}
@media only screen and (max-width : 320px) {
	.I200,.I250,.I275,.I300,.I350,.I375,.I400{width:100% !Important;}
}
/*
.form-control:focus {
  color: #495057;
  background-color: #d8f6ce;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25);
}
*/
.labellink4{text-decoration:none;}
.labellink4:hover{background-color:#d3e9f9;cursor:pointer;}

#datepickerpos {
  position: relative;
  top: 20px;
}
.pl-6,
.px-6 {
  padding-left: 3.5rem !important;
}


.pl-7,
.px-7 {
  padding-left: 4rem !important;
}


.pl-8,
.px-8 {
  padding-left: 4.5rem !important;
}


.pl-9,
.px-9 {
  padding-left: 5rem !important;
}



.pl-10,
.px-10 {
  padding-left: 5.5rem !important;
}


.pl-11,
.px-11 {
  padding-left: 6rem !important;
}

.pl-12,
.px-12 {
  padding-left: 6.5rem !important;
}

.pl-13,
.px-13 {
  padding-left: 7rem !important;
}

.pl-14,
.px-14 {
  padding-left: 7.5rem !important;
}

.pl-15,
.px-15 {
  padding-left: 8rem !important;
}
.noborder{border-color: #ffffff !Important;
BORDER-LEFT:#fff 0 solid;
BORDER-bottom:#fff 0 solid;
BORDER-right:#fff 0 solid;
}
/*
.rptbb{border-color: #000000 !Important;
BORDER-LEFT:#fff 0 solid;
BORDER-top:#fff 0 solid;
BORDER-bottom:#000000 1 solid;
BORDER-right:#fff 0 solid;
}
*/
/*control untuk footer */
.ctfooter{display:none;}
@media only screen and (max-width : 576px) {.ctfooter{display:block;}
}