@import url('menu.css');
@import url('add.css');
@import url('jquery-ui.css');
@import url('colorbox.css');

/**
* This sylesheet code has been rewrite and simplified by :
* Author		: thom
* Website		: http://mynameisthom.blogspot.com
**/

/***
*reset
****/
body, html  { height: 100%; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
} 
* html .clearfix {
	height: 1%;
}
.clear{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/**
* Default
**/
body, input, textarea, select{
	font : 11px/14px verdana, geneva, sans-serif;
	color : #333;
	background : #F9FCFE;
}
textarea[disabled=disabled],
input[disabled=disabled],
select[disabled=disabled] {
	background : #ABABAB;
	color : #333;
}
a{
	text-decoration : none;
	color : #B82E2E;
}

#container{
	__width : 980px;
	width : 100%;
	margin : 0 auto;
	padding : 0;
}
.ar{
	display : block;
	_width : 250px;
	width : 25.5%;
	margin : 0 auto;
	position : relative;
	word-wrap : break-word;
}
form label {
	display: block;
	padding-right: 20px;
	width : 160px;
}
form label.error{
	margin-left: 10px;
	width: auto;
	display: inline;
	color: red;
	font-style: italic
}
input.error {
	border: 1px dotted red; 
}
form.formulir {
	display : block;
	padding : 20px 5px 5px 10px;
}
form.formulir div{
	display : block;
	margin : 0 0 5px 0;
	padding : 0;
}
div.error_message{
	color : #ff3333;
	__margin-left : 275px !important;
	display : inline !important;
}
div.true_message{
	color : #009933;
	font-weight : bold;
	__margin-left : 275px !important;
	display : inline !important;
}
form.formulir div label{
	float : left;
}
form .formulir input, form .formulir select{
	float : left;
}
form .formulir span.divinside{
	float : left;
}
/***
*TABLE
***/
table{
	border-collapse: collapse;
    text-align: left;
	margin : 0 0 0px 10px;
}
table tr td{
	padding : 2px;
	vertical-align: top;
}
table tr th{
    background: #ddd;
	padding : 3px;
}
table tr td label{
	width : 150px;
}
table tr td input[type=radio] {
	float:none;
	width:auto;
	margin: 0 3px 7px 0;
}
table#rounded-corner, .rounded-corner-olay{
	border-collapse: collapse;
	text-align: left;
	_width: 920px;
	width : 97%;
	margin : 20px 0 0 0;
}
.rounded-corner-olay{
	width : 845px !important;
}
table#rounded-corner thead th.rounded-company, .rounded-corner-olay  thead th.rounded-company, .nested-table thead th.rounded-company{
	background: url("../img/left.png") no-repeat scroll left -1px #B9C9FE;
}
table#rounded-corner thead th.rounded-q4, .rounded-corner-olay thead th.rounded-q4, .nested-table thead th.rounded-q4{
	background: url("../img/right.png") no-repeat scroll right -1px #B9C9FE;
}
table#rounded-corner th, .rounded-corner-olay th, .nested-table th, .nested-table2 th{
	background: none repeat scroll 0 0 #8fc6ff;
	color: #222;
	font-size: 12px;
	font-weight: bold;
	padding: 8px;
	text-align : center;
    /*position: sticky;*/
    top: 0;          
    z-index: 0;
    border: 1px solid #c3bfbf42;      
}

table.nested-table{
	margin : 0;
	padding : 0;
}

table#rounded-corner td, .rounded-corner-olay td, .nested-table td{
	background: none repeat scroll 0 0 #ffffffa6;
	border-bottom: 1px dotted #cdc9c9;
	color: #555;
	padding: 2px;
	}

