body {
	margin: 0;
	padding: 0;
	background-image: url(../wallpaper/2.png);
}

/* properti seleksi_row */
.selected{
	background-color: hsl(89, 100%, 69%);
}
.selectedDK{
	background-color: hsl(135, 73%, 19%);
}
/* ==================== */


input[type=text], textarea, input, select {
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
 
/* input[type=text]:focus, textarea:focus, input:focus, select:focus {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	border: 1px double rgba(81, 203, 238, 1);
} */

input[type=text]:disabled {
	color:black;
}


a{
	text-decoration:none;
	color: blue;
}

a:hover {
	color: red;
	text-decoration:none;
}

.a2{
	text-decoration:underline;
	color: black;
}


.cmblim{
	border: 1px double #CCCCCC;
	font-size: 9px;
	font-family:Verdana;
	background-color:#EFEFEF;	
    width: 200px;
    text-overflow: ellipsis;
}

/* %%%%%%%%% TAB CSS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Style the tab */
.tab {
    overflow: hidden;
	background: #c7d6dd;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border-left: 1px;
	border-top: 0;
	border-bottom: 0;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 10px;
    font-weight: bold;
    height: 19px;
    font-family: verdana;
	background-color:white;
}

/* Change background color of buttons on hover */
.tab button:hover {
	background-color:#4040402d;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: rgba(53, 243, 157, 0.514);
}

/* Style the tab content */
.tabcontent {
    display: none;
	-webkit-border-bottom-left-radius: 11px;
	-moz-border-radius-bottomleft: 11px;
	border-bottom-left-radius: 11px;
	-webkit-border-bottom-right-radius: 11px;
	-moz-border-radius-bottomright: 11px;
	border-bottom-right-radius: 11px;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


.paging{
	padding-left: 6px;
	padding-right: 6px;

	border-style: solid;
	border-color: grey;
	border-width: 1px;
	background: rgb(192,205,214);
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:black;
}

.paging_aktif{
	padding-left: 6px;
	padding-right: 6px;
	font-weight: bold;
	border-style: solid;
	border-color: grey;
	border-width: 1px;
	background:#86a6b7;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:white;
}

.linkgrey{
	text-decoration:none;
	color: #d7dcd1;
}

@font-face {
    font-family: "Hammersmith";
    src: url(../fonts/hammersmithone.ttf) format("truetype");
}

@font-face {
    font-family: "Sansation_Light";
    src: url(../fonts/sansation_light.ttf) format("truetype");
}

@font-face {
    font-family: "Raleway";
    src: url(../fonts/Raleway-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Dejavu";
    src: url(../fonts/DejaVuSansMono.ttf) format("truetype");
}


.txt {
	border: 1px double #CCCCCC;
	font-size: 9px;
	font-family:Verdana;
	background-color:#EFEFEF;
}

.txt_big {
	border: 1px double #CCCCCC;
	font-size: 12px;
	font-family:Verdana;
	background-color:#EFEFEF;
}

.txt_orange {
	border: 1px double #CCCCCC;
	font-size: 9px;
	font-family:Verdana;
	background-color:#ffc77d;
}

.txt_blue {
	border: 1px double #CCCCCC;
	font-size: 9px;
	font-family:Verdana;
	background-color:#82c6ed;
}

.txtsmall {
	border: 1px double #CCCCCC;
	font-size: 9px;
	font-family:sans-serif;
	background-color:#EFEFEF;
}

.txtcall{
	background-color: transparent;
    border: 0px;
    outline: none;
    cursor:default;
    font-size: 9px;
	font-family:Verdana;
}

.txtcallbold{
	background-color: transparent;
    border: 0px;
    outline: none;
    cursor:default;
    font-size: 9px;
	font-family:Verdana;
	font-weight: bold;
}


.txtcallnum{
	background-color: transparent;
    border: 0px;
    outline: none;
    cursor:default;
    font-size: 9px;
	font-family:Verdana;
	text-align: right;
}

.txtnum {
	border: 1px double #CCCCCC;
	font-size: 9px;
	font-family:Verdana;
	background-color:#EFEFEF;
	text-align: right;
}

.txtdate {
	border: 1px double #CCCCCC;
	font-size: 9px;
	font-family: Verdana;
	background-color:#EFEFEF;
}
.cmdlink {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');

	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;

	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding:1px 8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #175899;
}

.cmdlink:hover {
	color: white;
	background: rgb(135,224,253);
	background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%);
	background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%);
	background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 );
}

