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;
}

/* Untuk menghilangkan border hanya pada table dengan class no-border */
table.no-border,
table.no-border th {
    border: none !important;
}
table.no-border tr,
table.no-border td {
    border: none !important;
    border-collapse: collapse;
}