table#rounded-corner tfoot td.rounded-foot-left,
.rounded-corner-olay tfoot td.rounded-foot-left ,
.nested-table  tfoot td.rounded-foot-left {
    background: url("../img/botleft.png") no-repeat scroll left bottom #E8EDFF;
}
table#rounded-corner tfoot td.rounded-foot-right,
.rounded-corner-olay tfoot td.rounded-foot-right ,
.nested-table tfoot td.rounded-foot-right  {
    background: url("../img/botright.png") no-repeat scroll right bottom #E8EDFF;
}
table#rounded-corner tbody tr:hover td ,
.rounded-corner-olay tbody tr:hover td,
.nested-table tbody tr:hover td,
#fixed tbody tr:hover td{
    /*background: none repeat scroll 0 0 #96DEFF;*/
    background: none repeat scroll 0 0 rgba(55, 55, 55, 0.2);
	backdrop-filter: blur(4px);
	color: #333;
}

table.registration th, table.registration td{
	font-size: 14px;
}

table.registration tr:hover{
	cursor: pointer;
}

/***
* HEADER
**/
#header {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #093bcbe0;
    background-image: linear-gradient(
        75deg,
        #093bcbe0,
        #047fff,
        navy 65%,
        #047fff,
        #093bcbe0
    );
    background-size: 200% 100%;
    animation: shine 20s infinite;
}

@keyframes shine {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.head1{
	width : 100%;
	margin : 0;
	padding : 0;
}
.head1, .head2{
	margin : 0 auto;
	padding : 0;
	display : block;
}
.kiri{
	width : 100px;
	height : 95px;
	min-height : 95px;
	margin : 10px auto;
	background : transparent url('../img/logobaru.jpg') top center no-repeat;
	float : left;
}
.tengah{
	display : block;
	float : left;
	height : 95px;
	min-height : 95px;
	margin : 20px auto 0 auto;
	width : 780px;
	width : 79.5%;
}
.tengah h1 {
    font-size: 30px;
    color: aqua;
    text-transform: uppercase;
    height: 40px;
    min-height: 40px;
    margin: auto;
    text-align: center;
    text-shadow: 2px 5px 5px #021235, 2px 6px 6px #047fff;
}

.tengah h2 {
    font: bold 20px/24px verdana, geneva, sans-serif;
    color: yellow;
    display: block;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 2px 2px 2px rgba(4, 0, 14, 0.6);
}

.kanan{
	width : 100px;
	height : 95px;
	min-height : 95px;
	margin : 10px auto;
	background : transparent url(../img/kota.jpg) top center no-repeat;
	float : right;
}
.head2{
	background : #eee;
	border-bottom : 1px solid #bbb;
	margin : 5px 0;
	height : 25px;
	padding : 0 0 3px 0;
}
.menu{
	display : inline-block;
	float : left;
	margin : 0 0 0 15px !important;
}
.tanggal{
	width : 280px;
	margin : 2px auto 0 auto;
	padding : 5px;
	float : right;
}
.toptitle{
	padding : 5px;
	display : block;
	background : #ffae3b;
}
/**
* CONTENT
**/
#content{
	border : 1px solid rgba(55, 55, 55, 0.3);
	margin : 7px 10px;
	padding: 15px;
	z-index: 0;
	display : block;
	background : #e8e7e761;
	border-radius: 0.5rem;
}
table.filter{
	text-align : left;
	width : 100%;
}
table.filter tr td{
	text-align : left;
	vertical-align : top;
}
.home_right {
    background: none repeat scroll 0 0 #EEEEEE;
    margin: 0 10px;
	width : 90%;
	padding : 10px;
}
.home_right h2{
	padding : 5px 0;
}
table.info{
	width : 350px;
	margin : 0 0 10px 0;
}
table.info, table.info tr td{
	background : #eee;
	padding : 3px;
}
.save{
	background: white url(../img/simpan.png) !important;
	background-repeat: no-repeat !important;
	background-position: 5px 6px !important;
	padding : 5px 5px 7px 25px !important;
	cursor: pointer;
}