.cmd {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');

	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;

	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding:0px 8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #175899;
}

.cmd_orange{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffb875), color-stop(1, #ff7951) );
	background:-moz-linear-gradient( center top, #ffb875 5%, #e56037 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');

	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;

	border:1px solid #efd64d;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding:0px 8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ca4b24;
}
.cmd_orange:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcfa3), color-stop(1, #ff8d6a) );
	background:-moz-linear-gradient( center top, #ffaa5a 5%, #e6562b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
}

.cmd_green {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #78c478), color-stop(1, #3f832e) );
	background:-moz-linear-gradient( center top, #78c478 5%, #3f832e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');

	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;

	border:1px solid #78c478;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding:0px 8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #3f832e;
}
.cmd_green:hover {
	background: rgb(95, 248, 48);
	background: -moz-linear-gradient(top, rgb(225, 255, 216) 0%, rgb(114, 197, 93) 40%, rgb(12, 224, 5) 100%);
	background: -webkit-linear-gradient(top, rgb(225, 255, 216) 0%,rgb(114, 197, 93) 40%,rgb(12, 224, 5) 100%);
	background: linear-gradient(to bottom, rgb(225, 255, 216) 0%,rgb(114, 197, 93) 40%,rgb(12, 224, 5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 );
}

.cmd:hover {
	background: rgb(211, 112, 46);
	background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%);
	background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%);
	background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 );
}
.cmd:active {
	position:relative;
	top:1px;
}

.cmdsmall{
	background-color:green;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	padding-left: 4px;
	padding-right: 4px;
	color:#ffffff;
	font-family:"Verdana";
	font-size:9px;
}

.cmdsmall:hover{
	background-color:blue;
}

.st14 {
	font-size: 14px;
	font-family: Verdana;
}

.st13 {
	font-size: 13px;
	font-family: Verdana;
}

.st12 {
	font-size: 12px;
	font-family: Verdana;
}

.st10 {
	font-size: 10px;
	font-family: Verdana;
}

.stx{
	font-size: 11px;
	font-family: Verdana;
}

.sty{
	font-size: 11px;
	font-family: Verdana;
	background:#f9f9f9;
}

.ln{
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-color:black;
}

.ln2{
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-color:black;
}

.ln3{
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-color:#3e8e89;
}

.bgstatus {
	width:100%;
	height: 20px;
	position: relative;
	background-color: rgba(10, 1, 17, 0.29);
	border-bottom: 1px solid #777;
	font-family: "Verdana";
	font-size: 10px;
	color:black;
	font-weight:bold;
	text-align: inherit;
}

