BODY {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px; COLOR: #000044}
INPUT, TEXTAREA, FORM, SELECT { FONT-FAMILY: Arial,Verdana,Helvetica,sans-serif; FONT-SIZE: 11px }
TH	{ font-family: Arial,Verdana,Helvetica; font-size: 12px; TEXT-DECORATION: none; padding-left:2px; }
TD	{ FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 11px; COLOR: #000000; }
A	{ COLOR: #000044; TEXT-DECORATION: none; }
TABLE { border:none; }

.title 		{ COLOR: #1F3070; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Arial,Verdana,Helvetica; TEXT-DECORATION: none}
.content 	{ COLOR: #000044; FONT-SIZE: 12px; FONT-FAMILY: Arial, Verdana, Helvetica}
.option 	{ COLOR: #000044; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Arial,Verdana,Helvetica; TEXT-DECORATION: none}
.tiny		{ COLOR: #000044; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
.warning	{ FONT-FAMILY: Arial,Verdana,Helvetica; color:red; FONT-SIZE: 12px; FONT-WEIGHT: bold; }

.loginboxtitle		{ COLOR: #FFFFFF; }
.loginboxcontent	{ COLOR: #000000;margin-top:20px; }  /* font di login yang jalan*/

.boxtitle			{ COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Arial,Verdana,Helvetica; TEXT-DECORATION: none;}
.boxsubtitle 		{ COLOR: #660099; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Arial,Verdana,Helvetica; TEXT-DECORATION: none}
.boxcontent			{ COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Arial,Verdana,Helvetica; }
.listtitle 			{ COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Arial,Verdana,Helvetica; TEXT-DECORATION: none;padding-top:7px;padding-bottom:5px;}
.listtitle:hover 	{  COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,Helvetica; TEXT-DECORATION: none; text-transform:capitalize}
.listtext a			{ COLOR: #000000; }

.search { color :#ffffff } 

.header_style table:hover	{ BACKGROUND-COLOR: #ffffff COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Helvetica, Arial, Verdana, Helvetica; TEXT-DECORATION: none}

a.menuleft { width:100%; }
a.menu, a.menu1 { width:100%; margin-left:3px;}

.menu		{ FONT-FAMILY: Arial,Verdana,Helvetica; color:#ffffff; FONT-SIZE: 11px; margin-left:0px;margin-right:10px;}
.menu:hover { color:#ffffff; }
.menu1:hover { color:#000; }
.menu1		{ FONT-FAMILY: Arial,Verdana,Helvetica; color:#000000; FONT-SIZE: 11px;background-repeat:no-repeat}
.menuleft	{ FONT-FAMILY: Arial,Verdana,Helvetica; color:#444444; FONT-SIZE: 11px; }

.submenu { FONT-FAMILY: Arial,Verdana,Helvetica; color:#444444; FONT-SIZE: 11px; }
.submenu:hover { color:#ffffff; }

.style1 { COLOR: #0000FF; TEXT-DECORATION: none; FONT-WEIGHT: bold;}
.customlighterblue { BACKGROUND-COLOR: #ffffff }

.cekmerah { 
background-color:#FF0000;
color:#FFFFFF;
padding:1px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.ceknormal { 
background:none;
color:#000000;
padding:1px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

input, select, textarea {
	margin-left: 4px ;
	margin-right: 1 px;
	bBORDER-COLOR: #ababab; 
	bBORDER-WIDTH: 1px;
}
td.button a.button {
	background:#0176bd;
	padding: 5px;
	border: 1px solid #acacac;
	border-radius: 3px;
	color: white;
}
.container_wctr .row .col-sm-2{
	justify-content: end;
}

.wctrgrid{
	overflow-y: scroll; 
  	overflow-x: scroll;

	/* overflow: visible; */
	
	}