.save:disabled,
.save[disabled]{
	background: #ABABAB url(../img/simpan.png) !important;
	background-repeat: no-repeat !important;
	background-position: 5px 6px !important;
	padding : 5px 5px 7px 25px !important;
	cursor: pointer;
}
.cancel{
	/* padding: 4px 5px 5px 30px; */
	padding : 5px 5px 5px 25px !important;
	background: white url(../img/keluar.png) no-repeat 5px 6px;
	border: 1px solid #B2B2B2;
	-webkit-border-radius : 4px;
	   -moz-border-radius : 4px;
			border-radius: 4px;
	position: relative;
	top: 2px;
	margin: 0 0 0 2px;
}
.btnLogin{
	background: white url(../img/key.png) !important;
	background-repeat: no-repeat !important;
	background-position: 5px 6px !important;
	padding : 5px 5px 7px 25px !important;
	height: 28px;
	width: auto;
	border-radius: 7px;
	cursor: pointer;
}

.btnLoginX{
	background: #b9b1b1 url(../img/no_action.png) !important;
	background-repeat: no-repeat !important;
	background-position: 4px 3px !important;
	padding : 5px 5px 7px 25px !important;
	height: 28px;
	width: auto;
	border-radius: 7px;
	cursor: pointer;
	color: #e60000;
}

.btnFind{
	background: white url(../img/search.png) !important;
	background-repeat: no-repeat !important;
	background-position: 5px 6px !important;
	padding : 5px 5px 7px 25px !important;
	height: 26px;
	width: auto;
}

.btnVerify{
	background: white url(../img/doc-check.png) !important;
	background-repeat: no-repeat !important;
	background-position: 5px 6px !important;
	padding : 5px 5px 7px 25px !important;
	height: 26px;
	width: auto;
}

.btnDoc{
	background: white url(../img/medical-card.png) !important;
	background-repeat: no-repeat !important;
	background-position: 5px 6px !important;
	padding : 5px 5px 7px 25px !important;
	height: 26px;
	width: auto;
}

.btnPrint{
	background: white url(../img/print16.png) !important;
	background-repeat: no-repeat !important;
	background-position: 5px 6px !important;
	padding : 5px 5px 7px 25px !important;
	height: 26px;
	width: auto;
}

.btnDelete{
	background: white url(../img/delete.png) !important;
	background-repeat: no-repeat !important;
	background-position: 5px 6px !important;
	padding : 5px 5px 7px 25px !important;
	height: 26px;
	width: auto;
}

.refsbtn{
	background: white url(../img/info.png) !important;
	background-repeat: no-repeat !important;
	background-position: 5px 6px !important;
	padding : 5px 5px 7px 25px !important;
	height: 28px;
	width: auto;
	border-radius: 7px;
}

.refsbtn:disabled,
.refsbtn[disabled]{	
	background: #ABABAB url(../img/info.png) !important;
	background-repeat: no-repeat !important;
	background-position: 5px 6px !important;
	padding : 5px 5px 7px 25px !important;
	height: 28px;
	width: auto;
	border-radius: 7px;
}
    
/**
*USER LOGIN
**/

.box-form {
	margin: 0 auto;
	width: 80%;
	/*background: rgba(135, 134, 134, 0.13);*/
	background: rgba(0,0,0,.15);
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex: 1 1 100%;
	align-items: stretch;
	justify-content: space-between;
	border : 1px solid #ddd;
	-moz-border-radius : 6px;
	-webkit-border-radius : 6px;
}
@media (max-width: 980px) {
	.box-form {
		flex-flow: wrap;
		text-align: center;
		align-content: center;
		align-items: center;
	}
}

.box-form div {
	height: auto;
}
.box-form .left {
	margin: 40px;
	overflow: hidden;
}

.box-form .center {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-right: 2px solid rgba(0, 0, 0, 0.1);
}
.box-form .right {
	margin: 40px;
	overflow: hidden;
}
@media (max-width: 980px) {
	.box-form .right {
		width: 100%;
	}
}

.box-form .right #inputs {
	width : 300px;
	margin : 0 auto;
	padding : 10px;
	float: right;
}
.box-form .right input {
	background: none repeat scroll 0 0 #F4F4F4;
	border: 1px solid #B2B2B2;
	clear: both;
	font-family: "frutiger linotype","lucida grande","verdana",sans-serif;
	#font-size: 100%;
	padding: 10px;
	width : 220px;
}

