.m-0 { margin: 0px !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; }
.m-l-0 { margin-left: 0px !important; } .m-l-5 { margin-left: 5px !important; } .m-l-10 { margin-left: 10px !important; } .m-l-15 { margin-left: 15px !important; } .m-l-20 { margin-left: 20px !important; } .m-l-25 { margin-left: 25px !important; }
.m-r-0 { margin-right: 0px !important; } .m-r-5 { margin-right: 5px !important; } .m-r-10 { margin-right: 10px !important; } .m-r-15 { margin-right: 15px !important; } .m-r-20 { margin-right: 20px !important; } .m-r-25 { margin-right: 25px !important; }
.m-t-0 { margin-top: 0px !important; } .m-t-5 { margin-top: 5px !important; } .m-t-10 { margin-top: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-t-20 { margin-top: 20px !important; } .m-t-25 { margin-top: 25px !important; }
.m-b-0 { margin-bottom: 0px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-b-25 { margin-bottom: 25px !important; }

.p-0 { padding: 0px !important; } .p-5 { padding: 5px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-25 { padding: 25px !important; }
.p-l-0 { padding-left: 0px !important; } .p-l-5 { padding-left: 5px !important; } .p-l-10 { padding-left: 10px !important; } .p-l-15 { padding-left: 15px !important; } .p-l-20 { padding-left: 20px !important; } .p-l-25 { padding-left: 25px !important; }
.p-r-0 { padding-right: 0px !important; } .p-r-5 { padding-right: 5px !important; } .p-r-10 { padding-right: 10px !important; } .p-r-15 { padding-right: 15px !important; } .p-r-20 { padding-right: 20px !important; } .p-r-25 { padding-right: 25px !important; }
.p-t-0 { padding-top: 0px !important; } .p-t-5 { padding-top: 5px !important; } .p-t-10 { padding-top: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-25 { padding-top: 25px !important; }
.p-b-0 { padding-bottom: 0px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-25 { padding-bottom: 25px !important; }

.b-non { border:none !important; }
.b-t-non { border-top:none !important; }
.b-b-non { border-bottom:none !important; }
.b-l-non { border-left:none !important; }
.b-r-non { border-right:none !important; }

.t-a-center { text-align: center; }
.t-a-left { text-align: left; }
.t-a-right { text-align: right; }
.t-a-justify { text-align: justify; }

.colorWhite { color: #fff; }

/* Color for Admin */
.userAdmin .wrapperColor { background-color : #1aa849 !important;}
.userAdmin .wrapperColor .mainHeaderColor .logo { background-color : #1aa849 !important; }
.userAdmin .wrapperColor .mainHeaderColor .headerColor { background-color : #47cf74 !important; }
.userAdmin .wrapperColor .mainHeaderColor .headerColor .navbar-custom-menu .navbar-nav .dropdown .dropdown-menu .userHeaderColor { background-color : #00a65a !important; }
.userAdmin .wrapperColor .sidebarColor { background-color : #1aa849 !important; }
.userAdmin .wrapperColor .sidebarColor .sidebar .sidebarMenuColor>li:hover>a,
.userAdmin .wrapperColor .sidebarColor .sidebar .sidebarMenuColor>li.active>a { background-color : #0e8a37 !important;border-left: 5px solid #ff0000 !important; }
.userAdmin .wrapperColor .sidebarColor .sidebar .sidebarMenuColor li .treeviewMenuColor { background-color : #34ab5c !important; }
.userAdmin .wrapperColor .contentWrapperColor { background-color : #e9f7ee !important; }
/* End Color for Admin */

/* Color for Bikor */
.userBikor .wrapperColor { background-color : #ff33cc !important; }
.userBikor .wrapperColor .mainHeaderColor .logo { background-color : #ff33cc !important; }
.userBikor .wrapperColor .mainHeaderColor .headerColor { background-color : #cc00cc !important; }
.userBikor .wrapperColor .mainHeaderColor .headerColor .navbar-custom-menu .navbar-nav .dropdown .dropdown-menu .userHeaderColor { background-color : #ff33cc !important; }
.userBikor .wrapperColor .sidebarColor { background-color : #ff33cc !important; }
.userBikor .wrapperColor .sidebarColor .sidebar .sidebarMenuColor>li:hover>a,
.userBikor .wrapperColor .sidebarColor .sidebar .sidebarMenuColor>li.active>a { background-color : #cc3399 !important;border-left: 5px solid  #770059 !important; }
.userBikor .wrapperColor .sidebarColor .sidebar .sidebarMenuColor li .treeviewMenuColor { background-color : #cc00cc !important; }
.userBikor .wrapperColor .contentWrapperColor { background-color : #ffccff !important; }
/* End Color for Bikor */

/* Color for Bidan */
.userBidan .wrapperColor { background-color : #ff59d2 !important; }
.userBidan .wrapperColor .mainHeaderColor .logo { background-color : #ff59d2 !important; }
.userBidan .wrapperColor .mainHeaderColor .headerColor { background-color : #e57bc8 !important; }
.userBidan .wrapperColor .mainHeaderColor .headerColor .navbar-custom-menu .navbar-nav .dropdown .dropdown-menu .userHeaderColor { background-color : #ff59d2 !important; }
.userBidan .wrapperColor .sidebarColor { background-color : #ff59d2 !important; }
.userBidan .wrapperColor .sidebarColor .sidebar .sidebarMenuColor>li:hover>a,
.userBidan .wrapperColor .sidebarColor .sidebar .sidebarMenuColor>li.active>a { background-color : #b1288c !important;border-left: 5px solid #620248 !important; }
.userBidan .wrapperColor .sidebarColor .sidebar .sidebarMenuColor li .treeviewMenuColor { background-color : #e57bc8 !important; }
.userBidan .wrapperColor .contentWrapperColor { background-color : #fee3f7 !important; }
/* End Color for Bidan */

/* Color for Rumah Sakit */
.userRS .wrapperColor { background-color : #00ccff !important; }
.userRS .wrapperColor .mainHeaderColor .logo { background-color : #00ccff !important; }
.userRS .wrapperColor .mainHeaderColor .headerColor { background-color : #66ccff !important; }
.userRS .wrapperColor .mainHeaderColor .headerColor .navbar-custom-menu .navbar-nav .dropdown .dropdown-menu .userHeaderColor { background-color : #00ccff !important; }
.userRS .wrapperColor .sidebarColor { background-color : #00ccff !important; }
.userRS .wrapperColor .sidebarColor .sidebar .sidebarMenuColor>li:hover>a,
.userRS .wrapperColor .sidebarColor .sidebar .sidebarMenuColor>li.active>a { background-color : #6699cc !important;border-left: 5px solid #336699 !important; }
.userRS .wrapperColor .sidebarColor .sidebar .sidebarMenuColor li .treeviewMenuColor { background-color : #66ccff !important; }
.userRS .wrapperColor .contentWrapperColor { background-color : #ccffff !important; }
/* End Color for Rumah Sakit */

/* Color for Desa */
.userDesa .wrapperColor { background-color : #ff3333 !important; }
.userDesa .wrapperColor .mainHeaderColor .logo { background-color : #ff3333 !important; }
.userDesa .wrapperColor .mainHeaderColor .headerColor { background-color : #993333 !important; }
.userDesa .wrapperColor .mainHeaderColor .headerColor .navbar-custom-menu .navbar-nav .dropdown .dropdown-menu .userHeaderColor { background-color : #ff3333 !important; }
.userDesa .wrapperColor .sidebarColor { background-color : #ff3333 !important; }
.userDesa .wrapperColor .sidebarColor .sidebar .sidebarMenuColor>li:hover>a,
.userDesa .wrapperColor .sidebarColor .sidebar .sidebarMenuColor>li.active>a { background-color : #cc3333 !important;border-left: 5px solid #660000 !important; }
.userDesa .wrapperColor .sidebarColor .sidebar .sidebarMenuColor li .treeviewMenuColor { background-color : #993333 !important; }
.userDesa .wrapperColor .contentWrapperColor { background-color : #ffcccc !important; }
/* End Color for Desa */

/* Color for Puskesmas */
.userPuskes .wrapperColor { background-color : #00cc66 !important; }
.userPuskes .wrapperColor .mainHeaderColor .logo { background-color : #00cc66 !important; }
.userPuskes .wrapperColor .mainHeaderColor .headerColor { background-color : #24e484 !important; }
.userPuskes .wrapperColor .mainHeaderColor .headerColor .navbar-custom-menu .navbar-nav .dropdown .dropdown-menu .userHeaderColor { background-color : #00cc66 !important; }
.userPuskes .wrapperColor .sidebarColor { background-color : #00cc66 !important; }
.userPuskes .wrapperColor .sidebarColor .sidebar .sidebarMenuColor>li:hover>a,
.userPuskes .wrapperColor .sidebarColor .sidebar .sidebarMenuColor>li.active>a { background-color : #006633 !important;border-left: 5px solid #009966 !important; }
.userPuskes .wrapperColor .sidebarColor .sidebar .sidebarMenuColor li .treeviewMenuColor { background-color : #24e484 !important; }
.userPuskes .wrapperColor .contentWrapperColor { background-color : #ccffcc !important; }
/* End Color for Puskesmas */

/* Color for KUA */
.userKua .wrapperColor { background-color : #00cc66 !important; }
.userKua .wrapperColor .mainHeaderColor .logo { background-color : #ff9933 !important; }
.userKua .wrapperColor .mainHeaderColor .headerColor { background-color : #cc9933 !important; }
.userKua .wrapperColor .mainHeaderColor .headerColor .navbar-custom-menu .navbar-nav .dropdown .dropdown-menu .userHeaderColor { background-color : #ff9933 !important; }
.userKua .wrapperColor .sidebarColor { background-color : #ff9933 !important; }
.userKua .wrapperColor .sidebarColor .sidebar .sidebarMenuColor>li:hover>a,
.userKua .wrapperColor .sidebarColor .sidebar .sidebarMenuColor>li.active>a { background-color : #ff6600 !important;border-left: 5px solid #993300 !important; }
.userKua .wrapperColor .sidebarColor .sidebar .sidebarMenuColor li .treeviewMenuColor { background-color : #cc9933 !important; }
.userKua .wrapperColor .contentWrapperColor { background-color : #ffffcc !important; }
/* End Color for KUA */

.labelGreen {
	padding: 10px;
	margin:0px;
	color:#fff; 
	font-weight: 600;
	/*background: #b6d1f2; text-shadow: 0 1px 0 #aecef4; // Warna Biru*/
	/*background: #f7a1a1; text-shadow: 0 1px 0 #f2abab; // Warna Merah*/
	background: #ade8a1; text-shadow: 0 1px 0 #b6e1ad; // Warna Hijau
	/*background: #f8cd92; text-shadow: 0 1px 0 #f0cd9d; // Warna Orange*/
	/*background: #f4f190; text-shadow: 0 1px 0 #edea95; // Warna Kuning*/
	/*background: #f49ed8; text-shadow: 0 1px 0 #f0a8d9; // Warna Pink*/
	/*background: #e1a1ef; text-shadow: 0 1px 0 #d7a4e2; // Warna Ungu*/
	/*background: #bbb; text-shadow: 0 1px 0 #aaa; // Warna Gray*/
	/*background: #555; text-shadow: 0 1px 0 #444; // Warna Black*/
}
.labelYellow {
	padding: 10px;
	margin:0px;
	background: #f8cd92;
	text-shadow: 0 1px 0 #f0cd9d;
	color:#fff;
	font-weight: 600;
}
.modalHeaderGreen {
	/*background: #b6d1f2; text-shadow: 0 1px 0 #aecef4; // Warna Biru*/
	/*background: #f7a1a1; text-shadow: 0 1px 0 #f2abab; // Warna Merah*/
	background: #ade8a1; text-shadow: 0 1px 0 #b6e1ad; // Warna Hijau
	/*background: #f8cd92; text-shadow: 0 1px 0 #f0cd9d; // Warna Orange*/
	/*background: #f4f190; text-shadow: 0 1px 0 #edea95; // Warna Kuning*/
	/*background: #f49ed8; text-shadow: 0 1px 0 #f0a8d9; // Warna Pink*/
	/*background: #e1a1ef; text-shadow: 0 1px 0 #d7a4e2; // Warna Ungu*/
	/*background: #bbb; text-shadow: 0 1px 0 #aaa; // Warna Gray*/
	/*background: #555; text-shadow: 0 1px 0 #444; // Warna Black*/
}
.modalHeaderPurple {
	background: #e1a1ef;
	text-shadow: 0 1px 0 #d7a4e2
}
.modalHeaderYellow {
	background: #f8cd92;
	text-shadow: 0 1px 0 #f0cd9d
}
.modalHeaderTitle {
	color: #fff;font-size: 18px;font-weight: 600;
}

.panelSearch {
	text-align: right;
	padding:5px;
}

/* Icon and Messages Check Input */
.iconStatus {
	position:absolute;
	right:20px;
	top:2px;
	font-size:18px;
}

.messageError {
	font-size:12px;
	padding-top:5px;
	color:red;
}
/* End Icon and Messages Check Input */

.lineTopGreen {
	margin-top: 10px;border-top:solid 5px #ade8a1;
}
.lineTopYellow {
	margin-top: 10px;border-top:solid 5px #f8cd92;
}

/* Start Custom CSS Input CheckBox */
.customCheck:not(:checked),
.customCheck:checked {
	position: absolute;
	left: -9999px;
}
.customCheck:not(:checked) + .labelRadio,
.customCheck:checked + .labelRadio {
	position: relative;
	padding-left: 1.95em;
	cursor: pointer;
	margin-right: 10px;
}

/* checkbox aspect */
.customCheck:not(:checked) + .labelRadio:before,
.customCheck:checked + .labelRadio:before {
	content: '';
	position: absolute;
	left: 0; top: 0;
	width: 1.25em; height: 1.25em;
	border: 2px solid #ccc;
	background: #fff;
	border-radius: 4px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.customCheck:not(:checked) + .labelRadio:after,
.customCheck:checked + .labelRadio:after {
	content: '✔';
	position: absolute;
	top: .1em; left: .1em;
	font-size: 1.3em;
	line-height: 0.8;
	color: #09ad7e;
	transition: all .2s;
}
/* checked mark aspect changes */
.customCheck:not(:checked) + .labelRadio:after {
	opacity: 0;
	transform: scale(0);
}
.customCheck:checked + .labelRadio:after {
	opacity: 1;
	transform: scale(1);
}
/* disabled checkbox */
.customCheck:disabled:not(:checked) + .labelRadio:before,
.customCheck:disabled:checked + .labelRadio:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #fff;
}
.customCheck:disabled:checked + .labelRadio:after {
	color: #09ad7e;
}
.customCheck:disabled + .labelRadio {
	color: #aaa;
}
/* accessibility */
.customCheck:checked:focus + .labelRadio:before,
.customCheck:not(:checked):focus + .labelRadio:before {
	border: 2px dotted blue;
}

/* hover style just for information */
.labelRadio:hover:before {
	border: 2px solid #4778d9!important;
}
/* END Custom CSS Input CheckBox */

/* 1000 HPK */
.lineRight {
	border-right: solid 1px #d7d7d7;
	margin-bottom: 15px;
}
.noResult {
	padding: 0px;text-align: center;
}
.noResultImg {
	height: 200px !important;
    background-position: 50% -100px !important;
}
.labelNoResult {
	text-align: center;width: 100%;padding: 10px;font-size: 18px;margin-top: 15px;
}
.notFound {
	background-image: url('../img/searchEmpty1.png');
	background-size: cover;
	background-position: 50% -55px;
	width: 250px;
	height: 300px;
	border-radius: 5px;
}
.img-polaroid { box-shadow: 2px 4px 10px #999; border-radius: 5px}

.TblBumil {
	padding: 10px;
	border-radius: 5px 20px 20px 5px;
	box-shadow: 2px 4px 10px #bfbfbf;
	position: relative;
	font-size: 16px;
	text-align: justify;
}
.TblBumilBlue {
	background: #a8dbff;
	color: #021524;
}
.TblBumilBlue:hover{color: #021524;}
.TblBumilYellow {
	background: #ffe7c4;
	color: #503604;
}
.TblBumilYellow:hover{color: #503604;}
.btn-circle {
	border-radius: 50px;
	font-size: 18px;
	width: 42px;
	height: 42px;
	padding: 9px 14px;
	line-height: 1.42857143;
	/*box-shadow: 2px 4px 10px #999;*/
	position: absolute;
	right: 0px;
	top: 0px;
}
.btn-circleBlue {
	background: #0090ff !important;
	border-color : #017cdb !important;
	color: #fff;
}
.btn-circleYellow {
	background: #f0ad4e !important;
	border-color : #eea236 !important;
	color: #fff;
}

.panelPeriode {
	position: relative;
	text-align: justify;
	box-shadow: 2px 4px 10px #bfbfbf;
	border-radius: 5px;
	padding: 5px 25px;
	margin-bottom: 10px;
}
.panelPeriode > h4 {
	font-size: 18px;
	font-weight: 600;
}
.panelTblPerod {
	position: absolute;
	right: 25px;
	top: 10px;
}

.panelKunjungan {
	padding: 0;box-shadow: 2px 4px 10px #bfbfbf;border-radius: 5px;margin-bottom: 15px;
}

.boxKunjungan {
	height: 385px;overflow-y: scroll;
}
.panelAnak {
	border: solid 3px #ff86ff;
}
.icon_anak {
	margin: 0px;
	font-size: 40px;
	padding: 5px 10px;
	background: #ff86ff;
	color: #fff;
}
.nama_anak {
	font-size: 20px;
	position: relative;
	top: -7px;
	margin-left: 15px;
	color: #333;
	font-weight: 400;
}
.icon_kanan_anak {
	font-size: 30px;
	position: relative;
	top: 6px;
	right: 10px;
	color: #bd48bb;
}
/* END 1000 HPK*/

/* CSS Untuk Custom Tab */
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
/* written by riliwan balogun http://www.facebook.com/riliwan.rabo*/
.board{
	width: 100%;
	/*margin: 60px auto;*/
	height: 500px;
	background: #fff;
	/*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
}
.board .nav-tabs {
	position: relative;
	/* border-bottom: 0; */
	/* width: 80%; */
	margin: 40px auto;
	margin-bottom: 0;
	box-sizing: border-box;
}
.board > div.board-inner{
	background: #fafafa url(http://subtlepatterns.com/patterns/geometry2.png);
	background-size: 30%;
}
p.narrow{
	width: 60%;
	margin: 10px auto;
}
.liner{
	height: 2px;
	background: #ddd;
	position: absolute;
	width: 70%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    /* background-color: #ffffff; */
    border: 0;
    border-bottom-color: transparent;
}

span.round-tabs{
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: white;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

span.round-tabs.one{
    color: rgb(34, 194, 34);border: 2px solid rgb(34, 194, 34);
}

li.active span.round-tabs.one{
    background: #fff !important;
    border: 2px solid #ddd;
    color: rgb(34, 194, 34);
}

span.round-tabs.two{
    color: #febe29;border: 2px solid #febe29;
}

li.active span.round-tabs.two{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #febe29;
}

span.round-tabs.three{
    color: #3e5e9a;border: 2px solid #3e5e9a;
}

li.active span.round-tabs.three{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #3e5e9a;
}

span.round-tabs.four{
    color: #f1685e;border: 2px solid #f1685e;
}

li.active span.round-tabs.four{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #f1685e;
}

span.round-tabs.five{
    color: #999;border: 2px solid #999;
}

li.active span.round-tabs.five{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #999;
}

.nav-tabs > li.active > a span.round-tabs{
    background: #fafafa;
}
.nav-tabs > li {
    width: 25%;
}
/*li.active:before {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: -2px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 1;
    transition:0.2s ease-in-out;
}*/
.nav-tabs > li:after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #ddd;
    transition:0.1s ease-in-out;
    
}
.nav-tabs > li.active:after {
    content: " ";
    position: absolute;
    left: 48%;
    opacity:1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #ddd;
    
}
.nav-tabs > li a{
   width: 70px;
   height: 70px;
   margin: 20px auto;
   border-radius: 100%;
   padding: 0;
}

.nav-tabs > li a:hover{
    background: transparent;
}

.tab-content{
}
.tab-pane{
   position: relative;
   padding-top: 20px;
}
.tab-content .head{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.btn-outline-rounded{
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 25px;
}

.btn.green{
    background-color:#5cb85c;
    /*border: 2px solid #5cb85c;*/
    color: #ffffff;
}

@media( max-width : 585px ){
	.board {
		width: 90%;
		height:auto !important;
	}
	span.round-tabs {
		font-size:16px;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.tab-content .head{
		font-size:20px;
	}
	.nav-tabs > li a {
		width: 50px;
		height: 50px;
		line-height:50px;
	}
	.nav-tabs > li.active:after {
		content: " ";
		position: absolute;
		left: 35%;
	}
	.btn-outline-rounded {
		padding:12px 20px;
	}
}

/* End Css Custom Tab */