.gradient_
n{
	background: rgb(118,193,81);
	background: -moz-linear-gradient(45deg, rgba(118,193,81,1) 0%, rgba(136,226,0,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(118,193,81,1) 0%,rgba(136,226,0,1) 100%);
	background: linear-gradient(45deg, rgba(118,193,81,1) 0%,rgba(136,226,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c151', endColorstr='#88e200',GradientType=1 );
}

.gradient_grey{
	background: rgb(192,205,214);
	background: -moz-linear-gradient(left, rgba(192,205,214,1) 0%, rgba(155,161,170,1) 100%);
	background: -webkit-linear-gradient(left, rgba(192,205,214,1) 0%,rgba(155,161,170,1) 100%);
	background: linear-gradient(to right, rgba(192,205,214,1) 0%,rgba(155,161,170,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0cdd6', endColorstr='#9ba1aa',GradientType=1 );
}

/* Header
-----------------------------------------------------------------------------*/
.header {
	background-color:#5d88a3;
	height: 38px;
	position: relative;
}

.login{
	font-family: "Verdana";
	font-size: 12;
	
	width: 420px;
	height: 140px;

	margin-top: 20px;
	margin-left: 37px;

	border: solid;
	border-color:white;
	border-width: 2px;


	padding: 5px;
	
	
	background: rgb(208,224,226);
	background: -moz-linear-gradient(-45deg, rgba(208,224,226,1) 0%, rgba(234,243,255,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(208,224,226,1) 0%,rgba(234,243,255,1) 100%);
	background: linear-gradient(135deg, rgba(208,224,226,1) 0%,rgba(234,243,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e0e2', endColorstr='#eaf3ff',GradientType=1 );
}

.cap_login{
	background-color: #c7d6dd;
}

.cap_form{
	background: #f2f6f8;
/* 	background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
	background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); */

}

.cap_form_f{
	background: #f2f6f8;
/* 	background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
	background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); */
}

.cap_form_l{
	background: #f2f6f8;
	background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
	background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;

}

.cap_form_r{
	background: #f2f6f8;
	background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
	background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
}

.note_form_l{
	background: #b3c2ce;
}

.note_form_c{
	background: #b3c2ce;
}

.note_form_r{
	background: #b3c2ce;
}

.cap_form_dk{
	background: black;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.note_form_l_dk{
	background:black;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
}
.note_form_r_dk{
	background:black;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;	
}



/* Welcome Message */

.welcome{
	font-family: "Raleway";
	font-size: 13;
	
	margin-top: 30px;
	margin-left: 33px;

	border: solid;
	border-color:white;
	border-width: 2px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b1d3e0+0,ccdce2+30,ccdce2+62,88bacf+100,d2dce0+100 */
	background: rgb(177,211,224); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(177,211,224,1) 0%, rgba(204,220,226,1) 30%, rgba(204,220,226,1) 62%, rgba(136,186,207,1) 100%, rgba(210,220,224,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(177,211,224,1) 0%,rgba(204,220,226,1) 30%,rgba(204,220,226,1) 62%,rgba(136,186,207,1) 100%,rgba(210,220,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(177,211,224,1) 0%,rgba(204,220,226,1) 30%,rgba(204,220,226,1) 62%,rgba(136,186,207,1) 100%,rgba(210,220,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d3e0', endColorstr='#d2dce0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.welcome_header{
	font-family:"Sansation_Light";
	color: white;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
	font-size:21; 
	background-color: rgba(82, 120, 142, 0.29);
}

.welcome_footer{
	background-color: rgba(82, 120, 142, 0.29);
	color:#2f5368;
}

/* Footer
-----------------------------------------------------------------------------*/
.footer_cage {
	/*background: #2e3644;*/
	background: rgb(255, 255, 255);
}

.status_bar{
	font-family: "Verdana";
	font-size: 10;
	padding: 0px 0px 0px 0px;
}

.menu_link {
	font-family: "Verdana";
	font-size: 10;
	color: #d7dcd1;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
}

/* BOX BOX BOX */

.boxwhite{
	border-color: white;
	border-width: 1px;
	border-style: solid;
	
	background: rgb(190, 188, 183);
	background: -moz-linear-gradient(60deg, rgb(240, 238, 233) 0%, rgb(154, 159, 150) 100%);
	background: -webkit-linear-gradient(60deg, rgb(240, 238, 233) 0%, rgb(154, 159, 150) 100%);
	background: -o-linear-gradient(60deg, rgb(240, 238, 233) 0%, rgb(154, 159, 150) 100%);
	background: -ms-linear-gradient(60deg, rgb(240, 238, 233) 0%, rgb(154, 159, 150) 100%);
	background: linear-gradient(150deg, rgb(240, 238, 233) 0%, rgb(154, 159, 150) 100%);

	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.boxwhite2{
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	background-color: #eaeaea;

	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 1px 1px 3px rgba(45, 50, 50, 0.55);
	-moz-box-shadow:    1px 1px 3px rgba(45, 50, 50, 0.55);
	box-shadow:         1px 1px 3px rgba(45, 50, 50, 0.55);
}

.boxdkgrey{
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	
	background-color: #808080;
	
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: white;
	-webkit-box-shadow: 1px 1px 3px rgba(45, 50, 50, 0.55);
	-moz-box-shadow:    1px 1px 3px rgba(45, 50, 50, 0.55);
	box-shadow:         1px 1px 3px rgba(45, 50, 50, 0.55);
}

.boxdarkgreen{
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	background: rgb(138, 182, 163);
	background: -moz-linear-gradient(60deg, rgb(138, 182, 163) 0%, rgb(41, 71, 68) 100%);
	background: -webkit-linear-gradient(60deg, rgb(138, 182, 163) 0%, rgb(41, 71, 68) 100%);
	background: -o-linear-gradient(60deg, rgb(138, 182, 163) 0%, rgb(41, 71, 68) 100%);
	background: -ms-linear-gradient(60deg, rgb(138, 182, 163) 0%, rgb(41, 71, 68) 100%);
	background: linear-gradient(150deg, rgb(138, 182, 163) 0%, rgb(41, 71, 68) 100%);
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 1px 1px 3px rgba(45, 50, 50, 0.55);
	-moz-box-shadow:    1px 1px 3px rgba(45, 50, 50, 0.55);
	box-shadow:         1px 1px 3px rgba(45, 50, 50, 0.55);
}

.boxdarkblue{
	background-color: #5d88a3;

	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: white;

	border: 1px;
	border-style: solid;
	border-color: white;
}

.boxblue{
	background: rgb(52,92,137);
	background: -moz-linear-gradient(45deg, rgba(52,92,137,1) 0%, rgba(80,180,216,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(52,92,137,1) 0%,rgba(80,180,216,1) 100%);
	background: linear-gradient(45deg, rgba(52,92,137,1) 0%,rgba(80,180,216,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#345c89', endColorstr='#50b4d8',GradientType=1 );

	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: white;

	border: 1px;
	border-style: solid;
	border-color: white;

}

.boxaqua{
	background: #007773;
	background: -moz-linear-gradient(-45deg,  #007773 0%, #00afbf 100%);
	background: -webkit-linear-gradient(-45deg,  #007773 0%,#00afbf 100%);
	background: linear-gradient(135deg,  #007773 0%,#00afbf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007773', endColorstr='#00afbf',GradientType=1 );
	

	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: white;
	-webkit-box-shadow: 1px 1px 3px rgba(45, 50, 50, 0.55);
	-moz-box-shadow:    1px 1px 3px rgba(45, 50, 50, 0.55);
	box-shadow:         1px 1px 3px rgba(45, 50, 50, 0.55);

/*	border: 2px;
	border-style: solid;
	border-color: white;*/

	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}

.boxabuabu{
	background: #828ca0;
	background: -moz-linear-gradient(-45deg,  #828ca0 0%, #4c5468 100%);
	background: -webkit-linear-gradient(-45deg,  #828ca0 0%,#4c5468 100%);
	background: linear-gradient(135deg,  #828ca0 0%,#4c5468 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828ca0', endColorstr='#4c5468',GradientType=1 );
	
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: white;

	border: 1px;
	border-style: solid;
	border-color: white;

}


.boxflatwhite{
	background: rgb(240, 238, 233);
	background: -moz-linear-gradient(60deg, rgb(240, 238, 233) 0%, rgb(154, 159, 150) 100%);
	background: -webkit-linear-gradient(60deg, rgb(240, 238, 233) 0%, rgb(154, 159, 150) 100%);
	background: -o-linear-gradient(60deg, rgb(240, 238, 233) 0%, rgb(154, 159, 150) 100%);
	background: -ms-linear-gradient(60deg, rgb(240, 238, 233) 0%, rgb(154, 159, 150) 100%);
	background: linear-gradient(150deg, rgb(240, 238, 233) 0%, rgb(154, 159, 150) 100%);
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.boxflatbluerd{
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;

	background-color: #c7dde8;
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 1px 1px 3px rgba(45, 50, 50, 0.55);
	-moz-box-shadow:    1px 1px 3px rgba(45, 50, 50, 0.55);
	box-shadow:         1px 1px 3px rgba(45, 50, 50, 0.55);	
}

.boxflatblue{
	background-color: #c7dde8;
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.boxflatdkblue{
	background-color: #82c6ed;
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.boxflatyellow{
	background-color: #f5eece;
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.boxflatpurple{
	-webkit-box-shadow: 1px 1px 3px rgba(45, 50, 50, 0.55);
	-moz-box-shadow:    1px 1px 3px rgba(45, 50, 50, 0.55);
	box-shadow:         1px 1px 3px rgba(45, 50, 50, 0.55);
	background-color: #f0d9ff;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.boxflatorange{
	-webkit-box-shadow: 1px 1px 3px rgba(45, 50, 50, 0.55);
	-moz-box-shadow:    1px 1px 3px rgba(45, 50, 50, 0.55);
	box-shadow:         1px 1px 3px rgba(45, 50, 50, 0.55);
	background-color: #ffc175;
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


.boxflatgrey{
	background-color: #b3c2ce;
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.boxflatgrey_s{
	background-color: #b3c2ce;
	font-size: 9px;
	font-family: sans-serif;
}

.boxflatwhite_s{
	background-color: whitesmoke;
	font-size: 9px;
	font-family:sans-serif;
}

.boxflatbluesmall{
	background-color: #c7dde8;
	font-size: 8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.boxlightbrown{
	background-color: #e8d6b7;
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

.boxflatblue2{
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #c7dde8;
}

.boxflatgreen{
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #b0d8bd;
}

.boxlightblue{
	background: rgb(176,212,227);
	background: -moz-linear-gradient(-45deg, rgba(176,212,227,1) 0%, rgba(136,186,207,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(176,212,227,1) 0%,rgba(136,186,207,1) 100%);
	background: linear-gradient(135deg, rgba(176,212,227,1) 0%,rgba(136,186,207,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d4e3', endColorstr='#88bacf',GradientType=1 );
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.ovrow:hover {
	background-color:#42c11b;
}

.ovrow2:hover {
	background-color:#ffe562;
}

.ovrow3:hover {
	background-color:#d6d6d6;
}

.ovrow4:hover {
	background-color:#6b1717;
}

.stTblft {
	font-size: 4px;
}

.hdnav{
	font-family: "Verdana";
	font-size: 9;
	padding-top: 2px;
	padding-bottom: 2px;
	color: white;
	font-weight: bold;

	background: rgb(100, 125, 152);
	padding-left: 32px;
}

.hdo{
	border-width:0 1 0 0;
	border-style: solid;
	border-color: white;
}

.hdo2{
	border-width:0 1 0 0;
	border-style: solid;
	border-color:#a3c2c2;
}

.hdo3{
	border-width:0 1 1 0;
	border-style: solid;
	border-color:#a3c2c2;
	background-color:#008080;
	color: white;
}
.hdo4{
	border-width:0 1 1 0;
	border-style: solid;
	border-color:#a3c2c2;
	background-color:#496a87;
	color: white;
}
.hdo5{
	border-width:0 1 1 0;
	border-style: solid;
	border-color:#a3c2c2;
	background-color:#2d465c;
	color: white;
}
.hdo6{
	border-width:0 1 1 0;
	border-style: solid;
	border-color:#a3c2c2;
	background-color:#3975a3;
	color: white;
}

.hdo7{
	border-width:0 1 1 0;
	border-style: solid;
	border-color:#a3c2c2;
	background-color: rgba(82, 120, 142, 0.29);
	color: black;
}

.hdb1 {
	background-image:url(../images/hdb1.png);
	background-repeat:repeat-x;
	color:white;
}

.hdb2 {
	background-image:url(../images/hdb2.png);
	background-repeat:repeat-x;
	color: white;
}

.hdb3 {
	background-image:url(../images/hdb3.png);
	background-repeat:repeat-x;
	color: white;
}

.hdb4 {
	background-image:url(../images/hdb4.png);
	background-repeat:repeat-x;
	color: white;
}

.hdb5 {
	background-image:url(../images/hdb5.png);
	background-repeat:repeat-x;
	color: white;
}

.hdb6 {
	background-image:url(../images/hdb6.png);
	background-repeat:repeat-x;
	color: white;
}

.hdf{
	border:1px;
	border-style:solid;
	border-color:grey;
	background-color:#9acdd1;
}

.hdx{
	background: #17bbd8;
	background: -moz-linear-gradient(top, #17bbd8 4%, #88e2df 4%, #6dc0c6 52%, #00bac4 52%, #47c5d3 100%);
	background: -webkit-linear-gradient(top, #17bbd8 4%,#88e2df 4%,#6dc0c6 52%,#00bac4 52%,#47c5d3 100%);
	background: linear-gradient(to bottom, #17bbd8 4%,#88e2df 4%,#6dc0c6 52%,#00bac4 52%,#47c5d3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17bbd8', endColorstr='#47c5d3',GradientType=0 );
}

.formentrirm{
	background: rgb(240, 238, 233);
	background: -moz-linear-gradient(60deg, rgb(240, 238, 233) 0%, rgb(154, 159, 150) 100%);
	background: -webkit-linear-gradient(60deg, rgb(240, 238, 233) 0%, rgb(154, 159, 150) 100%);
	background: -o-linear-gradient(60deg, rgb(240, 238, 233) 0%, rgb(154, 159, 150) 100%);
	background: -ms-linear-gradient(60deg, rgb(240, 238, 233) 0%, rgb(154, 159, 150) 100%);
	background: linear-gradient(150deg, rgb(240, 238, 233) 0%, rgb(154, 159, 150) 100%);

	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.tbl1{
	border-right:1px;
	border-top:0px;
	border-left:0px;
	border-bottom:0px;
	border-style:solid;
	border-color:#a4e8e0;
}

.mainborder{
	overflow-x:visible;

	/* -webkit-box-shadow: 1px 1px 3px rgba(45, 50, 50, 0.55);
	-moz-box-shadow:    1px 1px 3px rgba(45, 50, 50, 0.55);
	box-shadow:         1px 1px 3px rgba(45, 50, 50, 0.55); */

	border: 0px;
	border-style: solid;
	border-color: white;
	background-color:#b3c2ce;
}

.hr1 {
	border: 0; 
	border-width: 1px;
	border-style:dotted;
	border-color: black;
}

.hr2 {
	border: 0; 
	height: 2px; 
	background-image: -webkit-linear-gradient(left, #ccc,#044f72, #ccc); 
	background-image: -moz-linear-gradient(left, #ccc, #044f72, #ccc); 
	background-image: -ms-linear-gradient(left, #ccc, #044f72, #ccc); 
	background-image: -o-linear-gradient(left, #ccc, #044f72, #ccc); 
}

.hr3 {
	border: 0; 
	height: 1px; 
	background-color: grey;	
}

.hrx {
	border: 0; 
	height: 1px; 
	background-color: #cecece;
}


/* -----------------------------------------------------------------------*/

.lnx{
	border-top-style:dotted;
	border-top-width:1px;
	border-color:grey;
}

.lnbatasx{
	border-top-style:solid;
	border-top-width:1px;
	border-color:#3b555e;
}

.lnx_clr{
	border-top-style:none;
	border-top-width:0px;
}

.lnbatasx_clr{
	border-top-style:solid;
	border-top-width:1px;
	border-color:#3b555e;
}

.lnbatasx_{
	border-top-style:solid;
	border-top-width:2px;
	border-color:#3b555e;
}

/* -------------------*/
.lnx_edit_green{
	border-top-style:dotted;
	border-top-width:1px;
	border-color:grey;
	color:#b0d8bd;
}

.lnx_edit_blue{
	border-top-style:dotted;
	border-top-width:1px;
	border-color:grey;
	color:#c7dde8;
}

.lnbatasx_edit{
	border-top-style:solid;
	border-top-width:1px;
	border-color:#3b555e;
	color:black;
}
/* ------------------*/


.lnbatasx2{
	border-top-style:solid;
	border-top-width:2px;
	border-color:rgb(119, 119, 119);
}

.box_ov_input{
	height:300px;
	overflow-y:scroll;
	overflow-x:hidden;
	border-right:0px;
	border-top:2px;
	border-left:0px;
	border-bottom:2px;
	border-style:solid;
	border-color:#84fcf4;
	background-color: #939ea1;
}

.box_ov_produk{
	height:600px;
	overflow-y:scroll;
	overflow-x:scroll;
	border-right:0px;
	border-top:2px;
	border-left:0px;
	border-bottom:2px;
	border-style:solid;
	border-color:#84fcf4;
	background-color: #939ea1;
}

.box_ov_olah{
/* 	border-right:0px;
	border-top:0px;
	border-bottom: 0px;
	border-left:0px;
	border-style:solid;
	border-color:#496a87;
	background-color: #939ea1; */
}

.box_ov_olah thead {
	position: sticky;
	top: 0;
	z-index: 2;
}

.box_ov_olah th{
	font-weight:normal;
}

.box_filter_olah{
	width: 100vw;
	height: 110px;
}


.box_ov_olah_2 thead {
	position: sticky;
	top: 0;
}
.box_ov_olah_2 th{
	font-weight:normal;
}
.box_filter_olah_2{
	width: 100vw;
	height: 110px;
}


/* khusus yg ada tab nya, */
.box_ov_olah_tab{
	height: calc(100vh - 295px);
	overflow-y:scroll;
	overflow-x:scroll;
	border-right:0px;
	border-top:2px;
	border-bottom: 0px;
	border-left:0px;
	border-style:solid;
	border-color:#496a87;
	background-color: #939ea1;
}

.box_ov_olah_tab thead {
	position: sticky;
	top: 0;
}

.box_ov_olah_tab th{
	font-weight:normal;
}
/* ------------------------ */

.box_ov_olah_2{
/* 	height: calc(98vh - 280px);
	width: 100vw;
	overflow-y:scroll;
	overflow-x:scroll;
	border-right:0px;
	border-top:2px;
	border-bottom: 0px;
	border-left:0px;
	border-style:solid;
	border-color:#496a87;
	background-color: #939ea1; */
}

#table_filter tr td {
    padding-right: 10px;
	padding-left: 3px;
}

.resizer {
	right: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	cursor: col-resize;
	border-width:0 1 1 0;
	border-style: solid;
	border-color:#a3c2c2;
	background-color:#2d465c;
	color: white;
}

.resizing {
	cursor: col-resize;
	user-select: none;
}