.right div.submit {
	border: 0 none;
	clear: both;
	margin: 10px auto 0 16px;
}

#inputs input[type=submit] {
	display: inline;
	_font-size: 110%;
	padding: 5px;
	width: auto;
	vertical-align: bottom;
	background : #EFEFEF;
	background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
	background: -webkit-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
	background: -webkit-gradient(linear, center bottom, center top, from(#EFEFEF), to(#FFFFFF));
	border-radius : 4px;
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	width : 75px;
	-o-object-fit: auto;
	-o-object-position: 50% 50%;
	-o-transform-origin: 187.5px 125px;
}

#inputs input[type=submit]:hover{
	background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
	background: -webkit-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
	box-shadow : 1px 1px 5px #ccc;
}
#inputs input[type=submit]:focus{
	background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
	background: -webkit-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
	background : #EFEFEF;
	border : 1px solid #686868;
}
#inputs div.submit {
	border: 0 none;
	clear: both;
	margin: 10px auto 0 160px;
}

#login{
	width : 250px;
	border : 1px solid #ddd;
	border-radius : 6px;
	-moz-border-radius : 6px;
	-webkit-border-radius : 6px;
	margin : 0 auto;
	padding : 10px;
}
#login input{
	background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #B2B2B2;
    clear: both;
    font-family: "frutiger linotype","lucida grande","verdana",sans-serif;
    #font-size: 100%;
    padding: 10px;
	width : 220px;
}
#login input[type=submit] {
	display: inline;
	_font-size: 110%;
	padding: 5px;
	width: auto;
	vertical-align: bottom;
	background : #EFEFEF;
	background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
	background: -webkit-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
	background: -webkit-gradient(linear, center bottom, center top, from(#EFEFEF), to(#FFFFFF));
	border-radius : 4px;
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	width : 75px;
	-o-object-fit: auto;
	-o-object-position: 50% 50%;
	-o-transform-origin: 187.5px 125px;
}
#login input[type=submit]:hover{
	background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
	background: -webkit-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
	box-shadow : 1px 1px 5px #ccc;
}
#login input[type=submit]:focus{
	background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
	background: -webkit-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
	background : #EFEFEF;
	border : 1px solid #686868;
}
#login div.submit {
    border: 0 none;
    clear: both;
    margin: 10px auto 0 160px;
}
#guestFormLogin{
	/*margin : 0 auto;
	width : 210px;*/
	width : 300px;
	margin : 0 auto;
	padding : 10px;
	float: right;
}
/**
*FOOTER
**/
#footer{
	text-align : center;
	margin : 5px;
	padding : 10px 0;
}
#footer a{
	font-weight : bold;
}


#footer {
    /*position: fixed;*/
    /*bottom: -60px;*/
    /*position: relative;*/
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    __width : 980px;
	width : 100%;
	margin : 0 auto;
	padding : 0;
    /*background-color: rgba(0, 0, 0, 0.1);*/
    background: #e8e7e761;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: white;
    padding: 10px 15px;
    /*border-radius: 8px 8px 0 0;*/
    box-sizing: border-box;
    z-index: 1000;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: bottom 0.3s ease-in-out;
    text-align: center;
    min-width: 90%;
}

#footer.open {
    bottom: 0;
}

.footer-text {
	color: black;
    opacity: 0.7;
}

.footer-text > div {
    margin-bottom: 5px;
}

.footer-text img {
    margin-right: 5px;
    vertical-align: middle;
}

.footer-btn-close{
    float: right;
    position: relative;
    top: -16px;
    padding: 0.2rem;
    background: #1212121c;
    width: 14px;
    height: 14px;
    color: #e6000099;
    border-radius: 0.3rem;
    font-weight: bold;
    font-size: 14px;
}
/***
*FIELDSET
***/
fieldset{
	border-radius: 4px;
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
}
.nested{
	padding : 10px 5px;
	float : left;
	margin : 0 10px 10px 0;
}

