root {
    display: block;  
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color:#912501;
    background-color: #ffffff; /*#fff1ea; #fdfafa;*/
    font-size: 11px;    
}

input:not(.urlbar-input):not(.textbox-input):not(.form-control):not([type='checkbox']):not([type='radio']), textarea, select {
    border-width: 1px;
    padding: 2px 2px;
    -webkit-border-radius:3px;    
}  

input[disabled='disabled'] {
  /*background: #EEEEEE;
  color: #575757;*/
  background: #F7F7F7;
  cursor:default;
}

textarea[disabled='disabled'] {
  /*background: #EEEEEE;
  color: #575757;*/
  background: #F7F7F7;
  cursor:default;
}

input [readonly='true'], input[readonly] {
  background-color: #F7F7F7;
  color: #575757;
  cursor: default; 
}

textarea [readonly='true'], textarea[readonly] {
  background-color: #F7F7F7;
  color: #575757;
  cursor: default; 
}

select {
   background: #FFFFFF;
}

select[disabled] {
  /*background: #EEEEEE;*/
  background: #F7F7F7;
  cursor:default;
}

table {
    empty-cells: show;
}

/* ASLI tambahan coba"*/
a:link {color:#0646c4;text-decoration:none;cursor: pointer;}
a:visited {color:#0646c4;text-decoration:none;cursor: pointer;}
a:hover {color:black;text-decoration:none;cursor: pointer;}
a:active {color:green; text-decoration:none;cursor: pointer;}

/* link dalam table
a:link {color:maroon;text-decoration:none;}
a:visited {color:maroon;text-decoration:none;}
a:hover {color:black;text-decoration:none;}
a:active {color:green; text-decoration:none;}*/

/* link pada form  jsfcrud_list_form*/
form.jsfcrud_list_form a:link{color:#ffffff;text-decoration:none;}
form.jsfcrud_list_form a:visited{color:#ffffff;text-decoration:none;}
form.jsfcrud_list_form a:hover{color:black;text-decoration:none;}
form.jsfcrud_list_form a:active{color:green;text-decoration:none;}

/* link pada header column*/
form.jsfcrud_list_form th, td th a:link{color:#ffffff;text-decoration:none;}
form.jsfcrud_list_form th, td th a:visited{color:#ffffff;text-decoration:none;}
form.jsfcrud_list_form th, td th a:hover{color:black;text-decoration:none;}
form.jsfcrud_list_form th, td th a:active{color:green;text-decoration:none;}

/* link pada form  jsfcrud_list_form*/
div.jsfcrud_list_form a:link{color:#ffffff;text-decoration:none;}
div.jsfcrud_list_form a:visited{color:#ffffff;text-decoration:none;}
div.jsfcrud_list_form a:hover{color:black;text-decoration:none;}
div.jsfcrud_list_form a:active{color:green;text-decoration:none;}

/* link pada header column*/
div.jsfcrud_list_form th, td th a:link{color:#ffffff;text-decoration:none;}
div.jsfcrud_list_form th, td th a:visited{color:#ffffff;text-decoration:none;}
div.jsfcrud_list_form th, td th a:hover{color:black;text-decoration:none;}
div.jsfcrud_list_form th, td th a:active{color:green;text-decoration:none;}


/* link pada baris */
tr.jsfcrud_odd_row a:link{color:#0646c4;text-decoration:none;}
tr.jsfcrud_odd_row a:visited{color:#0646c4;text-decoration:none;}
tr.jsfcrud_odd_row a:hover{color:black;text-decoration:none;}
tr.jsfcrud_odd_row a:active{color:green;text-decoration:none;}

tr.jsfcrud_even_row a:link{color:#0646c4;text-decoration:none;}
tr.jsfcrud_even_row a:visited{color:#0646c4;text-decoration:none;}
tr.jsfcrud_even_row a:hover{color:black;text-decoration:none;}
tr.jsfcrud_even_row a:active{color:green;text-decoration:none;}

tr.jsfcrud_odd_row_list a:link{color:#ffffff;text-decoration:none;}
tr.jsfcrud_odd_row_list a:visited{color:#ffffff;text-decoration:none;}
tr.jsfcrud_odd_row_list a:hover{color:black;text-decoration:none;}
tr.jsfcrud_odd_row_list a:active{color:green;text-decoration:none;}

tr.jsfcrud_even_row_list a:link{color:#ffffff;text-decoration:none;}
tr.jsfcrud_even_row_list a:visited{color:#ffffff;text-decoration:none;}
tr.jsfcrud_even_row_list a:hover{color:black;text-decoration:none;}
tr.jsfcrud_even_row_list a:active{color:green;text-decoration:none;}

/* button all
form.jsfcrud_list_form td.a:link{color:red;text-decoration:none;}
form.jsfcrud_list_form td.a:visited{color:red;text-decoration:none;}
form.jsfcrud_list_form td.a:hover{color:black;text-decoration:none;}
form.jsfcrud_list_form td.a:active{color:white;text-decoration:none;}
*/


form.jsfcrud_list_form th, td th {
    font-size: 11px;
    color: #ffffff;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #ffd1a4;
    border-bottom-color: #ffd1a4;
    border-left-color: #ffd1a4;
    border-right-color: #ffd1a4;
    letter-spacing: 1px;
    text-align: left;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #cf6220;
}

form.jsfcrud_list_form th{
    cursor: pointer;
}

td {
    vertical-align: top;
    padding-bottom: 1px;
    font-size: 11px;
}

form.jsfcrud_list_form td, td td {
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #f9d8bd;
    border-bottom-color: #f9d8bd;
    border-left-color: #f9d8bd;
    border-right-color: #f9d8bd;
    vertical-align: baseline;
    padding-bottom: 0px;
}

div.jsfcrud_list_form th, td th {
    font-size: 11px;
    color: #ffffff;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #ffd1a4;
    border-bottom-color: #ffd1a4;
    border-left-color: #ffd1a4;
    border-right-color: #ffd1a4;
    letter-spacing: 1px;
    text-align: left;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #cf6220;
}

div.jsfcrud_list_form th{
    cursor: pointer;
}

div.jsfcrud_list_form td, td td {
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #f9d8bd;
    border-bottom-color: #f9d8bd;
    border-left-color: #f9d8bd;
    border-right-color: #f9d8bd;
    vertical-align: baseline;
    padding-bottom: 0px;
}

/* jsfcrud odd row HOVER */
tr:hover.jsfcrud_odd_row    {color:#ff3600;background-color:#acf378;text-decoration:none;cursor: pointer;}

/* jsfcrud even row HOVER */
tr:hover.jsfcrud_even_row   {color:#ff3600;background-color:#acf378;text-decoration:none;cursor: pointer;}

tr.jsfcrud_odd_row {background-color: #ffffff;}
tr.jsfcrud_even_row {background-color:#FFEEEE;}


/* jsfcrud odd row HOVER */
tr:hover.jsfcrud_odd_row_list    {color:#ff3600;background-color:#acf378;text-decoration:none;cursor: pointer;}

/* jsfcrud even row HOVER */
tr:hover.jsfcrud_even_row_list   {color:#ff3600;background-color:#acf378;text-decoration:none;cursor: pointer;}

tr.jsfcrud_odd_row_list {background-color: #ffffff;}
tr.jsfcrud_even_row_list {background-color:#FFEEEE;}

div {
    scrollbar-width: thin;
}

#busyImage {
    position: absolute;
    left: 50%;
    top: 50%;
}

.centerAlign {
        text-align: center;
}

.leftAlign {
        text-align: left;
}

.rightAlign {
        text-align: right;
}

.width10 { width: 10px; }
.width30 { width: 30px; }