/***
* OVERLAY
***/
#overlay {
	background : #fff;
	#box-shadow : 0px 0px 10px #fff;
	color:#999;
	height:470px;
	border:10px solid rgba(82, 82, 82, 0.698);
	border:10px solid #666;
	border-radius : 6px;
	-webkit-border-radius : 6px;
	-moz-border-radius : 6px;
}
#overlay h2 {
	margin:-11px;
	margin-bottom:10px;
	color:#fff;
	background-color:#6D84B4;
	padding:10px 15px;
	border:1px solid #3B5998;
	font-size:20px;
}
div.contentWrap {
	height:460px;
	overflow-y:auto;
	padding : 10px;
	color : #333;
}
.apple_overlay {
	display:none;
	background : #fff;
	box-shadow : 0px 0px 5px #333;
	_width:920px;
	width : 97%;
	font-size:12px;
}
.apple_overlay .close {
	background-image:url(../img/close.png);
	position:absolute; right:-25px; top:-30px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.spacer{
	margin-top : 20px !important;
}
.spacerkanankiri{
	margin-right : 20px !important;
	margin-left : 20px !important;
}
.marginkanankecil{
	margin-right : 5px !important;
}
.spacertopbot{
	margin-bottom : 10px !important;
	margin-top: 10px !important;
}
.spacerbot{
	margin-bottom : 20px !important;
}
.spacerkanan{
	padding-right: 10px;
}
.spacerkiri{
	padding-left: 10px;
}
.space{
	padding : 10px;
}
.formkiri{
	__width : 400px;
	width : 40.8%;
}
.formkiri, .formtengah, .formkanan{
	float : left;
	min-height : 100px;
}
.formkiri div{
	display : block;
	position : relative;
}
.formkiri input, .formkiri select{
	float : none !important;
}
.formkiri label{
	width : 150px;
	padding : 0;
	margin : 0;
}
.formtengah{
	__width : 275px;
	width : 28%;
}
.formkanan{
	__width : 225px;
	width : 22.9%;
}

.partleft{
	width : 465px;
	float : left;
}

.divpartleft{
	width : 555px;
	float : left;
}
.partleft fieldset form{
	width : 455px;
}
.partright fieldset form{
	width : 365px;
}
.partleft fieldset div, .partright fieldset div, .divpartright fieldset div{
	margin : 0 0 0 0;
}
.partleft label, .partright label{
	width : 120px;
	float : left;
}
.partright {
	width : 370px;
	float : left;
	padding : 0 5px;
}
.divpartright {
	width : auto;
	display : block;
	float : left;
	padding : 0 5px;
}
.divpartright label{
	width : 100px;
	float : left;
}
.partright fieldset{
	padding : 5px 0 10px 5px;
	min-height : 150px;
	max-height : 250px;
	overflow : auto;
}
.scroll{
	overflow : auto;
	height : 200px;
}
.scroll table tr td{
	cursor : pointer;
}
#icdx, .longselect{
	max-width : 250px;
}

.step1{
	padding : 5px;
}
p.satu{
	background : url("../img/bgnumb.jpg") no-repeat top center;
	float : left;
	width : 50px;
	height : 50px;
	font : bold 18px Arial;
	text-align : center;
	line-height : 32px;
}
div.desc{
	line-height : 32px;
}
.overflo{
	overflow : auto;
	height : 100px;
}
.errmsg{
	padding : 10px;
	background : #FFB658;
	width : auto;
	margin : 10px;
}
.errmsg li{
	margin: 0 0 0 20px;
}
.erMsg{
	color : red;
}
.induk{
    width: 100%;
}
.table-left{
    width: 75%;
    display: inline-block;
}
.table-right{
    width: 25%;
    display: inline-block;
    float: right;
}
.table-right table{
    border: solid 1px;   
}
.table-right span{
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 20px;
}

/**
 * Hak akses
 * */
ul.root{
	list-style : none;
}
ul.root:hover{
	cursor : pointer;
}
ul.parent{
	margin : 0 0 0 25px;
	list-style : none;
}
.sub, .sub2{
	font-weight : bold;
	margin : 0 0 0 20px;
}
.sub:hover{
	cursor : pointer;
}
.sub div{
	display : block;
	margin-bottom : 5px;
	padding : 0;
	clear: both;
}
.sub label{
	width : 350px;
	float : left;
}
.trigger, .trigger label, .trigger2 label{
	cursor : pointer;
}
/** DIV KIRI */
.divkiri{
	width : 50%;
	display: block;
	float: left;
	position : relative;
}
.divkiri fieldset, .divkanan fieldset{
	margin : 0 5px 5px 0;
	background-color: #e1e1e1;
	__height : 200px;
}
.kb_anc_pnc div, .divkiri fieldset div{
	margin : 0 2px 3px 0;
	padding : 0 0 0 5px;
}
.kb_anc_pnc label{
	float : left;
	width : 150px;
	padding-top: 4px;
}
.divkiri fieldset label{
    float : left;
    width : 100px;
}
#floatingMenu{
	position: absolute;
	z-index: 100;
	top: 25px;
	width: 160px;
	right: 10px;
	text-align : right;
}

#floatingMenu p{
	margin : 0 0 4px 0;
}
/** DIV KANAN */
.divkanan{
	width : 50%;
	display : block;
	float: left;
}
.divkanan table{
	width: 100%;
}
div.tble{
	margin : 0 0 10px 10px !important;
}
.pKanan{
	right : 12px;
	position : absolute;
	z-index : 100;
}
.divpKanan{
	position: relative;
	width: 200%;
	margin-bottom: 20px;
}
div#diagnosis2, div#obat2, div#tindakan2{
	_height: 120px;
	overflow-y: auto;
	_width: 400px;
}

/* BUTTON */
.buttons {
    -moz-appearance: none;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(#83C260, #71B44C 44%, #549D2C) repeat scroll 0 0 transparent !important;
    background: -o-linear-gradient(#83C260, #71B44C 44%, #549D2C) repeat scroll 0 0 transparent !important;
    background: -webkit-linear-gradient(#83C260, #71B44C 44%, #549D2C) repeat scroll 0 0 transparent !important;
    background: -ms-linear-gradient(#83C260, #71B44C 44%, #549D2C) repeat scroll 0 0 transparent !important;
    background: linear-gradient(#83C260, #71B44C 44%, #549D2C) repeat scroll 0 0 transparent !important;
    border-color: #4C7336 #4C7336 #44692F;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 0 #A0D186 inset, 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    font-family: arial,helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    padding: 6px 16px 7px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 #4865E4;
}
.buttons:hover {
    background: linear-gradient(#8BC968, #7BBC57 44%, #4F9727) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#8BC968, #7BBC57 44%, #4F9727) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(#8BC968, #7BBC57 44%, #4F9727) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(#8BC968, #7BBC57 44%, #4F9727) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(#8BC968, #7BBC57 44%, #4F9727) repeat scroll 0 0 transparent;
    border: 1px solid #456A2F;
    box-shadow: 0 1px 0 0 #A0D186 inset, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.buttons:hover:active {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(#83C260, #71B44C 44%, #549D2C) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#83C260, #71B44C 44%, #549D2C) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(#83C260, #71B44C 44%, #549D2C) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(#83C260, #71B44C 44%, #549D2C) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(#83C260, #71B44C 44%, #549D2C) repeat scroll 0 0 transparent;
    border-color: #4C7336 #3E612A #547B3F;
    border-left: 1px solid #3E612A;
    border-right: 1px solid #3E612A;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
}

/* FIXED HEADER */
.has-js .label_check,
.has-js .label_radio    { padding: 3px 0 0 25px; width : 50px}
.has-js .label_check    { background: url('../img/check-off.png') no-repeat; }
.has-js label.c_on      { background: url('../img/check-on.png') no-repeat; }
.has-js .label_check input,
.has-js .label_radio input  { position: absolute; left: -9999px; }

/** THE TABLE FLOAT
 ** DEFAULT THEME
 **/
/* @group Reset */

.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
	/* position */
    margin: 0;
    
    /* size */
	padding: 0;

	/* text */
	font-size: 100%;
	font: inherit;
	vertical-align: top;
	}

.fht-table {
	/* appearance */
    border-collapse: collapse;
    border-spacing: 0;
	}

/* @end */

/* @group Content */

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
	/* appearance */
	overflow: hidden;
	
	/* position */
	position: relative;
	}

	.fht-table-wrapper .fht-fixed-body .fht-tbody,
	.fht-table-wrapper .fht-tbody {
		/* appearance */
	    overflow: auto;
		}

		.fht-table-wrapper .fht-table .fht-cell {
			/* appearance */
			overflow: hidden;
			
			/* size */
		    height: 1px;
			}
	
	.fht-table-wrapper .fht-fixed-column,
	.fht-table-wrapper .fht-fixed-body {
	    /* position */
	    top: 0;
	    left: 0;
	    position: absolute;
	    }
	    
	.fht-table-wrapper .fht-fixed-column {
	    /* position */
	    z-index: 1;
	    }



/** STYLE **/
.fancyTable td, .fancyTable th {
	/* appearance */
	border: 1px solid #778899;
	
	/* size */
	padding: 5px;
	}

.fancyTable {
	/* text */
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

.fancyTable tbody tr td {
	/* appearance */
	background-color: #eef2f9;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
		
	/* text */
	color: #262c31;
	font-size: 11px;
	}

.fancyTable tbody tr.odd td {
	/* appearance */
	background-color: #d6e0ef;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	}

.fancyTable thead tr th,
.fancyTable tfoot tr td {
	/* appearance */
	background-color: #8ca9cf;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
		
	/* text */
	color: #121517;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 1px 1px #e8ebee;
	}
/**placeholder**/
::-webkit-input-placeholder { color: #9E9E9E; }
:-moz-placeholder { color: #9E9E9E;}

.pullleft{
	float:left;
}
.pullright{
	float:right;
}
.text-right{
	text-align: right;
}

.listcontainer{
	border: 1px solid #B2B2B2;
	min-height: 30px;
	padding: 4px 4px 0 !important;
	min-width: 340px !important;
	max-width: 360px !important;
}
.listcontainer:hover{
	cursor: text;
}
.autocomplete{
	margin: 0 !important;
}
input#searchnama, input#searchnama:focus{
	border: 0 !important;
	background: #fff;
	box-shadow: none;
	margin: 0 !important;
	outline: none !important	;
}
#itemcontainer {
    display: inline;
}
.detailwrapper{
	margin: 0 0 4px !important;
}
.removable{
	background: none repeat scroll 0 0 #ffa665;
    border: 1px solid #9DACCC;
    border-radius: 2px 2px 2px 2px;
    color: #1C2A47;
    cursor: default;
    display: block;
    float: left;
    min-height: 18px;
    margin: 0 4px 0 0 !important;
    padding: 2px 0 2px 5px !important;
    position: relative;
    white-space: normal;
}
.remove{
	background: url("../img/remove.png") no-repeat scroll 0 0 transparent;
	height: 12px;
	width: 12px;
	display: inline-block;
	float: right;
	position: relative;
	margin-left: 4px;
}
.remove:hover{
	background-position: left -24px;
	cursor: pointer;
}
.clearable{
	background: url("../img/ui_icon.png") no-repeat scroll -96px -128px transparent;
    border: 1px solid #FFFFFF;
    display: inline-block;
    height: 16px;
    left: -24px;
    position: relative;
    top: 4px;
    width: 16px;
    vertical-align: top;
}
.clearable:hover{
	cursor: pointer;
	border : 1px solid rgb(203, 203, 203);
	border-radius: 2px;
}
.hidden{
	display: none !important;
}
/** Fieldset Pelayanan Medis **/
.fd100{
	height: auto;
	min-height: 100px;
}
.fd150{
	height: auto;
	min-height: 150px;
}
.fd250{
	height: auto;
	min-height: 250px;
}
.fd280{
	height: auto;
	min-height: 280px;
}
.fd300{
	height: auto;
	min-height: 320px;
}
.fd320{
	height: auto;
	min-height: 320px;
}
.w150{
	width: 150px;
}
.w200{
	width: 200px;
}
.w250{
	width: 250px;
}
.free{
	width: auto;
}
#viewDiagnosis{
	max-height: 150px;
	overflow-x: auto;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-right: 10px;
}
#viewDiagnosis div{
	margin : 0 !important;
	padding: 2px 0 !important;
	vertical-align: top;
}
#viewDiagnosis input, #viewDiagnosis select{
	vertical-align: top;
}
.fieldsetLabel{
	border-top: 1px solid #ccc !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
}
.itemDiagnosis label{
	width : 450px;
	display: inline-table;
	padding : 0 5px !important;
}
.itemDiagnosis:hover{
	background: #B9C9FE;
}
.shadowed-line{
	-webkit-box-shadow: 0 8px 10px -8px #333;
	-moz-box-shadow: 0 8px 10px -8px #333;
	box-shadow: 0 8px 10px -8px #333;
	display: block;
}
#notes{
	height: 16px;
}
.epdble{
	height: 15px;
}
.reg_right_section{
	width: 100%;
	margin: 0;
	padding: 0;
}
.part_1{
	width: 200px;
	float: left;
}

/*BUTTON*/
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}

/* BOOTSTRAP TABLE */
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin: 0 0 20px 0;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #5bc0de;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #5bc0de;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background-color: #5bc0de;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
#addregis > form > div > label{
 padding-top: 6px;
}

.input-static{
	line-height: 18px;
	padding-left: 10px;
}
.input-static label {
	float : left;
	width : 175px;
}

.del-0{
    text-decoration: line-through;
    background-color: #f4e3e3;
}
.del-1{
    text-decoration: line-through;
    color: #d75555;
    background-color: #bbb;
}

input[type=radio]{ 
	margin-top: 7px;
	margin-left: 5px;
}

input[type=radio]+ label{ 
	margin-left: 5px;
	margin-top: 7px;
	padding-top: 1px;
}

input[type=radio]:checked:not('.clean') + label{
	background-color: blue;
    font-weight: bold;
    font-size: larger;
    width: auto;
    color: white;
    height: 18px;
    padding-left: 4px;
    border-radius: 3px;
    margin-right: 5px;
}

.boolean{
	float:left;
    width: 100px;
	display: inline-flex !important;
}
div.boolean:last-child {
	width: 200px !important;
}
.typekunj{
	float:left;
    width: 150px;
	display: inline-flex !important;
}
div.typekunj:last-child {
	width: 200px !important;
}
.borderlabel{
	border:solid 1px; 
	border-color: #ccc;
	height: 35px;
	padding-top: 5px;
	padding-left: 5px;
}

/*additional grid system*/
.bpjs_grid {
    margin-top: 10px;
    margin-right: 10px;
    background-color: #ebf0fa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.bg_panel {
    margin-top: 10px;
    margin-right: 10px;
    background-color: #F0EDEE;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 400px;
    overflow-y: scroll;
}


legend {
    padding: 5px 10px;
    background-color: #e9e8e82e !important;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}


/*-------- jquery captcha ----------------*/
.QapTcha {
	float:left;
	margin-top:20px;
	width:245px;
}
/*.QapTcha .clr{clear:both}*/
.QapTcha .bgSlider {
	width:220px;
	height:24px;
	float:left;
	border-radius: 20px;
	border:1px solid #5bc0de;
	background: rgba(125, 122, 122, 0.2);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.QapTcha .Slider {
	width:24px;
	height:24px;
	background:transparent url('../img/slider-icon.png') no-repeat;
	background-size: 40px 40px;
	background-position: center top -7px;
	cursor:pointer;
	position:relative;
	top:0;
	left:0
}
.QapTcha .TxtStatus {
	width:252px;
	margin-top:7px;
	text-align:left;
	color:#bb2828;
	font-size:11px;
	clear:both}
.QapTcha .dropSuccess {color:#4e8b37}
.QapTcha .dropError {color:#bb2828}